@charset "utf-8";
/* CSS Document */

body {
	background-color: #f1f1f1;
}

h1 {font-size: 16px; color: #65217f; margin-bottom: 0px; margin-top: 0px;font-family: Arial, Helvetica, sans-serif;}
h2 {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #65217f; margin: 0px;}

h3 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-weight: bold;
	color: #65217f;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
}

p {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #404040; line-height: 16px;}
b {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #404040; line-height: 16px; font-weight: bold; color: #65217f;}

a {color: #65217F; text-decoration: none;}
a:hover {text-decoration: underline;}

ul {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #65217f; padding-left: 10px; margin-left: 10px;}
li {margin-bottom: 10px;}

#container {width: 900px; margin: 0 auto 0 auto;}

#whitebg {background-color: #FFFFFF; width: 900px; float: left;}
#header {width: 900px; height: 140px; float: left;}

#logo {height: 128px; width: 293px; float: left; padding-top: 12px; padding-left: 7px;}
#lefthead {height: 130px; width: 600px; float: left; text-align: right;}

.purpletxt {color: #65217f;}

#headimg {width: 585px; height: 15px; margin-top: 69px; float: left; padding-right: 15px;}
#timedate {width: 585px; height: 16px; float: left; margin-top: 20px;}
#timedate p {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#navigation {height: 40px; width: 880px; float: left; margin-left: 9px; border-top: 1px solid #d8d8d8;}
#navbuttons {height: 38px; width: 880px; float: left; margin-top: 2px; background-image: url(images/navbg.jpg); background-repeat: repeat-x;}
#navbuttons p {text-align: center; margin: 0px;}
#navbuttons a {font-size: 12px; color: #65217f;}

.line {height: 38px; width: 1px; float: left; background-image: url(images/navlinebg.jpg);}

#home {width: 97px; height: 33px; float: left; padding-top: 5px;}
#products {width: 97px; height: 33px; float: left; padding-top: 5px;}
#quality {width: 97px; height: 33px; float: left; padding-top: 5px;}
#manufacture {width: 97px; height: 33px; float: left; padding-top: 5px;}
#fullservice {width: 97px; height: 33px; float: left; padding-top: 5px;}
#guarantees {width: 96px; height: 33px; float: left; padding-top: 5px;}
#installation {width: 97px; height: 33px; float: left; padding-top: 5px;}
#about {width: 97px; height: 33px; float: left; padding-top: 5px;}
#contact {width: 97px; height: 33px; float: left; padding-top: 5px;}

#topcontent {height: 189px; width: 880px; margin: 9px; float: left; background-color: #f2f2f2;}
#topimg {height: 189px; width: 360px; float: left;}
#toptext {height: 170px; width: 500px; float: left; margin: 10px;}
#tophead {height: 20px; width: 500px; float: left; background-image: url(images/headbg.jpg); background-position: bottom left; background-repeat: no-repeat; margin-bottom: 5px;}
#topleft {width: 230px; height: 135px; float: left; margin-right: 10px;}
#topright {width: 230px; height: 135px; float: left; margin-left: 10px;}
#content {/*height: 190px;*/ width: 880px; margin-left: 9px; margin-right: 9px; float: left;}
#leftc {width: 360px; float: left; background-image: url(images/contentblockline.jpg); background-position: right; background-repeat: repeat-y;}
#contlefthead {width: 360px; float: left; height: 20px; background-image: url(images/headbg2.jpg); background-position: bottom left; background-repeat: no-repeat; margin-bottom: 10px; margin-top: 10px;}

.contleft {width: 254px; float: left; background-image: url(images/dotline.jpg); background-position: bottom; background-repeat: repeat-x; margin-right: 14px; margin-bottom: 13px; padding-bottom: 5px;}
.contleft p {margin: 0px;}
.topmargin {margin-top: 20px;}
.contleftimg {width: 78px; height: 79px; float: left; padding-right: 13px;}

#contr {width: 257px; float: left; margin-left: 20px;}
#contrrighthead {width: 257px; height: 20px; float: left; background-image: url(images/headbg3.jpg); background-position: bottom left; background-repeat: no-repeat; margin-bottom: 10px; margin-top: 10px;}
#contrleft {width: 257px; float: left; background-image: url(images/dotline2.jpg); background-position: right; background-repeat: repeat-y; padding-right: 5px;}
#contrright {width: 229px; float: left; margin-left: 9px;}

.gray {color: #404040;}

#footer {width: 880px; margin-left: 9px; float: left; border-top: 1px solid #d8d8d8; padding-top: 20px; padding-bottom: 20px; margin-top: 5px;}
#footleft {width: 220px; float: left;}
#footcenter {width: 220px; float: left;}
#lfoot {width: 220px !important; width: 205px; height: 16px; float: left; padding-top: 10px; padding-right: 15px;}
#lfoot p {font-size: 14px; color: #818081; font-family: Arial, Helvetica, sans-serif;}
#lfoot a {font-size: 14px; color: #818081;}
#footright {width: 440px; float: left;}
#footright p {text-align: right;}
#footer a {color: #404040;}

.qualityimg {text-align: center;}
.qualityimgmargin {margin-left: 5px; margin-top: 5px;}

#innerpageleft {width: 120px; margin-left: 9px; float: left; background-image: url(images/contentblockline.jpg); background-position: right; background-repeat: repeat-y; padding-top: 10px; padding-bottom: 10px;}
.innerpageimg {width: 100px; margin-bottom: 10px; float: left; margin-left: 5px;}
#innercontent {width: 750px; float: left; margin-left: 10px; margin-top: 10px;}
.inner-products{width: 700px; padding: 10px 0 5px 0; border-top: 1px dotted #666666; height: auto;}
.inner-products li {margin-bottom: 4px;}
.inner-products-left{width: 90px; float: left; margin: 0px; padding: 0px; text-align: left;}
.inner-products-right{width: 610px; float: right; margin: 0px; padding: 0px; text-align: left;}
.inner-products-page{width: 700px; padding: 10px 0 5px 0; border-top: 1px dotted #666666; height: auto;}
.inner-products-page p{width: 570px;}

.grayhead {
	color: #555555;
}

.compdoorcat {
	width: 249px !important;
	float: left !important;
	margin-right: 1px !important;
	padding-top: 1px !important;
	margin-top: 30px !important;
}

#pvcudoorcat {
	width: 249px;
	float: left;
	margin-right: 1px;
	padding-top: 1px;
	margin-top: 30px;
}

#topboxarea {
	width: 750px;
	height: 250px;
	float: left;
}

#frenchdoorcat {
	width: 249px;
	float: left;
	margin-right: 1px;
	margin-top: 30px;
}

#patiodoorcat {
	width: 249px;
	float: left;
	margin-right: 1px;
	margin-top: 31px;
}

#hglazedcat {
	width: 249px !important;
	float: left !important;
	margin-right: 1px !important;
	padding-top: 1px !important;
	margin-top: 30px !important;
}

#hglazedarchtopcat {
	width: 249px;
	float: left;
	margin-right: 1px;
	padding-top: 1px;
	margin-top: 30px;
}

#duelglazedcat {
	width: 249px;
	float: left;
	margin-right: 1px;
	margin-top: 30px;
}

#halfmooncat {
	width: 249px;
	float: left;
	margin-right: 1px;
	margin-top: 30px;
}

#backdooroptions {
	width: 249px;
	float: left;
	padding-top: 1px;
	margin-top: 29px;
}

#frenchdooroptions {
	width: 249px;
	float: left;
	margin-right: 1px;
	padding-top: 1px;
	margin-top: 29px;
}

#headarea {
	height: 25px;
	width: 750px;
	float: left;
}

.doorprodtxt {
	text-align: center;
	font-size: 9px;
	margin: 0px;
	padding: 5px;
}

.nobold {
	font-weight: normal;
}

.guarenteebold {
	font-weight: bold;
	color: #5b5b5b;
	font-size: 10px;
}

.smalltxt {
	font-size: 10px;
}

.guarenteelink {
	font-size: 12px;
	font-weight: bold;
}

.guarenteebreak {
	width: 739px;
	height: 1px;
	float: left;
	margin-left: 6px;
	background-image: url(images/guarenteebr.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 10px;
}

.guarenteetxt {
	width: 630px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	text-align: justify;
}

.guarenteetx2 {
	width: 632px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	text-align: justify;
}

.guarenteelogo {
	margin-left: 60px;
}

.maincategories {
	width: 249px;
	float: left;
	margin-right: 1px;
	margin-top: 30px;
}

.prodconsbold {
	font-weight: bold;
	color: #555555;
	font-size: 10px;
}

#prodcon {
	width: 337px;
	/*height: 245px;*/
	float: right;
}

#prodcontxt {
	width: 200px;
	float: right;
}

#prodcontxt p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.boldtxt {
	font-weight: bold;
}

#bottomline {
	width: 750px;
	float: left;
	background-image: url(images/bottomselectbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.prodbottombuttons {
	width: 150px;
	float: left;
	margin-left: 30px;
}

.prodbottombuttons p {
	font-size: 9px;
}

.prodrangelinks {
	color: #373737;
	margin: 0px;
	text-align: center;
}

#prodcomposite {
	width: 437px;
	height: 254px;
	float: right;
}

#prodcompositetxt {
	width: 200px !important;
	width: 197px;
	float: right;
	margin-top: 50px;
}

#prodcompositetxt p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#prodhardware {
	width: 407px;
	height: 400px;
	float: right;
}

#prodhardwaretxt {
	width: 180px !important;
	width: 177px;
	float: right;
	margin-top: 50px;
}

#prodhardwaretxt p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#prodwindow {
	width: 407px;
	height: 200px;
	float: right;
}

#prodcompositefrench {
	width: 457px;
	height: 254px;
	float: right;
}

.centertxtnomargin {
	text-align: right;
	margin: 0px;
}

#patiodoorimg {
	width: 420px;
	float: right;
	min-height: 338px;
	height: auto !important;
	height: 338px;
	background-image: url(images/prod-patiodoor.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 20px;
}

#patiodoorimgtxt {
	width: 200px;
	float: right;
	margin-top: 20px;
}

#patiodoorimgtxt p {
	width: 200px;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

#prodpvcu {
	width: 380px;
	height: 276px;
	float: right;
}

#prodpvcutxt {
	width: 150px;
	float: right;
	margin-top: 50px;
}

#prodpvcutxt p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.bottomlinehardware {
	width: 750px;
	float: left;
	background-image: url(images/bottomselectbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin-bottom: 20px;
}

#doorgallery {
	height: 398px;
	width: 200px;
	float: left;
	border: 1px solid #c5c5c5;
	padding: 21px 10px 21px 10px;
	margin-top: 5px;
}

#doorgalleryimages {
	width: 180px;
	float: left;
}

.smalldoors {
	margin: 5px;
}

#hardwaregallery {
	width: 400px;
	height: 400px;
	float: right;
	margin-left: 7px;
}

#hardwaregallerybigimg {
	height: 400px;
	width: 200px;
	float: left;
	margin-right: 20px !important;
	margin-right: 10px;
	margin-left: 10px;
}

#hardwaregalleryimg {
	height: 400px;
	width: 170px;
	float: left;
}

#windowgalleryimg {
	height: 400px;
	width: 400px;
	float: left;
}

#casementgallery {
	width: 357px;
	height: 400px;
	float: right;
}

#casementgallerybigimg {
	height: 400px;
	width: 200px;
	float: left;
	margin-right: 20px !important;
	margin-right: 10px;
	margin-left: 10px;
}

#consgallery {
	height: 485px;
	height: 649px;
	float: left;
	margin-right: 20px !important;
	margin-right: 10px;
	margin-left: 10px;
}

#casementgalleryimg {
	height: 400px;
	width: 120px;
	float: left;
}

#consgalleryimg {
	height: 400px;
	width: 115px;
	float: left;
}

.hardwarethumbs {
	margin: 2px;
}

.imgthumbs {
	margin: 5px;
}

.glassimgl {
	width: 310px;
	height: 130px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.glassimgr {
	width: 310px;
	height: 130px;
	float: left;
	margin-bottom: 10px;
}

.centertxt {
	text-align: center;
}


#contrleft2 {
	width: 495px;;
	float: left;
	/*background-image: url(images/dotline2.jpg);
	background-position: right;
	background-repeat: repeat-y;*/
	padding-right: 5px;
}

/*#contrright {
	width: 229px;
	float: left;
	margin-left: 9px;
}*/

/* Small Top Buttons */

#topicons {float: left; width: 585px; padding: 0px; margin: 0px;}
#blah {list-style-type: none; padding: 0px; margin: 0px; display: inline;}
#blah li {display: inline;}
#topaccess {float: right; height: 27px; width: 28px; overflow: hidden; background: url(images/topaccess.jpg) top left no-repeat; text-align: right;}
#topaccess:hover {background-position: bottom left;}
#tophome {float: right; height: 27px; width: 28px; overflow: hidden; background: url(images/tophome.jpg) top left no-repeat;}
#tophome:hover {background-position: bottom left;}
#topsitemap {float: right; height: 27px; width: 28px; overflow: hidden; background: url(images/topsitemap.jpg) top left no-repeat;}
#topsitemap:hover {background-position: bottom left;}
#topmail {float: right; height: 27px; width: 28px; overflow: hidden; background: url(images/topmail.jpg) top left no-repeat;}
#topmail:hover { background-position: bottom left;}

.bullets li {margin-bottom: 4px;}
.right{float: right;}
.left{float: left; height: auto;}
.clear{clear:both; font-size:0px; width:0px; line-height:0px; height:0px; display:block; overflow:hidden;}

.compdoorlist ul{
	margin-top: 0px;
	margin-bottom: 0px;
}

.compdoorlist li{
	margin-top: 0px;
	margin-bottom: 0px;
}

.nomarginpurpletxt {
	color: #65217f;
	margin: 0px;
}

.imgmarginright {
	margin-right: 10px;
}
.mybutton{
	background:#eeeeee;
	color:#898989;
	font-weight:bold;
	height:23px;
}
INPUT {
	BORDER-RIGHT: #a7a7a7 1px solid; 
	BORDER-TOP: #a7a7a7 1px solid; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #a7a7a7 1px solid; 
	COLOR: #616161; 
	BORDER-BOTTOM: #a7a7a7 1px solid; 
	FONT-FAMILY: Arial
}

TEXTAREA {
	BORDER-RIGHT: #a7a7a7 1px solid; 
	BORDER-TOP: #a7a7a7 1px solid; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #a7a7a7 1px solid; 
	COLOR: #616161; 
	BORDER-BOTTOM: #a7a7a7 1px solid; 
	FONT-FAMILY: Arial
}
SELECT {
	BORDER-RIGHT: #a7a7a7 1px solid; 
	BORDER-TOP: #a7a7a7 1px solid; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #a7a7a7 1px solid; 
	COLOR: #616161; 
	BORDER-BOTTOM: #a7a7a7 1px solid; 
	FONT-FAMILY: Arial;
}

#consnav {
	width: 630px;
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.contypesmargin {
	margin-left: 5px;
	margin-right: 5px;
}

.contypesgallery {
	width: 111px;
	margin-left: 5px;
	text-align: center;
	float: left;
}

#workwithhead {
	width: 229px;
	height: 20px;
	float: left;
	background-image: url(images/headbg4.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 10px;
}