/*-----------------------------
		Retail Pages Structure 
	-------------------------------*/
		body {
        background-position: center;
        background-image: url(   "/images/RetailSite/gradient.jpg" );
        width: 960px; /*Set this to the width of the body containing content*/
        margin: 0 auto; /*this tells the browser to centre it - Not supported in IE in quirks mode, works for Opera, FF, Safari */
        font-family: verdana;
        font-size: 11px;
        text-align: center;
      }
  	
	/*-----------------------------------------------
		Header Layout for all pages in the site 
	-------------------------------------------------*/  	
  	
  	/* Header for the site */
		#RetailHeader {
			width:960px;
			Height:100px;
			/*background-image: url("/images/RetailSite/OBTempBanner.jpg");*/
			background-image: url("/images/RetailSite/homepagebanner.jpg");
			background-repeat: no-repeat;
			background-position: left top;
			margin:0 auto;			
			float:left;
			text-align:left;
            /*border:solid 1px yellow;*/
		}
		
		/*small cheat to push the table with the navigation links down...*/
		#HdrSpacer {
			height:55px;
            min-height:55px;
            /*border:solid 1px yellow;*/
		}
		
		td.HdrNav {
			color:white;
			/*width:75px;*/
			text-align:center;
			font-size:14px;
			padding:5px;
		}
		
		td.HdrNavDiv {
			color:white;
			width:3px;
			text-align:center;						
		}
		
		#tblMenu table{
		  margin-top:0px;
		}
		
		.HdrTxt{
			color:#FFFFFF;
			font-size:15px;
			text-align:left;
		}
		
		.hdrLink {color:#FFFFFF;
			text-decoration:none;
			text-align:center
		}
		.hdrLink:hover{color:yellow;}		
		
		#divMenu {
		border:1px solid;
		text-align:left;
		background-color:#4A4A4A;
		color:White;
		font-size:11px;
		width:120px;
		display:block;
		
		}
		
		.hdrLinkMnu {
		  color:#FFFFFF;
		  text-align:left;
		  font-size:12px;
		  width:inherit;
		  text-decoration:none;
		  padding-top:5px;
		  padding-bottom:5px;
		  padding-left:1px;
		 }
		 
		.hdrLinkMnu:hover {
		  background-color:Silver;
		 }
	/*-----------------------------
		End Header Layout 
	-------------------------------*/			
		
	/*-----------------------------------------------
		standard text fonts applied on the site
	-------------------------------------------------*/			
		
    /* div that holds the main body of the webpage for all pages */
		#content-body{
			width:960px;			
			color:white;
			text-align:left;
		}		
		
		.NormalTxt{
			color:#FFFFFF;
			font-size:13px;
			text-align:left;
		}		
		
		.NormalTxtBlack{
			color:#000000;
			font-size:13px;
			text-align:left;
		}			
		
		.TermsTxtBlack{
			color:#000000;
			font-size:11px;
			text-align:left;
		}				
		
		.WhiteTxt{
			color:white;
			font-size:13px;
			text-align:left;
		}

		.homePageImgs{
			width:730px;
			padding:10px;
			background-color: #FFFFFF;
			text-align:center;
			float:left;
		}
		
		img {
		  border-width: 0px;
		}
		
	/*-----------------------------------------------
		Layout for RHS on all pages on the site 
	-------------------------------------------------*/		
		.homePageRHS{
			width:200px;
			padding-top:0px;
			padding-left:9px;
			text-align:center;
			float:left;
			color:#FFFFFF;
		}
		
		.RHSText {
		  font-size:12px;
		  font-family:Verdana;
		  color:White;
		}
		
	   .subscribe {
	       text-align:left;
	       width:40px;
	       float:left;
	    }		
		
		.SubscrButton{
			width:92px;
			Height:28px;			
			background-image: url("/images/RetailSite/SubscrButton.jpg");
			background-repeat: no-repeat;
			background-position: left top;
		}
	/*-----------------------------
		End RHS Side Nav 
	-------------------------------*/		
		
	/*-----------------------------------------------
		Layout for LHS Side Nav on Products Page Layout 
	-------------------------------------------------*/
 
   /* div that holds the Side Nav Listing */
   .LHSProdList {
      width:180px;
      float:left;
   }

    /* class for the text in the side nav */
    .divSideNav{		
        font-size:12px;      
        padding-right:15px;
        border-bottom:solid 1px white;
        background-color:#FFFFFF;
        width:155px;
        height:20px;
        line-height:20px;
        vertical-align:middle;
        text-align:right;
        color:#000000;
        text-decoration:none;}

  .divSideNav:hover{
    text-decoration:underline;
    color:Green;
    font-weight:bold
  }

	/*-----------------------------
		End LHS Side Nav 
	-------------------------------*/


	/*----------------------------------------------
		Layout for ItemInfo on Products Page Layout... 
	-----------------------------------------------*/
	
 /* Main Div that holds the item Image & Info... */
 .ItemInfo {
    width:570px;
    float:left;
    background-color:White;
    color:Black;  
 }
 
 /* Div that holds the Item Description....*/
 .ItemHeader {
    width:540px;
    padding:15px;
    height:24px;
 }
 
 /* Div that holds the Main Image for the selected item */
 .ItemImage {
    width:285px;
    float:left;
    text-align:center;
    padding:15px;
 }
 
 /* div that holds the text for the selected item */
 .ItemDetail  {
    width:225px;
    float:left;
    padding:15px;
 }
 
 /* Spacer row between item info and the list of items */
 .ItemSpacer  {
    width:568px;
    height:5px;
    color:black;
    float:left;
    border:solid 1px black;
    background-color:black;
 }
 
 /* Div that holds the items, for the selected product group from the LHS */
 .ItemListing {
    width:570px;
    float:left; 
 }
 
  /* class for the products */
  .divProducts{
      border-bottom:1px solid #000000;
      font-size:11px;
      padding-bottom:5px;
      padding-left:5px;
      background-color:#FFFFFF;
      width:564px;  /*width is 570px - 5px padding*/
      height:20px;
      min-height:20px;
      height:auto;
      text-align:left;
      color:#000000;}
  
  /* class for the text for the products description */
  .ItemList{
    text-decoration:none;
    color:#000000;
    height:20px;
    min-height:20px;
    line-height:20px;
    /*border:solid 1px yellow;*/
    height:auto !important;
  }    

  .ItemList:hover{
    text-decoration:underline;
    color:Green;
    font-weight:bold;
  }

  .ItemListSelected{
    text-decoration:underline;
    color:Green;
    font-weight:bold}
  
    .LabelTest {
        /*border:solid 1px red;*/
    }

  /* class for the price of the item */
  .divProductsPrice{
      font-size:11px;    
      background-color:#FFFFFF;
      text-align:right;
      color:#000000;
      text-align:right;
      } 

 /* formats the textbox shown when the qty is being changed */      
  #dlBasket td input{
    width:30px;
    font-size:11px;
    font-family:Verdana;
    text-align:right;
  }      
 
#UpdateProgress1 div{
    width:120px;
    height:30px;
}

	/*-----------------------------
		End New Pages Structure 
	-------------------------------*/