@charset "utf-8";
* { margin:0; padding:0; outline:0; }
ul, li { list-style:none; }
a img, fieldset { border:0; }
p { padding:6px 0; }
/* Font Defenitions
--------------------------------------------------------------*/
@font-face {
	font-family: 'DejaVuSansCondensed';
	src: url('dejavusanscondensed-webfont.eot');
	src: local('☺'), local('DejaVuSansCondensed'), url('dejavusanscondensed-webfont.woff') format('woff'), url('dejavusanscondensed-webfont.ttf') format('truetype'), url('dejavusanscondensed-webfont.svg#webfontEIP5Nvte') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DejaVuSansCondensed';
	src: url('dejavusanscondensed-bold-webfont.eot');
	src: local('☺'), local('DejaVuSansCondensedBold'), url('dejavusanscondensed-bold-webfont.woff') format('woff'), url('dejavusanscondensed-bold-webfont.ttf') format('truetype'), url('dejavusanscondensed-bold-webfont.svg#webfontOWI1LghU') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'DejaVuSansCondensed';
	src: url('dejavusanscondensed-boldoblique-webfont.eot');
	src: local('☺'), local('DejaVuSansCondensedBoldOblique'), url('dejavusanscondensed-boldoblique-webfont.woff') format('woff'), url('dejavusanscondensed-boldoblique-webfont.ttf') format('truetype'), url('dejavusanscondensed-boldoblique-webfont.svg#webfontinZewxME') format('svg');
	font-weight: bold;
	font-style: oblique;
}
body { font-family: "DejaVuSansCondensed", "DejaVu Sans Condensed", Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size:15px; font-smooth: always; background:url(../images/main_wood_pattern_bg.jpg); }



.clr { height:0; font-size:0; line-height: 0; clear:both; }
.clr:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0.1em; line-height: 0; }
/* MainPage
--------------------------------------------------------------*/
#wrap { width: 959px; margin: 0 auto; overflow: hidden; padding-top: 21px;  }
#mainHeader { background: url(../images/main_header_bg.jpg); height: 91px; }
#mainLogo { background: url(../images/main_top_logo.png); width: 221px; height: 91px; display: block; float: left; }
#mainHeader .right { float: left; height: 84px; width: 538px; padding-left: 200px; padding-top: 7px; }
#mainTopNav { display: block; height: 44px; }
#mainTopNav li { display: block; float: left; white-space: nowrap; font-size: 12px; }
#mainTopNav li a { padding-left: 17px; display: block; float: left; padding-right: 28px; padding-top:2px; height:33px; line-height: 32px; }
#mainTopNav li a { color: #583f2c; font-weight: bold; text-decoration: none; }
#mainTopNav li a:hover { text-decoration: underline; }
/* Login Without javascript, don't touch!
-----------------------*/
#mainTopNav #login p { display: none; }
#mainTopNav #login:hover p { display: block; }
#mainTopNav #login { position:relative; float: left; width: 132px; height: 35px; z-index:4; background:url(../images/main_login_down_arrow.png) no-repeat right top;  }
#mainHeader #login:hover p { display: block; position: absolute; top: 35px; right: 0px; background:#fff; width:201px; padding: 8px; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size: 10px; -moz-box-shadow: 0px 0px 10px #494b4b; -webkit-box-shadow: 0px 0px 10px #494b4b; box-shadow: 0px 0px 10px #494b4b; line-height: 16px; }
#mainTopNav #login:hover a { padding:0; background: #fff url(../images/main_topnav_hvr_rpt.png) repeat-x; height:35px; -moz-box-shadow: 0px 2px 8px #494b4b; -webkit-box-shadow: 0px 2px 8px #494b4b; box-shadow: 0px 2px 8px #494b4b; }
#mainTopNav #login:hover a span { background: url(../images/main_topnav_hvr_left.png) no-repeat; display:block; }
#mainTopNav #login:hover a span span { background: url(../images/main_login_up_arrow.png)  no-repeat right top; padding-right: 28px; padding-left: 17px; padding-top:2px; display:block; height:34px; }
#mainTopNav #login:hover a, #mainTopNav #login:hover a span, #mainTopNav #login:hover a span span { position:relative; z-index:4; }
#mainTopNav #login:hover p .txtIn { display: block; height: 31px; }
#mainTopNav #login:hover p .txtIn input { color: #493b20; background:url(../images/main_top_login_input_bg.png) repeat-x; border: solid 1px #cecece; padding: 5px 10px; font-size: 12px; width: 178px; }
#mainTopNav #login:hover p a, #mainTopNav #login:hover p a { padding: 0; width: auto; float:left; height: 16px; background: none; -moz-box-shadow: 0px 0px 0px #494b4b; -webkit-box-shadow: 0px 0px 0px #494b4b; box-shadow: 0px 0px 0px #494b4b; }
#mainTopNav #login:hover .cut { height: 35px; overflow: hidden; display: block; padding: 8px 8px 0 8px; top: -8px; position: absolute; left:-8px;  }
#mainTopNav #login p span .sub { float: right; margin-top: 0px; }
#mainTopNav #login p span.last, #login p span.last a { font-family:  Arial, Helvetica, "Nimbus Sans L", FreeSans; padding:0px; height: 16px; display:block; margin:0; line-height:16px; }
#password-clear { display: none; }
/* Login With javascript, don't touch!
-----------------------*/
.has-js #mainTopNav .hide p, .has-js #mainTopNav #login.hide:hover p { display: none; }
.has-js #mainTopNav #login.hide:hover a, .has-js #mainTopNav #login.hide:hover a span, .has-js #mainTopNav #login.hide:hover a span span { background: none;  -moz-box-shadow: 0px 0px 0px #494b4b; -webkit-box-shadow: 0px 0px 0px #494b4b; box-shadow: 0px 0px 0px #494b4b; }
.has-js #mainTopNav #login { position:relative; float: left; width: 132px; height: 35px; z-index:4; }
.has-js #mainHeader #login.show p { display: block; position: absolute; top: 35px; right: 0px; background:#fff; width:201px; padding: 8px; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size: 10px; -moz-box-shadow: 0px 0px 10px #494b4b; -webkit-box-shadow: 0px 0px 10px #494b4b; box-shadow: 0px 0px 10px #494b4b; line-height: 16px; }
.has-js #mainTopNav .show a { padding:0; background: #fff url(../images/main_topnav_hvr_rpt.png) repeat-x; height:35px; -moz-box-shadow: 0px 2px 8px #494b4b; -webkit-box-shadow: 0px 2px 8px #494b4b; box-shadow: 0px 2px 8px #494b4b; }
.has-js #mainTopNav .show a span { background: url(../images/main_topnav_hvr_left.png) no-repeat; display:block; }
.has-js #mainTopNav .show a span span { background: url(../images/main_login_up_arrow.png)  no-repeat right top; padding-right: 28px; padding-left: 17px; padding-top:2px; display:block; height:34px; }
.has-js #mainTopNav .show a span span.goup { background: url(../images/main_login_up_arrow.png) no-repeat right top; padding-right: 28px; padding-left: 17px; padding-top:2px; display:block; height:34px; }
.has-js #mainTopNav .show a, .has-js #mainTopNav .show a span, .has-js #mainTopNav .show a span span { position:relative; z-index:4; }
.has-js #mainTopNav .show p .txtIn { display: block; height: 31px; }
.has-js #mainTopNav .show p .txtIn input { color: #493b20; background:url(../images/main_top_login_input_bg.png) repeat-x; border: solid 1px #cecece; padding: 5px 10px; font-size: 12px; width: 178px; }
.has-js #mainTopNav .show p a, .has-js #mainTopNav .show p a { padding: 0; width: auto; float:left; height: 16px; background: none; -moz-box-shadow: 0px 0px 0px #494b4b; -webkit-box-shadow: 0px 0px 0px #494b4b; box-shadow: 0px 0px 0px #494b4b; }
.has-js #mainTopNav .show .cut { height: 35px; overflow: hidden; display: block; padding: 8px 8px 0 8px; top: -8px; position: absolute; left:-8px; }
.has-js #mainTopNav .show p span .sub { float: right; margin-top: 0px; }
.has-js #mainTopNav .show p span.last, .has-js .show p span.last a { font-family:  Arial, Helvetica, "Nimbus Sans L", FreeSans; padding:0px; height: 16px; display:block; margin:0; line-height:16px; }
/* Search Box
-----------------------*/
#mainSearch { background: url(../images/main_top_search_bg.png) no-repeat 17px 0; padding-left: 17px; height: 34px; clear: both; width: 503px; }
#mainSearch input { float: left; }
#mainSearch .txt { font-family:  Arial, Helvetica, "Nimbus Sans L", FreeSans; background: none transparent; border: none; width: 420px; padding: 7px 10px; font-size: 13px; color: #6f4732; }
#mainSearch .btn { float: right; }
/* Center nav
-----------------------*/
#mainCenterNav { background: url(../images/main_center_nav_bg.png); height: 41px; }
#mainCenterNav ul { display: block; height: 41px; padding: 0 0 0 1px; width: 105%; }
#mainCenterNav ul li { position: relative; z-index:2; }
#mainCenterNav ul li, #mainCenterNav ul li a, #mainCenterNav ul li a span { display: block; float: left; height: 41px; }
#mainCenterNav ul li .drop { position: absolute; top: 40px; left: 0px; background: #fff; width: 240px; padding: 13px 2px 13px 20px; height: auto; -moz-box-shadow: 0px 2px 8px #494b4b; -webkit-box-shadow: 0px 2px 8px #494b4b; box-shadow: 0px 2px 8px #494b4b; }
#mainCenterNav ul li .drop { display: none; }
#mainCenterNav ul li.last .drop { top: 40px; left: auto; right:0px; }
#mainCenterNav ul li:hover .drop { display: block; }
#mainCenterNav ul li a span span { padding: 0 23px 0 24px; line-height:40px; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size: 12px; font-weight: bold; }
#mainCenterNav ul li a { color: #fff; text-decoration: none; position: relative; z-index: 2; }
#mainCenterNav ul li:hover a { color: #e9641d; background:url(../images/main_center_nav_hvr_rpt.png) repeat-x; }
#mainCenterNav ul li:hover a span { background:url(../images/main_center_nav_hvr_left.png) no-repeat; }
#mainCenterNav ul li:hover a span span { background: url(../images/main_center_nav_hvr_right.png) no-repeat right top; }
#mainCenterNav ul li .drop li { float: left; width: 50%; height: auto; line-height: 26px; overflow: hidden; color: #76604e; display: block; }
#mainCenterNav ul li .drop li a { color: #76604e; font-size: 12px; float: none; display: inline; background: none; font-weight: bold; }
#mainCenterNav ul li .drop li a:hover, #mainCenterNav ul li .drop li a:hover span { background: none; }
#mainCenterNav ul li .drop li a:hover { text-decoration: underline; }
#mainCenterNav ul li .drop li span { display: block; }
#mainCenterNav ul li .drop li span { padding-left: 6px; }
#mainCenterNav ul li .drop li ul { height: auto; overflow: hidden; width:100%; float:left; }
#mainCenterNav ul li .drop li ul li { width: 100%; }
#mainCenterNav ul .last a span span { padding: 0px 25px; }
#mainBannerleft { float: left; background:url(../images/main_banner_right_bg.jpg); width: 661px; height: 177px; overflow: hidden; }
#mainBannerleft p { color: #FFF; font-family: "DejaVuSansCondensed", "DejaVu Sans Condensed", Arial, Helvetica, "Nimbus Sans L", FreeSans; font-weight: bold; text-shadow: 1px 1px 0 #000; font-style: oblique; font-size: 18px; line-height: 32px; padding: 40px 112px 0 112px; }
/* Signup
-----------------------*/
#mainBannerSignup { float: left; }
#mainBannerSignup { background: url(../images/main_banner_login_bg.jpg); width: 298px; height: 113px; padding: 64px 0 0 0; }
#mainBannerSignup p { display: block; height: 29px; padding: 0; clear: both; }
#mainBannerSignup p label { display: block; width: 78px; float: left; color: #fff; text-align: right; padding-right: 15px; line-height: 26px; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size: 12px; }
#mainBannerSignup p.txt input { float: left; border: solid 1px #c26001; background: #fff 0% 0%; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size: 12px; padding: 4px 5px; width: 176px; color: #6f4732; }
#mainBannerSignup .signup { padding: 0px 0px 0px 208px; }
#wrap .miniLine { font-size: 0px; line-height: 0px; background: url(../images/main_cont_top_border.jpg); height: 2px; overflow: hidden; }
#mainBanner { height: 177px; width: 100%; overflow: hidden; }
/* Main Content
-----------------------*/
#mainContent { background: url(../images/main_cont_bg_rpt_2col.jpg) repeat-y; clear: both; float: left; }
#mainContLeft { float: left; width: 605px; padding: 17px 27px; }
#mainContLeft .title1 { display: block; font-size: 16px; font-weight: bold; height: 54px; line-height: 54px; color: #472e1e; }
#mainContLeft .stdContainer { background: #f5f5f5; border: solid 1px #c5b49d; padding: 17px; font-size: 13px; color: #805940; }
#mainContLeft .retail img { display: inline; }
#mainContLeft .retail { text-align: justify; vertical-align: middle; padding: 10px; }
#mainContLeft .stdContainer.retail ul li { float: left; display: block; }
#mainContLeft .retail ul li a { padding: 0 27px; float:left; display:block; }
#mainContLeft .retail ul li .small { padding-right: 8px; }
#mainContLeft .stdContainer .one { background: url(../images/main_how_1.png) no-repeat; padding-left: 26px; float: left; width: 154px; padding-right: 10px; }
#mainContLeft .stdContainer .two { float: left; background:url(../images/main_how_2.png) no-repeat; width:157px; padding-left: 26px; padding-right: 10px; }
#mainContLeft .stdContainer .three { float: left; background:url(../images/main_how_3.png) no-repeat; width:157px; padding-left: 26px; }
/* Slide
--------------------------------------------------------------*/
#mainSlide .panel { position: absolute; display: block; top: -11px; left: 544px; width: 35px; height: 12px; }
#mainSlide { position: relative; }
#mainSlide ul, #mainSlide ul li { display: block; height: 25px; overflow: hidden; font-size: 12px; color: #59311f; }
#mainSlide ul li { padding-top: 6px; height: 15px; }
#mainSlide .panel a, #mainSlide .panel:hover a { display: block; width: 12px; height: 12px; float: left; background: url(../images/main_slide_btn_active.png); margin-right: 5px; }
#mainSlide .panel a.on, #mainSlide .panel a:hover, #mainSlide .panel:hover a:hover { background:url(../images/main_slide_btn_inactive.png); }
#mainSlide .slides a { color: #59311f; text-decoration: none; }
#mainSlide .slides a:hover { text-decoration: underline; }
.slide span { padding-right: 12px; }
/* main right
-----------------------*/
#mainContRight { float: left; width: 300px; font-size: 12px; color: #472e1e; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; }
#mainContRight .title2 { background: url(../images/main_right_col_title_bg.png); height: 43px; display: block; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 0 #000; line-height: 42px; padding: 0 0 0 24px; color: #fff; }
#mainContRight ul { padding-left: 22px; display: block; padding-bottom: 8px; }
#mainContRight ul li { display: block; padding: 8px 20px; background:url(../images/main_rightcont_ul_arrows.png) no-repeat 0 12px; }
#mainContRight .rightColTxt { padding: 12px 21px; }
#mainContRight .testiAuth { display: block; text-align: right; padding-right: 22px; font-weight: bold; }
/* Footer
-----------------------*/
#mainFooter { background: url(../images/main_footer_grad.png) repeat-x; text-align: center; padding-bottom: 20px; clear: left; }
* html #mainFooter { background-image: none; }  /* ie6 */
#mainFooter .banner { text-align: center; padding: 27px 0 15px 0; }
#footerNav { display: block; text-align: center; color: #fff; text-shadow: 1px 1px 0 #000; font-size: 13px; }
#footerNav li { display: inline; padding-left: 6px; }
#footerNav li a { color: #FFF; text-decoration: none; padding-right: 6px; }
#footerNav li a:hover { text-decoration: underline; }
#mainFooter .copy { font-weight: bold; color: #FFF; font-size: 12px; padding: 10px 0 14px 0; }
* html #mainFooter a .ftrLogo {
filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/main_footer_logo.png', sizingmethod='crop'); height:0; padding-top: 66px; }/* ie6 */
.step { display: block; padding: 0; line-height: 20px; }
/* END Main Page
--------------------------------------------------------------*/