.foo {
}
/* css doesn't like comments as the first line of the css file */



/*************************************************************
    18th June 2008
    Jagdip Singh Ajimal
    Generic CSS stylesheet
    This stylesheet must not be editted.
*************************************************************/


/*  z indexing    
    top section - 3000
	menu - 2500
	Logout - 2700
    left section - 2000
    content section - 1000
*/


/*-----------------------------------------------------------
    General page settings
-----------------------------------------------------------*/


*
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}
body
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color:#000;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    color: #000B0B;
}   

form
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

/* For some reason css does not inherit font settings within tables */
table
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: inherit;
    color: #000B0B;
}

p
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: inherit;
}


/*-----------------------------------------------------------
    Page layout
-----------------------------------------------------------*/

.FirstPageCentre 
{
    /* Fix of -80px as left content width is 160px, force login to look like its in the centre */
}

#topsectionwrapper
{
    margin-left:auto;
    margin-right:auto;
    height: 100px;
    width:1024px;
    color:#fff;
    background-color: #000;
    background-image:url('images/header.gif');
    background-repeat:no-repeat;
}

#MenuPosition
{
    background-color:#f2c066;
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    border-bottom: solid 2px #000;
    min-height: 26px;
    background-image:url('images/topmenu.gif');
}

#contentwrapper
{
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    padding:10px 0px 0px 0px;
    width:1024px;
    
}

#contentwrapper #leftcontent
{
    width: 285px;
    height:100%;
    padding: 15px 0px 0px 0px;
    background-image:url('images/left_menu.gif');
    float:left;
    min-height:705px;
}

#contentwrapper #curved
{
    display:inline;
    float:left;
    -moz-border-radius-topleft: 35px;
    -webkit-border-top-left-radius:35px;
    padding:8px;
    background-color:#fff;
    border:2px solid #fff;
    margin-left:10px;
    min-height:700px;
    width:709px
}

#contentwrapper #content
{   
   padding:5px;
   width: 690px;
   background-color:#fff;
   margin-left:auto;
   margin-right:auto;
}


#content .categoryImage
{
    float:left;
    display:inline;
    text-align:center;
    margin-left:20px;
    margin-bottom:30px;
    padding:5px;
    
}
#content .categoryImage img{
    height:118px;
    width:190px;
}
#content .categoryImage , .categoryImage:visited{
    color:#000;
    text-decoration:none;
    border:1px solid #fff;    
}
#content .categoryImage:hover
{
    padding:5px;
    border:1px solid #000;    
}

.ProductListImage
{
	max-width:70px; max-height:70px;
	
	}
	
	
	.ProductListAnchor
	{
		text-decoration:none;
		cursor:pointer;
		
	}
	
	
	.ProductListDiv
	{
		cursor:pointer;
		
		}


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

.CustomerLogo
{
    text-align: right;
    margin: 10px 10px 0px 0px;
    float: right;
}

.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: #046c6d;
    margin: 0px;
    border: 0px;
    padding: 0px;
    z-index: 2500;

	text-decoration:none;

}

.divMenu a

{
    border-left: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    border-top: solid 2px #FFFFFF;
    border-bottom: solid 2px #FFFFFF;
    padding: 2px 2px 2px 2px;
    background-color: #0FC128;
    color: #046c6d;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 12px;
    text-decoration:none;
}

.divMenu a:hover

{
    border-left: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    border-top: solid 2px #FFFFFF;
    border-bottom: solid 2px #FFFFFF;
    padding: 4px 5px 4px 5px;
    background-color: #0FC128;
    color: #C0DADA;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
}

.Menu
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    color: #046c6d;
    margin: 0px;
    border: 0px;
    padding: 0px;
    z-index: 2500;
}


.MenuStaticMenuItemStyle, .MenuStaticHoverStyle, .MenuDynamicMenuItemStyle, .MenuDynamicHoverStyle
{
    border-left: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    border-top: solid 2px #FFFFFF;
    border-bottom: solid 2px #FFFFFF;
    padding: 4px 5px 4px 5px;
    background-color: #cd9047;
    color:#000;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    font-weight:bold;
    height:26px;
}

.IE8Fix 
{ 
   z-index: 1000;
}

.MenuDynamicMenuStyle
{
 
}

.MenuDynamicSelectedStyle
{
}


/*-----------------------------------------------------------
    Left section styles
-----------------------------------------------------------*/

#leftcontent h1
{
    background-color: #439192;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    margin: 10px 0px 0px 0px;
    border: 0px;
    padding: 1px;
}


#leftcontent .categoryList
{
	background-color: #000;
	border-bottom: solid 2px #046c6d;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 15px;
    font-weight:bold;
    text-align: center;
    width: 100%;
    color: #F0CD87;
    margin: 5px 5px 5px 5px;
    border: 0px;
    padding: 0px;
}


#leftcontent .btn
{
    background-color: #E5F0F0;
    border: 0px;
    color: #046c6d;
    padding: 1px;
    margin: 0px 0px 1px 0px;
    width: 158px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    width: 100%;
    /*float: left;*/
    
}

#leftcontent .btn:hover
{
    background-color: #81B5B6;
    border: 0px;
    color: #FFFFFF;
    padding: 1px;
    margin: 0px 0px 1px 0px;
    width: 158px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
}

#leftcontent .lbtn
{
    background-color: #E5F0F0;
    border: 0px;
    color: #046c6d;
    padding: 1px;
    margin: 0px 0px 1px 0px;
    width: 158px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-decoration: none;
    text-align: center;
}

#leftcontent .lbtn:hover
{
    background-color: #81B5B6;
    border: 0px;
    color: #FFFFFF;
    padding: 1px;
    margin: 0px 0px 1px 0px;
    width: 158px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
}

#leftcontent .btnDisabled
{
    background-color: #E5F0F0;
    border: 0px;
    color: #81B5B6;
    padding: 1px;
    margin: 1px 0px 1px 0px;
    width: 158px;
    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: #A27E44;
}

#content h2
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: larger ;
    color: #A27E44;
}

#content h3
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    color: #A27E44;
}

#content h4
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    text-align: center;
    font-weight: bold;
    background-color: #A27E44;
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    color: #ffc;
    width: 100%;
}

#content .Wraper
{
	
	float: left;
	width: 690px;
	height: auto;
	
	}
	
	.Wraper .TopItem
	{
		text-align:justify;
		display: inline;
		float: left;
		width: 690px;
		height: auto;
		
		margin-left:auto;
		margin-right:auto;
		
		
		}
	.Wraper .LeftItem
	{
		text-align:justify;
		display: inline;
		float: left;
		width: 335px;
		height: auto;
		
		margin-left:auto;
		margin-right:auto;
		padding-right:10px;
		
		}
		
	.Wraper .RightItem
	{
		text-align:justify;
		display: inline;
		float: left;
		width: 335px;
		height: auto;
		padding-left:10px;
		
		
		
		}
		
	.Wraper .BottomItem
	{	
		text-align:justify;
		display: inline;
		float: left;
		width: 690px;
		height: auto;
		margin-left:auto;
		margin-right:auto;
	
		
		}
		
		/*.Wraper  .TopItem .ArticleImage
		{	max-width: 690px;
			float: left;
			text-align:center;
			background-color:Aqua;
			
			}*/
			
			
			.Wraper  .RightItem .ArticleImage img
			{
				max-width: 340px;
				float: left;
				text-align:center;
				padding: 5px 2px 5px 2px;
				
			}
			
			.Wraper  .TopItem .ArticleImage img
			{
				max-width: 690px;
				float: left;
				text-align:center;
				padding: 5px 0px 5px 0px;
			}
			.Wraper  .LeftItem .ArticleImage img
			{
				max-width: 340px;
				float: left;
				text-align:center;
				padding: 5px 2px 5px 2px;
				
			}
			.Wraper  .BottomItem .ArticleImage img
			{
				max-width: 690px;
				float: left;
				text-align:center;
				padding: 5px 0px 5px 0px;
			}
			
.innerBorder
{
	max-width:190px;
	max-height:120px;
	
}

.SearchPanel
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    border: solid 2px #000;
    padding: 0px;
}
#LeftMenuPanel
{
    width: 270px;
    border: solid 2px #000;
    padding: 5px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden !important;
    margin-bottom:2px;
}

#LeftMenuPanel h1
{
    background-color: #000;
	font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 15px;
    font-weight:bold;
    text-align: center;
    width: 100%;
    color: #F0CD87;
    margin-bottom:5px;
    border:none;
}

#LeftMenuPanel .LeftMenuItems, #LeftMenuPanel .LeftMenuItems:visited
{
    background-color:#000;
    color:#fff;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    line-height:25px;
	width:100%;
	float:left;
	text-decoration:none;
	margin-bottom:3px;
}

#LeftMenuPanel .LeftMenuItems:hover
{
    color:#fff;
    background-color:#A27E44;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}


.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: #A27E44;
    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, #fcda81), color-stop(1.0, #fff));
    
}

.GridViewAlternatingRowStyle
{
    background-color: #fcda81;
    border:0px;
    border-bottom:1px solid #000;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fcda81), 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;
}

/* ======================================================

							Cart	

==========================================================*/

.cartTotalCell
{
    background-color:#fcda81;
}

.cartImage
{
    width:120px;
    height:100px;
    margin:4px 10px 4px 4px;
    border:1px solid #000 !imporant;
}

.cartButton
{
	background-color: #8b6236;
    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: #e8c468;
    border:1px solid #000;
}
#productItemsTemplate .itemTitle
{
    color: #fff;
    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: Black;
    font-weight: bold;
    text-align: right;
    font-size: medium;
}
.Button
{
    background-color: #8b6236;
    color:White;
    margin: 5px 5px 5px 5px;
    border: solid 1px #FAFEFB;
    width: 100px;
}
.Button_bb
{
    background-color: #8b6236;
    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;
}

/*===========================================================
		
						Footer

=============================================================*/

#footer
{
	color: Gray;
	font-size:smaller;
}

#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;
    z-index:0;
}
#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(http://golden-hinde.yellowbus.co.uk/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;

}



.sitemapLink
{
	font-family:Verdana;
	color:Black;
	text-decoration:none;
	}
	
.sitemapLink:a
{
	font-family:Verdana;
	text-decoration:underline;
	
	}
	
.list{
	list-style-type:none;
	
	padding:10px 0px 5px 0px;
	
	font-size:10px;
	color:#273E44;
}

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