/* Default CSS Document */

/** BODY ELEMENTS **/
* {margin: 0;padding: 0;}
body { color: #333; background-color: #fff; font-family: "Arial", "Helvetica", sans-serif; font-size: .75em; text-align: center; }
img {border: 0;}
h1 {font:bold 16px Arial, Helvetica, sans-serif;}
h1.categoryName, h1.productName {padding: 5px 0; color: #555; font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase;}
h2 {font:bold 14px Arial, Helvetica, sans-serif;}
h3.listHeader {background: #8b8a79; color: #fff; padding: 3px 0 3px 0px; margin: 0 0 3px 0; font:bold 12px Arial, Helvetica, sans-serif;}
h4, h4 a {font:bold 12px verdana, Arial, Helvetica, sans-serif; color: #575757;}
p {margin: 3px 0 15px 0; font:normal 11px verdana, Arial, Helvetica, sans-serif;}
p.categoryDescription {margin: 10px 0 15px 0;}
span.categoryName {display: block; padding: 5px 0; color: #555; font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase;}
hr {margin: 0; padding: 0; border: 0; background: #ccc; color: #ccc; height: 1px;}
a {color: #8b8a79;}
.italic {font-style: italic;}
.subcatTitle {font:bold 14px Arial, Helvetica, sans-serif;}
ul li span {color: red; font-weight: bold;}


/** MAIN CONTAINERS **/
div#container { width: 950px; margin: 0 auto; text-align: left; margin: 20px inherit;}
/**div#container { width: 950px; margin: 0 auto; text-align: left; margin: 20px inherit; background: url('/images/bgContent.jpg') 0px 50px repeat-y;}**/
div#header { padding: 5px 0 0 0; background: #fff;}
div#logoRow {height: 100px;}
div#logo-right {padding: 30px 0 0 0;}
div#navigationRow1 {width: 100%; background: #8b8a79; height: 30px; color: #fff;}
div#navigationRow2 {width: 100%; background: #aaa; height: 30px; color: #fff;}
div#navigationLeft2 {}
div#navigationRight2 {text-align: center; width: 200px; padding: 3px 0 0 0;}
div#content {margin: 0;}
div#center {margin: 0 380px 0 0;padding: 10px 20px 20px 10px;}
div#center-1col {margin: 0; padding: 10px 20px 20px 10px;}
.newsPanel {padding: 0 20px 0 0;}
div.column {width: 180px; margin: 10px 0 0 0; padding: 0; text-indent: 15px; background-color: #f5f5f5;}
div.right {float: right;}
div#rightCol {text-indent: 0; width:200px;}
div.column-in {}
div#footer {clear: both; margin: 10px 0; padding: 20px; background: #6a695c; color: #fff; font-size: 11px;}
div#footer a {color: #fff;}
div#footer-pageLinks {margin: 0;}

div.galleryContainer {clear: both;}
div.crumb_navigation {font-size: 11px; margin: 5px 0 0 10px;}
div.crumb_navigation a {color: #575757;}


/** MAIN MENU - ROW 1 **/
ul#navigationLeft {float:left; width:51%; list-style:none; margin:0; padding:3px 0;}
ul#navigationLeft li { display:inline; list-style:none; margin:0; padding:0; }
ul#navigationLeft li a {color: #fff; display:block; float:left; margin:0 0 0 3px; padding:4px 10px; text-align:center; text-decoration:none; position:relative; left:8px; line-height:1.3em; }
ul#navigationLeft li a:hover { background:#fff; color:#777; }
ul#navigationLeft li a.active, #header ul li a.active:hover { color:#777; font-weight:bold; background: #fff;}
ul#navigationLeft li a span { display:block; }
ul#navigationRight {float:right; width:47%; list-style:none; margin:0 10px 0 0; padding:3px 0;}
ul#navigationRight li { display:inline; list-style:none; margin:0; padding:0; }
ul#navigationRight li a { display:block; float:right; margin:0 0 0 3px; padding:4px 10px; text-align:center; color:#fff; text-decoration:none; position:relative; left:0px; line-height:1.3em; }
ul#navigationRight li a:hover { background:#fff; color:#777; }
ul#navigationRight li a.active, #header ul li a.active:hover { color:#777; font-weight:bold; background: #fff;}
ul#navigationRight li a span { display:block; }


/** MAIN MENU - ROW 2 **/
ul#categoryMenu {float:left; 500px; list-style:none; margin:0; padding:3px 0;}
ul#categoryMenu li { display:inline; list-style:none; margin:0; padding:0; }
ul#categoryMenu li a {color: #fff; display:block; float:left; margin:0 0 0 1px; padding:4px 10px; text-align:center; text-decoration:none; position:relative; left:10px; line-height:1.3em; }
ul#categoryMenu li a:hover { background:#fff; color:#777; }
ul#categoryMenu li a.active, #header ul li a.active:hover { color:#777; font-weight:bold; background: #fff;}
ul#categoryMenu li a span { display:block; }


/*--TABBED MENU--*/
#subMenu { padding: 3px 0; margin: 0 0 20px 0; font: bold 11px Verdana; border-bottom: 2px solid #e3e3e4; }
#subMenu li {list-style: none; display: inline; margin: 0;}
#subMenu li a {text-decoration: none; padding: 3px 0.5em; margin-right: 1px; border: 2px solid #e3e3e4; background: white;}
#subMenu li a:link, #subMenu li a:visited {color: #96a3a9;}
#subMenu li a:hover {color: black; background: #e3e3e4;}
#subMenu li a.current {border: 2px solid #e3e3e4; border-bottom: 2px solid #fff; font-weight: bold; color: #000;}
#subMenu li a.current:hover {color: black; background: #fff;}


/*--PRODUCT BROWSE--*/
.productBox-browse {border-bottom: 1px solid #ccc; clear: both;}
.productBox-browse-image {vertical-align: top; text-align: center; width: 180px; padding: 10px;}
.productBox-browse-info {vertical-align: top; margin: 10px 0 0 0; width: 340px; padding: 10px;}
.productBox-browseFullPage-info {float: right; margin: 10px 0 0 0; width: 540px;}
.productBox-browse-info h2 a {padding: 0 0 5px 0;font:bold 12px verdana, Arial, Helvetica, sans-serif; color: #575757;}
.productBox-browse-info-buttons a {font-size: 11px;}
.price {font:bold 12px verdana, Arial, Helvetica, sans-serif; color: #6a695c;}


/*--PRODUCT DETAILS--*/
.productBox-details {border-bottom: 1px solid #ccc;}
.productBox-details-image {float: left; text-align: center; width: 180px; padding: 10px;}
.productBox-details-info {float: right; margin: 10px 20px 0 0; text-align: right;}
.buttons {margin: 6px 0 0 0;}
.price-details {font: bold 16px Arial, Helvetica, sans-serif; color: #6a695c; display: block;}


/*--VIEW CART---------------------*/
.viewCart-productName a {font: normal 14px arial, san-serif; color: #6a695c;}
.viewCart-productCost {font: bold 14px arial, san-serif; color: #6a695c;}


/*--ORDERS---------------------*/
.slogan-siteName {font: normal 20px Georgia, Times, Serif; letter-spacing: normal; line-height: 3em; color: #8b8a79; text-decoration: none;}
.slogan-catchphrase {display: block; font: normal 11px Verdana, Arial, sans-serif; letter-spacing: 1.3px; color: #8b8a79; text-decoration: none;}


/**CHECKOUT STYLES**/
.checkout-navigation tr td {padding: 5px 12px 5px 5px; background: #fff url('/images/bgCheckout-unactive.gif') top right no-repeat;}
.checkout-navigation tr td.currentStep {background: 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: #000;}
.checkout-navigation tr td.lastStep {padding: 5px 5px 5px 5px; background: #ebebeb;}
.checkout-navigation tr td.lastStep-currentStep {padding: 5px 5px 5px 5px; color: #fff; background: #8B8A79;}
.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; color: #000;}


/** RIGHT HAND COLUMN MENU **/
ul.rightMenu {list-style:none; margin: 0 0 10px 0;}
ul.rightMenu li {padding: 0; text-indent: 5px;}
ul.rightMenu li a {display: block; padding: 4px 0px; color: #333; font: normal 11px verdana, arial; text-decoration: none;}
ul.rightMenu li a:hover {background: #ccc; color: #222;}


div#newsletterSignup {background: #fff url('/images/newsletter-signup-banner.jpg') top left no-repeat; height: 85px; width: 200px;}
form#newsletterSubscriptionForm {padding: 42px 0 0 12px;}
form#newsletterSubscriptionForm input {color: #222;}


/** LISTS **/
ul.footerLinks {list-style:none; float: left; margin: 15px 25px 0 0;}
ul.footerLinks li.footerLinks-groupName {font-weight: bold;}
ul.footerLinks li a {text-decoration: none;}
ul.siteMap {margin: 0 0 0 20px; list-style: none;}
ul.siteMap ul {margin: 0 0 0 15px;}
ul.anchorLinks {list-style: none;}
ul.anchorLinks li {text-indent: 15px; background: #fff url('/images/listArrow.gif') 0 2px no-repeat;}


/** TYPOGRAPHY **/
.listHeader {}


/** FORMS **/
.txtSearch {color: #555; padding: 0 0 0 5px;}
/*--Enquiry_form-------------------*/
#enquiryForm {border: 1px solid #e0e0e0; background: #f4f4f4; padding: 0 8px; width: 85%; margin: 0 auto;}
.enquiryForm {margin: 0; padding-top: 5px; width: 100%;}
.enquiryForm th {color: #646464; font-size: 14px; text-align: left; vertical-align: top; padding: 2px 0;}
.enquiryForm td {color: #646464; font-size: 12px; text-align: left; vertical-align: top; padding: 2px 0;}
.width150 {width: 150px;}
.longTextField {width:400px;}


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

/** END **/