 /*----------------------------------------
 Main stylesheet for: Canningvale
 ----------------------------------------*/ 
    
/* Styles reset -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
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;
}

h1/**Reset for iPad**/
{
	border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
	font-size:15px;
}
    
html
{
   background: #fff url(../images/layout/bk_header.png) top center repeat-x;  
   background-position: 0 -36px;
}

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

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

@font-face {
  font-family: 'Helvetica57Cn';
  src: url('fonts/helvetica_lt_57_condensed-webfont.eot');
  src: url('fonts/helvetica_lt_57_condensed-webfont.eot?iefix') format('eot'),
  url('fonts/helvetica_lt_57_condensed-webfont.woff') format('woff'),
  url('fonts/helvetica_lt_57_condensed-webfont.ttf') format('truetype'),
  url('fonts/helvetica_lt_57_condensed-webfont.svg#webfontEbewbcrL') format('svg');
  font-weight: normal;
  font-style: normal;
}


h1, h2, h3, h4, h5, h6
{
 /*   color: #808080; */
	color: #bdbdbd;
    font-size: 24px;    
    line-height: 1.5em;
  /*  padding-bottom: 0.1em; */
}
div#redHotDealsHeaderTitle  {
  font: 23px Helvetica57Cn;
	color: #ff0000 !important;
    line-height: 1.5em;
}
div#facebookTitle {
  font: 23px Helvetica57Cn;
	color: #3b5998 !important;
    line-height: 1.5em;
}
    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: 12px;    
} 
  
.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;
   
   text-decoration: none;
}

   a:hover
   {
      /* color: #464646; */
	/*  color: #959C33; */
	color: #829c18;
   }
 
.redHotAttention {
	color: red;
	font-weight: bold;
}
#tblCouponFieldEntry {
	margin-left: -5px;
}
/* Layout -------------------------------------------------------------------------------------  */ 

    #wrapper
    {
      margin: 0 auto;
      position: relative;
      width: 940px;            
    }
    
    #header
    { 
	  background:url('../images/layout/top_banner_slice.jpg') repeat-x;
	  background-position:center 0;
      border-bottom: 1px solid #d9d9d9;  
      height: 94px; 
      width: 940px; 
	  overflow: hidden;
    }
    
	#customer
	{


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

/*********************************** Slide Show ***********************************/
#header #first-slideshow-image
{
	display: block !important;
}
#header #slider a
{
	display: none;
}

    #mainWrapper
    {
      margin-top: 20px;
	  min-height: 470px;
      border: 0;
      /*height: 480px; */
      overflow: hidden;
      position: relative;
	  
    }

	    #mainContent
	    {
	      float: right;
	      /*padding-top: 20px;*/
	      min-height: 365px;
	      width: 390px; 
		  padding-top: 5px;
	      padding-left: 10px;
	      overflow: hidden;  
	    }

        .jScrollPaneContainer
        {
            /*height: 472px !important;*/
			height: 425px !important;
        }
	 .scroll-pane
	{
		/*height: 466px;
		#height: 416px;*/
/*		height: 486px;
		#height: 436px; */
		height: 413px;
		#height: 375px;
		width: 390px;
		padding-top: 12px;
	}
	.scrollzone_custom1 .scroll-pane {
		height: 226px;
	}
    .scrollzone_custom1 .jScrollPaneContainer
	{
		height: 237px !important;
	}
	.scrollzone .scroll-pane {
		height: 296px;
	}
    .scrollzone .jScrollPaneContainer
	{
		height: 307px !important;
	}
	#mainContent ul, ol {
		margin-left: 25px;
	}
	#mainContent ul {
		list-style-type: disc;
	}
	#mainContent ol {
		list-style-type: decimal;
	}
#flash_hero
{
	width: 529px; 
	height: 472px;
	border: 0 solid #d9d9d9;
}
.left-4-tiles .left-tile {
	width: 245px;
	margin-right: 18px;
	margin-bottom: 17px;
}
.left-tile {
	float: left;
}
.left-tile .tile-image {
	width: 245px;
	height: 140px;
}
.left-tile .tile-description {
	margin: 10px 0 3px 0;
	height: 35px;
	color: #000000;
}
.left-4-tiles .button {
	text-align: right;
}

       #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 !important;
      overflow: hidden;
      background: url("../images/layout/progress_background.jpg") top right no-repeat; 
    }	    

	    #checkoutContent
	    {
	      padding-top: 20px;
	      min-height: 500px;
	      width: 670px; 
	      padding-left: 20px;
	      float: left; 
	    }
	    
	    #checkoutProgress
	    {
	      
	      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: 16px 0 0 0;
		padding: 0;
		height: 100px !important;
		z-index: 700 !important;
	 }
/*    
      #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: 15px;
} 

.promo-box-newsletter-subscription
{
	width: 380px !important; 
	height: 99px;
	padding: 0 14px 0 13px;
	/*margin-right: 15px;*/
        margin-right: 12px;
	border: #d9d9d9 1px solid; 
	float: left;
}
.promo-box-return-policy
{
	width: 278px; 
	float: left;
	margin-right: 15px;
}
.promo-box-view-cart
{
	width: 210px; 
	padding-right: 12px; 
	float: right; 
	height: 100px;
}
.promo-right-most-box
{
	width: 210px; 
	padding-right: 10px; 
	float: right;
}

    ul#footer
    {       
      border: 1px solid #d9d9d9;   
      height: 38px; 
      list-style: none;
      margin-top: 16px;
      overflow: hidden;
      width: 942px; 
    }
    
      #footer li
      {
         /*color: #979797; */
		 color: #b2b2b2;
         float: left;
         font-size: 10px;           
         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: 13px 20px 0 5px;
            width: 175px;
         }
		 #footer li.telephone table
		 {
			margin-top: -3px;
		 }
		 #footer li.telephone table tr td.col1
		 {
			width: 45px !important;
		 }
         #footer li.email
         {
			padding-top: 13px;
			width: 160px;
		 }
         #footer li a
         {
            text-decoration: none;
			/* color: #858585; */
			color: #b2b2b2;
         } 
         
            #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
         {
			white-space: nowrap;
         }   
         
         #footer li span.one800
         {
            font-size: 10px;
         }                                           

/**************************************** Footer Follow Us ********************************************/

li#mnuFollowUsCaption {
margin-top: 11px;
margin-left: 5px;
/*background:url('../images/layout/keep_in_touch_caption.jpg') no-repeat;*/
width:10px;
height:41px
}

li#mnuFacebook {
width:24px;
padding-top: 11px !important;
}

li#mnuFacebook a {
/*background-image:url('../images/layout/facebook_new.jpg');
width:16px;
height:16px;
*/
margin-top: -8px;
background-image:url('../images/layout/facebook-new.png');
display:block;
width:31px;
height:32px;
}

li#mnuGeoTrust {
	background-image:url('../images/layout/geotrust_logo.jpg');
	background-repeat:no-repeat;
	width: 97px;
	height: 29px;
	margin-top: 4px;
	display: block;
}

/*li#mnuFacebook a:hover {
background-image:url('../images/layout/facebook_new.jpg')
}*/

li#mnuTwitter {
width:16px;
padding-top: 11px !important;
}

li#mnuTwitter a {
background-image:url('../images/layout/twitter_new.jpg');
display:block;
width:16px;
height:16px
}

/*li#mnuTwitter a:hover {
background-image:url('../images/layout/twitter-hover.png')
}*/

/* 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;   */
	background: url(../images/layout/btnSignup-new.jpg) no-repeat;
	height: 22px; 
	width: 66px; 
	display: block;
	cursor: pointer;
}   
   
a.sign-in
{
	background: url(../images/layout/sign_in_01.jpg) no-repeat;
	height: 29px; 
	width: 72px; 
	display: block;
	cursor: pointer;
}

/* Tables -------------------------------------------------------------------------------------  */    

table, table table
{
   font-size: 12px !important;   
   
   width: 100%;
}

  .td
   {
      font-size: 12px;
   }    

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

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


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

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

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

#frmSearch {
	margin-top: 1px;
}

/***************** Retrieve Password Form *******************/
table.form
{
	font-size: 12px;
}
.bigger-subtitle
{
	font-size: 14px;
}
#frmRetrievePassword1, #frmRetrievePassword2 {
	margin-top: 10px;
	margin-left: 0 !important; 
	padding-left: 0 !important;
}
#frmRetrievePassword1 div, #frmRetrievePassword2 div {
	margin-bottom: 15px;
}
#frmRetrievePassword1 .row, #frmRetrievePassword2, .row {
	margin-top: 10px;
}
#frmRetrievePassword1 .label, #frmRetrievePassword2, .label,
#frmRetrievePassword1 .field, #frmRetrievePassword2, .field {
	float: left;
}
#frmRetrievePassword1 .label, #frmRetrievePassword2, .label {
	padding-top: 4px;
}
#frmRetrievePassword1 .field, #frmRetrievePassword2, .field {
	padding-left: 6px;
}
#frmRetrievePassword1 #email, #frmRetrievePassword2, #username {
	font: arial;
}
a.submit
{
	background-image: url(../images/layout/btn-submit.jpg);
	width: 82px;
	height: 29px;
	display: block;
	cursor: pointer;
}
#frmNewsletter {
	width: 394px;
	height: 103px;
	background: url('../images/layout/email_subscription_form_bckgrd.jpg') no-repeat;
	display: block;
	margin-top: 15px;
}
#frmNewsletter #First_Name, #newsletter1 #First_Name,
#frmNewsletter #Last_Name, #newsletter1 #Last_Name,
#frmNewsletter #email, #newsletter1 #email,
#frmNewsletter #Email_Address, #newsletter1 #Email_Address,
#frmNewsletter #Postcode, #newsletter1 #Postcode
{
	font-family: Helvetica, arial !important;
	border: 1px solid #a6a6a6 !important;
	font-size: 11px !important;;
    color: #a6a6a6 !important;
    width: 122px;
	height: 16px !important;
	padding-left: 3px;
} 

#txtSearch
{
	margin-top: 1px !important;
	padding-top: 3px !important;
	padding-left: 4px !important;
	width: 113px;
	height: 11px;
	color: #939192;
	font-size: 12px;
	border: 1px solid aaafb3 !important;
    font-family: Arial, sans-serif;
	border-collapse: separate !important;
}

#frmContact .columns
{
	clear: both;
}
#frmContact .columns .column
{
	float: left;
	width: 150px;
	margin-right: 20px;

}
#frmContact .columns .column #First_Name, #frmContact .columns .column #Last_Name
{
	width: 140px;
}
/* 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;	
}

/********************* Warranty Form *************************************/

#frmWarranty #First_Name,
#frmWarranty #Last_Name,
#frmWarranty #Email_Address,
#frmWarranty #Product_Purchased,
#frmWarranty #Place_Of_Purchase,
#frmWarranty #Date_Of_Purchase_Day,
#frmWarranty #Purchase_Receipt_Number,
#frmWarranty select
{
	font-family:helvetica, arial;
	width: 160px;
}
#frmWarranty .warning #First_Name,
#frmWarranty .warning #Last_Name,
#frmWarranty .warning #Email_Address,
#frmWarranty .warning #Product_Purchased,
#frmWarranty .warning #Place_Of_Purchase,
#frmWarranty .warning #Date_Of_Purchase_Day,
#frmWarranty .warning #Purchase_Receipt_Number,
#frmWarranty select {
	background-color: #ffeebb;
	border: 1px solid red;
	height: 18px; 
}
#frm .date table tr td
{
	width: 40px !important;
}
/******* SHOPPING CART STYLES **********/
#view-cart .cart_divider
{
	border-bottom: 1px #c3c3c3 solid !important;
}

#view-cart td
{
	padding-top: 2px;
}

.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 **********/

	
/* 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;
}

#frmCheckout table, #frmCheckout table label
{
	font-size: 12px !important;
}
#frmCheckoutLogin
{
	margin-bottom: 20px;
}
#frmCheckoutLogin .field
{
	float: left;
	margin-bottom: 10px;
}
#frmCheckoutLogin .field .label
{
	width: 70px;
	float: left;
	font-weight: normal !important;
}
#frmCheckoutLogin .field .input
{
	width: 190px;
	float: left;
}
#frmCheckoutLogin label
{
	display: block;	
	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;
}

/*form for subscribe newsletter*/

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

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

#frm table{
width:350px;

}
/* #frm .required{
	background-color: #ffeebb;
	border: 1px solid red;
	height: 18px;
} */



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


#error_registration_div{
margin-bottom: 15px;
} 

.title-underline
{
	/* border-top: 0 solid #d0d1d3; */
	margin-top: -3px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #c3c3c3;
}
.user_info_message
{
	color: #829c18;
	font-weight: bold;
	border-top: 2px solid #829c18;
	border-bottom: 2px solid #829c18;
	background-color: #e1fef2;
	padding: 6px 5px 6px 5px;
	min-width: 300px;
	margin: 10px 0 15px 0;
}
.user_message_error
{
	/*color: red;*/
	color: #d41b00;
	font-weight: bold;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	/*background-color: #ffeebb;*/
	background-color: #fce7e6;
	padding: 6px 5px 6px 5px;
	min-width: 300px;
	margin: 10px 0 15px 0;
}
.user_message_error p
{
	color: #d41b00 !important;
}
.user_message
{
	color: green;
	font-weight: bold;
	border-top: 2px solid green;
	border-bottom: 2px solid green;
	background-color: #e1fef2;
	padding: 6px 5px 6px 5px;
	min-width: 300px;
	margin: 10px 0 15px 0;
}
.user_message_error p
{
	font-size: 11px;
	padding: 0 !important;
	color: #858585;
}
.user_message_error p.message
{
	color: red;
	padding-bottom: 10px;
	font-size: 20px !important;
}
.user_message_error .not_bold
{
	font-weight: normal;
}

.error-message {
/*	color:red;
	font-size:11px;
	font-weight:700;
	background-color:#ffdbdb;
	width:340px;
	border:1px solid red;
	margin:0 0 10px;
	padding:5px */
	/*color: red;*/
	color: #d41b00;
	font-weight: bold;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	/*background-color: #ffeebb;*/
	background-color: #fce7e6;
	padding: 6px 5px 6px 5px;
	min-width: 300px;
	margin: 10px 0 15px 0;
}
/**************************************** Checkout Cart ********************************************/
.canningvale-hightlight
{
	font-weight: bold;
	color: #829c18;
}
a.apply
{
	background-image: url(../images/layout/apply_grn_03.jpg);
	width: 73px;
	height: 29px;
	display: block;
	cursor: pointer;
}
a.continue-shopping
{
	background-image: url(../images/layout/btn-continue-shopping.jpg);
	width: 152px;
	height: 29px;
	display: block;
	cursor: pointer;
}
a.checkout-long
{
	background-image: url(../images/layout//btn_checkout_03.jpg);
	width: 152px;
	height: 29px;
	display: block;
	cursor: pointer;
}
a.register
{
	background-image: url(../images/layout/btn-register.jpg);
	width: 82px;
	height: 29px;
	display: block;
	cursor: pointer;
}
a.cancel
{
	background-image: url(../images/layout/btn-cancel.jpg);
	width: 82px;
	height: 29px;
	display: block;
	cursor: pointer;
}
.disabled-preferences
{
	background-image: url(../images/layout/btn-disabled-preferences.jpg);
	background-position: 0 -3px;
	background-repeat: no-repeat;
	width: 180px;
	height: 16px !important;
	display: block;
}
.disabled-cart
{
	background-image: url(../images/layout/btn-disabled-cart.jpg);
	background-position: 0 -3px;
	background-repeat: no-repeat;
	width: 180px;
	height: 16px !important;
	display: block;
}
.disabled-personal
{
	background-image: url(../images/layout/btn-disabled-personal.jpg);
	background-position: 0 -3px;
	background-repeat: no-repeat;
	width: 180px;
	height: 16px !important;
	display: block;
}
.disabled-delivery-details
{
	background-image: url(../images/layout/btn-disabled-delivery.jpg);
	background-position: 0 -3px;
	background-repeat: no-repeat;
	width: 180px;
	height: 16px !important;
	display: block;
}
a.disabled-delivery-details:hover
{
	height: 16px !important;
}
.disabled-payment-details
{
	background-image: url(../images/layout/btn-disabled-payment.jpg);
	background-position: 0 -3px;
	background-repeat: no-repeat;
	width: 180px;
	height: 16px !important;
	display: block;
}
a.disabled-payment-details:hover
{
	height: 16px !important;
}
.disabled-confirmation
{
	background-image: url(../images/layout/btn-disdabled-confirmation.jpg);
	background-position: 0 -3px;
	background-repeat: no-repeat;
	width: 180px;
	height: 16px !important;
	display: block;
}
a.disabled-confirmation:hover
{
	height: 16px !important;
}
a.next
{
	background-image: url(../images/layout/btn-next.jpg);
	width: 82px;
	height: 29px;
	display: block;
	cursor: pointer;
}

#frmCheckout .left-panel
{
	width: 530px !important;
	padding-left: 5px;
	float: left;
}
#frmCheckout .right-panel
{
	width: 300px;
	float: right
}
#frmCheckout .right-panel ul
{
	margin-top: 5px;
}
#frmCheckout .right-panel ul li
{
	list-style: none;
	background:url('../images/layout/page-link-indicator.jpg') no-repeat;
	background-position: 0 6px;
	padding: 3px 0 3px 14px;
}
#frmCheckout .right-panel
{
	line-height: 1.3em !important;
}
/*  Don't know why this is here #profile-content .ui-tabs-nav li a  */
#frmCheckout .ui-tabs-nav li, #checkout-tabs .ui-tabs-nav li
{
	float: left;
	list-style: none outside none;
	padding: 2px 0 2px 0 !important;
	width: 180px !important;
	text-align: center;
}
#frmCheckout 
{
	margin-top: 0;
}
#frmCheckout label 
{
	font-weight: normal;
}
#frmCheckout .form-row
{
	clear: both;
	padding: 5px 0 10px 0;
}
#frmCheckout .form-column {
	width: 330px;
	float: left;
}
#frmCheckout .form-column-medium {
	width: 210px;
	float: left;
}
#frmCheckout .form-column-medium-extra {
	width: 260px;
	float: left;
}
#frmCheckout .form-column-small-medium {
	width:130px;
	float:left;
}
#frmCheckout .form-column-small-medium-extra1 {
	width: 180px;
	float: left;
}
#frmCheckout .form-column-small {
	width:100px;
	padding-top: 5px;
	float:left;
}
#frmCheckout .form-column-small-medium-extra {
	padding-top: 4px;
	width: 200px;
	float: left;
}
#frmCheckout .form-column-medium-extra1 {
	width: 210px;
	float: left;
}
#frmCheckout .form-field {
	margin: 1px 0 0 0;
}
#frmCheckout #Company_Name,
#frmCheckout #Email_Address,
#frmCheckout #Street_Address_1,
#frmCheckout #Street_Address_2,
#frmCheckout #Suburb,
#frmCheckout #Delivery_Company_Name,
#frmCheckout #Delivery_Email_Address,
#frmCheckout #Delivery_Street_Address_1,
#frmCheckout #Delivery_Street_Address_2,
#frmCheckout #Delivery_Suburb {
	 width: 320px;
	 font-family:helvetica, arial;
	 font-style: normal;
}
#frmCheckout #Other_State,
#frmCheckout #Delivery_Other_state,
#frmCheckout #Old_Password,
#frmCheckout #New_Password,
#frmCheckout #Confirm_Password {
	width: 230px;
}
#frmCheckout #First_Name,
#frmCheckout #Last_Name,
#frmCheckout #Postcode,
#frmCheckout #Phone,
#frmCheckout #Evening_Phone,
#frmCheckout #Mobile_Phone,
#frmCheckout #Delivery_First_Name,
#frmCheckout #Delivery_Last_Name,
#frmCheckout #Delivery_Postcode,
#frmCheckout #Delivery_Phone,
#frmCheckout #Delivery_Evening_Phone,
#frmCheckout #Delivery_Mobile_Phone
{
	font-family:helvetica, arial;
	width: 90px;
	font-style: normal;
}
#frmCheckout #Delivery_Instructions
{
	font-family:helvetica, arial;
	width: 320px;
	height: 44px;
	font-size: 12px;
	font-style: normal;
}
#frmCheckout #Other_State,
#frmCheckout #Other_Country,
#frmCheckout #Delivery_Other_State,
#frmCheckout #Delivery_Other_Country
{
	width: 110px;
}
#frmCheckout #State_Code,
#frmCheckout #Country_Code,
#frmCheckout #Delivery_State_Code,
#frmCheckout #Delivery_Country_Code
{
	width: 200px;
	font-family:helvetica, arial;
	font-style: normal;
}
#frmCheckout #cc_type
{
	width: 205px;
	font-family:helvetica, arial;
	font-style: normal;
}
#frmCheckout #cc_number,
#frmCheckout #cc_name
{
	width: 200px;
	font-family:helvetica, arial;
	font-style: normal;
}
#frmCheckout #cc_expiry_month {
	width: 125px;
	font-family:helvetica, arial;
	font-style: normal;
}
#frmCheckout #cc_expiry_year {
	width: 77px;
	font-family:helvetica, arial;
	font-style: normal;
}
#frmCheckout #cc_security_code {
	width: 60px;
	font-family:helvetica, arial;
	font-style: normal;
}
#frmCheckout #login,
#frmCheckout #password,
#frmCheckout #password_confirm {
	width: 185px;
	font-family:helvetica, arial;
	font-style: normal;
}
#frmCheckout #how_you_find_us {
	width: 140px;
	font-family:helvetica, arial;
	font-style: normal;
}
#frmCheckout #how_you_find_us_other {
	float: right !important; 
	width: 100px !important;
	font-family:helvetica, arial;
}
#frmCheckout #contact_preference,
#frmCheckout #favourite_colour {
	width: 260px;
	font-family:helvetica, arial;
	font-style: normal;
}
#frmCheckout .warning #login,
#frmCheckout .warning #password,
#frmCheckout .warning #password_confirm,
#frmCheckout .warning #contact_preference,
#frmCheckout .warning #favourite_colour,
#frmCheckout .warning #how_you_find_us,
#frmCheckout .warning #how_you_find_us_other,
#frmCheckout .warning #Company_Name,
#frmCheckout .warning #Email_Address,
#frmCheckout .warning #Street_Address_1,
#frmCheckout .warning #Street_Address_2,
#frmCheckout .warning #Suburb,
#frmCheckout .warning #Other_State,
#frmCheckout .warning #First_Name,
#frmCheckout .warning #Last_Name,
#frmCheckout .warning #Postcode,
#frmCheckout .warning #Phone,
#frmCheckout .warning #Evening_Phone,
#frmCheckout .warning #Mobile_Phone,
#frmCheckout .warning #State_Code,
#frmCheckout .warning #Country_Code,
#frmCheckout .warning #Other_State,
#frmCheckout .warning #Other_Country,
#frmCheckout .warning #Delivery_Company_Name,
#frmCheckout .warning #Delivery_Email_Address,
#frmCheckout .warning #Delivery_Street_Address_1,
#frmCheckout .warning #Delivery_Street_Address_2,
#frmCheckout .warning #Delivery_Suburb,
#frmCheckout .warning #Delivery_Other_State,
#frmCheckout .warning #Delivery_First_Name,
#frmCheckout .warning #Delivery_Last_Name,
#frmCheckout .warning #Delivery_Postcode,
#frmCheckout .warning #Delivery_Phone,
#frmCheckout .warning #Delivery_Evening_Phone,
#frmCheckout .warning #Delivery_Mobile_Phone,
#frmCheckout .warning #Delivery_State_Code,
#frmCheckout .warning #Delivery_Country_Code,
#frmCheckout .warning #Delivery_Other_State,
#frmCheckout .warning #Delivery_Other_Country,
#frmCheckout .warning #Old_Password,
#frmCheckout .warning #New_Password,
#frmCheckout .warning #Confirm_Password,
#frmCheckout .warning #cc_type,
#frmCheckout .warning #cc_number,
#frmCheckout .warning #cc_name,
#frmCheckout .warning #cc_expiry_month,
#frmCheckout .warning #cc_expiry_year,
#frmCheckout .warning #cc_security_code {
	background-color: #ffeebb;
	border: 1px solid red;
	height: 18px; 
}


#frmCheckout #contact_preference,
#frmCheckout #favourite_colour,
#frmCheckout #how_you_find_us,
#frmCheckout #State_Code,
#frmCheckout #Country_Code,
#frmCheckout #Delivery_State_Code,
#frmCheckout #Delivery_Country_Code,
#frmCheckout #cc_type,
#frmCheckout #cc_expiry_month,
#frmCheckout #cc_expiry_year {
	height: 22px !important;
}
#frmCheckout .last-row
{
	margin-bottom: 100px;
}
.draw-line
{
	border-bottom: 1px solid #d9d9d9; 
	width: 430px;
}
#frmCheckout .resize-column
{
	width: 360px;
}
#frmCheckout .submit-button
{
	width: 100px;
	margin-right: 56px;
}
#frmCheckout .submit-button 
{
	float: right;
	width: 100px;
	padding-right: 30px;
}
#frmCheckout .line-break
{
	height: 15px; 
	margin-bottom: 15px; 
	border-bottom: 1px solid #c3c3c3;
}
#frmCheckout .summary .item
{
	margin: 4px 0 4px 0;
}
#frmCheckout .summary .item span
{
	color: #829c18;
}

#frmCheckout #processing-msg
{
	color: red; 
	font-weight: bold; 
	font-size: 18px;
	float: left;
}

/**************************************** Campaign Form ********************************************/
#frmNewsletterSubscription .form-row {
	clear: both !important;
	padding: 5px 0 10px 0;
}

#frmNewsletterSubscription .form-column {
	width: 300px;
	float: left;
}
#frmNewsletterSubscription .form-column-small-medium {
	width:100px;
	float:left;
}
#frmNewsletterSubscription .form-column-small {
	width:90px;
	padding-top: 5px;
	float:left;
}
#frmNewsletterSubscription #First_Name,
#frmNewsletterSubscription #Last_Name,
#frmNewsletterSubscription #Postcode {
	font-family:helvetica, arial;
	width: 90px;
	font-style: normal;
}
#frmNewsletterSubscription #Email_Address {
	 width: 280px;
	 font-family:helvetica, arial;
	 font-style: normal;
}
#frmNewsletterSubscription .warning #First_Name,
#frmNewsletterSubscription .warning #Last_Name,
#frmNewsletterSubscription .warning #Postcode,
#frmNewsletterSubscription .warning #Email_Address {
	background-color: #ffeebb;
	border: 1px solid red;
	height: 18px; 
}
#frmNewsletterSubscription .submit-button
{
	width: 82px;
	float: right;
}
#frmNewsletterSubscription .submit-button a
{
	cursor: pointer;
}

/**************************************************************************************************/
/**************************************** Page content ********************************************/
/**************************************************************************************************/
.page-content
{
	margin-top: 10px;
}
/**************************************** Search Results (Page) ***********************************/
ul.search-results
{
	margin: 0;
	width: 465px;
	float: left;
	list-style-type: none;
}
ul.search-results li
{
	padding-top: 15px;
}
ul.search-results li .number
{
	width: 20px;
	float: left;
}
ul.search-results li .item
{
	width: 445px;
	float: left;
}
/**************************************** Sitemap (Page) ************************************************/



/**************************************** News (Articles) ********************************************/
.row-break-spacing {
padding:0 0 15px 0;
clear:both
}
.row-break-spacing .row-break-line {
border-bottom:1px solid #d3ccc5;
width:600px
}
.highlight-selected {
	color: #829c18;
	font-weight: bold;
        font-size: 13px;
}
#left-menu {
	margin-top: 10px;
	width: 226px;
	float: left;
}
#right-menu {
	margin-top: 10px;
	width: 100px;
	float: right;
	text-align: right;
}
#left-menu h2, #right-menu h2 {
	margin-top: 4px;
	font-family: san-serif !important;
	font-weight: normal !important;
	font-size: 12px !important;
	color: #999999 !important;
}
#left-menu a {
	font-size: 12px !important;
}
.news-list {
	margin-top: 10px;
	margin-bottom: 30px;
	width: 600px;
	float: left;
}
.news-list .btnBackToTop {
background: url('../images/layout/back-to-top-link-indicator.jpg') no-repeat;
background-position: 0 2px;
padding-left: 16px;
display: block;
float: right;
}
#left-menu ul, #right-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#left-menu ul {
	margin-top: 10px;
}
#left-menu ul li {
background: url('../images/layout/menu_list_indicator.jpg') no-repeat;
background-position: 0 7px;
padding: 3px 0 3px 14px;
line-height: 1.5em;
}
#left-menu ul li a
{
	color: #829c18;
}
#left-menu ul li a:hover
{
	color: #808080;
}
#right-menu ul
{
	margin-top: 5px;
}
#right-menu ul li {
padding: 3px 20px 3px 0;
line-height: 1.5em;
background: url('../images/layout/page-link-indicator.jpg') no-repeat;
background-position: 87px 6px;
#background-position: 87px 3px;
}

.news .news-title {
margin: 5px 0 5px 0;
font-size:11pt;
font-weight:normal;
color:#000000
}
.news .news-image {
	padding-left: 10px;
	float: right;
}
.news ul {
margin: 0;
padding: 0;
list-style: none;
}
.news ul li {
background: url('../images/layout/bullet-point.jpg') no-repeat;
background-position: 0 5px;
padding: 0 0 0 14px;
line-height: 1.5em;
}

/**************************************** Button ********************************************/
.btn-green-body {
float:left;
height:20px
}

a .btn-green-body {
background:url(../images/layout/btn-green-body-bckgrd.jpg) top left repeat-x;
display:block;
cursor:pointer;
font-weight:700;
font-size:9pt;
color:#fff;
padding-top:2px;
text-decoration:none
}

a .btn-green-right-edge {
background:url(../images/layout/btn-green-right-edge-bckgrd.jpg) top left no-repeat;
float: left;
width: 8px;
height: 20px;
display:block;
cursor:pointer
}

/**************************************** View Cart ********************************************/
table#view-cart, table#view-cart table
{
	border: 0;
	width: 940px;
	font-size: 13px !important;
}
table#view-cart tr.subtotal-breakdown td
{
	padding: 15px 0 5px 0;
	vertical-align: top;
}
table#view-cart tr.subtotal td
{
	padding: 3px 0 3px 0;
	vertical-align: top;
}
table#view-cart tr.cart-header th
{
	color: #829c18;
	font-weight: normal;
}
.orderprice
{
	color: #829c18 !important;
	font-weight: bold;
}
.cart-attention-text
{
	color: #d41b00;
}
table#view-cart a
{
	 color: #829c18;
	 text-decoration: underline;
}
table#view-cart a:hover
{
	color: #808080;
}
table#view-cart .highlight-text
{
	font-size: 13px !important;
}
.link-highlight
{
	color: #829c18 !important;
	text-decoration: underline;
}
.link-highlight:hover
{
	color: #808080 !important;
}
.divCheckWarranty 
{
	margin-bottom: 3px;
	width: 370px;
}
.colLabel {
	width: 340px;
	float: left;
}
.colInput {
	width: 30px;
	float: left;
}
/**************************************** Repaginate control ********************************************/
/**************************************** Repaginate control ********************************************/
.divRepaginateControl
{
	width: 500px;
	height: 30px;
	text-align: left; 
	white-space: nowrap;
	margin: 15px 0px 5px 0px;
	color: #808080;
	/*font-size: 9pt;*/
	background-color: #eeeeee;	 
}
.divCurrentPageIndicator
{
	width: 70px;
	float: left;
	height: 25px;
	padding-left: 10px;
	font-weight: bold;
}
.divRepaginateControl .divRepaginateGap
{
	height: 8px;
	clear: both;
}
.divRepaginateControl .divPageNavLinks
{
     width: 400px;
	 height: 25x;
	 margin-left: 15px !important;
     float: left;
}
.divRepaginateControl .divPageNavLinks a
{
	text-decoration: none;
}
.divRepaginateControl .repaginateArrow a:hover
{
	 /* font-size: 9pt; */
	 color: rgb(149, 156, 51);
	 font-weight: bold;
}
.divRepaginateControl .repaginateArrow a:hover
{
	color: #ffffff;
}
.divRepaginateControl .currentPage
{
	/* font-size: 9pt; */
	color: #ffffff;
	background: #808080; 
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 3px 5px 3px 5px;
	/*border: 1px solid #4a4747;*/
}
 
.divRepaginateControl a
{
	margin: 0 5px 0 0;
}
.divRepaginateControl a span
{
	/*border: 1px solid #e74a46; */
	padding: 3px 5px 3px 5px; 
	margin-top: 8px;
	background-color: rgb(149, 156, 51);
	color: #ffffff;
}
.divRepaginateControl a:hover span
{
	background: #808080;
	font-weight: bold;
	color: #ffffff;
}

/*
 .divRepaginateControl
 {
     width: 580px;
     text-align: left; 
     white-space: nowrap;
     margin: 40px 0px 10px 0px;
     /*font-size: 9pt;
	 background: #e0e0e5;*/	 /*
 }
 .divCurrentPageIndicator
 {
     width: 100px;
     float: left;
	 height: 45px;
 }
 .divRepaginateControl .divRepaginateGap
 {
	height: 8px;
	clear: both;
 }
 .divRepaginateControl .divPageNavLinks
 {
     width: 370px;
     margin-left: 30px;
     float: left;
	 height: 55px;
 }
 .divRepaginateControl .divPageNavLinks a
 {
    /*font-weight: bold;
    font-size: 9pt;   */  /*
 }
 .divRepaginateControl .repaginateArrow a
 {
     /* font-size: 9pt; */ /*
 }
 .divRepaginateControl .currentPage
 {
     /* font-size: 9pt;
	 color: #fff;
	 background: #4a4747; */ /*
	 font-weight: bold;
	 margin: 0 5px 0 0;
	 padding: 3px 5px 3px 5px;
	 /*border: 1px solid #4a4747;*/ /*
 }
 
 .divRepaginateControl a
 {
	margin: 0 5px 0 0;
 }
 .divRepaginateControl a span
 {
	/*border: 1px solid #e74a46;
	padding: 3px 5px 3px 5px; */ /*
	margin-top: 8px;
 }
 .divRepaginateControl a:hover span
 {
	/*background: #af0000;
	font-weight: bold;
	color: #fff;
	border: 1px solid #af0000;*/ /*
 }
*/



 #footer-follow-us-menu {
margin-left:89px;
float:left;
list-style-type:none
}


ul.root-level
{
	margin: 0 0 20px 0;
	width: 300px;
	float: left;	
}
ul.root-level li a.root-category-name
{
	color: rgb(149, 156, 51);
	font-size: 18px !important;
	font-weight: bold;
}
ul.root-level li a.subcategory_name
{
	font-weight: bold;
	color: rgb(149, 156, 51);
}
ul.root-level li a:hover
{
	color: #464646 !important;
}
ul.root-level li
{
	list-style-type:disc;
}
.product-level-1, .product-level-2, .product-level-3, .product-level-4
{
	margin-left: 20px;
}
.indicator-link
{
	background:url('../images/layout/link_indicator.jpg') no-repeat;
	background-position: 0 2px;
	padding-left: 17px;
}
.tile-space-break
{
	/* height: 21px; */
	height: 25px !important;
}
.right-tile-break
{
	height: 8px;
	#height: 6px !important;
}
.rightTilesContent 
{
	padding-top: 0 !important;
}
.green-small-subheading {
	color: #829c18;
	font-weight: bold;
    font-size: 12px;
}
.signup-tab-gap
{
	height: 29px;
}
.checkout-tab-gap
{
	height: 29px;
}

