@charset "UTF-8";
/* CSS Document */

/*

		Purple Light	#996699
		Purple Medium	#663366
		Purple Dark		#330033
		
		Green Light		#669999
		Green Medium	#336666
		Green Dark		#003333

*/

body {
	background: url(images/bg.png) #330033 no-repeat ;
	background-position: center top;
	font-family: Arial;
	line-height: 1.5;
	font-size: 14px;
	margin: 0;
}

a {
	text-decoration: none;
	color: #669933;
}

a:hover {
	color: #336600;
}

#container {
	margin: 0 auto;
	width: 960px;
}

/* --------------------------------------------------------------  HEADER ---- */

#header {
	height: 105px;
	background: url(images/cart.jpg) #FFF no-repeat right bottom;
	padding: 0 20px;
	margin: 0 0 0 0;
}

#header_left {
	float: left;
	margin: 20px 0 0 0;
}

#header_right {
	float: right;
	padding: 74px 0 0 0;
}

/* --------------------------------------------------------------  MENU BAR ---- */

#menu_bar {
	background: #000;
}

#main_menu {
	color: #999;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 20px;
	width: 600px;
}

.menu-item { padding: 0 25px 0 0; }
.menu-item-hover { padding: 0 25px 0 0; color: #FFF; }
.menu-item-selected { color: #666; padding: 0 25px 0 0; }

.submenu-item { border-bottom: 1px solid #222; color: #999; background: #333; }
.submenu-item-hover { border-bottom: 1px solid #222; color: #FFF; background: #333; }
.submenu-item-selected { border-bottom: 1px solid #222; color: #666; background: #333; }

#submenu-item {
	background: #000;
	padding: 10px 10px;
}

#submenu-item-feature {
	background: #222;
	padding: 10px 10px;
}

/* --------------------------------------------------------------  CONTENT ---- */

#content {
	background: url(/assets/images/content_bg.png) repeat-y #FFF;
}

#left_content {
	background: #FFF;
	float: left;
	width: 667px;
	padding: 20px;
}

#right_content {
	float: right;
	width: 240px;
	padding: 10px 0;
	color: #FFF;
}

	ul#right-menu {
		margin: 0 0 0 10px;
		padding: 0;
	}
	
	ul#right-menu li {
		display: block;
		margin: 5px 0 0 0;
	}
	
	ul#right-menu li a {
		color: #EEE;
		font-weight: bold;
		font-size: 16px;
	}
	
	ul#right-menu li a:hover {
		color: #FFF;
	}
	
		ul#right-sub-menu {
			margin: 0 0 10px 20px;
			padding: 0;
		}
		
		ul#right-sub-menu li {
			display: block;
		}
		
		ul#right-sub-menu li a {
			color: #336633;
			font-size: 15px;
		}
		
		ul#right-sub-menu li a:hover {
			color: #CCFF99;
		}

#clear {
	clear: both;
}

/* --------------------------------------------------------------  FOOTER ---- */

#footer {
	float: right;
	font-size: 12px;
	color: #663366;
	margin: 20px 20px 50px 20px;
}

#footer a {
	color: #663366;
}

#footer a:hover {
	color: #CC99CC;
}

/* --------------------------------------------------------------  ODD ---- */

/* BUTTONS */

.button, a.cartSummaryLink {
	background: url(/assets/images/button_green.png) #003333 repeat-x;
	background-position: top;
	border: 1px solid #333;
	color: #F2F2F2;
	font-weight: bold;
	padding: 2px 5px;
}

.button:hover, a.cartSummaryLink:hover {
	background: url(/assets/images/button_purple.png) #330033 repeat-x;
	background-position: top;
	border: 1px solid #333;
	color: #FFF;
	font-weight: bold;
	padding: 2px 5px;
}

/* FORMS */

.form input, .webform input {
	border: 1px solid #CCC;
	padding: 2px 5px;
}

.secure-login h3, .newsletter-form h3 {
	border-bottom: 3px solid #330033;
	background:#663366;
	color: #FFF;
}

.secure-login, .newsletter-form {
	border: none;
}

.captcha {
	margin: 3px 0 5px 0;
}

.cat_listbox {
	font-family: Arial;
	padding: 5px;
	font-size: 12px;
}

textarea {
	font-family: Arial;
	font-size: 12px;
	padding: 5px;
}

/* ODD */

.left {
	float: left;
}

.right {
	float: right;
}

.icon_cart {
	margin: 0 4px -8px 0;
}

table.cart a {
	color: #663366;
}

td.red a {
	color: red;
}

.catProdAttributeItem {
	float: left;
	height: 170px;
	width: 170px;
	margin: 5px 15px;
	font-size: 13px;
	color: #666;
	font-weight: normal;
	border-bottom: 1px solid #E6E6E6;
	padding: 5px;
}

.catProdAttributeItem img {
	height: expression( this.scrollHeight > 150 ? "150px" : "auto" );
	width: expression( this.scrollHeight > 150 ? "150px" : "auto" );
	max-height: 150px;
	max-width: 150px;
	float: left;
}

.clear {
	clear: both;
}

.catProdAttributeTitle {
	clear: both;
	background: #330033;
	padding: 0 0 0 5px;
	color: #FFF;
}

.product-title 	{
	float: left;
	background: #330033;
	padding: 5px 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}

.product-price {
	float: right;
	background: #330033;
	padding: 5px 10px;
	color: #FFF;
	font-size: 18px;
}

.productTextarea {
	height: 15px;
}

.productItemNotFound {
display:none;
}

.catalogueItemNotFound {
display:none;
}

img.captchaimg {
	margin: 0 0 5px 0;
}

.form-section {
	padding: 0 0 10px 0;
}

a#catshopcontinue {
	font-size: 18px;
	font-weight: bold;
}

#PurchaseProduct input {
	width: 20px;
	text-align: center;
}

#PurchaseProduct img {
	margin: 5px 0 0 0;
}