/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana, Arial; font-size: 13px; color: #000000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000000; }
body { background: #fff; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; overflow: hidden; }

#container { position: relative; display: block; width: 100%; min-height: 100%; }

/* Contains rest of HTML */
#centrecontainer { margin: 0 auto; width: 980px; }


/* --- Header section ------------------------------------------------ */
	/* ### HEADER CONTAINER ### */
	#header { position: relative; width: 980px; height: 198px; }
	#header h3 { position: absolute; top: 3px; left: 0px; }
	#header h3 a { display: block; width: 115px; height: 119px; text-indent: -9999px; background: url('../templateimages/logo.jpg') no-repeat; }
	#header h2 { position: absolute; left: 134px; top: 46px; font-family: "Times New Roman", Times, serif; color: #666666; font-size: 20px; font-weight: normal; }

		/* ### PHONE BOX ### */
		.phoneBox { padding: 2px 0px 0px 0px; height: 124px; width: 980px; overflow: hidden; }
		.phoneBox p.text { padding-bottom: 9px; line-height: normal; text-align: right; color: #b0e4d1; font-size: 11px; }
		.phoneBox .phone { padding: 16px 25px 0px 25px; margin: 0 18px 0 0px; position: relative; left: 336px; float: left; text-align: center; width: 208px; height: 72px; border: #e0e4e1 dashed 1px; }
		.phoneBox p { line-height: 20px; color: #333333; }
		.phoneBox .free { padding: 24px 25px 0px 25px; position: relative; right: 8px; text-align: center; float: right; width: 216px; height: 62px; border: #e0e4e1 dashed 1px; }
		.phoneBox img { float: right; margin-right: 2px; }

		/* ### MENU BOX ### */
		.menuBox { width: 980px; height: 64px; overflow: hidden; }
		.menuBox .menu { margin-bottom: 1px; width: 980px; height: 33px; background: #b0e4d1; }
		.menuBox .menu ul { list-style: none; overflow: hidden; }
		.menuBox .menu li { float: left; font-family: "Times New Roman", Times, serif; font-size: 18px; }
		.menuBox .menu li a { padding: 0 15px; color: #000000; text-decoration: none; display: block; line-height: 33px; }
		.menuBox .menu li a:hover { background: #e3e3e2; }
		.menuBox .menu li.wallpapers a:hover { background: #fbdc92; }
		.menuBox .menu li.blinds a:hover { color: #FFFFFF; background: #666666; }
		.menuBox .menu li.curtain a:hover { color: #FFFFFF; background: #333333; }
		.menuBox .link { width: 978px; height: 26px; border: #b0e4d1 solid 1px; }
		.menuBox .link ul { list-style: none; overflow: hidden; }
		.menuBox .link li { padding: 0 12px; line-height: 26px; font-size: 11px; float: left; border-right: #b0e4d1 solid 1px; }
		.menuBox .link li a { color: #000000; text-decoration: none; }
		.menuBox .link li a:hover { text-decoration: underline; }
		.menuBox .link li.last { border: 0px; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 980px; }

		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 188px; }
		
			/* ### LINK BOX ### */
			.linkBox { padding-top: 4px; width: 170px; overflow: hidden; }
			.linkBox h3 { padding-left: 10px; font-size: 13px; min-height: 24px; line-height:22px; height:auto; background: #b0e4d1; border-bottom: 1px solid #fff; }
			.linkBox h3 a { color: #FFFFFF; text-decoration: none; }
			.linkBox h3 a:hover { text-decoration: underline; }
			.linkBox ul { list-style: none; overflow: hidden; }
			.linkBox li { padding-left: 10px; line-height: 17px; border-bottom: #f7f7f7 solid 1px; }
			.linkBox li a { color: #000000; text-decoration: none; }
			.linkBox li a:hover { text-decoration: underline; }

/* Dynamic page content section of page body */
#pagecontent { padding: 0px 12px 0px 20px; float: left; width: 555px; border-left: #b0e4d1 solid 1px; border-right: #b0e4d1 solid 1px; }

			/* ### PANEL BOX ### */
			.panelBox { padding: 0px 0px 30px 5px; width: 550px; overflow: hidden; position: relative; }
			.panelBox h2 { padding-bottom: 8px; color: #000000; font-size: 22px; font-weight: normal; }
			.panelBox p { padding: 6px 0px 8px 0px; line-height: 20px; }
			.panelBox img { float: right; margin-left: 28px; }
			.panelBox a.products { display: block; text-transform: uppercase; position: absolute; left: 0px; bottom: 5px; font-size: 10px; text-transform: uppercase; color: #b0a47a; text-decoration: none; }
			.panelBox a.products:hover { text-decoration: underline; }
			
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: left; width: 202px; }
			
			/* ### SEARCH BOX ### */
			.searchBox { padding: 0px 0px 8px 24px; width: 178px; overflow: hidden; }
			.searchBox form fieldset { border: 0px; overflow: hidden; }
			.searchBox h4 { padding-bottom: 6px; font-size: 10px; color: #b0a47a; }
			.searchBox p { padding-bottom: 12px; font-size: 11px; overflow: hidden; }
			.searchBox span { padding-bottom: 5px; font-size: 10px; display: block; }
			.searchBox ul { list-style: none; overflow: hidden; }
			.searchBox li { padding-bottom: 8px; overflow: hidden; font-size: 10px; font-weight: bold; }
			.searchBox li a { color: #b0a47a; text-decoration: none; }
			.searchBox li a:hover { text-decoration: underline; }
			.searchBox li img { float: left; margin-right: 4px;	}
			.searchBox input.field { padding: 0px 5px; width: 138px; height: 15px; float: left; margin-right: 3px; border: #787878 inset 1px; background: #dce4e9; }
			.searchBox input.search { float: left; margin-top: 4px; width: 7px; height: 5px; border: 0px; cursor: pointer; background: url('../templateimages/arrow-2.gif') no-repeat; }
						
			/* ### LIST BOX ### */
			.listBox { padding-bottom: 14px; width: 202px; overflow: hidden; }
			.listBox ul { padding: 0px; margin: 0px; list-style: none; overflow: hidden; width: 100%; }
			.listBox li { padding-bottom: 1px; font-weight: bold; width: 100%; float: left; }
			.listBox li a { padding-left: 10px; display: block; line-height: 24px; color: #000000; text-decoration: none; background: #b0e4d1; }
			.listBox li a:hover { text-decoration: underline; }
			.listBox img { padding: 0px; display: inline; margin: 12px 0px 20px 13px; border: #ffc85b solid 1px; }
			.listBox .offer { padding: 54px 0px 0px 0px; text-align: center; width: 189px; height: 137px; margin-left: 5px; background: url('../templateimages/offer-bg.jpg') no-repeat; }
			.listBox h2 { padding-bottom: 5px; color: #fff; text-transform: uppercase; font-size: 22px; line-height: 22px; }
			.listBox h2 span { padding-bottom: 10px; display: block; color: #000000; }
			.listBox .offer a { color: #FFFFFF; }
			.listBox .offer a:hover { text-decoration: none; }
	

/* --- Footer -------------------------------------------------------- */
	/* ### FOOTER CONTAINER ### */
	#footerCntr { overflow: hidden; width: 980px; }
		
		/* ### FOOTER BOX ### */
		.footerBox { padding: 10px 0px 30px 0px; width: 980px; overflow: hidden; }
		.footerBox span { padding-bottom: 18px; display: block; text-align: center; font-size: 11px; }
		.footerBox p { color: #cccccc; font-size: 11px; text-align: center; }
		.footerBox a { color: #cccccc; }
		.footerBox a:hover { text-decoration: none; }
/* T&Cs text */
#terms {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 4px;
	padding-top: 10px;
	margin-bottom: 12px;
	font-size: 7pt;
	color: #999999;
}


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select, #prodtypemenuform select {
	width: 168px;
	margin: 0;
	padding: 0;
}

#searchbox input {
	width: 148px;
}

#searchbox #searchbutton {
	width: 10px;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;
}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}