/* CSS Document */

/* www.bamboocooking.couk, V. 2.1 */
/* global.css */
/* author: Renato Mattos */


* {
	margin:0;
	padding:0;
}

body {
	color:#333;
	background:#a0ae56 url('../../assets/images/bckg-body.jpg') repeat-x; 
	font:normal 0.75em verdana,arial,helvetica,sans-serif;
	text-align:center; /* centers the page content container in IE 5 browsers. */
}

/* HTML elements */
h1 {color:#333; font:normal 2em "Century Gothic",arial,helvetica,sans-serif;}
h2 {color:#333; font:normal 2em "Century Gothic",arial,helvetica,sans-serif; }
h3 {color:#333; font:normal 1.2em "Century Gothic",arial,helvetica,sans-serif;}
h4,h5,h6 {font-size:1em;}
ul,li {list-style-type:none;}

a,a:active,a:visited {color:#fff; text-decoration:none; background-color:transparent;}
a:hover {color:#333; text-decoration:none; background-color:transparent;}

a {outline:none;}
a img {border:0;}
label {font-weight:normal;}
form{display:inline}
form,select,input,textarea{margin:0;padding:0}

p {line-height:1.5em; padding-bottom:10px;}

abbr {border-bottom:1px dotted #212120; cursor:help;}

.left {float:left;}
.rght {float:right;}
.imgleft {float:left; padding:10px 15px 10px 0;}
.imgright {float:right; padding:10px 0 10px 15px;}
.imgmiddle {text-align:center; display:block; clear:both; padding:45px 0 25px 0;}
.centered {color:#666666; text-align:center;}

.clear {clear:both; line-height:1px; font-size:1px; height:1px; margin-top:-1px; visibility:hidden;}

/* Headings */
h2 {padding-top:20px; padding-bottom:20px;}
h3 {padding-top:0;}
h4 {padding-top:10px;}

/* Links
------------------------------------------------------------------*/
a,a:active,a:visited {
color:#fff;
border:0;
text-decoration:none;
background-color:transparent;
}

a:hover {
color:#333;
text-decoration:underline;
background-color:transparent;
}


p a,p a:active,p a:visited {
color:#fff;
text-decoration:none;
background-color:transparent;
}

p a:hover {
color:#333;
text-decoration:underline;
background-color:transparent;
}


/* Layout
------------------------------------------------------------------*/	
#bckg-top { width:950px; margin:0 auto; 
background:#a0ae56 url('../../assets/images/bckg-top.jpg') no-repeat top center; 
}

#page-wrapper {
width:724px;
margin:0 auto;
padding-top:100px;
text-align:left; /* Redefines the text alignment defined by the body element. */
background-color:transparent;
}

#bckg-left-footer {
width:724px;
float:left;
display:block;
background:#fff  url('../../assets/images/bckg-left.jpg') no-repeat bottom left;
}

#box-area {
width:724px;
float:left;
display:block;
background:transparent  url('../../assets/images/bckg-green.jpg') repeat-y right;
}

#bckg-header{
width:724px;
height:7px;
clear:both;
background:transparent  url('../../assets/images/bckg-header.jpg') no-repeat top right;
}

.box-area-left {
float:left;
display:block;
width:300px;
padding:20px 30px;
background-color:transparent;
}

.box-area-right {
float:left;
display:block;
width:300px;
padding:20px 30px;
background-color:transparent;
}

.content {
float:left;
display:block;
width:300px;
background-color:transparent;
}

.content blockquote {
background:transparent url('../../assets/images/quote-comment.gif') no-repeat;
display:block;
clear:both;
margin:0;
padding:10px 0 0 20px;
font-style:italic;
width:280px;
}

.content cite {
color:#27582B;
font-size:.95em;
float: right;
display:block;
clear:both;
margin:0;
padding:5px 0 10px 0;
font-weight:700;
}

.dotted-line {
width:auto; 
clear:both;
height:1px;
margin:10px 0 20px 0;
padding:0;
background:transparent url('../../assets/images/dotted-line.gif') repeat-x;}



/* Terms & Conditions 
------------------------------------------------------------------*/
#terms-wrapper {
width:600px;
margin:0 auto;
padding:0;
text-align:left;
background-color:#cfd330;
}

#box-area-terms {
width:600px;
float:left;
display:block;
background-color:#cfd330;
}

.box-terms {
float:left;
display:block;
width:540px;
padding:20px 30px;
background-color:transparent;
}

.box-terms .content {
float:left;
display:block;
width:540px;
background-color:transparent;
}

.box-terms .content h2 {
font-size:1.5em; 
font-weight:bold;
}
.box-terms .content h4 { 
font-size:.95em;
}
.box-terms .content p { 
font-size:.9em;
}



/* Logo 
------------------------------------------------------------------*/
#logo h1 {
left:-2000px;
position:absolute;
}

#logo .img-logo {
background:transparent url('../../assets/images/bamboocooking-logo.jpg') no-repeat scroll 0%;
border:medium none;
display:block;
text-indent:-9999px;
width:275px;
height:195px;
margin: 0 auto;
}


/* Menu
------------------------------------------------------------------*/
#menu {
text-align:center; 
padding:25px 0 10px 0;
}

#menu li {
margin-bottom:10px; 
font:normal 1.5em "Century Gothic",arial,helvetica,sans-serif;
}

#menu li a,
li a:active,
li a:visited {
color:#333;
text-decoration:none;
background-color:transparent;
}

#menu li a:hover {
color:#cfd330;
text-decoration:none;
background-color:transparent;
}


#menu li.selected a,
li.selected a:active,
li.selected a:visited, 
li.selected a:hover {
color:#cfd330;
text-decoration:none;
background-color:transparent;
}


/* Contact form
------------------------------------------------------------------*/
#contact-form {
float:left; 
clear:both; 
display:block; 
padding-top:10px;
}
#contact-form p {
padding-bottom:0;
}
address {
line-height:1.5em; 
font-style:normal; 
padding:0 0 10px 0;
}

fieldset {
border:medium none; 
margin:0; padding:0;
}
img.required-icon{
vertical-align:top
}


.labeled-input p.label {
width:300px; 
clear:both; 
display:block; 
height:15px; 
line-height:15px; 
margin-top:10px;
}
.labeled-input p.input {
width:300px; 
clear:both; 
display:block; 
margin-top:0px;
}
.labeled-input p.input input {
width:295px; 
height:18px; 
line-height:18px; 
background-color:#FCFCED; 
border:#bbbf28 1px solid; 
padding-left:3px;
padding-top:3px; 
font:normal .95em verdana,arial,helvetica,sans-serif; 
color:#393C2B
}

.labeled-select p.label {
width:300px; 
clear:both; 
display:block; 
height:15px; 
line-height:15px; 
margin-top:10px; 
margin-bottom:3px;
}
.labeled-select p.select select {
height:20px; 
line-height:20px; 
padding:2px 0 0 3px; 
background-color:#FCFCED; 
border:#bbbf28 1px solid; 
font:normal .95em verdana,arial,helvetica,sans-serif; 
color:#393C2B;
}
.labeled-select p.select option {
background-color:#FCFCED; 
font:normal .95em verdana,arial,helvetica,sans-serif; 
color:#393C2B;
}
.labeled-select p.select span {
font:normal .95em verdana,arial,helvetica,sans-serif; 
color:#393C2B; 
background-color:transparent;
}

.labeled-radio p.label {
clear:both; 
display:block; 
margin-top:10px;
}
.labeled-radio p.label label{
line-height:20px;
}
.labeled-radio p.label input {
line-height:10px;
}

.labeled-checkbox p.label {
clear:both; 
display:block; 
margin-top:20px; 
margin-bottom:10px;
}
.labeled-checkbox p.label input {
width:15px; 
height:15px; 
line-height:15px;
}

.labeled-textarea {
clear:both; 
display:block;
}
.labeled-textarea p.label {
width:300px; 
height:15px; 
line-height:15px; 
margin-top:10px;
}
.labeled-textarea p.input textarea {
width:295px; 
background-color:#FCFCED; 
border:#bbbf28 1px solid; 
padding-left:3px; 
padding-top:1px; 
font:normal .95em verdana,arial,helvetica,sans-serif; 
color:#393C2B;
}

.labeled-captcha {
clear:both; 
display:block;
}
.labeled-captcha p.label {
width:300px; 
height:60px; 
line-height:15px;
 margin-top:10px;
 }
.labeled-captcha p.input input {
width:100px; 
height:18px; 
line-height:18px; 
background-color:#FCFCED; 
border:#bbbf28 1px solid; 
padding-left:3px;
padding-top:3px; 
font:normal .95em verdana,arial,helvetica,sans-serif; 
color:#393C2B;
}

.labeled-submit {float:right; clear:both; display:block; padding-top:10px;}
input.button-submit {
color:#fff; font-weight:normal; 
font-size:1em; 
padding:2px 4px; 
margin:0; white-space:nowrap; 
background-color:transparent;
}
input.button-submit {
background:#393C2B url("../../assets/images/button-submit.gif") repeat-x left top; 
border-right:1px solid #27291D;
border-bottom:1px solid #27291D;
border-left:1px solid #676C4D;
border-top:1px solid #676C4D;
}
input.button-submit:hover{
color:#CED32F;
}
.button-submit{
margin:3px 0;
}

/* Footer
------------------------------------------------------------------*/
#footer{
width:694px;
height:50px;
clear:both;
padding:15px 0 0 30px;
color:#535733;
background:transparent  url('../../assets/images/bckg-footer.jpg') no-repeat top right;
}
#footer p {
font:.90em verdana,arial,helvetica,sans-serif;
padding-bottom:2px;
}
#footer a, 
#footer a:active, 
#footer a:visited {
font:1em verdana,arial,helvetica,sans-serif;
color:#535733;
text-decoration:none;
}
#footer a:hover {
color:#535733;
text-decoration: underline;
}

#footer span {
font-size:.9em;
padding:0 3px;
}