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

.body { margin:0 auto; padding:0; font: 1em Verdana, Arial, Helvetica, sans-serif; }
.wrapper { width: 900px; min-height: 560px; height: auto; margin:0 auto;}

/*.header { width:880px; height:74px; margin: 0 auto; background: url(skin/hdr_bgY.gif) no-repeat center; padding: 0 0 13px 0; }

.copyRight { position: relative; float: right; right: 16px; height: 30px; top: 39px; }
.nav { position: relative; float: right; right: 28px; width: 537px; height: 26px; padding: 0 0 0 0; margin: 0 auto; background: url(skin/nav_bg.gif) no-repeat bottom; top: 39px; background-image: url(skin/nav_bg.gif); }
.doorsCall { background: url(skin/img_call2action.gif) no-repeat center center; width:205px; height:81px; position: relative; float: left; padding: 1px 0px 0px 0px; margin: 0; top: 8px; }*/

.header { width:880px; height:72px; margin: 0 auto; background: url(skin/hdr_bg.gif) no-repeat center; padding: 0 0 13 0; }

.copyRight { position: relative; float: right; right: 16px; top: 30px; }
.nav { position: relative; float: right; right: 28px; width: 530px; height: 26px; margin: 0 auto; background: url(skin/nav_bg.gif) no-repeat bottom; top: 30px; }
.doorsCall { background: url(skin/img_call2action.gif) no-repeat center center; width:226px; height:62px; position: relative; float: left; top: 5px; margin: 0; padding: 0 0 0 0; }


.leftCol { width:50%; float:left; }
.rightCol { float: left; width: 50%; }

.text { width:430px; min-height:208px; height:auto;}
.footer { width:430px; height:22px;}

.squares { width:204px; height:208px; padding:10px;}
.squareDbl { width:428px; height:208px; padding:10px; }
.squareTall { width:204px; height:436px; padding:10px; }
.squareQuad { min-height:436px; padding:10px; overflow: hidden; width: 428px; }

.contactDbl { width: 200px; position: relative; padding: 0 10px 0 0; height: 200px; vertical-align: bottom; display: block; } 
.upperRow { padding:0; }
.bottomRow { padding:0; }
.left { float:left;}
.right { float:right;}
.clearnone { clear:none;}

.logo { background: url(skin/box_blulgo.gif) no-repeat center center; height:208px; }
.logoBlu { background: url(skin/box_blulgo2.gif) no-repeat center center; height:208px; }
.logoWht { background: url(skin/box_whtlgo.gif) no-repeat center center; height:208px; }
.whiteTag { background: url(skin/box_tag.gif) no-repeat center center; height:208px; }
.contactTag { background: url(skin/box_tagblue.gif) no-repeat center center; height:208px; }
.graySolid { background: url(skin/box_grysold.gif) no-repeat center center; height:208px; }
.tanSolid { background: url(skin/box_tansold.gif) no-repeat center center; height:208px; }
.grayPin { background: url(skin/box_grypin.gif) no-repeat center center; height:208px; }
.girlDoorSmall { background: url(skin/box_girldoor.jpg) no-repeat center center; height:208px; }
.boyDoorSmall { background: url(skin/box_boydoorsm.jpg) no-repeat center center; height:208px; }
.hammer { background: url(skin/box_hmrBlu.jpg) no-repeat center center; height:208px; }
.boyDoorTall { background: url(skin/boydoorTall.jpg) no-repeat center center; height:436px; }
.detClas { background: url(skin/box_det_classic.jpg) no-repeat center center; height:208px; }
.detMod { background: url(skin/box_det_modern.jpg) no-repeat center center; height:208px; }
/*.yellow { background: url(skin/box_ylwno.gif) no-repeat center center; height:208px; }*/
/*.logoYel { background: url(skin/box_yellogo.gif) no-repeat center center; height:208px; }*/


.grayPinCont { height: 436px; width:430px; margin: 0; padding: 0; overflow: visible; }
.grayPinTop { width:430px; height: 11px; background: url(skin/box_ex_gr_top.gif) no-repeat top; vertical-align: bottom;}
.grayPinlg { height: 410px; background: url(skin/box_ex_gr_rpt2.gif) repeat-y top; overflow: hidden; display: block; }
.grayPinSm { height: 208px; background: url(skin/box_ex_gr_rpt.gif) repeat-y top; overflow: hidden; }
.scroll { width: 424px; margin: 0 auto; padding: 0; overflow-x: hidden; overflow-y: auto; border-right: 3px solid #efeadf; border-left: 3px solid #efeadf; border-top: 0;  border-bottom: 0;}
.noscroll { width: 424px; margin: 0 auto; overflow: hidden; border-right: 3px solid #efeadf; border-left: 3px solid #efeadf; }
.grayPinBtm { width:430px; height: 11px; background: url(skin/box_ex_gr_btm.gif) no-repeat top; vertical-align: top;}

.scrollCont { width: 418px; margin: 0 auto; }
.scrollLeft { width: 180px; margin: 0; position: fixed; padding: 0 0 0 8px; }
.scrollRight { width: 207px; margin: 0; padding: 0 10px 0 0 }

.textContsml { height: 208px; width: 205px; overflow: hidden;}
.thumbRow { width: auto; margin: 0 auto; padding: 5px 0 5px 2px; clear: both; }
.thumbNail { float: left; padding: 0 7px 0 0; } 
 
.carraige { background: url(skin/img_carriage.jpg) no-repeat center center; height:208px;}
.image { margin: 0 0 0 50px; }
/*Type and Fonts*/
h1.kidText { padding: 22px 22px 14px 10px; margin: 0 auto; display: block; }
h2.kidText { font: 102%/1.1em "normal Verdana", Arial, Helvetica, sans-serif; color: #0078c9; font-weight: bold; font-variant: normal; padding: 3px 0 0 5px; }
p { font: normal 0.9em/0.9em Verdana, Arial, Helvetica, sans-serif; }
p.kidText { font: 85%/1.7em "normal Verdana", Arial, Helvetica, sans-serif; color: #0078c9; width: auto; overflow: hidden; o\verflow: visible; padding: 2px 22px 10px 10px; margin: 0 auto; display: block; }
.kidHilt { font: 85%/1.2em "normal Verdana", Arial, Helvetica, sans-serif; color: #666; font-weight: bold; font-variant: normal; padding: 0 0 0 5px; margin: 0; }

a img { border: 0; }
p.kidText a { text-decoration: none; color: #dbbc8b; font-weight: bold; }
p.kidText a:hover, p.kidText a:focus { text-decoration: underline; color: #dbbc8b; font-weight: bold; }

p.contact { font: 85%/1.4em "normal Verdana", Arial, Helvetica, sans-serif; color: #0078c9; width: auto; overflow: hidden; o\verflow: visible; padding: 2px 20px 5px 8px; margin: 0 auto; display: block; }
p.contact a { text-decoration: none; color: #dbbc8b; font-weight: bold; }
p.contact a:hover, p.kidText a:focus { text-decoration: underline; color: #dbbc8b; font-weight: bold; }

p.thumb { font: 80%/1.2em "normal Verdana", Arial, Helvetica, sans-serif; color: #8f8e8d; width: auto; o\verflow: visible; padding: 0px 10px 15px 5px; margin: 0 auto; display: block; clear: both; }
P.thumb .Ttl { color: #dacbab; font-weight: bolder; font-size: 1.0em; }
ul.thumb { font: .8em/1.1em "normal Verdana", Arial, Helvetica, sans-serif; color: #8f8e8d; width: auto; o\verflow: visible; padding: 0px 10px 15px 19px; margin: 0 auto; display: block; clear: both; list-style: square outside; }
ul.thumb li { margin: 6px auto; }
.gap { padding: 20px 0 0 0; }

ul.navlinks { height: 20px; padding: 5px 0 0 25px; margin: 0 auto; position: relative; display: block; }
ul.navlinks li { padding: 0 5px 0 5px; float: left; }
ul.navlinks li { display:block; font: normal 0.82em Verdana, Arial, Helvetica, sans-serif; color: #dbbc8b; list-style: none; }
ul.navlinks li a { text-decoration: none; color: #dbbc8b; }
ul.navlinks li a:hover, ul.navlinks li a:focus { text-decoration: underline; color: #0078c9; }

ul.specs { height: auto; width: 180px; padding: 0 0 0 0; margin: 0 auto; /*position: relative;*/ display: block; }
ul.specs li { height: auto; padding: 10px; border: 1px solid #e9e1d7;}
ul.specs li { display:block; font: normal 0.82em Verdana, Arial, Helvetica, sans-serif; color: #449cd7; list-style: circle url(none) outside; }
.spectTtl { font: bold 105% Verdana, Arial, Helvetica, sans-serif; color: #bfcdd9; }

p.thumb a { text-decoration: none; color: #fdb728; }
p.thumb a:hover, p.thumb a:focus { text-decoration: underline; color: #fdb728; }

.divider { color: #ebdbb8; padding: 0 8px 0 12px; }

.gray { color: #666; }

.imgWrap { padding: 0 5px 0 0; }
a img { border: 0; }
a:hover img, a:focus img { border-top: 1px #efeadf; border-right: 1px #efeadf; border-bottom: 1px #efeadf; border-left: 1px #efeadf; }

form.doors fieldset { width: 662px; margin: 2px auto; font: normal 0.8em Verdana, Arial, Helvetica, sans-serif; color: #333; text-decoration: none; }
form.doors legend { padding: 0 2px; font-weight: bold; }
form.doors label { display: inline-block; line-height: 1.8; vertical-align: top; }
form.doors fieldset ul { margin: 0; padding: 0 20px 4px 0; }
form.doors fieldset li { list-style: none; padding: 2px; text-align: right; white-space: nowrap; }
form.doors fieldset fieldset { border: 1px solid #999999; width: 150px; text-align: left; margin: 0 auto; padding: 2px; }
form.doors fieldset fieldset legend { padding: 0 0 5px 0; font-weight: bold; text-align: left; white-space: nowrap; display: block; width: auto; }
form.doors fieldset fieldset label { display: block; }
form.doors em { font-weight: bold; font-style: normal; color: #f00; }
form.doors label { width: 120px; /* Width of labels */ color: #666; }
form.doors fieldset fieldset label { margin-left: 1px; }

form.doors legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */ color: #666666; }

.pdf { margin: 0 auto; text-align: center; }
.left { float: left;}
.right { float: right;}
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }