* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../x_img/body-back-2.gif) repeat-y center top;
	font: 13px/18px Verdana;
}
#container {
	margin: 0 auto;
	width: 770px;
	position: relative;
}
h1 {
	width: 754px;
	height: 54px;
	text-indent: -3333px;
	font-size: 10px;

	background: #fff url(../x_img/bwco-banner-754.gif);
	
}
/* ================================
   >>>>>>>>>>>> TOP NAV <<<<<<<<<<<
   ================================ */
#topnav {
	height: 54px;
	list-style: none;
	margin: -54px 0 0 240px;
	font-size: 12px;
}
#topnav li {
	float: left;
	padding-top: 18px;
	
}
#topnav li a {
	text-decoration: none;
	color: #374F9D;
	padding-right: 19px;
	
}
#topnav li a:hover {
	color: #BC071F;
	color: #D1001E;
}

#main-image {
	clear: both;
	float: left;
}
/* ===============================
   >>>>>>>> PRODUCT NAV <<<<<<<<<<
   =============================== */
#productnav {
	float: left;
	list-style: none;
	width: 390px;
}

#productnav li {
	float: left;
	padding: 0 0 10px 10px;
	padding: 0;
}
#productnav li a {
	display: block;
	width: 111px;
	height: 75px;
	text-indent: -3333px;
	background-repeat: no-repeat;
	padding: 0 0 10px 10px;
	background-position: 10px 0;
	text-decoration: none;
}
#productnav li a:hover {
	background-position: 10px -100px;
}
#productnav li#pn-windows a { background-image: url(../x_img/nav/replacement-windows.gif); }
#productnav li#pn-glazing a { background-image: url(../x_img/nav/secondary-glazing.gif); }
#productnav li#pn-doors a { background-image: url(../x_img/nav/doors.gif); }

#productnav li#pn-conservatories a { background-image: url(../x_img/nav/conservatories.gif); }
#productnav li#pn-roofline a { background-image: url(../x_img/nav/roofline.gif); }
#productnav li#pn-guide a { background-image: url(../x_img/nav/buyers-guide.gif); }



/* =====================================
   >>>>>>>> TESTIMONIAL QUOTE <<<<<<<<<<
   ===================================== */
#quote {
	position: absolute;
	z-index: 200;
	left:382px;
	top: 222px;
	width: 353px;
	height: 75px;
	background: url(../x_img/quotes-back.gif) no-repeat;
}
#quote cite {
	display: block;
	padding: 16px;
	font-style: normal;
	color: #538BCA;
}
#quote cite em{
	font-style: normal;
	color: #666;
	font-size: 90%;
}

/* =====================================
   >>>>>>>> LEFT NAV & LAYOUT <<<<<<<<<<
   ===================================== */
   
   
#content {
	width: 750px;
	clear: both;
	position: relative;
	top: 13px;
}



#leftnav {
	float:left;
	width: 135px;
}

#leftnav #request-a-quote,
#leftnav #phone-number,
#leftnav #kite-mark-logo,
#leftnav #est-logo {
	padding: 8px 0 0 24px;
}
#leftnav #request-a-quote a,
#leftnav #phone-number a {
	display: block;
	width: 111px;
	height: 75px;
	text-indent: -3333px;
	text-decoration: none;
	background-image: url(../x_img/nav/request-a-quote.gif);
}
#leftnav #phone-number a {
	background-image: url(../x_img/nav/call-us-now.gif);
}
#leftnav #kite-mark-logo a {
	display: block;
	width: 111px;
	height: 112px;
	text-indent: -3333px;
	text-decoration: none;
	background: url(../x_img/nav/kitemark-logo.gif);
}
#leftnav #est-logo a {
	display: block;
	width: 111px;
	height: 110px;
	text-indent: -3333px;
	text-decoration: none;
	background: url(../x_img/nav/est-logo.gif);
}	
#leftnav ul {
	list-style: none;
	margin-left: 24px;
	margin-top: 10px;
}
#leftnav ul li {
	padding: 2px 0;
}
#leftnav ul li a{
	display: block;
	background-image: url(../x_img/subnav_back.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	line-height: 16px;
	color: #374F9D;
	text-decoration: underline;
}
#leftnav ul li a:hover {
	background-position: 0 -16px;
	color: #BA021A;
}
/* =====================================
   >>>>>>>>>>  MAIN CONTENT  <<<<<<<<<<<
   ===================================== */
#main {
	float:left;
	width: 585px;
}
#main h2 {
	padding: 0 0 12px 38px;
	background-image: url(../x_img/heading-back.gif);
	background-repeat: no-repeat;
	line-height: 33px;
	color: #213C92;
	font-style: italic;
	font-weight: normal;
	font-size: 19px;
}
#main h3 {
	padding: 0 0 12px 38px;
	line-height: 24px;
	color: #213C92;
	font-style: italic;
	font-size: 15px;
	clear: both;
	font-weight: normal;
}
#main img {
	border: 0;
}
#main a {
	color: #213C92;
	text-decoration: underline;
}
#main a:hover {
	color: #BA021A;
}
#main p {
	padding: 0 0 17px 38px;
}
#main ol, #main ul {
	padding: 0 30px 17px 76px;
}
#main li {
	padding-bottom: 1em;
}
#main strong {
	color: #213C92;
}
#main .floatright {
	float: right;
	padding-left: 12px;
	padding-right: 12px;
}
#main .floatleft {
	float: left;
	padding-left: 12px;
	padding-right: 12px;
}
#main .flashimage {
	display: block;
	padding-bottom: 24px;
}
#main cite {
	color: #213C92;
}
#main table {
	background: #efefef;
	padding: 18px;
	border: 1px solid #aaa;
}
#main table tr td {
	vertical-align: top;
	padding: 4px 2px;
}
#main table tr.takeabreak td {
	padding-top: 16px;
}
#main table tr td.checkbx {
	padding-left: 36px;
}
#main form {
	margin: 0 0 17px 38px;
}
#main form label:hover {
	border-bottom: 1px dotted #aaa;
}
#main form .submitt {
	font-size: 17px;
	padding: 5px;
	float: right;
}
#why-page #content strong {
/*
	font-size: 15px;
	*/
}
#accreditations-page table {
	margin: 0 0 17px 38px;
	background: #fff;
	border: 0;
}
/* =====================================
   >>>>>>>>>>  ACTIVE PAGES  <<<<<<<<<<<
   ===================================== */
#windows-overview-page #leftnav #sn-windows-overview a,
#windows-sash-page #leftnav #sn-windows-sash a, 
#windows-casement-page #leftnav #sn-windows-casement a,
#doors-overview-page #leftnav #sn-doors-overview a,
#doors-composite-page #leftnav #sn-doors-composite a,
#doors-french-page #leftnav #sn-doors-french a,
#doors-panel-page #leftnav #sn-doors-panel a,
#doors-bi-folding-page #leftnav #sn-doors-bi-folding a{ background-position: 0 -16px; color: #BA021A; }
   
a {
	outline: none;
}