﻿/* Global Styles */
body {font-family:Georgia,Arial,Helvetica; font-size:14px; line-height:19px; background:#603913; color:#fff;}
.clear{clear:both;}
.block{display:block;}
h1,h3{color:#ba6801;}
h2{color:#fff;}

#addthis{margin:0 0 20px;}

#branding{height:197px; width:100%;}
#branding_cart{height:197px; width:100%; background:url(images/branding.jpg) top center;}
.headerbrandingimage_1{background:url(images/branding.jpg) top center;}
.headerbrandingimage_2{background:url(images/branding2.jpg) top center;}
.headerbrandingimage_3{background:url(images/branding3.jpg) top center;}
.headerbrandingimage_4{background:url(images/branding4.jpg) top center;}
.edges{background:url(images/topper.gif) top center no-repeat; min-height:360px; width:100%;}
#nav{background:url(images/nav.jpg) top center repeat-x; height:42px; width:100%;}

#wood_bar{background:url(images/wood-spread.jpg) repeat-x; height:280px; width:100%;}
#wood_bar .tape{background:url(images/tape.png) -24px 0; height:200px; width:478px; padding:50px 20px 0 10px; margin:0; color:#fff; font-size:14px; line-height:19px; float:left;}
#wood_bar .tape a{color:#C86900; text-decoration:none;}
#wood_bar .tape a:hover{color:#ba823c; text-decoration:none;}
.submit_btn{height:34px; width:66px; background:url(images/submit-btn.jpg); border:0; text-indent:-9999px; cursor:pointer; padding:0; margin:0; position:absolute; left:271px; top:-1px;}

.wall_worx{padding:0 0 15px; margin:15px 0; border-bottom:1px dashed #9C6525;}
.wall_worx .floatLeft{float:left; width:630px;}
.wall_worx ul{list-style:none;margin:0; padding:0;}
.wall_worx ul li{float:left; list-style:none; margin:3px; padding:0;}

.upper_switcher{float:right; position:relative; height:600px; width:299px;}
.upper_switcher #camo{height:600px; width:299px; position:absolute; top:0; left:0;}

.upper_switcher .infinity{background:url(/resources/themes/standard/images/infinity-camo.jpg) no-repeat;}
.upper_switcher .treestand{background:url(/resources/themes/standard/images/treestand-camo.jpg) no-repeat;}
.upper_switcher .breakup{background:url(/resources/themes/standard/images/breakup-camo.jpg) no-repeat;}
.upper_switcher .duckblind{background:url(/resources/themes/standard/images/duck-blind-camo.jpg) no-repeat;}

.upper_switcher #wood_worx{height:600px; width:299px; position:absolute; top:0; left:0;}

.upper_switcher .mixed{background:url(/resources/themes/standard/images/mixed-wp.gif) no-repeat;}
.upper_switcher .red{background:url(/resources/themes/standard/images/red-wp.gif) no-repeat;}
.upper_switcher .brown{background:url(/resources/themes/standard/images/brown-wp.gif) no-repeat;}
.upper_switcher .silver{background:url(/resources/themes/standard/images/silver-wp.gif) no-repeat;}
.upper_switcher .mushroom{background:url(/resources/themes/standard/images/mushroom-wood.gif) no-repeat;}
.upper_switcher .bark{background:url(/resources/themes/standard/images/bark-wood.gif) no-repeat;}

.right_home{width:344px; height:850px; margin:-15px 0 0 10px; float:right; background:url(/resources/themes/standard/images/fancy.gif) repeat-y; padding:0 0 0 36px;}

.box{width:320px; height:293px; float:left; cursor:pointer;}
.furnishings{background:url(images/furnishings.jpg);}
.elements{background:url(images/elements.jpg);}
.structures{background:url(images/structures.jpg);}
.box_paper{width:320px; background:url(images/paper.jpg); height:145px; float:left; color:#000; font-weight:bold; font-size:12px;}
.box_paper ul li{list-style:square;}
#wrapper .box_paper ul li a{color:#000; text-decoration:none;}
#wrapper .box_paper ul li a:hover {text-decoration:underline;}

#catalogDownload {float:left; width:213px; margin:20px 0 0 120px;}

#social_network{background:url(/resources/themes/standard/images/pass-it-on.gif) no-repeat;  position:absolute; top:50px; left:370px; width:198px; height:80px;}
.twitter{position:absolute; height:30px; width:30px; top:47px; left:44px;}
.facebook{position:absolute; height:30px; width:30px; top:47px; left:84px;}
.camospace{position:absolute; height:30px; width:30px; top:47px; left:125px;}

.story_text{width:513px; margin:0 40px 0 12px;  float:left;}
#old_pics{background:url(images/poloriods.png); margin:-70px 0 0; float:left; width:372px; height:230px;}
#wood_grid{background:url(images/wood-grid.jpg); width:558px; height:530px; float:left;}

h1#what_story{width:960px; background:url(images/whats-your-story.jpg); height:94px; float:left; text-indent:-9999px; margin:20px 0 10px;}
h1#featured_products{width:567px; background:url(images/current-products.jpg); height:58px; float:left; text-indent:-9999px; margin:20px 0 10px;}
h1#wall_worx{width:339px; background:url(images/wall-worx-system.jpg); height:58px; float:left; text-indent:-9999px; margin:30px 0 10px 0px;}



/*--------------------Main Navigation ---------------------------*/

#nav_links{height:19px; margin:5px 0 0; padding:0; width:868px; float:right;}
#nav_links li{float:left; list-style:none; margin:0; padding:0;}
#nav_links li a.tack{background:url(images/nav-links.png) no-repeat; display:block; height:19px; overflow:hidden; text-indent:-9999px;}

/*up state*/
li#nav_home a.tack{background-position:0 0; width:67px;}
li#nav_about a.tack{background-position:-67px 0; width:87px;}
li#nav_furnishings a.tack{background-position:-154px 0; width:142px;}
li#nav_elements a.tack{background-position:-296px 0; width:118px;}
li#nav_structures a.tack{background-position:-414px 0; width:137px;}
li#nav_gallery a.tack{background-position:-551px 0; width:103px;}
li#nav_partners a.tack{background-position:-654px 0; width:120px;}
li#nav_contact a.tack{background-position:-774px 0; width:94px;}

/*hover state*/
li#nav_home a.tack:hover{background-position:0 -19px;}
li#nav_about a.tack:hover{background-position:-67px -19px;}
li#nav_furnishings a.tack:hover{background-position:-154px -19px;}
li#nav_elements a.tack:hover{background-position:-296px -19px;}
li#nav_structures a.tack:hover{background-position:-414px -19px;}
li#nav_gallery a.tack:hover{background-position:-551px -19px;}
li#nav_partners a.tack:hover{background-position:-654px -19px;}
li#nav_contact a.tack:hover{background-position:-774px -19px;}



.rmstoolbar{background-color:#262626; border-bottom:solid 1px #ccc; height:50px; overflow:hidden; width:100%;font-family:Arial;} 
.rmstoolbar .name{font-size:24px; font-weight:bold; color:#ccc; display:block; padding-top:10px; float:left;}
.rmstoolbar .logo{float:left; margin:-20px 15px 0 -30px;}
.rmstoolbar .loginbar{padding: 20px 10px 5px; text-align: right; color:#ccc; height:20px; width:500px; float:right;}
.rmstoolbar .loginbar a{color:#59b4d4;}

.wrapper{margin:0 auto; width:960px;}

#wrapper{width:960px; margin:0px auto;}
#wrapper a{color:#ba823c;}
#wrapper a:hover{color:#ba6801;}

#wrapper #content .breadcrumbs{border-bottom:1px solid #331e0a;}
#wrapper #content .breadcrumbs ul{margin:0px;padding:0px;}
#wrapper #content .breadcrumbs ul li{color:#BA6801; padding:5px; list-style-type:none; float:left; margin-right:5px;}
#wrapper #content .breadcrumbs li.divider
{
    background:url(images/ui/breadcrumb-divider.gif) no-repeat;
    width:7px;
    height:24px;
	margin:5px 5px 2px;
    padding:0px;
}
#wrapper #content .breadcrumbs li a{color:#BA823C; text-decoration:none;}
#wrapper #content .breadcrumbs li a:hover{color:#BA6801; text-decoration:none;}

#wrapper #content .ui-success
{
    background-color:Green;
    color:White;
}
#wrapper #content .ui-error
{
    background-color:Red;
    color:White;
    font-weight:bold;
}
#wrapper #commentform .progress,
#wrapper #commentform .results
{
    display:none;
}

/* ------------------------- Footer ------------------------------*/
#footer{background: url(images/footer.gif) repeat-x; color:#c7b39e; font-size:11px; height:222px; margin:0; padding:20px 0 0; width:100%; line-height:13px;}
.footer_logo{background:url(images/footer-logo.png); height:68px; width:195px; text-indent:-9999px; display:block;}
#footer .nav{list-style:none; float:right; height:30px; width:600px;}
#footer .nav li{float:left;}
#footer a{color:#c7b39e; text-decoration:none;}
#footer a:hover{color:#d7a068; text-decoration:none;}
#footer #contactinfo{float:left; width:192px;}
#footer #logos{float:right; text-align:center; width:245px; font-size:10px;}
#footer #logos li{display:block; float:left;}

#comments{margin-top:20px;}
#comments .comment{padding-bottom:10px;}
#comments .comment span.quote{font-size:20px; font-style:italic; font-weight:bold; font-family:Arial;}

#comments .commentlist div[rel=moderate] .topCenter p{color:Red;}
#comments .commentlist .box{display:block; width:491px; background-color:#fff;}
#comments .commentlist .topContainer{width:491px; height:64px;}
#comments .commentlist .topLeft{background:url(images/comment/topLeft.jpg) no-repeat top left; height:64px; width:20px;float:left;}
#comments .commentlist .topCenter{background:url(images/comment/topAcross.jpg) no-repeat top; height:64px; width:450px; float:left;}
#comments .commentlist .topCenter p{text-align:left; font-weight:bold; padding-top:8px;}
#comments .commentlist .topRight{background:url(images/comment/topRight.jpg) no-repeat top right; height:64px; width:21px; float:left;}
		
#comments .commentlist .middleContainer{width:481px; min-height:14px;}
#comments .commentlist .contentComment{display:block; background:url(images/comment/leftSide.jpg) repeat-y; width:492px; min-height:14px; float:left;}
#comments .commentlist .contentComment .photo{float:left; padding:5px;}
#comments .commentlist .contentComment p{padding:0 10px 10px;}

#comments .commentlist .bottomContainer{width:491px; height:25px;}
#comments .commentlist .botLeft{background:url(images/comment/bottomLeft.jpg) no-repeat top left; height:25px;	width:20px;	float:left;}
#comments .commentlist .botCenter{background:url(images/comment/bottomCenter.jpg) no-repeat top; height:25px; width:450px; float:left; text-align:right; font-size:10px; font-style:italic;}
#comments .commentlist .botRight{background:url(images/comment/bottomRight.jpg) no-repeat top right; height:25px; width:21px; float:left;}

#comments .commentform{margin-top:20px; width:400px;}
#comments .commentform div{margin-bottom:10px;}
#comments .commentform .label{font-weight:bold;}
#comments .commentform .input{margin-top:5px; padding:3px;font-size:12px;width:400px;border:solid 1px #aaa;background-color:#f7faff;}
#comments .commentform textarea.input{height:100px;overflow:auto;}
#comments .commentform .caption{ font-style:italic; font-size:10px;color:#666;}
#comments .commentform .results,
#comments .commentform .progress{display:none;}

.pager{margin:20px 0px;padding:5px; text-align:center; font-size:11px;}
.pager .stats{margin:5px 0px; text-align:center;}
.pager .pages {margin:0px;padding:0; float:left; width:100%; text-align:center; color:#000;}
.pager .pages li{float:left; list-style-type:none;margin:0 2px; border:1px solid #BF8247;}
.pager .pages li.first{margin-left:0px;}
.pager .pages li span{display:block;background-color:#C7B39E; padding:2px 6px;}
.pager .pages li a{display:block;background-color:#7A532D;color:#fff !important;text-decoration:none; padding:2px 6px;}
.pager .pages li a:hover{color:#000;background-color:#BA6801; padding:2px 6px;}
.pager .pages li.end{clear:left;height:0px;padding:0px; border:none;}

/* Home Page */
#content .center{float:left;width:600px;margin-left:15px;}
#content .sidebar{float:left;width:280px;}

/* Controls */
#content .postlist .post{list-style-type:none; margin:0;}
#content .postlist .post .preview{float:left; padding:5px; background:#fff;}
#content .postlist .post .details{float:left; width:300px;}
#content .postlist .post .details .date{font-size:10px;color:#9f9081;}
#content .postlist .post .details .title{font-size:15px;}
#content .postlist .post .details .author{display:none;}
#content .postlist .post .details .teaser{font-size:12px;}
#content .postlist .post .details .teaser a{font-size:18px;color:#ba823c; text-decoration:none;}
#content .postlist .post .details .teaser a:hover{color:#ba6801; text-decoration:none;}
#content .postlist .post .details .teaser .extras{text-align:right;font-size:11px;color:#999;}
#content .postlist .post .details .teaser .extras a{font-size:11px;color:#999;}

#content .linklist ul {margin:0px !important;padding:0px;list-style-type:none;}
#content .linklist ul {margin-left:0px !important;}
#content .linklist ul li{list-style-type:none;}

#content .photolist .photo {float:left;width:100px;margin-right:5px;}
#content .photolist .photo .caption{display:none;}