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


body{ margin:0; padding:0; background:#e4e4e4 url(images/bg.jpg) center repeat-y; font-family:"Trebuchet MS", Verdana, Arial, "Lucida Sans"; font-size:11px }
body img{ border:0}
h1,h2, h3 { margin:0; padding:0}
li2,ul2{ margin:0; padding:0; text-indent:0; list-style-type:none}
a{ color:#3366cc}
form{ margin:0; padding:0}
#main{ width:953px; margin:0 auto}
#header{ background-image: url(images/header.jpg); height:120px}
#myGallery{ float:right; text-align:right; width:284px; height:120px}
#nav{ height:46px; background-color:#cc0033; padding-left:30px; padding-right:30px}
#nav ul { margin:0; padding:0; text-indent:0; list-style-type:none}
#nav li { float:left; padding-right:30px; padding-top:12px; }
#nav a { color:#FFFFFF; font-size:17px; text-decoration:none}
#nav a:hover{ color:#e2e2e2}
.left{ float:left; width:66%}

.right{ float:right; width:34%}

#number span{ border-left:1px solid #FFFFFF; font-size:17px; color:#FFFFFF; padding-top:0; display:block; padding-left:30px}
.container{ padding:10px}
.clear{ clear:both}

#leftcolumn{ float:left; width:160px }
#leftcolumn h3 { color:#FFFFFF; background-color:#3366cc; font-size:13px; padding:11px; margin-bottom:5px}
#middlecolumn{float:left; width:575px; padding-left:19px; padding-right:19px}
#rightcolumn{float:left; width:160px}
.catnav a{ width:149px; padding-left:11px; padding-top:7px; height:25px; background-image: url(images/links.jpg); display:block;; text-decoration:none; color:#666666; font-size:13px}
.catnav a:hover{ color:#cc0033}
ul.catnav  { margin:0; padding:0; text-indent:0; list-style-type:none}
ul.featured {  text-indent:0; list-style-type:none}
.catnav li{ padding-bottom:5px}
.box{ border:1px solid #cc0033;}
.box h2{color:#FFFFFF; background-color:#cc0033; font-size:13px; padding:10px;}
.boxbody{ text-align:center; padding:11px; font-size:12px; color:#333333}
.textbox input{ background-color:#e5e5e5; border:1px solid #999999; width:135px}
.button{ text-align:right; padding-top:5px}
.button input{ width:60px; color:#FFFFFF; background-color:#3366cc; text-align:center; border:0; padding:2px}
.padbottom10{ padding-bottom:10px}
.padtop10{ padding-top:5px}
#breadcrumb { padding-bottom:10px}
#breadcrumb a { text-decoration:none}
#middlecolumn h1{ color:#cc0033; font-size:22px; font-weight:normal}
.featured{ margin-top:10px; margin-bottom:10px}
h4{ margin:0; padding:0; background:url(images/centerheadline.jpg) no-repeat; width:567px; color:#FFFFFF; height:25px; padding-top:7px; font-size:12px; padding-left:8px}
.featured li{ float:left; width:105px; text-align:center; border-right:#d0d0d0 1px dashed; margin-left:4px}
.noborder li{ border-right:none}
.paypal{ text-align:center; margin-top:40px}
#footer{ height:31px; background-color:#cc0033; padding:20px; color:#FFFFFF}
#leftfooter{ float:left}
#rightfooter{ float:right}
.copyright{ padding-top:10px}
.fixheight{ height:230px}

#featured .title, #best .title{ text-align:center; width:138px}






/*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:198px; margin-top:10px; margin-right:6px; border:1px #cccccc solid; float:left; margin-left:6px}
.productstop{ height:150px; padding:10px;  text-align:center; padding-bottom:0}

.productstop h2{ margin:0; padding:0; font-size:11px; padding-top:5px}
.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:115px;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: #3366CC;
color:#ffffff;
}