@charset "UTF-8";

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */


html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	background:url(../img/site_bg01.jpg) center center;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
}

p, ol, ul, blockquote, table {
	font-family: Arial, Helvetica, sans-serif;
	color:#909090;
	font-size:9pt;
	font-weight:normal;
}

h1, h2, h3, h4, h5 {
	color:#ffffff;
}


a {
	color:#FFFFFF;
}


#sitewrapper {
	display:table;
	height: 100%;
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/site_tile01.gif) repeat;
}


/* MAIN PAGE ELEMENTS */

#header {
	height: 120px;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/header_bg.jpg);
}

#sidebar {
	height: auto;
	width: 165px;
	position: relative;
	left: 15px;
	top: 20px;
	float: left;
}

#maincolumn {
	float: right;
	/*height: 100%;*/
	width: 789px;
	position: relative;
	right: 15px;
	top:20px;
}

#footer {
	width:974px;
	height:70px;
	background:url(../img/footer_bg.gif);
	margin: 40px auto 0px auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4a515a;
}

div#vok_head_logo {
	float:left;
	cursor:pointer;
}

/* Common */
div.article_content	 {
	font-family: Arial, Helvetica, sans-serif;
	color:#909090;
	font-size:9pt;
	font-weight:normal;
	overflow:auto;
}

/* footer menu/navigation box & copy info  */

div#footermenu {
	width:425px;
	position:relative;
	top:40px;
	float:right;
	font-size:8pt;
	color:#f7f7f7;
}

div#footermenu a {
	text-decoration:none;
	color:#f7f7f7;
	font-weight:normal;
	font-size:9pt
}

div#footermenu a:hover {
	color:#1B90CD;
}


div#footercopy {
	width:250px;
	position:relative;
	/*top:5px;    --- uncomment this line if turning on the 'cakephp power' icon  */
	top:20px;
	left:20px;
}

div#footercopy a {
	color:#909090;
}
div#footercopy a:hover {
	color:#f7f7f7;
}


/* 'bar of the month' box */

#sidefeature_box {
	position: relative;
	background:url(../img/sidebar_bg.gif) repeat-y;
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4a515a;
	border-bottom-color: #4a515a;
}



/* feature box */

#feature_box {
	background-image: url(../img/feature_box_bg.gif);
	height: 347px;
	width: 789px;
	margin-bottom:20px;
}

#feature_box div.homepage_feature {
	padding:7px;
}



/* article head box */

#articlehead_box {
	background-image: url(../img/content_box_bg.gif);
	height: 149px;
	width: 789px;
	margin-bottom:20px;
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4a515a;
	border-bottom-color: #4a515a;
}


/* industry news SIDEbox element */

th.sortheader {
	text-align:left;
}
th.sortheader a{
	font-size:7.5pt;
	color:#1B90CD;
}
th.sortheader a:hover {
	color:#FFFFFF;
}
#twitbox {
	position:relative;
	top:40px;
	margin-bottom:20px;
	height:40px;
	background:url(../img/sidebar_bg.gif) repeat-y;
	border-bottom:1px solid #4A515A;
	border-top:1px solid #4A515A;
}
#twitbox a.twitlink {
	display:block;
	width:165px;
	height:40px;
	background:url(../img/twitlink.gif) no-repeat;
}
#twitbox a.twitlink:hover {
	background:url(../img/twitlink_over.gif) no-repeat;
	cursor:pointer;
}

#industnews_box {
	position: relative;
	top: 20px;
	clip: rect(20px,auto,auto,auto);
	background:url(../img/sidebar_bg.gif) repeat-y;
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4a515a;
	border-bottom-color: #4a515a;
}
.indnews_item {
	background: url(../img/indnews_item_bg.gif) no-repeat;
	background-position: center;
	height: 84px;
	width: 165px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden; /* DETELE ME OR SOMETHING */
}
.indnews_item:hover {
	background: url(../img/indnews_item_bg_hover.gif) no-repeat;
}
.indnews_item h5,
.indnews_more h5 {
	margin: 8px 0px 0px 20px;
	font-size:10pt;
	letter-spacing:0.06em;
}
.indnews_item h5 a,
.indnews_more h5 a {
	color:#1b90cd;
	text-decoration:none;
}
.indnews_item h5 a:hover,
.indnews_more h5 a:hover {	
	color:#FFFFFF;
	text-decoration:none;
}
.indnews_item p {
	margin: 5px 0px 0px 20px;
	font-size: 8pt;
	color:#FFFFFF;
	width:125px;
	height: 48px;
	overflow: hidden; /* MAY NEED TO DELETE THIS ALSO */
}
.indnews_more {
	height: 24px;
	width: 165px;
	background: url(../img/indnews-more_box_bg.gif) no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
	background-position: center;
	overflow:hidden;
}
.indnews_more h5 {
	margin: 4px 0px 0px 20px;
}


/* content box */

#content_box {
	background-image: url(../img/content_box_bg.gif);
	min-height: 347px;
	width: 789px;
	overflow:auto; /* --> to wrap around fix nested divs with floats */
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4a515a;
	border-bottom-color: #4a515a;
}

div.content_fullwidth {
	width:749px;
	margin: 0 auto;
	overflow:auto;
}

div.content_left {
	width:393px;
	float:left;
	overflow:auto;
}

div.content_right {
	width:393px;
	float:right;
	overflow:auto;
}

.post_header {
	margin-top:20px;
	width:353px;
	position:relative;
	left:20px;
	overflow:hidden;
}

.post_header h3 {
	display:inline;
	margin:0px;
	position:relative;
	left:9999px;
	line-height:0pt;
}

.post {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	margin: 10px 20px 10px 20px;
}

.post p {
	color: #909090;
	font-size: 9pt;
	margin:0;
	text-align: justify;
}

.post  h4.post_title {
	color: #1b90cd;
	font-size: 10pt;
	font-weight:normal;
	margin:0;
}

.post  h4.post_title a {
	color:#1b90cd;
}

/* Homepage widgets */
div.home_widget_morelink {
	margin-top: 20px;
}


/* pagination */

div.paging {
	margin-top:25px;
	font-size:9pt;
	color:#FFFFFF;
	text-align:right;
}

div.paging a {
	color:#1B90CD;
}
div.paging a:hover {
	color:#FFFFFF;
}

div.disabled {
	display:inline-block;
	color:#1c2e44;
	text-decoration:line-through;
}

/** MAIN NAVIGATION MENU **/

ul#mainmenu {
	list-style:none;
	height:30px;
	width:650px;
	float:right;
	margin-right:28px;
	margin-top:0px;
}

ul#mainmenu li.menubutton {
	display:block;
	height:30px;
	float:left;
	overflow:hidden;
}

ul#mainmenu li.menubutton a strong {
	display:block;
	position:relative;
	left:999px;
}

ul#mainmenu li.menubutton a {
	display:block;
	width:100%;
	height:100%;
}
	
	/* Individual Nav button classes */
	ul#mainmenu li.industry {
		width:129px;
		background: url(../img/mainnav_matrix.gif) 0px 0px;
	}
	ul#mainmenu li.products {
		width:135px;
		background: url(../img/mainnav_matrix.gif) -129px 0px;
	}
	ul#mainmenu li.cocktails {
		width:134px;
		background: url(../img/mainnav_matrix.gif) -264px 0px;
	}	
	ul#mainmenu li.aboutus {
		width:128px;
		background: url(../img/mainnav_matrix.gif) -392px 0px;
	}	
	ul#mainmenu li.contact {
		width:124px;
		background: url(../img/mainnav_matrix.gif) -516px 0px;
	}
	
	/****/
	
	ul#mainmenu li.industry a:hover {
		background: url(../img/mainnav_matrix.gif) 0px -30px;
		cursor:pointer;
	}
	ul#mainmenu li.products a:hover {
		background: url(../img/mainnav_matrix.gif) -129px -30px;
		cursor:pointer;
	}
	ul#mainmenu li.cocktails a:hover {
		background: url(../img/mainnav_matrix.gif) -264px -30px;
		cursor:pointer;
	}	
	ul#mainmenu li.aboutus a:hover {
		background: url(../img/mainnav_matrix.gif) -392px -30px;
		cursor:pointer;
	}	
	ul#mainmenu li.contact a:hover {
		background: url(../img/mainnav_matrix.gif) -516px -30px;
		cursor:pointer;
	}
	
	/****/
	
	ul#mainmenu li.industry.active {
		background: url(../img/mainnav_matrix.gif) 0px -30px;
	}
	ul#mainmenu li.products.active {
		background: url(../img/mainnav_matrix.gif) -129px -30px;
	}
	ul#mainmenu li.cocktails.active {
		background: url(../img/mainnav_matrix.gif) -264px -30px;
	}	
	ul#mainmenu li.aboutus.active {
		background: url(../img/mainnav_matrix.gif) -392px -30px;
	}	
	ul#mainmenu li.contact.active {
		background: url(../img/mainnav_matrix.gif) -516px -30px;
	}
	

div#secondary-navigation {
	width:785px;
	height:38px;
	position:relative;
	float:right;
	right:22px;
	top:28px;
}

p.defaultlinks {
	display:block;
	float:left;
	position:relative;
	left:7px;
}

/** sub-nav menu **/

ul#subnavmenu {
	list-style:none;
	height:auto;
	width:500px;
	float:right;
	padding-left:0px; /* to remove list positioning */
	margin-bottom:0px;
	margin-top:0px;
}

ul#subnavmenu li.submenulink {
	display:block;
	float:right;
	
	color:#FFFFFF;
}

ul#subnavmenu li.submenulink a {
	display:inline;
	width:100%;
	height:100%;
}

/** custom sub-nav menu  **/

ul#custnavmenu {
	list-style:none;
	position:relative;
	top:0px;
	float:left;
	height:auto;
	width:200px;
	left:8px;
	padding-left:0px; /* to remove list positioning */
	margin-bottom:0px;
	margin-top:12px;
}

ul#custnavmenu li.custsubmenulink {
	display:block;
	float:left;
	overflow:hidden;
	color:#FFFFFF;
}

ul#custnavmenu li.custsubmenulink a {
	display:inline;
	width:100%;
	height:100%;
	color:#1b90cd;
}



/** END MAIN NAVIGATION MENU **/



/**  VOK PRODUCTS **/

/* Liquors Index */
div.liquor_index_wrapper {
	/*height:40px;*/
}

div.liquor_index_wrapper div.liquor_index_title {
	/*float:left;*/
	width:200px;
}	

div.liquor_index_wrapper div.liquor_index_title h3 {
	margin:0px;
	color:#1b90cd;
	text-decoration:none;
}

div.liquor_index_wrapper div.liquor_index_title h3 a {
	color:#1b90cd;
	text-decoration:none;
}

div.liquor_index_wrapper div.liquor_index_desc {
	/*float:right;*/
	clear:both;
	height:auto;
}

/* Liquor View */
div.liquor_view_wrapper {
	height:40px;
}

div.liquor_view_wrapper div.prod_index_title {
	float:left;
	width:200px;
}	

div.liquor_view_wrapper div.prod_index_title h3 {
	margin:0px;
	color:#1b90cd;
	text-decoration:none;
}

div.liquor_view_wrapper div.prod_index_title h3 a {
	color:#1b90cd;
	text-decoration:none;
}

div.liquor_view_wrapper div.prod_index_desc {
	
}


/*  Product View (see grouped listings of all 'directory' styled layouts.)  */

/* overrides and unique classes/id's will go here..  */
table#LiquorViewTable tbody tr.altRow td:first-child,
table#LiquorViewTable tbody tr.evenRow td:first-child,

table#SitecategoryViewTable tbody tr.altRow td:first-child,
table#SitecategoryViewTable tbody tr.evenRow td:first-child,

table#VoktailIndexTable tbody tr.altRow td:first-child,
table#VoktailIndexTable tbody tr.evenRow td:first-child {
	width:100px;
	background: url(../img/productbox_bg-vok.gif) no-repeat center;
}





/**** END VOK PRODUCTS ****/


.liqueurTitle {
	text-transform:uppercase;
	font-weight:bold;
	color:#1B90CD;
}

div.article_title {
	display:block;
	margin-top:20px;
	margin-bottom:10px;
	overflow:hidden;
}

div.article_title h2 {
	display:inline;
	margin:0px;
	position:relative;
	left:9999px;
	text-transform:capitalize;
	line-height:0pt;
}



/* LIST STYLE LAYOUTS:: industry News table, liquor view table, voktail table etc etc */

table#IndustryNewsTable,
table#LiquorViewTable,
table#SitecategoryViewTable,
table#VoktailIndexTable {
	margin: 0 auto;
	width:740px;
}

div.industryAnnouncement_wrapper,
div.liquorItem_wrapper,
div.categoryItem_wrapper,
div.voktailItem_wrapper {
	height: 100px;
	padding:10px;
	background:url(../img/article_contentbox_bg.jpg) no-repeat left;
}

div.industryAnnouncement_wrapper div.industryAnnouncement_head,
div.liquorItem_wrapper div.liquorItem_head,
div.categoryItem_wrapper div.categoryItem_head,
div.voktailItem_wrapper div.voktailItem_head {
	/*height: 40px;*/
	margin-bottom:10px;
}

div.industryAnnouncement_wrapper div.industryAnnouncement_head h3,
div.liquorItem_wrapper div.liquorItem_head h3,
div.categoryItem_wrapper div.categoryItem_head h3,
div.voktailItem_wrapper div.voktailItem_head h3 {
	margin:0px;
	width:430px; /* To keep from hitting the "modified" date block */
	font-size:1.2em;
	font-weight:normal;
	max-height:43px;
	overflow:hidden;
}

div.industryAnnouncement_wrapper div.industryAnnouncement_head h3 a,
div.liquorItem_wrapper div.liquorItem_head h3 a,
div.categoryItem_wrapper div.categoryItem_head h3 a,
div.voktailItem_wrapper div.voktailItem_head h3 a {
	color:#1B90CD;
	text-decoration:none;
}
div.industryAnnouncement_wrapper div.industryAnnouncement_head h3 a:hover,
div.liquorItem_wrapper div.liquorItem_head h3 a:hover,
div.categoryItem_wrapper div.categoryItem_head h3 a:hover,
div.voktailItem_wrapper div.voktailItem_head h3 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

div.industryAnnouncement_wrapper div.industryAnnouncement_body,
div.liquorItem_wrapper div.liquorItem_body,
div.categoryItem_wrapper div.categoryItem_body,
div.voktailItem_wrapper div.voktailItem_body {
	font-size:12px;
	
}

div.industryAnnouncement_wrapper div.industryAnnouncement_extra,
div.liquorItem_wrapper div.liquorItem_extra,
div.categoryItem_wrapper div.categoryItem_extra,
div.voktailItem_wrapper div.voktailItem_extra {
	height: 15px;
}


table#IndustryNewsTable tbody tr.altRow,
table#IndustryNewsTable tbody tr.evenRow,

table#LiquorViewTable tbody tr.altRow,
table#LiquorViewTable tbody tr.evenRow,

table#SitecategoryViewTable tbody tr.altRow,
table#SitecategoryViewTable tbody tr.evenRow,

table#VoktailIndexTable tbody tr.altRow,
table#VoktailIndexTable tbody tr.evenRow {
	height:110px;
	/*background:#1c2e44;*/
}

table#IndustryNewsTable tbody tr.altRow td:first-child,
table#IndustryNewsTable tbody tr.evenRow td:first-child,

table#SitecategoryViewTable tbody tr.altRow td:first-child,
table#SitecategoryViewTable tbody tr.evenRow td:first-child {
	width:100px;
	background: url(../img/datebox_bg-calendar.jpg) no-repeat center;
}

table#IndustryNewsTable tbody tr.altRow td:first-child a,
table#IndustryNewsTable tbody tr.evenRow td:first-child a,

table#LiquorViewTable tbody tr.altRow td:first-child a,
table#LiquorViewTable tbody tr.evenRow td:first-child a,

table#SitecategoryViewTable tbody tr.altRow td:first-child a,
table#SitecategoryViewTable tbody tr.evenRow td:first-child a,

table#VoktailIndexTable tbody tr.altRow td:first-child a,
table#VoktailIndexTable tbody tr.evenRow td:first-child a {
	display:block;
	/*width:80%;*/
	margin: 0 auto;
	font-size:18pt;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}

div.industryAnnouncement_wrapper span.lastmodified,
div.liquorItem_wrapper span.lastmodified,
div.categoryItem_wrapper span.lastmodified,
div.voktailItem_wrapper span.lastmodified {
	float:right;
	font-size:9pt;
	/*color:#1c2e44;*/
	color:#909090;
}

div.postImgWrapper {
	height:110px;
	width:100px;
}

div.postDateWrapper {
	height:110px;
	width:100px;
}

div.voktailImgWrapper {
	height:110px;
	width:100px;
	background: url(../img/vokteam_datebox.jpg) no-repeat center;
}

div.vokTeamWrapper {
	height:110px;
	width:100px;
	background: url(../img/vokteam_datebox.jpg) no-repeat center;
}

div.pressReleaseDateWrapper {
	height:110px;
	width:100px;
}

div.whatsUpWrapper {
	height:110px;
	width:100px;
	background: url(../img/whatshappening_datebox.jpg) no-repeat center;
}



div.postDateMonth {
	height:23px;
	position:relative;
	top:20px;
	font-size:9.5pt;
}
div.postDateDay {
	height:30px;
	font-size:24pt;
	position:relative;
	top:20px;
	color:#344d63;
}
div.postDateYear {
	text-align:left;
	font-size:11pt;
	color:#b0aeaf;
	position:relative;
	top:33px;
	left:10px;
}

/** END LIST STYLE LAYOTS **/


/* VOK liqueurs page */
td.liqueurImgCell {
	min-width:150px;
	text-align:right;
}

/* RSS link medium*/
div.rsslink {
	float:right;
}
div.rsslink img {
	cursor:pointer;
}
span.rsslink_small {
	display:inline-block;
	margin-left:20px;
}

#ContactAddForm {
	font-family: Arial, Helvetica, sans-serif;
	color:#909090;
	font-size:9pt;
	font-weight:normal;
}

#ContactAddForm div.text label,
#ContactAddForm div.textarea label {
	display:inline-block;
	width:60px;
	margin:5px auto;
	vertical-align:top;
	text-align:left;
}
#ContactAddForm div.checkbox #ContactIAllowMyDetailsToBeUsedForFutureMarketingActivities {
	display:inline-block;
	width:20px;
}


/* AHE VERIFIACTION SCREEN */
div#agebox {
	display:block;
	width:500px;
	height:200px;
	margin:auto;
	background:#0f1d33;
	padding:0px 20px 20px 20px;
	position:relative;
	top:50px;
	border: 1px solid #4A515A;
}

div#agebox h3 {
	color:#1b90cd;
	font-size:13px;
	text-align:center;
}

div.agebutton {
	display:block;
	position:relative;
	width:240px;
	height:30px;
	background:#18212e;
	border: 1px solid #4A515A;
}
div.agebutton a{
	display:block;
	width:240px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
}
.yes {
	float:left;
}
.no {
	float:right;
}

div.agedisclaimer {
	width:100%;
	position:relative;
	top:15px;
	clear:both;
}
div.agedisclaimer p {
	text-align:center;
}