body {background: #222; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px auto auto auto; color:#fff;}
p {padding:0; margin: 0 0 15px 0; font-size: 12px;}
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 a {font: bold 16px Arial, Helvetica, sans-serif; margin: 0px 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: 0px solid #7070703; color: #707070; width: 100%; margin: 0; padding: 0;}
hr.divider {height: 1px; border: 0px solid #7070703; color: #707070; width: 95%; margin: 0; padding: 0;}

/* MISC CLASSES */
.clear {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}
.red {color: #ff0000;}
.black {color: #000;}
.blue {color: #DFFDFF}
.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: #fff;}
.link {cursor: pointer;}
.nonLink {cursor: default;}
.enlargeLink {font-size: 11px;}


#main_container {width:1000px; height:auto; margin:auto; padding:0px; background: #444;}
#header {width:1000px; height:99px; background: #444 url('/images/bgHeader.jpg') top left no-repeat; margin:auto;}
#logo {float:left; padding:10px 0 0 8px; }
#main_content {clear:both; }
.top_right {width:380px; float:right; }



/*-Menu----------------------*/
#menu_tab{ width:1000px; height:36px; background:#707070;}
ul#saturdayLeft{float: left; width: 70%; margin:0;padding:0;list-style-type:none;position:relative;display:inline;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("/images/bgOFF.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #4d4d4d;border-top:1px solid #ccd1cf;}
ul#saturdayLeft li{display:block;float:left;margin:0;padding:0;}
ul#saturdayLeft li a{display:block;float:left;color:#222;text-decoration:none;padding:12px 15px 0 12px;height:24px;background:transparent url("/images/bgDIVIDER.gif") no-repeat top right;}
ul#saturdayLeft li a:hover{background:transparent url("/images/bgHOVER.gif") no-repeat top right;}
ul#saturdayLeft li a.current,ul#saturdayLeft li a.current:hover{color:#fff;background:transparent url("/images/bgON.gif") no-repeat top right;padding:12px 15px 0 10px; }

ul#saturdayRight{float: right; width: 30%; margin:0;padding:0;list-style-type:none;position:relative;display:inline;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("/images/bgOFF.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #4d4d4d;border-top:1px solid #ccd1cf;}
ul#saturdayRight li{display:block;float:right;margin:0;padding:0;}
ul#saturdayRight li a{display:block;float:left;color:#222;text-decoration:none;padding:12px 15px 0 12px;height:24px;background:transparent url("/images/bgDIVIDER.gif") no-repeat top right;}
ul#saturdayRight li a:hover{background:transparent url("/images/bgHOVER.gif") no-repeat top right;}
ul#saturdayRight li a.current,ul#saturdayRight li a.current:hover{color:#fff;background:transparent url("/images/bgON.gif") no-repeat top right;padding:12px 15px 0 10px;}


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:222px; float:left; padding:0 0 0 5px; }
.title_box{ width:202px; height:30px; margin:5px 0 0 0; background:#fff; text-align:center; font-size:13px; font-weight:bold; color:#fff; line-height:30px;}
.centerColumn-content-sectionBlock {font-size: 13px;}

/*-Left menu---------*/
img{border:0px;}
.flt{float:left;}
.marginLeft10 {margin: 0 0 0 10px;}
.menubg{clear:left; background-color:#8d8d8d; width:202px; margin: 0 0 0 10px;}
.menubg p {clear:both; margin: 0 0 0 15px;}
.left_menu{float:left; clear:left; font:bold 11px Arial, Helvetica, sans-serif;}
.left_menu li {margin:0px 0px 0px 0px; list-style:none; }
.left_menu a, .left_menu a:visited { width:186px; height:22px; margin:0px 0px 2px -32px; position:relative; display:block; color:#fff; text-decoration:none; background:url(/images/menubg2.jpg) no-repeat; padding:4px 0 0 8px; }
.left_menu a:hover, .menu a:active, .left_menu li.menu-heading a, .left_menu li.menu-heading a:visited  { background:url(/images/menubg1.jpg) no-repeat; text-decoration:none; }
.left_menu a.currentPage {color: #323232; background:url(/images/menubg-current.jpg) no-repeat;}
.bot{clear:left; margin: 0 0 10px 10px;}


.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: 0px 0 5px 5px; clear: both; margin: 0 10px;}
.whatsNew ul {padding: 0; margin: 0 0 0 20px;}
.whatsNew h4 {padding: 0; margin: 0px 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:513px; float:left; padding:0px 0 15px 0; margin:0 0 10px 5px; border: 1px solid #707070; }
.intro-noColLeft {width:730px; float:left; padding:0px 0 15px 0; margin:0 0 10px 5px; border: 1px solid #707070; }
.intro-latestArticle {width:563px; 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_details {float:left; padding:15px 0 0 20px; }
.intro_text {width: 470px; padding:5px 15px 5px 0; color:#fff; text-align:left;/*line-height:15px;*/}
.intro_text-homepage {padding:5px 15px 5px 0; color:#fff; text-align:left;/*line-height:15px;*/}
.intro_title h2 {font: bold 18px Arial, sans-serif; margin: 0; padding: 0;}


/*-Center content--------------------------*/
.center_content {width:520px; float:left; padding:5px 5px 5px 10px; }
.center_content-noLeftCol {width:742px; float:left; padding:15px 5px 5px 10px; }
.center_title_bar {width:520px; 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;}



/*-Right Content--------------*/
.right_content {width:222px; float:left; padding: 0 5px 0 10px; margin: 0; }
.right_content-noLeftCol {width:222px; float:left; padding: 15px 5px 0 10px; margin: 0; }
.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; }


/*-Content Block------------------*/
.contentBlock {margin: 0 0 10px 0;}



/*-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 #707070 solid; background: #343434;}
.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 (browse page)----------*/
.productBox-browse {margin: 0 0 0 5px; padding: 15px; border: 1px solid #707070;}
.productBox-browse-image {width: 170px; float: left;}
.productBox-browse-image img {border: 4px solid #323232;}
.productBox-browse-info {float: left; width: 290px; margin: 0; padding: 0;}
.productBox-browse-info h2 {margin: 0 0 4px 0;}
.productBox-browse-info h2 a {text-decoration: none;}
.productBox-browse-info h2 a:hover {text-decoration: underline;}
.productBox-browse-info p {}




/*-Product box big----------*/
.prod_box_big{ width:500px; height:auto; float:left; padding:0px 10px 15px 15px; }
.center_prod_box_big{ width:500px;height: auto;float:left; text-align:center;padding:0 0 10px 0; margin:0px; border: 0px solid #707070; }
.product_img_big{ width:150px; padding:10px 0 0 10px; float:left; }
.details_big_box{ width:500px; float:left; padding:10px 0 0 15px; text-align:left; }
.product_title_big{ color:#fff; 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; }

/*-Details page------------------*/
#highResImage {width: 1000px; margin: 0 auto; text-align: center;}
#productImage {margin: 20px auto; padding: 1px; background: #2f2f2f; border: 8px solid #323232}


/*-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: #fff;}

/*-Log in panel------------------*/
#stylized {border: 1px solid #606060; background:#575757; padding: 10px;}
#stylized label {font-weight: bold;}

/*-Search form-------------------*/
#searchForm {margin: 5px 0 0 10px;}
#searchForm img {margin: 0 0 0 0; padding: 0;}
.search_box {float:right;padding:50px 30px 0 0;}
.txtSearch {margin: 0px 0 10px 0; width: 140px; height: 20px; background: #ccc; border: 1px solid #5e5e5e; font: bold 12px Trebuchet MS, sans-serif; padding: 4px 0 0 4px; color: #222;}
.btnGo {padding: 5px 0 0px 0; cursor:pointer; vertical-align: middle;}

/**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: #222;}
.checkout-navigation tr td.currentStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #222;}
.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: #8d8d8d;}
.checkout-navigation tr td.lastStep-currentStep {padding: 5px 5px 5px 5px; color: #222; background: #fff;}
.checkout-navigation tr td.lastStep-currentStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #222;}
.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: 460px; padding: 20px; margin: 0 auto; background: #575757; border: 1px solid #323232; color: #fff;}

/* 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 16px Georgia, Times, Serif; letter-spacing: normal; line-height: 3em; 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 #606060; background: #575757; padding: 0 8px; width: 90%;}
.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:35px; background:#707070; margin: 10px 0 0 0;}
.left_footer {float:left; width:420px; padding:10px 0 0 20px; color: #fff; }
.right_footer {float:right; padding:10px 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;}