/* ------------------------ new home css -------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
  margin:0;
  padding:0;
    border:0;
  outline: 0;
  font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

html{
   height: 100%;
}

body{
   margin:0;
   padding:0;
			 width:100%;
			background-color:#000000;
			color:#000000;
			font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size:12px;
	  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

body.bodybgwhite{
background-color:#FFFFFF;
}
p{
 display:block;
}

a{
  text-decoration: underline;
}

a:hover{
   text-decoration: none;
}

/*ol, ul {
	list-style: none;
} */

div{
  margin:0;
  padding:0;
  border:0;
}

#mainwrapper{
  margin: 0 auto;
		width:995px;
}

/* ---------------- home page style ---------------------- */
#homeframes{
   width: 900px;
			margin: 0 auto;
}

#homecol1{
width: 250px;
float:left;
text-align:left;
margin-right: 5px;
}

#homecol2{
  width: 420px;
		float:left;
		margin-left: 5px;
}

	/* #div-1{
   position: relative;
}
						
	#div-1a{
										position:absolute; 
									top: -30px;
									left: 40px;
							} */

#homecol3{
width: 190px;
float:left;
text-align:right;
	margin-right: 20px;
}

#homecol1 ul, #homecol3 ul{
 list-style: none;
}

#homecol1 ul li, #homecol3 ul li{
   display: block;
			margin: 5px 0;
}

#homefooter{
   margin: 0 auto;
			width: 800px;
			text-align:center;
}

/* -------- top and bottom navigation black and white background templates -------------- */
						/* red bg template */
						.menuredtext_blackbg{
									color: #FF0000;
									font-size: 14px;
									line-height: 14px;
									text-decoration: none;
									font-family: "Century Gothic", Arial, Helvetica, sans-serif;
									font-weight: normal;
						}
						
						.menuredtext_blackbg a{
								text-decoration: none;
						}
						
						.menuredtext_blackbg a:hover{
							text-decoration: none;
							color:#ffffff;
						}
									/* white bg template */
							.menuredtext_whitebg{
									color: #FF0000;
									font-size: 14px;
									line-height: 14px;
									text-decoration: none;
									font-family: "Century Gothic", Arial, Helvetica, sans-serif;
									font-weight: normal;
						}
						
						.menuredtext_whitebg a{
								text-decoration: none;
						}
						
						.menuredtext_whitebg a:hover{
							text-decoration: none;
							color:#8c8783;
						}
						
						/*   home menu navigation */
						
						.homemenutext{
										color: #e71e26;
										font-size: 20px;
										font-family: "Century Gothic", Arial, Helvetica, sans-serif;
										font-weight: normal;
							}
							
							.homemenutext a{
							color: #ff0000;
											text-decoration:none;
							}
							
							.homemenutext a:hover{
							   color:#ffffff;
									text-decoration: none;
									}
/* -------------- Black background / white background template style ------------------- */

#headercontainer{
 position: relative;
}

#logo{
   width: 251px;
			margin-right: 10px;
			 float:left;
				display:block;
}

#topnav{
   width: 727px;
			float:left;
}

#topnav ul{
list-style: none;
padding: 5px 0 0 0;
margin:0;
}

#topnav ul li{
   margin: 10px 0 0 0;
			padding:0;
			display:block;
}


#bodycontainer{
 position: relative;
}

#footercontainer{
 position: relative;
}

#footercol1, #footercol3{
  width: 250px;
		  float:left;
}

#footercol2{
   width: 484px;
			float:left;
}

#footercol3{
 text-align:right;
}


/*  _______________________________________

	02 GRID
    _______________________________________  */



/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	width: 985px; 
	text-align: left; 
	clear:both;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_00,
.grid_0,
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7, 
.grid_8,
.grid_9,
.grid_10,
.grid_11  {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container .grid_00 {width:50px;}
.container .grid_0 {width:120px;}
.container .grid_1 {width:167px;}  
.container .grid_2 {width:216px;}
.container .grid_3 {width:472px;}  /* half the layout size - used */
.container .grid_4 {width:500px;}  /*  */
.container .grid_5 {width:680px;}
.container .grid_6 {width:960px;} /* used on gifts_details.php page */
.container .grid_7 {width: 420px;}
.container .grid_8 {width: 650px;}
.container .grid_9{width: 550px;}
.container .grid_10{width: 700px;}
.container .grid_11{width: 778px;}

/* ------------------------------------------ online shopping pages --------------------- */
#photo_booth_container {
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	width: 985px;
	margin-left: 10px;
	margin-right: 10px;
 text-align: left; 
	background: url(../images/photo_booth_background.jpg) top center no-repeat; 
}


/* ------------------------------------------ online shopping pages --------------------- */

/* Product Containers
----------------------------------------------------------------------------------------------------*/
.productcontainer {
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	width: 985px;
	clear:both;
}

.prodgrid_2,
.prodgrid_3
{
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}

.prodgrid_1{
  display:inline;
	float: left;
	position: relative;
	margin-left: 20px;
}

.productcontainer .prodgrid_1 {width:210px;}  /* prints_enlargements.php */
.productcontainer .prodgrid_2 {width:462px;}  /* prints_enlargements.php */

.productcontainer .prodgrid_3{width:216px;}  /* used on product_details.php page */

  
/* ----------------- end  online shopping pages ------------------------ */


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}		

/* --------------- General Style ------------------- */

.whiteseperator {
	border-top:#ffffff solid 1px;
	padding-top:5px;
	height:1px;
}

.blackseperator {
	border-top:#000000 solid 1px;
	padding-top:5px;
	height:1px;
}

.redseperator{
border-top:#ff0000 solid 1px;
	padding-top:5px;
	height:1px;
}

.grayseperator{
border-top:#9c9593 dashed 1px;
	margin-top:5px;
	height:1px;
}

.graylightseperator{
border-top:#e8e7e7 dotted 1px;
	margin-top:5px;
	height:1px;
}

.reddashseparator {
	border-top:#e6625f dashed 2px;
	padding-top:15px;
	height:1px;
	width: 400px;
}

.textaligncenter{
text-align:center;}

.textalignright{
 text-align: right;
}

.textalignleft{
 text-align:left;
}

.floatleft{
 float: left;
}

.floatright{
 float:right;
	margin-right: 20px;   /* used on gifts_product.php page */
}


/* Pushers to space elements when needed */

.pusher150{
    margin-top:150px;
}

.pusher55{
    margin-top:55px;
}

.pusher40{
   margin-top: 40px;
}

.pusher21 {
	margin-top:21px;
}
.pusher15 {
	margin-top:15px;
}

.pusher10 {
	margin-top:10px;
}

.pusher5{
	margin-top:5px;
}

.padding5{
  padding: 5px;
}

.grayborder{
border: 1px solid #eaebea;
}
/* ----------------- Photo Gallery Scroller ---------------- */

/* ----------------------------------- scroll bar  --------------------------------------- */

/* body */
#body{
clear:both;
margin:0 auto;
padding:0;
background-color:#ffffff}

/* scrolling content div */


.clear-me{
clear:both}

#scroller{
clear:both;
width:100%;
padding:0;
margin:0 auto;
position:relative;
height:370px;
/* background-color:#d6d6d6 */ } 

#scrollContent{
width:auto;
white-space:nowrap;
/* background-color:#d6d6d6; */}

#scroller p,
#scroller div.videoContent{
display:inline;
margin:0;
padding:0;
vertical-align:middle}

#scroller div.videoContent{
margin:0 5px}

#scroller img{
margin:5px 2px;
padding:0;
border:4px solid #FFF;
background:url(../images/scrollbar/img-bkgnd.gif) no-repeat center center;
/* background-color:#C6C6C6 */}


/* scroll bar */
#scrollBarWrapper{
margin:0 auto;
padding:5px 0 0 0;
visibility:hidden;
width:408px}

#scrollBar{
width:408px;
height:19px;

padding:0;
margin:0 auto}

#scrollKnobContainer{
float:left;
width:373px;
height:19px;
background:url(../images/scrollbar/scrollBar.gif) 0 0 no-repeat;
cursor:pointer}

#scrollKnob{
height:19px;
color:#CCC;
background:url(../images/scrollbar/scrollButton-l.gif) 0 0 no-repeat;
cursor:pointer}

#scrollKnob div{
float:right;
height:19px;
width:6px;
margin-right:0;
background:url(../images/scrollbar/scrollButton-r.gif) top right no-repeat}

#scrollBack{
float:left;
margin:1px 3px 0 0;
width:14px;
height:15px;
background:url(../images/scrollbar/scroll-left.gif) 0 0 no-repeat;
cursor:pointer}

#scrollForward{
margin:1px 0 0 3px;
float:left;
width:14px;
height:15px;
background:url(../images/scrollbar/scroll-right.gif) 0 0 no-repeat;
cursor:pointer}

/* ------------------- Typography -------------------- */

						/* ---------------- old css style ------------- */
						.subheading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #999999 }
						.bodytextsmallash { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #999999}
						
						.bodytext12darkbluebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1f497d;
}

						
						.bodytext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000;}
						.bodytext a:link {
									color: #5B5452;
								}
								.bodytext a:visited {
									color: #5b5452;
								}
								.bodytext a:hover {
									color: #9c9593;
								}
								.bodytext a:active {
									color: #5b5452;
								}

						.textbottomash { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #999999;}
						.bodytextbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; }
												.bodytxtred {
							font-weight: bold;
							color: #FF0000;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;
						}
						
						.bodytextwhite {
							font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF;
							}
						.titlewhite { 
								font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF;}

							.bodytextboldwht {
									font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF;
									}
						
									.bodytextgrey{  
										font-family: Verdana, Arial, Helvetica, sans-serif; 
										font-size: 12px;
											font-weight: normal;
											text-decoration: none; 
											color: #9c9593;} 
											
										.bodytextgrey  a:link{  
										font-family: Verdana, Arial, Helvetica, sans-serif; 
										font-size: 12px;
											font-weight: normal;
											text-decoration: none; 
											color: #9c9593;}
											
											.bodytextgrey  a:visited{  
											text-decoration: none; 
											color: #9c9593;}
											
											.bodytextgrey  a:hover{  
											text-decoration: none; 
											color: #5B5452;}
											
											.bodytextgrey  a:active{  
											text-decoration: none; 
											color: #9c9593;}
													
													.bodytextburgundy  a:link{  
															font-family: Verdana, Arial, Helvetica, sans-serif; 
															font-size: 12px;
																font-weight: normal;
																text-decoration: none; 
																color: #c95454;}
																
																.bodytextburgundy  a:visited{  
																text-decoration: none; 
																color: #c95454;}
																
																.bodytextburgundy  a:hover{  
																text-decoration: none; 
																color: #9c9593;}
																
																.bodytextburgundy  a:active{  
																text-decoration: none; 
																color: #c95454;}
																.bodytext12bold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
																
																
																.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #999999}
						.bodytext10 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000;}
						.bodytext10bold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000}
						/* ----------------- end old css ------------------ */
						
						
						/* ----------------- table style used on shopping, printing pages -------------------------- */
					
					.tablecenter{
					 margin: 0 auto;
						}
					
						.tablegrayborder{
								border: 1px solid #CCCCCC;
						}
						
								
						.tablegrayborder .tdcell{
								border: 1px solid #CCCCCC;
								padding-left:5px;
						}
						
						.tablelightgray{
						border: 1px solid #e8e7e7;						  
						}
						
						.tablelightgray .trrow{
						   background-color: #e8e7e7;
									margin: 5px;
						}
						
						.tablelightgray .tdbottomrightborder{
						   border-bottom:1px solid #e8e7e7;
									border-right: 1px solid #e8e7e7;
									padding: 5px;
						}
						.tablelightgray .tdbottomborder{
						 border-bottom:1px solid #e8e7e7;
																padding: 5px;
						}
						
						.tablelightgray .tdcolumn{
						   padding: 5px;
						}
						
						/* ------------------------------- */
						
						
						.gothicgreybold10{
						 font-family: "Century Gothic", Arial, Helvetica, sans-serif;
   							font-size: 10px; font-weight: bold; color: #8c8783;
						}
						.gothicwhitebold10{
							font-family: "Century Gothic", Arial, Helvetica, sans-serif;
							  font-size: 10px; font-weight: normal; color: #FFFFFF;
						}
						
							.graytextbold10{
						    font-family: Verdana, Arial, Helvetica, sans-serif;							  
   							font-size: 10px; font-weight: bold; color: #8c8783;
							}
							.graytext12{
										  font-family: Verdana, Arial, Helvetica, sans-serif;
   							font-size: 12px; font-weight: normal; color: #8c8783;
							}
							.graytextbold12{
										  font-family: Verdana, Arial, Helvetica, sans-serif;
   							font-size: 12px; font-weight: bold; color: #8c8783;
							}
							
							.graytextbold14{
										  font-family: Verdana, Arial, Helvetica, sans-serif;
   							font-size: 14px; font-weight: bold; color: #8c8783;
							}
							
							.graytextbold16{
										  font-family: Verdana, Arial, Helvetica, sans-serif;
   							font-size: 16px; font-weight: bold; color: #8c8783;
							}
							
							.blacktext10{
									color: #000000;
									font-size: 10px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: normal;
						}
									.blacktextbold10{
									color: #000000;
									font-size: 10px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: bold;
						}
							.blacktext12{
									color: #000000;
									font-size: 12px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: normal;
						}
						
						.blacktextbold12{
									color: #000000;
									font-size: 12px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: bold;
						}
						
						.blacktextbold14{
									color: #1e1e1e;
									font-size: 14px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: bold;
						}

							.containerblacktext12{
									color: #000000;
									font-size: 12px;
									font-family: "Century Gothic", Courier, monospace, Arial;
									font-weight: normal;
						}
						
							.containerblacktext14{
									color: #000000;
									font-size: 14px;
									font-family: "Century Gothic", Courier, monospace, Arial;
									font-weight: normal;
						}
						
							.containerblacktext16{
									color: #000000;
									font-size: 16px;
									font-family: "Century Gothic", Courier, monospace, Arial;
									font-weight: normal;
						}
						
							.containerblacktextbold16{
									color: #000000;
									font-size: 16px;
									font-family: "Century Gothic", Courier, monospace, Arial;
									font-weight: bold;
						}
						
							.containerblacktext36{
									color: #000000;
									font-size: 36px;
									font-family: "Century Gothic", Courier, monospace, Arial;
									font-weight: normal;
						}

						.redtext12{
									color: #FF0000;
									font-size: 12px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: normal;
						}
					
						.redtext14{
									color: #FF0000;
									font-size: 14px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: normal;
						}
						
						.redtextgoth14{
									color: #FF0000;
									font-size: 14px;
									font-family: "Century Gothic", Courier, monospace, Arial;
									font-weight: normal;
						}
						
						.redtextgoth14 a{
									color: red;
									font-size: 14px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: bold;
								 text-decoration: none;
						}
						
						.redtextgoth14 a:hover{
								 text-decoration: none;
						}
						
							.redtextbold14{
									color: #FF0000;
									font-size: 14px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: bold;
						}

						.redtext18{
     	font-family:"Century Gothic", Courier, monospace, Arial;
						font-size:18px;
						color:#f40808;
						font-weight: normal;
						}

							.whitetextbold10{
									font-family: Verdana, Arial, Helvetica, sans-serif;
							  font-size: 10px; font-weight: normal; color: #FFFFFF
							}
							
						.whitetext36{
      font-family:"Century Gothic", Courier, monospace, Arial;
						font-size:36px;
						color:#FFFFFF;
						font-weight: normal;
								}
								
											.whitetext18{
      font-family:"Century Gothic", Courier, monospace, Arial;
						font-size:18px;
						color:#FFFFFF;
						font-weight: normal;
								}
								
										.whitetext14{
      font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:14px;
						color:#FFFFFF;
						font-weight: normal;
								}
								
								.whitetext14 a{
								  text-decoration: underline;
								}
								
								.whitetext14 a:hover{
								 text-decoration: none;
								}

/* ---------------- form section ---------------------------- */

.textfield{  
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; 
		color: #000000; 
		border: #8c8783; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px 
}

.formbtn { 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			text-align: center; 
			vertical-align: middle; 
			height: 25px; 
			width: 120px
}

.formphoto { 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			text-align: left; 
			vertical-align: middle; 
			height: 25px; 
			width: 340px
}

.photolink 
{
   -webkit-appearance: textfield;
   cursor: pointer;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			text-align: left; 
}

/* ----------------- other style -------------- */

.imgborder{
    padding: 5px;
				border: 1px solid #eaebea;
}


#smap{
		width: 300px;
		float:left;
		margin-right: 10px;
		margin-left: 20px;
}

#smap ul{
list-style: disc;
margin:0px 0 0 10px;
padding:0;
}

#smap ul li{
list-style: circle;
padding: 0px 0 0px 0px;
margin:0 0;
}

#smap ul li p{
		font: Verdana, Arial, Helvetica, sans-serif;
		color: #8c8783;
		font-size: 12px;
		font-weight: bold;
		margin:10px 0 5px 5px;
}

#smap ul li p a{
	  	padding: 0 0 5px 0;
    font-size: 12px;
				font: Verdana, Arial, Helvetica, sans-serif;
				color: #8c8783;
				font-weight: bold;
				text-decoration: underline;
				display: block;
}

#smap ul li p a:hover{
   background:#FFFFFF;
			color:#036;

}

#smap ul li ul{
			margin:0;
			padding:0;
			font-weight: bold;
			list-style: square;
			}
			
#smap ul li ul li{
			   margin:0 0 0 15px;
						border: none;
			}
			
#smap ul li ul li a{
				padding: 0 0 10px 15px;
				margin: 0 0 0 5px;
				font-size: 12px;
				font: Verdana, Arial, Helvetica, sans-serif;
				color: #000000;
				display:block;
				text-decoration: underline;
			}
						
#smap ul li ul li a:hover{
   background:#FFFFFF;
			color:#036;
							}