
body {
	color: #333; margin: 0;
}

hr.clear {
	background: #fff;
	color: #fff;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #B2CBE7;
}

div#page {
	background: #fff;
}

div#placeholder-logo {
	color: #000;
	font-size: 30px;
	font-weight: bold;
}

a#logo {
	text-decoration: none;
}


div#placeholder-hero {
	background: #B2CBE7;
}

div#placeholder-box1 {
	background: #B2CBE7;
	color: #444;
}

div#placeholder-search {
	color: #fff;
}

div.whoslogged {
	color: #fff;	
}

div#footer {
	color: #fff;
	font-size: 11px;
	text-align: center;
}

td.menu-item {
	color: #fe0000;	
}

td.menu-item-hover {
	color: white;
	background: #fe0000;
}

td.menu-item-selected {
	color: #B2CBE7;
}

td.submenu-item {
	background: #f9f9f9;
	color: #000;
	font-size: 11px;
	padding: 6px !important;
}

td.submenu-item-hover {
	background: #B2CBE7;
	color: #000;
	font-size: 11px;
	padding: 6px !important;
}

td.submenu-item-selected {
	background: #000;
	color: #fff;
	font-size: 11px;
	padding: 6px !important;
}

/* @group Forms */

.announcement-list {
	padding: 18px 18px 3px;
}

div.search-box {
	background: #B2CBE7;	
}

.secure-login, .newsletter-form {
	background: #B2CBE7;
	border: none;
	margin-bottom: 18px;
	padding-bottom: 18px;
}

.secure-login h3, .newsletter-form h3 {
	background: transparent;
	border: none;
	font-size: 14px;
	margin: 0;
	padding: 18px 18px 0;
}

.secure-login div.form, .newsletter-form div.form {
	padding-left: 9px;
}

div.search-box {
	margin: 18px 0;
	padding: 18px;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; }    /* @end */

/* @group Links */

a:link, a:visited {
	color: #1969bc;
	text-decoration: none;	
}

a:hover, a:active {
	color: #1969bc;
	text-decoration: underline;
}

div.whoslogged a {
	color: #B2CBE7;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; }    /* @end */

/* @group Template Settings */

/* Don't touch these unless you know how CSS layouts work */

body {
	background: #fff;
}

* html body {
}

div#header-left, div#header-right {
	height: 85px;
}

div#placeholder-nav {

}

div#placeholder-logo {
	padding-top: 2px;
	padding-left: 5px;
}

div#placeholder-rss {
	height: 18px;
	text-align: right;
}

div#placeholder-hero {
	height: 250px; /*216px;*/
	margin: 0;
	width: 600px; /*600px;*/
}

div#placeholder-box1 {
	height: 250px; /*216px;*/
	overflow-x: hidden;
	overflow-y: auto;
	overflow: auto;
}

div#main div.inner {
	padding: 18px 10px 10px; /*basil karam 18px 10px 10px;*/
}

div#placeholder-rss {
	height: 16px;
	margin-bottom: 9px;
	text-align: right;
}

div#placeholder-rss img {
	margin: 0 9px;
	vertical-align: middle;
}

div#footer {
	padding-top: 18px;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; }    /* @end */

h2.home-title {
font-size: 1.3em;
	line-height: 1.5em;
color: #1969bc; 
	margin: 1.25em 0 0.75em 0; 
	border-bottom: 1px solid #eee;
}

h1.home-title {font-size: 1.75em;margin: 1em 0; color: #1969bc;}

.shop-main .header, table.catalogueTable {margin: 0;}

.breadcrumbs, .cart-summary {font-size: 1.5em; }
.cart-summary {padding-right: 15px;}

#catdesc .cat-description {
	padding: 20px 20px 1px 20px; 
	background: #f3f3f3;
	font-size: 130%; 
	line-height: 150%;
	color: #333;
	}

div.shop-catalogue a, div.shop-catalogue img a, .productItem a, .productItem img a {display: block;}

.shop-catalogue:hover {border: 1px solid #999;}
.shop-product-small:hover {border: 1px solid #999;}

.shop-product-large .add-to-cart ul li {display: inline;}

.shop-product-large .details-left {float: left; width: 571px}
.shop-product-large .description {float: right; width: 330px; padding: 10px; border-left: 1px solid #eee; color: #333}

.shop-product-large .image {
	margin: 0;
	min-height: 360px;
	height: auto;
	padding: 18px;
	text-align: center;
}

.details-left .title {padding: 10px 10px 20px 10px; border-bottom: 1px solid #eee;}
.details-left .title h1 {font-weight: bold; font-size: 2em; background: white; color: black; padding: 0; margin: 0;}
.details-left .title .price {font-style: italic; color: #fe0000; font-size: 1.25em;}

.details-left .product-enquiry {text-align: center; font-weight: bolder;}

ul.add-to-cart {margin: 10px 0 20px 0; padding: 0;}
ul.add-to-cart li {display: inline; margin: 0; padding: 0; margin-right: 15px; font-size: 1.25em;}
ul.add-to-cart li.tag-attributes div {display: inline}
ul.add-to-cart li.tag-add img {vertical-align: middle;}
ul.add-to-cart li.tag-add img:hover {cursor: pointer;cursor: hand;}
ul.add-to-cart .catProdAttributeTitle {padding: 0; margin-right: 8px;}

ul.add-to-cart .tag-qty input {width: 40px;}

#placeholder-footer {width: 950px; margin: 0 auto; color: #eee;}

h1.home-title {color: white; background: #E0231A; width: 550px; text-align: right; padding-right: 20px}
.home-content {float: right;width: 600px; padding: 5px 10px; background: url('/Images/website/transparent-bg-white.png'); color: #333;}
.home-panel {background: url('/Images/website/banner.jpg') no-repeat; height: auto; padding: 30px 0 15px 0; border: 1px solid #ccc;}

.poplets {border-top: none;}

table.catalogueTable {width: auto; margin-top: 10px;}

#footer  {background: url('/Images/website/footer-bg.jpg') repeat-x;}
#footer a {color: #eee;}
#footer th {font-weight: bold;}

h1, .blog-container h1 {color: white; background: #E0231A; width: auto; text-align: left; padding: 4px 30px 6px 60px; margin-right: 55%; font-size: 2.25em; line-height: 1em;}

h2, h2.post-title a {color: #fe0000; }
h3 {color: #333;}

.home-newsletter form {border: 1px solid #9AC3D8;}
.home-newsletter h3 {background: #9AC3D8; color: white; margin: 0; padding: 3px; font-size: 1.25em}
input#Captcha {width: auto;}

div.benefits ul li {list-style: none; background: url('/Images/website/tick.gif') 2px 2px no-repeat; margin: 0 0 5px 0; padding-left: 20px}
div.benefits {margin-bottom: 25px;}
#paymentdiv {display: none;}

table.shipping-codes {border: 1px solid #ccc; width: 100%;}
table.shipping-codes th {font-weight: bold; background: #eee; padding: 5px;}
table.shipping-codes td {margin: 0; padding: 5px; font-size: 11px; color: #333;}
table.shipping-codes tr.state td { background: #ccc; color: #DF231A; font-size: 1.5em; }

table.cart {margin: 40px 0;}
table.cart, table.cart th {font-size: 14px;}
table.cart th {font-size: 14px; font-weight: bold; color: #000000; background: #f3f3f3;}
tr.sub-total {font-size: 18px; color: black; background: #f3f3f3;}
tr.total strong { font-size: 24px; }

.home-newsletter {padding-top: 35px;}
.header {padding-top: 1em;}

#related-products {margin: 1em 0.5em;}
#related-products .shop-product-small {height: 210px; padding: 0; margin: 0; width: auto; text-align: center;}
#related-products ul {display: none; }
#related-products .image {text-align: center; margin: 0 auto; }

.cartSummaryItem { font-size: 1.3em; color: #333; }

#cse-search-box {text-align: right;}
#cse-search-box input[type=text]{width: 140px;}
#cse-search-results iframe {height: 1000px;}

#cse-search-box input[type=submit]{
   text-indent: -9999px;
background: url('/Images/website/btn_search.gif');
width: 65px; height: 24px; margin: 0; padding: 0;border: 0;}

.home-cat-list .shop-catalogue.clear {display: inline; clear: none; }
.home-cat-list {width: 760px; float: left;}
.home-newsletter {width: 180px; float: right;}

#header {margin: 1em 0;}
#footer {margin-top: 3em;}

.right {text-align: right;}

#pagination-bottom, #pagination-top {font-size: 1.125em; color: #E0231A; }
#pagination-bottom a, #pagination-top a {border: 1px solid;padding: 0.25em 0.6em; margin: 0 1px; color: #E0231A; }
#pagination-bottom a:hover, #pagination-top a:hover {color: white; background: #E0231A; border: 1px solid #E0231A; text-decoration: none; }

#pagination-top {margin-top: 1em;}
.shop-product-large a {display: inline;}