* {margin:0;padding:0;} 
html, body, #wrap { height:100%;color:#515151;margin:0;padding:0;background-color:#E4ECF2;text-align:left;font-size:13px; }
body > #wrap { height: auto; min-height: 100%; }
#main { padding-bottom: 300px; }  /* must be same height as the footer */
#footer { position: relative; margin-top: -300px; /* negative value of footer height */height: 300px;clear:both;background:#515151 url(../i/footer_bg.jpg) repeat-x;text-align:center;color:#fff;border-top:30px solid #b1c8d8;font:12px Verdana, Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, sans-serif; } 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; }/* CLEAR FIX*/
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }/* Hides from IE-mac \*/
.clearfix { display: block; }/* End hide from IE-mac */
#footerwrap { width:980px;margin:0 auto;padding:0;border:0 solid #fff; }
#footerwrap a { margin:0 0 0 6px;color:#fff;line-height:24px; }
#footerproducts { float:left;width:220px;padding:4px;margin:0;text-align:left;border:0 solid #fff; }
#footermisc { float:left;width:220px;padding:4px;margin:0 0 0 14px;text-align:left;border:0 solid #fff; }
#footerlegal { float:left;width:220px;padding:4px;margin:0 0 0 14px;text-align:left;border:0 solid #fff; }
#footersubscribe { float:left;width:220px;padding:4px;margin:0 0 0 14px;text-align:left;border:0 solid #fff; }

#container { margin:0 auto;padding:8px;width:960px;\width:980px;w\idth:960px;text-align:left;background-color:#fff;border-left:6px solid #b1c8d8;border-right:6px solid #b1c8d8;font-size:10px; }
#bodytext { font:13px 'lucida sans unicode', arial, sans-serif;color:#515151;margin:4px 0 0 0;padding:10px;min-height:800px; }
#bodytext a { color:#c12020; }
#bodytext a:hover { color:#009500; }
#bodytext p { margin:16px 0 16px 0; }
#bodytext p.breadcrumb { margin:-10px 0 20px 0; }
#homepage p { margin:6px 0 0 0;}
#homepage .indent { margin:0 0 0 4px; }
#logo { padding:0;margin:0 0 0 4px;background-color:transparent;font-size:10px; }
#google_translate_element{ float:right;margin:20px 10px 10px 2px; }
h1 { font:30px Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, sans-serif;font-weight:bold;color:#999999;margin:2px 0 0 0;text-align:left; }
h2 { font:20px Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, sans-serif;font-weight:bold;color:#b1c8d8;margin:10px 0 1px 0;text-align:left; }
li { margin:0 0 0 20px; }
sup { vertical-align: baseline;font-size: 0.5em;position: relative;top: -1em;margin-right: 0.01em; }
.suphomepage { vertical-align: baseline;font-size: 8px;position: relative;top: -30px;margin-right: 0.01em;color:#ccc; }
img { margin:0;padding:0; }
#popularhome { width:940px;border:0 solid #000;margin:0 auto;padding:0; }
.popularhomeitem { float:left;padding:0;margin:10px 0 0 14px; }
.popularimage { border:1px solid #dfdfdf;padding:8px;background-color:#f9f7f9; }
.polaroid { padding:10px 10px 40px 10px;background-color:#f9f9f9;border:1px solid #e8e8e8; }
#who { float:left;width:422px;padding:0;margin:0;text-align:left; }
#view { float:left;width:410px;padding:0;margin:0 0 0 80px;text-align:left; }
#colorwrap p { margin:0;padding:0; }
.colors { float:left;margin:2px 30px 0 0;padding:6px 6px 10px 6px;background-color:#f7f7f7;border:1px solid #e4e4e4;text-align:center; }
#specs td, th { padding:6px;border:1px solid #d8d8d8; }
.specssep { background-color:#d1e4d5; }
#ordertable th { padding:4px;border:1px solid #d6d6d6;background-color:#93d0a7;text-align:center; }
#ordertable td { padding:4px;border:1px solid #d6d6d6;background-color:#f5f5f5; }
#ordertable td.bottomtd  { padding:4px;border:1px solid #d6d6d6;background-color:#93d0a7; }
#productimg { float:left;margin:16px 0 0 0;width:330px;border:0 solid #000;text-align:left; }
#producttxt { float:left;margin:16px 0 0 20px;width:580px;border:0 solid #000; }
.prodimage { padding:10px;background-color:#f5f5f5;border:1px solid #ccc; }
.center { text-align:center; }
.pricecolor { color:#cc0000; }


/*START ROUNDED NAV*/
.navbox { width: 100%;padding:12px 0 12px 0;margin:30px 0 0 0;border:0 dashed #ffff66;background:#5b7db5 url(../i/nav_bg.jpg) repeat-x;text-align:left;}
#navs { margin: 0;padding: 2px 0 2px 0;border-bottom: 0 solid #9FB1BC; }
#navs li { margin: 0;padding: 0;display: inline;list-style-type: none; }
#navs a:link, #navs a:visited { font:16px Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, sans-serif;line-height: 14px;font-weight: bold;padding: 6px 12px 6px 12px;text-decoration: none;color: #fff; }
#navs a:link.active, #navs a:visited.active, #navs a:hover, #navs a.current { color:#ffff33;background: url(../i/rounded.gif) no-repeat bottom center; }
/*END ROUNDED NAV*/


/*START HOMEPAGE TEXT SHOUTS*/
#shouts { float:left;width:410px;border:0 solid #ccc;background:#fff url(../i/burst2.jpg) no-repeat;font-family: Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, sans-serif;font-weight:bold;letter-spacing:2px; }
#shouts p { margin:0; }
#comfortable a { font-size:18px;color:#3e99dd;margin:20px 0 20px 10px;text-decoration:none; }
#great a { font-size:26px;color:#ff9224;margin:20px 0 20px 120px;text-decoration:none; }
#intense a { font-size:34px;color:#00ff00;margin:20px 0 20px 30px;text-decoration:none; }
#amazing a { font-size:40px;color:#9933cc;margin:20px 0 20px 70px;text-decoration:none; }
#kelly a { font:52px helvetica, Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, sans-serif;font-weight:bold;color:#df0000;margin:20px 0 0 0;letter-spacing:2px;text-decoration:none; }
#rainbow { float:left;width:410px;border:0 solid #ccc;margin:40px 0 0 100px; }
/*END HOMEPAGE TEXT SHOUTS*/


/*START VIDEO LIGHTBOX CSS*/
#videogallery a#videolb{ display:none }
div#voverlay { background-image:url(../i/white.png);width:640px;height:480px;display:none;padding:35px; }
div#voverlay div.close { background-image:url(../i/close.png);position:absolute;right:5px;top:5px;cursor:pointer;height:35px;width:35px; }
div#vcontainer { left:0;top:0;width:100%;height:100%;background:url(../i/loading.gif) no-repeat 50% 50%; }
#videogallery { width:100%;zoom:1; }
#videogallery span{ display:block; }
#videogallery a{ display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;position:relative;vertical-align:top;margin:5px;width:160px;font-family:Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, sans-serif;;font-size:12px;font-weight:normal;text-decoration:none;text-align:center;opacity:0.87; }
#videogallery a img{ display:block;border:none;margin:0; }
#videogallery a:hover{ opacity:1; }
/*END VIDEO LIGHTBOX CSS*/


/*START LIGHTBOX CSS*/
#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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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; }
/*END LIGHTBOX CSS*/