html,body {margin:0;padding:0;font-family:Tahoma, Geneva, sans-serif;width:100%;height:100%;}
body {/*overflow:auto;*/}
a img {border:0;}

#OuterMain
{
    text-align:center;
    background-image:url(../img/body_background.jpg);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#264a7b;    
}
#Main
{
    width:986px;
    margin:0 auto;
}
#Header
{
    
}
#HeaderTop
{
    height:181px;
    height:151px;
    /*background-image:url(../img/logo2.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;    */
}
#headerLogo
{
    float:left;
    clear:none;
    margin-top:10px;
}
#headerRight
{
    float:right;
    height:181px;
    height:151px;
    width:490px;
    width:250px;
    background-image:url(../img/header_background.gif);
    background-position:bottom right;
    background-repeat:no-repeat;    
}
#headerHeader
{
/*    background-color:#d4d4d4;*/
    height:24px;
    width:490px;
}
.navsteps
{
    float:right;
    clear:none;
    width:160px;
    margin-left:60px;
    width:100px;
    height:55px;
    overflow:visible;
}
.navsteps a {color:black;text-decoration:none;}
.navsteps:first-line {color:white;font-weight:bold;line-height:150%;}
.cur a {color:#aaaaaa;}
.cur .h {color:#9a090c !important;}

#globe
{
    float:right;
    clear:none;
    /*margin-top:20px;*/
    padding-right:25px;
    /*width:180px;*/
    text-align:center;
    font-size:7pt;
    color:#4f82c1;
    letter-spacing:5px;    
}
#headerRight .bump {margin-top:-10px;}
.bignumber
{
    font-size:12pt;
    color:black;
    font-weight:bold;
}
#Nav
{
    width:100%;
    background-image:url(../img/navbar_background.jpg);
    background-position:top;
    background-repeat:no-repeat;
    padding-top:12px;
    padding-bottom:11px;
    text-align:center;    
    color:white;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:10pt;
    
}
#Nav a
{
    color:white;
    margin:0 16px;
    text-decoration:none;
}
#OuterContent
{
    text-align:center;
}
#OuterFoot
{
    background-color:white;
    height:100px;
    width:100%;
    background-image:url(/img/footer_background.jpg);
    background-position:top;
    background-repeat:repeat-x;
}
#Content
{
    text-align:left;
    width:820px;
    background-color:white;
    position:relative;
    top:22px;
    height:133px;
    margin:0 auto;
    font-size:10pt;
    border-bottom:2px solid #264A7B;
    border:1px solid #828c99;
    border-width:0 1px 1px 1px;
    
}
#OuterFooter
{
    background-image:url(../img/footer_background.jpg);
    background-image:url(../img/body_background-2.jpg);
    /*background-image:url(../img/body_background-4.jpg);*/
    background-position:top;
    background-repeat:repeat-x;
    height:100px;
    text-align:center;
    padding-top:20px;
}
#innerFooter
{
    background-image:url(../img/footer_background_home.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    width:820px;
    margin:0 auto;
    margin-left:auto;
    margin-right:auto;
    top:22px;
    overflow:hidden;
}
#foothome .text {
    text-align:center;
    padding-top:10px;
    font-size: 15px;
}
#footer
{
    width:820px;
    margin:0 auto;
    margin-top:14px;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:8pt;
}
#footer a {text-decoration:none;color:black;}
#foothome
{
    width:820px;
    margin:0 auto;
    height:255px;
}

.PhotoGallery
{
    height: 220px;
    overflow:auto;
    position:relative;
    width: 780px;
    margin-left:45px;
    
}
.PGLast {float:left;margin-top:87px;clear:none;}
.PGNext {float:right;margin-top:87px;clear:none;}
.PhotoFrame {float:left;width:780px;  position:relative; white-space: nowrap;}
.Photo
{
    float:left;
    width:260px;
    height:190px;
    background-image:url(/img/imgframe2.jpg);
    background-position:bottom center;
    background-repeat:no-repeat;
}
.Photo img {margin-left:4px;}
.Photo a
{
    position:relative;
    top:11px;
    left:12px;
}
#imgPopout
{
    position:absolute;    
    width:625px;
    height:500px;
    top:200px;
    left:50%;
    margin-left:-312px;
    text-align:center;
    z-index:99;
    background-color:white;
    border:1px solid black;
    font-size:12pt;
}
#imgPopout img {margin:10px auto 5px auto;}

#stepbox
{
    text-align:left;
}
#stepbox .innerB {
        position:relative;
        height:80px;
        z-index:2;
}
#stepbox a {color:black;}
#step1,#step2,#step3,#step4
{
    position:absolute;
    width:100px;
    font-weight:bold;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:8pt;
    cursor: pointer;
    text-align:center;
    /*padding-top:65px;*/
    z-index:9;
    /*height:80px;*/
    /*border:1px solid red;*/
}
.sbtn {height:65px;width:100px;clear:right;}
#step1 {left:163px;top: 10px;}
#step2 {left:300px;top:-5px;}
#step3 {left:437px;top:-5px;}
#step4 {left:574px;top:10px;text-align:center;}

#innerFooter.cp
{
    background-image:url(/img/footer_background_content.jpg);
    /*background-image:url(/img/body_background-3.jpg);*/
    background-repeat:repeat-x;
    background-position:top;
    width:900px;
}
.cp #foothome
{
    width:900px;
    margin-bottom:-230px;
}
#headerRight.home
{
    background-image:url(../img/header_background_home.jpg);
    background-image:url(../img/globe.jpg);
}
.home #globe
{
    margin-top:10px;
}
#Content.page
{
    width:900px;
    height:auto;
    padding:5px 15px 15px 20px;
    width:870px;
}
.cart
{
    width:950px;
    height:auto;
    padding:15px 25px 15px 20px !important;
    width:905px !important;    
}
.barlink
{
    margin:26px 0 20px 105px;
    position:relative;
    z-index:3;
}
.groupbar
{
    width:375px;
    margin-left:50px;
    padding:9px 0;
    border:1px solid #a2a2a2;
    border-width:0 0 1px 0;
}
.groupbar span {margin-right:3px;}
.groupbar a,.colortypelink {color:black;text-decoration:none;}
.groupbar .cur a,#colorcats .cur {color:red;}

.mlast {margin-right:0px !important;}
.mfirst {margin-left:0px !important;}
/*#colorcats {position:relative;z-index:2;}*/

.catrow
{
    width:437px;margin:0;padding:0;/*overflow:hidden;*/
}

.door
{
    margin:20px 0 20px 7px;
    float:right;
    float:left;
    clear:none;
    cursor:move;
    width:83px;
    overflow:hidden;
}
.catrow .slide {width:0px;margin-left:0;}
#doorcatsbox {overflow:hidden;height:800px;}
.doorimg {width:83px;height:134px;/*background-color:#aaccaa;*/position:relative;z-index:3;}
.doortext {text-align:center;position:relative;z-index:3;}
.cdoor {}
.doorlarge {margin:3px 0 8px 4px;padding:2px;overflow:hidden;width:98px;}
#doortaba .doorlarge {margin:3px 1px 8px 3px;}
.doorlargein {width:96px;height:151px;padding:0;margin:0;overflow:hidden;}
.doorlargein img {margin:0;padding:0;border:0;}
#selector .sel {border:2px solid blue !important;padding: 0 !important;}
.matsel {width:105px;}

.textlink {color:black;text-decoration:none;cursor:pointer;}

.bg-image {position:absolute;margin:0;padding:0;z-index:1;}

.nextdoor,.lastdoor,.nextdoorsp,.lastdoorsp {float:right;clear:none;padding:75px 15px 0 5px;}
.lastdoor,.lastdoorsp {float:right;padding-right:5px;}
.nextdoorsp,.lastdoorsp {visibility:hidden;}
.nextdoor a,.lastdoor a {color:black;text-decoration:none;}
.lastdoor {padding:75px 5px 77px 31px;background-color:white;position:relative;z-index:3;}
.catlable {width:9px;height:183px;float:left;margin-right:0px;padding-top:15px;background-color:white;position:relative;z-index:4;}
.catlable img {position:relative;z-index:4;}
/* */
.doorscroll {width:500px;height:184px;margin-left:-142px;}
/*.doorscroll {overflow:visible;width:358px;margin-left:0;width:auto;height:184px !important;}
.doorscroll {height:372px;margin-left:0;overflow:visible;position:relative;z-index:2;}*/
.doorOutScroll {width:358px;height:184px;clear:none;float:right;}
/*.doorOutScroll {overflow:auto;height:190px;position:relative;z-index:3;}
.doortext {height:16px;overflow:hidden;}
.door {margin-bottom:0px;}*/

/**
.doorscroll {height:172px;margin-left:0;overflow:visible;}
.doorOutScroll {width:358px;height:184px;clear:none;float:right;}
.doorOutScroll {overflow:auto;height:190px;}
.doortext {height:16px;overflow:hidden;}
.door {margin-bottom:0px;}
**/

#foot
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:8pt;
    padding-top:100px;
    
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.center {text-align:center;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
/*.fl {float:left;clear:none;width:65px;margin-left:10px;}
.fi {float:left;clear:none;}*/
.fl {text-align:left;}
.col2,.col3,.col23
{
    float:left;
    clear:none;
    width:300px;
    width:33%;
    overflow:hidden;
}
.col2 {width:50%;}
.col23 {width:66%;}
.u {text-decoration:underline;}
.check li {list-style-image:url(/img/check2.jpg);}
.check {list-style-image:url(/img/check.jpg);}
.woodsamp {float:left;clear:none;margin:0;padding:0;}
.woodsamp img {float:left;clear:none;margin:0;padding:0;}
.woodescript {float:left;clear:none;width:305px;font-size:9pt;overflow:auto;margin:0;padding:0 0 0 10px;;}
.row {border-top:1px solid gray;padding:8px 8px;}
.row:first-line {font-weight:bold;}
.odd {background-color:#ccc;}
.ul {text-decoration:underline;}
.red {color:#c00000 !important;}
.blue {color:#0d3481 !important;}
#contact label
{
    padding:0 10px;
}
#designleft
{
    float:left;
    clear:none;
    width:437px;
    margin-right:30px;
    padding-bottom:50px;
    background-image:url(/img/step1bar.jpg);
    background-position:top right;
    background-repeat:no-repeat;
}

#designright
{
    float:right;
    clear:none;
    width:412px;    
}
#designfoot
{
    float:right;
    /*clear:both;*/
    width:412px;    
}
#selector
{
    width:412px;
    height:288px;
    margin:0;
    padding:0;
}
#doortaba,#doortabb,#doortabc
{
    height:190px;
    width:105px;
    float:left;
    clear:none;
    /*background-color:#dddddd;*/
    position:relative;
    z-index:2;
    /*opacity:0.5;*/
}
#doortaba {left:26px;top:78px;}
#doortabb {left:54px;top:78px;}
#doortabc {left:74px;top:78px;}

.colorcats,.plywooddiv {text-align:center;width:400px;margin:0 -15px 0 15px;border-bottom:1px solid #a2a2a2;}
.plywooddiv {clear:both;margin:10px 0px;width:100%;}
.colorbox {/*height:92px;*/padding:12px 0px 0 12px;margin:0 -15px 0 15px;}
.c {width:29px;height:26px;margin:0 10px 10px 0;background-color:#aaaacc;background-color:transparent;float:left;clear:none;cursor:move;}
.c img {width:29px;height:26px;margin:0;padding:0;border:0;}

#contact label {float:left;display:block;}
#contact input {float:left;display:block;}
#contact br    {clear:both;}
.in {margin-left:10px;}
.fw1 {width:75px;}
.fw2 {width:125px;}

/*#contact label {text-align:center;width:100%;}
#contact table input {border:0;text-align:center;}
#contact table .labels {background-color:#aaa;}
#contact table .inputs {background-color:#ddd;}
#contact table .inputs input {background-color:transparent;}
#contact table #continue {margin:0 auto;float:none;}
#contact table .info {font-size:10px;}
.condir .inputs {text-align:center;}
.condir input {width:100%;}*/
.cr {float:left;clear:none;}

.lgpt {font-size:16px;}
.doorDisp {width:100px;height:200px;float:left;clear:none;text-align:center;font-size:9px;}
.doordispImg {position:relative;z-index:3;}
.doordispImg:after {width:90px;height:150px;background-color:#333;position:relative;z-index:2;top:5px;left:10px;}
#projectDesc {border:2px solid #c00000; width:425px; height:85px; padding:5px;}
#layout {border:2px solid #c00000;}

.twocolpic {float:left;clear:none;text-align:center;padding:5px 0 0 20px;}
.twocolpic2 {float:left;clear:none;text-align:center;padding:5px 0 0 20px;}

#gqb {width:274px;height:52px;background-image:url(/img/button.jpg);border:0;margin:0;padding:0;}
#geb {width:274px;height:52px;background-image:url(/img/email-a-friend-button.jpg);border:0;margin:0;padding:0;}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #264a7b;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #264a7b;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ab0c08;
}
.groupbar span {padding:9px 0 9px 0;background-image:url(/img/tab.gif);background-position:bottom;background-repeat:no-repeat;}
.doorscroll {height:172px;margin-left:0;}
.doorOutScroll {width:364px;clear:none;}
.doorOutScroll {overflow:auto;height:190px;position:relative; }
.doortext {height:16px;overflow:hidden;}
.door {margin-bottom:0px;}
.ui-draggable-dragging {
    z-index: 2700;
    overflow: visible;
}
.namebox {position:absolute;z-index:4;height:25px;width:100px;text-align:center;}
#nba {margin:45px 0 0 30px;}
#nbb {margin:45px 0 0 165px;}
#nbc {margin:45px 0 0 290px;}

.special {color:#ffffff;height:124px;width:301px;margin-bottom:-5px;}
.special b {/*color:#4080ca;*/}
.special .blurb {position:absolute;margin:5px 0 0 0px;padding:20px 0 0 0;font-size:19px;width:300px;text-align:center;}
.special .name {position:absolute;margin:10px 0 0 10px;font-size:20px;}

.qpright {height:305px;margin-top:25px;}
.qprightsnipe {height:455px;margin-top:25px;}

#OuterFooter .snipe {background-image:url(/img/snipe-background.jpg);}
.snipe #step1 {left:33px;top:50px;}
.snipe #step2 {left:118px;top:40px;}
.snipe #step3 {left:200px;top:30px;}
.snipe #step4 {left:287px;top:20px;}
#foothome .snipe2 {padding-top:130px;}
.snipe2b #foothome {height:285px;}

.grouptag
{
    float:left;
    clear:none;
    height:35px;
    max-height:35px;
    padding:10px 0 0 0;
    margin:0 5px 0 0;
    width:85px;
    text-align:center;    
    background-image:url(/img/tab.gif);
    background-repeat:no-repeat;
    background-position:top;
}
.grouptag a {color:black;text-decoration:none;}
.imgft {float:left;clear:none;margin-right:2px;text-align:center;font-size:9.75px;}
.imgft img {clear:right;}
.doorcon {float:left;clear:none;height:480px;background-repeat:no-repeat;background-position:right bottom;}
.green {color:#516b22;}


.float {float:left;clear:none;}
.floatr {float:right;clear:none;}

.clear {clear:both;}
.pt .imgft {margin:3px 0 0 8px;}
#ddog {clear:both;font-size:7pt;margin-top:10px;text-align:center; margin-bottom:10px; white-space:nowrap;}
#ddog a:link, #ddog a:active, #ddog:visited {
    color:#000000;  width:auto;
}
.hlpbox {position:absolute;}
.hlpop {position:absolute;display:none;clear:both;margin:-30px 0 0 -175px;z-index:9;background-color:white;width:225px;border:1px solid black}