/*Reset*/
@import url('reset.css');

/*Default*/
body {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:normal;
color: #343032;
background:#FCFAE1 url('../images/body.jpg') no-repeat;
}

input, textarea, select, option, button {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
line-height:normal;
color: #343032;
}

a {color: #343032; font-weight:bold; text-decoration:none;}
a:visited {color: #343032;}
a:hover {text-decoration:underline;}

div.clear {clear:both;}

div.hr {
height:1px;
clear:both;
background:#C2C0A6;
margin-bottom: 20px;
}

.small_text {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#343032;
}

p.description {margin-bottom:10px;line-height:16px;}
p.center {text-align:center;}
p.text-right {text-align:right;}

ul.description {margin-bottom:6px;}
ul.description li {margin-bottom:4px;}

.container {
position:relative;
overflow:hidden;
margin-bottom:10px;
}

/*Form elements*/
input, select, label, button {vertical-align:middle;}

input.text {width:60px;}

input.file {}

input.button, button {
height:24px;
width:150px;
margin:0;
padding:0;
border:0 none;
background:url(../images/button.jpg) no-repeat;
font-size:12px;
font-weight:bold;
color:#fff;
cursor:pointer;
}

input.checkbox, input.radio {
margin-right:6px;
width:15px;
height:15px;
vertical-align:text-bottom;
}

select {}

textarea {
width:450px;
overflow:auto;
height:150px;
vertical-align:text-top;
}

label {
display:inline-block;
font-weight:normal;
margin-right:10px;
width:90px;
}

/*Headings*/
h1 img, h2 img, h3 img, h4 img, h5 img {vertical-align:middle;}

h1 {
font-family:Arial,Helvetica,sans-serif;
font-size:22px;
font-weight:normal;
color:#4D4944;
margin-bottom:3px;
}
h1 a {color:#4D4944;font-weight:normal;}
h1 a:visited {color:#4D4944;}
h1 a:hover {}

h2 {
font-family:Georgia,Georgia,serif;
font-size:13px;
font-weight:bold;
color:#8A3D04;
margin-bottom:6px;
}
h2 a {color:#8A3D04;font-weight:bold;}
h2 a:visited {color:#8A3D04;}
h2 a:hover {}

h3 {
font-family:Georgia,Georgia,serif;
font-size:16px;
font-weight:normal;
color:#FFCA00;
margin-bottom:6px;
}
h3 a {color:#FFCA00;font-weight:normal;}
h3 a:visited {color:#FFCA00;}
h3 a:hover {}

/*Layout*/
#wrapper {
position:relative;
/*width:970px;*/
}

#header {
position:relative;
height:40px;
background:url(../images/header.jpg) repeat-x;
border-bottom:1px solid #6B6859;
}

#main {
position:relative;
overflow:hidden;
background:url(../images/main.shadow.png) repeat-x;
padding-bottom:40px;
}
#main_top {
position:relative;
width:720px;
height:85px;
margin-left:220px;
clear:both;
}
#main_left {
float:left;
width:170px;
padding-left:20px;
}
#main_right {
float:left;
position:relative;
overflow:hidden;
width:760px;
min-height:480px;
height:auto !important;
height:480px;
padding:0 10px;
}

#footer {
overflow:hidden;
min-height:140px;
padding:20px 0;
background:#57633E url(../images/footer.jpg) repeat-x;
border-top:1px solid #95A278;
}

/*Contents*/
#vine_left, #vine_right {
position:absolute;
top:0;
}
#vine_left {left:0;}
#vine_right {right:0;}

/**Header**/
#nav {
position:relative;
height:40px;
width:800px;
padding-left:220px;
background:url(../images/header.bg.jpg) no-repeat;
}
#nav li {float:left;}
#nav li.right {position:absolute;top:0;right:20px;}
#nav li a {
float:left;
display:block;
height:40px;
line-height:40px;
padding:0 8px;
font-family:Georgia,Georgia,serif;
font-size:13px;
font-weight:normal;
text-transform:uppercase;
color:#FFCA00;
}
#nav li a:visited {color:#FFCA00;}
#nav li a:hover, #nav li a.active {
color:#EBF5D2;
text-decoration:none;
}
#nav li a.active:visited {color:#EBF5D2;}

p.search {
position:absolute;
left:10px;
top:8px;
}
p.search input.text{
width:136px;
border:1px solid #374C02;
padding:4px;
margin:0 2px 0 0;
background-color:#FFFEF5;
}
p.search input.search_button{
color:#fff;
font-size:12px;
font-weight:bold;
width:24px;
height:24px;
border:0 none;
margin:0;
padding:0;
background:url(../images/search_button.png) no-repeat;
cursor:pointer;
}

/**Main**/

/***Breadcrumbs***/
#steps {
position:absolute;
left:0;
bottom:0;
}
#steps li{
float:left;
display:inline;
padding-right:4px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#343032;
}
#steps li a{
padding-right:16px;
font-size:12px;
text-transform:uppercase;
color:#343032;
background:url(../images/bc.steps.gif) no-repeat right 0;
}
#steps li a:visited{color:#343032;}
p#steps a {font-size:14px;}
p#steps a.active {text-decoration:underline;}


/***Right***/

/****Featured box****/
.featured_container {
position:relative;
padding:0 30px;
}

.featured_container .side_lt, .featured_container .side_lb, .featured_container .side_rt, .featured_container .side_rb {
position:absolute;
width:30px;
height:30px;
background:url(../images/featured_container.corners.png) no-repeat;
}
.featured_container .side_lt{left:0;top:0;background-position:0 0;}
.featured_container .side_lb{left:0; bottom:0;background-position:0 -30px;}
.featured_container .side_rt{right:0;top:0;background-position:-30px 0;}
.featured_container .side_rb{right:0; bottom:0;background-position:-30px -30px;}

.featured_container .side_lm, .featured_container .side_rm {
position:absolute;
top:30px;
bottom:30px;
width:30px;
}
.featured_container .side_lm{left:0;background:url(../images/featured_container.left.png) repeat-y;}
.featured_container .side_rm{right:0;background:url(../images/featured_container.right.png) repeat-y;}

.featured_container .inner_t, .featured_container .inner_b{padding-top:30px;}
.featured_container .inner_t{background:url(../images/featured_container.top.png) repeat-x;}
.featured_container .inner_b{background:url(../images/featured_container.bottom.png) repeat-x;}
.featured_container .inner_m{background:#f5f2d2;overflow:hidden;}

img.featured_container_footer {display:block;} /*new*/

/****Containers****/
#main_right div.container {margin-bottom:0;}
#main_right div.half {float:left;width:380px;}
#main_right div.complete {clear:both;width:760px;}
#main_right div.simple {clear:both;padding:0 10px;}
#main_right div.simple div.inner{overflow:hidden;border-bottom:1px solid #C2C0A6;padding:20px 10px;}

/*****Elements*****/
div.featured_container div.inner_m p.description{overflow:hidden;}
#main_right div.container img.float_left{float:left;margin:0 10px 2px 0;}
#main_right div.container img.float_right{float:right;margin:0 0 2px 10px;}
#main_right div.container img.product_pic{border:5px solid #C2C0A6;}
#main_right div.container a.float_left{float:left;}
#main_right div.container a.float_right{float:right;}
#main_right div.container a.float_left img{margin:0 10px 0 0;}

a.directo_prod {font-style:italic;color:#756c71;}
a.forward {padding:0 14px 0 0;background:url(../images/forward.gif) no-repeat right center;}

button img {margin-right:4px;vertical-align:middle;}

p.basket_add {text-align:right;}
p.basket_add b {float:left;padding:4px 0;}
p.basket_add b.action_price {color:red;}

div.slideshow{overflow:hidden;padding-top:10px;}
div.slideshow ul{float:left;}
div.slideshow li{float:left;margin:0 10px 8px 0;}
div.slideshow div.downloadables{float:right;padding:5px 10px 0 0;}
div.slideshow div.downloadables a{display:block;padding-bottom:5px;}
div.slideshow div.downloadables a:hover{text-decoration:none;}
div.slideshow div.downloadables a:hover span{text-decoration:underline;}
div.slideshow div.downloadables img{vertical-align:middle;margin-right:4px;}

div.product_description {padding-top:10px;clear:both;}

div.product_keywords {padding:10px 20px 6px;}
div.product_keywords p{margin-bottom:4px;}
div.product_keywords a{font-weight:normal;}
div.product_keywords a, div.product_keywords b{padding-right:6px;}

/***Left***/
#main_left div.container {margin-bottom:30px;}

/****Basket****/
#basket {
width:162px;
margin-left:-20px;
padding:8px 8px 0 20px;
background:#F5F2D2;
border-color:#C2C0A6;
border-style:solid;
border-width:1px 0;
font-size:11px;
}

#basket div.hr{background:#C2C0A6;margin-bottom:8px;}
#basket p.description{margin-bottom:8px;}
#basket ul.cart{
min-height:36px;
padding-left:36px;
background:url(../images/basket.png) no-repeat;
margin-bottom:8px;
}
#basket ul.cart li.large{font-size:14px;}

#basket img{vertical-align:middle;margin-right:4px;}
#basket span.username{font-size:12px;font-weight:bold;}

/****Contact page****/
div.contact_page {background:url(../images/google_maps.jpg) no-repeat;}
div.contact_page div.container {width:380px;}
div.contact_page div.simple div.inner {border:0 none !important;}

/**Footer**/
#footer ul {
float:left;
overflow:hidden;
min-height:140px;
padding:0 20px;
background:url(../images/footer.list.gif) repeat-y right top;
}
#footer li {color:#EBF5D2;}
#footer ul.selection {width:152px;}
#footer ul.selection li {list-style-type:disc;margin-left:1.5em;}
#footer ul.selection li.title {list-style-type:none;margin-left:0;}
#footer ul.last {background:transparent none;}

#footer a, #footer a:visited {color:#EBF5D2;}

/*Forms*/
fieldset p {margin-bottom:4px;}

td{padding:3px;line-height:16px;}
td img{vertical-align:middle;}

.login_box {text-align:center;}
.login_box fieldset input.text {width:140px;}

.basket_box {padding:0 20px;width:620px;}
.basket_box div.details{background:#F5F2D2;border:1px solid #C2C0A6;padding:9px;}
.basket_box div.details table{width:600px;}
.basket_box div.summary{padding:10px;}
.basket_box div.summary table{width:600px;margin-bottom:10px;}

#registration_box label { width:170px; }

/*User messages*/

.notification, .error, .confirm {
padding:6px 6px 6px 30px;
margin-bottom:10px;
line-height:16px;
}
.notification {
background:#FFCA00 url(../images/error.png) no-repeat 6px 6px;
border:1px solid #CC9B00;
}
.error {
background:#E52E3B url(../images/exclamation.png) no-repeat 6px 6px;
border:1px solid #99202F;
color:#fff;
}
.confirm {
background:#52CC63 url(../images/tick.png) no-repeat 6px 6px;
border:1px solid #347F3B;
}


/*Banners*/
.banner {width:170px;text-align:center;}