html,body{
	width:100%;
	height:100%;
}
/*Global reset*/
* {
	padding:0;
	margin:0;	
}
body {
	background: url(data/bg.jpg) center center repeat;
	background-attachment: fixed;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	letter-spacing: 0em;
	color: #fff;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	line-height:-1.15em;
	cursor: default;
}


a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img {
    border: 0px;
}

#flashcontent{
	display:block;
	height:650px;
	color: #333;
}

#flashaus{
	display:block;
	height:18px;
}

#page{
 
	        width:100%;
             height:100%;
            display:table;
			
            /*IE fix*/
            #position: relative;    
}

#fakeTableCell {
            margin: 0 auto;
            width:100%;
            display:table-cell;
            vertical-align:middle; 
            /*IE fix*/
            #position: absolute; 
            #top: 50%;
            #left: -50%;    
        }
        #contentContainer{
		  	background: url(images/stageEntire.jpg) top left no-repeat;
            margin: 0 auto;
            display:block;
            width:920px;
       
            min-height:650px;
            /*IE fix*/
            #position: relative; 
            #top: -50%;
            #left: 50%;
        }
       * html #contentContainer{/*apply to IE6 but not IE7*/
          height: 450px
       }
	   
	   #contentContainerFindUs{
	   	  	background: #000 url(images/stageFindUs.jpg);
            margin: 0 auto;
            display:block;
            width:920px;
       
            min-height:650px;
            /*IE fix*/
            #position: relative; 
            #top: -50%;
            #left: 50%;
	   }

#pagefindus{
    width:100%;
             height:100%;
            display:table;
            /*IE fix*/
            #position: relative;    
}

#leftSide{
/*Flash Side*/
	vertical-align:top;
	width:485px;
	height:650px;
	float:left;
}

#rightSide{
/*Content Side*/
	float:right;
	width:435px;
	height:650px;
}

#rightSide div.header{
	width:435px;
	height:110px;
	background:url(images/rightSideHeader.jpg) top left no-repeat;
}

#flashheader {
	float:right;
	height:110px;
	width:200px;
}

#rightSide div.body{
	width:435px;
	min-height:418px;
	color:#333;
}

#rightSide div.footer{
	width:435px;
	height:99px;
}

#rightSide h1 {
	font-weight:bold;
	font-size:100%;
}

#rightSide h1.title{
	font-weight:bold;
	font-size:110%;
}

#rightSide h1.type{
	font-style:italic;
	font-weight:lighter;
	font-size:100%;
	clear:none;
	display:inline;
}

#rightSide h2.price{
	font-size:100%;
	font-weight:lighter;
	margin-left:10px;
	clear:none;
	display:inline;
}

#rightSide h2.priceBottle{
	font-size:100%;
	font-weight:lighter;
	margin-bottom:10px;
	clear:left;
	display:inline;
}

#rightSide h3.addToCart{
	font-size:90%;
	font-weight:bold;
	margin-left:10px;
	clear:left;
	display:inline;
}

#rightSide h2.about{
	font-size:100%;
	font-weight:bold;
}

#rightSide h2.title{
	font-size:100%;
	font-weight:bold;
}

#rightSide p{
	clear:left;
	display:block;
	margin-bottom:10px;
}

.contentScrollContainer{
	width:320px;
	height:400px;
}
#rightSide .vertLine{
	background:url(images/vertLine.gif) top left no-repeat;
	width:300px;
	height:12px;
	margin-top:5px;
}

#rightSide ul{
	list-style:none;
}

#register {
	text-align:right;
	width:auto;
	padding-right:50px;
	padding-top:6px;
	font-size:90%;
}

#register a {
	color:#ccc;
	text-decoration:underline;
}

#register a:hover {
	text-decoration:none;
}

#regmap {
	vertical-align:bottom;
	}
	
#regprivacy {
	vertical-align:top;
}

#loginForm {
	width:321px;
	height:134px;
	padding:10px;
	margin-bottom:20px;
	background:url(images/loginFormBg.gif) top left no-repeat;
}

#registerForm {
	width:325px;
	height:259px;
	color:#fff;
	padding:10px;
	padding-right:25px;
	text-align:left;
	margin-bottom:20px;
	background:url(images/registerFormBg.gif) top left no-repeat;
}

#registerFormCont {
	width:327px;
	height:296px;
	color:#fff;
	padding:10px;
	padding-right:25px;
	text-align:left;
	margin-bottom:20px;
	background:url(images/registerFormBgCont.gif) top left no-repeat;
}

#mailingListForm {
	width:359px;
	height:466px;
	color:#fff;
	padding:20px;
	padding-right:25px;
	text-align:left;
	margin-bottom:20px;
	background:url(images/mailingListFormBg.gif) top left no-repeat;
}

#loginForm div.row, #registerForm div.row, #registerFormCont div.row, #mailingListForm div.row{
	display:block;
	clear:both;
	width:300px;
	height:30px;
	padding-top:5px;
}
#loginForm div.row2,  #registerForm div.row2, #registerFormCont div.row2{
	display:block;
	clear:both;
	width:300px;
	height:30px;
}

#mailingListForm div.row2{
	display:block;
	clear:both;
	width:320px;
	height:25px;
}

#mailingListForm div.row3{
	display:block;
	clear:both;
	padding-top:20px;
	width:350px;
	height:65px;
}

#loginForm div.label, #registerForm div.label,  #registerFormCont div.label{
	display:block;
	float:left;
	width:80px;
	color:#fff;
	font-weight:bold;
}

#mailingListForm div.label{
	display:block;
	float:left;
	width:90px;
	color:#fff;
	font-weight:bold;
}

#loginForm input, #registerForm input,  #registerFormCont input, #mailingListForm .input{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	display:block;
}

#loginForm .username, #registerForm .username{
	display:block;
	border:none;
	background:url(images/loginFieldBg.gif) top left no-repeat #FFF;
	width:200px;
	height:19px;
	padding-left:5px;
	float:right;
}

#loginForm .text, #registerForm .text, #registerFormCont .text, #mailingListForm .text{
	display:block;
	border:none;
	background:url(images/loginFieldBg.gif) top left no-repeat #FFF;
	width:200px;
	height:19px;
	padding-left:5px;
	float:right;
}

#registerFormCont select.text, #mailingListForm select.text{
	display:block;
	border:none;
	background:url(images/loginFieldBg.gif) top left no-repeat #FFF;
	width:205px;
	height:19px;
	padding-left:5px;
	float:right;
}

#loginForm .password, #registerForm .password{
	display:block;
	float:right;
	border:none;
	font-weight:bold;
	background:url(images/loginFieldBg.gif) top left no-repeat #FFF;
	width:200px;
	padding-left:5px;
	height:19px;
}

#loginForm .loginButton, #registerForm .loginButton, #registerFormCont .loginButton, #mailingListForm .loginButton{
	float:right;
}

#mailingListForm a.loginButton{
display:block;
width:59px;
height:47px;
background:url(images/mailingListSubmit.gif) top left no-repeat;
cursor:pointer;
}

#mailingListForm a.loginButton:hover{
background:url(images/mailingListSubmitOver.gif) top right  no-repeat;
}

#loginForm a.loginButton{
display:block;
width:59px;
height:47px;
background:url(images/mailingListSubmit.gif) top left no-repeat;
cursor:pointer;
}

#loginForm a.loginButton:hover{
background:url(images/mailingListSubmitOver.gif) top right  no-repeat;
}

#registerForm a.loginButton{
display:block;
width:63px;
height:45px;
background:url(images/registerRegButton.gif) top left no-repeat;
cursor:pointer;
}

#registerForm a.loginButton:hover{
background:url(images/registerRegButtonOver.gif) top right  no-repeat;
}

#registerFormCont a.loginButton{
display:block;
width:63px;
height:44px;
background:url(images/registerContinue.gif) top left no-repeat;
cursor:pointer;
}

#registerFormCont a.loginButton:hover{
background:url(images/registerContinueOver.gif) top right  no-repeat;
}


#bigStage {
	background:url(images/stageEntire.jpg) top right no-repeat;
	width:920px;
	height:650px;;
	color:#fff;
	text-align:left;
}

#bigStage .centre{
	width:650px;
	height:600px;
	padding-top:90px;
	margin-left:300px;
}


p.center{
	text-align:center !important;
}
div.center{
	text-align:center !important;
}

/*Mailing List*/
#leftSideM{
/*Flash Side*/
	width:274px;
	height:650px;
}

#centreM {
/*Content Side*/
	width:446px;
	height:483px;	
}

#centreM div.body {
	width:446px;
	padding-top:92px;
	height:483px;
	color:#333;
}

#rightSideM{
	width:200px;
	height:483px;
	vertical-align:top;
}

#bottomM{
	height:10px;
	padding-top:52px;
	vertical-align:bottom;
	}

/*Our Wines*/
#leftSideO {
/*Flash Side*/
	width:346px;
	height:650px;
	float:left;
}

#rightSideO {
/*Content Side*/
	float:right;
	width:574px;
	height:650px;
}

#rightSideO div.header{
	width:574px;
	height:110px;
}


#rightSideO div.body{
	width:574px;
	min-height:464px;
	color:#333;
}

#rightSideO div.footer{
	width:574px;
	height:44px;
}

.contentScrollContainerO{
  position: absolute;
  top: 0px; left: 0px;
	width:462px;
	height:440px;
}

#rightSideO .vertLine{
	background:url(images/vertLineO.gif) top left no-repeat;
	width:441px;
	height:12px;
	margin-top:5px;
}

#rightSideO h1.category{
	font-weight:bold;
	font-size:100%;
}


#rightSideO h1.title{
	font-weight:bold;
	font-size:90%;
}

#rightSideO h1.type{
	font-style:italic;
	font-weight:lighter;
	font-size:90%;
	clear:none;
}

#rightSideO h2.priceBottle{
	font-size:90%;
	font-weight:lighter;
	margin-bottom:10px;
	clear:left;
}

.bottleCell {
	text-align:center;
}

.bottleCell img {
	padding-bottom:7px;
}

a.backButton{
display:block;
width:44px;
height:24px;
background:url(images/leftArrow.gif) top left no-repeat;
}

a.backButton:hover{
width:49px;
padding-left:5px;
background:url(images/leftArrowOver.gif) -2px 0px no-repeat;
}

a.printButton{
display:block;
width:46px;
height:25px;
background:url(images/printButton.gif) top left no-repeat;
}

a.printButton:hover{
background:url(images/printButtonOver.gif) top left no-repeat;
}



.Container {
/* position: absolute;*/
 float:left;
width:320px;
	height:400px;
 
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width:320px;
	height:400px;
}
#Scroller-1 p {
 

}
.Scroller-Container {
 position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
 /* position: absolute;*/
float:right;
width:110px;
}
.Scrollbar-Up {

}

.Scrollbar-Down {

}

a.Scrollbar-Up {
	display: block;
	background:url(images/upArrow.gif) top left no-repeat;
	height: 13px;
	width:14px;
	cursor:pointer;
}
a.Scrollbar-Up:hover {
	background:url(images/upArrowOver.gif) top left no-repeat;
}

a.Scrollbar-Down {
	display: block;
	background:url(images/downArrow.gif) top left no-repeat;
	height: 13px;
	width:14px;
	cursor:pointer;
	margin-top:5px;
}
a.Scrollbar-Down:hover {
	background:url(images/downArrowOver.gif) top left no-repeat;
}