/* INIT & UNIVERSAL CLASSES
--------------------------------------------- */
html {}
body {text-align: center; background: url("../images/lk.jpg") top left repeat; font-family: arial,helvetica,sans-serif; font-size: 16px;}

input[type=text],
input[type=password],
textarea {padding: 5px; border: 1px solid #666; background: #fff /*url("../images/layout/input-bg.gif") top left repeat-x*/;}

hr {margin: 10px -10px; border-color: #ccc;}

a:visited,
a:link {color: #c01d1d;}
a:hover {color: #222;}

p {padding: 0;}

h2 {margin: 0; padding: 20px 0 5px;}

blockquote {border-left: 5px solid #bbb; margin: 16px 0; padding: 0 0 0 20px; font-style: italic;}


/* ICONFICATION WITH LEVEL 3 SELECTORS
------------------------------------------- */
a[href$="pdf"] {background: url("../images/icons/pdf.png") left no-repeat; padding-left: 20px;}
a[href^="http://maps.google"] {background: url("../images/icons/map.png") left no-repeat; padding-left: 20px;}


/* DESIGN & LAYOUT
--------------------------------------------- */
#mainWrapper {width: 960px; margin: 0 auto; text-align: left; background: transparent;}

	/* -- HEADER -- */
	#header {padding: 0 13px;}
	#header-top {text-align: right; height: 50px;}
		#header-top a {padding: 0 5px; margin-left: 10px; line-height: 32px; display: inline-block;}

		#header-top a.logout {background: #c01d1d; color: #fff; padding: 0 10px;}
		#header-top a.logout:hover {background: #dc4040;}

		#header-top a.login {background: #3d9831; color: #fff; padding: 0 10px;}
		#header-top a.login:hover {background: #65c059;}
	
	#header-search {float: right; padding-top: 20px;}
		#header-search form {margin: 0; text-align: right;}
		#header-search input[type=text] {width: 180px !important;}
		#header-search .advanced-search {text-align: right; padding-top: 5px;}

	#header-logo {float: left; height: 94px; padding-left: 94px; background: url("../images/layout/logo.png") top left no-repeat;}
	#header-logo h1 {margin: 0; padding: 5px 0 0 0;}
	#header-logo h1 a {font-size: 40px; color: #c01d1d; font-weight: bold;}
	#header-logo h2 {font-size: 25px; color: #4d4d4d; font-weight: normal; margin: 0; padding: 0;}

	/* -- BREADCRUMBS -- */
	#navBreadCrumb {background: transparent; color: #ccc; padding: 13px 10px 0;}
	span.bc_sep {text-indent: -999px; background: url("../images/layout/bc-sep.gif") 50% no-repeat; width: 5px; height: 9px; display: inline-block; text-indent: -999; outline: none; margin: 0 8px;}

	/* -- MENU -- */
	#menu {clear: both; background: #000 url("../images/layout/menu-bg.gif") top left repeat-x; height: 49px; text-align: center;}
		#menu a {display: block; float: left; line-height: 49px; color: #fff; font-weight: bold; text-align: center; vertical-align:middle; height:49px; padding:10px 20px 10px 20px}
		#menu a:hover {background: #212121 url("../images/layout/menu-hover.gif") top left repeat-x; text-align: center; vertical-align:middle; height:49px}

	/* -- FAKE UPPER GUTTER -- */
	#navColumnMain,
	#navColumnOne {padding-top: 13px;}

	/* -- CONTENT -- */
	#contentMainWrapper {background: #fff; padding: 13px; clear: both;}
		#navColumnMain {padding-left: 13px;}

		/* -- HEADINGS -- */
		.centerColumn {padding: 10px; background: #e0e0e0; border-bottom: 3px solid #999;}

		.centerColumn > h1:first-child {margin: -10px -10px 10px -10px;}
		.centerBoxHeading {margin: 0 -10px;}

		.centerColumn > h1:first-child,
		.centerBoxHeading {padding: 10px; color: #fff; background: #999 url("../images/layout/mainbox-head.gif") top left repeat-x; font-size: 18px; font-weight: bold; text-align: left;}

	/* -- SIDEBOXES -- */
	#navColumnOne {background: transparent;}

	.leftBoxContainer {border: 1px solid #c01d1d; border-width: 0 0 3px 0; margin-top: 13px;}
		.leftBoxHeading {background: #c01d1d url("../images/layout/sidebox-head.gif") top left repeat-x; text-align: left; padding: 10px; font-size: 18px; font-weight: bold;}
		.sideBoxContent {background: #e0e0e0; padding: 0;}

		.sideBoxContent a {display: block; padding: 10px; border-top: 1px solid #c5c5c5;}
		.sideBoxContent a:hover {background: #cdcdcd;}
		.sideBoxContent br, .sideBoxContent hr {display: none;}

		/* -- CATEGORIES -- */	
		.leftBoxContainer#categories {margin-top: 0;}

		/* -- CURRENT CATEGORY -- */
		.category-subs-selected {display: block; background: url("../images/layout/category-active.gif") right no-repeat; margin-right: -10px; padding-right: 10px;}

		/* -- WHATS NEW -- */
		#whatsnew a {display: inline; padding: 0; border: none;}
		#whatsnew a:hover {background: transparent;}

		#whatsnew .sideBoxContent {border-top: 1px solid #c5c5c5; padding: 10px; text-align: left;}
		#whatsnew img {float: left; margin-right: 10px;}
		#whatsnew .sideBoxContent div {margin-left: 72px; padding-top: 5px; }

		/* -- CURRENCIES -- */
		#currencies .sideBoxContent {padding: 10px 0;}
	

	/* -- FOOTER -- */
	#footer {text-align: right; padding: 13px; background: url("../images/layout/cards.png") 13px 50% no-repeat; font-size: 12px;}
		.footer-menu {padding-bottom: 5px;}
		.footer-menu a {padding: 0 5px;}
	

/* PRODUCT LISTING
--------------------------------------------- */
#indexProductListCatDescription {margin: 0;}

#productListing {}
.tabTable {border: 1px solid #ccc; border-collapse: collapse; margin: 15px 0;}
.tabTable th {padding: 5px; border: 1px solid #ccc; font-weight: bold; text-align: center;}
.tabTable td {padding: 5px; border: 1px solid #ccc;}

	#productsListingTopPageSettings,
	#productsListingBottomPageSettings {clear: both; padding: 5px 0; font-size: 12px;}

	/* Product Image */
	#listCell0-0 {width: 130px;}

	/* Product Name */
	#listCell0-1 {}
	h3.itemTitle {font-size: 18px; margin: 0; padding: 0 0 10px 0;}

	/* Product Price */
	#listCell0-2 {}
	.productListing-data .button_sold_out_sm {margin-top: 15px;}
	.price {font-size: 18px; font-weight: bold; color: red;}

/* PRODUCT INFO
--------------------------------------------- */

	#productMainImage {float: left; width: 150px;}
	.product_column-right {float: right; width: 487px;}
	.price_details {font-style: italic; font-size: 12px;}

	/* Add2Cart */
	.alreadyincart {background: #ccc; padding: 10px;}
	.product_addtocart {border: 1px solid #bbb; border-width: 1px 0; padding: 10px 0;}
	.stockunits {float: right; margin: 5px;}

	/* Navigation */
	.navNextPrevWrapper {padding: 10px 0; margin: 20px 0 10px; border-bottom: 1px solid #bbb;}

	/* Footer */
	.product-footer {text-align: center;}
	.product-footer > div {float: none; margin: 0; display: inline-block;}

	/* Date Added */
	#productDateAdded {display: block; margin: 0; clear: both; padding-top: 15px; font-size: 14px; font-style: italic;}


/* VIEW CART
--------------------------------------------- */
#cartEmptyText {margin-bottom: 15px;}

/* OTHER PAGE-SPECIFIC
--------------------------------------------- */
/* -- REVIEWS -- */
#reviewsInfoDefaultMainContent {clear: both;}

/* -- CONTACT US -- */
.contactTable td {padding: 5px; vertical-align: top;}
.contactTable h2 {padding-top: 0;}


/* CSS BUTTONS
--------------------------------------------- */
.cssButton, .cssButtonHover {width: auto !important; padding: 5px; color: #fff; background: #777; font-weight: bold; border: none; font-size: 16px; display: inline-block !important;}
.cssButtonHover,
input.cssButton:focus,
input.cssButtonHover:focus {background: #222;}
.buttonRow {margin: 0.5em 0;}