/* CSS Document */

body {background-color:#00090B; background-image:url(../images/bg.gif); background-position:center;
background-repeat:repeat-y; text-align:center; margin:0px; padding:0px; 
font-size:100%; font-family:Arial, Helvetica, sans-serif;
/**** IE SCROLL BARS ****/
scrollbar-base-color: #1C1D1F;
scrollbar-arrow-color: #6A7272;
scrollbar-3dlight-color: #1C1D1F;
scrollbar-darkshadow-color: #1C1D1F;
scrollbar-face-color: #3B4242;
scrollbar-highlight-color: #1C1D1F;
scrollbar-shadow-color: #1C1D1F;
scrollbar-track-color: #1C1D1F;
}
a { outline:none; }
#main {background-color:#1D1E20; width:780px; margin:auto; text-align:left;}

img {border:0px;}
form {margin:0px;}
.input {border:1px solid #343434; background-color:#2C2D2F; color:#ffffff; font-size:90%; padding:2px; font-family:Arial, Helvetica, sans-serif;}
select.input { color:#FFFFFF; padding:1px; padding-right:0px }
select.input option { padding:2px; }
.submit {border:1px solid #343434; background-color:#2C2D2F; color:#56818A; font-size:90%; padding:2px; }
.space {height:250px;}
.left {width:50%; float:left;} 
.right {width:49%; float:left; } 

/*header*/
#header {height:213px; width:780px; background-image:url(../images/header.jpg); position:relative;}
#hlinks {height:36px;margin-left:10px;}
#hlinks ul { display:inline; }
#hlinks ul li { display:block; margin-right:0px; list-style:none; float:left; }
#hlinks ul li:hover {border-bottom:3px ridge #016189;}
#hlinks ul li:hover ul#subNav { display:block; position:absolute; top:42px; margin-left:-30px;}
ul#subNav { display:none; margin:0px; padding:0px; list-style:none; height:30px; }
ul#subNav li { display:block; text-align:left; line-height:25px; width:75px; text-align:center; text-transform:uppercase; }
ul#subNav li:hover { border-bottom:3px ridge #016189; }
ul#subNav li a { display:block; text-decoration:none; color:#fff; font-size:70%; font-weight:bold; }

#hflash {position:absolute;z-index:0;top:0;right:-20px; width:310px; height:205px;}

#cartContents { position:absolute; top:0px; left:0px; width:100%; color:#666666; background:url(/images/additionalImagesRepeat.png) #666666 top left repeat; border:1px solid #000; display:none; font-size:85%; }
#cartContents a { color:#6EAFC5; font-weight:bold; }

/*main body*/
#mid {background-image:url(../images/stripe.gif);padding:6px; color:#818382; font-size:80%; padding-bottom:0px;}

#menu {width:168px; position:absolute;}
#menu img {padding: 5px; padding-right:0px;}
#menu ul { padding:0px; margin:0px; text-transform:uppercase; font-size:80%;}
#menu ul li {display:block; list-style:none; width:145px; padding:2px; margin:2px; }
#menu ul li a {color:#A1CCDD; text-decoration:none; display:block;}
#menu ul li:hover {color:#ffffff; background-color:#016189; border-right:4px solid #1281AE;}
#menu ul li:hover a {color:#ffffff;}

#cartitems {color:#ffffff; font-weight:bold; font-size:90%; padding:5px; line-height:20px; padding-right:0px;}
#cartitems img {padding:0px;}

#searchbox {position:relative; bottom: 20px; left:-177px; width:163px; }
#searchbox .input {width:125px;}

h1 { text-transform:uppercase; color:#78B9CF; font-size:140%; padding-top:2px; padding-bottom:10px; font-weight:normal; margin:0;}
h2 { color:#ffffff; font-size:100%; padding-top:2px; padding-bottom:10px; font-weight:normal; margin:0;}
#content {margin-left:173px; border-left: 1px dashed #2A2B2D; padding-left:8px;}
#content a {color:#A1CCDD; text-decoration:none;}
.indeximg { border:3px solid #78BAD0; margin-right: 14px;}
.imgtitle {padding-top:5px; padding-bottom:10px;}
.title { text-transform:uppercase; color:#78B9CF; font-size:140%; padding-top:2px; padding-bottom:10px;}
.testimonial { border-bottom: 1px solid #2A2B2D; margin-bottom:10px; padding-bottom:10px; line-height:150%; }
#titlebox { height:116px; width:570px; background-repeat:no-repeat; background-position:left; border:1px solid #636361; position:relative; }
#titlebox image { position:absolute; left:0;}
#titleboximage {position:absolute; height:116px; width:550px; top:0; right:0; background-image: url(/images/TitleBoxImage.png); text-align:right;}
#titleboxtext {margin:10px 20px 10px 0px; color:#FFFFFF; width:330px; float:right;}
.box {width:170px; text-align:center; float:left; margin:10px; height:235px;}
.box img {border:1px solid #8C8C8C;}
.box a {color:#A8A6A7; font-weight:bold;}
.productitem { color:#659DAC; margin-bottom:10px;}
.productitem b {text-transform:uppercase; color:#FFFFFF;}
.productprice { color:#6EAFC5; font-weight:bold; text-transform:uppercase; font-size:120%;margin-bottom:10px;}
.productdesc {margin-bottom:10px; font-size:90%;}
.productbuy {position:relative; height:100px; width:250px; line-height:22px; color:#6EAFC5;}
.productbuy select {position:absolute; left:60px; font-size:80%; width:190px;}
.productbuy input {position:absolute; right:0; bottom:0;}
#additionalImages { display:none; position:absolute; bottom:0px; left:0px; width:100%; padding-bottom:3px; background:url(/images/additionalImagesRepeat.png) top left repeat; }
#additionalImages img { float:left; margin:3px; cursor:pointer; border:1px solid transparent; opacity:0.7; filter:alpha(opacity=70) }
#additionalImages img:hover { opacity:1; filter:alpha(opacity=100) }

/*featured products/best sellers*/
#feature {background-image:url(../images/featurebg.gif); height:188px; font-size:70%; position:relative}
#bestsellers { padding-top:24px; padding-left:23px; float:left; width:45%; }
#featuredproduct { padding-top:24px; padding-right:23px; float:right; width:45%; text-align:left;  }
#feature .left {border-top:1px solid #9F9D9E;margin-top:6px; padding-top:6px;}
#feature .right {border-top:1px solid #9F9D9E;margin-top:6px; padding-top:6px;}
.left img, .right img {border: 2px solid #7DBCCE; float:left; margin-right:5px;}
#feature a {color:#245C73; text-decoration:none;}

/*footer*/
#footer { color:#77BACD; font-size:60%; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; }
#footer a {color:#77BACD;}
#fleft {float:left; }
#fleft a {text-decoration:underline; }
#fleft img {text-decoration:none; padding:5px}
#fright {float:right; text-align:right;}

/*checkout*/
#checkout {width:100%;}
#checkout th {background-color:#666666; color:#000000; padding:4px; border-bottom:1px solid #8C8C8C; text-align:center;}
#checkout td {padding:4px; border-bottom:1px solid #8C8C8C; text-align:center;height:40px;}
#checkout td.total {padding:4px; border:0px; height:auto; text-align:right; font-weight:bold;}
#checkout td.delivery {padding:4px; border:0px; height:auto; text-align:left; font-weight:bold;}
.btnCheckout {background-color:#77BACD; border:2px outset #333333; text-transform:uppercase; margin:10px; padding:4px; font-weight:bold; line-height:40px;}

#footerLoader { background:url(/images/stripe.gif) top left repeat; position:absolute; top:0px; left:0px;
				width:100%; height:100%; color:#CCCCCC; font-size:110%; text-align:center; opacity:0.95; filter:alpha(opacity=95) }
				
#crumb {margin-bottom:10px; font-size:90%;}
#crumb a {color:#666666}