body { background:#382819 url('/images/background.jpg') center top no-repeat; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0px auto auto auto; color:#fff;}
p{ padding:2px; margin:0px; font-size: 13px;}
h1 {font: normal 20px georgia, times, serif; margin: 5px 0 0 0; color: #fff;}
h1 a {font: normal 20px georgia, times, serif; margin: 5px 0 0 0; color: #fff;}
h2.browse a {font: normal 17px georgia, times, serif; margin: 5px 0 0 0; color: #fff;}
h4 {font: bold 14px Arial, Helvetica, sans-serif; }
h4 a {font: bold 14px Arial, Helvetica, sans-serif; }
h4 {font: bold 12px Arial, Helvetica, sans-serif; }
h4 a {font: bold 12px Arial, Helvetica, sans-serif; }
a {color: #fff;}
a img {border: 0;}
hr {height: 1px; border: 1px solid #AF9983; color: #AF9983; width: 100%; margin: 0; padding: 0;}

/* MISC CLASSES */
.clear {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}
.red {color: #ff0000;}
.black {color: #000;}
.blue {color: #0000ff}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.inline {display: inline;}
.valignMiddle {vertical-align: middle;}
.valignTop {vertical-align: top;}
.hidden {display: none;}
.white {color: #fff;}
.maroon {color: #7a1618;}
.link {cursor: pointer;}


#main_container{ width:1000px; height:auto; margin:auto; padding:0px; background: #807060; //background: #807060 url(/images/paper_2.jpg) top left repeat; } 
#header{ width:1000px; height:136px; background:#9F8B77 url(/images/bgBody.jpg) top left repeat-y;  margin:auto;}
#logo{ float:left; padding:15px 0 0 20px; } 
#main_content{ clear:both; } 
.top_right{ width:380px; float:right; } 
.search_box{ float:right;padding:50px 30px 0 0;}
.txtSearch {margin: 0px 0 10px 0; width: 300px; height: 24px; background: #4F4231; border: 2px solid #857254; font: bold 14px Trebuchet MS, sans-serif; padding: 6px 0 0 4px; color: #CFB59B;}
.btnGo {margin: 0px 0 -11px 0; cursor:pointer;}


/*-Menu----------------------*/
#menu_tab{ width:1000px; height:36px; background:#7a1618; } 
ul.menu { list-style-type:none; float:left; display:block; width:982px; margin:0px; padding:0px;}  
ul.menu li { display:inline;  font-weight:bold; line-height:36px; } 
ul.menu li.divider { display:inline; width:2px; height:36px; float:left;color: #ccc;}

a.nav:link, a.nav:visited {display:block; float:left; padding:0px 8px 0px 8px; margin:0 7px 0 7px;height:36px;text-decoration:none;color:#fff;}
a.nav:hover{display:block; float:left; padding:0px 8px 0px 8px; margin:0 7px 0 7px;height:36px;text-decoration:underline;color:#ccc;}


/*-Breadcrumbs-------------*/
.crumb_navigation{ width:980px; height:15px; padding:5px 10px 0 20px; color:#fff; font-size: 11px; } 
.crumb_navigation a{ color:#fff; text-decoration:underline; } 
span.current{ color:#000;}


/*-Left content------------------*/
.left_content{ width:180px; float:left; padding:0 0 0 5px; } 
.title_box{ width:180px; height:30px; margin:5px 0 0 0; background:#7a1618; text-align:center; font-size:13px; font-weight:bold; color:#fff; line-height:30px;}
.centerColumn-content-sectionBlock {font-size: 13px;}

/*-Left menu---------*/
ul.left_menu {width:180px; padding:0px; margin:0px; list-style:none;} 
ul.left_menu li {margin:0px; list-style:none; border-bottom:0px #e4e4e4 dashed;} 
ul.left_menu li a {width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed; text-decoration:none;color:#fff;padding:0 0 0 14px; line-height:25px; }  
ul.left_menu li a:hover {color:#fff; text-decoration:none; background: #382819;}   
ul.left_menu li ul {width:120px; padding:5px 0 15px 0; margin:0px; list-style:none;}   
ul.left_menu li ul li {background: url('/images/bgBullet.gif') 10px 1px no-repeat;}  
ul.left_menu li ul li a {height:20px;display:block; border-bottom:0px #e4e4e4 dashed; text-decoration:none;color:#fff;padding:0 0 0 24px; line-height:20px; font-weight: normal;} 
ul.left_menu li.current, ul.left_menu li ul li.current a {font-weight: bold;}
 

.border_box{ width:180px; height:auto; text-align:center; background:url(/images/box_bottom_bg.gif) no-repeat center bottom; } 
.product_title{ color:#fff; padding:5px 0 5px 0; font-weight:bold; } 
.product_title a{ text-decoration:none; color:#fff; padding:5px 0 5px 0; font-weight:bold; } 
.product_title a:hover{ color:#ccc; text-decoration: underline;} 
.product_img{ padding:10px 0 5px 0; } 
.prod_price{ padding:5px 0 5px 0; } 
span.reduce{ color:#ccc; text-decoration:line-through; } 
span.price{ color: #fff; font-weight: bold;}

.whatsNew {padding: 5px 0 5px 5px;}
.whatsNew ul {padding: 0; margin: 0 0 0 20px;}
.whatsNew h4 {padding: 0; margin: 6px 0 2px 2px;}
.whatsNew p {border-bottom: 1px dashed #fff; margin: 0 0 5px 0; padding: 0 0 5px 0;}


/*-Newsletter--------------*/
input.newsletter_input{ width:150px; height:16px; border:1px #ddd9d9 solid; margin:10px 0 5px 0; font-size:12px; padding:3px; color:#999999; } 
a.join{ width:17px; display:block; margin:0px 0 5px 110px; padding:2px 8px 6px 8px; text-decoration: underline; color:#fff; } 
.banner_adds{ width:180px; text-align:center; padding:10px 0 10px 0;}


/*-Intro------------------*/
.intro{ width:585px; background:#9F8B77; float:left; padding:0px 0 15px 0; margin:0 0 10px 5px; border: 1px solid #6F6153; } 
.intro-latestArticle{ width:585px; background:#807060; float:left; padding:0px 0 15px 0; margin:0 0 10px 5px; border: 1px solid #6F6153; } 
.intro_img{ float:left; padding:20px 0 0 15px; } 
.intro h1{ font-size:18px; color:#fff; font-weight:bold; } 
.intro_details{ width:530px; float:left; padding:15px 0 0 20px; } 
.intro_text{ padding:5px 0 5px 0; font-size:14px; color:#fff; text-align:left;/*line-height:15px;*/}
.intro_text table ul {padding: 0; margin: 0 10px 0 10px;}
.intro_title h2 {font: bold 18px Arial, sans-serif; margin: 0; padding: 0;} 


/*-Center content--------------------------*/
.center_content{ width:600px; float:left; padding:5px 10px 5px 15px; } 
.center_title_bar{ width:575px; height:31px; float:left; padding:0 0 0 10px; margin:0 0 0 5px; line-height:31px; font-size:20px; color:#fff; font-weight:normal; font-family: georgia, times, serif; } .center_title_bar-newRelease{ width:575px; height:31px; float:left; padding:0 0 0 10px; margin:15px 0 0 5px; line-height:31px; font-size:20px; color:#fff; font-weight:normal; font-family: georgia, times, serif;}
table.homepageBanners {width: 580px; padding: 5px; clear: both;}
table.homepageBanners td {width: 50%; padding: 5px 5px; text-align: center; vertical-align: middle;}
table.homepageBanners td a img {border: 0px solid #ffffff;}


/*-Right Content--------------*/
.right_content{ width:180px; float:left; padding:0px; } 
.shopping_cart{ width:180px; height:84px; text-align:center; } 
.cart_title{ font-size:12px; font-size:12px; color:#847676; font-weight:bold; padding:0px; } 
.cart_details{ width:115px; float:left; padding:5px 0 0 15px; text-align:left; } 
.cart_details a{ color: #fff; text-decoration: underline; } 
.cart_icon{ float:left; padding:5px 0 0 5px; } 
span.border_cart{ width:100px; height:1px; margin:3px 0 3px 0; display:block; border-top:1px #999999 dashed; } 


/*-Product Box----------*/ 
.prod_box{ width:173px;  float:left; padding:10px 10px 10px 11px; } 
.center_prod_box{ width:173px; float:left; text-align:center;padding:0px; margin:0px; border:1px #8F7D6B solid; } 
.prod_details_tab{ width:173px; height:31px; float:left; margin:3px 0 0 0; } 
img.left_bt{ float:left; padding:6px 0 0 6px; } 
a.prod_details{ width:75px; height:24px; display:block; float:right; background:url(/images/link_bg.gif) no-repeat center; margin:2px 5px 0 0; text-align:center; line-height:24px; text-decoration:none; color:#159dcc; }  
a.prod_buy{ font-size: 12px; height:24px; display:block; float:left; background:#ddd; border: 1px solid #eee; margin:0px 0 0 5px; text-align:center; line-height:24px; text-decoration:none; color: #006600; padding: 0 7px; } 


/*-Product box big----------*/ 
.prod_box_big{ width:554px; height:auto; float:left; padding:0px 10px 15px 15px; } 
.center_prod_box_big{ width:554px;height: auto;float:left; text-align:center;padding:0 0 10px 0; margin:0px; background:#9F8B77; border: 1px solid #6F6153; } 
.product_img_big{ width:170px; padding:10px 0 0 10px; float:left; } 
.details_big_box{ width:345px; float:left; padding:10px 0 0 15px; text-align:left; } 
.product_title_big{ color:#7a1618; padding:5px 0 5px 0; font-size:18px;  font-weight:bold; } 
.specifications{ font-size:13px; font-weight:normal; line-height:18px; } 
.thumbs{ padding:8px 5px 8px 5px; border:1px #DFD1D1 solid; margin:15px 0 0 0; } 
.thumbs a{ padding:3px; } 
.prod_price_big{ padding:5px 0 5px 0; font-size:16px; } 
a.addtocart{ width:76px; height:27px; display:block; float:left; background:url(/images/addtocart.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#1c4a52; } 
a.compare{ width:76px; height:27px; display:block; float:left; margin:0 0 0 10px; background:url(/images/compare.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#1c4a52; } 
span.blue{ color:#159DCC; } 

/*-Subcategory Styles------------*/
.subcatImage {border: 4px solid #6F6153;}
.subcatDivider { height: 1px; border: 1px solid #6F6153; }
.subcatTitle {font-size: 14px; font-weight: bold;}
/*hr {height: 1px; border: 1px solid #AF9983; color: #AF9983; width: 100%; margin: 0; padding: 0;}

/*-View Cart---------------------*/ 
.viewCart-productName a {font: normal 14px arial, san-serif; color: #fff;}
.viewCart-productCost {font: bold 14px arial, san-serif; color: #000;}

/*-Log in panel------------------*/
#stylized {border: 1px solid #6F6153; background:#9F8B77; padding: 10px;}
#stylized label {font-weight: bold;}


/**CHECKOUT STYLES**/
.checkout-navigation {width: 538px;}
.checkout-navigation tr td {padding: 5px 12px 5px 5px; background: #eee url('/images/bgCheckout-unactive.gif') top right no-repeat; color: #000;}
.checkout-navigation tr td.currentStep {background: #eee url('/images/bgCheckout-current.gif') top right no-repeat; color: #fff;}
.checkout-navigation tr td.currentStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #fff;}
.checkout-navigation tr td.completedStep {background: url('/images/bgCheckout-completed.gif') top right no-repeat; color: #fff;}
.checkout-navigation tr td.lastStep {padding: 5px 5px 5px 5px; background: #bfad9b;}
.checkout-navigation tr td.lastStep-currentStep {padding: 5px 5px 5px 5px; color: #fff; background: #7a1618;}
.checkout-navigation tr td.lastStep-currentStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #fff;}
.checkout-navigation tr td.lastStep-completedStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #fff;}
.checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif;}
.totals {width:100%; margin: 0 0 10px 0;}
.totals td {padding: 2px;}
.totals tr.totalCost td {border-top: 2px dashed #777; border-bottom: 2px dashed #777;padding: 2px;}
#whatsNext td {text-align: center; vertical-align: top;}
.dataTable td span.orderNumber {font-size: 14px; font-weight: bold;}
span.orderNumber {font-size: 14px; font-weight: bold;}
.step4-detailsContainer {width: 500px; padding: 20px; margin: 0 auto; background: #bfad9b; border: 1px solid #5f5347; color: #000;}

/* BPAY TEMPLATE */
#bpayTemplate {width:244px; height: 146px; background: url('/images/bpayTemplate.jpg') top left no-repeat; padding-top: 18px;}
#bpay-billerCode {margin-left: 160px; color: #002d6a; display: block; font-size: 16px; font-weight: bold;}
#bpay-ref {margin-left: 100px; color: #002d6a; display: block; font-size: 16px; font-weight: bold; margin-top: 0px;}

/*-Contact Form------------------*/ 
.contact_form{ width:355px; float:left; padding:0px 0 0 75px; } 
.form_row{ width:335px; clear:both; padding:10px 0 10px 0; color:#a53d17; } 
label.contact{ width:75px; float:left; font-size:12px; text-align:right; padding:4px 5px 0 0; color: #333333; } 
input.contact_input{ width:253px; height:18px; background-color:#fff; color:#999999; border:1px #DFDFDF solid; float:left; } 
textarea.contact_textarea{ width:253px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999999; background-color:#fff; border:1px #DFDFDF solid; float:left; } 
a.contact{ width:99px; height:27px; display:block; float:right; margin:0 0 0 10px; background:url(/images/contact_bt.gif) no-repeat left; padding:0 0 0 10px; text-decoration:none; line-height:27px; color:#1c4a52; } 

.slogan-siteName {font: normal 25px Georgia, Times, Serif; letter-spacing: normal; line-height: 1.5em; color: #fff; text-decoration: none;}
.slogan-catchphrase {display: block; font: normal 11px Verdana, Arial, sans-serif; letter-spacing: 1.3px; color: #fff; margin-top: -8px; text-decoration: none;}


/** ALERTS table **/
.alerts {width: 100%; margin: 5px 0 15px 0; border: 1px dashed #fff;}
.alerts td {text-align: left;font-size: 12px;}
.alerts td span.bold {font-size: 12px; letter-spacing: normal; color: #fff;}
.alerts td span a {color: #fff; text-decoration: underline;}
.alerts td a {color: #fff; text-decoration: underline;}
.alerts td img {vertical-align: top; padding: 2px 4px 2px 10px;}
.bgBlue {background: #497497;}
.bgRed {background: #ff0000;}
.bgGreen {background: green;}
.bgYellow {background: #FFFBCF;}

/** HTML Errors list **/
.errorContainer ul {background: #ffffff; width: 500px; margin: 0; padding: 0; border: 1px dashed #5f5347;}
.errorContainer ul li {padding: 2px 0 2px 20px; margin: 0 0 0 20px; background: url('/images/iconCrossCircle.png') 0 4px no-repeat; font-weight: bold;}


/*Enquiry form*/
#enquiryForm {border: 1px solid #5f5347; background: #9f8b77; padding: 0 8px; width: 70%;}
.enquiryForm {margin: 0; padding-top: 5px; width: 100%;}
.enquiryForm th {color: #fff; font-size: 14px; text-align: left; vertical-align: top; padding: 2px 0;}
.enquiryForm td {color: #fff; font-size: 12px; text-align: left; vertical-align: top; padding: 2px 0;}
.width150 {width: 150px;}
.longTextField {width:300px;}

/*Unsubscribe form*/
.unsubscribeTable {margin: 10px auto; border: 1px solid #6F6153; background:#9F8B77;}
.unsubscribeTable td {padding: 10px; font-weight: bold;}

/*-Footer----------------*/ 
.footer{ width:1000px; clear:both; height:45px; background:#9F8B77 url(/images/bgBody.jpg) top left repeat-y; border-top: 4px solid #4f4231; } 
.left_footer{ float:left; width:420px; padding:15px 0 0 20px; color: #fff; } 
.right_footer{ float:right; padding:15px 30px 0 0; } 
.right_footer a{ padding:0 0 0 7px; text-decoration:none; color: #fff; text-decoration:underline; font-weight: bold; } 
.right_footer a:hover{ text-decoration:underline; }  
.center_footer{ float:left; width:200px; text-align:center; color:#666666; padding:10px 0 0 60px;}

/*CMS Edit links*/
a.editLink {font-size: 11px; color: black; letter-spacing: 1px; background: yellow; padding: 1px 10px 1px 10px; text-decoration: none; border: 1px solid #f1241f; font-weight: bold;}
a.editLink:hover { color: #ffffff; background: red; border: 1px solid #f1241f; text-decoration: underline; font-weight: bold;}