/* 
    GoodTyreGuide Shop CSS    
    Updated May 2009
*/


/*----------------------------------------------------Search Results Cell ------------------------------------------------*/

.search-results-cell {
	background: transparent url(/Images/search-results-bg_bottom.gif) no-repeat bottom left;
	width: 538px;
	margin-left: 18px;
	_margin-left: 8px;
	float: left;
	padding-bottom: 12px;
	margin:0 auto;
}

.search-results-cell2 {
	background: transparent url(/Images/search-results-bg_top.gif) no-repeat top left;
	padding-bottom: 8px;		
}

.search-results-img {
	float: left;
	width: 110px;
	_width: 100px;
	margin-top: 12px;
	text-align: center;
	margin-left: 6px;
	_margin-left: 6px;
}

.search-results-details {
	float: left;
	width: 180px;
	_width: 180px;
	margin-left: 30px;
	margin-right: 0px;
	font-size: 11px;
}

.search-results-options-bg {	
	height: 26px;	
	width: 159px;
	font-size: 11px;	
	color: #666666;
	margin-left: 20px;  /* To be revised*/
}

.search-results-options {
	_width: 170px;
	width: 170px;
	float: left;
	margin-top: 24px;	
}

.search-results-details img {
	margin-top: 16px;
	margin-bottom: 8px;
}

.search-results-details p {
	margin-bottom: 4px;
}

.search-results-options-bg span {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;	 
}

.search-results-options-select {	
	background: url(/Resources/Images/search-results-price-bg.jpg) 0 0 no-repeat;	
	height: 28px;
	width: 160px;
	font-size: 11px;
	color: #666666;
	margin-left: 0;	  
}

.search-results-options-select select {	
	border: 1px solid #a5acb2;
	background-color: #FFFFFF;
	margin-top: 4px;
	_margin-top: 2px;
	height: 18px;
	.height: 20px;
	float: left;
	font-size: 0.95em;
}

.search-results-tyre-image {
	padding-top: 8px;
}

.search-results-cell .search-results-options-select label {
	font-size: 11px;
	color: #666666;
	float: left;
    margin: 0 4px 0 0;
    padding: 6px 0 0 6px;
}

.search-results-options p {
	margin-bottom: 2px;
}

.search-results-options img {
	width: 170px;
	float: left;
}

.search-results-details p {
	font-size: 11px;	
}


/*-----------------------------------------This class needs to be replaced and the markup and H2 in results changeed------------------*/

.results-clear {
    height: 30px;    
    }
    
    
    
/*----------------------------------------Buttons/Need to be grouped logically e.g Checkout Address -------------------------------------*/
.leftContent .checkout-address-form .continue-btn 
{
    border: none;
    background: url(/Images/content/continue-btn.jpg) no repeat;
    width: 128px;
    height: 24px;
   
    }

/*-------------------------------------------------Global Site Search Results/ Used sitewide-----------------------*/
.site-search-results 
{
    float: left;
    font-size: 0.9em;
    margin-left: 18px;
    _margin-left: 10px;    
}

.site-search-results li{    
   list-style-type: none;    
}

/* ----------------------------------------------- tyre finder and brand finder -------------------------------------- */


/* ----------------------------------------------  Fitter Search Results ----------------------------------------------*/

/*Fitter Search */
.fitter-search 
{
    float: left;    
    margin: 0px 0px 0px 24px;
    _margin: 0px 0px 0px 12px; /* Fixes Double margin IE6 Problem*/    
    width: 440px;    
    }

.fitter-search .fitter-postcode {
    float: left;
    border: solid 1px #adbbbc;
    width: 150px;    
    }

.fitter-search .submit_btn {
     float: left;
     background: url(/Images/content/fitter-go-btn.jpg) no-repeat;
     width: 47px;
     height: 43px;
     border: none;    
    }  
  
  .fitter-search .submit_btn {
	BACKGROUND: url(/Images/content/fitter-go-btn.jpg) no-repeat; FLOAT: left; WIDTH: 47px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 43px; BORDER-BOTTOM-STYLE: none; cursor: hand; cursor: pointer;
}  
    
.fitter-search-btn {
    BACKGROUND: url(/Images/home/go-btn-small.jpg) no-repeat; LEFT: 290px; FLOAT: left; WIDTH: 40px; CURSOR: hand; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 40px; BORDER-BOTTOM-STYLE: none; _left: 290px; cursor: hand; cursor: pointer;
    
    }    

.fitter-search .label {
    float: left;
    width: 100px;    
    }
    
.results p a:hover {
	text-decoration: underline
}

.radmenu a.link {
	cursor:default; /* this needs removing! */
	display:block;
}

.fitter-search label{    
    font-size: 0.85em;    
    }
    
 .fitter-search-box{    
    width: 70px;
    border: solid 1px #adbbbc;    
    }


/* ----------------------------------------   Fitter Summary  ------------------------------------ */

 .fitter-header {
	float: left;
	width: 503px;
	background: url(../images/fitter-header.jpg) no-repeat;	
	height: 32px;
}

.fitter-results-wrap {
	float: left;
	width: 503px;
	margin: 0px 0px 0px 20px ;
	padding: 0px;	
}

.fitter-results-wrap-2 {
	float: left;
	width: 503px;
	margin: 0px 0px 0px 20px ;
	_margin: 0px 0px 0px 10px ;
	padding: 0px;	
	background: url(/Resources/Images/FitterSearchResultstBg.jpg) repeat-y left top;
}

.fitter-col-1 {
	float: left;
	width: 260px;
	margin-left: 10px;
}

.fitter-col-2 {
	float: left;
	width: 70px;
}

.fitter-col-3 {
	float: left;
	width: 160px;
}

.fitter-details {
	float: left;
	width: 280px;
	padding: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 16px;
	_margin-left: 1px;
}

.fitter-details-wrap {
	float: left;
}

.indent-left {  padding-left: 0px; _padding-left: 10px;}

.fitter-actions {
    width: 120px;
	float: left;	
	margin-top: 68px;
	_margin-top: 68px;
	.margin-top: 68px;
}

.fitter-actions li {
   height: 28px;
   .height: 24px;
   _height: 28px;
   margin-top: 6px;
    margin-bottom: 6px;
}

.fitter-results-wrap ul li, .fitter-results-wrap-2 ul li {
	list-style-type: none;
}

.fitter-actions li a{
	cursor: hand;
	cursor: pointer}

.fitter-results-wrap ul, .fitter-results-wrap-2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.fitter-header li {
	padding-top: 8px;
}

.fitter-distance {
	float: left;
	width: 70px;
	height: 100px; 
}

.fitter-name {
	color: #375b5b;
	font-weight: bold;
	margin-bottom: 8px;
	padding-left:0px;
	_padding-left:10px;
}

.fitter-address {
	margin-bottom: 8px;
	padding-right: 16px;
	padding-left:0px;
	_padding-left:10px;
	font-size: 11px;
	line-height: normal
}

.fitter-distance li {
	margin-top: 6px
}
	
.fitter-telephone {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 8px    
}

.fitter-actions .FitterBtnList {
height: 22px;}

.fitter-actions li a {
display:block;
width:117px;
height:26px;}

.fitter-actions li.FitterBtnList a {
background: url(/Resources/images/shop/shopdefault_ViewMap.png) 0 0 no-repeat}

.fitter-actions .FitterBtnList a img {
display:none}
	
/* Fitter Search Results*/

.FitterSummaryHeading {float: left; width:503px; background: url(/Resources/Images/FitterSearchResultsTopBg2.png) no-repeat left top; height: 39px; margin-top: 0px;}
.FitterBtmBg {
background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsBtm.jpg) no-repeat left top; 
width: 548px;
height: 65px;
clear: both;
margin-left: 0px;
margin-top: -24px;
clear: both;
}	
.fitter-results-header {
	background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsTopBg.jpg) no-repeat left top;
	float: left;
	height: 43px;
	width: 503px;
	margin: 12px 0px 0px 20px ;
	_margin: 0px 0px 0px 10px ;
	padding: 0px;
}

.fitter-results-header li {
	float: left;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	color: #375b5b;
	padding-top: 6px;
	padding-left: 8px;
}

.fitter-details p.sorry {
    padding-top:20px;
    width: 300px
}

.fitter-details-header {
   width: 280px; 
   text-indent: 11px;
    }
    
.fitter-distance-header{
    width: 70px; 
    }
    
.fitter-options-header{
   width: 120px; 
   text-align: center;   
    }
    
.ChangeFitterBtn {
    background: url(/Resources/Images/ChangeFitterBtn.jpg) no-repeat left top;
    width: 123px;
    height: 26px;
    }
	

#ButtonChangeFitter {
	border: none;
    margin: 0px;
    color: #FFF;
    margin-top: 0px;
	margin-left: 390px;
}

#ButtonFindAFitter {
	cursor: hand;
	cursor: pointer;
	background: url(/resources/images/shop/shopdefault_FindaFitterBtn.png) no-repeat left top;	
	height: 26px;
	width: 159px;
	border: none;
	color: #FFF;
	margin-top: 12px
	}
	
.FitterDetailsFooter p {
margin: 0px;
}


.FitterDetailsFooter {
    background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsBtm.jpg) no-repeat -20px 0;
    height: 52px;
    width: 503px;
    margin: -40px 0px -50px 18px;
    }
		
.FitterDetailsWrapper h3 {
	background: url(/Resources/Images/FitterSearchResultsTopBg.jpg) no-repeat left top;
	width: 503px;
	margin: 0px;	
	font-weight: bold;
	color: #557375;
	font-size: 1em;
}

.FitterDetailsWrapper h3 span
{
	
	
}
.FitterDetailsWrapper 	
{
    background: url(/Resources/Images/FitterSearchResultsVertBg.jpg) repeat-y left top;	
    width: 503px;
    margin: 0px;
    margin-left: 18px;
}
.FitterDetailsWrapper 	p
{

margin-bottom: 18px;
}

.FitterDetailsWrapper .FitterHalfBlock
{

width: 300px;
height:50px;
.height: 75px;

}





/*-----------------------------------------------Shopping Cart ---------------------------------------------------*/
#fitter-basket-footer {
	background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsBtm.jpg) no-repeat  -20px 0;
	height: 52px;
	margin-bottom: 0px;
	width:506px !important
}

.fitter-summary-heading {
	float: left;
	width: 503px;
	background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsTopBg.jpg) no-repeat  left top;
	height: 43px;
	
}

.fitter-summary-header 
{
    float: left;
	width: 460px;
	padding: 6px 0px; 
    }

.fitter-summary-header li
{
    float: left;
	
    }

.fitter-summary-remove input 
{
    border: none;
    background: url(/Resources/Images/DeleteBtn.jpg) left top no-repeat;
    width: 23px;
    height: 23px;
    margin-left: 10px;
    
    
    }


.fitter-summary-wrap .basket-wrap-inner .fitter-summary-details-grey,  .fitter-summary-details-grey {
	float: left;
	width: 503px;
	
	 background: url(/Resources/Images/FitterSearchResultstBg.jpg) repeat-y left top;
	 margin-top: 0px;
	  margin-bottom: 0px;
	  padding-bottom: 4px;
	  padding-top: 4px;
	 
	
	/* height: 48px; */
}


.FitterDetailsWrapper h3 {display:none; height: 2px;}

.WrapFix {margin-left: -2px; .margin-left: -4px;}

.SummaryWrap{
	
	
	margin-left: 0px; 
	_margin-left: -22px; 
	
	
	
	
	/* height: 48px; */
}

.SummaryWrap2 {
	
	 float: left;
	width: 503px;
	 background: url(/Resources/Images/FitterSearchResultstBg.jpg) repeat-y left top;
	 margin-left: 20px; 
	 _margin-left: 10px;
	
	
	
	
	 
	
	/* height: 48px; */
}

.SummaryWrap2 .confirmation-details {
	
	 float: left;	
	 margin-left: 0px;
	  margin-top: -12px;
	  _margin-top: 0px;
	
	
	 
	
	/* height: 48px; */
}



.SummaryWrap .fitter-summary-wrap {
	
	 float: left;
	width: 503px;
	 background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsBtm.jpg) no-repeat -20px 0px
	 margin-left: 20px;
	
	}
	 
.WrapFix .SummaryWrap .fitter-summary-wrap {
	
	 float: left;
	width: 503px;
	 background: url(/Resources/Images/FitterSearchResultstBg.jpg) repeat-y left top;
	 margin-left: 20px;
	 .margin-left: 18px;
	
	}	
	

.SummaryWrap .fitter-summary-price {text-align: right;}

.SummaryWrap .fitter-summary-quantity {text-align: left;}

.SummaryWrap3 {
	
	 float: left;
	width: 503px;
	 background: url(/Resources/Images/FitterSearchResultstBg.jpg) repeat-y left top;
	 margin-left: 20px; 
	 _margin-left: 10px;
	
	
	
	
	 
	
	/* height: 48px; */
}

.SummaryWrap3 .confirmation-details {
	
	 float: left;	
	 margin-left: 0px;
	  margin-top: -12px;
	  _margin-top: 0px;
	  padding-top:10px;
	  width:100%;
	
	
	 
	
	/* height: 48px; */
}



.SummaryWrap .fitter-summary-wrap {
	
	 float: left;
	width: 503px;
	 background: url(/Resources/Images/FitterSearchResultstBg.jpg) repeat-y left top;
	 margin-left: 20px;
	
	
	 
	
	/* height: 48px; */
}


.SummaryWrap .fitter-summary-wrap .fitter-summary-details-grey, .SummaryWrap .fitter-summary-wrap .fitter-summary-details-white  {
	
	 float: left;	
	 margin-left: 0px;
	
	
	 
	
	/* height: 48px; */
}
.SummaryWrap .fitter-summary-wrap .fitter-summary-heading {
	
	 float: left;	
	 margin-left: 0px;
	 margin-top: -12px;
	 _margin-top: 0px;
	
	 
	
	/* height: 48px; */
}

.SummaryWrap .fitter-summary-product {}

.SummaryWrap .fitter-summary-label { width: 390px;}

.SummaryWrap .fitter-summary-quantity { text-align: center;}

.SummaryWrap .fitter-summary-totals .align-text-right { padding-left: 10px; text-align: left; width: 92px; .width: 92px;}

.SummaryWrap .fitter-summary-totals {padding-left:40px}

/* End Summary Wrap */


.fitter-summary-wrap .basket-wrap-inner .fitter-summary-details-white, .fitter-summary-details-white  {
	float: left;
	width: 503px;
	 background: url(/Resources/Images/FitterSearchResultstBg.jpg) repeat-y left top;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  padding-bottom: 4px;
	  padding-top: 4px;
	/* height: 48px; */
}


.fitter-summary-wrap li {
	float: left;
	list-style-type: none;
}
.fitter-summary-wrap {
	float: left;
	width: 503px;
	margin-left: 0px; /* Needs to be revised*/
	_margin-left: -18px;
	font-size: 0.95em;
	/* background: url(/Resources/Images/FitterSearchResultsVertBg.jpg) no-repeat left top ; */
	
	
}
.fitter-summary-quantity input 
{
	margin-left: 18px; /* Needs to be revised*/
	float: left;
	width: 22px;
	background-color: #FFFFFF;
	border: 1px solid #c5c4b5;
	text-align: center;
	 

	
	padding-top: 3px;
		
	}
.fitter-summary-changes {
	width: 380px;
	 margin-top: 30px; 
}

.fitter-summary-totals .align-text-right {
}

.SummaryWrap .fitter-summary-changes {
	float: left;
	width: 380px;
	 margin-top: -45px; 
	 color: #666;
}
.fitter-summary-changes-foot {
	float: left;
	width: 380px;
	margin-top: 14px; 
	position: relative;
	font-size: 1.0em;
	left: -10px;
	left: 10px;
	top: 14px;

}
.fitter-summary-change {
	float: left;
	width: 390px;
}

#fitter-basket-subtotals {
background: url(/Resources/Images/FitterSearchResultsVertBg.jpg) repeat-y left top ;	
margin-top: 0px; 
margin-bottom: 0px; 
height: 42px;	
width:546px
}

.fitter-summary-update {
	float: left;
	width: 108px;
	height: 30x;
	margin-left: 12px;
}
.fitter-summary-update input{	
	width: 108px;
	border: none;	
	height: 29px;
	background:url(/Resources/Images/UpdateCartBtn.jpg) no-repeat left top ;
	margin-left: 0px;
	.margin-left: -12px;	
}


.fitter-updatebtn,
.ChangeFitterBtn,
.fitting-summary-purchase-btn { 
    cursor:hand;
    cursor: pointer;
	

height: 26px;

margin-top:12px


}


.basket-wrap-inner {
float: left;
}
	
	
	


	

.fitter-summary-product {
	width:220px;
	padding-left: 14px;
	
}


.SummaryWrap .fitter-summary-heading li {padding-top: 10px;}


.SummaryWrap .fitter-summary-price {
	width: 70px;

	text-align: right;
	
}

.fitter-summary-price {
	width: 80px;
	/* text-align: left; */
	padding-right: 0px;
}
.fitter-summary-quantity {
	width: 70px;
}

.fitter-summary-quantity span {
	padding: 0px 0px 0px 10px;
	_padding: 0px 0px 0px 10px;
	margin: 0px;
}

.fitter-summary-quantity input {
	width: 38px;
	height: 18px;
	text-align: center;
}
.fitter-summary-remove {
	width: 26px;
	height: 23px;
	/* text-indent: 28px; */
}
.fitter-summary-heading li, .fitter-summary-totals li {
	margin-top: 0px;
	height: 20px;
}
.fitter-summary-details-grey li, .fitter-summary-details-white li {
	padding-top: 0px;
}

.fitter-summary-heading li span {
display:block;
margin-top:12px;
font-weight:bold}



.fitter-summary-wrap p {
  padding-top: 4px;
	padding-bottom: 4px; 
}

.fitter-summary-wrap .fitter-summary-details-grey {
    border-bottom:1px dotted #ccc;
    padding: 2px 0;
    margin-bottom: 10px
    }

.fitter-summary-totals {
	float: left;
	width: 460px;
	
	height: 42px;
}
.SummaryWrap .fitter-summary-totals {
	float: left;
	width: 500px;
	
	height: 42px;
}

.fitter-summary-label {
	float: left;
	width: 340px;
	_width: 321px;
	
	text-align: right; 
	
	
}
.SummaryWrap .fitter-summary-label {
	float: left;
	width: 300px;
	_width: 280px;
	
	text-align: right; 
	
	
}
.fitter-summary-label-2 {
	float: left;
	width: 340px;
	_width: 334px;
	
	text-align: right; 
	
	
}

.fitter-summary-label span { margin-right: 0px; _margin-right: -24px;}

.fitting-summary-purchase-btn {
  background: url(/Resources/Images/shop/shopdefault_PurchaseBtn.png) no-repeat; 
  border: none;
  width: 108px;
  height: 26px;
  margin-left: 388px;
  margin-top: 0;
  color: #FFF;
  position: relative;
  top: -50px;
    
    }

.fitter-results-change-fitter {
  background: url(/Images/home/change-fitter-btn.jpg) no-repeat; 
  border: none;
  width: 111px;
  height: 25px;
  margin-left: 18px;
    
    }
 
 
 
 
 
 

    
 .contact-form-radiobtn label 
 {
    
    font-size: 12px; 
     }
  
  fitting-summary-heading-1 
  {
  	background: url(/Resources/Images/FitterSearchResultsTopBg.jpg) no-repeat left top;
	width: 503px;
	margin: 0px;	
	font-weight: bold;
	color: #557375;
	font-size: 1em;
  height: 39px;
  }
  	
  fitting-summary-heading-1 h4
  {
  	padding-top: 8px;
  } 	
    

/*-----------------------------------------------------  Checkout Address  -----------------------------------------*/

.checkout-address-form {  
   width: 530px; 
   margin: 0px 0px 0px 18px ;
   background-image: transparent;
   font-size: 0.9em;
   
   /**/
   _width: 510px; 
   _margin: 0px;
   }
.checkout-address-form li {
    list-style-type: none;
    width: 560px;
    _width: 530px;
    float:left; 
    margin-bottom: 10px;
    }
.checkout-address-form li span {
   font-size: 0.7em;
    }    

.checkout-address-form li label {
    width: 180px;
    float:left;
    }

.checkout-address-form input, .checkout-address-form textarea {
    width: 140px;  
    float:left;  
    }
    
.checkout-address-form .calendarInput 
{
    width: 70px;
    }
    
 .checkout-address-form .ReportPicker 
{
    width: 150px;
    float: left;
    margin: 0px 8px 0px 0px ; 
      }
      
.checkout-address-form img {
    
    float: left;
    
    }
    
 .checkout-form-continue-btn  {
     background: url(/Resources/Images/shop/shopdefault_continueBtn.png) no-repeat 0px 0px;
     border: none;
      width: 128px;
      height: 24px;
      position: relative;
      left: 220px; 
      cursor: hand;
      cursor: pointer
     
     }
     
.checkout-form-radio-btn 
     {
        padding-top: 100px; 
         
         }
         
.checkout-payment-form 
{
    padding-left: 14px;
    font-size: 0.9em;
    
    }
.confirmation-details   
 {
     font-size: 0.85em;
     background: url(/Resources/Images/FitterSearchResultsTopBg.jpg) no-repeat top left;
	width: 440px;
	padding-left: 18px;
	margin-left: 18px;
     
     }
 
 .SummaryWrap1 .confirmation-details,  .SummaryWrap3 .confirmation-details    
 {
     font-size: 0.85em;
     background: url(/Resources/Images/FitterSearchResultsTopBg2.png) no-repeat top left;
	padding-left: 18px;
	
     
     }
     
   .SummaryWrap2 .confirmation-details
 {
     font-size: 0.85em;
     background: url(/Resources/Images/FitterSearchResultsTopBg2.png) no-repeat top left;
	padding-left: 18px;
	
     
     }
     
.complete-order-btn 
{
    border: none;
    background: url(/Images/content/complete-order-btn.jpg) no-repeat;
    width: 124px;
    height: 24px;
    
    }
    
 .back-order-btn 
 {
     margin-top: 18px;
    margin-left: 280px;
     
     border: none;
    background: url(/Images/content/back-btn.jpg) no-repeat;
    width: 72px;
    height: 24px;
     
     } 
     
  .back-to-address-btn 
  {
       border: none;
    background: url(/Images/content/back-to-address-btn.jpg) no-repeat;
    width: 200px;
    height: 26px;
    padding-right: 24px;
      
      }   
      
 .proceed-confirrm-btn 
  {
       border: none;
    background: url(/Images/content/proceed-btn.jpg) no-repeat;
    width: 200px;
    height: 24px;
      
      }  
  
      
  .checkout-address-form .contact-form-textarea 
  {
      width: 200px;
      border: 1px solid #c8d1d1;
      
      }

/*-----------------------------------------------------  Contact Address  -----------------------------------------*/

.contact-form {  
   width: 530px; 
   margin: 0px 0px 0px 18px ;
   background-image: transparent;
   font-size: 0.9em;
   
    }
.contact-form li {
    list-style-type: none;
    width: 560px;
    float:left; 
    margin-bottom: 10px;
    
    }
.contact-form li span {
   font-size: 0.7em;
    }    
    

.contact-form li label {
    width: 180px;
    float:left;
        }

.contact-form input {
    width: 120px;  
    float:left;  
    }
    
.contact-form textarea {
    width: 190px;  
    float:left;  
    }
 .contact-form select {
    width: 70px;  
    float:left;  
    }   

      
.checkout-address-form img {
    
    float: left;
    
    }
 
 /*-------------------------------------Contact Us Form ----------------------------*/
    
 .contact-form-continue-btn 
 {
     background: url(/Images/content/continue-btn.jpg) no-repeat 0px 0px;
     border: none;
      width: 128px;
      height: 24px;
      position: relative;
      left: 220px; 
     
     }
     
.contact-form-radio-btn
     {
        padding-top: 100px; 
         
         }
         

 .confirmation-details 
 {
     font-size: 0.85em;
     
     }
     

  
      
  .contact-submit-btn 
  {
      border: none;
    background: url(/Images/content/contact-submit-btn.jpg) no-repeat;
    width: 72px;
    height: 24px;
    margin-left: 260px;
    
      
      }
      
 .contactFrm .checkout-address-form select, .checkout-address-form li select
 {
     width: 70px;
     height: 20px;
     
     } 
.contactFrm .checkout-address-form .name,  .checkout-address-form li input
 {
     width: 128px;
    
   
     } 

.contactFrm .checkout-address-form textarea, .checkout-address-form li textarea
 {
     width: 150px;
     
     } 

/*--------------------------------------------------- Purchase Confirmation ------------------------------------------------*/    
   
   .confirmation-details li 
   {
      list-style-type: none;
       
       } 
/*------------------------------------------------  Checkout Payment Form  ---------------------------------------------*/
.checkout-payment-form {  
   width: 560px; 
 
    }
.checkout-payment-form li {
    list-style-type: none;
    width: 560px;
    float:left; 
    
    }
.checkout-payment-form li label {
    width: 200px;
    float:left;
        }

.checkout-payment-form input {
    width: 140px;  
    float:left;  
    }
    
.ProtxNonSwitchOrSolo 
{
    width: 500px;
   
    }
  
 


#ProtxTableCreditCard 
{
	
	 margin-left: 0px;
    _margin-left: 20px;
    .margin-left: 20px;
	
	}

/*---------------------------------------------- front page Articles & News -----------------------------------------*/

.articles {
	width: 546px;
	position: relative;
	background: url(/Images/home/article_wrap.jpg) repeat-y;
	margin-bottom: 20px;
}
.articles h2 {
	background: url(/Images/home/article_h2.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 45px;
	text-indent: -9000px;
}
.articles    p  a  {
	text-decoration: none;
	position: absolute;
	height: 50px;
	width: 200px;
	right: 0px;
	text-indent: -9000px;
	bottom: 0px;
}
.articles  ul {
	list-style: none;
	margin: 5px 0px 5px 5px;
	padding: 0px;
}
.articles ul li {
	background: url(/Images/home/article_li.jpg) no-repeat;
	height: 40px;
	margin: 0px;
	padding: 0px;
	color: #FF0000;
	font-weight: 700;
	line-height: 40px;
	text-indent: 20px;
	font-size: 0.7em;
}


.articles ul a {
	text-decoration: none;
	color: #B91226;
}

.articles ul a:hover {
	text-decoration: underline;
	color: #B91226;
}

.articles .full_article {
	background: url(/Images/home/full_article.png) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 29px;
	width: 141px;
	display: block;
	text-decoration: none;
	text-indent: -9000px;
	position: absolute;
	top: 140px;
	right: 30px;
}

/* Needs PNG Fix */
.articles .full_article {
	
	
	 *background-image: none;
     /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/home/full_article.png', sizingMethod='scale');*/
	 overflow: visible;
	 visibility: visible;
	
	
}

.articles h3 {
	background: url(/Images/home/article_bg.jpg) no-repeat;
	height: 134px;
	width: 531px;
	margin: 0px auto;
	padding: 0px;
	text-indent: -9000px;
}
.articles  p.footer   {
	background: url(/Images/home/article_footer.jpg) no-repeat left bottom;
	height: 61px;
	margin: 0px;
	padding: 0px;
	position: relative;
	border-width: 0px;
	border-style: none;
}
.news h2 {
	background: url(/Images/home/news_h2.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 45px;
	text-indent: -9000px;
}
.news {
	width: 546px;
	position: relative;
	background: url(/Images/home/article_wrap.jpg) repeat-y;
	margin-bottom: 20px;
}
.news p a {
	text-decoration: none;
	position: absolute;
	height: 50px;
	width: 200px;
	right: 0px;
	text-indent: -9000px;
	bottom: 0px;
}
.news ul {
	list-style: none;
	margin: 5px 0px 5px 5px;
	padding: 0px;
}
.news ul li {
	background: url(/Images/home/article_li.jpg) no-repeat;
	height: 40px;
	margin: 2px 0px;
	padding: 0px;
	color: #FF0000;
	font-size: .7em;
	font-weight: 700;
	line-height: 40px;
	text-indent: 20px;
}
.news ul a {
	text-decoration: none;
	color: #B91226;
}
.news ul a:hover {
	text-decoration: underline;
	color: #B91226;
}



.news h3 {
	background: url(/Images/home/news_bg.jpg) no-repeat;
	height: 138px;
	width: 532px;
	margin: 0px auto;
	padding: 0px;
	color: #B71521;
	font-size: 0.9em;
	font-weight: normal;
	text-indent: 10px;
}
.news .newsSnippet {
	position: absolute;
	font-size: 0.7em;
	top: 70px;
	left: 15px;
	width: 220px;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}

.news  p.footer {
	background: url(/Images/home/article_footer.jpg) no-repeat left bottom;
	height: 61px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.news .full_article {
	background: url(/Images/home/full_article.png) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 29px;
	width: 141px;
	display: block;
	text-decoration: none;
	text-indent: -9000px;
	position: absolute;
	top: 140px;
	left: 15px;
}

.news .full_article {
     *background-image: none;
     /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/home/full_article.png', sizingMethod='scale');*/
	 overflow: visible;
	 visibility: visible;
}
/*---------------------------------------------- front page Articles & News -----------------------------------------*/



/*---------------------------------------------- side bar ----------------------------------------------------------*/



.saveCash h2 {
	background: url(/Images/sidebar/save_cash.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 99px;
	text-indent: -9000px;
}
.saveCash {
	width: 310px;
	position: relative;
	background: url(/Images/sidebar/sidebar_bg.jpg) repeat-x left bottom;
	margin-bottom: 30px;
	font-size: 0.9em;
}
.saveCash .go {
	position: absolute;
	right: 0px;
	bottom: 0px;
	border-width: 0px;
	border-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
	
	}
.saveCash .browse {
	background: url(/Images/sidebar/sidebar_footer.jpg) no-repeat left bottom;
	display: block;
	font-weight: 700;
	text-decoration: none;
	color: #B71814;
	font-size: 0.8em;
	text-indent: 20px; /* Still testing*/
	padding-bottom: 18px;
}

/*--Remove padding left for all p instances in sidebar --*/

.saveCash p {
	
	padding-right: 5px;
	/* padding-left: 5px; */
	
	
	
}
.competition h2 {
	background: url(/Images/sidebar/competition.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 78px;
	text-indent: -9000px;
}
.competition {
	width: 310px;
	position: relative;
	background: url(/Images/sidebar/sidebar_bg.jpg) repeat-x left bottom;
	margin-bottom: 30px;
	font-size: 0.9em;
}
.competition .go {
	position: absolute;
	right: 0px;
	bottom: 0px;
	border-width: 0px;
	border-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
.competition .browse {
	background: url(/Images/sidebar/sidebar_footer.jpg) no-repeat left bottom;
	display: block;
	font-weight: 700;
	text-decoration: none;
	color: #B71814;
	font-size: 0.8em;
	text-indent: 20px; /* Still testing */
}
.competition p {
	
	padding-right: 5px;
	/* padding-left: 5px; */
}
.help h2 {
	background: url(/Images/sidebar/help.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 105px;
	text-indent: -9000px;
}
.help {
	width: 310px;
	position: relative;
	background: url(/Images/sidebar/sidebar_bg.jpg) repeat-x left bottom;
	margin-bottom: 30px;
	font-size: 0.9em;
}
.help .go {
	position: absolute;
	right: 0px;
	bottom: 0px;
	border-width: 0px;
	border-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
.help .browse {
	background: url(/Images/sidebar/sidebar_footer.jpg) no-repeat left bottom;
	display: block;
	font-weight: 700;
	text-decoration: none;
	color: #B71814;
	font-size: 0.8em;
	text-indent: 20px; /* Still testing*/
}
.help p {
	
	padding-right: 5px;
	/* padding-left: 5px; */
}

/*-- Keep specificity as link is class used by Rad Menu --*/

.useful .link {
	color: #B71814;
	font-weight: 700;
	text-decoration: none;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	/* text-indent: 20px; */
}

.useful h2 {
	background: url(/Images/sidebar/useful.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 81px;
	text-indent: -9000px;
}
.imgLft {
	float: left;
	margin-left: 5px;
	margin-right: 10px;
}

.useful {
	width: 310px;
	position: relative;
	background: url(/Images/sidebar/sidebar_bg.jpg) repeat-x left bottom;
	margin-bottom: 20px;
	font-size: 0.9em;
}
.useful .go {
	position: absolute;
	right: 0px;
	bottom: 0px;
	border-width: 0px;
	border-style: none;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
.useful .browse {
	background: url(/Images/sidebar/sidebar_footer.jpg) no-repeat left bottom;
	display: block;
	font-weight: 700;
	text-decoration: none;
	color: #B71814;
	font-size: 0.8em;
	text-indent: 20px; /* Still testing*/
	clear: both;
}
.useful p {
	
	padding-right: 5px;
	/* padding-left: 5px; */
	margin: 0px;
}


/*---------------------------------------------- side bar -----------------------------------------*/


/*----------------------------------------------------Horizontal Lines -------------------------------------------*/
.narrow-hr 
{
   display: none; 
    }
 
.fitter-results-hr 
{
   background:  url(/Images/content/fitter-results-hr.jpg) no-repeat;
   width:496px;
   height: 30px;
   
    } 
    
  



/*---------------------------- search resluts / also used in contact.html as the div wrapper --------------------------*/

.results {
	background: url(/Images/home/article_wrap.jpg) repeat-y;
	width: 546px;
	margin: 0px;
	padding: 0px 0px 12px;
	font-size: 0.9em;
}
.results_header   {
	background: url(/Images/content/content_top.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px ; /* Revise this */
	font-size: 0.9em;
	color: #557375;
	text-indent: 20px;
	font-weight: normal;
	position: relative;
	line-height: 60px;
	height: 58px;
}

/* Footer Results Steps*/
.results_header .results_steps {
	font-size: 0.8em;
	font-weight: normal;
	color: #B0192A;
	position: absolute;
	top: 0px;
	right: 36px;  /* Needs to be revised as affecting pagination at both top and bottom*/
	margin: 0px;
	padding: 0px;
	width: 250px;
	display: inline;
}

/* Header Results Steps*/

.results_footer .results_steps {
	font-size: 0.8em;
	font-weight: normal;
	color: #B0192A;
	position: absolute;
	top: 0px;
	right: 35px;  /* Needs to be revised as affecting pagination at both top and bottom*/
	margin: 0px;
	padding: 0px;
	width: 250px;
	display: inline;
}



.filter p, .sort p, .many  p {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.filter 
{
    /* Adjust Width and Margin */
	
	width: 284px;
	margin: 0px 0px 0px 20px;
	_margin: 0px 0px 0px 10px;
	padding: 0px 5px 10px ;
	font-size: 0.8em;
	border: 2px solid #ccc;
	float: left;
}
.sort {
	width: 160px;
	
	padding: 0px 5px 10px;
	
	font-size: 0.8em;
	border: 2px solid #cdcdc0;
	float: right;
	margin: 0px 32px 0px 0px;
	_margin: 0px 0px 0px 20px ;
	.margin: 0px 20px 0px 0px;
	
}
.many {
	font-size: 0.8em;
	width: 160px;
	background: #E2E4D7;
	border: 1px solid #999999;
	margin: 36px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
.manyForm {
	width: 160px;
	position: absolute;
	top: 60px;
	right: 20px;
}

.results .problem {
	clear: both;
	padding-top: 10px;
	font-size: 0.8em;
	margin: 0px;
	height: 40px;
}
.search_result {
	background: url(/Images/results/results_wrap.jpg);
	width: 500px;
	margin: 0px auto 30px ;
	position: relative;
	
}
.search_result img {
	
	margin-top: 20px;
	
	
}
.search_result h2 {
	background: url(/Images/results/result_header.jpg) no-repeat;
	margin: 0px;
	text-align: right;
	font-size: 0.9em;
	
	
	/* Revise this*/
	
	
	
	
	
	
	
	
	
	
}
.search_result h2 span {
	background: #E2E4D7;
	border: 1px solid #999999;
	position: absolute;
	top: 40px;
	right: 20px;
	width: 160px;
	text-align: center;
}
.search_result .findAfitter {
	margin: 0px;
	padding: 50px 0px 0px;
	background: url(/Images/results/result_footer.jpg) no-repeat left bottom;
}
.search_result .fitter {
	position: absolute;
	background: url(/Images/results/find_fitter.jpg) no-repeat;
	text-indent: -9000px;
	right: 2px;
	height: 40px;
	width: 186px;
	bottom: 7px;
}
.find-a-fitter-btn {
	
	background: url(/Images/results/find-fitter-btn.jpg) no-repeat;
	

	height: 40px;
	width: 186px;
	border: none;
	
}


 



.resultImg {
	float: left;
	margin: 0px;
	padding: 18px 0px 0px 30px;
	
	width: 57px;
	height: 93px;
}
.search_result .resultDescription {
	padding-left: 130px;
	padding-right: 20px;
	background: url(/Images/results/result_header.jpg) no-repeat;
	padding-top: 20px;
}
.search_result .make {
	margin: 10px 0px 0px 0px ;
	padding: 0px;
	width: 180px;
	font-size: 0.7em;
	line-height: 1.2em;
}

.filter  legend, .sort legend {
	color: #716F64;
	margin: 0px;
	padding: 0px;
}
.results form {
	margin: 0px;
	padding: 0px;
}


.results_footer {
	background: url(/Images/results/results_footer.jpg) no-repeat;
	margin: 0px 0px 0px 0px;
	.margin: -44px 0px 0px 0px;
	padding: 0px;
	font-size: 0.9em;
	color: #557375;
	text-indent: 20px;
	height: 60px;
	font-weight: normal;
	position: relative;
	line-height: 60px;
	clear:both;
}



/*-----------------------------------------------Brand Chooser/ Brand Results------------------------------------------*/
.brand-results-list {
	float: left;
	width: 166px;
	font-size: 0.85em;
	
	height: 365px;
	background: url(/Resources/Images/shop/shopdefault_brand-browser-bg.jpg) no-repeat;
	
	/* display:inline; */
	margin: 0px 5px 0px 5px ;
	_margin:  0px -15px 0px 2px;
	
	
	
}
.brand-results-list h3 {

	height: 32px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 12px;
	background-repeat: no-repeat;
	font-size: 1em;
	
	
}
.brand-results-list img {
	float: left;
	padding-left: 30px;
	padding-top: 26px;
}
.brand-results-list-options {
	clear: both;
	float: left;
	width: 144px;
	text-align: center;
}
.brand-results-list-options li {
	text-align: center;
	list-style-type: none;
	padding-top: 2px;
	width:100%;
	padding-left:11px;
	
}


.brand-results-list-options li a:link, .brand-results-list-options li a:visited, .brand-results-list-options li a:active  {
	font-weight: normal;
	text-align:center
	
}

.brand-results-list-options li a:hover {
	font-weight: normal;
	text-decoration: underline;
	
}
/*---------------------------------------------Brand Listing Header/--------------------------------------


*/
.brand-listing-header-options {
	float: right;
	width: 400px;
}
.brand-listing-header img {
	float: left;
}
.brand-listing-header-options li {
	float: left;
	list-style-type: none;
	padding-right: 12px;
	padding-top: 12px;
}
.brand-listing-header-options p {
	font-size: 14px;
	font-weight: bold;
	color: #466869;
	padding-top: 9px;
}


/*---------------------------- search results / also used in contact.html as the div wrapper --------------------------*/


/*---------------------------------------------Content Inner used to wrap all content within content ----------------------------------*/

/*---------- Notes attached -------*/
.contentInner 
{
   margin-left: 18px; 
   font-size: 0.85em;
    
    }
  .contentInner-2 
{
   margin-left: 18px; 
   margin-right: 8px; 
   font-size: 0.85em;
    
    }
 .contentInner3 
{
   margin: 0px 0px 0px 18px; 
   font-size: 0.85em;
   height: 24px;
  
  
    
    }

.sessionWaring 
{
	background: url(/resources/images/warning.jpg) left top no-repeat;
   margin-left: 0px;
   margin-top: 10px; 
   font-size: 0.85em;
   padding-left: 36px;
    
    }

/*---------------------------- contact page form--------------------------*/

.contactFrm 
{
   background: url(/Images/home/article_wrap.jpg) repeat-y;
	width: 546px;
	margin:26px 0px 0px 0px;
	padding: 0px 0px 12px;
	
	/* IE6 */
	_margin: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	

}
.contactFrm label {
	display: block;
}
.contactFrm .name, .contactFrm .email, .FormField  {
	border: 1px double #c8d1d1;
	width: 200px;
	_width: 140px; /* IE6 Comments*/
	
}
.contactFrm .message {
	border: 3px double #214949;
	height: 200px;
	width: 300px;
	_width: 200px;  /* IE6 Comments*/
	font-family: Arial, Helvetica, sans-serif;
}

.contactFrm .submit {
	background: #E4E6D9 url(/Images/sidebar/side_go.jpg) no-repeat right top;
	height: 57px;

	width: 300px;
	_width: 200px; /* IE6 Comments*/
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}


.contactFrm span {
	font-size: .8em;
}

/*---------------------------- contact page form--------------------------*/










/*---------------------------------Rad Menu----------------------------- */

/* Remember to replace #ctl00_Header1_RadMenu1 with the Rad menu Class for specificity */

#ctl00_Header1_RadMenu1 {

background-color:transparent;
background-image: none;
margin-top: 24px;
margin-left: 124px;
border:none;        /* FF has effect on Logo when this property removed */
}


#ctl00_Header1_RadMenu1 li a {
background-color:transparent;
background-image: none;
border:none;  /* Removes Side Border on the Top Level menu */



}

#ctl00_Header1_RadMenu1 li a .wrap {
background-color:transparent;
background-image: none;

}

#ctl00_Header1_RadMenu1 li a .innerWrap {
background-color:transparent;
background-image: none;
border:none;
}

/* Customise for Rad */

#ctl00_Header1_RadMenu1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 545px;
	position: absolute;
	left: 450px;
	bottom: 5px;	
}


#ctl00_Header1_RadMenu1 .rootGroup .link {

color:#b7be9d;	
}
#ctl00_Header1_RadMenu1 .level1 .link {

color:#466868;	
}


#ctl00_Header1_RadMenu1 .rootGroup .text  /* Dividor between list items on the top level menu */
{
   background:url(/Images/content/main-nav-li-dividor.gif) no-repeat left center; 
   padding: 0px 12px 0px 12px;
  
    }

#ctl00_Header1_RadMenu1 .horizontal a:hover {
	color: #ffffff;
	font-weight: bold;
}

#ctl00_Header1_RadMenu1 .vertical a:hover {
	color: #000000;
	font-weight: bold;
	
}


#ctl00_Header1_RadMenu1 .level1 .text /* Drop Down List (Level 1 )*/
{
   background:none; 
   border:none; 
  
    }

#ctl00_Header1_RadMenu1 .text /* Transform case in all the links */
{
  text-transform: uppercase;
  
    }

#ctl00_Header1_RadMenu1 .level1 .item {
border: solid 1px #ccd4d4;	/* Border around list items in Level 1 Menu*/
	
}

#ctl00_Header1_RadMenu1 .level1 {

background:url(/Images/content/level1-bg.gif) repeat left top;
border:none; 	
}


/*------------------------   Calendar Input  --------------------------------*/



   
.tyre-details-wrap 
{
    font-size: 0.9em;
    
    }

.tyre-details-wrap h1 
{
    font-size: 1.9em;
    
    }


.fitter-search-btn 
{
    cursor: hand;
    
    }
    
.thickbox 
{
    
    width: 900px;
    
    }
    
.anchor-text 
{
    color: #333333;
    font-weight: normal;
    
    }
    

.payment-expiry-day { width: 42px; margin-left: 2px; margin-right: 4px; }

.payment-expiry-year {width: 58px; margin-left: 2px; margin-right: 2px;}


.tyre-brand-header-bg 
{
    
background:url(/Resources/Images/shop/shopdefault_tyre-brand-header-bg.jpg) repeat left top;
float: left;
width: 340px;
height: 84px;
margin: 10px 10px 10px 7px  ;



}


.tyre-brand-header-bg p 
{
    
margin-top: 14px;
margin-left: 10px;
margin-bottom: 6px;
font-size:100%

}


.tyre-brand-header-bg img 
{
    
float:right;
margin-right: 30px;

}



/* Selector */

.tyre-brand-header-selector 
{
    
background:url(/Resources/Images/shop/shopdefault_tyre-brand-header-bg.jpg) repeat left top;
float: left;
width: 340px;
height: 84px;
margin: 10px 0 10px 0px;
}


.tyre-brand-header-selector   select
{
    display:inline;


}
.tyre-brand-header-selector > div > span > p { /*FILTHY*/
display:inline}

.tyre-brand-header-selector > div > span input {
background: url(/resources/Images/shop/shopdefault_tyreSearch_go_btn.png) no-repeat 0 0;
}

.contentWrap .oneCol .tyre-brand-header-selector .submit_btn 
{


}


div.tyre-brand-header-selector p

{
margin-top: 14px;
margin-left: 22px;
margin-bottom: 6px;
    
    }   

div.tyre-brand-header-selector .submit_btn {
    background: url(/Resources/Images/shop/tyreSearch_go_btn.png) no-repeat;
    width: 105px;
    height: 27px;
    border: 0;
    cursor:hand;
    cursor:pointer;
    margin: 5px 0 0 5px}

.brand-results-footer 
{
  
  
  
  
   width: 143px;
   height: 22px;
   float: left;
   margin-left: -18px;
    }
      
      
      
 /* Sidebar Spotlight */    


/* Sidebar */
.sidebar {
	width: 300px;
	float: left;
	margin-bottom: 18px;
	padding-bottom: 18px;
	font-size: 0.95em;
	margin-top: 60px;
}

/* Sidebar Spotlight*/ 
.sidebar-spot {
	background: url(/Images/content/side-bar-gradient-bg.jpg) left top no-repeat;
	width: 300px;
	margin-top: 30px;
}
.sidebar-spot a:hover {
	text-decoration: underline}


.sidebar-spot-foot {
	background: url(/Images/content/wht-corner.png) left bottom no-repeat; 
	/* _background: url(images/wht-corner-ie.png) no-repeat left bottom ;
	.background: url(images/wht-corner-ie.png) no-repeat left bottom ; */
	padding: 0px 0px 18px 0px ;
}


.sidebar-spot-foot a:link, .sidebar-spot-foot a:visited, .sidebar-spot-foot a:active {
	text-decoration: none;
	
}


.sidebar-spot-foot a:hover 
{
    text-decoration: underline;
    color: #b91226;
    
    }


.sidebar-spot-foot img {
	border: none;
}


/* IE  PNG Fix */

* html .sidebar-spot-foot
{

     *background-image: none;
     /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wht-corner.png', sizingMethod='scale');*/
	 overflow: visible;
	 visibility: visible;
	 /* padding: 0px 0px 18px 0px; */
}

/* End IE 6 PNG Fix*/


.sidebar-spot p {
	margin:20px 0px 20px 0px;
}

.sidespot-submit-btn     {
	float: right;
	margin: -48px 0px 0px 0px;
}





/*--------------- Hand Cursor for all Background Images used in Buttons-----------*/

.hand-cursor 
{
   cursor:hand;
    
    }
    
/*---------------------- Form Hints --------------------------*/

/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
    
}

/*------------------------------ jMyCarousel ----------------------------------------*/
.jMyCarouselWrap 
{
    height: 42px;
   width: 960px;
   border:none;
  background: url(/Resources/Images/home/brands-scroller-bg.jpg)  no-repeat;
  margin: 0px;
  
 
  
  
  
 
  
    
    }
.jMyCarouselWrap .jMyCarousel 
{

 margin-left: 58px;  
 border: none;
 height: inherit;
  
}

.jMyCarouselWrap .jMyCarousel .brands {
	height: 40px;
	overflow: hidden
	}


.jMyCarouselWrap .jMyCarousel .brands li a:link
{

 text-decoration: none;
  border:none;

}
.jMyCarouselWrap .jMyCarousel .brands li
{
    margin-top: 1px;
    margin-right: 1px;
   
height: 40px;
}

.jMyCarouselWrap .jMyCarousel .brands li a img
{
    

 text-decoration: none;
  border:none;
}


/* Drop down fix for Tyre Search Options in Tyre Search Results*/

.manufacturer-dropdown 
{
    width: 110px;
    }
    
    
/*------------------------------------------------- PNG Fix----------------------------------------*/

* html .logo
    

{

     
     /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/logo.png', sizingMethod='scale');*/
	overflow: visible;
	visibility: visible;

}

* html .tyreFinder
    

{


     /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Resources/Images/home/finder.png', sizingMethod='scale');(*/
	overflow: visible;
	visibility: visible;

}

* html .tyres

{

     *background-image: none;
     /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Resources/Images/home/tyres.png', sizingMethod='scale');*/
	overflow: visible;
	visibility: visible;

}



#ctl00_Header1_RadMenu1 .rootGroup .text {
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; BACKGROUND: url(/Images/content/main-nav-li-dividor.gif) no-repeat left center; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; cursor: hand; cursor: pointer
}

/*Sitemap*/

.sitemap-links li {list-style-type: none; line-height: 30px;}

.sitemap-links li ul li a {font-size: 12px;}



/************ Feedback Form ***************/

.feedback_choice {
    border: 1px solid #C5CAB3;
    padding: 6px;
    margin-top: 16px;
    display: block;
    width: 400px}
    
.feedback_choice label {
    padding-left: 2px; 
    padding-right: 20px; 
    border-right: 1px solid #ccc}
    
.feedback_choice input {
    margin-left: 10px}

.feedback_multitext { 
    width: 400px; 
    height: 180px;
    margin-bottom: 12px;
    margin-top: 16px}

.feedback_submit {}

/************ Fitter Search Results Control (updates) ***************/

h4.fitter-opening {
    font-size: 12px;
	color: #375b5b;
	font-weight: bold}
  
dl.fitter-opening, dl.fitter-opening dt, dl.fitter-opening dd { 
    padding:0;
    margin:0;
    margin-bottom: 2px;
    float: left}
    
dl.fitter-opening {
    width: 200px;
    margin: 16 0 0 3px; 

    border-bottom: 1px dashed #ccc}
dl.fitter-opening dt {width: 120px; border-top: 1px dashed #ccc}  
dl.fitter-opening dd {width: 80px; border-top: 1px dashed #ccc}  
    
.fitter-distance li {font-size: 11px}
.indent5 {margin-left: 16px}




/* Fitter Summary Changes */

.whats-included {
	float: left;
	/* width: 380px; */
	margin-top: 14px;
	.margin-top:20px;
	position: relative;
	font-size: 1.0em;
	background: transparent url(/Resources/Images/shop/shopdefault_whats-included-bg.png) no-repeat scroll 0% 0%; 
	font-weight: normal; 
	font-size: 78.1%;  
	width: 508px; 
	height: 60px; 
	padding-left: 40px;
}


.whats-included span {
	color: #000;
	padding-top:0;
	display:inline-block;
	margin-top:9px
	
}


.leftContent .content .checkout-address-form li .required-red 
{
                                                   
	color: #FF0000;
                                                                  

}

.ContentList  
{
    margin-top: 12px;	
	font-size: 0.85em;
}

.ContentList li {
	list-style: none;
	background: url(/Images/bullet.jpg) no-repeat left 7px;
	margin: 3px 0px 3px 18px ;
	padding: 0px 0px 0px 20px;
	font-size: 0.95em;
}


.address-tick input{
width: 24px !important

}


.tcsandcsscroller{
	width:480px;
	height:200px;
	background-color:#ffffff;
	overflow:auto;
	border: 1px solid #dddddd;
	padding:4px;
}

.article-ol {
    padding-left:20px
    }

.article-ol li {
    margin-bottom:8px
    }
    
.article-ol li p {
    font-size:100%;
    line-height:1.4em}
    
    
    
    
html {
    background-color: #fff}    

#wrapper {
    background: url(/Resources/Images/shop/shopdefault_wrapper_bg.png) top left repeat-x;
    background-color: #fff;
    width:726px;
    margin: 0 auto;
    padding: 30px 0}    
    
.wrapper {
    width:726px;
    margin: 0 auto;
    padding-top:20px}  
    
.inner-wrapper {
    width:560px;
    margin: 0 auto}
    
a:link, a:visited {color:#607C7D}

    
#header {
background:url("/Images/header_bg.jpg") repeat-x scroll 0 0 #607C7D;
    height: 113px}
    
    #header .logo {
    background: url(/Images/logo.png) 0 0 no-repeat;
    width:280px;
    height:117px;
margin-top:-12px;
    }

body {
    font-family: Helvetica, Arial, Verdana, sans-serif}
    
/* Footer */

#footer {
clear:both
}

#footer .wrapper {
    padding: 4px 0;
    font-size: 12px;
    color: #666;
    background-color:#e7e7e7
    }
    
    #footer .wrapper p {
    padding-left: 6px}
    
/* Tyre Finder / Brand Finder*/

.tyreFinder {
	background: url(/Resources/Images/shop/tyreSearch_tyreFinder_bg.jpg) no-repeat;
	height: 180px;
	width: 546px;
	position: relative; 
	margin-bottom: 20px;
	margin-top: 30px;	
}

.tyreFinder span {
	position: absolute;
	left: 20px;
	bottom: 35px;
	padding: 0px;
	margin: 0px;
	width: 548px;	
}

.tyreFinder select {
	width: 85px;
	font-size: 0.7em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 20px;

/* IE7 Fix*/	
	.margin-right: 2px;
	.margin-left: 2px;
}

.tyreFinder .submit_btn, #TyreSizeSearchButton {

    WIDTH: 78px;    
	HEIGHT: 95px; 
	cursor: hand; 
	cursor: pointer;	
	BACKGROUND: url(/Images/home/go.gif) no-repeat; 
}


.GoHomeBtn #TyreSizeSearchButton {		
    position:relative;
    left: 510px;
    top: -60px;
    width: 105px;    
	height: 27px; 
	cursor: hand; 
	cursor: pointer;	
	border: 0 none;
	background: url(/Resources/Images/shop/gtg_tyreSearch_go_btn.png) no-repeat; 
    }

.tyreFinder p {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.body-fontsize {
    font-size: 1.3em;}

.FindTyreBtn #HomeTyreSelector {
    margin: 0 auto}

/*--------------------------brand finder----------------------------------*/

.brandFinder {
	background: url(/Resources/Images/shop/tyreSearch_brandFinder_bg.jpg) no-repeat;
	height: 182px;
	width: 546px;
	margin: 0 auto 
}

.brandFinder select {
    float: left;
	width: 140px;
	font-size: 0.7em;
	padding: 0px;
	height: 20px;	
	margin-top: 120px;
}
.brandFinder .submit_btn {
    float: left;
	border-style: none;
	border-width: 0px;
	background: url(/Resources/Images/shop/gtg_tyreSearch_go_btn.png) no-repeat;  
	height: 27px;
	width: 105px;
	margin-left: 16px;
	margin-top: 115px;
	cursor: hand;
	cursor: pointer;
}

.brandFinder p {
	float: left;
}

.brandFinder input {
	float: left;
}

.brandFinder span {
		float: left;
		margin-left: 264px;
}




.results {
	background: url(/Resources/images/shop/shopdefault_results_mid.png) repeat-y;
	width: 546px;
	margin: 0px;
	padding: 24px 10px;
	display:table;
	font-size: 0.9em;
	padding-left:20px;
}


.results > p {
padding:6px;
padding-left:20px
}
.results fieldset {
margin-left:0px}

.results_header   {
	background: url(/Resources/images/shop/shopdefault_results_header.png) no-repeat left top;
	margin: 0px;
	padding: 0px ; /* Revise this */
	font-size: 0.9em;
	color: #000;
	text-indent: 20px;
	font-weight: normal;
	position: relative;
	line-height: 60px;
	height: 60px;
}

/* Footer Results Steps*/
.results_header .results_steps {
	font-size: 0.8em;
	font-weight: normal;
	color: #999;
	position: absolute;
	top: 0px;
	right: 36px;  /* Needs to be revised as affecting pagination at both top and bottom*/
	margin: 0px;
	padding: 0px;
	width: 250px;
	text-align: right;
	display: inline;
}

/* Header Results Steps*/

.results_footer .results_steps {
	font-size: 0.8em;
	font-weight: normal;
	color: #999;
	position: absolute;
	top: 0px;
	right: 36px;  /* Needs to be revised as affecting pagination at both top and bottom*/
	margin: 0px;
	padding: 0px;
	width: 250px;
	display: inline;
	text-align: right;
    }

.results {
    padding-bottom:20px;
    }

.filter p, .sort p, .many  p {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.filter 
{
    /* Adjust Width and Margin */
    margin-right: 10px;	
	padding: 0px 5px 10px ;
	font-size: 0.8em;
	border: 2px solid #ccc;
	float: left;
}
.sort {
	width: 160px;	
	padding: 0px 5px 10px;	
	font-size: 0.8em;
	border: 2px solid #ccc;
	float: left;
	margin: 0;
	clear:none	
}
.many {
	font-size: 0.8em;
	width: 160px;
	background: #E2E4D7;
	border: 1px solid #999999;
	margin: 36px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
.manyForm {
	width: 160px;
	position: absolute;
	top: 60px;
	right: 20px;
}

.results .problem {
	clear: both;
	padding-top: 10px;
	font-size: 0.75em;
	margin: 0px;
	height: 40px;
}
.search_result {
	background: url(/Images/results/results_wrap.jpg);
	width: 500px;
	margin: 0px auto 30px ;
	position: relative;
	
}
.search_result img {	
	margin-top: 20px;
	
	
}
.search_result h2 {
	background: url(/Images/results/result_header.jpg) no-repeat;
	margin: 0px;
	text-align: right;
	font-size: 0.9em;
	
	
}
.search_result h2 span {
	background: #E2E4D7;
	border: 1px solid #999999;
	position: absolute;
	top: 40px;
	right: 0px;
	width: 160px;
	text-align: center;
}
.search_result .findAfitter {
	margin: 0px;
	padding: 50px 0px 0px;
	background: url(/Resources/images/shop/shopdefault_results_header.png) no-repeat left bottom;
}
.search_result .fitter {
	position: absolute;
	background: url(/Images/results/find_fitter.jpg) no-repeat;
	text-indent: -9000px;
	right: 2px;
	height: 40px;
	width: 186px;
	bottom: 7px;
}
.find-a-fitter-btn {
	
	background: url(/Images/results/find-fitter-btn.jpg) no-repeat;
	height: 40px;
	width: 186px;
	border: none;
	cursor:pointer;
	cursor:hand;
	
}


.resultImg {
	float: left;
	margin: 0px;
	padding: 18px 0px 0px 30px;	
	width: 57px;
	height: 93px;
}
.search_result .resultDescription {
	padding-left: 130px;
	padding-right: 20px;
	background: url(/Images/results/result_header.jpg) no-repeat;
	padding-top: 20px;
}
.search_result .make {
	margin: 10px 0px 0px 0px ;
	padding: 0px;
	width: 180px;
	font-size: 0.7em;
	line-height: 1.2em;
}

.filter  legend, .sort legend {
	color: #ccc;
	margin: 0px;
	padding: 0px;
}
.results form {
	margin: 0px;
	padding: 0px;
}


.results_footer {
	background: url(/Resources/images/shop/shopdefault_results_footer.png) no-repeat;
	margin: 0px 0px 0px 0px;
	.margin: -44px 0px 0px 0px;
	padding: 0px;
	font-size: 0.9em;
	color: #000;
	text-indent: 20px;
	height: 60px;
	font-weight: normal;
	position: relative;
	line-height: 60px;
	clear:both;
}

.postcode-search {
    background: url(/Resources/images/shop/shopdefault_results_header.png) no-repeat left top;
    height:82px;
    width:546px;
    margin:0 auto;
    padding-top:20px
}

.postcode-search .fitter-search-btn {
    display: inline-block;
    position: relative;
    /* top: -20px; */
    /* left: 230px; */
    margin:0;
    float:left;
    background: url(/Resources/Images/shop/tyreSearch_go_btn.png);
    height:27px;
    width: 105px;
    .left:220px;
    .top:-24px
    }
    
.postcode-search span.bottom{
    background: url(/Resources/images/shop/shopdefault_results_footer.png) no-repeat left bottom;
    height:50px;
    width:546px;
    display:block;
    .height:15px;
    .margin-top:-12px
    }

.postcode-search #SpanErrorMessage {
padding:3px;
color: #f00;
text-align:left;
width:190px}

h2.title {
    width:546px;
    margin: 0 auto;
    background: none;
    padding: 10px 0;
    display:block
    }
    
    
.middle-wrapper {
width:546px;
margin: 0 auto;}

.middle-wrapper .results{
padding:0 !important
}


#ctl00_ContentPlaceHolder1_PanelCartEmpty { 
text-indent: 16px}

.tyre-details-wrapper .TbTyreBrandHeader h1 {
background: none;
color: #000
}


.content.fitting-summary {
width:546px;
margin: 0 auto}

    .content.fitting-summary #ButtonChangeFitter {
    margin-left:366px;
    margin-top:10px}

.FitterDetailsHeader,
.FitterDetailsWrapper,
.FitterDetailsFooter {
margin-left:0;
clear:both}

.FitterDetailsWrapper {height:auto}
.FitterDetailsFooter {
    clear:both;
    margin-top:0;
    margin-bottom:0}

.content.fitting-summary h4.fitter-opening {
text-indent: 10px
}

.FitterDetailsWrapper {
padding:5px 12px;
height:240px}

    .FitterDetailsWrapper h4.fitter-name,
    .FitterDetailsWrapper p.FitterHalfBlock {
    padding-left:8px;
    width: 400px;
    height:auto}
    
    .FitterDetailsWrapper h4.fitter-name {
    margin-top:-26px
    }
    
    .FitterDetailsWrapper h4.fitter-opening {
    padding-left:5px}
    
    .fitter-summary-wrap {
    margin-top: 30px}
    
    
.fitter-results-header li {
    color:#000;
    padding: 12px 0 0 5px;
    text-align:left}

    .fitter-details .fitter-name,
    .FitterDetailsWrapper h4.fitter-name {
    color:#0099d8}

    .fitter-details h4.fitter-opening,
    .FitterDetailsWrapper h4.fitter-opening {
    color:#000}
    
    .fitting-header {
    float: left; 
    width:503px; 
    background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsTopBg.jpg) no-repeat left top;
    height: 39px}
    
    
.generic-top {
    background: transparent url(/Resources/images/shop/shopdefault_results_header.png) no-repeat scroll left top;
    height:10px;
    }
    
.generic-mid {
    background: transparent url(/Resources/images/shop/shopdefault_results_mid.png) repeat-y scroll 0 0;

    }
    
.generic-bot {
    background: transparent url(/Resources/images/shop/shopdefault_results_footer.png) no-repeat scroll bottom left;
    height:10px;
    }    
    
    
.inner-wrapper.checkout h1 {
padding-left:14px}

.inner-wrapper.checkout .content h1,    
.inner-wrapper.checkout .content h2,
.inner-wrapper.checkout .content h3,
.inner-wrapper.checkout .content h4,
.inner-wrapper.checkout .content p,
.inner-wrapper.checkout .content img {
padding-left:16px}

.inner-wrapper.checkout .content h4 {
padding: 6px 20px;}

.inner-wrapper.checkout .content p {
padding-bottom:22px}

.inner-wrapper.checkout .content .contentInner {
width:500px
}


    .boxgrey-top {
        width: 503px;	
        background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsTopBg.jpg) no-repeat left top;
        margin-left: 18px;
        height: 23px}
    
    .boxgrey-bottom {
    clear:both;
    margin-left: 20px;  
    _margin-left: 10px;
    width: 503px; 
    height: 53px; 
    background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsBtm.jpg) no-repeat -20px 0px
    }
    
    
h4.fitter-h4-items-ordered {
margin-bottom:0px
}


p.fitter-summary-changes {}


.conf-fitter-details{
padding-left:18px}


ul.confirmation-details.checkout {
background: none;
width:503px
}

.checkout.boxtop {
height:23px;
background: url(/Resources/Images/shop/shopdefault_FitterSearchResultsTopBg.jpg) no-repeat left top;
margin-left:0
}