/*===========================================================
WEBSITE: Bottle Green
COMPANY: outsidethebox
===========================================================*/

body {
		font-family: "Georgia", "Times New Roman", serif;
		font-size: 12px;
		line-height: 1.5em;		
		height: 100%;
		margin: 0px;
		padding: 0px;
		background-color: #ffffff;
		color: #5c331a;
}

ul, ol, form {
    	padding: 0px;
    	margin: 0px;
}

/*===========================================================
HEADLINES, LINKS & PARAGRAPHS
===========================================================*/

h1 {	margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1.0em; }
h2 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
h3 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
h4 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
p {		margin: 0px; padding: 0px; }

a:link {color: #5c331a; text-decoration: none; }
a:visited {color: #5c331a; text-decoration: none; }
a:hover {color: #5c331a; text-decoration: underline; }
a:active {color: #5c331a; text-decoration: none; }

/*=========================================================== 
LAYOUT
=============================================================
GENERAL SITE LAYOUT
===========================================================*/

#background_wrapper {
		display: block;
		width: 980px;
		margin: 0px auto 0px auto;
		padding: 0px;
}

#colour_wrapper {
        display: block;
        float: left;
        width: 100%;
        background: url("../images/footer_bottom.jpg") no-repeat;
        background-position: bottom;
        background-color: #eddfc1;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 10px 0px;    
}

#header_wrapper {
        display: block;
        float: left;
        width: 980px;
        height: 87px;
        background: url("../images/header_bg.jpg") no-repeat;
        margin: 0px;
        padding: 0px;
}

#content_wrapper {
		display: block;
		float: right;
		width: 700px;
		margin: 20px 20px 0px 0px;
		padding: 0px;	
}

* html #content_wrapper {
		margin: 20px 10px 0px 0px;
}

/*=========================================================== 
HEADER
===========================================================*/

a#bottlegreen_logo {
        display: block;
		float: left;
        background: url("../images/bottlegreen_logo.gif") no-repeat;
        width: 314px;
        height: /**/ 45px;
        height: 0px !important;
        overflow: hidden;
        margin: 25px 0px 0px 20px;
        padding: 45px 0px 0px 0px; 
}

* html a#bottlegreen_logo {
        margin: 25px 0px 0px 10px;
}

a#button_contactus {
        display: block;
		float: right;
        background: url("../images/button_contactus.gif") no-repeat;
        width: 102px;
        height: /**/ 25px;
        height: 0px !important;
        overflow: hidden;
        margin: 30px 20px 0px 0px;
        padding: 25px 0px 0px 0px;     
}

* html a#button_contactus {
        margin: 30px 10px 0px 0px;    
}

/*=========================================================== 
LEFT MENU
===========================================================*/

#left_menu {
		display: block;
		float: left;
		width: 260px;
		margin: 0px;
		padding: 0px;
}

#leftnav {
        display: block;
        float: left;
        background: url("../images/leftnav_shim.jpg") repeat-y;
        width: 220px;
        margin: 20px 0px 0px 20px;
        padding: 0px;    
}

* html #leftnav {
        margin: 20px 0px 0px 10px;   
}

#leftnav a { display: block; float: left; width: 170px; margin: 0px 5px 0px 5px; padding: 5px 20px 5px 20px; }
* html #leftnav a { margin: 0px 2px 0px 2px; }
#leftnav a:hover { background: url("../images/leftnav_hover.jpg") repeat-x; text-decoration: none; }

#leftnav_top { display: block; float: left; width: 220px; height: 5px; background: url("../images/leftnav_top.jpg") no-repeat; margin: 0px 0px 10px 0px; padding: 0px; }
#leftnav_bottom { display: block; float: left; width: 220px; height: 4px; background: url("../images/leftnav_bottom.jpg") no-repeat; margin: 10px 0px 0px 0px; padding: 0px; }

#below_nav {
  		display: block;
		float: left;
		position: relative;
		width: 260px;
		margin: 0px;
		padding: 0px;
		z-index: 5;  
}

#leftnav_banner object {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 5;  
}

#leftnav_banner {
        position: absolute;
        top: 10px;
        left: 20px;
        z-index: 5;  
}

#vine {
        display: block;
        float: left;
        position: absolute;
        top: 193px;
        left: 0px;
        z-index: 15;
}
.flashleft
{
		display: block;
        position: absolute;
        top: 10px;
        left: 20px;
        
}

#twitter {
        display: block;
        float: left;
        background: url("../images/twitter_shim.jpg") repeat-y;
        width: 260px;
        margin: 218px 0px 0px 0px;
        padding: 0px;   
        z-index: 10;  
}

#twitter h2 { display: block; float: left; width: 180px; font-size: 18px; color: #94972f; font-weight: normal; padding: 0px 40px 0px 40px; }

#twitter_top { display: block; float: left; width: 260px; height: 5px; background: url("../images/twitter_top.jpg") no-repeat; margin: 0px 0px 20px 0px; padding: 0px; }
#twitter_bottom { display: block; float: left; width: 260px; height: 5px; background: url("../images/twitter_bottom.jpg") no-repeat; margin: 10px 0px 0px 0px; padding: 0px; }

#twitter_div {
        display: block;
        float: left;
        width: 180px;
        margin: 20px 0px 10px 40px;
        padding: 0px;
}

* html #twitter_div {
        margin: 20px 0px 10px 20px;
}

#twitter_div a { color: #94972f; font-style: italic; }
#twitter_div ul { list-style: none; margin: 0px; padding: 0px; }
#twitter_div ul li { display: block; float: left; width: 180px; margin: 0px 0px 15px 0px; padding: 0px; }
#twitter_div ul li span { display: block; float: left; width: 180px; margin: 0px 0px 5px 0px; padding: 0px; }
#twitter_div ul li a { display: block; float: left; width: 180px; margin: 0px; padding: 0px; color: #5c331a; font-style: normal; }

/*=========================================================== 
FOOTER
===========================================================*/

#footer {
   		display: block;
		float: left;
		position: relative;
		width: 900px;
		height: 120px;
		background: url("../images/footer_bg.jpg") no-repeat;
		margin: 20px 0px 10px 20px;
		padding: 20px;
		color: #ffffff;
		font-size: 12px;
		line-height: 1.4em;
}

* html #footer {
		margin: 20px 0px 10px 10px;
}

#footer_left { display: block; float: left; margin: 0px; padding: 0px; }
#footer_left a { color: #ffffff; font-weight: bold; }
#footer_right { display: block; float: right; margin: 0px; padding: 0px; }
#footer_right a { color: #ffffff; font-weight: normal; }

#footer_dcc {
        display: block;
        position: absolute;
        bottom: 38px;
        right: 20px;
        height: 18px;
        margin: 0px;
        padding: 0px;
}

#footer_dcc p { display: block; float: left; height: 18px; margin: 0px; padding: 0px; }

a#dcc_logo {
        display: block;
        float: left;
        background: url("../images/dcc_logo.gif") no-repeat;
        width: 50px;
        margin: 0px 5px 0px 5px;
        padding: 18px 0px 0px 0px;
        height: /**/ 18px;
        height: 0px !important;
        overflow: hidden;
}

/*=========================================================== 
GENERAL LAYOUT ELEMENTS
===========================================================*/

#breadcrumb {
        display: block;
        float: left;
        background: url("../images/breadcrumb_bg.jpg") no-repeat;
        width: 680px;
        height: 27px;
        margin: 0px 0px 10px 0px; 
        padding: 7px 0px 0px 20px;   
}

#breadcrumb p { font-size: 14px; font-style: italic; }
#breadcrumb a { font-weight: bold; }
#breadcrumb a.breadcrumb_position { font-weight: bold; color: #8c9511; }

h2#title {
        display: block;
        float: left;
        background: url("../images/title_bg.jpg") no-repeat;
        width: 680px;
        height: 46px;
        margin: 0px 0px 10px 0px;
        padding: 10px 0px 0px 20px;
        color: #ffffff;
        font-size: 30px;
        font-weight: normal;
        line-height: 1.2em;
}

h2#homepage_strap_title {
        display: block;
        float: left;
        background: url("../images/title_bg.jpg") no-repeat;
        width: 665px;
        height: 39px;
        margin: 0px 0px 10px 0px;
        padding: 17px 0px 0px 35px;
        color: #ffffff;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.2em;
        font-style: italic;
}

.content_container {
        display: block;
        float: left;
        background: url("../images/homepage_shim.jpg") repeat-y;
        width: 700px;
        margin: 10px 0px 0px 0px;   
}

.content_container_top { display: block; float: left; width: 700px; height: 4px; background: url("../images/homepage_top.jpg") no-repeat; margin: 0px 0px 20px 0px; padding: 0px; }
.content_container_bottom { display: block; float: left; width: 700px; height: 5px; background: url("../images/homepage_bottom.jpg") no-repeat; margin: 30px 0px 0px 0px; padding: 0px; }

.content_column {
        display: block;
        float: left;
        width: 280px;
        margin: 0px 0px 0px 20px;
        padding: 20px;
}

* html .content_column {
        margin: 0px 0px 0px 10px;
}

.content_column a { color: #8c9511; font-style: italic; }
.content_column p { margin: 0px 0px 20px 0px; }

#content_bottom {
        display: block;
        float: left;
        width: 620px;
        margin: 0px 0px 20px 0px;
        padding: 0px 40px 0px 40px;
}

#content_bottom h3 a { color: #8c9511; font-size: 22px; font-weight: normal; }
#content_bottom h3 a img { border: none; margin: 0px 0px 3px 5px; }

/*=========================================================== 
HOMEPAGE
===========================================================*/

#homepage_main {
        display: block;
        float: left;
        width: 700px;
        height: 215px;
        margin: 10px 0px 0px 0px;
        padding: 10px 0px 10px 0px;
        border-top: 1px solid #c8b89e;  
        border-bottom: 1px solid #c8b89e;  
}

h2#homepage_tagline {
        display: block;
        float: left;
        background: url("../images/homepage_tagline.jpg") no-repeat;
        width: 670px;
        height: 45px;
        margin: 0px 0px 10px 0px;
        padding: 25px 0px 0px 30px;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.2em;
        font-style: italic;
}

h2#homepage_tagline em { color: #899211; }

.homepage_column {
        display: block;
        float: left;
        width: 210px;
        margin: 0px 0px 0px 17px;
        padding: 0px;    
}

* html .homepage_column {
        margin: 0px 0px 0px 12px;   
}

.homepage_column h3 a { font-size: 22px; font-weight: normal; }
.homepage_column h3 a:hover { text-decoration: none; }
.homepage_column p { display: block; float: left; width: 100%; height: 100px; font-size: 11px; margin: 15px 0px 0px 0px; border-bottom: 1px solid #ede9e6; }
.homepage_column a.homepage_link { display: block; float: left; width: 143px; height: 23px; font-size: 11px; font-weight: bold; background: url("../images/button_template.jpg") no-repeat; margin: 20px 0px 0px 0px; padding: 5px 0px 0px 10px; color: #ffffff; }

a.homepage_column_image {
        display: block;
        float: left;
        width: 210px;
        margin: 0px 0px 30px 0px;
        padding: 120px 0px 0px 0px;
        height: /**/ 120px;
        height: 0px !important;
        overflow: hidden;       
}

.meettheteam { background: url("../images/meettheteam_image.jpg") no-repeat; }
.experts { background: url("../images/experts_image.jpg") no-repeat; }
.ourwines { background: url("../images/ourwines_image.jpg") no-repeat; }

/*=========================================================== 
ABOUT US
===========================================================*/

#about_main {
        display: block;
        float: left;
        background: url("../images/about_main.jpg") no-repeat;
        width: 700px;
        height: 178px;
        margin: 10px 0px 0px 0px;
        padding: 0px;    
}

#about_top {
        display: block;
        float: left;
        width: 620px;
        margin: 20px 40px 10px 40px;
        padding: 0px;    
}

* html #about_top {
        margin: 20px 20px 10px 20px;   
}

#about_top p { font-size: 20px; line-height: 1.2em; }

#service_excellence {
        display: none; 
        float: left;
        width: 620px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

/*=========================================================== 
WINE EXPERTISE
===========================================================*/

#expertise_main {
        display: block;
        float: left;
        width: 700px;
        height: 172px;
        margin: 10px 0px 0px 0px;
        padding: 0px;    
}

/*=========================================================== 
ENVIRONMENT & SOCIAL
===========================================================*/

#environment_main {
        display: block;
        float: left;
        background: url("../images/environment_main.jpg") no-repeat;
        width: 700px;
        height: 172px;
        margin: 10px 0px 0px 0px;
        padding: 0px;    
}

.environment_logo {
        display: block;
        float: left;
        padding: 65px 0px 0px 0px;
        height: /**/ 65px;
        height: 0px !important;
        overflow: hidden;   
}

.fairtrade { width: 60px; background: url("../images/logo_fairtrade.gif") no-repeat; margin: 0px 0px 0px 30px; }
.environmentagency { width: 180px; background: url("../images/logo_environmentagency.gif") no-repeat; margin: 0px 0px 0px 48px; }
.recyclenow { width: 180px; background: url("../images/logo_recyclenow.gif") no-repeat; margin: 0px 0px 0px 48px; }
.tetrapak { width: 70px; background: url("../images/logo_tetrapak.gif") no-repeat; margin: 0px 0px 0px 48px; }

* html .fairtrade { margin: 0px 0px 0px 15px; }
* html .environmentagency { margin: 0px 0px 0px 24px; }
* html .recyclenow { margin: 0px 0px 0px 24px; }
* html .tetrapak { margin: 0px 0px 0px 24px; }

/*=========================================================== 
CUSTOMERS
===========================================================*/

#customers_main {
        display: block;
        float: left;
        position: relative;
        background: url("../images/customers_main.jpg") no-repeat;
        width: 700px;
        height: 171px;
        margin: 10px 0px 0px 0px;
        padding: 0px;    
}

#customers_main h3 { display: block; position: absolute; top: 40px; left: 40px; width: 320px; margin: 0px; padding: 0px; font-size: 20px; font-weight: normal; line-height: 1.2em; }

/*=========================================================== 
KNOW YOUR LIMITS
===========================================================*/

#limits_main {
        display: block;
        float: left;
        position: relative;
        background: url("../images/limits_main.jpg") no-repeat;
        width: 700px;
        height: 178px;
        margin: 10px 0px 0px 0px;
        padding: 0px;    
}

#limits_main h3 { display: block; position: absolute; top: 40px; left: 40px; width: 370px; margin: 0px; padding: 0px; font-size: 20px; font-weight: normal; }

/*=========================================================== 
MEET THE TEAM
===========================================================*/

#team_content {
        display: block;
        float: left;
        width: 620px;
        margin: 10px 0px 0px 0px;
        padding: 10px 40px 0px 40px;
}

#team_content h3 { display: block; float: left; width: 260px; height: 194px; font-size: 20px; font-weight: normal; line-height: 1.2em; padding: 20px 0px 0px 0px; border-bottom: 1px solid #c8b89e; }

#team_main {
        display: block;
        float: right;
        background: url("../images/team_main.jpg") no-repeat;
        width: 330px;
        height: 230px;
        margin: 0px;
        padding: 0px;    
}

#team_container {
        display: block;
        float: left;
        background: url("../images/team_bg.jpg") no-repeat;
        width: 600px;
        height: 185px;
        margin: 10px 0px 0px 0px;
        padding: 40px 0px 0px 100px;    
}

#team_container a.button_team_template { display: block; float: left; width: 234px; height: 34px; font-size: 14px; font-weight: bold; background: url("../images/button_team_template.jpg") no-repeat; margin: 0px 10px 10px 0px; padding: 8px 0px 0px 20px; color: #ffffff; }

/*=========================================================== 
PROFILES
===========================================================*/

.profile_container {
        display: block;
        float: left;
        width: 540px;
        margin: 15px 0px 10px 80px;
        padding: 0px;    
}

* html .profile_container {
        margin: 15px 0px 10px 40px;  
}

.profile_image {
        display: block;
        float: left;
        position: relative;
        background: url(../images/profile_photo_bg.jpg) no-repeat;
        width: 130px;
        height: 130px;
        margin: 0px;
        padding: 0px;    
}

.profile_image img {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 123px;
        height: 123px;
        margin: 0px;
        padding: 0px;
}

.profile_details {
        display: block;
        float: right;
        width: 330px;
        margin: 0px;
        padding: 0px 0px 25px 0px;
        border-bottom: 1px solid #c8b89e;
}

.profile_details h3 { display: block; float: left; width: 330px; line-height: 1.0em; font-size: 20px; font-weight: normal; }
.profile_details h3 span { font-size: 16px; font-style: italic; color: #8c9511; }
.profile_details p { display: block; float: left; margin: 10px 0px 0px 0px; padding: 0px; }

/*=========================================================== 
NEWS
===========================================================*/

.news_container {
        display: block;
        float: left;
        width: 620px;
        margin: 15px 0px 10px 40px;
        padding: 0px;    
}

* html .news_container {
        margin: 15px 0px 10px 20px;   
}

.news_image {
        display: block;
        float: left;
        position: relative;
        width: 130px;
        height: 100px;
        margin: 0px;
        padding: 0px;    
}

.news_image img { display: block; position: absolute; top: 0px; left: 0px; width: 130px; height: 100px; margin: 0px; padding: 0px; }

.news_details {
        display: block;
        float: right;
        width: 450px;
        height: 130px;
        margin: 0px;
        padding: 0px;
        border-bottom: 1px solid #c8b89e;
}

.story_details {
        display: block;
        float: right;
        width: 450px;
        margin: 0px;
        padding: 0px;
}

.news_details h3, .story_details h3 { display: block; float: left; width: 450px; line-height: 1.0em; font-size: 20px; font-weight: normal; }
.news_details h3 span, .story_details h3 span { font-size: 16px; font-style: italic; color: #8c9511; }
.news_details p, .story_details p { display: block; float: left; margin: 10px 0px 0px 0px; padding: 0px; }
.news_details a { color: #8c9511; font-style: italic; font-weight: bold; }

#news_bottom {
        display: block;
        float: left;
        width: 620px;
        margin: 20px 40px 20px 40px;
        padding: 0px;     
}

* html #news_bottom {
        margin: 20px 20px 20px 20px;   
}

#news_bottom h3 { display: block; position: relative; font-size: 20px; font-weight: normal; width: 100%; line-height: 1.2em; padding: 0px 0px 5px 0px; border-bottom: 1px solid #c8b89e; }

span#twitter_icon {
        display: block;
		position: absolute;
		top: 4px;
		left: 90px;
        background: url("../images/twitter_icon.png") no-repeat;
        width: 40px;
        height: /**/ 32px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 32px 0px 0px 0px;     
}

#news_archive {
        display: block;
        float: left;
        width: 250px;
        margin: 0px;
        padding: 0px;    
}

#news_archive a { display: block; float: left; width: 250px; margin: 10px 0px 0px 0px; padding: 0px; }

#news_twitter {
        display: block;
        float: right;
        width: 330px;
        margin: 0px;
        padding: 0px;    
}

#news_twitter #twitter_div {
        display: block;
        float: left;
        width: 330px;
        margin: 20px 0px 10px 0px;
        padding: 0px;
}

* html #news_twitter #twitter_div {
        margin: 20px 0px 10px 20px;
}

#news_twitter #twitter_div a { color: #94972f; font-style: italic; }
#news_twitter #twitter_div ul { list-style: none; margin: 0px; padding: 0px; }
#news_twitter #twitter_div ul li { display: block; float: left; width: 330px; margin: 0px 0px 15px 0px; padding: 0px; }
#news_twitter #twitter_div ul li span { display: block; float: left; width: 330px; margin: 0px 0px 5px 0px; padding: 0px; }
#news_twitter #twitter_div ul li a { display: block; float: left; width: 330px; margin: 0px; padding: 0px; color: #5c331a; font-style: normal; }

/*=========================================================== 
JOBS
===========================================================*/

.job_container {
        display: block;
        float: left;
        width: 620px;
        height: 130px;
        margin: 15px 0px 10px 40px;
        padding: 0px;
        border-bottom: 1px solid #c8b89e;   
}

* html .job_container {
        margin: 15px 0px 10px 20px; 
}

.vacancy_container {
        display: block;
        float: left;
        width: 620px;
        margin: 15px 0px 10px 40px;
        padding: 0px; 
}

* html .vacancy_container {
        margin: 15px 0px 10px 20px;
}

.job_title {
        display: block;
        float: left;
        width: 220px;
        height: 130px;
        margin: 0px;
        padding: 0px; 
}

.job_title h3 { display: block; float: left; width: 450px; line-height: 1.0em; font-size: 20px; font-weight: normal; }
.job_title h3 span { font-size: 16px; font-style: italic; color: #8c9511; }

.job_details {
        display: block;
        float: right;
        width: 400px;
        margin: 0px;
        padding: 0px;
}

.job_details h4 { display: block; float: left; width: 400px; font-size: 12px; font-style: italic; }
.job_details p { display: block; float: left; width: 400px; margin: 0px 0px 10px 0px; padding: 0px; }
.job_details a { display: block; float: left; margin: 0px; padding: 0px; color: #8c9511; font-weight: bold; font-style: italic; }
.job_details a.link_apply { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; border-left: 1px solid #c8b89e; }
* html .job_details a.link_apply { margin: 0px 0px 0px 5px; }

/*=========================================================== 
LINKS
===========================================================*/

.links_container {
        display: block;
        float: left;
        width: 620px;
        height: 65px;
        margin: 0px 0px 0px 40px;
        padding: 0px;
        border-bottom: 1px solid #c8b89e;   
}

* html .links_container {
        margin: 0px 0px 0px 20px; 
}

.links_container a { display: block; float: left; width: 300px; height: 42px; margin: 0px; padding: 23px 0px 0px 0px; color: #8c9511; font-weight: bold; font-style: italic; }

.link_image {
        display: block;
        float: right;
        width: 300px;
        height: 53px;
        margin: 0px;
        padding: 12px 0px 0px 0px;
}

/*=========================================================== 
OUR WINES & COVERFLOW
===========================================================*/

#ourwines_main {
        display: block;
        float: left;
        width: 700px;
        height: 170px;
        background: url("../images/ourwines_main.jpg") no-repeat;
        margin: 10px 0px 0px 0px;
        padding: 0px;    
}

#ourwines_main p { display: block; float: left; margin: 0px; padding: 0px; color: #336577; font-size: 16px; font-style: italic; }

#coverflow_container {
        display: block;
        float: left;
        width: 620px;
        margin: 10px 0px 20px 40px;
        padding: 0px;      
}

* html #coverflow_container {
        margin: 10px 0px 20px 20px;  
}

#coverflow_container h3 { font-size: 14px; font-weight: normal; }

#ourwines_coverflow {
        display: block;
        float: left;
        width: 620px;
        margin: 0px;
        padding: 0px;      
}

.imageflow {
	    position:relative; 
	    overflow: hidden;
}

.imageflow img { visibility: hidden; position: absolute; top: 0px; border: none; -ms-interpolation-mode: bicubic; /* Enables bicubic image resampling for the IE7 */ }
.imageflow p{ text-align: center; margin: 0 auto; }
.imageflow .loading { position: relative; left: 50%; margin-left:-106px; width: 200px; height: 15px; padding: 5px; visibility:visible; border:1px solid white; }
.imageflow .loading_bar { height: 15px; width: 1%; background: #fff; visibility: visible; }
.imageflow .caption { font-weight: bold; position: relative; text-align: center; z-index: 10000; }
.imageflow .scrollbar { position: relative; background: url("../images/coverflow_bar.jpg") no-repeat; height: 18px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 15px; z-index: 10001; }
.imageflow .slider { position:absolute; margin: 0px; z-index: 10002; background: url("../images/coverflow_slider.gif") no-repeat; width: 89px; height: 18px; }

#ourwines_bottom {
        display: block;
        float: left;
        background: url("../images/ourwines_menu_bg.jpg") no-repeat;
        width: 600px;  
        margin: 0px 0px 20px 40px;
        padding: 20px 20px 0px 20px;     
}

* html #ourwines_bottom {
        margin: 0px 0px 20px 20px;  
}

#ourwines_bottom h3 { display: block; float: left; width: 150px; margin: 0px; padding: 0px; }
#ourwines_details { display: block; float: right; width: 450px; margin: 0px; padding: 0px; }
#ourwines_details a { display: block; float: left; width: 140px; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #c8b89e; }

/*=========================================================== 
COUNTRY
===========================================================*/

#country_nav {
        display: block;
        float: left;
        width: 700px;
        position: relative;
        margin: 0px 0px 10px 0px;
        padding: 0px;  
}

.country_dropdown {
        position: absolute;
        top: 18px;
        right: 18px;    
        border: 0;
        padding: 2px;
        font-family: Georgia;
        color: #5C331A;
}

a.country_navlink {
        display: block; 
        float: left; 
        width: 75px; 
        height: 30px; 
        font-size: 12px; 
        background: url("../images/country_nav_off.jpg") no-repeat; 
        margin: 0px 2px 0px 0px; 
        padding: 5px 0px 0px 0px; 
        text-align: center;
        color: #ffffff;
}

a.country_navlink_selected {
        display: block; 
        float: left; 
        width: 75px; 
        height: 30px; 
        font-size: 12px; 
        background: url("../images/country_nav_on.jpg") no-repeat; 
        margin: 0px 2px 0px 0px; 
        padding: 5px 0px 0px 0px; 
        text-align: center;
        color: #ffffff;
}

#country_main {
        display: block;
        float: left;
        background: url("../images/country_main.jpg") no-repeat;
        width: 700px;
        height: 142px;
        margin: 10px 0px 0px 0px;
        padding: 0px;    
}

.country_top {
        display: block;
        float: left;
        width: 700px;
        min-height: 316px;
        background: url("../images/country_top.jpg") no-repeat;
        margin: 0px;
        padding: 0px;    
}

#country_images {
        display: block;
        float: left;
        width: 250px;
        margin: 40px 0px 30px 40px;
        padding: 0px;    
}

#country_details {
        display: block;
        float: right;
        width: 330px;
        margin: 40px 40px 30px 0px;
        padding: 0px;    
}

#country_details h2 { display: block; float: left; width: 100%; line-height: normal; font-size: 38px; font-style: italic; font-weight: normal; }
#country_details h3 { display: block; float: left; width: 100%; line-height: normal; font-size: 20px; color: #8c9511; font-weight: normal; }
.country_h3 { display: block; float: left; width: 100%; margin: 10px 0px 15px 0px; padding: 0px; }

.country_main_image {
        display: block;
        float: left;
        width: 250px;
        margin: 0px 0px 10px 0px;
        padding: 0px;        
}

.country_small_image {
        display: block;
        float: left;
        width: 75px;
        margin: 12px 12px 0px 0px;
        padding: 0px;
}

.country_small_image_right {
        display: block;
        float: left;
        width: 75px;
        margin: 12px 0px 0px 1px;
        padding: 0px;
}

#country_bottom {
        display: block;
        float: left;
        width: 620px;
        margin: 10px 0px 0px 40px;
        padding: 0px;    
}

h3#country_bottom_title {
        display: block;
        float: left;
        background: url("../images/country_bottom_title.jpg") no-repeat;
        width: 600px;
        height: 31px;
        margin: 0px;
        padding: 11px 0px 0px 20px;
        color: #ffffff;
        font-size: 14px;   
}

#country_bottom_left {
        display: block;
        float: left;
        width: 300px;
        margin: 30px 0px 0px 0px;
        padding: 0px;    
}

#country_bottom_right {
        display: block;
        float: right;
        width: 300px;
        margin: 30px 0px 0px 0px;
        padding: 0px;    
}

.list_container_left {
        display: block;
        float: left;
        width: 280px;
        margin: 0px 0px 5px 20px;
        padding: 0px 0px 5px 0px;
        border-bottom: 1px solid #c8b89e;
}

.list_container_right {
        display: block;
        float: left;
        width: 280px;
        margin: 0px 20px 5px 0px;
        padding: 0px 0px 5px 0px;
        border-bottom: 1px solid #c8b89e;
}

.list_container_left span, .list_container_right span { display: block; float: left; width: 100px; margin: 0px; padding: 0px; font-style: italic; font-size: 14px; }
.list_container_left p, .list_container_right p { display: block; float: left; width: 180px; margin: 0px; padding: 0px; font-size: 14px; color: #8c9511; }
.list_container_left a, .list_container_right a { color: #8c9511; }

/*=========================================================== 
BRAND
===========================================================*/

#brand_top {
        display: block;
        float: left;
        width: 620px;
        margin: 50px 0px 0px 40px;
        padding: 0px;
        border-bottom: 1px solid #c8b89e;
}

#brand_image {
        display: block;
        float: left;
        width: 250px;
        text-align: center;
        margin: 0px 0px 20px 0px;
        padding: 0px;
}

#brand_details {
        display: block;
        float: right;
        width: 330px;
        margin: 0px;
        padding: 0px;
}

#brand_details h2 { display: block; float: left; width: 330px; color: #8c9511; line-height: normal; font-size: 30px; font-weight: normal; }
#brand_details p { display: block; float: left; width: 330px; margin: 0px 0 20px 0px; padding: 0px; }

.wine_list_container {
        display: block;
        float: left;
        width: 620px;
        margin: 20px 0px 0px 40px;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #c8b89e;
}

.wine_image {
        display: block;
        float: left;
        width: 150px;
        text-align: center;
        margin: 0px;
        padding: 0px;    
}

.wine_details {
        display: block;
        float: right;
        width: 430px;
        margin: 0px;
        padding: 0px;    
}

.wine_details h3 { display: block; float: left; width: 430px; margin: 0px; padding: 0px; line-height: normal; font-size: 24px; font-weight: normal; font-style: italic; }
.wine_details p { display: block; float: left; width: 430px; margin: 10px 0px 0px 0px; padding: 0px; }


/*=========================================================== 
PRODUCER
===========================================================*/

#producer_top {
        display: block;
        float: left;
        position: relative;
        width: 700px;
        min-height: 300px;
        background: url("../images/producer_top.jpg") no-repeat;
        margin: 0px;
        padding: 0px;
}

#producer_image {
        display: block;
        position: absolute;
        top: 64px;
        left: 39px;
        width: 320px;
        height: 217px;
}

#producer_bottom {
        display: block;
        float: left;
        width: 620px;
        margin: 20px 0px 0px 40px;
        padding: 0px;
}

#producer_bottom h2 { display: block; float: left; position: relative; width: 620px; margin: 20px 0px 10px 0px; padding: 0px 0px 10px 0px; line-height: normal; border-bottom: 1px solid #c8b89e; font-size: 30px; font-weight: normal; color: #8c9511; }
#producer_bottom h2 span { display: block; position: absolute; bottom: 10px; right: 0px; font-size: 12px; color: #5c331a; }
#producer_bottom h2 span em { color: #8c9511; font-weight: bold; }
#producer_bottom p { display: block; float: left; margin: 20px 0px 0px 0px; padding: 0px; }

/*=========================================================== 
CONTACT
===========================================================*/

.thanks_container {
        display: block;
        float: left;
        width: 620px;
        margin: 0px 0px 0px 40px;
        padding: 0px;
}

.thanks_container h3 { display: block; float: left; width: 100%; font-size: 18px; font-weight: normal; line-height: normal; padding: 0px 0px 10px 0px; }
.thanks_container p { display: block; float: left; width: 100%; margin: 10px 0px 0px 0px; }

#contact_container {
        display: block;
        float: left;
        width: 620px;
        margin: 10px 0px 0px 40px;
        padding: 0px;
}

#contact_form {
        display: block;
        float: left;
        width: 280px;
        margin: 0px;
        padding: 0px;
}

#contact_form span { color: #b02027; }

#apply_form {
        display: block;
        float: left;
        width: 330px;
        margin: 0px;
        padding: 0px;
}

#apply_form span { color: #b02027; }

.form_field {
        display: block;
        float: left;
        width: 280px;
        margin: 0px 0px 10px 0px;
        padding: 0px;     
}

.form_field label { display: inline-block; float: left; width: 100px; height: 20px; }
.form_field label span { color: #b02027; }
.form_field input { float: left; width: 150px; height: 16px; background: url("../images/input_bg.jpg") no-repeat; padding: 4px 5px 0px 5px; border: 1px solid #9d9d9d; font-size: 11px; font-family: "Georgia", "Times New Roman", serif; }
.form_field textarea { float: left; width: 150px; height: 96px; background: url("../images/input_bg.jpg") no-repeat; border: 1px solid #9d9d9d; padding: 4px 5px 0px 5px; font-size: 11px; font-family: "Georgia", "Times New Roman", serif; }

.apply_form_field {
        display: block;
        float: left;
        width: 330px;
        margin: 0px 0px 10px 0px;
        padding: 0px;     
}

.apply_form_field label { display: inline-block; float: left; width: 100px; height: 20px; }
.apply_form_field label span { color: #b02027; }
.apply_form_field input { float: left; width: 180px; height: 16px; background: url("../images/input_bg.jpg") no-repeat; padding: 4px 5px 0px 5px; border: 1px solid #9d9d9d; font-size: 11px; font-family: "Georgia", "Times New Roman", serif; }
.apply_form_field textarea { float: left; width: 180px; height: 96px; background: url("../images/input_bg.jpg") no-repeat; border: 1px solid #9d9d9d; padding: 4px 5px 0px 5px; font-size: 11px; font-family: "Georgia", "Times New Roman", serif; }
.apply_form_field input#ctl00_ContentPlaceHolder1_cv { float: left; width: 150px; height: auto; background: url("../images/input_bg.jpg") no-repeat; border: 1px solid #9d9d9d; font-size: 11px; font-family: "Georgia", "Times New Roman", serif; }

a.button_submit {
        display: block;
		float: right;
        background: url("../images/button_submit.gif") no-repeat;
        width: 47px;
        height: /**/ 10px;
        height: 0px !important;
        overflow: hidden;
        margin: 8px 18px 0px 0px;
        padding: 10px 0px 0px 0px;     
}

#contact_right {
        display: block;
        float: right;
        width: 330px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
}

#contact_right a { font-weight: bold; }
#contact_right p { margin: 0px 0px 20px 0px; }

#apply_right {
        display: block;
        float: right;
        width: 290px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
}

#apply_right a { font-weight: bold; }
#apply_right p { margin: 0px 0px 20px 0px; }

a#contact_map {
        display: block;
        float: left;
        background: url("../images/contact_map.jpg") no-repeat;
        width: 329px;
        margin: 0px 0px 20px 0px;
        padding: 329px 0px 0px 0px;
        height: /**/ 329px;
        height: 0px !important;
        overflow: hidden;
        border: 1px solid #9d9d9d;
}

.cv_error { color: #b02027; font-weight: bold; margin: 0px 0px 10px 0px; }

/*=========================================================== 
VERIFY
===========================================================*/

#verify_bg {
        display: block;
        float: left;
        position: relative;
        background: url("../images/verify_bg.jpg") no-repeat;
        width: 940px;
        height: 572px; 
        margin: 20px 20px 0px 20px;
        padding: 0px;
}

#verify_content {
        display: block;
        position: absolute;
        width: 340px;
        top: 150px;
        left: 50px;
        margin: 0px;
        padding: 0px;
}

#verify_content h2 { font-size: 28px; font-weight: normal; line-height: 1.1em; }
#verify_content p { display: block; float: left; width: 340px; margin: 20px 0px 0px 0px; }
#verify_content p.verify_error { font-weight: bold; color: #b02027; }
#verify_content p input { margin: 0px 0px 0px 5px; }

a.button_enter {
        display: block;
		float: left;
        background: url("../images/button_enter.gif") no-repeat;
        width: 124px;
        height: /**/ 28px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 28px 0px 0px 0px;   
}