@charset "UTF-8";/*resets*/h1,h2,h3,h4,h5,h6,p,body,form,ul,li,input{ padding: 0; margin: 0; }
/**************************************//* General Rules                       *//**************************************/
body{background: #EBECED !important;font: 9pt/1.4em Verdana, Arial, Helvetica, sans-serif;color: #000000;text-align: center;}
p{ margin: 0 0 1.2em 0;}
sup{ font-size: .8em;}
a{ color: #666666; }
a img{ border: 0;text-decoration: none; }
a:hover { text-decoration: none; border: 0;}
input{ margin-left: 5px; margin-right: 5px; vertical-align: middle; }
h2{color: #660000;font: 400 2em/1em Georgia, "Times New Roman", Times, serif;margin-bottom: .5em;}
h2 .headerCategory {font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;color: #645A54;display: block;margin-bottom: .5em;}
h3{color: #660000;font: 400 1.5em/1em Georgia, "Times New Roman", Times, serif;margin-bottom: .5em;}
.dotted { border-bottom: 1px dotted #990100; padding-bottom: .2em;}
.dotted-top{ border-top: 1px dotted #990100; padding-top: .2em;}
h4{ font: 400 1.2em/1em Georgia, "Times New Roman", Times, serif;margin: .5em 0;line-height: 1.2em;color: #660000;}
h5{ color: #660000;font: 400 1.3em/1.4em Georgia, "Times New Roman", Times, serif;margin: .5em 0;}
h5 a{ text-decoration: none; border-bottom: 1px solid #990100;}
h5 a:hover{ border-bottom: 1px solid #ffffff; }
div.hr { height: 1px;border-bottom: 1px dotted #660000;margin-bottom: 10px;}
div.hr hr { display: none; }
.img-link{ vertical-align: middle; padding: 0 2px; }
.last{border: 0 !important;background: none !important; }
.red{  color:#990000; }
.red a{  color:#990000; }
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
ul.pdflist { padding-left: 10px !important;}
ul.pdflist li{ background: url(/i/adobe-icon-mini.jpg) no-repeat left center; padding: 5px 0px  5px 20px; list-style:none;}
ul.pdflist a { margin-left: -20px; padding-left: 20px; }
ul.arrowlist li {list-style: none; padding: 2px 0 2px 16px; background: url(/i/grey-arrow.gif) no-repeat left center; }
a.pdflink{ padding: 3px 20px 3px 0; background: url(/i/adobe-icon-mini.gif) no-repeat right center; }
a.pdflinkl{ padding: 2px 0 2px 20px; background: url(/i/adobe-icon-mini.gif) no-repeat left center; }
a.arrowlink{ padding-right: 15px; background: url(/i/grey-arrow.gif) no-repeat right center; }
.hide{ display:none; }
img.pretty { padding: 5px !important; border: 1px solid #666666 !important; margin: 5px; }
table{ margin-bottom: .5em;}
/**************************************//* Main Containers                    *//**************************************/
#container{background: #EBECED url(../i/bg-shadow.gif) center repeat-y;width: 972px;margin: 0 auto;text-align: left;}
#content{width: 940px;margin: 0 auto;}
.float-holder{ overflow: hidden; }
.float-holder div, .float-holder li { float:left; padding: 10px 12px; text-align: center;}
.float-holder li{ list-style: none;}
.float-holder img {vertical-align: middle;padding-bottom: 10px;padding-top: 10px;}
.float-holder .leftcontent{ text-align: left;padding: 0px;margin-right: 19px;}
.float-holder div.glass { padding:5px;}
.float-holder p{ clear:both;}
.float-holder:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Hides from IE-mac \*/* html .float-holder {height: 1%;}
/* End hide from IE-mac */
/**************************************//* Header                             *//**************************************/
#branding{background: url(../i/branding-bg.gif) no-repeat;position: relative;z-index:100;height: 90px;margin: 0 auto;}
#branding #sub-nav{/*MSD: Increased height of sub-nav when nested in branding*/    height: 40px;color: #645A54;position: absolute;top: 22px;right:26px;}
#branding #sub-nav li{ list-style: none; float: left; font-size: .9em;}
#branding #sub-nav li a{line-height: 20px;color: #645A54;padding: 0 10px;border-right: 1px solid #645A54;}
/* MSD: Added rules for sdoor when deeply nested within sub-nav that is nested in branding */#branding #sub-nav #sdoor{    padding-top:5px;}
#branding #sub-nav #sdoor a{    padding-right:0;}
/* MSD: Added rules for sub-nav2 when nested within branding */#branding #sub-nav2{    /*    background-color:#cccc99;    opacity:0.4;filter:alpha(opacity=40);*/    height: 16px;color: #645A54;position: absolute;top: 18px;left: 28px;}
#branding #sub-nav2 ul {    }
#branding #sub-nav2 li{ list-style: none; float: left; font-size: .9em;}
#branding #sub-nav2 li a{line-height: 20px;color: #645A54;padding: 0 10px;border-right: 1px solid #645A54;}
#branding div#search{    float:right;    padding-right: 27px;    padding-top: 64px;    text-align: right;    }
#branding #search .searchbox{    width: 82px;    }
#branding #search input {    margin-right: 0;    }
#branding h1{    position: absolute;    top: 30px;    left: 30px;    }
#branding h1 a{    display: block;    background: url(../i/logo.gif) no-repeat;    height: 41px;    width: 175px;    text-indent: -9999px;    overflow: hidden;    }
   /* all lists */
#branding ul#tradeprof li a{ color: #ffffff;  width: 120px; height: 20px; padding: 0;display: block;border: 0;text-decoration: none;text-align: center;}
#tradeprof li ul{ display: none;position:absolute;top: 20px;left: 0; }
#tradeprof li li{background: #665D56; border-bottom: 1px solid #58534F; font-weight: normal; padding-right: 0px;}
#tradeprof li li a{ text-decoration: none; width: 105px; text-align:left; padding-left: 15px; font-weight: bold}
#tradeprof li li a:hover {background: #706761; text-decoration: none; color: #DDCCAD }
#tradeprof li>ul { top: auto;left: auto;}
#tradeprof li:hover ul, #branding #tradeprof li.over ul { display: block;}
#tradeprof { padding: 0;margin: 0;list-style: none;}
#tradeprof li { width: 120px;  background: #706761 url(/i/trade-prof.jpg) no-repeat; color: #ffffff; line-height: 20px;padding-right: 21px;font-weight: bold;float: left;position: relative;}




/**************************************/
/* Main Nav                           */
/*************************************/
#nav{color:#ffffff; padding-left:2px; background-color:#645A54; margin-bottom:1px; font-size:.9em; }
#nav ul { list-style: none;  }
#nav li {width:156px; text-align:center; font-weight:bold; float:left; position:relative;  }
#nav li a {color:#FFFFFF; text-decoration:none; padding:6px; display:block;}
#nav li a:hover {color:#DDCCAD;background-color:#7f756e; }
#nav li:hover ul { display:block;}
#nav ul li ul {display:none; background-color:#635a54;  position: absolute; width: 156px; top: 29px; right:0px; opacity:0.94; filter:alpha(opacity=94);}
#nav ul li ul li {font-weight:bold; font-size:10px; }






/**** Main Content  ******/
/* Sub Navigation (Left hand nav) */
#section-nav{ float: left; font-size: 1em;width: 180px;line-height: 1.25em;padding: 10px 0 10px 0;}
#section-nav ul{ list-style: none; background: #D8D6D6 url(/i/section-nav-bg.jpg) repeat-x bottom; padding-bottom: 25px;}
#section-nav .root{ background: #990100; border-bottom: 1px solid #fff; }
#section-nav .root a { color: #fff !important }
#section-nav .root a:hover { color: #fff }
#section-nav li a{display: block;padding: 5px 5px 5px 10px;color: #666;text-decoration: underline;height: 1%; /*Fixes List in IE6*/}
/*Main Links*/
#section-nav li a:visited{ color: #666; }
#section-nav li a:hover{ color: #660000; text-decoration: none; }
#section-nav li a:active{ color: #666; }
/* Active Link */
#section-nav ul li.selected a { text-decoration: none; color: #000 !important; }
#section-nav li.selected a:hover{ color: #666; text-decoration: none; }
/*Secondary Links*/
#section-nav ul li.selected ul { border-top: 1px solid #FFF; border-bottom: 1px solid #fff }
#section-nav ul ul{ display: none; background: transparent }
#section-nav ul ul.selected {display: block;font-size: 10px;padding: 4px 0;background-color: #ECEAEA;}
#section-nav ul ul li.selected{background: url(/i/arrow.gif) no-repeat 12px 6px;}
#section-nav ul ul li { padding-left: 10px; }
#section-nav ul ul li a{padding: 4px 10px 4px 12px;}
#section-nav ul li.selected ul a{ border: none; text-decoration: underline; color: #666 !important; font-weight: normal !important; }
#section-nav ul li.selected ul a:hover { color:#660000 !important; }
/* Active Link */
#section-nav ul ul li.selected a{ text-decoration: none; color: #666; font-weight: bold !important; }
#section-nav ul ul li.selected a:hover{ text-decoration: none; color: #666 !important; }
/*Third Tier Links*/
#section-nav ul ul li.selected ul { border-bottom: 0 }
#section-nav ul ul li.selected ul li a{background: none;text-decoration: underline;font-weight: normal !important;}
#section-nav ul ul li.selected ul a:hover { color:#660000 !important; }
/* Active Link */#section-nav ul ul li.selected ul li.selected a{text-decoration: none;color: #666 !important;font-weight: bold !important;}
#section-nav hr{ display: none;}
.whitetop{ border-top: 1px solid #ffffff; }
#section-nav #doordesigner{ padding-top: 10px; }
#section-nav #doordesigner a{ text-decoration: none }
#section-nav #doordesigner h3{ font-size: 1.1em; font-weight: bold; margin-bottom: .3em; }
#section-nav #doordesigner p{ font-size: 7.5pt; font-weight: bold; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1em; }
#main-body{ margin: 10px 10px 10px 200px; padding-top: 19px; padding-bottom: 50px; width: 730px; min-height: 500px; }
/*Fix for IE6 float */* html #main-body{ margin-left: 197px;  }
#main-body a { color: #990100; }
#main-body ul{ padding-left: 20px; padding-bottom: 1.2em; }
#main-body-full{ margin: 19px 10px 10px; padding-bottom: 50px; }
/*** Footer  ********/
#minor-nav{ width: 940px; margin: 0 auto; clear: both; padding-bottom: 10px; font-size: .9em;}
#minor-nav ul{list-style: none;background: #928B87;color: #ffffff;width: 940px;background-color: #938C88;overflow: hidden;}
#minor-nav li{float: left;}
#minor-nav li a{color: #FFFFFF;text-decoration: none;display: block;padding: 4px 0;width: 156px;text-align:center;}
#minor-nav li a:hover{color:#DDCCAD;}
#site-info{position: relative;width: 938px;height: 50px;padding: 14px 18px 0px 18px;margin: 0 auto;background: #EBECED url(../i/site-info-bg.gif) no-repeat top center;}
#site-info a{color: #666666;}
#site-info #most-preferred{background: url(../i/foot-mostpreferred.gif) no-repeat;width: 280px;height: 32px;position: absolute;left: 152px;display: block;text-indent: -9999px;}
#site-info #energy-star{background: url(../i/foot-energystar.gif) no-repeat;width: 82px;height: 32px;position: absolute;top:14px;left:18px;}
#site-info #energy-star a{display: block;width: 82px;height: 32px;text-indent: -9999px;}
#site-info #copyright{color: #666666;text-align: right;}
#site-info #facebook{background: url(../i/news/Facebook.gif) no-repeat;width: 32px;height: 32px;position: absolute;top:14px;left:520px;}
#site-info #facebook a{display: block;width: 32px;height: 32px;text-indent: -9999px;}
#site-info #twitter{background: url(../i/news/twitter.gif) no-repeat;width: 32px;height: 32px;position: absolute;top:14px;left:583px;}
#site-info #twitter a{display: block;width: 32px;height: 32px;text-indent: -9999px;}
/**************************************//* Inline Styles                      *//**************************************/.squarenav{ overflow:hidden;zoom: 1;margin-top: 2em;font-size: .9em;}
.squarenav div {width: 100px;height: 120px;background: url(/i/squarenav_bg.gif) no-repeat;margin-right: 20px;margin-bottom: 1.2em; }
/*fix margin in IE6 */* html .squarenav div { margin-right: 10px;}
.squarenav div, .squarenav li { float:left; padding: 10px; text-align: center;}
.squarenav li{ list-style: none;}
.squarenav img {vertical-align: middle;padding-top: 5px;padding-bottom: 5px;}
.squarenav img.nav-image {padding-bottom: 5px;}
.squarenav .leftcontent{ text-align: left;padding-right: 0px;}
.squarenav div.glass { padding:5px;}
.squarenav p{ margin: 0 0 0 -10px;}
.squarenav p a { display: block; width: 100%; min-height: 40px; padding: 0 5px;text-align: center; }
* html .squarenav p a { height: 40px; }
.fine-print{ font-size: .9em;}
.fine-print-normal{ font-size: .9em; font-weight: normal;}
.pad-img{ padding: 5px 10px; }
.nounderline a{ text-decoration: none;}
a.hardlink{ background: url(/i/hardlink-bg.gif) no-repeat right; padding: 5px 30px 5px 10px; color: #990100; font-weight: bold; text-decoration: none;}
a.hardlink:hover{ text-decoration: underline;}
.button {font:normal normal bold 8pt/1.0em verdana;width:95px;height:21px;font-family:verdana;background-image:url(button.bmp);border:none;border-color:#ffffff #333333 #333333 #ffffff;color:black;cursor:hand;cursor:pointer;margin:0;}
.largebutton {font:normal normal bold 8pt/1.0em verdana;width:170px;font-family:verdana;height:21px;background-image:url(largebutton.bmp);border:none;border-color:#ffffff #333333 #333333 #ffffff;color:black;cursor:hand;cursor:pointer;margin:0;}
/*Added by Jim Bunting 12-29-2008*/
#warranty {padding:1px;margin:0;width:700px;min-height:450px;_height:450px;text-align:left;background-color:#ffffff;}
#warranty h1, #warranty h2, #warranty h3, #warranty h4, #warranty h5{margin:6px 0 6px 0;padding:0;}
#warranty fieldset {padding:1px;border:solid 1px #dedeee;}
#warranty fieldset legend{margin:0;padding:4px;color:#666666;font-size:11pt;font-weight:bold;}
#warranty fieldset p label{margin:0 0 4px 0;padding:4px  0 2px 0; display:block;width:320px;float:left; border-bottom:solid 1px #dedeee;}
#warranty fieldset p {margin:4px 4px 4px 2px;padding:0;clear:both;}
#warranty .multilabel{margin:0;padding:1px;width:562px;float:left;}
#warranty .ddl{margin:2px 0 0 0;padding:1px;width:328px;}
#warranty .single{margin:2px 0 0 0;padding:1px 0 0 0;width:324px;}
 /*360-3-3 for padding*/
#warranty .date{margin:0;padding:1px;width:70px;z-index:1000;}
#warranty .numb{margin:0;padding:1px;width:70px;text-align:right}
#warranty .datero {margin:0;padding:1px;width:70px;border:solid 1px #c0c0c0;}
#warranty .singlero {margin:0;padding:1px;width:337px;border:solid 1px #c0c0c0;}
#warranty .tablero {margin:0;padding:1px;width:157px;border:solid 1px #c0c0c0;}
#warranty .ddlfull{margin:0;padding:1px;width:465px;}
#warranty .multi{margin:0;padding:1px;width:562px;height:50px;}
#warranty .multifull{margin:0;padding:1px;width:562px;}
#warranty .lblddlfull{margin:0;padding:1px;width:100px;}
#warranty ul{padding:3px;margin:12px;list-style-type:none ;text-align:left;}
#warranty li {padding-left:3px;}
#warranty .list {margin:0;padding:0;width:360px;}
#warranty .listlabel {margin:0;padding:0;display:block;width:305px;}
#warranty .extender {clear:both;margin:0;text-align:right ;font-weight:bold;color:#cc0000;padding:1px;width:590px;}
#warranty th {background-color:#310040;color:#ffffff;font-size:9pt;font-weight:bold;}
#warranty td {font-size:8pt;font-weight:normal;}
/***** My Saved Doors ******/
.imgQSignIn {margin-left:-15px;}
/**************** My TT Landing Page ***************/
.myTTList{    list-style:disc;    margin:0px;    padding:0px;    font:bold 1em Georgia, "Times New Roman", Times, serif;    color:#660000;    margin-left:25px;}
.myTTList li{    line-height:28px;    background-repeat:no-repeat;}
ul .house{    background-image:url(/images/houseicon.png);    background-position:450px 3px;}
ul .share{    background-image:url(/images/facetweet.png);    background-position:420px 3px;}
ul .rate{    background-image:url(/images/ratingicon.png);    background-position:240px 4px;}
ul .findDealer{    background-image:url(/images/notepad.png);    background-position:330px 3px;}
.boldText{    font-weight:bold;}
#getStarted{    width:730px;    margin-bottom:30px;    margin-left:200px;}