body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 80%;
margin: 0px 0px 0px 0px;
background-color: #eee;
padding:3px;
}




div#center{
min-height: 760px; /*700px;*/
min-width: 972px;
margin-right: auto;
margin-left: auto;
width: 972px;
background-color: #fff;
border: 1px solid #ddd;
padding:2px;
}

#error {
 width: 900px;
 height: 650px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -450px;
 margin-top: -325px;
 font-family: Arial, Helvetica, sans-serif;
 z-index: 1002;
 background: top left url('splashpage.jpg') no-repeat #FFFFFF;
 border: 2px solid #99cccc;
 color: #393939;
 font-size: 10px;
 padding: 10px;
 overflow: auto;
}
  

 #error h3{
  font-size: 16px;
  font-color: #555555;
  }
  
  
  
      .black_overlay
              {
                     display: block;
                     position: absolute;
                     top: 0;
                     left: 0;
                     width: 100%;
                     height: 300%;
                     background-color: #000000;
                     z-index: 1001;
                     -moz-opacity: 0.6;
                     opacity: 0.60;
                     filter: alpha(opacity=60);
              }
body.home h3
{color: teal;
font-size: 110%}

div.featured_products img {
border: 1px solid black
}
#topmenu
{
position: absolute;
padding-left: 142px;
top: 70px;
color: black;
}

#topnav a
{
color: black;
text-decoration: none
}

#topnav a:hover
{
text-decoration: underline
}


#xmasnote
{border: 1px solid blue;
background-image: url(/images/decor/snow.gif);
padding: 5px}
#xmasnote strong
{color: red}

div.faq, div.measurement_guide, div.installation_guides
{margin-right: 8%;
margin-left: 3%}

table#installation_guides
{border-collapse: collapse;
margin-left: auto;
margin-right: auto;
text-align: center;}
table#installation_guides td
{border: 1px solid black;
padding: 3px;
text-align: left}
table#installation_guides .highlight
{background-color: #ffd} 

td.freesample
{background-color: #ddf;
border: 1px solid black;
padding: 4px;
text-align: center;
font-weight: bold;
color: blue}

/*ul#square_bays li
{font-weight: bold;
color: teal}*/
span.baytype 
{color: teal;
font-weight: bold}

/* Addresses on checkout screen */
table#addresses td#billing_details
{border-left: 1px solid #ccc}
table#addresses {width: 95%}


table
{font-size: 100%}

table.query td, table.query th
{border: 1px solid black}

td.thumbnail
{border-bottom: 1px solid black;
color: teal;}

td.nowrap {white-space: nowrap}

table.thumbs /* prevent horizontal scroll */
{	width: 95%;
	vertical-align: bottom;
}

table.thumbs td.thumbnail {
	border-bottom: 1px solid gray;
	vertical-align: bottom;
}


span.small
{font-size: 80%;
font-weight: normal}

span.small2
{font-size: 90%;
font-weight: normal}

a:hover .small{
 text-decoration: underline;
}
table.admin_table td
{border-top: 1px solid black;
border-left: 1px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
background-color: #ddddff;
padding: 20px;}

table.admin_table
{text-align: center;
font-weight: bold;
font-size: 130%;
display: inline}

div.admin_home
{text-align:center;}

table.addresses
{width: 98%}

tr.sample /* Rows in query table containing sample orders */
{background-color: #ddddff}
tr.accessory /* Accessory rows in order table */
{background-color: #dfd}

table.notes
{font-family: "Courier New", courier, monospace, verdana;
color: navy;
width: 70%}

td.note {width: 80%}

td.timestamp
{color: red;
white-space: nowrap;}

/*.menu a:
{text-decoration: none;
color: sienna;}
.menu a:link
{text-decoration: none;
color: sienna;}
.menu a:visited
{text-decoration: none;
color: sienna;}
.menu a:hover
{text-decoration: underline;
color: sienna;}

.menu {color: sienna}*/




.menu {
margin-top: 4px;
color: black;
text-decoration:none;
}

a{
 color: black;
 text-decoration: none;
}
.menu a:hover{
 color: #888;
 text-decoration: underline;
}

.menu:hover{
 color:#777;
 
}

.footermenu a:
{text-decoration: none;
color: sienna;}
.footermenu a:link
{text-decoration: none;
color: sienna;}
.footermenu a:visited
{text-decoration: none;
color: sienna;}
.footermenu a:hover
{text-decoration: underline;
color: sienna;}

.footermenu {color: sienna}




/*table.menu {width: 95%;}*/
td.cart_menu {width: 40%}

	
td.product_name a:link, .cart_item a:link, td.thumbnail a:link
{color: teal;
text-decoration: none;}
td.product_name a:visited, .cart_item a:visited, td.thumbnail a:visited
{color: teal;
text-decoration: none}
td.product_name a:hover, .cart_item a:hover, td.thumbnail a:hover
{color: teal;
text-decoration: underline;}
span.product_type {font-size: 80%; font-weight: normal}

span.option_details
{color: green;
font-weight: normal;
font-size: 80%}


/*table.home
{width: 95%;}*/
td#categories
{width: 55%}

img.home_menu
{filter:alpha(opacity=60);
-moz-opacity:0.6;}
						
p.note
{text-align: center;
	font-weight: bold;}
p.sub_note
{text-align: center;
font-size: 80%;
margin-top: 0}

p.warning
{text-align: center;
  font-weight: bold;
  color: red} 
						
table.header
{background-image: URL("/images/decor/blindhead.jpg");
width: 100%;
border-bottom: 2px solid sienna;
margin: 0px;
padding: 0px;}
				
.header h1
{color: white;
font-style: italic;
font-size: 270%;
margin: 0px;
padding: 0px;}

.header h2
{color: white;
font-size: 180%;
text-align: right;
margin: 0px;
padding: 0px;}

.terms h3 {color: teal}
	
.footer, div#footer
{color: sienna;
font-size: 80%;
text-align: center;
margin-top: 50px;}
					
div.main
{margin-left: 5px;
margin-right: 0%;
background-color: #fff;}
div.cart
{margin-left: 1%;
margin-right: 1%}

/*table.features
{position: absolute;
left: 70%;
top: 25%;
width: 10%;
padding: 0px}*/
table.features a:link, table.features a:visited
{color: blue}

table.cart
{width: 95%;
margin: auto;
padding-top: 0px;
border: 1px solid sienna;
text-align: center}
table.shipping
{width: 95%;
padding-top: 0px;
text-align: center;
margin: auto;
/*border-bottom: 1px solid #ccc;*/}

table.shipping th
{background-color: #ddf;
font-weight: normal;
 border-bottom: 1px solid #ccc}
table.shipping td
{font-size: 80%;}
table.cart th.total {width: 10%;}
table.shipping th#carriage {width: 10%;  border-bottom: 1px solid #ccc}
table.shipping td{border-bottom: 1px solid #ccc}

table.shipping th#VAT_deduction {color: red}
table.shipping tr#total th {font-weight: bold}
table.shipping tr#total th {font-weight: bold}


td.removeItem {text-align: center; color: red}
td.removeItem a:link
{color: red;}
td.removeItem a:visited
{color: red;}
td.removeItem a:hover
{font-weight: bold;
text-decoration: none}


.checkout
{font-weight: bold;
text-align: right}
table.cart_options
{width: 95%;
margin: auto;}
.flat
{border: 1px solid black;
background-color: #ddddff;
font-weight: bold;
padding: 5px;
text-align: center;
cursor: pointer
}

table.addtocart
{font-weight: bold;
text-align: center}

td.sample {text-align: right}

table.cart_summary
{position: absolute;
right: 50px;
top: 100px;
background-color: #eee;
border: 1px solid black;
margin-top: 0px;}

p.product_name, .cart_item, dt
{font-size: 100%;
	color: teal;
	font-weight: bold}
							
td.product_name
{font-size: 120%;
	color: teal;
	font-weight: bold;
}
			
option.unavail_drop {color: pink}
			
table.product_page
{width: 90%}

table.checkout_page
{width: 90%}

/*td.product_view
{width: 60%}*/
table.product
{width: 95%;
margin-right: 0%}

.product_description
{	border-bottom: 0px dotted black;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 10px;}

.product_description span.offer { /* For offers/sales in product descriptions */
font-size: 150%;
}
span.offer { /* For offers/sales */
color: red;
font-weight: bold;
font-family: arial, helvetica;
font-style: italic;
}

td.quickprice
{background-image: url(/images/decor/pindoc2.gif);
background-repeat: no-repeat;
text-align: left;
width: 196px;}

/*td.details
{width: 30%}*/
table.details
{border: 0px solid black;
border-top: 0px  solid black;
border-bottom: 0px  dotted black;
padding: 0px
/*width: 100%;*/}

table.details td
{border-bottom: 0px black;}

table.details td.product_attribute
{white-space: nowrap}

table.quickprice
{border-left: 0px solid black;
/*width: 85%;*/
/*background-color: #ddddff;*/
margin: 0px;
padding: 0px}

/*td.features
{width: 35%;
border-left: 1px dotted gray}*/

/* The feature thumbnail list on RHS of product page */
td.features
{width: 30%;
/*border-left: 1px dotted gray*/
background-image: url(/images/decor/dot.gif);
background-position: top-left;
background-repeat: repeat-y}

table.features a img{
-moz-opacity: 0.7;
filter:alpha(opacity=70)
}
table.features a:hover img{
-moz-opacity: 1;
filter:alpha(opacity=100)
}
table.features h3 {margin-bottom: 0px}

				
.product_attribute
{font-weight: bold;
	color: teal;
	text-align: right}
									
th
{background-color: #cccccc;
font-weight: bold}
									

.field, .shadedfield
{border: 1px solid black}
.shadedfield
{background-color: #ddddff}


#price_readymade, #price_madetomeasure
{border: 0pt solid black;
font-weight: bold;
color: red;
font-size: 150%;
padding: 5px}

table.calculator {width: 100%}

.box
{border: 1px solid black}

table.box input.flat
{width: 100%}

.bordered
{border: 1px solid black}

.calcbutton
{padding: 5px}

/*hr
{border: 1pt solid black}*/
hr {color: black}
.small {font-size: 80%}

dd
{margin-bottom: 5px;
margin-top: 5px}
dt, li
{margin-top: 10px}

#payment_notes
{font-size: 80%;
color: red}

#pca_postcode /* postcode field for address capture */
{background-color: #ffc}

table#order_ship_charges
{border-collapse: collapse;}
table#order_ship_charges td, table#order_ship_charges th
{border: 1px solid black;
padding: 2px}

table#order_ship_charges tr td
{text-align: right}
table#order_ship_charges tr th
{text-align: right}

td#rmtotalprice, td#mtmtotalprice
{text-align: right;
font-weight: bold}

td.cut-to-width {
font-size: 100%;
font-style: italic;
color:red;
text-align:right;
}

td.cut-to-width-left {
font-size: 100%;
font-style: italic;
color:red;
text-align:left;
}

a.cut-to-width {
font-size: 100%;
font-style: italic;
color:red;
text-decoration: underline;
}

td.blue_note_left {
font-size: 90%;
font-style: normal;
color:teal;
text-align:left;
}

td.blue_note_right {
font-size: 90%;
font-style: normal;
color:teal;
text-align:right;
}

a.blue_note {
font-size: 90%;
font-style: normal;
color:teal;
text-decoration: underline;
}

td.mtm {
font-size: 100%;
font-style: normal;
font-weight: bold;
color:teal;
text-align:right;
}

span.error	{color:red}
span.green	{color:green}
span.blue	{color:blue}
span.red	{color:red}
span.warning
{color: red;
font-size: 80%}
.red {color:red}


div.important_notes	
{/*width: 60%;*/
padding-top: 10px;}

.bar 
{padding: 0px;
font-size: 75%}

tr.order_item_options
{color: green}


img
{border: none;}
a:
{border: none;}
h1 a:link
{text-decoration: none;
color: white}
h1 a:visited
{text-decoration: none;
color: white}

table.supplier_details
{border-collapse: collapse;
background-color: #ffd}
table.supplier_details td
{border: 1px solid gray}

body.option_select a:
{text-decoration: none}

body.option_select a:hover
{text-decoration: none}

body.option_select img
{border: 1px solid black}
body.option_select div.frame
{border: 1px solid black;
text-align: center;
margin: 0px;
margin-bottom: 0px;
padding-top: 2px;
padding-bottom: 0px}

body.option_select h1
{font-size: 200%}

/*td.option_select
{white-space: nowrap}*/
td.option_select {
text-align: left;
}						
					
table.order_costs
{border-collapse: collapse;}

table.order_costs td, table.order_costs th
{border: 1px solid black;
padding: 5px}

table.order_costs td
{text-align: right}

table.order_costs th
{text-align: left}

table.order_costs tr.totals td
{border-top: 2px solid black}

.alt_left {
font-weight: bold;
text-align: left;
}

.alt_right {
font-weight: bold;
text-align: right;
}

.errors {
color: #FF0000;
}

table.design td {
	padding: 2px 5px;
}

td.seeimportant
{
/*background-color: #ddf;*/
border: 0px solid black;
padding: 4px;
text-align: center;
font-weight: bold;
color: green}

#fscthumbs
{
padding-left: 20px
}


#fsclayout
{
padding-left: 20px;
padding-right: 20px
}


#fsccontent
{
padding-left: 170px;
padding-right: 10px
}

#fscimage1
{position: absolute}
#fscimage2
{position: absolute;padding-left: 250px}
#fscimage3
{position: absolute;padding-left: 500px}
#fscimage4
{position: absolute;padding-left: 750px}

#fsclogo
{
position: absolute;
top: 110px
}

#cartsum
{
position: relative;
right: 0px;
top: -197px
}

#thumbsheader
{
	position: relative;
}

#thumbimages1
{
	position: absolute; top: 0px; right: 10px; border: 1px solid #000000;
	
}

#thumbimages2
{
	position: absolute; top: 0px; right: 293px; border: 1px solid black;
}

#xmasimage{
 position: absolute; top: 0px; right: 293px; border: 1px solid black;
 
}



/* quick quote */

#quick_quote{
 font-size: 12px;
}

#quick_quote h4{
 color: red;
}

#quotes{
 float:left;

}
#specials{
 width: 220px;
 float:left;
 border-left: 1px solid #ccc;
 padding-left: 5px;
}

.range{
 width: 930x;
 margin-bottom: 25px;
 margin-top: 15px;
 clear:both;
}
/* eo quick quote */

.range_container{
 width: 215px;
 height: 140px;
 border: 1px solid red;
 float:left;
 text-align: center;
 padding: 3px;
 border: 1px solid #ddd;
 margin-bottom: 25px;
 margin-top: 0px;
 margin-right: 10px;
 position: relative;
}


.range_container img{
 float: left;
 padding:10px;
}

.range_container h4{
 font-size: 4px
 
 
}
.range_container .price{
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 margin-top: 30px;
 color: red;
 display: block;
 
}
.rang_container text{
 clear: both;
}

.range_container h4{
 font-size: 12px;
 color: #5f1d2b;
}



.view_more{
 position: absolute;
 bottom: 2px;
 right: 2px;
 width: 59px;
 height: 23px;
 vertical-align: bottom;
 background-image: url(/images/style/more.jpg);
 background-repeat: no-repeat;
}

.view_more:hover{
 bottom: 1px;
 right: 1px;
 cursor: pointer;
}