/*----------------------------------------
 Main stylesheet for: Canningvale
 ----------------------------------------*/ 
    
/* 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,
p, ol, ul, dl, 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;
}
    
html
{
   background: #fff url(../images/layout/bk_header.png) top center repeat-x;     
}

body 
{          
   color: #858585;        
   font: 62.5% Arial, Helvetica, sans-serif;
   font-size: 10pt;       
}

/* Type and styling -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
    color: #808080;
    font-size: 2.9em;    
    line-height: 1.5em;
    padding-bottom: 0.1em; 
}
    
    h2
    {
        font-size: 1.9em;            
    }

    h3
    {
        font-size: 1.8em;         
    }
    
    h4
    {
        font-size: 1.1em;
    }
    
    h5, h6
    {
      font-size: 1.0em;      
      font-weight: bold;
    }   
    
p
{
    line-height: 1.5em;
    padding-bottom: 0.8em; 
    font-size: 10pt;    
} 
  
.left
{
   float: left;
}             

.right
{
   float: right;
}

.clear
{
	clear: both;	
}
   
.clearfix:after 
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

img.logo
{
   border: 1px solid #fff;
      border-width: 0 1px;
}

a
{
   color: #808080;
}

   a:hover
   {
      color: #464646;
   }
 

/* Layout -------------------------------------------------------------------------------------  */ 

    #wrapper
    {
      margin: 0 auto;
      position: relative;
      width: 940px;            
    }
    
    #header
    { 
      border-bottom: 1px solid #d9d9d9;  
      height: 94px; 
      padding-top: 36px; 
      width: 940px;   
    }
    
    #customer
    {
      font-family: verdana, arial, sans-serif;      
      height: 24px;
      list-style-type: none; 
      margin: 0;
      overflow: hidden;
      padding: 0;     
      position: absolute;
	      top: 36px;
	      right: 0;
      width: 410px;
      font-size: 8pt;
    }
    
      #customer p
      {
         background-color: #fff;         
         color: #000;
         font-size: 1em;
         height: 24px;
         line-height: 24px;
         padding-left: 8px;
         width: 184px;
      }
    
      #customer ul
      {
         float: right;
         list-style: none;
      }
    
      #customer li
      {
         background-color: #fff;           
         color: #000;
         float: left;
         height: 24px;          
         line-height: 24px;
         list-style-image: none;
         margin-right: 8px;
         text-align: center;
         width: 62px;
      }
      
      #customer a
      {        
         list-style-image: none;
         text-decoration: none;  
      }

      
    ul#breadcrumbs 
    {   
      height: 28px;
      list-style-type: none;
      padding-top: 2px;
    }
    
      #breadcrumbs li
      {
         background: url(../images/layout/arrow.png) center left no-repeat;   
         float: left;          
         padding: 0 10px;
      }
    
      #breadcrumbs a
      {
         line-height: 30px;
         list-style-image: none;
         text-decoration: none;
      }

      #breadcrumbs > li:first-child
      {
         background-image: none;
         padding-left: 0;
      }
    
    #mainWrapper
    {
      margin-top: 4px;
      border: 0;
      height: 480px;
      overflow: hidden;
      position: relative;
    }
    
	    #mainContent
	    {
	      float: right;
	      padding-top: 20px;
	      height: 460px;
	      width: 370px; 
	      padding-right: 20px;
	      overflow: hidden;   
	    }
       

       #special-box
       {
          border: 1px solid #d3d3d3;
          padding: 10px;
          height: 185px !important;
          position:relative;
          z-index: 1 !important;
          background-color: white;
       } 
       
          #special-content
          {
            width: 190px;   
          }
          
          #special-content #btn-touch
          {
             display: block;
             width: 140px;
             height: 20px;
             background: url('../images/layout/touch.jpg') top left no-repeat;
          }
          
          #special-content #btn-touch:hover
          {
            background-position: bottom;
          }
          
          .frank                   
          {
             font-size: 9pt;
             color: #aaa39b;
             padding-top: 10px;
          }
          
          #imgFrank
          {
             position: absolute;
             top: -20px;
             left: 200px;
          }
          
          #special-content2
          {
             display: none;
          }
          
       #divBelow
       {
          position: absolute;
          top: 275px;
       }
	    
    #checkoutWrapper
    {
      margin-top: 4px;
      border: 1px solid #d9d9d9;
      min-height: 350px;
      overflow: hidden;
      background: url("../images/layout/progress_background.jpg") top right no-repeat; 
    }	    

	    #checkoutContent
	    {
	      padding-top: 20px;
	      min-height: 350px;
	      width: 670px; 
	      padding-left: 20px;
	      float: left; 
	    }
	    
	    #checkoutProgress
	    {
	      min-height: 310px;
	      width: 185px; 
	      float: right;
	      padding: 30px 10px 30px 10px;
	    }	        
   
      td.button
      {
         width: 105px;
      } 
      
    #newsletter
    {
      background: url(../images/layout/bk_newsletter.png) top left no-repeat;
      border: 1px solid #d9d9d9;
      float: left;                 
      height: 53px;
      margin-top: 10px;
      padding: 10px 16px;
      position: relative;      
      width: 266px;
    }
    
    #promo-boxes
    {
    	margin-top: 10px;
	 }
    
      #promo-boxes div:first-child
      {
         /*width: 342px;*/
		 width: 380px;
      }
	 
	 	.promo-box
	 	{
	 		/*width: 227px; 
	 		height: 99px;*/
	 		width: 380px; 
	 		height: 99px;

		}
		
		.promo-box p
		{
			line-height: 1em; 	
		}
		
		.promo-box-margin
		{
			margin-right: 14px;
		} 
    
    ul#footer
    {       
      border: 1px solid #d9d9d9;   
      height: 38px; 
      list-style: none;
      margin-top: 10px;
      overflow: hidden;
      width: 938px;    
    }
    
      #footer li
      {
         color: #979797;
         float: left;
         font-size: 8pt;
         font-weight: bold;            
         padding-top: 7px;
      }             
      
         #footer li.first
         {
            padding-left: 10px;
            padding-right: 30px;
            width: 110px;
            
         }
         
         #footer li.address
         {
            padding-right: 20px;
            width: 150px;
         } 
         
         #footer li.telephone
         {
            padding-right: 20px;
            width: 230px;
         }
         
         #footer li a
         {
            text-decoration: none;
         } 
         
            #footer li a:hover
            {
               text-decoration: underline;
            }
            
         #footer li.disclaimer, #footer li.sitemap
         {
            padding-right: 15px;
            padding-top: 13px;            
         }
         
         li#tradeLogin
         {
            border-left: 1px solid #d9d9d9;
            padding: 0;
         }
         
         li#tradeLogin a
         {
            background: url(../images/layout/btn_tradeLogin.png) top left no-repeat; 
            display: block;
            height: 38px;
            padding: 0;
            width: 107px;
         }     
         
            li#tradeLogin a:hover
            {
               background-position: bottom left; 
            }
            
         #footer li.phone
         {
            padding-left: 15px;
            padding-top: 11px;            
         }            
            
         #footer li span.toll-free
         {
            font-weight: bold;
         }   
         
         #footer li span.one800
         {
            font-weight: bold;
            font-size: 10pt;
         }                                           

/* Buttons -------------------------------------------------------------------------------------  */ 
            
a.btn-send
{
	background: url(../images/layout/btn_send.png) top left no-repeat;   
   height: 20px; 
   width: 45px; 
   display: block;
   position: relative;
   left: 160px;
   top: -21px;
}

	a.btn-send:hover
	{
		background: url(../images/layout/btn_send.png) bottom left no-repeat;   	
	}

a.btn-send-new
{
	background: url(../images/layout/Homepage-v6_03.gif) no-repeat;   
   height: 22px; 
   width: 66px; 
   display: block;
}   
   
       
/* Tables -------------------------------------------------------------------------------------  */    

table
{
   font-size: 11px;   
   
   width: 100%;
}

   .td
   {
      font-size: 12px;
   }    

#product table input[type="text"], .productSuggestion table input[type="text"]
{
   color: #000;
   height: 14px;
   width: 2em;
}

.divider td
{  
   height: 6px;
   padding: 0;
}

.headers td
{
   color: #c3c3c3;
   font-size: 1.1em;    
}

.total td
{
   border-top: 1px solid #c3c3c3;    
   color: #000;
   height: 4em;  
}

/* Forms -------------------------------------------------------------------------------------  */ 

#newsletter input[type="text"]   
{
    border: 1px solid #e3e3eb;
    color: #a6a6a6;
    margin-top: 30px; 
    width: 125px;
} 

/* Misc Classes */
.promo-article-date
{
	display: block;
	color: #ccb8af;
}

#sitemap, #sitemap ul
{
	list-style-type: none;	
}

#sitemap .sm_level2
{
	margin-left: 10px;	
}

#sitemap .sm_level3
{
	margin-left: 20px;	
}

center
{
	display: none;	
}

/******* SHOPPING CART STYLES **********/
#tblCart .cart_divider
{
	border-bottom: 1px #808080 solid;
}

#tblCart td
{
	padding-top: 3px;
}

.divider15
{  
   height: 15px;
   padding: 0;
}

#btn_checkout
{
	background: url("../images/layout/btn_checkout.png") top left no-repeat;
	display: block;
	width: 83px;
	height: 32px;	
}

#btn_checkout:hover
{
	background: url("../images/layout/btn_checkout.png") bottom left no-repeat;
}

/******* 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 input[type="checkbox"]
{

}

#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;	
}


#frmLogin label
{
	display: block;
	padding-bottom: 3px;
	padding-top: 5px;	
}

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

#frmLogin hr
{
	background-color: #808080;
}

.errorbg
{
	padding: 10px;
	background-color: #FFEEBB;
	border-top: 2px red solid;
	border-bottom: 2px red solid;	
   margin-bottom: 10px;
}

#continueShopping
{
	float: right; 
	width: 200px; 
	margin-top: -60px;
	font-weight: bold;	
}

#frmOrderInfo select, #frmOrderInfo textarea
{
   width: 268px;
}

#frmCoupon
{
   margin-top: 20px;
}

#frmCoupon p, #frmCoupon label
{
   font-size: 9pt !important;   
}

.delivery-note
{
	padding: 10px;
	background-color: #FFFFC0;
	font-weight: bold;
	margin-bottom: 5px;
}
/**/
#flash_hero {

border:1px solid #d9d9d9;


}

/*form for subscribe newsletter*/

#frm label{
font-size:9pt;
}	

#frm label.error{
padding-left: 30px;
}

#frm table{
width:350px;

}
#frm .required{
	border:#b1cd2d solid 1px;
	

} 



#frm .submit-button {
width:150px !important;
border:1px solid #CCCCCC;
padding:3px;
height:25px;
cursor:pointer;
}


span#error_registration_div{
font-weight:bold;

	

}