@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }
body { font-family: Arial, Helvetica, sans-serif; color: #777; background: #ffffff url('../images/ribbon.jpg') top repeat; font-size: 12px;}
a { outline:none; color: #777; text-decoration:none;}
a img { border:none; text-decoration:none; }

/* CONTENT SECTIONS */
div#wrap { width:1000px; margin:0 auto;}
div#header {background:url('../images/header.jpg') top no-repeat; height:485px;}
div#header a {font-size:12px; color:#fff; text-decoration:none; font-weight:bold;}
div#header a:hover {font-size:12px; color:#ccc; text-decoration:none; font-weight:bold;}
div#header .selectedPage { background:url('../images/menu_bg.png') no-repeat; font-size:12px; color:#fff; text-decoration:none; font-weight:bold;} 
div#banner { width:1000px; height: 485px;}
div#login {width: 420px; margin-left:30px; margin-top:-30px; position:relative; z-index:80; background:#FFF; }
div#notice { width: 150px; margin-top:-324px;margin-right:15px; position:relative; z-index:80; float:right;}
div#notice a {color:#900; text-align:right;}
div#notice a:hover {color:#900; text-decoration:underline;}
html>body div#notice {margin-right:35px;}
div#contentBody { width:1000px; background:#FFF; margin-top:30px;}
div#contentLeft { width: 225px; float: left; background:#FFF; margin-right:30px;}
div#contentLeft a:hover {color:#ea679f;}
div#contentRight { width: 700px; float: left; background:#FFF;}

div#cartsec {width:225px; background:url('../images/cart_bg.jpg'); height:445px;}

div#cart_info {padding-top: 351px; padding-left: 90px; line-height:18px; color:#777;  font-size: 12px;}
div#cart_info a {color:#777;  font-size: 14px; font-weight:bold;}
div#cart_view{padding-top: 5px; padding-left: 120px; line-height:18px; color:#777;  font-size: 12px;}
div#cart_view a {color:#777;  font-size: 12px; font-weight:bold;}

div#categories {width:225px; background:url('../images/cate_bg.jpg');}
div#catetitle {height:61px; background:url('../images/prod_maintitle.jpg') top left no-repeat; padding-top:18px; padding-left:40px; font-size:18px; font-weight:bold; margin-bottom:15px;}
div#cate_list {padding-top: 5px; padding-left: 35px; color:#777;  font-size: 14px;}
div#section_header {padding-left: 56px; margin-bottom:5px; margin-top:10px;}
div#contact {padding-top: 5px; padding-left: 55px; color:#777; padding-top:15px; font-size:11px;}
div#catefoot {width:225px; height:8px; background:url('../images/catefoot_bg.jpg') no-repeat;}
div#facebook {width:225px; margin-top:15px; margin-bottom:15px;}

div#prodetails { width:610px; height:59px; background:url('../images/prod_maintitle.jpg') top left no-repeat; padding-top:18px; padding-left:40px; font-size:20px; font-weight:bold; margin-bottom:15px;}

/* Product List */
.boxProduct {border: #b8b9a7 1px solid; margin-right: 15px; margin-bottom: 30px; width:145px; height:260px; float:left; text-align:center; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.boxProductName {height:42px; padding-top:5px; margin-bottom:5px; text-align:center; color:#666666; font-weight:bold; line-height: 15px;}
.prodimg { border: #b8b9a7 1px solid;}
.prodImgContain {height:120px;}

div#largepic { float:left; width:306px; height:306px; }
div#proinfo { float:left; margin-left:15px; width:375px;}
div#prodesc {margin-top:45px; border-top: #b8b9a7 1px dotted;}
.subimg {float:left; margin-right:5px; margin-bottom:5px;}

.border {border:#b8b9a7 1px solid; padding:3px;}
div#largepic {text-align:center;}

div#footer { height: 240px; background: #fff url('../images/footer.jpg'); margin-top:5px; font-size:11px; color:#777; text-decoration:none; }
div#footer a {color: #777777;}
div#copyright { width:1000px; margin:0 auto; font-size:11px; color:#777; text-decoration:none; padding-left:100px; padding-top:190px;}

/* STYLE */
p {margin-bottom:12px;}
h2 {color:#59C2FF; line-height: 25px; font-size:16px;}
.clear { clear:both; }
.blue_large { color:#59c2ff; font-size: 16px; font-weight:bold; }
.red_large { color:#ED1C24; font-size: 14px; font-weight:bold; }
.darkgrey_medium {color: #777; font-weight:bold; font-size: 13px;}
.strike {text-decoration:line-through; font-size:12px;}
.bold { font-weight:bold; }
.fontPurple { color: #8e288e; line-height: 25px; font-size:13px; }
.fontPurple_large { color: #ea679f; line-height: 25px; font-size:16px; }
.pricefrom { color: #8e288e; line-height: 25px; font-size:20px; font-weight:bold;}
.fontRed {color:#900;}

ul#menu {list-style:none; margin-left:25px;}
ul#menu li {}
ul#menu li a {font-size:13px; color:#777; text-decoration:none; font-weight:bold; display:inline-block;}
ul#menu li a:hover {text-decoration:underline; }

/* SHOPPE DEFAULT */
.genericbox {width:100%; }
.genericbox div.gbt { height:24px; line-height:24px; padding-left:10px; font-weight:bold; background-color:#FBEA8A; }
.genericbox div.gbb { background-color:#FFF; padding:5px; }

/* SHOPPE DEFAULT TABLES */
table.opttbl {}
table.opttbl th {background-color:#FFC6D5; vertical-align:top; text-align:center; font-weight:bold; font-size:13px; border-bottom:solid 1px #A546A5;}
table.opttbl th, table.opttbl td {padding:3px 6px;}
table.opttbl tr.odd {background:#FFE4E7;}


th { font-weight:normal; font-size:12px; color:#2E2C2A; padding-bottom:10px; border-bottom:solid 1px #CCC; text-align:center; font-weight:bold;}
tr.odd {background-color:#ECEBE6;}
table.cart {margin-bottom:10px;}
table.cart tr td {padding-top:5px; padding-bottom:5px;}
table.cart tr.total td {border-top:solid 1px #CCC; border-bottom:solid 1px #CCC;}
.totalcost {padding-left:20px; font-size:16px;}

#generic th, #generic td { font-family:Arial; font-size:12px; padding:1px 6px; vertical-align:top; }

/* FORM */
input, textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFD8DD none repeat scroll 0 0; 
border:1px solid #a546a5;
padding:4px;
font-size: 12px;
color:#333;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
textarea {overflow:auto;}

select {
background:#FFD8DD none repeat scroll 0 0;
border:1px solid #a546a5;
color:#333;
font-size:11px;
}
.button {cursor:pointer; padding:2px; background:#FFA9DD}
.chkbox {padding:0; border:none; background:none;}

/* BUTTONS */
.btnGeneral {padding:0; background:url('../images/btn_blank.png') no-repeat; width:99px; height:23px; border:none; cursor:pointer; font-weight:bold; font-size:14px; padding-bottom:5px; color:#FFF; outline:none;}
.btnUp { width:16px; height:12px; background:url('../images/btn_arrow.gif') no-repeat left top; cursor:pointer; border:none; padding:0;}
.btnUp:hover { background:url('../images/btn_arrow.gif') no-repeat left bottom; }
.btnDown { width:16px; height:12px; background:url('../images/btn_arrow.gif') no-repeat right top; cursor:pointer; border:none; padding:0;}
.btnDown:hover { background:url('../images/btn_arrow.gif') no-repeat right bottom; }

/* VALIDATION STUFF */
em.error {  background:url("../images/error.gif") no-repeat 2px -1px; padding-left: 20px; font-size:11px; color:#990000; }
em.success { background:url("../images/ok.gif") no-repeat 2px -1px; padding-left: 20px; font-size:11px; color:#060; }
input.error, select.error { /*#A90000 background-color:#F8E5E5*/ border:1px solid #FC3; padding: 4px; background-color:#FFFBCF; }
select.error {padding:2px;}
textarea.error { border:1px solid #FC3; padding: 4px; background-color:#FFFBCF;	}
/* input.valid { border:1px solid #090; padding: 2px; background-color:#CFC; }*/

/* PAGING */
.paginate { font-family: Arial, Helvetica, sans-serif; font-size: .8em; }
a.paginate { border: 1px solid #FF9B0D; padding: 2px 6px 2px 6px; text-decoration: none; color: #000; background-color:#FFBE63; }
a.paginate:hover { background-color: #FBAD3E; color: #FFF;}
a.current {border: 1px solid #FF9B0D; font: bold .8em Arial,Helvetica,sans-serif; padding: 2px 6px 2px 6px; cursor: default; background:#FBAD3E; color: #FFF; text-decoration: none;}
span.inactive {border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: .8em; padding: 2px 6px 2px 6px; color: #999; cursor: default;}
