@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; background-color:#ffeb95; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#666666}
a{ color:#0066cc}
a:hover{ text-decoration:none; color:#0a7873}
h1{color:#0a7873; font-weight:normal; font-size:28px; margin:0; padding-top:10px; padding-bottom:10px}
h4{ margin:0; padding:0; background:url(images/centerheadline.jpg) no-repeat; width:515px; color:#FFFFFF; height:25px; padding-top:7px; font-size:12px; padding-left:8px}
#main{ background-image:url(images/backgroundimage.jpg); width:955px; margin:0 auto; padding-left:6px; padding-right:6px}
#logo{ background-image: url(images/logo.jpg); height:120px}
#nav{ background-color:#0a7873; height:45px}
#nav ul, #nav li, .navleft ul, .navleft li,.featured, .featured li{ margin:0; padding:0; text-indent:0; list-style:none}
#nav li { float:left; display:inline; padding-left:35px; padding-top:10px}
#nav a { color:#FFFFFF; text-decoration:none; font-size:18px}
#nav a:hover{ color:#ffeb95; text-decoration:underline}
#threecolumnholder{ padding:10px; padding-bottom:20px}
#left{ float:left; width:160px; padding-right:20px}
.navleft li{ height:32px; padding-bottom:5px}
.navleft a{ display:block; background-image:url(images/navleft.jpg); height:25px; background-position:top; text-decoration:none; font-size:12px; color:#666666; padding-left:8px; padding-top:7px}
.navleft a:hover, #selected a{ background-position:bottom; color:#FFFFFF}
#center{ float:left; width:520px; background:url(images/trees.jpg) no-repeat 150px 85px}
.featured{ margin-top:10px; margin-bottom:10px}
.featured li{ float:left; width:105px; text-align:center; border-right:#d0d0d0 1px dashed}
.noborder li{ border-right:none}
#right{float:left;width:215px; padding-left:20px}        
#right h2 { margin:0; padding:0; background-image:url(images/rightheader.jpg); padding:0; margin:0;; padding-left:8px; height:21px; font-size:10px; padding-top:3px}
#right img{border:0}
.catimage{ padding-bottom:10px}
#footer{ background:url(images/footer.jpg) top repeat-x #06968d ; padding:10px; color:#FFFFFF}
#footer a{ color:#FFFFFF; text-decoration:none;}
#copyright{ float:left; background:url(images/logos_10.jpg) left no-repeat; height:33px; padding-left:190px; padding-top:20px }
#designby { float:right; padding-top:20px}
.clear{ clear:both}




/*Yoo Aki! this is the new styles*/
body img { border:0}
#paging { text-align:right; padding-bottom:12px; color:#545454; font-size:11px; }
#paging a, #paging span { color:#545454; padding-left:3px; padding-right:3px}
#paging a:hover{ text-decoration:none}
#headerlisting{background-color:#eff0ea; border-top:#999999; padding:5px; border-top:1px dotted #999999}
form{ margin:0; padding:0}
label{ font-weight:bold; padding-right:15px; padding-bottom:4px; }
.product{ width:165px; height:168px; margin-top:10px; margin-right:6px; border:1px #cccccc solid; float:left; margin-left:6px}
.productstop{ height:120px; padding:10px;  text-align:center; padding-bottom:0}

.productstop h2{ margin:0; padding:0; font-size:11px; padding-top:10px}
.productstop img{border:1px #cccccc solid}
.productsbottom{padding:7px; height:31px; background-color:#e5e5e5; padding-bottom:0; font-size:10px }
.productsbottom img{ padding-top:2px; }
.price{ float:left; width:85px;padding-top:5px}

.detailsleft{ width:230px; float:left; padding-right:30px}
.detailsright{ float:left; width:490px}
.detailsright h1 { border-bottom:1px #dce4f7 solid; padding-bottom:12px}

.pricecontain{ font-size:13px; font-weight:bold; padding-top:10px}
.priceamount{ float:left; width:77px; border-right:1px #dce4f7 solid; height:19px; padding-top:3px}
.pricedetails{ padding-left:20px; width:173px; float:left;  height:19px; padding-top:3px;font-weight:normal;}
.canceled{ text-decoration:line-through}
.red{color:#ff3333}
.bold{ font-weight:bold}

.productcontent{border-bottom:1px #dce4f7 solid; padding-bottom:12px;border-top:1px #dce4f7 solid; padding-top:12px}
.details{ padding-bottom:20px}
.largerimage a { background:url(images/xmag.jpg) left no-repeat; text-decoration:none; font-size:15px; padding-left:27px; height:26px; color:#5d5d5d; display:block; padding-top:3px}





/*Pashon Cart Styles*/
table.shoppingCart {font-size:94%;width:100%;}
table.shoppingCart th {border-bottom:1px solid #999999;padding-bottom:4px;}
table.cartProduct {border:0pt none;}
.shoppingCartImage {width:60px;}
.inputquantityField {font-size:100%;padding:2px;text-align:center;}
.productListing-odd {background-color:#F9F9F9;}
.cartproductname {line-height:3em;}
.cartproductlink {padding-left:5px;} 

#basketSubTotal input, #basketSubTotal div {display:block;float:left;padding:8px 0pt;}
#basketSubTotalTitle {margin-right:10px;margin-top:4px;}
#basketSubTotal {float:right; padding-right:20px}
#basketSubTotalCost {margin-right:14px;margin-top:4px;}

.basketExTotal input, .basketExTotal div {display:block;float:left;padding:0px 0pt;}
.basketExTotalTitle {margin-right:10px;}
.basketExTotal {float:right; padding-right:90px}
.basketExTotalCost {margin-right:14px;}

#bContinueShopping {float:left;margin-top:5px;}
#bCheckout {float:right;margin-top:5px;}



/* Drop Down List */

#dropmenudiv{position:absolute;
background-color: #E8E8E8;
border:1px solid #999999;
border-bottom-width: 0;
font-family:"Trebuchet MS",Verdana,Arial;
line-height:20px;
z-index:100;
}

#dropmenudiv a
{
font-family:"Trebuchet MS",Verdana,Arial;
width: 100%;
color:#666666;
font-size:12px;
display: block;
text-indent: 3px;
border-bottom: 1px solid #999999;
padding: 1px 0;
text-decoration: none;
font-weight: ;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #0A7873;
color:#ffffff;
}

/* POP UP DIV */
#layer1 {
	position: absolute;
	visibility: visible;
	width: 400px;
	height: 106px;
	left: 450px;
	top: 300px;
	background-color: #FFFFCC;
	border: 2px solid #000;
}
#layer2 
{
    border:0px solid yellow;
    padding: 10px;
}
#close {
	float: right;
}

.adjustwidget{text-align:center; padding-top:10px; padding-bottom:10px}
.contentright{ background:url(images/rightbottom.png) bottom no-repeat #e7e7e7; padding-bottom:20px }

.sidelist, .sidelist li{ padding:0; margin:0; text-indent:0; list-style-type: none}
.sidelist{ padding-left:20px}
.sidelist a{ text-decoration:none}
.sidelist li{ padding-bottom:5px; padding-left:30px; min-height:22px}
.sidelist li.productname{ padding-left:0; font-size:14px; padding-top:10px}
.sidelist li.video{ background:url(images/videoicon.png) 1px 1px no-repeat}
.sidelist li.pdf{ background:url(images/pdficon.png) 1px 1px no-repeat}
.sidelist li.pimage{ background:url(images/pimage.png) 1px 1px no-repeat}
.productname{ font-weight:bold}