@charset "UTF-8";
/* CSS Document */

/* flagstone.css
------------------------------------------------------------------------------

Author:  			Max K-Thompson
E-mail:				peter@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				17/06=7/2009

Version:			1.0
Designed for:		FireFox 3, IE 6,7,8, Opera, Safari

CSS file:			Design One 

------------------------------------------------------------------------------*/

/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,ul,ol,a,img,blockquote,p{
padding:			0px;
margin:				0px;
border:				0px;
}

img{
border:				none;
}

img.floatLeft{
float:				left;
}

.singleBottle .rightCol img[class="floatLeft"]{
top:				0px;
}

/* =BODY
------------------------------------------------------------------------------*/

body{
background:			#000;
font-size:			62.5%;
font-family:		Arial, Helvetica, sans-serif;
}

.aboutUs{
background:			#010101 url(images/backgroundAboutUs.jpg) left top no-repeat;
}

.ourStory{
background:			#010101 url(images/backgroundOurStory.jpg) left top no-repeat;
}


.ourWines{
background:			none;
background:			#010101;
}

.newsCompetitions{
/*background:			#010101 url(images/backgroundAboutUs.jpg) left top no-repeat;*/
}
.contactUs{
/* background:			#010101 url(images/backgroundContactUs.jpg) left top no-repeat; */
}


/* =WRAPPER =LAYOUT
------------------------------------------------------------------------------*/

.wrapper{
width: 				896px;
height:				885px;
margin-left:		auto;
margin-right:		auto;
background:			url(images/homeBG.jpg) top left no-repeat;
}

.entrypage .wrapper{
background:			url(images/backgroundLowRes.jpg) top left no-repeat;
}

.sorryPage .wrapper{
background:			#010101 url(images/backgroundMedRes.jpg) left top no-repeat;
}

.wrapper2{
width: 				896px;
/*height:				885px;*/
margin-left:		auto;
margin-right:		auto;
}

.right{
float:				right;
width:				650px;
}

.singleBottle .leftCol{
float:				left;
width:				167px;
}

.singleBottle .rightCol{
float:				right;
width:				420px;
padding-left:		10px;
position:			relative;
}

.singleBottle{
width:				630px;
}


/* =LOGO
------------------------------------------------------------------------------*/

img.welcomeLogo{
float:				right;
margin:				80px 120px 100px 0px;
}

.logoBottom{
position:			absolute;
top:				770px;
left:				46%;
width:				202px;
height:				65px;
text-indent:		-4000px;
background:			url(images/logoBottom.png);
}



/* =NAV =MENU
------------------------------------------------------------------------------*/

.nav{
list-style:			none;
float:				right;
margin:				150px 0px 110px 30px;
padding-bottom:		5px;
border-bottom:		1px solid  #feb300;
font-size:			9px;
width:				650px;
}

.right .nav{
float:				left;
margin:				40px 0px 10px 0px;
width:				650px;
}

.nav li{
float:				left;
margin-right:		20px;
}

.nav li a{
padding:			0px 20px 0px 5px;
border-right:		1px solid #FFF;
font-size:			1.6em;
text-decoration:	none;
font-family:		"Times New Roman", Times, serif;
color:				#FFF;
}

.nav li a:hover, .nav .selected a{
color:				#feb300;
}

.menu{
float:				left;
margin-top:			20px;
list-style:			none;
padding:			0px 0px 10px 0px;
width:				194px;

}
.menu li{
padding:			3px 0px 3px 0px;
border-top:			1px solid #feb300;
}
.menu li a{
color:				#FFF;
font-size:			1.4em;
text-decoration:	none;
font-family:		"Times New Roman", Times, serif;
}
.menu li a:hover, .menu .selected a{
color:				#feb300;
}

.leftMenu{
float:				left;
width:				194px;
padding:            10px;
background:			url(images/transBlack.png) top left;
margin-top:			20px;
}

.leftMenu img{
float:				left;
}


/* =HEADINGS
------------------------------------------------------------------------------*/

.idea{
clear:				both;
width:				210px;
height:				45px;
margin-left:		350px;	
text-indent:		-4000px;
background:			url(images/weHadAnIdea.gif)
}
.result{
clear:				both;
width:				105px;
height:				36px;
margin-left:		370px;	
text-indent:		-4000px;
background:			url(images/theResults.gif)
}
.wineButtons{
float:				left;
width:				200px;
position:			relative;
left:				240px;
}


.rightCol .wineAwards h4{
color:				#FFF;
font-weight:		lighter;
font-size:			1em;
}

/* =GALLERY
------------------------------------------------------------------------------*/

.galleryWine{
/*width:				550px;*/
}
.galleryWine li{
float:				left;
width:				183px;
height:				222px;
}
.galleryWine li img{
width:				183px;
height:				222px;
}

/* =FORM
------------------------------------------------------------------------------*/

.form{
clear:				both;
}

.form table tr td{
width:				265px;
color:				#FFF;
}
.form label{
float:				left;
display:			block;
width: 				64px;
color:				#FFF;
}
.form tr td .star{
color:				#feb300;
}
.form input, .form select, .form textarea{
width:				150px;
border:				1px solid #feb300;
background:			#000;
color:				#feb300;
}

.ageCheckForm{
float:				right;
clear:				both;
margin-right:		80px;
width:				350px;
font-family:		"Times New Roman", Times, serif;
}

.ageCheckForm label{
display:			block;
color:				#ff9900;
font-size:			1.6em;
}

.ageCheckForm .smallInput input{
text-align:			center;
color:				#000;
height:				15px;
padding:            2px 0px 2px 0px;
margin-right:		2px;		
float:				left;
}

.ageCheckForm select{
border:				none;

font-size:			16px;
}

.ageCheckForm button{
border:				none;
background-color:	#ff9900;
color:				#FFF;
font-size:			15px;
position:			relative;
top:				0px;
padding:            1px;
height:				23px;
}

.smallInput{
height:				25px;
}



/* =LISTS
------------------------------------------------------------------------------*/

.wineAwards{
clear:				both;
float:				left;
list-style:			none;
height:				100px;
width:				350px;
}
.wineAwards li{
height:				72px;
margin-top:			10px;
}

.wineAwards li span{
float:				left;
padding-top:		20px;
color:				#FFF;
width:				200px;
}

.wineAwards li img{
float:				left;
margin-right:		13px;
width:				62px;
}

/* =PARA
------------------------------------------------------------------------------*/

.sorry{
position:			absolute;
width:				300px;
height:				100px;
top:				400px;
margin-left:		350px;
color:				#ff9900;
font-size:			1.6em;
padding:            30px;
font-weight:		lighter;
font-family:		Georgia, "Times New Roman", Times, serif;
}

.sorry span{
font-size:			1.2em;
}

.sorry a{
text-transform:		uppercase;
color:				#FFF;
text-decoration:	none;
font-weight:		bold;
}

.homeP{
margin-left:		375px;
padding-bottom:		10px;
color:				#ff9900;
font-size:			1.2em;
}

.homeP span{
display:			block;
padding-left:		10px;
}

.homeP em{
font-size:			1.6em;
font-style:			normal;
}
.wrapper2 p{
float:				left;
width:				400px;
margin-bottom:		10px;
font-size:			1.2em;
color:				#FFF;
font-family:		Arial, Helvetica, sans-serif;
}
.wrapper2 .right .theTeam p{
width:				630px;
padding-bottom:		10px;
border-bottom:		1px solid  #feb300;
}



.wrapper2 .right .theTeam p span{
display:			block;
font-size:			1.2em;
color:				#ff9900
}
.wrapper2 .right .theTeam p img{
margin-right:		10px;
}
	
/* =FOOTER
------------------------------------------------------------------------------*/

.footerDrinkaware {
width: 				650px;
margin:				0px auto 20px auto;
text-align: 		right;
}

.footerDrinkaware p {
padding-right: 3px;
color: #FFF;
}

.footerDrinkaware a:link { color: #FFF;}
.footerDrinkaware a:hover { color: #feb300;}
.footerDrinkaware a:active { color: #feb300;}
.footerDrinkaware a:visited { color: #FFF;}

.footerCustom{
color:				#feb300;
font-size:			1em;
margin: 			10px auto 10px auto;
text-align: 		center;
width: 				896px;
}

.footer{
width: 				650px;
margin:				0px auto 20px auto;
color:				#feb300;
font-size:			1em;
float:				left;
}


.wrapper2 .right .footer{
clear:				both;
padding-top:		100px;
}

.wrapper2 .right .footer .footerLinks{
float:				left;
margin-left:		0px;
width:				250px;
}

.footerLinks a{
color:				#feb300;
text-transform:		uppercase;
text-decoration:	none;
}

.wrapper2 .right .footer .copyright{
float:				right;
width:				300px;
text-align:			right;
}

.entrypage .footer{
margin-top:			400px;
}


.entrypage div[class="footer"]{
margin-left:		240px;
}


.homePage .footer{
margin-top:			585px;
margin-left:		240px;
}


.homePage .footer .copyright{
margin-left:		130px;
}

.entrypage .footer .copyright{
margin-left:		130px;
}


/* =TOP BANNER
------------------------------------------------------------------------------*/

.topBanner{
background:			url(images/topBannerBG.jpg) top left repeat-x;
height:				175px;
width:				100%;
}


.termsWrapper{
	width:			650px;
	margin-left:	auto;
	margin-right:	auto;
	border:			1px solid #ff9900;
	padding:        2px 14px 14px 14px;
	margin-bottom:	30px;
}

.termsWrapper p{
	color:			#CCC;
	font-size:		13px;
}

.termsWrapper h4{
	color:			#ff9900;
	font-size:		15px;
	font-weight:	lighter;
	margin-top:		15px;
}

.termsBack{
	display:		block;
	float:			right;
	position:		relative;
	top:			-20px;
	width:			95px;
}

.entrypage .ageCheckForm .ageCheckError{
	color:			#FFF;
	font-size:		14px;
}