/*----------------------------------------
   Main stylesheet for: Rutherglen Estates
----------------------------------------*/ 
 
 /*----------------------------------------  
    Colour Master List
   
   Headings (dark grey): #333333
   Text (grey): #453e3e;;
   Hightlight Heading (gold): #a28030
    
 ----------------------------------------*/ 
    
/* Styles reset -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li,
fieldset, form, label, legend
{
   border: 0;
   font-family: inherit;
   font-style: inherit;
   font-weight: inherit;
   line-height: normal;                
   margin: 0;
   outline: 0;     
   padding: 0;
}

/* Typography & styling -------------------------------------------------------------------------------------  */ 
body
{
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   color: #453e3e;    
}

h1, h2, h3, h4, a
{
   color: #333333;
   font-weight: bold;
}

h1
{
   font-size: 16pt;   
   
}

h2
{
   font: 14pt;   
}


h3
{
   font: 12pt;  
}

h4
{
   color: #a28030;  
   font-size: 10pt; 
}

a
{
  
}

   a:hover
   {
      color: #a28030;
      text-decoration: none; 
   }
   
#splash #main_left a, #splash #main_right a  
{
   color: #a28030;
   text-decoration: none; 	
}

	#splash #main_left a:hover, #splash #main_right a:hover
	{
		color: #000000;
		text-decoration: underline; 	
	}
	
	

.emphasis
{
   color: #a28030;
   font-weight: bold;
}
   
p
{
   line-height: 1.3em;
   margin-bottom: 0.6em;
}   
   
.left
{
   float: left;
}

.right
{
   float: right;
}

.clear
{
	clear: both;
}

.print
{
   text-align: right;
   width: 100%;
}

.bold
{
   font-weight: bold;
}

.error
{
	color: red;
}

.rrp
{
	color: #999999;
}

.user_special
{
	font-weight: bold;	
	color: #a28030;
}

.strikethrough
{
	text-decoration: line-through;
}

.userhome_block
{
	padding: 10px 0 10px 0;
}  


/* Layout -------------------------------------------------------------------------------------  */ 
body
{
   background: #fff url(../images/layout/header_background_stripe.png) top left repeat-x;
   background-position: 0 48px; 
}

#wrapper
{
   width: 995px;
   margin: 0 auto; 
}

   #nav
   {
      height: 37px;
      width: 975px;
      margin: auto;
   }
   
      #navLeft
      {
         float: left;
         width: 251px;   
      }
      
      #navRight
      {
         float: right;
         width: 724px;
      }      

   #header
   {   
      height: 150px;
      width: 995px; 
   }
   
   #contentWrapper
   {
      width: 960px;
      margin: auto;
      margin-top: 20px;   
   }
   
   #contentWrapper #left_bar
   {
      float: left;
      width: 244px;   
   }
   
   #contentWrapper #main
   {
      float: left;
      width: 470px  
   }
   
   #productlist #main
   {
   	width: 700px;
	}
	
   #bigmain #main
   {
   	width: 700px;
	}
	
   #express #main
   {
   	width: 680px;
	}		
   
      #main_left
      {
         float: left;
         width: 227px;
      }   
      
         #main_left h2, #main_right h2
         {
            background: #fff url(../images/layout/tab_grey_sm.png) top left no-repeat;
            color: #393232; 
            display: block;            
            font-size: 13pt;               
            height: 30px;
            margin-bottom: 0;             
            padding: 8px 0 0 10px;
            width: 217px;
         }
         
         #main_left img, #main_right img, #right_bar img
         {
            border-left: 1px solid #fff;
         }
         
         #main_left p, #main_right p
         {
            padding: 2px 10px 10px 10px;
         }         
      
      #main_right
      {
         float: left;
         width: 227px;
         margin-left: 15px;
      }
               
   
   #right_bar
   {
      float: right;
      width: 233px;   
   }
   
      #right_bar h2
      {
         display: block;
         color: #393232;
         background: #fff url(../images/layout/tab_grey.png) top left no-repeat;
         height: 38px;
         width: 233px;   
         padding-left: 10px;
         padding-top: 8px;
         font-size: 13pt;   
         padding-bottom: 0;
         margin-bottom: 0;   
      }
      
      #right_bar h2.gold
      {
         color: #fff;
         background: #fff url(../images/layout/tab_gold.png) top left no-repeat;   
      }         
   
#footer
{
   position: relative;
   margin-top: -114px; /* negative value of footer height */ 
   width: 100%;
   height: 65px;
   clear:both;
   background: #fff url(../images/layout/bk_footer.png) top left repeat-x;
}

   #re_footer
   {
      width: 960px;
      margin: auto;   
   }
   
   #re_footer p
   {
      position: absolute;
      top: 80px;   
   }
   
   #re_footer a
   {
      font-weight: normal;   
   }

.divider
{
   display: block;
   height: 20px;
   width: 100%;   
}

.divider10
{
   display: block;
   height: 10px;
   width: 100%;   
}

.product_list_padding
{
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #d6d2d2;	
}

.bottompadding
{
   padding-bottom: 10px;   
}

.bigprice
{
   font-weight: bold;
   font-size: 12pt;   
}


/* Nav -------------------------------------------------------------------------------------  */ 

#nav ul
{
   list-style: none;
}   

   #nav ul li
   {
      list-style-type: none;
      list-style-image: none;
      float: left;
   }
   
   a#aboutus
   {
      background: url(../images/layout/nav_aboutus.png) top left no-repeat;         
      display: block;
      height: 37px;
      width: 119px;
   }
      
   a#ourwines
   {
      background: url(../images/layout/nav_ourwines.png) top left no-repeat;         
      display: block;
      height: 37px;
      width: 119px;
   }
      
   a#news
   {
      background: url(../images/layout/nav_news.png) top left no-repeat;         
      display: block;
      height: 37px;
      width: 119px;
   }
   
   a#awards
   {
      background: url(../images/layout/nav_awards.png) top left no-repeat;         
      display: block;
      height: 37px;
      width: 128px;
   }            
   
   a#cellar
   {
      background: url(../images/layout/nav_cellarclub.png) top left no-repeat;         
      display: block;
      height: 37px;
      width: 119px;
   }
      
   a#contact
   {
   	background: url(../images/layout/nav_contact.png) top left no-repeat;         
      display: block;
      height: 37px;
      width: 119px;
   }
   
      a#aboutus:hover, a#ourwines:hover, a#news:hover, a#awards:hover, a#cellar:hover, a#contact:hover, .active   
      {
         background-position: bottom !important;
      } 
      

/* Products Page -------------------------------------------------------------------------------------  */ 

.productbox
{
   border: 1px #d6d2d2 solid;
   border-top: 0 none;
   padding: 10px;
   width: 211px;   
   margin-top: -8px;
}

.productbox2
{
   border: 1px #d6d2d2 solid;
   border-top: 0 none;
   padding: 10px;
   width: 209px;   
   margin-top: -8px;
   margin-left: 1px;
}

	.productbox2 img
	{
		margin-left: -9px;	
	}

.buynow
{
   background: url(../images/layout/buy_now.png) top left no-repeat;
   height: 24px;
   width: 68px;   
   display: block;
}

.moreinfo
{
   background: url(../images/layout/moreinfo-btn.jpg) top left no-repeat;
   height: 24px;
   width: 73px;   
   display: block;
}

.productTxtEntry
{
	width: 40px;	
}

.addtocart
{
	display: block;
	width: 83px;
	height: 24px;
	background: url(../images/layout/add_to_cart.png) top left no-repeat;	
}

td.productImg
{
   padding-right: 30px;
}

td .label
{
   font-weight: bold;
}  

#tblAccordionCart
{
	width: 180px;
	margin: auto;	
}

#tblAccordionCart th
{
	text-align: left;	
	color: #a28030;
	font-weight: bold;
	font-size: 10pt;
}

#tblAccordionCart td
{
	padding-top: 5px;
}

.accordionCheckout
{
	display: block;
	width: 78px;
	height: 24px;
	background: url(../images/layout/checkout.png) top left no-repeat;	
}

/* OurWines Box */
#box_ourwines h6
{
	background: #ffffff url(../images/layout/ourwines-ro.jpg) top left no-repeat !important;
	display: block;
	border: 0;
	padding: 0;
	padding-left: 25px;
	font-size: 11pt;
	font-weight: bold;
	color: #453e3e;
	width: 212px;
	height: 38px;		  		
}

	#box_ourwines ul
	{
		padding: 10px 0 10px 0;
		list-style: none;	
	}

	#box_ourwines ul li
	{
		margin-left: 10px;
		padding-bottom: 5px;
	}
	
	#box_ourwines ul li a
	{
		text-decoration: none;
	}	
	
/* Contact Box */
#box_contact h6
{
	background: #ffffff url(../images/layout/contactus-ro.jpg) top left no-repeat !important;
	display: block;
	border: 0;
	padding: 0;
	padding-left: 25px;
	font-size: 11pt;
	font-weight: bold;
	color: #453e3e;
	width: 212px;
	height: 38px;		  		
}

	#box_contact ul
	{
		padding: 10px 0 10px 0;
		list-style: none;	
	}

	#box_contact ul li
	{
		margin-left: 10px;
		padding-bottom: 5px;
	}	
	
	#box_contact ul li a
	{
		text-decoration: none;
	}
	
/* Checkout steps Box */
#box_checkoutsteps h6
{
	background: #ffffff url(../images/layout/progress-ro.jpg) top left no-repeat !important;
	display: block;
	border: 0;
	padding: 0;
	padding-left: 25px;
	font-size: 11pt;
	font-weight: bold;
	color: #453e3e;
	width: 212px;
	height: 38px;		  		
}

	#box_checkoutsteps ul
	{
		padding: 10px 0 10px 0;
		list-style-type: none;	
	}

	#box_checkoutsteps ul li
	{
		margin-left: 10px;
		padding-bottom: 5px;
	}
	
	#box_checkoutsteps .currentstep
	{
		font-weight: bold;
	}			
	
	#box_checkoutsteps ul li a
	{
		text-decoration: none;
	}	
	
	#box_checkoutsteps ul li.one
	{
		background-image: url(../images/layout/1.jpg);
		background-repeat: no-repeat;		
		padding-left: 25px;
		padding-top: 2px;
	}
	
	#box_checkoutsteps ul li.currentstep_one
	{
		background-image: url(../images/layout/1-ro.jpg) !important;
	}	
	
	#box_checkoutsteps ul li.two
	{
		background-image: url(../images/layout/2.jpg);
		background-repeat: no-repeat;		
		padding-left: 25px;
		padding-top: 2px;
	}
	
	#box_checkoutsteps ul li.currentstep_two
	{
		background-image: url(../images/layout/2-ro.jpg) !important;
	}		
	
	#box_checkoutsteps ul li.three
	{
		background-image: url(../images/layout/3.jpg);
		background-repeat: no-repeat;		
		padding-left: 25px;
		padding-top: 2px;
	}
	
	#box_checkoutsteps ul li.currentstep_three
	{
		background-image: url(../images/layout/3-ro.jpg) !important;
	}				
	
/******* SHOPPING CART STYLES **********/
#tblCart .cart_divider
{
	border-bottom: 1px #333333 solid;
}

#tblCart td
{
	padding-top: 3px;
}
	
/* Contact Box */
#box_cellarclub
{
	margin-left: 20px;	
}

#box_cellarclub h6
{
	background: #ffffff url(../images/layout/cellarclub-ro.jpg) top left no-repeat !important;
	display: block;
	border: 0;
	padding: 0;
	padding-left: 25px;
	font-size: 11pt;
	font-weight: bold;
	color: #453e3e;
	width: 212px;
	height: 38px;		  		
}

#box_cellarclub p
{		
	padding: 10px;
}

.triangleList
{
	list-style-type: none;	
	padding: 0;
	margin: 0;	
}

.triangleList li
{
	background-image: url(../images/layout/triangle.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	height: 20px;	
	margin-top: 2px;
	margin-bottom: 2px;
}

#frmCheckoutLogin label
{
	display: block;
	font-weight: bold;
	padding-top: 5px;	
	padding-bottom: 2px;	
}

#frmCheckoutLogin input[type="text"], #frmCheckoutLogin input[type="password"]
{
	width: 150px;
}

#frmCheckoutLogin input[type="submit"]
{
	width: 100px;
	margin-top: 5px;	
}

#frmCheckoutLoginSmall
{
	margin: auto;
	width: 180px;	
}

#frmCheckoutLoginSmall label
{
	display: block;
	font-weight: bold;
	padding-top: 5px;	
	padding-bottom: 2px;	
}

#frmCheckoutLoginSmall input[type="text"], #frmCheckoutLoginSmall input[type="password"]
{
	width: 140px;
}

#frmCheckoutLoginSmall input[type="submit"]
{
	width: 140px;
	margin-top: 5px;	
}

/***************** PERSONAL INFORMATION FORM ****************/
#frmPersonalInfo input[type="text"], input[type="password"]
{
	width: 250px;	
}

#frmPersonalInfo select
{
	width: 255px;	
}

#frmPersonalInfo h2
{
	padding-top: 5px;
	padding-bottom: 5px;	
}

#frmOrderInfo h2
{
	padding-top: 5px;
	padding-bottom: 5px;	
}

.subscribe
{
	display: block;
	height: 24px;
	width: 71px;
	background: url(../images/layout/subscribe-btn.jpg) top left no-repeat;	
}

/* Stick Footer Code 
must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#contentWrapper {padding-bottom: 114px;}  /* must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after {content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


center
{
	display: none;	
}

#tblOrderInfo textarea, #tblOrderInfo input[type="text"]
{
	width: 270px;
}

#tblOrderInfo select 
{
	width: 275px; 	
}

#tblOrderInfo input[type="text"]:focus, #tblOrderInfo textarea:focus, #tblOrderInfo select:focus, #tblOrderInfo input[type="checkbox"]:focus 
{
	border: #a28030 thin solid;
	background-color: #F4F4F4;	
}


#content_logo
{
	float: left;
	width: 261px;	
}

#banner_list
{
	width: 734px;
	height: 150px;  
	float: right;
}

.accordionCartTotal
{
	font-weight: bold;	
}

.smallcart_altrow
{
	background-color: #F4F4F4;	
}

#basket_message
{
	padding: 10px;
	background-color: #EEEEEE;
	border: 1px solid #a28030;	
}

/* Sidebar cart */
#tblSidebarCart th
{
	text-align: left;
	color: #a28030;	
}

#sideCartMessage
{
	padding: 5px 2px 5px 2px;
	margin-top: 6px;
	border-top: 1px solid #CCCCCC;
}

.sbc_row
{
	
}

.sbc_altrow
{
	background-color: #F4F4F4;	
}

.sbc_total
{
	font-weight: bold;		
}

.sideCartButton
{
	display: block;
	padding-top: 10px;	
}

#ajaxloader
{
	position: absolute;
	z-index: 2px;
	height: 80px;
	width: 80px;
	background-color: #FFFFFF;
	border: 1px solid #453e3e;
	text-align: center;
	visibility: hidden;
}

	#ajaxloader img
	{
		padding-top: 10px;	
	}
	
	#sidebar_cart
	{
		padding: 5px;
		padding-top: 20px;	
		width: 199px;
	}	

	
#express_stocktakeEDM
{
	padding: 10px;
	background-color: #faeed3;
	border: 1px solid #a28030;	 
}

#express_stocktakeEDM h1
{
	font-size: 10pt;
	padding-bottom: 8px;	
	display: block;
	font-family: Georgia, arial !important;
	font-weight: normal !important;
}

.caseprice
{
	color: #FF0000 !important;	
}

strong
{
	font-weight: bold;	
}

.special_message
{
	color: #EA0101;
	font-weight: bold !important;	
}

.user_message
{
	padding: 10px;
	border: 1px solid #a28030 !important;
	margin-bottom: 15px;
	font-weight: bold;
}

/************************************** Social Links ************************************************/
#footer-info {
	width: 550px;
	padding-top: 35px;
	float: left;
}
#social-links {
	float: right;
	width: 72px;
}
#footer-follow-us-menu {
float:left;
list-style-type:none;
margin-top: 10px;
}

#footer-follow-us-menu li {
float:left;
padding-left:3px
}

div#FollowUsCaption {
background:url('../images/follow_us_caption.png') no-repeat;
width:66px;
height:11px
}

#footer-follow-us-menu li#mnuFacebook {
width:31px
}

#footer-follow-us-menu li#mnuFacebook a {
background-image:url('../images/facebook.png');
background-position: left bottom;
display:block;
width:31px;
height:32px
}

#footer-follow-us-menu li#mnuFacebook a:hover {
background-position: left top;
}

#footer-follow-us-menu li#mnuTwitter {
width:31px
}

#footer-follow-us-menu li#mnuTwitter a {
background-image:url('../images/twitter.png');
background-position: left bottom;
display:block;
width:31px;
height:32px
}

#footer-follow-us-menu li#mnuTwitter a:hover {
background-position: left top;
}