/*-------------------------------------------

	-- -- -- -- -- -- --
	Ecos Paint
	last edit: 16 aug 08
	-- -- -- -- -- -- --

-------------------------------------------*/


/*-------------------------------------------

    General Setup

-------------------------------------------*/
* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	}
body {
	color: #3a352e;
	margin: 0; padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	text-align: center;
	background: #e1d9d6;
	}
body * {
	font-size: 95%;
	line-height: 1.5;
	}
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em, a {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr { display: none;	}
label { display: block; }
small { font-size: .75em; }
.hr, .br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
	}

/* form elements  */
input, textarea, select {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
/*	background: #fff url(bg_input.png) repeat-x 0 bottom;*/
	border: 1px solid #999;
	} select { height: 20px; }

label { display: block; font-weight: bold; }


a, a:link, a:visited, a:hover { color: #010cb4; }

/*-------------------------------------------

    Boxes of goodness

-------------------------------------------*/
/* --->>> Header <<<--- */
#header{
	min-width: 954px;
	background: transparent url(i/bg_header.jpg) no-repeat center 0;
}
body.lang-de #header {
	background-image: url(i/bg_header-de.jpg);
}
body.lang-fr #header {
	background-image: url(i/bg_header-fr.jpg);
}
body.lang-es #header {
	background-image: url(i/bg_header-es.jpg);
}
body.lang-it #header {
	background-image: url(i/bg_header-it.jpg);
}

#header-wrapper {
	width: 954px;
	/* height: 276px; */
	position: relative;
	margin: 0 auto;
	padding-top: 40px;
}

/* logo */
#header h1 {
	width: 954px;
	height: 184px;
	position: relative;
	/*
	position: absolute;
	top: 40px;
	left: 0;
	*/
}
#header h1 a {
	width: 954px;
	height: 180px;
	display: block;
	text-indent: -9999px;
	outline: none;
}

/* top nav */
div.top-nav {
	background: url(i/bg_nav.gif) repeat-y center 0;
	margin-top: 0px;
	padding: 0 10px;
	font-size: 100%;
}
ul#top-nav {
	/*
	height: 52px;
	position: absolute;
	top: 224px;
	left: 12px;
	*/
}
ul#top-nav li {
	height: 52px;
	min-width: 25px;
	display: inline;
	float: left;
	padding: 0 8px 0 9px;
	white-space: nowrap;
	border-color: transparent #baa88f transparent #d3c2a5;
	border-style: solid;
	border-width: 0 1px;
	background: #D7C9AF;
}

* html ul#top-nav li { width: 25px; }
ul#top-nav li.first { border-left: none; }
ul#top-nav li.last { border-right: none; }

ul#top-nav li a:link,
ul#top-nav li a:visited {
	height: 52px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 52px;
	padding: 0 16px 0 16px;
}
ul#top-nav li a:hover { text-decoration: underline; }

ul#top-nav li.active a { color: #cb9c3a; }
ul#top-nav li.store a { /*color: #010cb4;*/ }

ul#top-nav #nav-prices {
	display: none;
}
body.lang-en ul#top-nav #nav-prices {
	display: block;
}
/* session */
/*
p.welcome {
	position: absolute;
	top: 200px; right: 0;
	font-size: .75em;
	text-align: right;
	padding-right: 160px;
}
*/
p.welcome {
	position: absolute;
	bottom: 15px; left: 15px;
	font-size: .75em;
}


/* --->>> Container <<<--- */
#container {
	min-width: 954px;
	text-align: center;
	margin: -1px auto 50px;
	padding: 15px 0 0;
	background: #e1d9d6 url(i/bg_container.gif) repeat-y center 0;
	}

	#container-wrapper {
		width: 955px;
		position: relative;
		margin: 0 auto;
		padding-bottom: 52px;
		background: transparent url(i/bg_container-wrapper.gif) repeat-y 215px 0;
		}

/* --->>> Sidebar <<<--- */
#sidebar {
	width: 215px;
	float: left;
	}
	#sidebar-wrapper {
		padding: 0 10px 30px 12px;
		}

/* search form */
#sidebar form.search input,
#sidebar form.search a.btn {
	background: #fff url(i/bg_input.png) repeat-x 0 bottom;
	border: 1px solid #bcaa90;
	}

#sidebar form.search input.search {
	width: 150px;
	float: left;
	color: #d3c2a5;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	border-right: none;
	}

#sidebar form.search a.btn {
	height: 20px;
	width: 35px;
	float: left;
	display: block;
	text-transform: lowercase;
	text-align: center;
	padding: 2px 0 1px;
/*	background: #d5c5a9 url(i/bg_btn.png) repeat-x 0 bottom;*/
	background: #dcceb6;
	border-left: none;
	}
	#sidebar form.search a:link,
	#sidebar form.search a:visited { color: #3a352e; }
	#sidebar form.search a:hover { text-decoration: underline; }

/* category navigation */
h3.category {
	font-size: 1.5em;
	color: #d3c2a5;
	padding-top: 10px;
	}
ul#cat-nav ul { width: 185px;	}
ul#cat-nav li {
	display: block;
	position: relative;
	z-index: 5;
}

/*
ul#cat-nav ul {
	display: none;
	position: absolute;
	z-index: 10;
	left: 190px; top: -6px;
	padding-top: 2px;
}
* html #cat-nav ul { margin-left: -5px; }
*/
#cat-nav div.ul-nav {
	display: none;
	position: absolute;
	z-index: 10;
	left: 190px;
	top: -6px;
	padding-top: 4px;
}
#cat-nav div.ul-nav div {
	border-left: 1px solid #ccc;
	width: 633px;
	font-size: 100%;
}



#sidebar ul ul li {
		background: #eee;
		border-style: none;
		}

#sidebar ul.ul-nav  {
	padding: 0 5px;
	background: #efefef;
	border: 1px solid #ccc;
	border-left: none;
	border-top: 4px solid #bba98f;
	float: left;
	width: 200px;
}

ul#cat-nav li a:link,
ul#cat-nav li a:visited {
	color: #bba98f;
	font-size: 1.2em;
	line-height: 1.65;
	}
	ul#cat-nav li a:hover { text-decoration: underline; }
	ul#cat-nav li.store a { color: #010cb4; font-weight: bold; }

	ul#cat-nav li.account { display: none; }


/* mini basket */
#mini-basket {
	margin: 10px 0;
	padding: 0 0 10px;
	background: #f3f0ef;
	}

#mini-basket h3 {
	color: #fff;
	font-size: 1.5em;
	padding: 2px 10px;
/*	background: #d5c5a9 url(i/bg_btn.png) repeat-x 0 bottom;*/
	background: #dcceb6;
	}

#mini-basket p { margin: 2px 10px; }
#mini-basket p.empty,
#mini-basket p.total { border-bottom: 1px dashed #6b6761; }
#mini-basket p.total { margin-bottom: 8px; }
#mini-basket a.btn {
	padding: 2px 5px;
/*	background: #d5c5a9 url(i/bg_btn.png) repeat-x 0 bottom;*/
	background: #dcceb6;
	border: 1px solid #bfae96;
	}
#mini-basket a:link,
#mini-basket a:visited { color: #fff; }


/* --->>> Main <<<--- */
#main {
	width: 720px;
	float: right;
	}
	#main-wrapper {
		padding: 0 20px 0 0;
	}

/* home page */
.home {
	font-size: 1em;
	background: url(i/bg_home.jpg) no-repeat right 50px;
	}

/* flash can */
#flash-can {
	margin: 20px 0 0 0;
	}

/* heading 1 + 2.big */
#main h1,
#main h2.big {
	color: #d3c2a5;
	font-size: 1.75em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	}
	#main h2.big { font-size: 1.3em; }

/* heading 2 */
#main h2 {
	color: #c0a981;
	font-size: 1.25em;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dedede;
	}

/* heading 3 */
#main h3 {
	color: #c0a981;
	font-size: 1.25em;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dedede;
	}

/* heading 4 */
#main h4 {
	color: #c0a981;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dedede;
	}

/* heading 5 + 6 */
#main h5, #main h6 {
	color: #c0a981;
	font-size: 1em;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dedede;
	}

/* links */
#main a {
	text-decoration: underline;
	}

#main a:hover {
	color: #fff;
	background: #010cb4;
	}
/* paragraphs */
#main p {
	margin-bottom: 1em;
	}

/* flags */
#main p.versions { padding: 20px 0 0 110px;	}
#main p.versions span a {
	width: 115px;
	display: block;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	}

/* made in uk */
#main p.made-in {
	text-align: right;
	}
#main p.made-in span {
	width: 200px;
	float: left;
	}

/* allergy-seal */
p.allergy-seal {
	width: 110px;
	float: right;
	}


/* lists */
#main ol li {
	list-style-position: inside;
	list-style-type: decimal;
	}
#main ul, #main ol { padding: 5px 10px 15px 30px; }
#main ul li {
	margin-left: 10px;
	list-style: disc;
	}

#main ul.square li {
	list-style: none;
	margin-left: 0;
	padding: 3px 10px 3px 20px;
	background: transparent url(i/bg_bullet.gif) no-repeat 0 .5em;
	}

#main ul.no-list li {
	list-style: none;
	margin: 0;
	}


/* --->>> Footer <<<--- */
.footer {
	width: 955px;
	height: 7px;
	position: absolute;
	left: 0; bottom: 0;
	background: transparent url(i/bg_footer.gif) no-repeat center bottom;
	}

/* --->>> Footer Nav <<<--- */
ul#footer-nav { text-align: center; margin-top: -40px; }
ul#footer-nav li { display: inline;	}

ul#footer-nav li a {
	padding: 0 15px;
	border-right: 1px solid #000;
	} ul#footer-nav li.last a { border: none; }

ul#footer-nav li a:link,
ul#footer-nav li a:visited { color: #000; }


/* --->>> global <<<--- */
.txt-c { text-align: center; }
.txt-r { text-align: right; }
.txt-l { text-align: left }

.txt-large { font-size: 1.25em; font-weight: bold; }

.flt-l { float: left; }
.flt-r { float: right; }


/* --->>> Contact From <<<---*/
/*
#contactform fieldset {
	width: 100%;
	float: left;
	position: relative;
	color: #000;
	margin: 15px 0 0; padding: 0;
	background: 0;
	border: 0;
	}

	fieldset legend { display: none; }

	fieldset label {
		width: 150px;
		float: left;
		color: #000;
		font: bold 14px/24px "Trebuchet MS", Verdana, Arial, Helvetica,	sans-serif;
		text-align: right;
		margin: 0; padding: 0;
		}
	fieldset input,
	fieldset select,
	fieldset textarea {
		width: 180px;
		float: left;
		margin-left: 10px;
		background: #ffffcc;
		border: 1px solid #666;
		}
	fieldset textarea {
		width: 250px;
		}
	fieldset p {
		width: 100%;
		float: left;
		padding: 0 0 10px 0;
		margin: 0;
		}

	fieldset p.full label {
		width: 100%;
		text-align: left;
		margin: 0; padding: 0;
		}
	fieldset p.full input,
	fieldset p.full select {
		clear: both;
		margin-left: 160px;
		}

	p.button {
		width: 100%;
		float: left;
		margin: 0 0 10px;
		}
	p.button input {
		margin-left: 160px;
		}
	span.required{
		display: block;
		position: relative;
		margin: -5px 0 0;
		padding: 0;
		color:#993300;
		text-transform: uppercase;
		font-size:9px;
		line-height: 10px;
		}
	p.full label span.required { display: inline;	}

.error {
	padding: 5px 5px 5px 35px;
	margin: 10px;
	background: #ffff88 url(../images/bg_notice.gif) no-repeat 5px center;
	border: 1px solid #b78e4e;
	}
	.error span {
		font-weight: bold;
		font-style:italic;
		}
.notice {
	font-weight: bold;
	padding: 10px;
	margin: 10px;
	border: 1px solid #b6de2b;
	background: #d9ed8b;
	}
*/

/*************************************** CUBECART ****************/
	/* View Category */
	.buy-buttons a.button, .buy-buttons a.alt-button { display: block; }

	div.subCat {
		width: 220px;
		min-height: 250px;
		float: left;
		padding: 5px;
		}
		* html div.subCat { height: 250px; }

	#main div.subCat h4 {
		font-size: 11px;
		margin: 0; padding: 0;
		text-indent: 0;
		background: none;
		border: none;
		}

	/* View Product */
	#color-preview {
		width: 40px;
		height: 40px;
		display: -moz-inline-box;
		display: inline-block;
		float: left;
		margin: 0 10px 0 0;
	}

	/* option notice */
	#main p.product-notice {
		margin: 10px 0;
		}
	.product-notice span {
		font-weight: bold;
		padding: 5px;
		background: #fffcf4;
		border: 1px solid #C8C5B7;
	}

	p.add-cart { text-align: right; }
	p.add-cart label { display: inline;	}
	p.prod-img, p.rating, p.img-more { text-align: center; padding: 10px 0; }

		/* Review Form */
		form.review p {
			width: 100%;
			float: left;
			clear: both;
			padding-bottom: 8px;
			}
		form.review label, form.review input,
		form.review select, form.review textarea {
			width: 200px;
			float: left;
			}
		form.review label {
			width: 175px;
			text-align: right;
			padding-right: 10px;
			}
		form.review textarea { width: 250px; }
		form.review label span { display: block; text-align: right; }
		form.review p.submit input { width: auto; margin-left: 185px; }

	/* Cart */
	p.cart-progress {
		padding: .5em 0;
		text-align: center;
		background: #f5f5f5;
		border: 1px solid #ccc;
		}
		.txtcartProgressCurrent { color: #1f62d1; font-weight: bold; }
	#shopping-cart table { margin: 5px 0; border-collapse: collapse; }
	#shopping-cart table td { border: 1px solid #ccc; }
	td.tdcartEven { background: #f5f5f5; }
	td.tdcartTitle { background: #ccc; font-weight: bold; }
	#shopping-cart .no-border td { border: none; }
	#shopping-cart .basket-total td { font-size: 1.125em; }
	p.cart-buttons { text-align: right; padding: 10px 0; }
	p.cart-buttons span { width: 75%; float: left; font-size: 1em; }
	p.cart-buttons span span { display: block; font-size: 10px; margin-top: 5px; }

		/* Alt Checkout */
		#alt-checkout, #alt-checkout form { text-align: right; }
		#alt-checkout input { border: none; }




/* --->>> Global Formatting <<<--- */
	/* buttons */
	#main a.button, #main a.button:link, #main a.button:visited, #main a.button:hover,
	#main a.alt-button, #main a.alt-button:link, #main a.alt-button:visited, #main a.alt-button:hover,
	#sidebar a.alt-btn, #sidebar a.txtviewCart, #sidebar a.flashBasket {
		color: #000;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		margin-left: 10px;
		padding: 2px 4px; margin: 5px 0;
/*		background: #d5c5a9 url(i/bg_btn.png) repeat-x 0 bottom;*/
		background: #dcceb6;
		border: 1px solid #bcaa90;
		}

	input.button, input.alt-button {
	    width: 0;
		color: #000;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		padding: 1px 4px; margin: 5px 0 0;
/*		background: #d5c5a9 url(i/bg_btn.png) repeat-x 0 bottom;*/
		background: #dcceb6;
		border: 1px solid #bcaa90;
		cursor: pointer;
		overflow: visible;
		}

	input.button[class], input.alt-button[class] { width: auto; }

	input.alt-button, #main a.alt-button, #main a.alt-button:link,
	#main a.alt-button:visited, #main a.alt-button:hover, #sidebar a.flashBasket {
/*		background: #d5c5a9 url(i/bg_btn-alt.png) repeat-x 0 bottom;*/
		background: #dcceb6;
		border: 1px solid #bcaa90;
		}

		#main a.button:hover, #sidebar a.alt-btn:hover { border-color: #093585; }
		#main a.alt-button:hover { border-color: #093585; }

/* global - price */
.price {
	font-weight: bold;
	color: #d24141;
	white-space: nowrap;
	}
.price span.txtOldPrice { color: #000; text-decoration: line-through; font-weight: normal; }
.price strong { color: #000; }

/* global - notices and errors */
.notice { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
p.notice {
	background: #fffcf4;
	border: 1px solid #C8C5B7;
	padding: 10px;
	}
span.notice, p.error, .txtOutOfStock { color: #ff0000; }
p.attention, p.error {
	background: #fffcf4 url(i/bg_attention.gif) no-repeat scroll 10px center;
	padding-left: 50px;
	}
p.info {
	font-weight: normal;
	background: #fffcf4 url(i/bg_notice.gif) no-repeat scroll 10px center;
	padding-left: 35px;
	}
p.info a {
	text-decoration: underline;
	}

/* general table */
table.tblList { margin: 5px 0; border-collapse: collapse; }
table.tblList td { border: 1px solid #ccc; }
td.tdOdd { background: #f5f5f5; }
td.tdListTitle { background: #ccc; font-weight: bold; }
.no-border td { border: none; }
td.center { text-align: center; }
td.right { text-align: right; }
td { font-size: 11px; }

div#paint_results { visibility: hidden; }
div#customers {
	max-height: 200px;
	overflow: auto;
	} * html div#customers { height: 200px; }


.loading {
	background: transparent url(i/bg_loading.gif) no-repeat 0 center;
}

.clearing {
	clear: both;
}

#header ul.language {
	position: absolute;
	top: 56px;
	left: 525px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#header ul.language li {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}
#header ul.language a {
	display: block;
	width: 30px;
	height: 15px;
	font-size: 10px;
	text-indent: -3000px;
	overflow: hidden;
	background-repeat: no-repeat;
    margin-top:7px;
}
#header ul.language a.uk {
	background-image: url(../styleImages/uk-flag-small.gif);
}
#header ul.language a.us {
	background-image: url(../styleImages/usa-flag-small.gif);
}
#header ul.language a.de {
	background-image: url(../styleImages/german-flag-small.gif);
}
#header ul.language a.fr {
	background-image: url(../styleImages/french-flag-small.gif);
}
#header ul.language a.es {
	background-image: url(../styleImages/spanish-flag-small.gif);
}
#header ul.language a.it {
	background-image: url(../styleImages/italian-flag-small.gif);}
 /*   
    #header ul.language .flag_selected a.uk {
	background-image: url(../styleImages/uk-flag.gif);
}
#header ul.language  .flag_selected a.us {
	background-image: url(../styleImages/usa-flag.gif);
}
#header ul.language  .flag_selected a.de {
	background-image: url(../styleImages/german-flag.gif);
}
#header ul.language  .flag_selected a.fr {
	background-image: url(../styleImages/french-flag.gif);
}
#header ul.language  .flag_selected a.es {
	background-image: url(../styleImages/spanish-flag.gif);
}
#header ul.language  .flag_selected a.it {
	background-image: url(../styleImages/italian-flag.gif);}
 */   
ul.language li{padding:3px!important;}
/*ul.language .flag_selected{margin: 0px 5px 0px 0px;border:3px solid #FEF248;padding:0px!important}*/
/*#header ul.language .flag_selected a {width:60px; height:30px; margin-top:0px}*/

.paint_calculator{padding:5px;background-color:#CFE6FF;border:1px solid #538DCD;}
ul#cat-nav li.paint_calculator a:link,ul#cat-nav li.paint_calculator a:visited{color:#538DCD}