/*******************common starts********************/
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,form,fieldset,p{margin:0; padding:0; font-weight:normal}
img,fieldset{border:none; padding:0; margin:0;}
body{font:12px Arial, Helvetica, sans-serif; color:#251b0f; background:#f1cc9d url(../images/body_bg.gif) repeat-x 0 0;}
span.clear{clear:both;}
.left{float:left; width:auto;}
.right{float:right; width:auto;}
h1, h2, h3, h4, h5, h6, li, p, strong, b, a {text-shadow: 0 1px 0 #f6debe;}
h2 {font-weight:bold;color:#645036}
a:focus{outline:none}
a{outline:none;text-shadow: 0 1px 0 #f6debe;}
img.left_curve{float:left;}
img.right_curve{float:right;}
/*******************common ends********************/

/*******************layout starts********************/
#outer_layout{margin:0 auto; width:100%;}
#layout{margin:0 auto; width:995px;}
/*******************layout ends********************/

/*******************nail starts********************/
#nail_top{margin:0 auto; width:90%;}
#nail_top .nail_left{float:left; background:url(../images/nail.png) no-repeat 0 0; height:24px; width:22px;}
#nail_top .nail_right{float:right; background:url(../images/nail.png) no-repeat 0 0; height:24px; width:22px;}
/*******************nail ends********************/

/*******************header starts********************/
#header{float:left; width:984px; padding:0 0 0 11px; position:relative;}
#header .logo{float:left; width:257px; background:url(../images/logo.png) no-repeat 0 0; height:107px; margin-top:21px; display:block; text-decoration: none;}
#header .link_logo{float:none; position:absolute; top:20px; left:12px; height:107px; width:257px;}

#header img.tagline {padding:5px 0 0 0}

#header .right{float:right; width:648px;}
#header .right .top{float:right; width:414px;}
#header .right .top ul{float:right; width:384px; list-style:none;}
#header .right .top li{float:left; width:auto; font-size:10px; font-weight:bold; color:#89552b;}
#header .right .top li a, #header .right .top li a:link, #header .right .top li a:visited{float:left; width:auto; padding:5px 12px 6px; text-decoration:none; color:#89552b; text-transform:uppercase; } 
#header .right .top li a:hover, #header .right .top li a:active, #header .right .top li a.on{float:left; width:auto; background:url(../images/over_bg.gif) repeat-x 0 0; color:#fff; cursor:pointer;text-shadow:0 1px 0 #4a2f1a} 

/* salebanner_sale.png salebanner_end.png*/

#header .right .sale{float:left; width:625px; height:70px;background: url(../images/fastdelivery_left.png) no-repeat top left;}
#header .right .sale .phone{float:right; text-align:right;padding:10px 4px 24px 0px; font-size:20px; line-height:22px; color:#89552b; font-weight:bold;}
#header .right .sale .phone em{font-size:13px; color:#af6b35;}

#header .right .sale .salebanner {background: url(../images/fastdelivery_right.png) no-repeat top right; height: 70px; float: left; display: block;}
#header .right .sale .salebanner .saletext {margin-left:66px;_margin-left:33px; margin-right:31px; _margin-right:15px;background: url(../images/fastdelivery_bkg.png) repeat-x top; height: 90px; padding:13px 0 0 3px; color:#5b311e; font-size: 10px; line-height: 12px; display:block; float:left;}
  #header .right .sale .salebanner .saletext strong {font-size:14px;font-style: normal; display: block; padding:0 0 3px 0; margin: 0;}
  #header .right .sale .salebanner .saletext em {font-style: normal; color:#af6b35; font-weight: bold !important;}
  #header .right .sale .salebanner .saletext a {color:#5b311e; text-decoration: none;}
  #header .right .sale .salebanner .saletext a:hover {color:inherit; text-decoration: underline;}



/* Big tagline, no sale */
#header .right .contact{float:left; width:625px; text-align:right; padding:24px 4px 24px 0px; font-size:20px; line-height:22px; color:#89552b; font-weight:bold;background:url(../images/tagline.gif) no-repeat 130px 27px;}


.menu{float:left; width:648px; background:url(../images/nav_strip.gif) no-repeat 0 0; height:32px;}
.menu ul{float:left; width:643px; list-style:none; padding-left:4px;}
.menu li{float:left; width:auto; font:bold 15px/17px "Trebuchet MS", Arial; color:#af6b35; padding:4px 35px 0 0}
.menu li.none{float:left; padding-right:0;}
.menu li a, .menu li a:link, .menu li a:visited {float:left; width:auto; color:#af6b35; text-decoration:none; padding:4px 12px 2px;text-trans
: uppercase; }
.menu li a:hover, .menu li a:active, .menu li a.on{float:left; width:auto; color:#5b311e; background:url(../images/over_menu.png) repeat-x 0 0; cursor:pointer;}
/*******************header starts********************/

/******************* paging starts********************/
 



/******************* paging ends********************/

/*******************sub_menu starts********************/
.sub_menu{float:left; width:975px; padding:7px 0 8px}
.sub_menu ul{float:right; list-style:none; width:auto;}
.sub_menu ul li{float:left; width:auto; font-size:12px; font-weight:bold; color:#955b2c;}
.sub_menu ul li a, .sub_menu ul li a:link, .sub_menu ul li a:visited{float:left; width:auto;  color:#955b2c; padding:2px 8px 3px 9px; text-decoration:none;}
.sub_menu ul li a:hover, .sub_menu ul li a:active, .sub_menu ul li a.on{float:left; width:auto; border-bottom:1px solid #b7865d; color:#fff; background:#c79a73; padding:2px 8px 2px 9px; text-decoration:none; cursor:pointer;text-shadow:0 1px 0 #b7865d;}

/******************* sub_menu ends********************/

/*******************banner starts********************/
#banner{float:left; width:865px; background:url(../images/banner_bg.gif) no-repeat 0 0; height:275px; padding:36px 76px 63px 54px; position:relative;margin:20px 0 0 0;}
#banner div.scrollable {position:relative;overflow:hidden; width:865px;height:275px;} 
#banner div.scrollable div.items {width:999999em;position:absolute;clear:both; } 

.items div {float:left;width:865px;position:relative;}
.items div div.note {float:left;width:280px;padding:30px 0 0 0;margin:0;}
.items div img{float:right;padding:0;width:515}
.items div h3{font:bold 27px/27px "Trebuchet MS", Arial; color:#000;}
.items div h3 b {font-size:34px; line-height: 34px;}
.items div p{font-size:15px; line-height:18px; color:#000; font-weight:bold; padding:11px 0 8px 0;}
.items div p.short-lines{font-size:18px; line-height:24px; color:#000; font-weight:bold; padding:12px 0 8px 0;}


#banner .nail{float:none; position:absolute; top:12px; right:310px; background:url(../images/nail_btn.png) no-repeat 0 0; height:38px; width:26px;}
.items div a.learnmore, .items div a.learnmore:link, .items div a.learnmore:visited {display:inline-block; float:right; margin:20px 10px 0 0;background:transparent;clear:both;}
.items div a.learnmore:hover, .items div a.learnmore:activee {border: 1px solid #fff; _border:none}

/*******************banner ends********************/




/*******************body container starts********************/
#body_container{float:left; width:982px; padding:21px 0 0 13px;}
#body_container_inner{float:left; width:100%; background:#f9ead7;}
#top_border_strip{float:left; width:100%; background:url(../images/innder_border_top.gif) repeat-x 0 0; }
#bottom_border_strip{float:left; width:100%; background:url(../images/inner_border_bottom.gif) repeat-x 0 bottom;padding:56px 0 43px}
#body_inside{margin:0 auto; width:995px;}
/*******************body container ends********************/

/*******************left container starts********************/
#left_container{float:left; width:255px;}

#left_container .rows{float:left; width:247px; background:url(../images/repeat_bg.gif) repeat-y 0 0; position:relative;}
#left_container .rows .nail{float:none; position:absolute; top:-10px; right:0;}
#left_container .rows .nail img{float:left;}
#left_container .rows .top_shad{float:left; width:247px; background:url(../images/top_shad_left.gif) no-repeat 0 0;}
#left_container .rows .bottom_shad{float:left; width:233px; background:url(../images/bottom_shad_left.gif) no-repeat 0 bottom; padding:14px 0 24px 14px;}
#left_container .rows h3{float:left; width:214px; padding-bottom:6px; font-size:9px; text-transform:uppercase; color:#251b0f; background:url(../images/border_strip.gif) no-repeat 0 bottom;}
#left_container .rows strong{float:left; width:214px; font:bold 19px/21px "Trebuchet MS", Arial; color:#6c4627; padding:18px 0 27px 6px;}
#left_container .rows span{float:left; width:214px;}
#left_container .rows img{float:left;}

#left_container .rows_pad{float:left; padding-top:31px;}
#left_container .rows_nopad {float:left;padding-top:7px;}
#left_container .common_rows{float:left; width:247px; background:url(../images/repeat_bg1.gif) repeat-y 0 0; position:relative;}
#left_container .common_rows .nail{float:none; position:absolute; top:-10px; right:0;}
#left_container .common_rows .nail img{float:left;}
#left_container .common_rows .top_shad{float:left; width:247px; background:url(../images/top_shad_left1.gif) no-repeat 0 0;}
#left_container .common_rows .bottom_shad{float:left; width:233px; background:url(../images/bottom_shad_left1.gif) no-repeat 0 bottom; padding:14px 0 33px 14px;}
#left_container .common_rows h3{float:left; width:214px; padding-bottom:6px; font-size:9px; text-transform:uppercase; color:#251b0f; background:url(../images/border_strip.gif) no-repeat 0 bottom;}
#left_container .common_rows strong{float:left; width:214px; font:bold 19px/21px "Trebuchet MS", Arial; color:#6c4627; padding:18px 0 0 6px;}
#left_container .common_rows span{float:left; width:214px; padding:27px 0 0 0;}
#left_container .common_rows p{float:left; width:214px; font:normal 14px/14px "Trebuchet MS", Arial; color:#251b0f; padding:3px 0 4px 6px}
#left_container .common_rows img{float:left;}
#left_container .common_rows ul{float:left; width:214px; list-style:none; padding-left:6px}
#left_container .common_rows li{float:left; width:214px; background:url(../images/bullates.gif) no-repeat 0 7px; font:bold 13px/20px "Trebuchet MS", Arial; padding:0 0 0 7px;}
#left_container .common_rows li a{color:#56361e; text-decoration:underline;}
#left_container .common_rows li a:hover{text-decoration:none;}

#left_container .bottom_shad p a{color:#000; text-decoration:underline;}
#left_container .bottom_shad p a:hover{text-decoration:none;}


/*******************left container ends********************/

/*******************right container starts********************/
#right_container{float: right; width:719px; padding-top:2px;}
#right_container .rows{float:left; width:719px; background:url(../images/border_right.gif) no-repeat 0 bottom; padding-bottom:20px; padding-top: 15px}
#right_container .cols{float:left; width:196px; background:url(../images/right_strip.gif) repeat-y right 0; padding:10px 0 40px 5px; margin-right:48px; display:inline}
#right_container .cols1{float:left; width:196px; background:url(../images/right_strip.gif) repeat-y right 0; padding:10px 0 40px 5px;}
#right_container img{float:left;}
#right_container .rows_in{float:left; width:719px;  padding-bottom:21px}
#right_container .cols_in{float:left; width:196px; background:url(../images/right_strip.gif) repeat-y right 0; padding:10px 0 10px 5px; margin-right:48px; display:inline}
#right_container .cols1_in{float:left; width:196px; background:url(../images/right_strip.gif) repeat-y right 0; padding:10px 0 10px 5px;}

#right_container .pic_area{float:left; width:158px; background:#fdfbf8; height:108px; padding:7px 10px 10px 8px; position:relative;border-right:2px solid #c8bc9f;border-bottom:2px solid #c8bc9f;}
#right_container .pic_area:hover{background:#fff;}



#right_container .pic_area .price {float:none; position:absolute; bottom:-34px; right:-40px; background:url(../images/wood-nickel.png) no-repeat 0 0; height:91px; width:84px;text-align: center;font-size:20px;line-height:30px;font-weight:bold;letter-spacing:-.5px;text-shadow:0 1px 0 #c59c71;}
	#right_container .pic_area .price span {display:block;font-weight:bold;font-size:9px;text-transform:uppercase;letter-spacing:-1px;padding:20px 0 1px 0;line-height:11px;}
	
#right_container .content{float:left; width:190px; padding-top:35px; }
#right_container .content h3{float:left; width:190px; font:bold 24px/24px "Trebuchet MS", Arial; color:#251b0f;}
#right_container .content h3 a{float:left; width:190px; font:bold 24px/24px "Trebuchet MS", Arial; color:#251b0f; text-decoration: none; padding:0; margin:0; background:none; border: none; text-decoration: none;}
#right_container .content p{float:left; width:180px; font-size:11px; line-height:18px; color:#645036;padding-top:6px;}
#right_container .content a{background-color:#faebd6; font-size:11px; line-height:13px; color:#6b4222; font-weight:bold; text-decoration:none; padding:3px 6px 4px 5px;display:inline-block; border-bottom: 1px solid #bbaa55; margin:10px 0 0 0}
#right_container .content a:hover{text-decoration:underline;color:#000;}

#right_container .content1{float:left; width:190px; padding-top:34px}
#right_container .content1 h3{float:left; width:190px; font:bold 24px/24px "Trebuchet MS", Arial; color:#251b0f;}
#right_container .content1 h3 a, #right_container .content1 h3 a:link, #right_container .content1 h3 a:visited {background:none; font:bold 24px/24px "Trebuchet MS", Arial; color:#251b0f; text-decoration:none; padding:0;display:inline-block; border:0; margin:0;}
#right_container .content1 h3 a:hover, #right_container .content1 h3 a:active{text-decoration:underline;}


#right_container .content1 p{float:left; width:180px; font-size:11px; line-height:18px; color:#645036;padding-top:6px;}
#right_container .content1 a, #right_container .content1 a:link, #right_container .content1 a:visited{background-color:#fff; font-size:11px; line-height:13px; color:#6b4222; font-weight:bold; text-decoration:none; padding:3px 6px 4px 5px;display:inline-block; border-bottom: 1px solid #bbaa55; margin:10px 0 0 0}
#right_container .content1 a:hover, #right_container .content1 a:active{text-decoration:underline;}



.submit {margin:0 auto}


/*******************right container ends********************/


/*--------------------------------------------------------------------
Details Pages----
---------------------------------------------------------------------*/

/*left column*/
.details #left_container{float:left; width:360px;}

.details #left_container .notepaper {background:url(../images/notePaper.gif) repeat-y 0 0; width:337px;border:1px solid #d1c5b6;border-right:1px solid #8e867c;border-bottom:3px solid #8e867c;}
.details #left_container .notepaper .notepaper-inner {padding:0 25px 25px 25px;}
	.notepaper h4{font:bold 22px/22px "Trebuchet MS", Arial; color:#000;}
	.notepaper ul {padding:20px 0 10px 10px;margin:0;}
	.notepaper ul li {background:url(../images/checkmark.gif) no-repeat 0 0;list-style-type:none;padding:0 0 0 20px;margin:0 0 10px 0;}
	
	
/*right column*/
.details #right_container{float: right; width:555px; padding-top:2px;}
.details #right_container img{border-right:2px solid #c8bc9f;border-bottom:2px solid #c8bc9f;}
.details #right_container .text {clear:both;padding:30px 0;margin:0;}
.details #right_container h1{clear:both;display:block;font:bold 24px/24px "Trebuchet MS", Arial; color:#645036;padding:0;margin:0 0 20px 0}
.details #right_container  p{display:block;font-size:13px; line-height:19px; color:#645036;margin:0 0 20px 0;}
.details #right_container  a{display:inline-block;background:#faebd6; font-size:11px; line-height:11px; color:#6b4222; font-weight:bold; text-decoration:none; padding:2px 4px;text-shadow:0 1px 0 #fff;}
.details #right_container  a:hover{text-decoration:underline;color:#000;}


/*--- shed tables ---*/
.details #right_container table, table {padding:0;margin:0;background:#eaddcd;}
.details #right_container table td, table td{padding:0 0 8px 8px;margin:0;}
	.details #right_container table td:first-child, table td:first-child {padding:0 0 8px 0;}
.details #right_container table.shed-table, table.shed-table {padding:0;margin:10px 0 22px -10px;background:#eaddcd;border:9px solid #dfd2c3}
.details #right_container table.shed-table td, table.shed-table td{padding:2px 0 3px 9px;margin:0;border-right:1px solid #dcccb7;border-left:1px solid #f9ead7;}
.details #right_container table.shed-table td em, table.shed-table td em{font-size:11px; font-style:normal;color:#645036;}
.details #right_container table.shed-table  td:first-child, table.shed-table  td:first-child {padding:2px 0 3px 6px;}
.details #right_container table.shed-table thead td, table.shed-table thead td,{padding:8px 0 15px 8px;margin:0;color:#4a3a26;font-size:16px;}
.details #right_container table.shed-table thead td:first-child, table.shed-table thead td:first-child  {padding:8px 0 15px 8px;}

.details #right_container table.shed-table.small tbody td, table.shed-table.small tbody td  {font-size:11px;padding:0 3px 8px 9px;}
.details #right_container table.shed-table tr.o td, table.shed-table tr.o td  {background:#f0e6d9}

/*--- shed table text ---*/
.details #right_container table.shed-table.text td, table.shed-table.text td{padding:5px 5px 8px 9px;margin:0;border-right:1px solid #dcccb7;border-left:1px solid #f9ead7;}
.details #right_container table.shed-table.text  td:first-child {padding:5px 25px 8px 6px;}
.details #right_container table.shed-table.text thead td:first-child {padding:8px 0 15px 8px;}

.details #right_container table.wood {border:9px solid #e4d2ba;}



.details #left_container .top_shad{float:left; width:337px; background:#bb8b65;}
.details #left_container .bottom_shad{float:left; width:337px; background:url(../images/big-wood.gif) no-repeat 0 0; padding:14px 0 24px 14px;}
.details #left_container .bottom_shad h3{float:left;width:310px; padding:0 0 8px 0;margin:0 0 20px 0;font-size:9px; text-transform:uppercase; color:#251b0f; background:url(../images/border_strip.gif) repeat-x 0 bottom;}
.details #left_container .bottom_shad strong {display:block;width:auto;padding:0 20px 10px 0;float:none;}
.details #left_container .bottom_shad p {display:block;width:auto;padding:0 20px 10px 0;float:none;}
.details #left_container .bottom_shad ol {display:block;padding:15px 0 0 0;margin:0;float:none;}
.details #left_container .bottom_shad ol li{display:block;background:url(../images/big-wood-bttn.gif) no-repeat;width:302px;height:65px;padding:0;margin:0 0 10px 0;}
.details #left_container .bottom_shad ol li:hover{background-position:0 -76px;}
.details #left_container .bottom_shad ol li:hover a{color:#443626;text-shadow:0 -1px 0 #e0b88e;}
.details #left_container .bottom_shad ol li a{display:block;width:302px;height:47px;text-align:center;font:bold 20px/20px "Trebuchet MS", Arial; color:#000;float:none;padding:18px 0 0 0;margin:0;text-decoration:none;color:#645036;}

.tabBox {clear:both;width:100%;margin:30px 0 0 0;}


/*generic interiors*/
.q {font:bold 13px/15px Arial, Helvetica, sans-serif; margin:20px 0 0 0; padding:0;} 
.a {font:normal 13px/15px Arial, Helvetica, sans-serif; margin:-10px 0 15px 0;}

#main-copy ol {font-size:13px; line-height:19px; color:#645036; padding: 0 0 0 40px;clear:both;}
#main-copy ol li {padding:0 0 10px 0; clear:both;}
#main-copy ol li em{font-size:11px}

#main-copy ul li {color:#645036; list-style: circle; padding:0 0 0 4px;}
#right_container ul li {color:#645036; list-style: circle; padding:0 0 0 4px;}
#right_container #item1 ul {padding:0 0 0 14px;}

#main-copy p .diagram {display:block; margin:0 auto; float:none; clear:both; padding:0 80px 0 0; border:none;}

#main-copy form {font-size:13px; line-height:19px; color:#645036; padding:8px 0 24px 8px; width:90%; background-color: #eaddcd; margin:14px 0 24px 0; border-bottom: 2px solid #bb9b7f; border-top: 1px solid #d1c5b8;border-left: 1px solid #d1c5b8;border-right: 1px solid #d1c5b8}
#main-copy form .form-message {float:none; clear:both;}
#main-copy form label {font-weight: bold;font-size:12px; line-height:23px;padding:0 15px 0 20px;}
#main-copy form input{background:#dfd2c3;font-size:12px;padding:5px; float:right;  border-bottom:1px solid #f9ead7;border-left:1px solid #f9ead7;border-top:1px solid #bb9b7f;color:#645036;border-right:1px solid #f9ead7;color:#645036;}

#main-copy form input.submit{margin:0 0 0 20px; float:none; clear: both;background:#bb9b7f;font-size:12px; border-top:1px solid #f9ead7;border-right:1px solid #f9ead7;border-bottom:1px solid #bb9b7f;color:#fff;border-left:1px solid #f9ead7;}

#main-copy form textarea {background:#dfd2c3;border:1px solid #bb9b7f;color:#645036;font-size:12px;margin:5px 0 20px 20px; float:none;border-bottom:1px solid #f9ead7;border-left:1px solid #f9ead7;border-top:1px solid #bb9b7f;color:#645036;border-right:1px solid #f9ead7;color:#645036;}
#main-copy form .row {padding:8px 0;} 
#main-copy form table {padding:24px 0 10px 0;}
#main-copy form table tbody tr{border:2px solid red}

#right_container .floorplan {float:right; margin:0 40px 10px 20px}

/*shed photos gallery*/

#right_container .text .photo-tabs {display:block;margin:0; height:30px}
#right_container .photo-tabs {display:block;margin:10px 0 -10px -20px;padding:0 0 50px 24px;}

#right_container .photo-tabs li, #right_container .text .tabs li  {background:#dfd2c3;float:left;list-style-type: none;padding:0; border-right:1px solid #bb9b7f; border-top:1px solid #bb9b7f; }

#right_container .photo-tabs li a, #right_container .photo-tabs li a:link, #right_container.tabs li a:visited, #right_container .text .photo-tabs li a, #right_container .text.photo-tabs li a:link, #right_container .text .photo-tabs li a:visited {display:block;padding:5px 12px;border-bottom:1px solid #bb9b7f;text-decoration: none;font-size:11px; line-height:11px; color:#6b4222; font-weight:bold; text-decoration:none;text-shadow:0 1px 0 #eee;}

#right_container .photo-tabs li a:hover, .photo-tabs li a:active,#right_container .test .photo-tabs li a:hover,#right_container .test .photo-tabs li a:active {background:#bb9b7f;text-shadow:0 1px 0 #dcc;}

#right_container .photo-tabs li a.selected, .photo-tabs li a.selected:link, #right_container .text .photo-tabs li a.selected, .text .photo-tabs li a.selected:link {background:url(../images/bg-tab-on.gif) repeat-x #f9ead7; margin:-4px 0 0 0; border-right:1px solid #bb9b7f; border-top:1px solid #bb9b7f; border-bottom:none;border-left:1px solid #bb9b7f; padding-bottom: 6px; padding-top:8px; text-decoration: none;}

#right_container .photo-tabs li .first {border-left:1px solid #bb9b7f;}


#right_container .photo-rows{float:left; width:719px; background:url(../images/border_right.gif) no-repeat 0 bottom; padding-bottom:20px}
#right_container .photo-cols{float:left; width:196px; background:url(../images/right_strip.gif) repeat-y right 0; padding:10px 0 40px 5px; margin-right:48px; display:inline}
#right_container .photo-cols1{float:left; width:196px; background:url(../images/right_strip.gif) repeat-y right 0; padding:10px 0 40px 5px;}
#right_container img{float:left;}
#right_container .photo-rows_in{float:left; width:719px;  padding-bottom:21px}
#right_container .photo-cols_in{float:left; width:330px; background:url(../images/right_strip.gif) repeat-y right 0; padding:10px 0 10px 5px; margin-right:28px; display:inline}
#right_container .photo-cols1_in{float:left; width:330px; background:url(../images/right_strip.gif) repeat-y right 0; padding:10px 0 10px 5px;}

#right_container .photo-pic_area{width:288px; background:#fdfbf8; height:182px; padding:7px 10px 10px 8px; border-right:2px solid #c8bc9f;border-bottom:2px solid #c8bc9f;}
#right_container .photo-pic_area:hover{background:#fff;}
#right_container .photo-pic_area img {width:288px; height: 182px;}

#right_container .photo-pic_area .price {float:none; position:absolute; bottom:-40px; right:20px; background:url(../images/wood-nickel.png) no-repeat 0 0; height:91px; width:84px;text-align: center;font-size:20px;line-height:30px;font-weight:bold;letter-spacing:-.5px;text-shadow:0 1px 0 #c59c71;}
	#right_container .photo-pic_area .price span {display:block;font-weight:bold;font-size:9px;text-transform:uppercase;letter-spacing:-1px;padding:20px 0 1px 0;line-height:11px;}

#right_container .photo-content1{float:left; width:290px; padding-top:31px}
#right_container .photo-content1 h3{float:left; width:290px; font:bold 24px/24px "Trebuchet MS", Arial; color:#251b0f; padding-bottom:8px;}
#right_container .photo-content1 h2 {margin-top:-14px;}
#right_container .photo-content1 p{float:left; width:280px; font-size:11px; line-height:18px; color:#645036;}
#right_container .photo-content1 a, #right_container .content1 a:link, #right_container .content1 a:visited{background:#fff; font-size:11px; line-height:13px; color:#6b4222; font-weight:bold; text-decoration:none; padding:3px 6px 4px 5px;}
#right_container .content1 a:hover, #right_container .content1 a:active{text-decoration:underline;}

/*discount sheds gallery*/

#right_container .discount-shed{float:left; width:330px; background:url(../images/right_strip.gif) repeat-y right 0; padding:10px 0 10px 5px; margin:0 20px 20px 0; display:inline}
#right_container .discount-content{width:100px; padding:20px 0 0 12px; }
#right_container .discount-content h3{font:bold 24px/24px "Trebuchet MS", Arial; color:#251b0f; padding:30px 0 6px 0;}
#right_container .discount-content h2 {margin-top:-14px;}
#right_container .discount-content p{width:180px; font-size:11px; line-height:18px; color:#645036; padding:0 0 10px 0;}
#right_container .discount-content a, #right_container .content1 a:link, #right_container .content1 a:visited{background:#fff; font-size:11px; line-height:13px; color:#6b4222; font-weight:bold; text-decoration:none; padding:3px 6px 4px 5px;}
#right_container .content1 a:hover, #right_container .content1 a:active{text-decoration:underline;}

#right_container .discount-pic_area{width:288px; background:#fdfbf8; height:182px; padding:10px; border-right:2px solid #c8bc9f;border-bottom:2px solid #c8bc9f;}
#right_container .discount-pic_area:hover{background:#fff;}
#right_container .discount-pic_area img {float: none;width:288px; height: 182px;}
#right_container .discount-pic_area h3 {font:bold 20px/24px "Trebuchet MS", Arial; color:#4a4137; text-shadow: none; display: block; padding:10px 0 0 0;}

#right_container .discount-price {width:110px; padding:10px 0 0 0; margin:0; vertical-align: top;}
  #right_container .discount-price h6 {background:url(../images/wood-nickel.png) no-repeat 2px 0; height:91px; width:90px;text-align: center;font-size:20px;line-height:30px;font-weight:bold;letter-spacing:-.5px;text-shadow:0 1px 0 #c59c71; vertical-align: top; margin:0 auto; padding:0 0 10px 0;}
	#right_container .discount-price h6 span {display:block;font-weight:bold;font-size:9px;text-transform:uppercase;letter-spacing:-1px;padding:20px 0 1px 0;line-height:11px;}
  #right_container .discount-price p {font:bold 14px/24px "Trebuchet MS", Arial; color:#251b0f; text-shadow: none; display: block; text-align: center; color:#645036;}
  #right_container .discount-price p span {font-size:10px;}   

/*shed features*/
#main-copy ul.shed-features {font-size:13px; line-height:19px; color:#645036; padding: 10px 12px; width:45%; list-style: none; background-color: #eaddcd; border:1px solid #d1c5ba;margin:20px 0 0 0;}
#main-copy ul.shed-features .right {float:right;clear: both}
#main-copy ul.shed-features .left {float:left; clear: both}

#main-copy ul.shed-features li {padding:8px 0 10px 40px; clear:both; list-style: none; border-bottom: 1px solid #c8bc9f; margin:4px 0;}
#main-copy ul.shed-features li:hover,
#main-copy ul.shed-features li.one:hover,
#main-copy ul.shed-features li.two:hover,
#main-copy ul.shed-features li.three:hover,
#main-copy ul.shed-features li.four:hover,
#main-copy ul.shed-features li.five:hover,
#main-copy ul.shed-features li.six:hover,
#main-copy ul.shed-features li.seven:hover,
#main-copy ul.shed-features li.eight:hover,
#main-copy ul.shed-features li.nine:hover,
#main-copy ul.shed-features li.ten:hover,
#main-copy ul.shed-features li.eleven:hover,
#main-copy ul.shed-features li.twelve:hover {background-color: #fff;}

#main-copy ul.shed-features li em{font-size:11px}

#main-copy ul.shed-features li.one {background: url(../images/li-1.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.two {background: url(../images/li-2.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.three {background: url(../images/li-3.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.four {background: url(../images/li-4.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.five {background: url(../images/li-5.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.six {background: url(../images/li-6.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.seven {background: url(../images/li-7.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.eight {background: url(../images/li-8.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.nine {background: url(../images/li-9.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.ten {background: url(../images/li-10.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.eleven {background: url(../images/li-11.png) left center no-repeat #fcf1e4;}
#main-copy ul.shed-features li.twelve {background: url(../images/li-12.png) left center no-repeat #fcf1e4;}



/*--------------------------------------------------------------------
END Details Pages----
---------------------------------------------------------------------*/
#main-copy {padding:0 0 0 20px;}
#main-copy h1 {padding:0 0 20px 0px;}
.h1 {padding:0 0 20px 8px;}

#main-copy h2 {padding:15px 0 0 0;color:#645036;}

#main-copy p {padding:0 0 15px 0;font-size:13px; line-height:19px; color:#645036; float:none; clear:both;}
#main-copy p img{border-right:2px solid #c8bc9f;border-bottom:2px solid #c8bc9f; margin:10px auto;}

#main-copy ul {padding: 0 0 20px 20px;font-size:13px; line-height:19px; color:#000;}
#main-copy a {color:#645036;}
#main-copy a:hover {color:#000;}
hr { color: #c8bc9f;background-color: #c8bc9f;height: 2px; border:0;}

/*--- shed tables ---*/
#main-copy table {padding:0;margin:0;background:#eaddcd;}
#main-copy table td{padding:0 0 8px 8px;margin:0;}
#main-copy table td:first-child {padding:0 0 8px 0;}
#main-copy table.data-table {padding:0;margin:10px 0 22px -10px;background:#eaddcd;border:9px solid #dfd2c3}
#main-copy table.data-table td{padding:4px 0 4px 9px;margin:0;border-right:1px solid #dcccb7;border-left:1px solid #f9ead7;}
#main-copy table.data-table  td:first-child {padding:4px 0 4px 8px;}
#main-copy table.data-table thead td{padding:8px 0 15px 8px;margin:0;color:#4a3a26;font-size:16px;background:#dfd2c3;border:0;border-bottom:1px solid #d1c5b8;}
#main-copy table.data-table thead td:first-child {padding:8px 0 15px 8px;}
#main-copy table.data-table tbody td.special {font-size:16px;padding:10px 3px 8px 9px;color:#4a3a26;}
#main-copy table.data-table thead td.note {font-size:11px;padding:10px 3px 6px 9px;color:#4a3a26;border-top:1px solid #d1c5b8; border-bottom: none;}
#main-copy table.data-table tbody {border-top:1px solid #f0e6d9;}
#main-copy table.data-table tbody tr:first-child td{padding:10px 3px 8px 9px;}
#main-copy table.data-table.small tbody td {font-size:11px;padding:1px 3px 8px 9px;}
#main-copy table.data-table tr.o td {background:#f0e6d9}

/*swatch colors cv = vinyl colors  cs = shutter colors*/
.swatch {width: 50px; height: 30px; border: 4px solid #fff; vertical-align: middle;}
#cv-glacier-white.swatch {background-color:#fff;}
#cv-antique-parchment {background-color:#fbf2e1;}
#cv-natural-linen {background-color:#f1eae2;}
#cv-platinum-gray {background-color:#dedad9;}
#cv-silver-moss {background-color:#dad4c8;}
#cv-coastal-sage {background-color:#8d9482;}
#cv-cape-cod-gray {background-color:#aab5b1;}
#cv-mystic-blue {background-color:#618d96;}
#cv-adobe-cream {background-color:#feebcd;}
#cv-colonial-ivory {background-color:#ffe0c1;}
#cv-maple {background-color:#efd1b9;}
#cv-monterey-sand {background-color:#cdb9a0;}
#cv-vintage-wicker {background-color:#c2ab8b;}
#cv-tuscan-clay {background-color:#988871;}
#cv-almond {background-color:#e1dac5;}
#cv-beige {background-color:#cbbdad;}
#cv-blue {background-color:#adc2ca;}
#cv-clay {background-color:#a89e88;}
#cv-cream {background-color:#f9f0d3;}
#cv-flint {background-color:#b4afa9;}
#cv-gray {background-color:#cbc9c6;}
#cv-mist {background-color:#d8d2c1;}
#cv-olive {background-color:#bdbdaf;}
#cv-pearl {background-color:#f5efde;}
#cv-tan {background-color:#cec1a9;}
#cv-white {background-color:#fbfbfb;}

#cs-black {background-color:#1d191a;}
#cs-white {background-color:#fefefe;}
#cs-cream {background-color:#fffee7;}
#cs-almond {background-color:#dcd3cc;}
#cs-cedar {background-color:#a9643a;}
#cs-gray {background-color:#8a8d92;}
#cs-blue {background-color:#254a5c;}
#cs-green {background-color:#395853;}
#cs-maroon {background-color:#7c2830;}
#cs-redwood {background-color:#71302d;}
#cs-weather-wood {background-color:#846356;}
#cs-dark-brown {background-color:#533330;}

#cm-clay {background-color:#8c8879}
#cm-brite-white {background-color:#dbdadf}
#cm-black {background-color:#383634}
#cm-blue {background-color:#767981}
#cm-brown {background-color:#4e4132}
#cm-red {background-color:#613c2c}
#cm-gold {background-color:#afa37b}
#cm-tan {background-color:#b6a790}
#cm-gray {background-color:#a5a19c}
#cm-charcoal {background-color:#605c51}
#cm-white {background-color:#cdcbc4}
#cm-stone {background-color:#b5b0a1}
#cm-evergreen {background-color:#393f33}
#cm-burgundy {background-color:#443431}


/*chart*/
.chart {padding:0;}
.cell-shading {background-color: #fcf6ed;}
.pine {text-align:center;background-color: #dfd2c3;}
.cedar {text-align:center;}
.vinyl {text-align:center;background-color: #f0e6d9;}


/*--- tabs ---*/




/*******************bottom container starts********************/
#bottom_container_inner{margin:0 auto; width:995px;}
#bottom_container{float:left; width:982px; padding:28px 0 10px 13px; background:url(../images/bottom_border.gif) no-repeat 13px bottom;}
#bottom_container .cols1{float:left; width:263px; position:relative}
#bottom_container .cols1 .twitter{float:none; width:71px; height:59px; bottom:0; right:0; position:absolute}

/*--Twitter Area--*/
#bottom_container #woodtwitter ul {display:block;padding:0 0 0 20px;}
#bottom_container #woodtwitter li{display:block;float:left;width:190px;padding:0 12px 0 20px;border-left:2px solid #d7b58a;}
#bottom_container #woodtwitter li a {color:#89542a;font-weight:bold;text-decoration:none;}
#bottom_container h3{float:left; width:240px;  color:#89542a; font:bold 23px/25px "Trebuchet MS", Arial; padding:0 0 37px 23px;}
#bottom_container p{float:left; width:196px; color:#251b0f; font-size:11px; line-height:18px;}
#bottom_container p a{color:#89542a; text-decoration:none; font-weight:bold;}
#bottom_container p a:hover{text-decoration:underline;}

.posted {padding-top:8px; font-size:11px; display:block}
.twitterTime {padding-top:8px; font-size:11px; display:block;color:#89542a; text-decoration:none; font-weight:bold;}
.twitterStatus {font:normal 12px/14px "Trebuchet MS", Arial;}
/*******************bottom container ends********************/

/*******************nail starts********************/
#footer_nail{margin:0 auto; width:90%;}
#nail_fotoer{float:left; width:100%; padding:38px 0;}
#nail_fotoer .nail_left{float:left; background:url(../images/nail.png) no-repeat 0 0; height:24px; width:22px;}
#nail_fotoer .nail_right{float:right; background:url(../images/nail.png) no-repeat 0 0; height:24px; width:22px;}
/*******************nail ends********************/

/*******************footer starts********************/
#footer{margin:0 auto; width:995px;}
#footer .copyright{float:left; width:301px; padding:0 0 4px 45px;}
#footer .copyright p{float:left; width:300px; font-size:10px; line-height:16px; color:#89552b;}
#footer ul{float:right; width:628px; list-style:none; padding:0 16px 0 0; background:url(../images/copy_bor.gif) no-repeat 50px 3px}
#footer li{float:right; width:auto; font-size:10px; padding-right:11px; font-weight:bold; line-height:16px; color:#89552b;}
#footer li a{color:#89552b; text-decoration:none;}
#footer li a:hover{text-decoration:underline;}
/*******************footer ends********************/

/*--- tabs for generic page---*/
#right_container .text .tabs {display:block;margin:0; height:30px}
#right_container .tabs {display:block;margin:10px 0 -10px -20px;}

#right_container .tabs li, #right_container .text .tabs li  {background:#dfd2c3;float:left;list-style-type: none;padding:0; border-right:1px solid #bb9b7f; border-top:1px solid #bb9b7f; }

#right_container .tabs li a, #right_container .tabs li a:link, #right_container.tabs li a:visited, #right_container .text .tabs li a, #right_container .text.tabs li a:link, #right_container .text .tabs li a:visited {display:block;padding:5px 12px;border-bottom:1px solid #bb9b7f;text-decoration: none;font-size:11px; line-height:11px; color:#6b4222; font-weight:bold; text-decoration:none;text-shadow:0 1px 0 #eee;background:#dfd2c3;}

#right_container .tabs li a:hover, .tabs li a:active,#right_container .test .tabs li a:hover,#right_container .test .tabs li a:active {background:#bb9b7f;text-shadow:0 1px 0 #dcc;}

#right_container .tabs li a.selected, .tabs li a.selected:link, #right_container .text .tabs li a.selected, .text .tabs li a.selected:link {background:url(../images/bg-tab-on.gif) repeat-x #f9ead7; margin:-4px 0 0 0; border-right:1px solid #bb9b7f; border-top:1px solid #bb9b7f; border-bottom:none;border-left:1px solid #bb9b7f; padding-bottom: 6px; padding-top:8px; text-decoration: none;}

#right_container .tabs li .first {border-left:1px solid #bb9b7f;}

/*Ajax Contact Form*/
#contact {}
#contact #contactform table {padding:0;text-align:left;}
#contact #contactform table td:fist-child {padding:0 0 0 20px;}
#contact #contactform table td {vertical-align:top;padding:0 0 0 20px;}
#contact #contactform table label{display:block;clear:both;width:100%;padding:15px 0 2px 0;margin:0;}
#contact #contactform table input, #contact #contactform table textarea {float:left;padding:3px;margin:0;}

   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #fff;}

#contact input[type="submit"][disabled] { background:#888; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; margin:0 60px 0 0;}

.loader { padding: 0 10px; }

#contact #success_page {background:#faf0e3;padding:10px;border:4px solid #e1d4c3;}
#contact #success_page h1 { background: url('../images/assets/success.gif') 10px 13px no-repeat; padding:10px 0 10px 32px; }
#contact #success_page p {padding:0 0 10px 32px; }