/*--------------------------------------------
Global Styles
---------------------------------------------*/
html, body 		{height: 100%;}
body			{background: #f5c35b url(images/body_bg.png) 0 136px; font-family: Helvetica, Arial, 'Sans-serif'; font-size: 12px; line-height: 20px;}

h1				{font: normal 18px/18px Helvetica; padding-bottom: 15px;}
.content h2		{font: bold 14px/18px Helvetica; padding-bottom: 15px;}
.content h3		{font: bold 12px/18px Helvetica; padding-bottom: 15px;}
.content h4		{font: bold 11px/18px Helvetica; padding-bottom: 10px;}
.content h5		{font: bold 10px/18px Helvetica; padding-bottom: 5px;}

ul				{padding-bottom: 15px;}
.content li		{list-style: disc; margin-left: 15px; line-height: 12px; float: left; width: 260px;}

p				{padding-bottom: 15px;}
a				{color: #3399cc;}
a:hover			{color: #000;}

.left			{float: left;}
.right			{float: right;}

/*--------------------------------------------
Header Styles
---------------------------------------------*/
#bg_img{
background: transparent url(images/bg_img1.png)  no-repeat center 136px; /* Background overlay picture */
}
#wrap{
min-height: 100%;
background: url(images/header_bg.png) repeat-x;
width: 100%;
}
#header{
width: 960px;
margin: 0 auto;
height: 136px;
}

	/* Logo */
	#logo h1{
	padding: 0;
	}
	#logo h1 a{
	text-indent: -99999px;
	position: absolute;
	background: url(images/logo.png) no-repeat; /* Change this image, to change the logo */
	width: 432px; /* Width of the logo */
	height: 99px; /* Height of the logo */
	}

	/* Right Header Area - (Language, Currency and Shopping cart) */
	#header-right{
	float: right;
	color: #999;
	margin-top: 8px;
	width: 327px;
	line-height: 12px;
	}
	#header-right p{
	padding-bottom: 0px;
	}
	#header-right .picker{
	border-bottom: 0px solid #4f4f4f;
	font-size: 11px;
	float: right;
	padding-bottom: 4px;

	}
	#header-right .left{
	border-right: 0px solid #4f4f4f;
	padding-right: 20px;
	margin-right: 20px;
	}
	#header-right ul{
	padding: 8px 0 0 0;
	float: right;
	}
	#header-right li{
	line-height: 18px;
	font-size: 11px;
	}
	#header-right li span{
	color: #3399cc;
	}
	#header-right li.last{
	background: none;
	background: url(images/cart_border_top.png) no-repeat;
	padding-top: 2px;
	}
	#header-right a:hover{
	color: #fff;
	}

	/* Navigation area */
	#nav{
	float: left;
	width: 960px;
	margin-top: 28px;
	background: url(images/nav_bg.png) no-repeat right;
	padding: 0;
	}
	#nav li{
	display: inline;
	line-height: 12px;
	width: 160px;
	text-align: center;
	float: left;
	background: url(images/nav_bg.png) no-repeat;
	padding: 11px 0 10px 0;
	}
	#nav li a{
	text-decoration: none;
	color: #ccc;
	margin: 0 auto;
	}
	#nav li.current a,
	#nav li a:hover{
	color: #fff;
	}

/*--------------------------------------------
Main area incuding left and right sidebar
---------------------------------------------*/
#main{
overflow:auto;
padding-bottom: 35px;
width: 960px;
margin: 0 auto;
background: #fff url(images/main_shadow.png) no-repeat;
}

	/* The small breadscrumb above listings */
	#bread		{
	padding: 15px 0 0;
	margin-bottom: -15px;
	float: left;
	width: 460px;
	}
	#bread li{
	display: inline;
	font-size: 11px;
	line-height: 11px;
	}
	#bread li a{
	text-decoration: none;
	color: #999;
	}
	#bread li.current{
	border: 0;
	}
	#bread li.current a,
	#bread li a:hover{
	color: #3399cc;
	}

	/* The print link to the right of the breadscrumb */
	#info{
	float: right; padding: 15px 0 0;
	font-size: 11px;
	margin-bottom: -15px;
	}
	#info a{
	color: #999;
	text-decoration: none;
	font-style: italic;
	}
	#info a:hover{
	color: #3399cc;
	}

	/* Left and right sidebar
	---------------------------------------------------------*/
	#c-left		{float: left; width: 160px; padding: 20px;}

		/* Sidebar box, used for products, credit cards and other usefull informations */
		.sidebar-box{
		float: left;
		width: 130px;
		padding: 10px 15px;
		background: #eee url(images/sidebar_box_bg.png);
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 15px;
		}
		.sidebar-box p			{padding-bottom: 0;}
		.sidebar-box .cards		{padding-right: 13px; margin-bottom: -15px;}
		.sidebar-box .last		{padding-right: 0;}
		.sidebar-box h2			{font-size:14px;}

		#c-right form select,
		#c-left	form select		{width: 160px; margin-bottom: 15px;}

		.inline li				{display: inline;}

	#c-right	{float: left; width: 160px; padding: 20px;}

	/* Main content area
	---------------------------------------------------------*/
	#c-main{
	float: left;
	width: 560px;
	padding: 1px 0;}

	.slideshow{
	height: 260px;
	z-index:1;
	}

		/* List View - Used for Product listing, information boxes and product view. */
		#list-view{
		border-top: 1px solid #d6d6d6;
		padding-top: 15px;
		margin-top: 15px;
		float: left;
		}
		#list-view li {
	padding-bottom: 15px;
	float: left;
	width: 560px;

		}
		#grid-view .header,
		#list-view .header{
		background: #eee url(images/list_header-right_bg.png) no-repeat;
		border-left: 4px solid #3399cc;
		padding: 5px 10px;
		height: 14px;
		}

		#grid-view .header h3,
		#list-view .header h3{float: left; font: bold 14px/14px Helvetica;}
		#grid-view .header span,
		#list-view .header span{float: right; font: bold 14px/14px Helvetica;
		}
		#list-view .content{
		border-bottom: 1px solid #d6d6d6;
		padding: 10px 14px;
		background: #eee;
		border-top: 1px solid #fff;
		float: left;
		width: 532px;
		}

		#list-view .white{
		background: #fff;
		border: 0;
		}

		#grid-view li:hover .content,
		#list-view li:hover .content{
		border-bottom: 1px solid #3399cc;
		}
		#list-view img{
		float: left;
		margin: 5px 15px 0 0;
		border: 1px solid #d6d6d6;
		}
		#list-view li.odd .content{
		background: none;
		}
		#list-view .pricing{
		text-align: right;
		padding: 5px 0;
		width: 100%;
		float: left;
		}
		#grid-view .pricing a,
		#list-view .pricing a, .buybutton, .checkoutbutton{
		background: #3399cc;
		color: #fff;
		text-decoration: none;
		padding: 3px 6px;
		font: bold 12px/12px Helvetica;
		margin-left: 10px; margin-top:10px; border: 0px;
		}
		#grid-view .pricing a:hover,
		#list-view .pricing a:hover {
		background: #ccc;
		color: #000;
		}

			/* Specefic for product view */
			#list-view .product-img{
			float: left;
			width: 185px;
			padding-right: 15px;
			}
			#list-view .product-img .thumb{
			margin: 5px 5px 0 0;
			}
			#list-view .product-info li{
			list-style: none;
			padding-bottom: 6px;
			width: 300px;
			margin: 0;
			}

		/* Grid view - Used for product listing below product view. */
		#grid-view{
		border-top: 1px solid #d6d6d6;
		float: left;
		padding-top: 15px;
		margin-top: -15px;
		}
		#grid-view	li{
		padding-bottom: 15px;
		width: 272px;
		float: left;
		padding-right: 15px;
		}
		#grid-view	li.odd{
		padding-right: 0px;
		}
		#grid-view .content{
		border-bottom: 1px solid #d6d6d6;
		padding: 10px 14px;
		background: #eee;
		border-top: 1px solid #fff;
		}
		#grid-view .pricing{
		text-align: right;
		padding: 5px 0;
		}

	#contact-form p{
	float: left;
	width: 252px;
	}
	#contact-form input{
	border: 1px solid #ccc;
	padding: 4px;
	width: 252px;
	float: left;
	}
	#contact-form label{
	width: 252px;
	float: left;
	font-weight: bold;
	}
	#contact-form textarea{
	border: 1px solid #ccc;
	width: 526px;
	height: 100px;
	}
	#contact-form p.message{
	width: 524px;
	}
	#contact-form p.name{
	margin-right: 20px;
	}
	#contact-form p.submit{
	float: right;
	}
	#contact-form p.submit input{
	border: 0px;
	cursor: pointer;
	background: #3399cc;
	color: #fff;
	font-weight: bold;
	width: auto;
	float: right;
	padding: 4px 8px;
	}
	#contact-form p.submit input:hover{
	background: #000;
	}
	#contact-form input:hover,
	#contact-form input:focus,
	#contact-form textarea:hover,
	#contact-form textarea:focus{
	border: 1px solid #3399cc;
	}

	/* View Cart - Page */
	#viewCart						{width: 100%;}
	#viewCart thead					{background: #dadada; border-bottom: 1px solid #ccc; padding: 2px 0 2px 3px; float: left; width: 100%; margin: 0 0 3px;}
	#viewCart tbody					{float: left; width: 100%; padding: 0 0 0 3px;}
	#viewCart tbody	tr				{margin: 0 0 5px; float: left; border-bottom: 1px solid #ccc;}
	#viewCart tbody	td				{float: left; padding: 3px 0;}
	#viewCart .row1					{width:236px;}
	#viewCart .row2					{width: 85px;}
	#viewCart .row3					{width: 85px;}
	#viewCart .row4					{width: 80px;}

/*--------------------------------------------
Footer
---------------------------------------------*/
#footer {
position: relative;
height: 21px; clear:both;
background: #333;
width: 960px;
margin: -35px auto;
color: #999;
font: 11px/11px Helvetica;
padding-top: 14px;
}
	#footer a{
	color: #999;
	}
	#footer a:hover{
	color: #3399cc;
	}
	#footer .left,
	#footer .right{
	padding: 0 20px;
	}
/*Opera Fix*/
body:before{
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
	}
/*ECT Classes*/

td.product {vertical-align:top}
.proddescription {font-family: Helvetica, Arial, 'Sans-serif'; font-size: 12px; line-height: 20px;}
.prodprice {font-family: Helvetica, Arial, 'Sans-serif'; font-size: 14px; line-height: 20px;}

td.detailimage { vertical-align:top}
.price {font-family: Helvetica, Arial, 'Sans-serif'; font-size: 14px; line-height: 20px; font-weight:bold;}
/*.detailid, .detailname, .detaillistprice, .detaildiscounts, .detailprice, .detailprice, .detaildescription { background-color:#EEEEEE;}*/
.gobutton{
		background: #3399cc;
		color: #fff;
		text-decoration: none;
		padding: 3px 6px;
		font: bold 12px/12px Helvetica;
		margin-left: 0px; margin-top:0px; border: 0px;
		}
		table.cobtbl{
background-color: #b3b3b3;
}

td.cobhl{
background-color: #EEEEEE;
}

td.cobll{
background-color: #FFF;
color : #333;
}

div.minicartoneline{
color:#999999;
}

div.minicartoneline1{
padding:2px;
font: normal 12px Arial, sans-serif;
float:left;
color:#999999;
}
div.minicartoneline2{
padding:2px;
font: normal 12px Arial, sans-serif;
float:left;
color:#999999;
}
div.minicartoneline3{
padding:2px;
font: normal 12px Arial, sans-serif;
color:#999999;
}
div.minicss {width: 190px; margin-bottom: 24px; float:right;}
div.minicsscart {width: 324px;  float:right;margin-top: 20px; margin-bottom: -20px;}

.clear {
	clear:both;
}
.catname, .catediscounts, .catdesc {padding-left: 5px;}

ul.ectmenu1 {
list-style: none;
border:0px solid;
font-size:12px;
font-family: Helvetica,Arial,'Sans-serif';
padding:0px;
background-color: #fdedc9;
z-index: 50;
}
li.ectmenu1 {
border: 0px dotted #e69d01;
padding:0px;
background-color: #fff;
color: #3399CC;
}
li.ectmenuhassub1 a{
display:block;
padding:4px;
background-color: #fff;
color: #3399CC;
}
li.ectmenuhassub1 a:hover{
display:block;
padding:4px;
background-color: #fff;
color: #3399CC;
}
li.ectmenu1 a{
display:block;
padding:4px;
}
li.ectmenu1 a:hover{
background-color: #fff;
color: #3399CC;
}
td.product, .product {text-align: left}
input.checkoutbutton {
	float: left
}
div.content {
     width:580px;
}
div.searchcontent {
     width:560px;
}
div.proddescription, .prodname, .prodid, .prodprice {width: 250px; margin-left: 10px;}
.prodimage {text-align: left}
.prodoption {font-size:11px;}