/* CSS Document */

html {width:100%; height:100%;}
body {background-image:url(images/bkgrdRepeat.gif); background-repeat:repeat-x; width:100%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; min-height:750px}
form {height:100%}

#wrapper, #wrapperLong {
 width:100%;
 height:100%;
 background-image:url(images/bkgrd.gif); background-position:center top;
}
#wrapperLong {min-height:1000px}

a {color:#05537c; text-decoration:none}
a:hover {color:#99bee4}


.container {width:967px; margin:0 auto; position:relative; padding-top:10px}
ul.nav {width:844px; padding:0px 0px 15px 0px; margin:0px; position:absolute; right:0px; top:130px }
ul.nav li {float:left}

.middle {width:850px; background-color:#ffffff; position:absolute; right:-2px; top:175px}
.mainImage {width:813px; margin:0 auto; margin-bottom:15px; background-image:url(images/mainImage.jpg); height:390px; background-repeat:no-repeat; padding-top:17px; background-position:0 17px}
.main {height:559px;}
.mainLong {height:790px;}

.blueContainer {height:137px; background-image:url(images/bkgrd_blue.gif); background-repeat:repeat-x; width:842px;}
.blueContainer .inner {height:137px}
.rightContainer {float:right; background-image:url(images/bkgrd_holofiber.gif); width:330px; height:127px; margin:6px 0px 0px 0px; padding-right:12px; background-repeat:no-repeat}
.leftContainer {float:left; width:470px; color:#ffffff; font-size:12px; padding:15px}
.leftContainer ul {float:left; margin:0px 0px 0px 0px; padding:0; width:300px; font-style:italic}
.leftContainer ul.short {width:170px}
.leftContainer li {list-style:disc; list-style-position:inside}
.leftContainer li span {font-weight:bold}
.leftContainer p {margin:0px; padding:0px 0px 8px 0px}

.t {background-image:url(images/t.gif); background-repeat:no-repeat; background-position:0 0}
.b {background-image:url(images/b.gif); background-repeat:no-repeat; background-position:0 100%}
.l {background-image:url(images/l.gif); background-repeat:no-repeat; background-position:0 0}
.r {background-image:url(images/r.gif); background-repeat:no-repeat; background-position:100% 0}
.tl {background-image:url(images/tl.gif); background-repeat:no-repeat; background-position:top left}
.tr {background-image:url(images/tr.gif); background-repeat:no-repeat; background-position:top right; padding:4px}
.bl {background-image:url(images/bl.gif); background-repeat:no-repeat; background-position:bottom left}
.br {background-image:url(images/br.gif); background-repeat:no-repeat; background-position:bottom right}

.bl_blue {background-image:url(images/bl_blue.gif); background-repeat:no-repeat; background-position:bottom left}
.br_blue {background-image:url(images/br_blue.gif); background-repeat:no-repeat; background-position:bottom right}

a.learnMore span {display:none}
a.learnMore {
 display:block;
 width:86px;
 height:15px;
 background-image:url(images/btn_learnMore.gif);
 background-repeat:no-repeat;
 float:right;
 margin: 330px 30px 0px 0px;
 }
 a.learnMore:hover {background-image:url(images/btn_learnMoreOVER.gif)}

a.holofiberLogo span {display:none}
a.holofiberLogo {
display:block;
width: 118px;
height:26px;
background-image:url(images/logo_holofiber.gif);
background-repeat:no-repeat;
margin:15px 0px 0px 30px;
_margin:15px 0px 0px 15px;
float:left; 
clear:left;
}

a.holofiber span {color:#ffffff; font-size:11px; }
a.holofiber {text-decoration:none; float:left; clear:left; margin:55px 0px 0px 35px;}
a.holofiber:hover span {color:#96c0ea} 

a.logo span {display:none}
a.logo {
 display:block;
 width:285px;
 height:307px;
 background-image:url(images/logo.gif);
 background-repeat:no-repeat;
 position:relative;
 left:-95px;
 top:-10px;
}

a.home span {display:none}
a.home {
 display:block;
 width:141px;
 height:30px;
 background-image:url(images/btn_home.gif);
 background-repeat:no-repeat;
 background-position:top;
}
a.home:hover {background-position:bottom}

a.products span {display:none}
a.products {
 display:block;
 width:170px;
 height:30px;
 background-image:url(images/btn_products.gif);
 background-repeat:no-repeat;
 background-position:top;
}
a.products:hover {background-position:bottom}

a.about span {display:none}
a.about {
 display:block;
 width:180px;
 height:30px;
 background-image:url(images/btn_about.gif);
 background-repeat:no-repeat;
 background-position:top;
}
a.about:hover {background-position:bottom}

a.whereBuy span {display:none}
a.whereBuy {
 display:block;
 width:188px;
 height:30px;
 background-image:url(images/btn_whereBuy.gif);
 background-repeat:no-repeat;
 background-position:top;
}
a.whereBuy:hover {background-position:bottom}

a.contact span {display:none}
a.contact {
 display:block;
 width:164px;
 height:30px;
 background-image:url(images/btn_contact.gif);
 background-repeat:no-repeat;
 background-position:top;
}
a.contact:hover {background-position:bottom}

a.addCart span {display:none}
a.addCart {
 display:block;
 width:85px;
 height:23px;
 background-image:url(images/btn_addToCart.gif);
 background-repeat:no-repeat;
 float:left; clear:left;
}

.productList {width:275px; height:250px; float:left; margin-left:0px; text-align:center;}
.productList a {font-size:18px; color:#99bee4; text-decoration:none; margin-top:20px;}
.productList a:hover {color:#05537c}
.mainProd {padding:0px 0px 0px 50px; float:left; clear:left}
.mainProd .text {float:left; clear:left; padding-top:15px; font-size:11px; color:#666666; width:595px;}
.mainProd ul.long {float:left; width:300px; margin-top:10px; clear:left}
.mainProd ul.long p, .mainProd ul.long span {float:left;}
.mainProd ul.long p {width:65px; font-weight:bold; padding-top:3px; clear:left; text-transform:capitalize}
.mainProd ul.long li div {clear:left; float:left; margin:0px 0px 10px 0px}
.mainProd ul.long li {padding: 0px 0px 10px 0px; clear:left}
.p {float:left; width:65px; font-weight:bold}
.mainProd li.strong {font-weight:bold}
.mainProd li.cart {margin-top:40px}
.mainProd select, .mainProd input {font-size:11px; color:#666666}
.mainProd select {width:100px;}

.hdr {padding:15px 0px 0px 30px; float:left}

.links {padding-bottom:20px; color:#ffffff; font-size:11px; position:absolute; top:90px; right:1px}
.links a {color:#ffffff; text-decoration:none}
.links a.items {font-weight:bold}
.links a:hover, .links a.items:hover {color:#99bee4}

.copy {float:left; clear:left; padding:30px 0px 0px 40px; width:750px; font-size:12px; color:#333333; line-height:20px;}
.copy.center {text-align:center}
.subhead {font-size:16px; color:#05537c}

.footer {width:100%; color:#ffffff; font-size:10px; text-align:center; position:absolute; top:730px; left:70px}
.breadcrumb {float:right; font-size:11px; padding:20px 20px 0px 0px; color:#666666}

.floatClear {width:100%; float:left; clear:left}

.checkout td {padding:3px 0px}
.checkout {font-size:11px; color:#666666}
.billing {padding: 15px 0px; font-size: 11px; line-height: 18px; float: left;
        margin-left: 25px; font-size:11px; color:#666666}
		
.prodList {float:left; margin-left:100px; margin-top:0px; font-size:11px; margin-bottom:50px;}

.titlebar, .tableHdr {background-color:#d6e4f3; color:#1b6086; font-size:14px; width:780px; float:left; clear:left; padding:3px 5px;}
.tableHdr {float:none; clear:none}

.rows {border-bottom:1px solid #d6e4f3; padding:5px; width:780px !important;}
.borderTop {padding:10px 5px; float:left; clear:left; width:780px}

.btn-continueShpping span {display:none}
.btn-continueShpping {display:block; background-image:url(images/btn_continueShopping.gif); width:124px; height:23px; background-repeat:no-repeat}

.btn-checkout span {display:none}
.btn-checkout {display:block; background-image:url(images/btn_continueCheckout.gif); width:148px; height:23px; background-repeat:no-repeat}

ul.swatches {float:left; padding-left:25px}
ul.swatches li {float:left; padding-left:5px;}