*{ margin:0px; padding:0px; }
p{ margin-bottom:15px; }

hr.clear{ width:100%; visibility:hidden; clear:both; height:0px;}

body{ text-align:center; }


/* ----- Template items ------------------------ */

#container{ margin:10px auto; width:760px;}
#heading{ width:100%; height:100px; position:relative; }
#content{ width:746px; padding:7px 7px 0px 7px; text-align:left; }
#content-footer{ width:auto; height:20px; }

#nav{ width:450px; float:right; padding:18px 0px 18px 0px; position:absolute; top:28px; right:0px; }
ol.nav{ width:100%; text-align:left; height:18px; }
ol.nav li{ padding:5px 15px 0px 15px; position:relative; top:2px; display:inline; }

#footer{ width:100%; height:50px; margin-top:20px; }
#footer ol{ list-style-type:none; }
#footer li{ display:inline; padding:0px 10px 0px 10px; }

#homelink{ display:block; width:280px; height:70px; position:absolute; top:15px; left:10px; }
#homelink span{ display:none; }

#cart-nav{ z-index:12; position:absolute; top:70px; right:0px; text-align:right; }
#cart-nav li{ display:inline; padding:0px 8px 0px 8px; }
li.end{ padding-right:0px !important; }

/* ----- Page Contents ------------------------ */

div.about-right{ width:52%; float:right; margin-right:10px; }
div.contact-right{ width:43.5%; float:right; margin-right:10px; }

div.home{ width:100%; height:385px; position:relative; }
div.shop-green{ width:100%; height:auto; position:relative; }
div.about{ height:420px; }
div.contact{ height:350px; }
div.shop-split{ position:relative; width:100% }


/* ----- RegularItems ------------------------ */

div.left, div.right{ width:342px; margin:0px 0px 15px 0px; padding:0px 15px 3px 15px; float:left; }
div.left{ clear:left; }
div.no-clear{ clear:none !important; }
div.full{ width:716px; padding:0px 15px 0px 15px; margin-top:10px; float:left; clear:both;  }

div.inside{ width:95%; margin-left:10px; }

/* ----- Product and Category -------------- */

div.category-left{ padding:15px 15px 10px 15px; float:left; width:218px; }
div.category-right, div.cart-right{ float:left; margin-left:8px; padding-top:10px; padding-bottom:25px; width:485px; }
div.cart-right{ text-align:center; }


ol.shop-nav{ list-style-type:none; width:100%; padding-bottom:3px; float:left; }
ol.shop-nav li{ display:block; float:right; padding:0px 5px 0px 5px; }

div.trail{ width:97.5%; float:left; clear:left; padding:5px; margin-bottom:12px; }
div.trail p{ margin:0px; float:right; text-align:right; }

ol.subnav{ margin-top:10px; list-style-type:none; }

img.thumb, img.fullsize, img.thumb-small{ margin-bottom:5px; }
img.thumb-small{ width:25px; height:25px; margin-right:5px; }
div.detail-left{ padding:15px 15px 10px 25px; float:left; width:265px; }
div.detail-right{ float:left; margin-left:6px; padding-top:10px; padding-bottom:25px; width:430px; }

/* ----- Press Page -------------- */

div.press-left{  padding:15px 15px 10px 15px; float:left; width:195px; }
div.press-right{ float:left; margin-left:10px; padding-top:10px; padding-bottom:25px; width:505px; }

div.prow{ width:48%; padding:8px 8px 8px 0px; float:left; }
img.pthumb{ float:left; margin-right:5px; }


/* ----- Special Items --------------------- */

#shoplink, #portlink{ display:block; width:220px; text-decoration:none; }
#shoplink{ height:111px; position:absolute; left:402px; top:70px; }
#portlink{ height:90px; position:absolute; left:400px; top:209px; }
#shoplink span, #portlink span{ visibility:hidden; }

h1.title{ margin:0px 15px 8px 15px; padding-bottom:4px; }
img.mimage{ margin-bottom:8px; }
#roomflash{ padding-top:1px; }

*.push{ margin-bottom:5px; }
*.push-hard{ margin-bottom:10px; }
*.force{ margin-bottom:20px; }
*.drop{ padding-top:10px !important; }
*.drop-hard{ padding-top:20px !important; }

*.underlined{ padding-bottom:5px; }
p.noflash{ width:100%; padding:20px 0px 20px 0px; text-align:center; }

div.press-main{ height:300px; width:99%; text-align:center; float:none; margin-bottom:10px; padding-bottom:3px; }


/* LIGHTBOX */


html,body{ margin:0; padding:0; position:relative;}
#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(/images/lb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lb/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:0px !important; left:0px !important; z-index: 90; width: 100%; height: 100%; background-color: #000; }