html,body{margin:0;padding:0
}
body{
font: 76% arial,sans-serif;
text-align:center; 
background-color:#7B2931;
background-image:url(images/shutters_wood_bg.jpg);
background-repeat: repeat-x;
}
.outline1
{
border: 1px solid #666666;
}

.guild_logo
{
margin-top:-8px; 
margin-bottom:5px; 
margin-left:-7px; 
margin-right:10px;
}

/* TC Detail Panels */
.tcdetail0{
width:100%;
height:275px; 
float:left;
}
.tcdetail1{
width:100%;
height:405px; 
float:left;
}
.tcdetail1c{
width:100%;
height:483px; 
float:left;
}
.tcdetail2{
width:100%;
float:left;
}
.floatRightB{
float:right;
margin-left:10px; 
} 
.floatLeftB{
float:left;
margin-left:10px; 
}
.tcerror{
color:#f00;
float:right;
display:inline;
margin-top:4px;
} 

/* TOOL TIPS START */
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 10px;
	padding-left:15px;
	text-align:left;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
.tt-header{
	font-size: 115%;
	font-weight:bold;
	display:block;
	padding-bottom:3px;
	margin-bottom:3px;
	color:#804000;
}
/* TOOL TIPS END */

.redfont{ color:#FF0000; }
.tcfrm-hdr {
	color: #FFFFFF;
	font-weight:bold;
	padding-right:7px;
}
.tcfrm-edt {
	background-color:lightyellow;
	font: 93% arial,sans-serif;
	text-align:center;
}
.tcfrm-edtro {
	background-color:white;
	font: 93% arial,sans-serif;
	text-align:center;
}
.tcfrm-sel {
	background-color:lightyellow;
	font: 93% arial,sans-serif;
}
.tcfrm{
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.tcfrm2{
	padding-top:5px;
	padding-bottom:10px;
	margin-top:5px;
	margin-bottom:10px;
}
.tcfbold{
	font-weight:bold;
}

.tb15{
	margin-top:15px;
	margin-bottom:15px;
}

.pd15{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:10px;
}
.pd5c{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
.pd15c{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:15px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
.pd5b{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
.pd0b{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}
.pd5t{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:7px;
	padding-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}
.pd10b{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:5px;
}
.h2b {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h2 {
	color: #CC3300;
	font-size: 15px;
	font-weight: bold;
}
h3 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
h1{
	line-height:1.4;
	padding:0;
	font-size:140%;
	color:#CC3300;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}

.shutter-maker-bg {
	background-image: url(images/shutter-construction-7.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.shuttersBody {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
	margin: 0px;
	padding: 15px 15px 15px 15px;
}
.shuttersBody a {
	text-decoration: none; color:#804000;
}
.shuttersBody a:hover{
	text-decoration: underline;
}

/* Shutters body text - blue links */
.shuttersBody2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000066;
	text-decoration: none;
}
.shuttersBody2 a {
	text-decoration: underline; color:#0000D9;
}
.shuttersBody2 a:hover{
	text-decoration: underline;
}

/* Shutters body text - no padding */
.shuttersBody3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
	margin: 0px;
	padding: 0 0 0 0;
}
.shuttersBody3 a {
	text-decoration: none; color:#804000;
}
.shuttersBody3 a:hover{
	text-decoration: underline;
}

/* Big shutters body text - brown links */
.shuttersBodyBig {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #804000;
	text-decoration: none;
}
.shuttersBodyBig a {
	text-decoration: none; color:#804000;
}
.shuttersBodyBig a:hover{
	text-decoration: underline;
}

.bigPhone {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

p{margin:0 10px 20px}

img {
border: 0px none;
}

div#header {
background-image:url(images/shutters_header_bg.jpg);
background-repeat:no-repeat;
margin-left: 4px;
float: left;
}

h1.top {
	color: #C49FA2;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 0 0 0;
}

div#header h1, div#header p{
font-size:108%;
font-weight:bold;
padding: 8px 12px 0 0;
margin:0;
color: #fff}

div#header h1 a, div#header p a{
color: #fff;
}

div#container{
text-align:left;
padding:4px 0 0 0;
}

div#inner_container{
float: left;
background-color:#FFF;
}

div#top_shad {
	background-image: url(/images/top_shad.png);
	background-repeat:no-repeat;
	width: 782px;
	height: 16px;
	margin: -10px auto 0 auto;
	padding-left: 18px;
}

div#bottom_shad {
	background-image: url(/images/bottom_shad.png);
	background-repeat:no-repeat;
	width: 782px;
	height: 16px;
	margin: auto;
	padding-left: 18px;
}

div#main_shad {
	background-image: url(/images/main_shad.png);
	background-repeat:repeat-y;
	width: 782px;
	margin: auto;
	padding-left: 18px;
}

did#fix {
	width: 100%;
	clear: left;
	color: #666; text-align:center; padding:30px 0 20px 0;
}

/* ----------------------------------------------------- */
/* Content */
/* ----------------------------------------------------- */

div#content a.red { color:#F00; font-weight:bold;}

.red{ color:#f00;}

div#content p{line-height:1.6}
div#content p.normalSpacing{line-height:1}
div#content .error{color:#f00}

div#content a {color:#000;}

div#content h1{
	line-height:1.4;
	padding:0;
	font-size:140%;
	color:#CC3300;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}

div#content h2{
	line-height:1.4;
	padding:0;
	font-size:120%;
	color:#CC3300;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}
/*
div#content label{
line-height:1.4;
padding:0;
margin:0 0 10px 10px;
color:#000;

}
*/
div#content .justified_form_element {float:right; display:block; margin-right: 150px; }

div#content .image_float_right {margin:0 0 10px 10px; float:right;}

div#content li a{
color:#000;
padding: 0 0 7px 0;
display:block;
}

div#content td {
text-align:left;
background-color:#fff;
}

div#content table .align_left td {
text-align:left;
background-color:#fff;
font-weight:bold;
vertical-align:top;
font-weight:normal;
}

div#content .custom_panel_first {
float:left;
margin: 0 5px 0 0;
padding:0 0 0 10px;
}

div#content .custom_panel {
float:left;
margin: 0 5px 0 0;
padding:0;
}

div#content .custom_panel_wide {
float:left;
margin: 0 5px 0 0;
padding:0;
}

.clear {clear:both;}

/*
#image_container {width:200px; float:right; margin:0 10px 10px 10px;}
.image_container {width:200px; float:right; margin:0 10px 10px 10px;}

#image_container_no_float {width:400px; margin:0 10px 10px 0;}

#image_container span, #image_container p, #image_container_portrait p, #image_container_portrait span, #image_container_no_float p, #image_container_no_float span{ margin:0; padding:0; text-align:center; font-size:10px; color:#bbb;}

.image_container span, .image_container_portrait span, .image_container_no_float p, .image_container_no_float span{ margin:0; padding:5px 0 0 0; text-align:center; font-size:10px; color:#bbb; display:block; width:200px;}

#image_container a, #image_container_portrait a, #image_container_no_float a{ text-decoration:none;}

.image_container a, .image_container_portrait a, .image_container_no_float a{ text-decoration:none;}

#image_container_portrait{width:170px; float:right; margin:0 10px 10px 10px;}

.image_container_portrait{width:170px; float:right; margin:0 10px 10px 10px;}
*/

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

/* ----------------------------------------------------- */
/* main navigation extra */
/* ----------------------------------------------------- */

div#mainNavigationExtra {
	width: 764px;
	margin: auto;
	text-align: center;
}

div#mainNavigationExtra ul, li {
padding:0;
margin:0;
}

div#mainNavigationExtra ul {
padding:0 0 0 0;
}

div#mainNavigationExtra li {
list-style-type:none;
display:inline;
}

div#mainNavigationExtra li a {
   font-size:10px;
   text-decoration:underline;
   padding: 0 6px 4px 6px;
   color:#fff;
}

div#mainNavigationExtra li a:hover {
   padding: 0 6px 4px 6px;
	text-decoration:underline;
}

div#mainNavigationExtra li a:active {
	text-decoration:underline;
}

/* ----------------------------------------------------- */
/* main navigation */
/* ----------------------------------------------------- */

div#mainNavigation {
	background-color: #7B2931;
	height: 36px;
	width: 756px;
	text-align: center;
	float:	left;
}

div#mainNavigation ul, li {
padding:0;
margin:0;
}

div#mainNavigation ul {
padding:9px 0 0 5px;
}

div#mainNavigation li {
list-style-type:none;
float:left;
}

#mainNavigation li a {
   height: 23px;
   color:#fff;
   text-decoration:none;
   padding: 4px 6px 4px 6px;
}

#mainNavigation li a:hover {
	height: 23px;
   padding: 4px 6px 4px 6px;
	text-decoration:underline;
}

#mainNavigation li a:active {
	text-decoration:underline;
}

#mainNavigation li .mainNavEnd {}


/* ----------------------------------------------------- */
/* sub navigation */
/* ----------------------------------------------------- */

.rtbdr{
	display:inline;
	position: relative;
	top: 7px;
	left: 6px;
}

.subNavigationC {
	background:#fff;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

div#subNavigation{
	background:#fff;
	margin:0px;
	padding:0px;
	position: relative;
	left: -5px;
	top: -5px;
}

div#subNavigation h2 {
	padding:4px 0 3px 10px;
	margin:0;
	font-size:1.1em;
	color:#fff;
	background-color:#004000;
	border-bottom:1px solid #fff;
}

.h2s, .h2s a:link, .h2s a:active, .h2s a:visited, .h2s a:hover {
	color:#fff;
   	text-decoration:none;
}

div#subNavigation ul, li { padding:0; margin:0; }
div#subNavigation li { list-style-type:none; }

#subNavigation li a {
   width:130px;
   display:block;
   color:#fff;
   background-color:#919148;
   text-decoration:none;
   padding: 4px 0 4px 10px;
   border-bottom:1px solid #fff;
}

#subNavigation li a:active { background-color:#919148; }
#subNavigation li a:hover { background-color:#004000; }

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


div#footer{color: #ccc; text-align:center; padding:10px 0 20px 0;}

div#footer p{margin:0;padding:5px 10px}

div#footer a{ color:#ccc;}

div#container{width:764px;margin:0 auto; background-color: #fff; float: left;}
div#wrapper{float:left;width:100%;padding-top: 5px;}
div#content{margin: 10px 10px 0 20px}
div#subNavigation{margin-top: 10px;float:left;width:140px;margin-left:10px}
div#subNavigation img {margin-top: 10px;}
div#extra{margin-top: 10px;float:left;width:150px;margin-left:-150px;}

div#footer{clear:left;width:100%;}

/* ----------------------------------------------------- */
/* FAQ Layout */
/* ----------------------------------------------------- */

.FAQ li { line-height: 1.0}



/* ----------------------------------------------------- */
/* Colour Chart Layout */
/* ----------------------------------------------------- */

div.colour_chart {display:block; width:450px; padding-left:10px;  }

div.colour_chart ul { float: left; padding: 0; margin: 0;}
div.colour_chart li { float: left; display: inline; list-style-type:none; }

div.colour_chart li {
	text-align: center;
	font-weight:bold;
	padding-top: 38px;
	padding-bottom: 10px;
	width: 110px;
	background-position: center top;
	background-repeat: no-repeat;
}

div.colour_chart li.white { background-image: url(images/colour_samples/white.jpg); }
div.colour_chart li.black { background-image: url(images/colour_samples/black.jpg); }
div.colour_chart li.wedgewood { background-image: url(images/colour_samples/wedgewood.jpg); }
div.colour_chart li.federal { background-image: url(images/colour_samples/federal.jpg); }
div.colour_chart li.musket { background-image: url(images/colour_samples/musket.jpg); }
div.colour_chart li.tuxedo { background-image: url(images/colour_samples/tuxedo.jpg); }
div.colour_chart li.burgundy { background-image: url(images/colour_samples/burgundy.jpg); }
div.colour_chart li.forest_green { background-image: url(images/colour_samples/forest_green.jpg); }
div.colour_chart li.classic_blue { background-image: url(images/colour_samples/classic_blue.jpg); }
div.colour_chart li.wineberry { background-image: url(images/colour_samples/wineberry.jpg); }
div.colour_chart li.mid_green { background-image: url(images/colour_samples/mid_green.jpg); }
div.colour_chart li.mid_blue { background-image: url(images/colour_samples/mid_blue.jpg); }
div.colour_chart li.bordeaux { background-image: url(images/colour_samples/bordeaux.jpg); }
div.colour_chart li.clay { background-image: url(images/colour_samples/clay.jpg); }
div.colour_chart li.lt_grey { background-image: url(images/colour_samples/lt_grey.jpg); }
div.colour_chart li.cream { background-image: url(images/colour_samples/cream.jpg); }
div.colour_chart li.wicker { background-image: url(images/colour_samples/wicker.jpg); }
div.colour_chart li.sienna { background-image: url(images/colour_samples/sienna_brown.jpg); }
div.colour_chart li.paintable { background-image: url(images/colour_samples/paintable.jpg); }

div.colour_chart li.Colonial_Green { background-image: url(images/colour_samples/colonial_green.jpg); }
div.colour_chart li.Moss_Green { background-image: url(images/colour_samples/moss_green.jpg); }
div.colour_chart li.Sage_Green { background-image: url(images/colour_samples/sage_green.jpg); }
div.colour_chart li.Plum { background-image: url(images/colour_samples/plum.jpg); }

.clear { clear:left}

/* ----------------------------------------------------- */
/* Contact Form Layout */
/* ----------------------------------------------------- */

/* CSS Document */

/* Styles */
div#contentForm {
    margin: 0;
    padding: 0;
}

div#content fieldset {
    margin: 1em 0;
    border: none;
    
}


div#content legend {
    margin: 1em 0;
    padding: 0 .5em;
    color: #036;
    background: transparent;
    font-size: 1.3em;
    font-weight: bold;
}

div#content label {
    float: left;
    width: 140px;
    padding: 0 1em;
    text-align: right;
	
}

div#content fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}

div#content fieldset div input, div#content  div textarea {
    width: 150px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
	
}

div#content  div textarea {
    width: 190px;
    border-top: 1px solid #7F9DB9;
    border-left: 1px solid #7F9DB9;
    border-bottom: 1px solid #7F9DB9;
    border-right: 1px solid #7F9DB9;
    padding: 1px;
    color: #000;
	font: 111% arial,sans-serif;text-align:left}
	


div#content fieldset div select {
    padding: 1px;
}

div#content div.fm-multi div {
    margin: 5px 0;
}

div.fm-req, div.fm-opt  {
	margin-bottom:10px;

}



div#content div.fm-multi input {
    width: 1em;
}

div#content div.fm-multi label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}

#fm-submit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}

#fm-submit input {
    border: 1px solid #333;
    padding: 2px 1em;
    background: #555;
    color: #fff;
    font-size: 100%;
}

input:focus, textarea:focus {
    background: #efefef;
    color: #000;
}

    
/* required fields - does not work in IE */
div#content fieldset div.fm-req {
    font-weight: bold;
}

div#content fieldset div.fm-req label:before {
    content: "* "; /* does not work in IE */
}

/* Basic page styling, not part of the form example */


div#content #formContainer {
    margin: 0;
    padding: 1em;
    width: 80%;
    text-align: left;
}

p#fm-intro {
    margin: 0;
}

.image_padding_top {margin-top:10px;}

.float_right { float:right; }

/*   Basket Summary   */
div#basket_summary {
background-image:url(/images/basket_icon.gif);
background-position:2px 1px;
background-repeat:no-repeat;
color:#990000;
float:right;
font-size:10px;
margin:10px 4px 10px 0pt;
padding:0 0 0 23px;
width: auto;
text-align: right;
}

div#basket_summary a {
	color: #990000;
	margin-left: 10px;
}

div#basket_summary ul {
	
	padding-left: 0px;
	margin: 0;
	padding: 0;
}

div#basket_summary li {
	display:inline;
	list-style-type:none;
}

div#basket_summary li a{
	color:#990000;
}

div#map {
	width: 100%;
	text-align: center;
}

div.row_centered {
	text-align: center;
}

div.row_centered img {
	padding: 20px;
	margin: auto;
}

div.image_left {
	float: left;
}

div#header img {
	float: left;
}

div#header_flash {
	float: right;
}

div#header_flash object {
	margin-right: 4px;
}

div#gallery {
	background-color:#333333;
	margin:0 4px 4px;
	text-align:center;
}

div#content div#reviews td {
	text-align: left;
}

div#freeindex {
	margin:10px 0 20px 150px;
}

/*   div containing charges table on T&C order form   */
#chargetab
{
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

div#pcontent td {
text-align:left;
font-size: 12px;
color:#FFFFFF;
background-color:transparent;
}

/* new price map */

div#pricemap {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 5px;
}

.prmapbig , .prmapbig a:link, .prmapbig a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-right: 10px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.prmapbig a:hover{
	text-decoration: underline;
}

.blue, .blue a:link, .blue a:visited {
	color:#0000FF;
}

.tcmprcl{
display:inline;
float:left;
}

.tcmprcr{
display:inline;
float:right;
margin-right:5px;
font-weight:bold;
}

.greybg{
background-color:#EEEEEE;
}