/* CSS Document */

		
/********** STANDARD CSS STYLES **********/

body {
background-color: #e9e8e7;
background-image: url(images/bg.gif);
background-repeat:repeat-y;
background-position: center;
font: 62.5%/1.6em Arial, Arial, Helvetica, sans-serif;
color:#555;
margin:0;
}

* {
margin:0;
padding:0;
}

#wrapper {
margin:0 auto;
background:#f1f4d4;
}

.fixed {width:896px;}

#header {	height:138px;}

.wrap-picture-right{
float:right;
margin-left: 5px;
padding: 8px;
background-color:#ffffff;
}

.wrap-picture-left{
float:left;
margin-right: 10px;
padding: 8px;
background-color:#ffffff;
}

.back-button {margin: 25px 0 25px 0;}

.brand-logos {margin-top:25px;}

.shopping-cart-img {
float:right;
margin-left: 5px;
margin-right: 30px;
}

.shop-online-photo {
float:left;
margin-right: 10px;
padding: 0px;
}

#centre-panel {
padding:0;
font-size:120%;
}

a:link {color:#330000; text-decoration: none; border: none; outline:none;}
a:visited {color:#330000; text-decoration: none; border: none; outline:none;}
a:hover {color:#e42727; text-decoration: underline; border: none; outline:none;}
a:active {color:#e42727; text-decoration: none; border: none; outline:none;}

img {border: none;}


/********** NAVIGATION **********/


#nav {
margin:0 0 0 0;
	
}

#nav li {
list-style:none;
display:block;
padding:4.5px 0;
border-bottom: 1px dotted #a1a1a1;
}

#nav li a {
padding:4.5px;
background:#ffffff;
color:#252009;
text-decoration:none;
}

#nav li a:hover {
background:#222;
color:#fff;
}

#navigation {
float:left;
width:170px;
padding:0 10px;
background:#ffffff;
font:110% Arial;
line-height:21px;
border-right:1px solid #ffffff;
margin:0 0 0 0;
}

/********** PAGE TEXT THAT IS FLOATED RIGHT **********/


#page-text {	
width:321px;
padding:10px;
float:right;
margin:0;
color: #57450b;
font-size:120%;
}

#page-text h1 {
color: #57450b;
font-weight:300;
padding-bottom: 15px;
border-bottom: 1px solid #dacd37;
}

.h1-bold {font-weight:700;}

.h1-smaller {font-size:80%; margin: 0px; padding: 0;}

#page-text p {
font:100% Arial;
line-height:20px;
color: #57450b;

}

.bold-paragraph { color: #57450b}


#page-text h1,h2,h3,h4,p,ul,ol,blockquote {
margin:0;
color: #57450b;
}

h1#product	{
margin: 0;
padding: 0;
font-size: 28px;
line-height: 36px;
letter-spacing: -1px;
font-weight: bold; 
text-transform: none;
}
			
h3#product{
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1px;
text-transform: uppercase;
color: #3b2e06;
}

/********** DEFAULT TEXT FOR OTHER PAGES **********/


#default-page {	
padding:10px;
float:left;
margin: 10px 0 0 0 ;
color: #57450b;
font-size:120%;
width: 660px;
}

#default-page h1 {
color: #57450b;
font-weight:300;
padding-bottom: 15px;
border-bottom: 1px solid #dacd37;
line-height: 30px;
}

#default-page h2 {
color: #57450b;
font-weight:300;
padding-bottom: 30px;
border-bottom: 1px solid #dacd37;
line-height: 30px;
font-size: 220%;
}

.h1-bold {font-weight:700;}

#default-page p {
font:100% Arial;
line-height:20px;
color: #57450b;
}

.bold-paragraph { color: #57450b}


#default-page h1,h2,h3,h4,p,ul,ol,blockquote {
margin:15px 0;
}


/********** BRANDS TABLE TEXT STYLING **********/

.brands {
margin-left: 10px;
font-size: 95%;
margin-top: 0;
}

#brands p {
font-size: 98%;
margin:0;
line-height: 15px;
}

hr {
border: none 0;
border-top: 1px dotted #666666;
width: 90%;
height: 1px;
margin-left: 10px;
margin-bottom:15px;
} 

.price {
font-size: 110%;
font-weight: bold;
color:#FF0000;
text-transform: uppercase;
}

/********** FOOTER **********/


#footer {
margin:0 0 0 0;
padding:15px;
background:#939d2a;
clear:both;
color:#FFFFFF;
text-align:center;
}


/********** BOTTOM PANEL STYLES **********/

/********** BOTTOM CONTAINER DIV **********/


#bottom {
clear: both;
background:#C0CC40;
margin: 0;
padding: 0;
height: 400px;
}

/********** BOTTOM LEFT SIDEBAR DIV **********/
.first-paragraph {
color: #22420b;
}

#sidebar_left {
float:left;
width:300px;
padding:0 10px;
background:#C0CC40;
font:110% Arial;
line-height:20px;
border-right:1px solid #e0e6a0;
margin:0 15px 0 0;
border-top:1px solid #FFFFFF;
color:#3d7514;
}

#sidebar_left h1 {
font:190% Arial;
color:#529f2e;
font-weight:700;
}

#sidebar_left p {
line-height:20px;
}

#sidebar_left h1,h2,h3,h4,p,ul,ol,blockquote {
margin:15px 0;
}

#sidebar_left a:link {
font:100% Arial;
color:#57450b;
font-weight: strong;
text-decoration: none;
}
#sidebar_left a:visted {
font:100% Arial;
color:#57450b;
font-weight: strong;
}
#sidebar_left a:hover {
font:100% Arial;
color:#ff4934;
font-weight: strong;
text-decoration: none;
}
#sidebar_left a:active {
font:100% Arial;
color:#57450b;
font-weight: strong;
text-decoration: none;
}

/********** BOTTOM CENTRE PANEL DIV **********/

.with_sidebar {margin:0 0 0 200px;}

#content {
padding:0 15px;
font:110% Arial;
background: #C0CC40;
border-top:1px solid #FFFFFF;
background:#C0CC40;
line-height:20px;
border-right:1px solid #e0e6a0;
margin:0 15px 0 0;
border-top:1px solid #FFFFFF;
color:#3d7514;
}

#content h1 {
font:190% Arial;
color:#529f2e;
font-weight:300;
}

#content p {
line-height:20px;
}

#content h1,h2,h3,h4,p,ul,ol,blockquote {
margin:15px 0;
}

/********** BOTTOM RIGHT SIDEBAR DIV **********/

#sidebar_right {	
width:300px;
padding:0;
float:right;
background:#eaeec0;
margin:0 0 0px 10px;
border-top:1px solid #FFFFFF;
color:#8e8a78;
font:110% Arial;

}

#sidebar_right h1 {
font:100% Arial;
color:#000000;
font-weight: strong;
padding: 5px 0 0 5px;
}

#sidebar_right p {
padding-left: 5px;
}

#sidebar_right a:link {
font:100% Arial;
color:#000000;
font-weight: strong;
text-decoration: none;
}
#sidebar_right a:visted {
font:100% Arial;
color:#000000;
font-weight: strong;
}
#sidebar_right a:hover {
font:100% Arial;
color:#ff4934;
font-weight: strong;
text-decoration: none;
}
#sidebar_right a:active {
font:100% Arial;
color:#000000;
font-weight: strong;
text-decoration: none;
}

/* ******* CONTACT FORM ******* */


#contact_form {
margin-left: 5px;}

#contact_form .form-label {
width:200px;
}

#contact_form label {
font-size:90%;
color:#696969;
font-family:Verdana, 'Trebuchet MS', Serif;
}

#contact_form .formError {
color:#e32929;
padding:10px 0 0 20px;
margin:5px 0 0 0;
background:url(images/error_arrow.gif) top left no-repeat;
}

#contact_form .text_field {
height:14px;
padding:8px 10px;
width:240px;
border:0;
font-size:120%;
background:url(images/text_field_bg.gif) top left no-repeat;
color:#5d5d5d;
}

#contact_form .text_area {
height:136px;
padding:8px 10px 0 10px;
width:240px;
border:0;
font-size:100%;
background:url(images/text_area_bg.gif) top left no-repeat;
color:#5d5d5d;
overflow:none;
font-family:Verdana, 'Trebuchet MS', Serif;
}


.form form {
padding:10px 0 0 0;
}

.form-item {
 clear:both;
padding:0;
margin-bottom:10px;
}

/*.form-item .form-label {
  width:90px;form-buttons
  float:left;
}*/

.form-item .form-label label {
font-size:100%;
color:#696969;
line-height:20px;
cursor:pointer;
}

.form-item .formError {
color:#e32929;
font-size:95%;
}

/*.form-buttons {
margin-left:110px;
clear:both;
}*/

span.required {
color:#FF0000;
}