/* GLOBAL */
html, body {margin:0;padding:0;font-size:11px;font-family:Verdana;color:#242424;}
img {border:0;}
a {color:#242424;}
a:hover {color:#f47920;}
.font10 {font-size:10px;}
h1 {font-size:14px;margin:0 0 10px 0;padding:5px;background:#f47920;color:#FFFFFF;}
hr { border: 1px dotted #d98d8d8; border-style: none none dotted none; }


/* MASTERPAGE */
.siteContainer {width:951px;margin:10px auto 0 auto;padding:30px 0;border:1px solid #d8d8d8;}
.siteContent {width:901;margin:0 auto}
.siteFooter {width:951px;margin:15px auto;text-align:right;}
.logoContainer {width:951px;margin:10px auto 0 auto; text-align: right; padding: 4px;}

/* HOMEPAGE */
.homeTop {width:901px;height:294px;margin:0 auto 30px auto;}
.homeTop .leftColumn {width:193px;margin:0 0 0 10px;float:left;}
.homeTop .rightColumn {width:664px;height:294px;float:right;}
.homeTop .homeNav {width:193px;margin:20px 0 0 0;}
.homeTop .homeNav a {width:193px;padding:8px 0;margin:0 0 4px 0;font-weight:bold;text-align:center;text-decoration:none;color:#000000;background:#dfdfdf;display:block;}
.homeTop .homeNav a.orange {color:#FFFFFF;background:#f47920;}
.homeTop .homeNav a:hover {color:#FFFFFF;background:#f47920;}
.homeContent {width:901px;margin:0 auto 30px auto;overflow:auto; background: url(../images/line.gif) repeat-x;}
.homeSpotlights {width:899px;margin:30px auto 0 auto;padding:30px 0;background:#ebebeb;border:1px solid #d8d8d8;overflow:auto;}
.homeSpotlights .entry {width:170px;padding-left:44px;font-size:11px;color:#686868;text-align:center;float:left;}
.homeSpotlights .entry img {border:1px solid #d8d8d8;margin-bottom:10px;}

.content {width:901px;margin:0 auto;border:1px solid #d8d8d8;}
.content h2 {font-size:14px;margin:0 0 10px 0;padding:5px;background:#f47920;color:#FFFFFF;}

.tabSection{clear: both; display: block; width: 901px; margin:0 auto; background: url(../images/tab-end.gif) no-repeat top right;}
ul.tabs{margin:0;padding:0;list-style-type: none;}
.tabs li{display: block; float: left; padding-top: 10px; height: 25px; margin-right: 1px;background:#dfdfdf; border: 1px solid #dfdfdf; border-style: solid solid none solid; text-align: center; font: normal 12px verdana; color: #000; padding-right:3px}
.tabs li a{color: #000; text-decoration: none;}
.tabs .selected{background:#fff url(../images/white.gif) repeat;}
.tabs li:hover{cursor: pointer;}
.tabs li.tab1{width: 172px;}
.tabs li.tab2{width: 184px;}
.tabs li.tab3{width: 157px;}
.tabs li.tab4{width: 157px;}
.tabs li.tab5{width: 202px; margin-right: 0;}

.tabContent{width:779px;padding:35px 60px 40px 60px;line-height:18px;clear: both;border:1px solid #d8d8d8;border-top:none;}
.tabContent ul{margin:0;padding:0;list-style-type: none;}
.tabContent li{display: block;}
.tabContent ol li{list-style-type:upper-alpha;}

.loginBox {position:relative;}
.loginBoxContainer {width:167px;height:147px;padding:40px 30px 0 30px;background:url(../Images/login-box.png) no-repeat;position:absolute;z-index:99;left:-6px;top:0;}
.loginBoxContainer .links {text-align:right;width:164px;line-height:24px;}
.loginBoxContainer .links a {font-size:10px;color:#a3a3a3;}
.loginField {width:160px;height:14px;margin:0 0 10px 0;font-size:10px;color:#a3a3a3;border:1px solid #d9d9d9;}

.divBorder{position:relative; border: 1px solid #dfdfdf; width: 775px; margin: 15px auto 45px;}
.divBorder h5{z-index: 1000; position: absolute; height: 20px; padding: 6px 25px 0 25px; background: #fff; color: #000; font-size: 11px; border: 1px solid #dfdfdf; font-family: verdana; font-weight: bold; left: 15px; top: -35px; *top: -20px}

.conLabel{text-align:right; width: 50%; font-weight: bold;}
.createScroll{height: 350px; padding: 25px; overflow: auto;}
.clearSpace{clear: both; padding-bottom: 5px; margin-bottom: 35px;}
/* STAR PARTNER */
.partnerSelection a {width:600px;padding:10px;margin:0 0 5px 0;font-weight:bold;font-size:14px;text-decoration:none;background:url(../Images/star-partner-btn.gif) repeat-y;display:block;}


/* REGISTRATION PROCESS */
.registerHeader {width:901px;height:162px;margin:0 auto 30px auto;overflow:hidden;}
.registerHeader .leftColumn {width:193px;margin:0 0 0 10px;float:left;}
.registerHeader .rightColumn {width:664px;float:right;}
.registerContent {width:901px;margin:0 auto;overflow:auto;}


/* RULES HTML */
.rulesContainer {width:820px;padding:20px;margin:10px auto;line-height:18px;border:3px solid #dedede; }
.newRules{width:820px;padding:20px;margin:10px auto;line-height:18px;border:3px solid #dedede; border-style: solid none;}
.starPartnerPopup{width:600px;padding:20px;margin:10px auto;line-height:18px;border:3px solid #dedede; border-style: solid none;}
.rulesContainer h1 {margin:0 0 10px 0;font-size:18px;color:#f47920;}
.rulesContainer b {font-weight:bold;color:#f47920;}

#officialRules .rulesContainer { height: 350px; overflow: auto; }
#officialRules #checkAgree { text-align: center; }
#officialRules #rulesNext { text-align: center; padding: 16px 0px 16px 0px; }

.errorMessage { font-weight: bold; color: #FF0000; }
#subTabs{margin-bottom: 35px;}
#subTabs a, #subTabs div{width: 179px; display: block; float: left; text-align:center; height: 34px; padding-top: 18px; border: 1px solid #d8d8d8; border-style: none none solid solid; color: #999; background-color: #EEEEEE; text-decoration: none}
#subTabs img{vertical-align: middle; padding-right: 3px;}
#subTabs a.subTabLeft, #subTabs div.subTabLeft {width: 181px; border-style: none none solid none;}
#subTabs .active {font-weight: bold; color: #000000; background-color: #FFFFFF; border-bottom: 0}
#subTabs a.hover{ color: #000;}

.mainContent {padding:45px 25px;margin:0 auto;line-height:18px;}
.mainContent h2 {font-size:14px;margin:0 0 10px 0;padding:5px;background:#f47920;color:#FFFFFF;}
.mainContent hr {border:none;border-collapse:collapse;height:1px;background:#d8d8d8;}
.smallContent { margin: 0px auto 0px auto; width: 500px; border: 1px solid #d8d8d8; padding: 24px; }

.formLeft { width: 260px; text-align: right; font-weight: bold; padding: 6px 8px 0px 40px; clear: both; float: left; }
.formRight { width: 220px; float: left; padding: 4px; }
.formError { width: 240px; float: left; padding: 6px 8px 0px 0px;  }
.formFull{width: 725px; margin: 0px auto 0px auto; float: left; padding: 4px; }

.input { width: 200px; border: 1px solid #CCCCCC; }
.phone1 { width: 50px; }
.phone2 { width: 50px; }
.phone3 { width: 88px; }

#yourProfile .formRight { width: 500px; }
.checkbox td { padding-right: 8px; }

.uploadListing td, .productListing td{border-color: #d8d8d8 !important;}
.uploadListing th, .productListing th{border-color: #d8d8d8 !important;}
#kitchenDesignInfo .formLeftRight { font-weight: bold; clear: both; float: left; width: 380px; padding: 6px; }
#kitchenDesignInfo .formLeft { width: 140px; padding: 6px; }
#kitchenDesignInfo .formRight{ width: 260px; padding: 4px; }
#kitchenDesignInfo .input { width: 220px; border: 1px solid #CCCCCC; }

#kitchenDesignInfo .columnInput {width: 223px; border-right: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; }
#kitchenDesignInfo .columnInput2 { border-right: 0px }

#kitchenDesignInfo .inputShort { width: 170px; margin: 4px; border: 1px solid #CCCCCC; }

#kitchenDesignInfo .productListing td { width: 170px; padding: 4px; border-color: #d8d8d8; }

#kitchenDesignInfo .uploadTable .inputShort { width: 213px; margin: 4px; border: 1px solid #CCCCCC; }
#kitchenDesignInfo .uploadListing td { width: 220px; padding: 4px; border-color: #d8d8d8; }


#kitchenLeft { float: left; width: 420px; }
#kitchenRight { float: left; width: 420px; border-left: 1px dotted #d8d8d8; }

.formHR { clear: both; padding: 8px 0px 12px 0px; }

.small { font-size: 11px; font-weight: normal; }
.bigText { width: 715px; height: 80px;  }

.formTable .labelColumn {width:140px;padding:0 10px 5px 0;font-weight:bold;vertical-align:top;text-align:right;}
.formTable .labelColumnLong {width:350px;padding:0 10px 5px 0;font-weight:bold;vertical-align:top;text-align:right;}
.formTable .fieldColumn {padding:0 0 5px 0;vertical-align:top;}

.innerTable {}
.innerTable .controlColumn {padding:0 0 5px 0;vertical-align:top;text-align:left;}
.innerTable .dataColumn {width:300px;padding:0 0 5px 0;vertical-align:top;}

.innerTable2 { width:300px;}
.innerTable2 .labelColumn {width:40px;padding:0 5px 5px 0;font-weight:normal;vertical-align:top;text-align:right;}
.innerTable2 .fieldColumn {padding:0 0 5px 0;vertical-align:top;}

.formTable2 {}
.formTable2 .controlColumn {width:450px;vertical-align:top;}
.formTable2 .controlColumn .innerTable { width:450px;}
.formTable2 .controlColumn .innerTable .labelColumn {width:140px;padding:0 10px 5px 0;font-weight:bold;vertical-align:top;text-align:right;}
.formTable2 .controlColumn .innerTable .fieldColumn {padding:0 0 5px 0;vertical-align:top;}
.formTable2 .dataColumn {padding:0 0 5px 0;vertical-align:top;}

.buttonArea {width: 850px; height:21px; margin: 20px auto; padding: 10px 0px; border-top: 1px solid #d8d8d8}
.buttonArea a{width: 175px; display:block; height: 23px; padding-top: 8px; color: #fff; font-weight: bold; text-decoration: none; text-align: center;}
.buttonArea a:hover{color: #fff;}
.buttonArea .next{float: right; background-color: #f57921;}
.nextLeft{float: left; background-color: #f57921;width: 175px; display:block; height: 24px; padding-top: 4px; color: #fff; font-weight: bold; text-decoration: none; text-align: center;}
.nextLeft:hover{color: #FFFFFF;}
.buttonArea .back{float: left; background-color: #949599;}

.confirmInformation { width: 420px; }
.confirmInformation td { width: 210px; text-align: left; }
.confirmProfile { width: 420px; text-align: right; }
.confirmProfile td { width: 210px; text-align: left; }

.titleEdit { font-size: 11px; font-weight: normal; padding-right: 12px; padding-left: 20px; }
.titleEdit a { text-decoration: underline; color: #000; }
.titleEdit a:hover{text-decoration: none;}

.photoErrorMessage { padding: 12px; color: #FF0000; font-weight: bold; }

.spacer{margin-bottom: 25px;}

.entryListHeader { font-weight: bold; }

.productListing{width: 100%; border: none 0px #fff; border-collapse: collapse}
.logout{float: right; font-size: 11px; font-weight: normal; position: absolute; right: 30px; top: 188px; display: block; width: 55px;}

.clear{clear: both;}

/*Admin Section*/
table.login{ }
    .login td{padding-bottom:10px;}
    .login .lbl{width:80px;}
    .login .lgn{text-align: right;}
    .login input{width: 150px;}
    .login .lgn input{cursor: pointer; width: 60px; height: 24px; line-height: 24px; font-size: 11px; color: #fff; text-align: center; background: #f47920; margin: 0 4px 0 0;border-collapse: collapse; border: none;}
.lgOt{text-align: right; padding-right: 25px;display:block;width:100px;float:right}
.projectWrap{width: 800px; margin: 0 auto;}
.project {width: 230px !important; height: 58px !important; padding: 4px 6px 10px 6px; margin: 2px; background: #eaeaeb;float:left; font-size: 10px; line-height: 16px; color: #333}
.project a{color: #666; text-decoration: underline;}
.project a:hover{text-decoration: none;}
.project img{float: left; margin: 3px 8px 0 0; border: 2px solid #ccc;}
* html .project{display: inline;}
.project:hover{background: #ddd; cursor: pointer}
.project:hover a{color: #000;}
ul.topTabs{list-style-type: none;width:920px;height: 41px;margin: 0 auto;padding: 0;background: url(../images/ulBtm.gif) no-repeat bottom;overflow:visible;}
.topTabs li{display: block; float: left;height: 35px; padding-bottom:6px; list-style-type: none;}
.topTabs a{display: block;background: url(../images/top-tab-bg.gif) no-repeat 0 0;text-decoration: none;width: 182px; line-height: 35px; height: 35px; text-align: center;color: #999;text-transform:uppercase;padding-bottom:6px;}
.topTabs li.first a{width: 183px; background-image: url(../images/top-tab-first-bg.gif);}
.topTabs li.on{background: none;}
.topTabs li.on a, .topTabs li a:hover{background-position: 0 -41px;}
li.last{width: 555px; }
ul.adminContent{width: 918px;clear:both;border: 1px solid #ccc;border-top: none;margin: 0 auto;padding: 0;list-style-type: none}
.adminContent li{padding: 40px 0;}
.adminContent .photoArea{clear: both;padding: 14px 24px 14px 60px; background: #f5f5f5; line-height: 18px; min-height: 238px; overflow: auto;}
.adminContent .photoArea img{float: left; border: 3px solid #ccc !important; margin-right: 22px;}
.adminContent .photoArea h2{font: normal 18px verdana; margin-bottom: 16px;} 
.adminContent .photoArea h3{font: normal 14px verdana; margin-bottom: 12px;} 
.contentTabs{width: 855px; margin: 24px auto 0 auto;}
ul.menu{width: 855px; overflow: auto; border-left: 1px solid #ccc;}
ul.menu, .contentTabs ul.menu li{padding: 0; margin: 0; list-style-type: none}
ul.menu li{float: left; display: block; border: 1px solid #ccc; border-style: solid solid solid none; height: 24px;}
ul.menu li.last, ul.menu li.lastHome{border-style: solid none solid none; border-top: 1px solid #fff; width: 552px}
ul.menu li.lastHome{width: 195px;}
ul.menu a{display:block; height: 24px; line-height: 24px; text-align: center; width: 150px; text-decoration: none; cursor: pointer}
ul.menu a:hover{background-color: #f5f5f5;}
ul.menu .onState{border-bottom: none; font-weight: bold}
ul.slides{padding: 0; margin: 0; list-style-type: none; clear: both; overflow: auto; border: 1px solid #ccc; border-style: none solid solid solid}
.slides li{padding: 30px; overflow: hidden;}
.slides li div{float: left; width: 250px; height: 100px;}
.repeatSection{width: 800px; margin: 0 auto; overflow: auto; }
.repeatSection h2, .projectWrap h2, .profile h2{padding: 25px 0 3px 0;border-bottom: 3px solid #ccc; color: #333; font: normal 14px verdana; clear: both}
.repeatSection .rptImg {width: 168px; margin: 15px; float: left;}
.repeatSection .rptImg a{margin: 2px; display: block; cursor: pointer; outline: none;}
.repeatSection .rptImg select{width: 168px;}
.repeatSection .rptImg img{width: 166px; height: 116px}
.adminTxtBox{background: url(../images/textBoxBg.gif) no-repeat; padding: 10px; width: 780px; height: 180px; border: none; border-collapse: collapse; font: normal 12px/16px verdana; color: #666; overflow: hidden; margin-bottom: 10px;}
ul.slides li{display: none;}
.btns input{cursor: pointer; width: 130px; height: 24px; line-height: 34px; font-size: 11px; color: #fff; text-align: center; background: #f47920; padding: 0 5px; margin-right: 4px; float: left; border-collapse: collapse; border: none;}

.profile{width: 800px;margin:0 auto;}
    .profile .pContent{padding: 20px;float: right; width: 360px;}
    .profile h2{clear: both;}


h2 a { font-size: 10px; text-decoration: none; color: #666666; padding: 0px 12px; }