/* COMMON CLASSES
-------------------------------------------------------------*/
* {margin:0; padding:0;}
body, html {text-align:center; font-size:11px; font-family:Verdana, Times, serif; color:#999; background: #fff url(../images/backgrounds/mainbg.jpg) repeat-x fixed;}
p {margin:0; padding:1.1em 0 0; line-height:160%;}	
img {border:0;}

.boldComment {color:#333; line-height:140%; letter-spacing:-1px; font-size:20px;}
.boldComment2 {color:#333; line-height:140%; letter-spacing:-1px; font-size:17px;}
.imgPadding {padding:20px 0 0 20px;}

.fl {float:left}
.fr {float:right; padding:20px;}
.cl {clear:both;}
.orangetxt {color: #ED7D3F}
.redtxt {color:#d1181f}
p {margin:0px; padding:1.0em 0 0; line-height:145%;}
hr {margin:20px 0 10px 0; padding:0; background-color:#FFFFFF; background:#FFFFFF; height:0px; border:0; border-bottom:1px solid #e7e7e7;}
.clearBoth {clear:both;}


#container {
	text-align:left;
	width:1175px;
	background-color:#FFF;
	border:1px solid #cccccc;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#contentWrapper {padding-top:10px;}

/* Sidebar */
#navigation {
	width:190px;
	float:left;
	padding:0 0 0px 10px
}
#navigation ul {
	padding:10px 0 10px 8px;
	list-style:none;
}
#navigation ul li ul { border: none; padding: 10px 0px }
#navigation ul li {padding:2px;}
#navigation h2 {color:#333; font-size:11px;}
#navigation h2 a:link {color:#666666;}
#navigation h2 a:hover {color:#3366CC;}


/* Main Content */
#mainContent {
	width:750px;
	border-left:1px solid #cccccc;
	float:left;
	margin:0 0 10px 19px;
	padding:0 0 0 20px
}
#mainContent h1 {color:#333; font-size:16px; font-weight:normal; padding:12px 0 0 0;}
#mainContent h1 span {color:#333; font-size:14px; font-weight:bold;}
#mainContent h2 {color:#333; font-size:12px; font-weight:normal; padding:10px 0 0 0;}
#mainContent h2 span {color:#333; font-size:14px; font-weight:bold;}
#mainContent h3 {color:#666666; font-size:12px; font-weight:bold;}
#mainContent ol { padding:10px 0 10px 20px;}
#mainContent ol li {padding:10px}

#mainContent ul {padding:10px 0 10px 0;}
#mainContent ul li {padding:2px; list-style:none;}

/* Banners */

/* Footer */
#footer {clear:both; color:#666; font-size:0.85em; padding:10px; text-align:center; border-top:5px solid #c4c4b6; margin:0 27px 0 27px;}
#footer span {display:inline; float:left;}
#footer ul {margin:0; padding:0; display:inline;} 
#footer ul li {margin:0; padding:0 4px; border-left:1px solid #e7e7e7; list-style:none; display:inline;}
#footer ul li.first {margin-left:0; border-left:none; list-style:none; display:inline;}
#footer ul li a {color:#666;}
#footer ul li a:hover {color:#c4c4b6;}


/* Flash */
#flash {}


/* Style */
.style2 {font-size: 11px}
.style3 {
	color: #ED1C24;
	font-size: 12px;
}
.style4 {color: #333333}



div#checkout li { border: none }


/* products page common classes */

div.productsPage { width:650px }
div.productsPage hr { background: url(images/other/bar.gif); border: none; clear: both }
div.productsPage p.crumb { font-size: 10px; }

div.productsPage ul li, #tapes_ul li { float: left; width: 180px }
div.productsPage ul li { margin: 0px 0px 0px 5px; padding: 10px 0; }
div.productsPage ul.blinds { clear: left }
div.productsPage ul.blinds li, div.productsPage ul#tapes li { padding: 5px 0px; text-align: center }
div.productsPage ul li.highlighted { background: #eff5f6 } 
div.productsPage ul li ul li { margin: 0px; padding: 0 }
div.productsPage ul li.firstinrow { clear: left; margin-left: 0px }
div.productsPage ul li input { width: 100px }

#productCatList li { float: none }

div.productsPage form { padding: 0; margin: 0 } /* product add to basket */
div.productsPage fieldset {border: none; padding: 0; margin: 0 }
div.productsPage legend { display: none; font-weight: bold; }
div.productsPage form ol { list-style: none; margin:0; padding: 0;  }
div.productsPage ol li { display: inline; border: none; }
div.productsPage label { width: 100px; float: left }
div.productsPage input { width: 30px; }
div.productsPage li.submitbutton { text-align: right; }
div.productsPage li.submitbutton input { width: 60px }

#basketSummary {
	background:#F0F0EC;
	border:solid 1px #CCCCCC;
	width: 100px;
	float: right;
	margin: 2px 0px 2px 2px;
	
}
#basketSummary h4 { margin-bottom: 2px }

.hidden { display: none }

#purchaseSteps { margin: 0px 0px 0px -10px; list-style: none }
#purchaseSteps select { width: 120px }
#purchaseSteps label { width: 120px; }
#purchaseSteps li { clear: both; margin: 5px 0px; }
#purchaseSteps .h2 { margin-bottom: 5px; color:#333333 }
#purchaseSteps li h2 span { margin-left: 10px; font-size: 10px; }
ul#extras_list li ul { margin: 5px 0 0 0; padding: 5px 0 0 5px; }
ul#extras_list li ul li label { width: 178px; }

#total { float: right; width: 180px }

ul#tapes_ul li { float: left; clear: none; display: inline; width: 180px }
ul#returns_ul { margin-bottom: 10px }

#basketSummaryList { padding: 0 }
#basketSummaryList dt { font-size: 12px; }
#basketSummaryList dd { }
#basketSummaryList dt.total { float: left; padding-top: 4px; font-weight: bold }
#basketSummaryList dd.price { border-bottom: 1px solid silver; padding:  5px 0px; font-weight: bold; color: red; text-align: right }
#basketSummary p { font-weight:bold }
#basketSummary h4 { font-size: 12px; }

#main_returns_ul #returns_li label { display: none }
#main_returns_ul #returns_li #returns_ul label { display: block}


/* basket page common classes */

div.basket p { padding: 10px } 
#basketContents h4 { padding: 20px }
#basketContents { width: 100%;  float: right; margin-bottom: 10px   }
#basketContents th, #basketContents td { padding: 2px; font-size: 10px }
#basketContents td.ref,#basketContents td.edit, #basketContents td.image { text-align:center; }
#basketContents td.price { color: #bb2e2e; font-weight: bold; text-align:right }
#basketContents td.form, #basketContents th.form  { text-align: right }
#basketContents tr.highlight { background: #eff5f6 }
#basketContents td h3 { font-size: 12px } /* product title */
#basketContents tr.border {border-bottom-color:#666666; border-bottom-width:2px;}

#basketContents form { padding: 0; }
#basketContents fieldset {border: none }
#basketContents legend { display: none }
#basketContents form ol { list-style: none; margin: 0; padding: 0;  }
#basketContents ol li { display: inline; border: none; }
#basketContents label { }
#basketContents input { width: 30px; }
#basketContents input.submitbutton { width: 80px }

form#paypalButton { float: right }
form#paypalButton legend { font-size: 14px; }
form#paypalButton fieldset { border: none }
form#paypalButton input#submitbutton { float: right }



/* Contact Page */
#formHolder {width:100%; float:left;}
#formHolder h3 {font-size:14px; color:#000;}
#formHolder span {color:#ff0000; font-style:italic}
#formHolder legend {margin:0; border:0; padding:0; font-size:14px; color:black; font-weight:bold}
#formHolder fieldset {margin-bottom:20px; border:none; padding:0;}
#formHolder fieldset.submit {margin-bottom:20px; border:none; padding:0 20px 0 0; text-align:right}
#formHolder label {width:140px; float:left; text-align:right; display:block; cursor:pointer; padding:9px 10px 0 0; font:12px/18px Arial, Verdana, Times;}
#formHolder input.text, #formHolder textarea, #formHolder select {width:300px; margin:5px 15px 5px 0; border:1px solid #cecece; padding:3px; font:12px/18px Arial, Verdana, Times, serif; color:#444;}
#formHolder input.required, #formHolder textarea.required, #formHolder select.required {width:300px; margin:5px 15px 5px 0; border:1px solid #ff0000; padding:3px; font:12px/18px Arial, Verdana, Times, serif; color:#444;}
#formHolder ol {margin:20px 0 0 0; padding:0}
#formHolder ol li {list-style:none; padding:4px 0 4px 0; margin:0; clear: both }
#formHolder ol li.last {border:0 none}
#formHolder ol li input {margin:0 15px 0 0}
#formHolder ol li.chk label {margin:0 0 0 7px; float:none; padding:0; display:inline}
#formHolder ol li.chk input {margin:0 0 0 150px; border:0 none}

#formHolder #error h4 {font-size:18px; color:#ff0000;}
#formHolder #error p {color:#333;}


#fullcol #contactdetails h3 {font-size:14px; color:#000; font-style:normal; }
#fullcol #contactdetails address {
	font-style:normal;
}
#fullcol #contactdetails {
	padding: 0px 12px;
	color: black;
	font-size:12px;
	margin-left: 414px;
}
#fullcol #contactdetails a {
	color: #CC3300;
}
.box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	
}
.bottomleftborder {
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
.bottomrightborder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
.topleftborder {
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
.toprightborder {
	border-top-style: solid;
	border-right-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/* LINKS
-------------------------------------------------------------*/
a {text-decoration:none; color:#666666;}
a:hover {text-decoration:underline; color:#3366CC;}


/* LAYOUT
-------------------------------------------------------------*/
.bottomline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.bottomtopline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.boxblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #3366CC;
}
.boxRed {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #CC3300;
}
#apDiv1 {
	position:absolute;
	width:161px;
	height:159px;
	z-index:1;
	left: 1033px;
	top: 153px;
}
#apDiv2 {
	position:absolute;
	width:640px;
	height:54px;
	z-index:2;
	left: 303px;
	top: 446px;
}
#apDiv3 {
	position:absolute;
	width:740px;
	height:89px;
	z-index:3;
	left: 247px;
	top: 682px;
}