﻿*
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}
 
body
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    background:#000 url('images/topBackgroundBig.jpg') repeat-x top left;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    color: #666;
}  

.bodyCheckout
{
    background:#fff url('images/topBackgroundBig_Checkout.png') repeat-x top left;
}

form
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

/* For some reason css does not inherit font settings within tables */



/*-----------------------------------------------------------
    Page layout
-----------------------------------------------------------*/

.FirstPageCentre 
{
    /* Fix of -80px as left content width is 160px, force login to look like its in the centre */
}
#mainWrapper
{
    width:1024px;
    min-height:800px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    
}
#topsectionwrapper
{
    float:left;
    width:1012px;
    padding-right:12px;
    height:151px;
}
#topsectionwrapper #CustomerLogo
{   
    float:left;
    background:url('images/topLogo1.png') no-repeat left;
    height:151px;
    width:600px;
}
#CustomerLogo #breadcrumb
{
    margin-top:130px;
    margin-left:12px;
}
#breadcrumb a, #breadcrumb a:visited
{
    color:#cc3300;
}
#topsectionwrapper #topContacts
{
    width:412px;
    height:60px;
    background:#000;
    border-bottom:4px solid #cc3300;
    float:left;
    display:inline;
}
#topContacts .contact
{
    width:106px;
    padding:15px;
    height:30px;
    font-size:8pt;
    text-align:center;
    color:#fff;
    float:left;
    display:inline;
    background:url('images/contactBorder.png') no-repeat left;
}
#headerImages
{
    width:909px;
    height:245px;
    margin-left:auto;
    margin-right:auto;
    padding: 13px 0px 0px 18px;
    
}
#headerImages img
{
    margin-left:2px;
    width:288px;
    height:218px;
}

#sageburyFooter
{
    width:850px;
    margin-left:auto;
    margin-right:auto;
    color:#666;
    text-align: center;
    font-weight:bold;
    font-size:9pt;
    line-height:20px;
}


#MenuPosition
{
    float:left;
    display:inline;
    width:1012px;
    margin-left:12px;
    height:35px;
    line-height:35px;
}
#menuIndent
{
	margin-left:180px;
	float:left;
	display:inline;
}

.Menu
{
    font-family: Arial;
    margin: 0px;
    border: 0px;
    padding: 0px;
    text-align:center;
    
    
}
.MenuStaticMenuItemStyle a, .MenuStaticMenuItemStyle a:visited,
.MenuDynamicMenuItemStyle a, .MenuDynamicMenuItemStyle a:visited,
.MenuDynamicSelectedStyle a, .MenuDynamicSelectedStyle a:visited
{
    padding:9px 20px 9px 20px;
    color:#666666;
    font-family: Arial;
    font-size: 9pt;
    font-weight:bold;
    height:36px;
    background:url('images/topNav_buttonMargin.png') no-repeat right;
}
.MenuStaticMenuItemStyle a:hover
{
    color:#669999;
}
.MenuStaticHoverStyle, .MenuDynamicHoverStyle,.MenuDynamicMenuStyle
{
    color:#669999;
}

.productSearch
{
    margin:50px 0px 0px 215px;
    float:left;
    display:inline;
    width:195px;
    height:25px;
}

#searchBox
{
    background:url('images/searchbox.png') no-repeat top left;
    width:164px;
    height:24px;
    float:left;
    display:inline;
}
#searchBox input
{
    background:transparent;
    padding:0 7px 0 7px;
    width:150px;
    height:24px;
    color:#ca250f;
}
#searchButton 
{
    margin-left:5px;
    float:left;
    display:inline;
    width:24px;
    height:24px;
}

#pageTitle 
{
    margin-bottom:0px;
    margin:0 0 0 20px;
    float:left;
    width:1000px;
}

#pageTitle h1
{
	text-align:left !important;
    color:#CA250F !important;
	font-size:14pt !important;
    font-family:Arial !important;
    font-weight:lighter !important;
    padding:10px 0px 10px 0px;
}
 #leftcontent
{
    width:180px;
    margin-left:12px;
    float:left;
    display:inline;
}
#leftcontent #menuTitle
{
    float:left;
    display:inline;
    width:150px;
    padding-left:30px;
    color:#fff;
    font-size:8pt;
    font-weight:normal;
    background:#000 url('images/leftMenuTopBackGround.png') repeat-x top left;
    text-align:left;
    line-height:29px;
}
#leftcontent #leftMenu a, #leftMenu a:visited
{
    float:left;
    display:inline;
    width:150px;
    padding-left:30px;
    color:#fff;
    font-size:8pt;
    font-weight:normal;
    text-align:left;
    text-decoration:none;
    line-height:35px;
    border-top:1px dotted #fff;
}
#leftcontent #leftMenu a:hover
{
    background:#2f2f2f;
}
#leftMenu .menuItem
{
    background:#930200;
}
#leftMenu .menuItemAlt
{
    background:#ca250f;
}
#leftcontent #leftContentMain
{
    float:left;
    display:inline;
    background:#f0f4f5;
    width:180px;
    min-height:600px;
}

#rightContent
{
    background:#f0f4f5;
    float:left;
    display:inline;
    width:185px;
    min-height:600px;
}

#rightContent #forHire
{
    background:url('images/forHire.png') no-repeat left top;
    width:165px;
    height:121px;
    margin:15px auto 0px auto;
    cursor:pointer;
}

#headerContent
{
    float:left; 
    display:inline;
    height:173px;
    width:647px;
    background:#ca250f;
    margin-right:185px;
}
#content
{   
    float:left;
    display:inline;
    width:647px;
    min-height:600px;
    background:#fff;
}

.innerBorder
{
/*    background-image:url('images/subCategory_frame.png') left no-repeat;
    width:212px;
    height:135px;
*/
}

#content .categoryImage img
{
    /*height:118px;
    width:190px;*/
    margin-top:30px;
}
#content .categoryImage , .categoryImage:visited
{
	float:left;
    display:inline;
    text-align:center;
    margin-left:0px;
    color:#000;
    text-decoration:none;
    border:1px solid #fff;    
    cursor:pointer;
    background:blue;
}
#content .categoryImage:hover
{
    border:1px solid #fff;    
}
#content .Wraper
{
    margin:0 auto 0 auto;
    width: 600px;
    height: auto;
}
#content  .TopItem
{
    text-align:justify;
    display: inline;
    float: left;
    width: 655;
    margin-left:auto;
    margin-right:auto;
}
#content .LeftItem
{
    text-align:justify;
    display: inline;
    float: left;
    width: 60%;
    height: auto;
    padding-right:0px;
}
.LeftItem a, .LeftItem a:visited, .LeftItem a:hover
{
    text-decoration:none;
    color:#666;
    border:none;
}

#content .RightItem
{
    text-align:justify;
    display: inline;
    float: left;
    width: 40%;
    height: auto;
    padding-left:0px;
    
}
#content  .RightItem img
{
    margin-left:15px;
}
#content .BottomItem
{     
    text-align:justify;
    display: inline;
    float: left;
    width: 655;
    height: auto;
    margin-left:auto;
    margin-right:auto;
   
}

     .ArticleImage
     {  width:100%;
     }
      
#content .Wraper  .RightItem .ArticleImage img
{
    max-width: 260px;
    float: left;
    text-align:center;
    padding: 5px 2px 5px 2px;
    
}
      
#content .Wraper  .TopItem .ArticleImage img
{
    max-width: 655px;
    float: left;
    text-align:center;
    padding: 5px 0px 5px 0px;
}
#content .Wraper  .LeftItem .ArticleImage img
{
    max-width: 390px;
    float: left;
    text-align:center;
    padding: 5px 2px 5px 2px;
    
}
#content .Wraper  .BottomItem .ArticleImage img
{
    max-width: 655px;
    float: left;
    text-align:center;
    padding: 5px 0px 5px 0px;
}



.ProductListAnchor
	{
		text-decoration:none;
		cursor:pointer;
		
	}
	
	
	.ProductListDiv
	{
		cursor:pointer;
		
	}


	.DDL
		{
			margin: 10px 10px 10px 5px;
			border:solid 1px Blue;
		}
	
	.TXTBox
		{	
			margin: 10px  0px 10px 5px;
			border:solid 1px Blue;
		}
			
		.CHK
		{	
			margin: 10px  0px 10px 5px;
			
		}
			
		.Text
		{
			margin: 10px  0px 10px 5px;
		}
/* USER CONTROL CSS */
/*=================================================
	
	Test section for product item control

===================================================*/

.divCatItem 
{
    float:left;
    display:inline;
    width:176px;
    margin:10px;
}

.divCatItem .categoryA, ..divCatItem .categoryA:visited
{
	float:left;
    display:inline;
    text-align:center;
    margin-left:0px;
    color:#000;
    text-decoration:none;
    cursor:pointer;
}

.divCatItem .categoryA:hover #divPanel
{
	border:1px solid #930200;
}

.divCatItem #divPanel
{
   
    width:174px;
    background:url('images/productItem_background.png') top left;
    border:1px solid #ddd;
    margin-bottom:2px;
}


/*===========================*/

.divProductItem 
{
    float:left;
    display:inline;
    width:176px;
    height:197px;
    margin:10px;
}

.divProductItem .categoryAnchor, ..divProductItem .categoryAnchor:visited
{
	float:left;
    display:inline;
    text-align:center;
    margin-left:0px;
    color:#000;
    text-decoration:none;
    cursor:pointer;
}


.divProductItem .categoryAnchor:hover #divPanel
{
	border:1px solid #930200;
}



.divProductItem #divPanel
{
    height:160px;
    width:174px;
    background:url('images/productItem_background.png') top left;
    border:1px solid #ddd;
    margin-bottom:2px;
}

#divPanel .ul
{	
    text-align:left;
    list-style:none;
    margin:0;
    padding:0;
}
#divPanel .ul .heading
{ 
	color:#000;
	font-size:10pt;
	text-align:center;
	padding-top:5px;
}
#divPanel .ul .heading_category
{ 
	color:#930200;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}
#divPanel .ul .productName
{
	color:#aaa;
	font-size:7pt;
	text-align:center;
	height:20px;
	padding-top:2px;
	padding-bottom:3px;
}
#divPanel .ul .li_center
{	
    text-align:center;
    list-style:none;
    height:90px;
    margin:0;
    padding:0;	
}
#divPanel .ul .li-was
{
    list-style:none;
    text-align:center;
    padding:2px 0px 2px 0px;
    font-size:7pt !important;
    line-height:20px;
}

#divPanel .ul .previousPrice
{
	text-decoration:line-through;
	color:#930200;
}
#divPanel .ul .nowPrice
{
    color:White;
    background-color:#930200;
}
#divPanel img
{
    margin:0px auto 0px auto;
    width:auto;
    height:90px;
}
#divButtons
{	
	width:176px;
}
#divButtons input
{	
    width:88px;
    float:left;
	display:inline;
}
		

/*=================================================
	
	Test section for MANUFACTURER user control

===================================================*/	
		
		
.pnlManufacturerWraper 
{	
    margin:15px auto 0px auto;
    width:164px;
}
	
.pnlManufacturerWraper  ul
{
	text-align:left;
	list-style:none;
	color:#930200 ;
}
.pnlManufacturerWraper  ul a, .pnlManufacturerWraper  ul a:visited
{
    color:#930200 ;
    line-height:34px;
    font-size:8pt;
}
.pnlManufacturerWraper  ul a:hover
{
    color:#ca250f;
}
.pnlManufacturerWraper .li-Heading
{
	text-align:left;
	list-style:none;
	line-height:20px;
	color: #930200;
	vertical-align:middle;
	font-size:8pt;
	font-weight:bold;
	border-bottom:4px solid #666;
}

.pnlManufacturerWraper .li-item
{
	text-align:left;
	list-style:none;
    padding-left:10px;
	background:#fff;
	width:154px;
	height:34px;
	border-top:1px dotted #f0f4f5;
}

.pnlManufacturerWraper .li-AlternativeItem
{
	text-align:left;
	list-style:none;
    padding-left:10px;
	background:#f9f9f9;
	width:154px;
	height:34px;
	border-top:1px dotted #f0f4f5;
}

.pnlManufacturerWraper .li-full
{
	height:5px;
}

/*------------------------------------
    SHOPPING CART CONTROL
--------------------------------------*/
.shoppingCartWrapper
{
    width:164px;
    margin:30px auto 0px auto;
    color:#930200;
}
.shoppingCartWrapper #header
{
    color:#930200;
    font-size:8pt;
    font-weight:bold;
    line-height:20px;
    border-bottom:4px solid #666;
}
.shoppingCartWrapper .basketItem
{
    width:164px;
    height:85px;
    margin:4px 0px 4px 0px;
    background:#fff;
}
.shoppingCartWrapper .basketItem .ul-inline
{   
    display:inline;
    float:left;
    list-style:none;
}
.shoppingCartWrapper .basketItem .ul-inline .ul-image
{
    width:65px;
    float:left;
}
.shoppingCartWrapper .basketItem .ul-inline .ul-image img
{   
	max-width:55px;
    max-height:65px;
    margin:5px
}
.shoppingCartWrapper .li-inline
{
	list-style:none;
	display:inline;
}

.shoppingCartWrapper #basketTotals
{
    font-size:8pt;
    height:30px;
    width:160px;
    background:#930200;
    color:#fff;
    margin:2px 0px 4px 0px;
    padding:2px;
}
.shoppingCartWrapper .cost
{   
    color:#930200;
    font-size:8pt;
    width:85px;
    padding-left:5px;
 
}
.shoppingCartWrapper .productName
{   

	font-size:8pt;
    color:#000;	
    width:85px;
    padding-left:5px;
    height:50px;
    margin-top:5px;
    line-height:13px;
}
.shoppingCartWrapper #divButtons input
{
    width:164px;
    height:30px;
}

/*---------------------------
        NEWS CONTROL
---------------------------*/
.news-wrapper
{
    width:164px;
    margin:30px auto 0px auto;
}
.news-wrapper ul
{
    list-style:none;
}
.news-wrapper .li-heading
{
    width:164px;
    line-height:20px;
    font-size:8pt;
    font-weight:bold;
    border-bottom:4px solid #4a504e;
    margin-bottom:4px;
    color:#930200;
}
.news-wrapper .news-item
{
    width:154px;
    padding:15px 5px 15px 5px;
    color:#fff;
    background:#4a504e;
}
.news-wrapper .more
{
    width:154px;
    padding:0px 5px 15px 5px;
    background:#4a504e;
}
.news-wrapper .more a, .news-wrapper .more a:visited
{
    text-decoration:none;
    background:#930200;
    color:#fff;
    padding:2px 2px 2px 2px;
    font-size:8pt;
    height:15px;
    width:20px;
    cursor:pointer;
}
.news-wrapper .more a:hover
{
    
}

/*---------------------------
     MAIN FEATURED PRODUCT
---------------------------*/
.main-reduced-item
{
    float:left;
    display:inline;
    width:647px;
    height:173px;
    background:#fff;
}
.main-reduced-item .ul-inline
{
    float:left;
    display:inline;
    height:158px;
    padding:15px 10px 0px 10px;
    list-style:none;
}
.main-reduced-item .ul-inline .li-image
{
    height:158px;
    width:221px;
    text-align:center;
    vertical-align:bottom;
}
.main-reduced-item .li-image img
{
    max-height:158px;
    max-width:221px;
    vertical-align:bottom;
}
.main-reduced-item .productName
{
    font-size:13pt;
    color:#ca250f;
    line-height:30px;
    width:360px;
}
.main-reduced-item .product-short-description
{
    width:360px;
    height:80px;
    font-size:8pt;
    color:#ca250f;
}
.main-reduced-item .li-was
{
    width:290px;
    font-size:11pt;
    font-weight:bold;
    color:#ca250f;  
    display:inline;
    float:left;
    height:30px;
    padding:15px 0px 5px 0px;
}
.main-reduced-item .li-was .previousPrice
{
    text-decoration:line-through;
    font-family:Verdana;
    color:#ca250f;
}
.main-reduced-item .li-was .nowPrice
{
    background:#ca250f;
    color:#fff;
    padding:2px ;
    margin-left:5px;
    
}
.main-reduced-item .li-moredetails 
{
    float:left;
    width:80px;
    display:inline;
    padding:15px 0px 5px 0px;
}
.main-reduced-item .li-moredetails a, .main-reduced-item .li-moredetails a:visited
{
    background:#930200;
    font-size:6pt;
    padding:10px 5px 10px 5px !important;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
}

.full_Catalogue
{
    clear:both;
    width:164px;
    margin:10px auto 0px auto;
    color:#930200;
}
.full_Catalogue .header
{
    color:#930200;
    font-size:8pt;
    font-weight:bold;
    line-height:20px;
    border-bottom:4px solid #666;
    margin-bottom:5px;
}

/*---------------------------
        NEW ITEM
---------------------------*/
#new-item
{
    clear:both;
    width:164px;
    margin:30px auto 0px auto;
    color:#930200;
}
#new-item .header
{
    color:#930200;
    font-size:8pt;
    font-weight:bold;
    line-height:20px;
    border-bottom:4px solid #666;
    margin-bottom:5px;
}
#new-item .basketItem
{
    width:164px;
    height:85px;
    margin:4px 0px 4px 0px;
    background:#fff;
}
#new-item .ul-inline
{
    display:inline;
    list-style:none;
}

#new-item .ul-inline .ul-image
{
    width:65px;
    float:left;
}
#new-item .ul-inline .ul-image img
{   
	max-width:55px;
    max-height:65px;
    margin:5px
}
#new-item .productName
{   
	font-size:8pt;
    color:#000;	
    width:85px;
    padding-left:5px;
    height:50px;
    margin-top:5px;
    line-height:13px;
    float:left;
}
#new-item .li-price
{   
    color:#930200;
    font-size:8pt;
    width:85px;
    padding-left:5px;
    float:left;
}
/* END OF USER CONTROL CSS */

/*-----------------------------------------------------------
    Top section styles
-----------------------------------------------------------*/

.Logo
{
    float: left;
    margin: 5px 0px 0px 5px;
}

.TopSectionLoading
{
    position: fixed;
    bottom: 43px;
    left: 0px;
    text-align: center;
    border: 0px;
}

.AJAXLoading
{
    border:0px; 
    margin: 0px; 
    padding: 0px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    color: #035152;
    font-weight: bold;
    text-align: center;
}


.ApplicationName
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: x-larger ;
    color: #035152;
    font-weight:bold;
    text-align: center;
    float: left;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0px;
}



.Logout
{
    position: absolute;
    top: 90px;
    left: 0px;
    text-align: left;    
    font-size: 10px;
    letter-spacing: 1.5px;
    border: 0px;
    padding: 5px 10px 4px 4px;
    background-color: #cce0e2;
    color: #046c6d;
    vertical-align: middle;
    z-index: 2700;
}

.Logout .CloseApplicationButton
{
    border-left: solid 2px #cce0e2;
    border-right: solid 2px #cce0e2;
    border-top: solid 0px #cce0e2;
    border-bottom: solid 2px #cce0e2;
    padding: 4px 10px 4px 10px;
    background-color: #cce0e2;
    color: #046c6d;
    text-decoration: none;
}



.Logout .CloseApplicationButton:hover
{
    border-left: solid 2px #cce0e2;
    border-right: solid 2px #cce0e2;
    border-top: solid 0px #cce0e2;
    border-bottom: solid 2px #cce0e2;
    padding: 4px 10px 4px 10px;
    background-color: #046c6d;
    color: #cce0e2;
    text-decoration: none;
}



/*-----------------------------------------------------------
    Top section Menu styles
-----------------------------------------------------------*/

.divMenu

{

	font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    color: #000;
    margin: 0px;
    border: 0px;
    padding: 0px;
	text-decoration:none;
}

.divMenu a

{
    
    padding: 2px 2px 2px 2px;
    color: #000;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 12px;
    text-decoration:none;
}

.divMenu a:hover

{
    padding: 4px 5px 4px 5px;
    color: #000;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
}



.summary
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    width: 158px;
    text-align: center;
    background-color: #C0DADA;
    border: 0px;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.summaryAlt
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    width: 158px;
    text-align: center;
    background-color: #C0DADA;
    border: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
}

.summary .summaryHeading
{
    background-color: #439192;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    border: 0px;
    padding: 1px;
}

.summaryAlt .summaryHeading
{
    background-color: #439192;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    border: 0px;
    padding: 1px;
}

.summary .summaryAlternateItem
{
    background-color: #E5F0F0;
}

.summaryAlt .summaryAlternateItem
{
    background-color: #E5F0F0;
}


 .summaryButtonLinks
{
    background-color: #E5F0F0;
}

/*-----------------------------------------------------------
    Main content section styles
-----------------------------------------------------------*/

#content h1
{ 
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: x-large;
    text-align: center;
    font-weight: bold;
   color: #CA250F;
}

#content h2
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: larger ;
    color: #CA250F;
}

#content h3
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    color: #CA250F;
}

#content h4
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    color: #CA250F;
    width: 100%;
}

#content #productContainer
{
    width:610px;
    margin:0 auto 0 auto;
}

#content #mainText 
{
    width:600px;
    margin:20px auto 20px auto;
}
#content #mainText ul
{
    width:600px;
    list-style:none;  
    margin:0px auto 0px auto;   
}
#content #mainText #title
{
    height:30px;
    width:600px;
    line-height:30px;
    border-bottom:1px dotted #d7dbdb;
    
}
#content #mainText #title h1
{
    color:#000;
    font-size:large;
    
}
#content #mainText #title span
{
    color:#8b0000;
    font-size:9pt;
}
#content #left, #content #right
{
    width:290px;
    padding:5px;
    float:left;
    display:inline;
}
#content #left p, #content #right p
{
    font-size:8pt;
    margin-top:10pt;
}

.SearchPanel
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    border: solid 2px #fff;
    padding: 0px;
}
#LeftMenuPanel
{
    width: 280px;
    border: solid 2px #000;
    padding: 0px;
    overflow:hidden !important;
    margin-bottom:2px;
}
.LeftMenuItems div
{
    line-height:20px;
    height:20px;

}

.LeftMenuItems a, .LeftMenuItems a:visited
{
    color:#F0CD87;
    padding:2px 5px 2px 5px;
}
.LeftMenuItems a:hover
{
    color:#fff;
    background-color:#A27E44;
    width:200px;
    padding:2px 5px 2px 5px;
}

.btn
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
}

.btnDisabled
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: smaller;
}


.lbtn
{
}

.lbtn:hover
{
}


.inputControlGreyedOut
{
	border: #b0c4c6 1px solid;
	padding: 1px 0px 0px 4px;
	margin: 0px 5px 0px 0px;
	background-color: #dfeeee;
	/*color: #000000;*/
	color: #003333;
}

.ExcludingText
{
	color: Gray;
	font-size:smaller;
	font-family: Tahoma;
	padding: 2px 5px 2px 2px;
	
	}



/*-----------------------------------------------------------
    Main content Gridview styles
-----------------------------------------------------------*/

.DataCustomPagingOptions
{
    border: 0px solid #FFFFFF;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    vertical-align: bottom;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: smaller;
}

.GridContainer
{
	border-right: #046C6D 3px solid;
	border-top: #046C6D 3px solid;
	border-left: #046C6D 3px solid;
	/*The following line is a bug fix (0px border) - the GridScroller takes over 
	instead to do the final line*/
	border-bottom: #046C6D 3px solid;
	width: 99%;
}

.GridScoller
{
    overflow: scroll;
    /*width: 100%;*/ /*SCROLLBAR-BASE-COLOR: #cce0e2;*/
    height: 100%;    
}

.GridView
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: smaller;
}

.GridViewHeaderStyle
{
    background-color: #930200;
    color: #fff;
    padding: 0px 4px 0px 4px;
    border-bottom:1px solid #000;
}
.GridViewFooterStyle
{
 
}

.GridViewHeaderStyle A:link
{
    text-decoration: none;
    color: #023637;
}

.GridViewHeaderStyle A:visited
{
    text-decoration: none;
    color: #023637;
}

.GridViewHeaderStyle A:active
{
    text-decoration: none;
    color: #023637;
}

.GridViewHeaderStyle A:hover
{
    text-decoration: underline;
    color: #023637;
}

.GridViewRowStyle
{
    border:0px;
    border-bottom:1px solid #000;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(1.0, #fff));
    
}

.GridViewAlternatingRowStyle
{
    background-color: #ffffff;
    border:0px;
    border-bottom:1px solid #000;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(1.0, #fff));
}

.GridViewMouseOver
{
    background-color: #B6B581;
}

.GridViewNoResults
{
    width: 100%;
    text-align: center;
    margin: 20px 0px 0px 0px;
}

.GridViewLoading
{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: Gray;
    
}

.GridViewLoadingText
{
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: larger;
    color: black;
    vertical-align: top;
    text-align: left;
}

.GridViewItemStyle
{
    text-align:right;
    padding-right:15px;
}

.cartTotalCell
{
    background-color:#ffffff;
}

.cartImage
{
    max-width:120px;
    max-height:100px;
    margin:4px 10px 4px 4px;
    border:1px solid #000 !imporant;
}

.cartButton
{
	background-color: #930200;
    color:White;
    
    border: solid 1px #000;
    width: 60px;
	
	}

.textbox
{
    border:1px solid #000;
}

/*Product Items d99a4b*/

#productItemsTemplate{
    margin: 4px 4px 4px 4px;
    width: 99%;
    background-color: Transparent;
    color:#959595;
    
}
#productItemsTemplateInfo
{
	margin: 4px 4px 4px 4px;
    width: 99%;
    background-color: Transparent;
	border-bottom:1px solid #bbb !important;
	color:#959595;
	
	}

#productItemsTemplate img
{
    border:1px solid #bbb !important;
    margin-right:10px;
}
#productItemsTemplate .itemTitle
{
    color: #363459;
    font-weight:bold;
    text-align: right;
    font-size: medium;
    
}
#productItemsTemplate .itemAvailable
{
    font-size: 10px;
    color: #004F1A;
}
#productItemsTemplate .itemNotAvailable
{
    font-size: 10px;
    color: Red;
}

#productItemsTemplate .itemPrice
{
    color: #363459;
    font-weight: bold;
    text-align: right;
    font-size: medium;
}

#productItemsTemplateInfo .itemPrice
{
    color: #363459;
    font-weight: bold;
    text-align: right;
    font-size: medium;
}

#productItemsTemplateInfo  img
{
    border:1px solid #bbb !important;
    margin-right:10px;
}

.Button
{
    background-color: #930200;
    color:White;
    margin: 5px 5px 5px 5px;
    border: solid 1px #FAFEFB;
    width: 100px;
}
.Button_bb
{
    background-color: #930200;
    color:White;
    margin: 5px 5px 5px 5px;
    border: solid 1px #000;
    width: 100px;
}


#categoryImage
{
    text-align:center;
    padding: 20px 5px 5px 5px;
    width:400px;
    max-height:212px;
    margin-left:auto;
    margin-right:auto;
}
#categoryImage img
{
    max-width:400px;
    max-height:212px;
}

#clear
{
    clear:both;
}



#bottom_start {
    height: 8px;
    border-top: 1px solid #413524;
    border-left: 1px solid #413524;
    border-right: 1px solid #413524;
    border-bottom: 1px solid #413524;
    margin-top: 1px;
    font-size:0px;
    line-height:0px;

}
#bottom {
    padding: 13px 26px 3px 26px;
    height: 150px;
    
}
#browser_icons
{
    height:75px;
    padding-top:20px;  
    display:inline;
    width:300px;
}
#browser_icons #icon_holder
{
    float:left;
    height:75px;
    padding-top:20px;
    width:300px;
    background:url(/Images/browsers_reflect.png) no-repeat; 
}
#icon_holder a {
    padding-right:9px;
    height:38px;
    width:38px;
    display: block;
    overflow:hidden;
    text-decoration:none;
    text-indent:-100000em;
    float:left;
}
#icon_holder #browser_1 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_ie6.png) no-repeat scroll 0%;
}

#icon_holder #browser_2 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_ie7.png) no-repeat scroll 0%;
}

#icon_holder #browser_3 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_opera.png) no-repeat scroll 0%;
}

#icon_holder #browser_4 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_firefox.png) no-repeat scroll 0%;
}

#icon_holder #browser_5 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_safari.png) no-repeat scroll 0%;
}

#icon_holder #browser_6 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_chrome.png) no-repeat scroll 0%;
}
#compatibility_icons 
{
    background:url(http://golden-hinde.yellowbus.co.uk/Images/valid_reflection.png) no-repeat;
    width: 204px;
    height: 75px;
    padding-top: 20px;
    margin-left:50px;
    float: left;
    display:inline;
}
#compatibility_icons a {
    text-decoration:none;
    margin-right:10px;
}
#yellowbus
{
    width:320px;
    height:75px;
    display:inline;
    float:right;
    margin-right:20px;
}
#yellowbus .ee {
    padding:0;
    margin:0;
    text-decoration:none;
    border:none;
}
#yellowbus #ybPoweredBy {
    height: 13px;
    margin-right:100px;
    padding-top: 3px;
    float:left;
    display:inline;
}
#yellowbus #pcmsLogo
{
    height:61px;
    width:222px;
    float:left;
    display:inline;
}
#yellowbus #ybLogo 
{
    float:right;
    height:75px;
    display:inline;
}

.clear 
{
   clear:both;
}

.bottom_top {
    background-repeat: no-repeat;
    width: 71px;
    height:111px;
    position:absolute;
    bottom:0;
    right:320px;
}

.bottom_top a {
width: 71px;
height:111px;
display:block
}

#bottom ul {
padding: 0 0 13px 0;
margin: 0 0 13px 0;
display:block;
}
  

#bottom ul li {
float: left;
list-style: none;
margin: 0 0 0 0;
}
  
#bottom ul li a {
font-weight: bold;
padding: 0 7px 0 7px;
border-right: 1px solid #413524;

}



#footerWrapper
{
    background:#000 url('images/footerBackground.png') repeat-x left top;
    width:100%;
    height:285px;
    border-top:4px solid #ca250f;
}
#footerWrapper #footerContent
{
    width:1000px;
    margin:auto;
}
#footerContent  ul
{
    list-style:none;
    width:1000px;
}
#footerContent .li-footer-heading
{
    font-size:11pt;
    color:#fff; 
    line-height:30px;
    border-bottom:1px dotted #666;
    margin-bottom:10px;
}
#footerContent .li-footer-heading span
{
    font-size:11pt;
    color:#999;
}
#footerContent .li-footer-item
{
   background: url('images/manufacturerBackground.png') no-repeat left top;
   float:left;
   display:inline;
   width:190px;
   height:78px;
   margin:5px;
   text-align:center;
}
#footerContent .li-footer-item input
{   
    max-width:131px;
    max-height:54px;
    margin:12px auto 12px auto;
}
#footerContent .footerBottomLeft
{
    float:left;
    display:inline;
    font-size:9pt;
    color:#666;
    margin-top:30px;
}
#footerContent .footerBottomRight
{
    margin-top:10px;
    width:640px;
    float:left;
    display:inline;
    text-align:right;
}

.imageIcon
{
    max-height:300px;
    max-width:300px;
    cursor:pointer;
    display:block;
    padding:10px;
    margin:10px;
    
}
 .imageTitle
 {   
     display:block;
     text-align:center;
     padding:10px;
     margin:10px;
        
 }