/*CSS Colours
light-brown: 82635C
dark-brown: 564541
*/

/*  Reset CSS v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
/* remember to define focus styles! */
:focus {outline: 0}
/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0}
* {padding:0;margin:0}

body {
color:#564541;
background: #e8eeec;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;}

#wrapper {
background: #fff;
margin: 5px auto;
width: 951px;
border: 20px #e1e4e3 solid;}

#faux {padding:0 18px 3px 18px}

#header {
width: 951px;
padding: 0px;
height: 150px;
margin: 0px;
background: #fff url(../images/tel.gif) no-repeat 734px 40px;}

#leftcolumn { 
display: inline;
margin: 0px;
padding: 0px;
width: 288px;
float: left;}

#rightcolumn { 
float: right;
margin: 0px;
padding:0;
width: 627px;
display: inline;
position: relative;
font-size:13px;
line-height:20px;
text-align:left;
color: #564541;}

#footer { 
width: 931px;
clear: both;
background: #e1e4e3;
margin: 0px;
padding: 20px 10px;}

.clear {clear:both;background:none}


h1 {
text-align:left;
color: #564541;
margin: 0 0 30px 0;
font-size: 30px;
line-height: 34px;
font-weight: bold;}

h2 {
text-align:left;
color: #564541;
margin: 20px 0 20px 0;
font-size: 19px;
line-height: 22px;
font-weight: bold;}

h3 {
text-align:left;
color: #564541;
margin: 10px 0 10px 0;
font-size: 15px;
line-height: 16px;
font-weight: bold;}

p{
font-size:13px;
line-height:22px;
text-align:left;
color: #564541;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;}

td p{
font-size:12px;
line-height:18px;
text-align:left;
color: #564541;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;}


table{
border-top:solid 1px #82635C;
border-left:solid 1px #82635C;
margin:0 0 10px 0;}

td, th {
line-height:18px;
text-align:center;
padding:7px;}

th{
border-bottom:solid 1px #82635C;
border-right:solid 1px #82635C;
background-color:#E1E4E3;}

td{
border-right:solid 1px #82635C;
border-bottom:solid 1px #82635C;}



input, textarea{
color: #564541;
font-family: Arial, Helvetica, sans-serif;}

.content {
margin-top:20px;
padding: 0 35px;}


/* Homepage */
#home #leftcolumn {
height:365px;
margin-left:18px;
background:#564541;}

#home #leftcolumn p{
font-size:12px;
line-height:21px;
padding: 0px 30px 10px 23px;
text-align:left;
color:#fff;}

#home #rightcolumn {
margin-right:18px;}

#home h2 {
text-align:left;
color: #fff;
margin: 30px 0 30px 23px;
font-size: 19px;
line-height: 19px;
font-weight: bold;}

.view_products {}

.view_products a{
background:#82635C;
text-decoration:none!important;
color:#fff!important;
font-size: 12px!important;
font-weight: normal!important;
padding:6px!important;
display:inline!important;}

.view_products a:hover{
text-decoration:underline!important;}
/* End Homepage */


/* Header Left */
#header_left {
display: inline;
float: left;
padding: 35px 0px 0px 40px;}

#header_left h1 {
text-align:left;
margin:0;
padding:0;
text-indent:-100000px;
width:178px;
height:85px;
border: 0;
background: url(../images/oakeco_logo.png) no-repeat scroll 0% 0%;}

#header_left a {
display: block;
width:178px;
height:85px;
margin:0;
padding:0;
text-decoration: none;
border: 0;}
/* End Header Left */


#header_right {
display: inline;
float: right;
padding: 0px 20px 0px 0px;}



/* User_links */
#user_links{
background: #e1e4e3;
display: inline;
float: right;
text-align: right;
margin: 0px 25px 70px 0px;
padding: 0px 15px 6px 15px;}

#user_links li {
color: #7b7b7b;
font-size: 11px;
display: inline;
padding: 0px 0px 0px 4px;
margin: 0px 0px 0px 0px;}

#user_links a {
color: #7b7b7b;
padding: 2px 5px 2px 21px;
margin: 0px 3px 0px 3px;
font-size: 12px;
line-height:20px;
text-decoration:none;
background-repeat:no-repeat;
background-position:top left;}

#user_links a:hover{
color: #383838;
text-decoration:none;}

.login a {background-image:url('../images/user.gif');}
.register a {background-image:url('../images/user_add.gif');}
.basket a {background-image:url('../images/cart.gif');}
.checkout a {background-image:url('../images/cart_right.gif');}
.account a {background-image:url('../images/user.gif');}
.logout a {background-image:url('../images/lock_open.gif');}

/* End User_links */



/* Navigation */
#nav {
width:480px;
display: inline;
float: left;
text-align: right;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;}

#nav li {
color: #82635C;
font-size: 12px;
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 5px;}

#nav a {
color: #82635C;
padding: 1px 3px 2px 3px;
margin: 0px 0px 0px 0px;
font-size: 15px;
line-height:20px;
text-decoration:none;}

#nav a:hover, #nav li.active a{
color: #564541;
text-decoration:none;}

#nav li.active a{font-weight:bold}

/* End Navigation */


/*--Search box styles--*/
#search_box {
width: 212px;
height: 30px;
text-align: right;
display: inline;
margin: 0 4px 0 0;
float:right;
background: url(../images/search_bg.gif) no-repeat right 0px;}

#search_button {
color: #fff;
text-decoration: none;
display: block;
background: #4682B8 url('search_button.png') no-repeat top right;
height: 25px; 
width: 42px;
padding: 5px 0 0 0;
margin: 5px 0 0 0;}


#search_box #term {
border: 1px solid #564541;
float: left;
padding: 2px;
margin: 1px 0 0 6px;
width: 159px;
background: #fff;}


#search_box #go {
width:17px;
height:11px;
float: right;
margin: 0;
padding: 7px 9px 4px 9px;}
/* End search */


#leftcolumn ul {
margin: 0px 0px 0px 35px;
padding: 0px 0px 0px 0px;}

#leftcolumn ul li {
margin: 25px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
font-weight:bold;
line-height:18px;
font-weight:bold;}

#leftcolumn ul li ul{
margin: 15px 0px 0px 0px;}

#leftcolumn ul li ul li {margin-top: 0px;}

#leftcolumn ul li ul li a{
font-size: 12px;
font-weight:normal;}

#leftcolumn ul li ul li a:hover{
font-weight:bold;}

#leftcolumn a{
display:block;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: 16px;
font-weight:bold;
line-height:18px;
text-decoration: none;
color: #564541;}

#leftcolumn a:hover, #leftcolumn li.active a{
color: #564541;
text-decoration:none;
font-weight:bold;}



#leftcolumn ul.pages {
margin: 5px 0px 0px 25px;
padding: 0px 0px 0px 0px;}

#leftcolumn .pages li {
margin: 15px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
font-weight:bold;
line-height:18px;
font-weight:bold;}

#leftcolumn .pages a{
display:block;
width: 200px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 5px 0px;
font-size: 14px;
font-weight:normal;
line-height:20px;
text-decoration: none;
color: #82635C;}

#leftcolumn .pages a:hover, #leftcolumn .pages li.active a{
color: #564541;
text-decoration:none;
font-weight:normal;}

#leftcolumn .pages li.active a{font-weight:bold}


#rightcolumn ul {
margin: 0px 0px 10px 5px;
padding: 0px 0px 0px 0px;}

#rightcolumn ul li{
background: url(../images/dot.gif) no-repeat 1px 7px;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 13px;}

#rightcolumn a{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: underline;
color: #82635C;}

#rightcolumn a:hover{
color: #82635C;
text-decoration:none;}


#footer ul{
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

#footer li {
color: #65717d;
font-size: 12px;
display: inline;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 5px;}

#footer a {
padding: 0px 3px 1px 0px;
color: #65717d;
font-size: 12px;
text-decoration:none;}

#footer a:hover {color: #444c54}

#footer_left {
display: inline;
float: left;
padding: 0px 0px 0px 0px;}

#footer_right {
display: inline;
float: right;
padding: 0px 0px 0px 0px;}



#leftcolumn .column_headder, #rightcolumn .column_headder {
text-align: left;
padding:130px 15px 10px 35px;
margin:0 0 0px 0}



#leftcolumn .column_headder h2, #rightcolumn .column_headder h2 {
margin: 0;
font-size: 22px;
line-height: 25px;
font-weight: bold;
color:#fff;}

#leftcolumn .column_headder {
width: 238px;
background:#564541;}

#rightcolumn .column_headder {
width: 580px;
height:25px;
background:#82635C;
background-repeat:no-repeat;
background-position:top right;}


#boxes {
float:left;
background:#fff;
padding:3px 0px 15px 15px;}

.box {
text-align:left;
font-size:12px;
color:#564541;
width: 146px;
height: 140px;
padding:0px 110px 0 15px;
margin:2px 3px;
border:15px solid #EDF2F0;
float:left;
display:inline;}

.box h3{
font-size:18px;
margin:11px 0 15px 0;}

.box h3 a:hover{
color: #82635C;}

.box a{
color: #564541;
text-decoration:none;}

.box a:hover{
color: #82635C;
text-decoration:none;}


.plant_tree{background:#fff url(../images/plant_tree.jpg) no-repeat right 10px;}

.free_delivery{background:#fff url(../images/free_delivery.jpg) no-repeat right 25px;}

.support{background:#fff url(../images/support.jpg) no-repeat right bottom;}



.productlisting {
float:left;
width: 600px;
margin:0 0 20px 0;
border:15px solid #EDF2F0;}

.productlisting .left {
width:85px;
float:left;
display:inline}

#rightcolumn .productlisting .right {
width:435px;
margin-left:10px;
float:right;
display:inline;
font-size:14px!important;
line-height:16px;}

.productlisting h4{
margin:20px 0 10px 0;
font-size:14px;
line-height:16px;}

.productlisting h4 a{
text-decoration:none!important;
font-size:14px;}

.view_more {
width:150px;
float:right;
text-align:right;
margin:20px 20px 20px 0;}

.view_more a{
background:#82635C;
text-decoration:none!important;
color:#fff!important;
padding:6px!important;}

.view_more a:hover{
background:#564541;}

.price {
width:200px;
float:left;
margin:20px 0 20px 0;}

.price strong {
font-size:20px;
margin:0 6px;}


.product {margin-top:22px}

.product img {
max-width:300px;
max-height:300px;
border:15px solid #EDF2F0;}


.message, div.errors {
border:1px solid #FC6;
background-color:#FFFFCC;
color:#C00;
padding:7px;
font-size:12px;
margin:10px 0px 5px 0px!important;}

#rightcolumn .prod_left {
width:280px;
float:left;
display:inline}

#rightcolumn .prod_right {
width:340px;
float:right;
display:inline;}

.options select {width:260px!important}

.options label {
color:#82635C;
line-height:20px!important}

#qty {width:50px}

/* Form styles */
label{cursor:pointer;}

div.form-container {
margin: 20px 0 0 0;
padding: 5px;
background-color: #FFF;
border: #EEE 1px solid;}

div.form-container h2 {
margin: 3px;
padding:0;
color:#aaa;
font-size:20px}

p.legend {margin-bottom: 1em;}

p.legend em {
color: #C00;
font-style: normal;}

label.error {
color: #C00;
font-style: normal;
font-weight: bold;
display: none;}


div.form-container label.error, div.form-container span.error {
position:relative!important;
width: 380px;
text-align:left;
color: #C00;
display: none;
padding-left:170px;}

.errors {
margin: 0 0 10px 0;
padding: 5px 10px!important;
border:#FC6 1px solid;
background-color: #FFC;}

.errors li {
color:#000!important;
background:none!important;
list-style-type:disc;
padding: 0 0 0 0px!important;
margin: 0px 0 0px 20px!important;}

.errors em {
color: #C00;
font-style: normal;
font-weight: bold;}

.errors p{color:#000!important;}

div.form-container form p {margin: 0;}

div.form-container form p.note {
margin-left: 172px;
font-size: 90%;
color: #696969;}

div.form-container form  {
margin: 10px 0;
padding: 10px;}

div.form-container form fieldset {
margin: 10px 0;
padding: 10px;
border: #DDD 1px solid;}

div.form-container form legend {
font-weight: bold;
color: #666;}

div.form-container form  div {
padding: 0.25em 0;}

div.form-container label, div.form-container span.label {
margin-right: 10px;
padding: 4px 10px 0 0;
width: 150px;
display: block;
float: left;
text-align: right;
position: relative;
cursor:pointer;}

div.form-container label em, div.form-container span.label em {
position: absolute;
right: 0;
font-size: 120%;
font-style: normal;
color: #C00;}

div.form-container input, div.form-container textarea {
padding:2px;
font-size:12px;}

div.form-container input.error {
border-color: #C00;
background-color: #FEF;}

div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus {
background-color: #FFC;
border-color: #FC6;}

div.form-container div.controlset label, div.form-container div.controlset input {
display: inline;
float: none;}

div.form-container div.controlset div {margin-left: 170px;}

div.form-container div.buttonrow {text-align:center}

div.buttonrow input, div.buttonrow input, div.buttonrow input:focus{
background:#82635C;
color:#fff;
border:0;
font-weight: bold;
padding:4px;}

div.form-container .controlset input {border:0}

#delivery_equals_billing, #plant_tree, #terms {margin:0 3px 10px 170px;}
/* End Form styles */



div.form-container table{
border:0;
margin:0 0 10px 0;}

div.form-container td {
border:0;
width: 150px;
line-height:18px;
text-align:right;
margin-right: 10px;
padding: 4px 10px 0 0;}

div.form-container td.data {
border:0;
width: 390px;
line-height:18px;
text-align:left;
margin-right: 10px;
padding: 4px 10px 0 10px;}





/* breadcrumbs */
#rightcolumn #breadcrumbs {
border-bottom:0px solid #82635C;
text-align:left;
list-style: none;
padding:0 0px 7px 0;
margin:0px 0 10px 35px;}


#rightcolumn #breadcrumbs li{
background-image:none;
display:inline;
margin:0 0px 0px 0;
padding:0 6px 0px 0;
font-size:12px;
color:#82635C;}

#rightcolumn #breadcrumbs li a{
font-size:12px;
color:#82635C;
background-image:none;
text-decoration:none;
margin:0px 5px 0 0;
padding:0}

#rightcolumn #breadcrumbs li a:hover{color:#564541;}

#rightcolumn #breadcrumbs li.current a, #rightcolumn #breadcrumbs li.current a:hover{
color:#82635C;
font-weight:bold;
cursor:default}

.slideshow{
width:627px;
height:365px;}

.slide {
width: 627px;
height: 365px;}


#rightcolumn .pagination a, #rightcolumn .pagination strong {
font-size:14px;
text-decoration:none;
color:#fff;
font-weight:bold;
padding: 7px;
margin:0 2px 0 0;
background:#82635C;}


#rightcolumn .pagination a:hover, #rightcolumn .pagination strong {
background:#564541;}


/* Products */
.products_box {
float:left;
width: 280px;
height:225px;
background-repeat:no-repeat;
background-position:top left;
margin:0 0 20px 0;
border:15px solid #EDF2F0;}


#intdoors {
background-image: url('../images/intdoors.jpg');}

#extdoors {
margin-right:7px;
background-image: url('../images/extdoors.jpg');}

#rightcolumn .products_box  ul{
display:none;
text-decoration:none;
background: url('../images/bg_transp.png');
padding: 10px 10px 0 5px;
margin:0;
border:5px solid #82635C;}

#rightcolumn .products_box:hover  ul{
display:block;
bottom:62px;
position:absolute;}

#rightcolumn .products_box li{
background-image:none;
margin:0 0px 0px 0;
padding:0 0 15px 0;
font-size:12px;
color:#fff;}

#rightcolumn .products_box li a{
font-size:14px;
color:#fff;
background-image:none;
text-decoration:none;
margin:0px 5px 0 0;
padding:6px;
display:block;
width:220px;}

#rightcolumn .products_box li a:hover{
background:#fff;
color:#564541;
padding:5px;
border:1px solid #564541;
font-weight:bold;}



#rightcolumn .products_box h3{
display:block;
bottom:25px;
position:absolute;
color:#fff;
width:253px;
background:#82635C url('../images/bgdot.gif') no-repeat 10px -15px;
padding: 11px 0 11px 27px;}

#rightcolumn .products_box:hover  h3{
background-position: 8px 15px;}


.paypal_p {
font-size:14px;
margin:15px 0 0 0;}


/* Blog */
.post_date {
font-size:11px;
margin-bottom:10px;
color:#564541;}

h2.post_title  {
text-align:left;
color: #564541;
margin: 20px 0 3px 0;
font-size: 25px;
line-height: 27px;
font-weight: bold;}

#rightcolumn .postmeta p, #rightcolumn .postmeta a{
font-size:12px;
text-align:left;
font-weight: normal;}


.commentlist li ul li {
font-size: 1em;}

.commentlist li {
font-weight: bold;
border:1px solid #E8EEEC;
padding:5px;
margin-bottom:5px;}

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;}

#commentform p {
font-family: Arial, Sans-Serif;}

.commentmetadata, .commentmetadata a{
text-decoration: none!important;
font-size: 0.9em;
font-weight: normal;}





.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}

.alignleft {float: left;}

.alignright {float: right}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;}

.sociable_tagline {margin-bottom:5px;}

#rightcolumn .sociable ul {
margin: 4px 0px 10px 5px;
padding: 0px 0px 0px 0px;}

#rightcolumn .sociable ul li{
background:none;
margin: 0;
padding: 0px 0px 0px 10px;}



.bottom_links{
width:100%;
float:left;
margin:25px 0 15px 0}


.bottom_links a{
background:#564541;
color:#fff!important;
font-weight:bold;
font-size:13px!important;
padding:5px!important;
text-decoration:none!important}

.bottom_links a:hover{
color:#fff!important;
background:#82635C;}


.bottom_links a.continue_shopping{float:left;}

.bottom_links a.goto_checkout{float:right;}