body {
   font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
   background: #3a96d1;  
}


#container {
  width: 978px;
	margin: 0px auto 10px auto;
	background-color: #ffffff;
	font-size: 12px;
}

#mainbody {
	float:left;
  width: 978px;
	padding: 0px 10px 10px 10px;
	background-color: #ffffff;
}

#header-top {
   float: left;	
	width: 998px;
	height: 10px;
   background: transparent url(/resources/images/header_curve.gif) no-repeat 0px 0px;  
}

#footer-bottom {
   float: left;	
	width: 998px;
	height: 15px;
   background: transparent url(/resources/images/footer_curve.gif) no-repeat 0px 0px;  
}

#headerimage {
  height: 45px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#headermenu {
  float: left;
  margin: 2px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

#headermenu ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#headermenu li {
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 0px;
  list-style: none;
}

#headermenu a {
  float: left;
  height: 15px;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 0px 0px;
  color: #17499f	;
  font-weight: normal;
  text-decoration: none;
  background: url(/resources/images/bullet.gif) no-repeat 0px 0px;  
}

#headermenu a:hover {
	text-decoration: underline;
	}

#headermenu .selected {
	text-decoration: underline;
}


#topmenu {
  float: left;
  width: 978px;
  height: 5px;
  margin: 5px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #d9d7d8;
}


#minishoppingcart {
   float: right;
	width: 150px;
	height: 60px;
	text-align: center;
	padding: 0px 0px 5px 40px;
	margin: 0px 0px 0px 0px;
   background: url(/resources/images/basket.gif) no-repeat 0px 10px ;  
}

#minishoppingcart h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
  color: #3c419b;
  letter-spacing: -0.5px;
}

#minishoppingcart p {
font-size: 11px;
  margin: 0px 0px 1px 0px;
  padding: 0px 0px 0px 0px;
}

#minishoppingcart a {
   color: #3c419b;
	font-weight: bold;
	text-decoration: underline;
}

#minishoppingcart a:hover {
   color: #fec20f;
}

#leftColumn {
   float: left;
	width: 180px;	
}

#middleColumn {
   float: left;
	width: 650px;	
}


#rightColumn {
   float: left;
	width: 148px;
}

#middleRightColumn {
   float: left;
	width: 798px;	
}

#footer {
   float: left;
   width: 969px;
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #00b0ad;
	text-align: right;
	font-size: 10px;
  background-color: #ededed;
 }

#footer a {
   color: black;
}


#searchbox {
  float: left;
   width: 177px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#searchboxcontent {
   float: left;
   width: 167px;
	padding: 5px 5px 5px 5px;
	background-color: #e0e0e1;
}

#catmenu h1, #searchbox h1 {
   float: left;
	width: 170px;
   font-family: Arial, Helvetica, sans-serif;
   padding: 5px 2px 5px 5px;
   margin: 0px 2px 0px 0px;
	font-size: 14px;
	color: #ffffff;
   background: transparent url(/resources/images/catmenuheader_bg.gif) no-repeat 0px 0px;  
}

#searchbox p {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

#catmenu ul {
   float: left;
	width: 167px;
   padding: 5px 5px 5px 5px;
   margin: 0px 0px 0px 0px;
	list-style: none;
	background-color: #e0e0e1;
}

#catmenu li {
   float: left;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
	list-style: none;
}



#catmenu a {
   float: left;
   font-family: Arial, Helvetica, sans-serif;
	width: 163px;
   padding: 6px 2px 6px 2px;
   margin: 0px 0px 0px 0px;
	color: #4c4c4c;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 1px dotted #4c4c4c;
}

#catmenu a.selected	 {
	background-color: #4c4c4c;
	color: white;
	font-weight: bold;
}


#catmenu a:hover {
	text-decoration: underline;
	background-color: #4c4c4c;
	color: white;
}

#catmenufooter_bg {
   float: left;
	width: 177px;
	height: 10px;
   background: transparent url(/resources/images/catmenufooter_bg.gif) no-repeat 0px 0px;  
}


#homecontent, #pagecontent, #bottompagecontent, #categorycontent, #checkoutcontent, #contactform, #checkoutform, #checkoutsummary, #searchresults, #storelocator, #storepage {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}


#categorylist h1, #homecontent h1, #pagecontent h1, #bottompagecontent h1, #categorycontent h1, #checkoutcontent h1, #checkoutform h1, #checkoutsummary h1,#searchresults h1, #storepage h1 {
   color: #1c73bb;
   font-size: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	letter-spacing: -0.5px;
	text-align: left;
}

#homecontent a, #pagecontent a, #bottompagecontent a, #categorycontent a, #checkoutcontent a, #checkoutform a, #checkoutsummary a, #searchresults a  {
   color: #3c419b;
	text-decoration: underline;
}

#homecontent a:hover, #pagecontent a:hover, #bottompagecontent a:hover, #categorycontent a:hover, #checkoutcontent a:hover, , #checkoutsummary a:hover, #searchresults a:hover {
   color: #00b0ad;
	text-decoration: underline;
}

#pagecontent h2, #bottompagecontent h2, #categorycontent h2, #checkoutcontent h2, #checkoutform h2, #checkoutsummary h2, #searchresults h2, #contactform h2   {
   font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	letter-spacing: -1px;
   color: #1c73bb;
}


#pagecontent p, #categorycontent p, #bottompagecontent p,  #productbody p, #checkoutcontent p, #contactform p, #checkoutform p, #checkoutsummary p, #searchresults p {
   font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#productbody p {
	font-size: 12px;
}

#productbody a {
	color: black;
}

#productbody a:hover {
	color: #1c73bb;
}

#pagecontent ul, #categorycontent ul, #bottompagecontent ul {
	padding: 0px 0px 0px 20px;
	margin: 5px 0px 5px 0px;
}

#pagecontent li, #categorycontent li, #bottompagecontent li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

#homeofferlist {
  float: left;
  width: 630px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 10px;
  text-align: center;	
}

* html #homeofferlist {
  float: left;
  width: 625px;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 5px;
  text-align: center;	
}


#categorylist {
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
  text-align: center;	
}

#categorylist .categorylistitem{
   float: left;
	width: 150px;
	margin: 0px 2px 10px 3px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #1378ba;
}

#categorylist .categorylistimage{
   float: left;
	padding: 10px 10px 10px 10px;
}

#categorylist .categorylistlink a {
   background-color: #1378ba;
	float: left;
	width: 140px;
	height: 35px;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
}

#categorylist .categorylistlink a:hover {
	text-decoration: underline;
}

#productlist {
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
  text-align: center;	
}

*html #productlist {
	padding: 0px 10px 10px 3px;
	margin: 0px 0px 0px 0px;
}

#productlist .productlistitem{
   float: left;
	width: 200px;
	margin: 0px 2px 10px 3px;
	padding: 0px 0px 0px 0px;
	border: 1px solid silver;
}

#productlist .productlistimage{
   float: left;
	width: 180px;
	height: 180px;
	padding: 2px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

#productlist .productlistlink a {
   background-color: #ffffff;
	float: left;
	width: 196px;
	height: 32px;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	color: #15489f;
	font-weight: bold;
	font-size: 13px;
}

#productlist .productlistlink a:hover {
	text-decoration: underline;
}

#productlist .productlistprice{
  font-size: 13px;
  color: #3f3f3f;
}

#productlist .productlistbuynow a {
   background-color: #15489f;
	float: left;
	width: 160px;
	padding: 5px 5px 5px 5px;
	margin: 5px 15px 5px 15px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

#productlist .productlistbuynow a:hover {
   background-color: #3c419b;
	text-decoration: underline;
}

#productlistcontrol {
	float: left;
	background-color: #ebebeb;
	width: 615px;
	margin: 5px 13px 10px 13px;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	border-top: 1px solid silver;
}

*html #productlistcontrol {
	width: 613px;
	margin: 5px 13px 10px 5px;
}

#productbody {
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

#productbody h1 {
   color: #3c419b;
   font-size: 24px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	letter-spacing: -0.5px;
	font-weight: normal;
	border-bottom: 1px solid silver;
}

#productbody h2 {
   color: #3c419b;
   font-size: 16px;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
}

#productbody .productpurchase {
   float: left;
	width: 340px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#productbody .productimage {
   float: left;
	width: 290px;
	text-align: center;
}

#productoptions, #productnotes,  #productnooptions{
   width: 335px;
   border-bottom: 1px solid silver;
}

#productnotes {
	padding: 0px 0px 10px 0px;
}

#productnotes label {
   float: left;
	width: 400px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 0px;
	font-size: 11px;
}

#productpurchase {
   width: 335px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

#productnooptions {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

#productnooptions .productprice {
		font-size: 18px;
	color: #3c419b;
}

#productoptions .productoptionsbody {
	padding: 5px 0px 0px 0px;
}

#productpurchase label {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	font-size: 11px;
}

#productbody h2 {
   color: #3c419b;
   font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
}

#productoptions table.radiobtn_list input {	
   float: left;
   width: 25px;
}


#productoptions .radiobtn_list td {
	padding: 3px 0px 3px 0px;
	border-top: 1px solid silver;
}
	
#productoptions .rdoItem {	
   float: left;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#productoptions .rdoPrice {	
   float: left;
	width: 118px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color: #3c419b;
	text-align: right;
}

#productbody p.productcode,
#checkoutbasket p.productcode
 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #7a7a7a;
}

#productbody p.productpriceinc {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #868686;
}

#productdesc {
   float: left;
	width: 620px;
	border-top: 1px solid silver;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}


#productdesc p {
   float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

#productdesc ul {
   float: left;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

#productdesc li {
   float: left;
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
   font-size: 11px;
}

#checkoutbasket {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

#checkoutbasket th.basketheader {
  padding: 5px 5px 5px 5px;
  font-size: 11px;
  background-color: #ebebeb;
  border-right: 1px solid white;
}

#checkoutbasket td.basketline {
  padding: 5px 2px 5px 2px;
  margin: 0px 0px 0px 0px;
  font-size: 11px;
  background-color: #ffffff;
  border-bottom: 1px solid silver;
}

#checkoutbasket input {
	font-size: 11px;
}

#checkoutbasket td.baskettotal {
  padding: 10px 2px 10px 2px;
  margin: 0px 0px 0px 0px;
  font-size: 13px;
  color: #3c419b;
  background-color: #ffffff;
  border-bottom: 1px solid silver;
}

#checkoutbasket p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#checkoutbasket p.productprice {
  font-size: 14px;
  color: #3c419b;
}

#contactform .formrow, #checkoutform .formrow {
   padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}


#contactform .formlabel, #checkoutform .formlabel, #checkoutform .formlabelerror, #contactform .formlabellong {
   float: left;
   width: 180px;
	font-size: 11px;
	font-weight: bold;
   padding: 3px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: -1px;
}

#contactform .formlabellong {
   width: 330px;
}

#checkoutform .formlabelerror {
  color: red;
}

#checkoutform .checkboxlabel {
	font-size: 11px;
}

.formclear {
	clear: both;
}

#crumbtrail {
	float: left;
	width: 620px;
	font-size: 10px;
   padding: 2px 5px 4px 0px;
	margin: 0px 10px 5px 10px;
	border-bottom: 1px dotted silver;
}

*html #crumbtrail {
	margin: 0px 10px 5px 5px;
}

#crumbtrail a {
  color: black;
}

#crumbtrail a:hover  {
  color: #3c419b;
}

#storelocator h2 {
   font-size: 22px;
	padding: 2px 2px 2px 2px;
	margin: 5px 0px 5px 0px;
	letter-spacing: -1px;
   color: #15489f;
	border-bottom: 2px solid #15489f;
}

#storelocator h3 {
   font-size: 15px;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 2px 0px;
	letter-spacing: 0px;
   background-color: #ebebeb;
	color: #15489f;
}

#storelocator p {
   font-size: 12px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 3px 0px;
}

.store {
   float: left;
	width: 375px;
	height: 175px;
	padding: 0px 0px 5px 0px;
	margin: 0px 5px 10px 5px;
	font-size: 13px;
	border: 1px solid silver;
}

a {
  color: #3c419b;
}

a:hover {
  color: #15489f;
}

#storedetails {
	float: left;
	width: 350px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

 #map_canvas { 
	 height: 400px;
  	 width:  400px;
  	 margin: 0px 0px 0px 0px; 
  	 border: 1px solid gray;
  	 }
  	            
 #map_content {
 	   font-family: Arial;
 	   font-size: 12px;
 	   color: grey;
 	   text-align: center;
 	 } 	            
 	 
 #map_shopname {
 	   font-weight: bold;
 	   color: black;
 	   font-size: 16px;
 	 } 	            
 
 #map_directions { 
    float: left;
  	 width: 100%;
  	 margin: 10px; 
 	   font-family: Arial;
 	   font-size: 14px;
  	 }

#guideimage {
	float: left;
	padding: 5px 5px 5px 25px;
	margin: 0px 0px 0px 0px;
}

#guidecontent {
	float: left;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/resources/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/resources/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
