* {
	font-family: Arial, Helvetica, tahoma, "sans serif";
}
body{
	color: #606060;
}




/* 
ELEMENT DEFAULTS
*/
img{
	border: 0px;
}
strong{
	font-weight:bold;
}
p{

}
form.spaced{
	padding-bottom: 10px;
}

ul li{
	list-style-type: none;
}
table{
	/*dsfdf*/
}
a{
	cursor: pointer
}	




/*
LISTS
*/
ul.bulletList{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.bulletList li{
	background-image: url(/images/general/bullet.jpg);
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 20px; 
	padding-top:10px;
}
ul.smallBulletList{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.smallBulletList li{
	/*border:1px dashed red;*/
	background-image: url(/images/general/bullet.jpg);
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px; 
	padding-top:4px;
}
ul.normalList{
	list-style-type: disc;
}
.normalList li{
	list-style-type: disc;
}



/* 
TEXT
*/
.mainHeaderText{
	font-weight:bold;
	font-size: 2.1em;
}
.standoutText{
	color:#970f2e;
}
.bolded{
	font-weight: bold;
}
.grey{
	color: #606060;
}
.white{
	color: #ffffff;
}
.leftText{
	float:left;
}
.rightText{
	float:right;
}
.centerText{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.smallText{
	font-size:0.8em;
}
.headerText{
	font-size: 1.5em;
}
.first{
	/*background: url(/images/general/lightGreyGradientDown.jpg) top left repeat-x; */
}


/* 
BASIC LAYOUT
*/
.pics{
	height: 446px;
}
#slideshow img { 
	display: none 
}
#slideshow img.first { 
	display: block 
}
.invisible{
	visibility: hidden;
}
.center {
	margin-left:auto; 
	margin-right:auto;
}
.spacedBox{
	
}
.fullWidth{
	width: 100%;
	/*border: 1px solid blue;*/
}
.halfWidth{
	width:50%;
}
.quarterWidth{
	width:25%;
}
.spacedColumn{
	/*border: 1px solid blue;*/
	width:135px;
	float:left;
	text-align:center;
}
.rowSpacer{
	padding-top: 15px;
}
.smallRowSpacer{
	padding-top: 5px;
}
.rowSpacerBottom{
	padding-bottom:15px;
}
.bigRowSpacer{
	padding-bottom:70px;
}	
.smallRowSpacerBottom{
	padding-bottom:5px;
}
.smallColSpacer{
	padding-left:1px;
	border: 1px solid white;
}
.centerBlock{
	/*margin:0 auto;*/
    margin-left:125px;
}
.rowGradient{
	font-size: 0.9em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background: #c6345b url(/images/general/redGradientBgrnd.jpg) bottom right repeat-x;
	width:100%;
}
.noInputRow{
	padding-bottom:9px;
}
.stripey{
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	float:right;
	background: #970f2e url(/images/general/stripey.gif) center right no-repeat;
}
.leftIndent{
	padding-left: 30px;
}
.rightIndent{
	padding-right: 20px;
}
.medLeftIndent{
	padding-left: 15px;
}
.smallLeftIndent{
	padding-left: 5px;
}
.leftCol{
	float:left;
	width: 290px;
}
.bigCol{
	width: 400px;
}
.semiCol{
	width: 350px;
}
.halfCol{
	width: 275px;
}
.medCol{
	width: 200px;
}
.fullCol{
	width: 570px;
}
.smallCol{
	width:170px;
}
.minCol{
	width:125px;
}
.tinyCol{
	width:75px;
}
.rightCol{
	float:right;
	width: 290px;
}
.fullInput{
	width: 420px;
}
.lightText{
	color:#ffffff;
}
.clearer{
	clear:both;
}
.inputControlRow{
	padding-right: 15px;
	padding-top:2px;
	float:left;
}
.selectRow{
	height:20px;
}
.shortSubmitButton {
	background: transparent url(/images/general/btn_o_sml.gif) no-repeat scroll 0 0;
	border: medium none;
	width: 30px;
}
.shortSubmitButtonHover {
	background: transparent url(/images/general/btn_o_sml_over.gif) no-repeat scroll 0 0;
	border: medium none;
	width: 30px;
}
.smallLabel{
	width:75px;
}
.mainImage{
	max-width:600px;
}
* html .mainImage{
	/* Hack for IE6 not supporting max-width*/ 
	/*border: 1px solid red;*/
	width: expression(Math.min((document.mainImage ? document.mainImage.clientWidth : 600), 600)+'px'); 
}
.satnav{
	text-align:center;
	width:150px;
}
.satNavBar{
	padding-left:50px;
}
.supplierLogo{
	padding-top:15px;
	padding-bottom:15px;
	/*border:1px solid black;*/
	width:190px;
	height:100px;
}
.halfBox{
	width:295px;
}
.bordered{
	border:1px solid #606060;
}
.borderedLight{
	border:1px solid #CDCDCD;
}
.borderedBottom{
	border-bottom:1px solid #606060;
}
.message{
	height:40px;
	color:#970f2e;
	font-weight:bold;
}
.seperator{
	border-bottom:2px solid #606060;
}
.rssIcon{
	width:25px;
}
/*
PAGING
*/
.nextPrevOption{
	padding-left:5px;
	padding-right:5px;
}
.navBottom{
	border-bottom:1px solid #606060;
	margin-bottom:5px;
}
.divContainer {
	float:left;
	position:relative;
	left:50%;
	/*background:yellow;*/
	padding-top:10px;
}
.divCenter {
	float:left;
	position:relative;
	left:-50%;
	/*background:red;*/
}
.divOuterwrap {
	position:relative;
	overflow:hidden;
	/*background:aqua;*/
	width:100%;
}


/*
BUTTONS
*/
.shortSubmit{
	background: transparent url(/images/general/button-s.gif)  no-repeat scroll 0 0;
	width:105px;
}
.tinySubmit{
	background: transparent url(/images/general/button-xs.gif)  no-repeat scroll 0 0;
	width:55px;
}

/*
LINKS
*/

a.lightLink:link,a.lightLink:active,a.lightLink:visited {
	color: #ffffff;
	text-decoration: none;
}
a.redLink:link,a.redLink:active,a.redLink:visited {
	color:#970f2e;
	text-decoration: none;
}
.underlineContainer a.underline{
	text-decoration: underline;
}
a:link,a:active,a:visited {
	color: #606060;
	text-decoration: none;
	font-weight:bold;
	font-size: 0.9em;
}
a:hover{
	text-decoration: underline;
}
a.smallLink:link, a.smallLink:active, a.smallLink:visited { 
	font-size:0.8em;
}

/*
HEADER
*/
#headerBanner{
	background: url(/images/header/headerBanner.gif) top right no-repeat;
	/*border:1px solid green;*/
	width:100%;
	float:left;
}	
#searchBar{
	
}
#inpSearchText{
	width:280px;
}
#subNavBar{
	background: url(/images/general/subNavBar.jpg) top left repeat-x;
	float:left;
	width:100%;
	height:5px;
}
#pageTitle{
	font-size: 2em;
	border-bottom:2px solid #606060;
}
/*
NAVIGATION MENU (TOP)
*/
#navigationMenu{
	/*border:1px solid blue;*/
	float:left;
	padding-top:20px;
}
#siteChooserBar{
	background: url(/images/header/fadedBar.jpg) top right no-repeat;
	height:1px;
}
.selectedMenuItem{
	background: url(/images/general/darkGreyGradientUp.jpg) top left repeat-x;
	border-top:1px solid #606060;
	border-right:1px solid #606060;
	border-left:1px solid #606060;
	margin-right:1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	float:left;
}
.navMenuItem{
	background: url(/images/general/lightGreyGradientUp.jpg) top left repeat-x;
	border-top:1px solid #606060;
	border-right:1px solid #606060;
	border-left:1px solid #606060;
	margin-right:1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	float:left;
}

.navMenuSpacer{
	padding-left:1px;
	padding-right:0px;
	float:left;
}


/*
PROMOTIONAL MENU (RIGHT)
*/
.hotchUp{
	margin-top:-10px;
}


/*
FOOTER
*/
#lightBar{
	background: url(/images/general/lightBar.jpg) top left repeat;
	padding-bottom: 4px;
	float:left;
	width:100%;
	height:7px;
	/*border:1px solid cyan;*/
}
/*
BOXES
*/
.boxLink span{
	display: block;
}
.productBox{
	padding:15px;
	width:150px;
	height: 200px;
	overflow:hidden;
}
.productContainer{
	width:160px;
	text-align:center;
}
.productImage{
	padding-top:15px;
	/*padding-left: 5px;
	padding-right:5px;*/
	height: 150px;
}
.stepBox{
	width: 118px;
}
.stepContainer{
	width:110px;
	text-align:center;
}
.stepTitle{
	padding: 2px;
	background: url(/images/general/darkGreyGradientUp.jpg) top left repeat-x;
}
.stepContainer  #selectedStepBox{
	background: #c6345b url(/images/general/redGradientBgrnd.jpg) bottom right repeat-x;
	background-color:#970f2e;
	color: #ffffff;
}
.optionBox{
	background: url(/images/general/lightGreyGradientDown.jpg) top left repeat-x; 
	border: 1px solid #606060;
	width: 272px;
	height:260px;
	padding-top:10px;
	padding-left:10px;
	margin:5px;
}
.subCatBox{
	background: url(/images/general/lightGreyGradientUpLarge.jpg) bottom left repeat-x; 
	border: 1px solid #606060;
	width: 260px;
	height:410px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin:5px;
}
.homePageBox{
	background: url(/images/general/lightGreyGradientUpLarge.jpg) bottom left repeat-x; 
	/*border: 1px solid #CDCDCD;*/
	width: 255px;
	height:190px;
	/*padding-top:10px;
	padding-left:10px;
	padding-right:10px;*/
	margin:5px;
}
.promotionalBox {
	/*background: url(/images/general/lightGreyGradientUpLarge.jpg) bottom left repeat-x; */
	/*border: 1px solid #CDCDCD;*/
	width: 190px;
	/*margin:5px;*/
}
.guaranteeBox{
	background: url(/images/general/lightGreyGradientUpLarge.jpg) bottom left repeat-x; 
	border: 1px solid #606060;
	padding:15px;
	width:150px;
	height: 250px;
	overflow:hidden;
	margin:5px;
}
.guaranteeSmallBox{
	background: url(/images/general/lightGreyGradientUpLarge.jpg) bottom left repeat-x; 
	border: 1px solid #606060;
	padding:5px;
	width:93px;
	height: 200px;
	overflow:hidden;
	margin:5px;
}
.guaranteeImage{
	height: 100px;
}
.optionContainer{
	width:280px;
	text-align:center;
}
.optionImage{
	width:130px;
}
.optionText{
	float:left;
	width:140px;
	/*margin-left:-15px;*/
}
/*
.productText{
	height: 50px;
	background: url(/images/general/lightGreyGradientUp.jpg) top left repeat-x;
	width:100%;
	vertical-align:middle;
}
*/
.selectedProduct{
	color:#000000;
	font-weight:bold;
}
.outerx {
	border: 1px dashed red; 
    position: relative;
    display: table;
    vertical-align: middle;
    height: 50px;
    width: 100%;
    margin: 0px auto 0;
	background: url(/images/general/lightGreyGradientUpLarge.jpg) bottom left repeat-x;
}
.selectedouterx {
    position: relative;
    display: table;
    vertical-align: middle;
    height: 50px;
    width: 100%;
    margin: 0px auto 0;
	background: #c6345b url(/images/general/redGradientBgrnd.jpg) bottom right repeat-x;
}
.innerx{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.midx {
   border: 1px dashed silver;      /*for clarity*/
}
/*Now the hack for obsolete browsers-ok, just IE*/
/* \*/
* html .innerx {
    top: 50%;
    left: 0;
    }

* html .innerx .mid {
    position: relative;
    top: -50%;
    }
/* */

.outer {
	text-align:left;
	display: table; 
    width: 100%;
	height: 50px;  
	#position: relative; 
	overflow: hidden;
	/*border: 1px dashed red; */
	background: url(/images/general/lightGreyGradientUpLarge.jpg) bottom left repeat-x;
}
.selectedouter {
	text-align:left;
	display: table; 
    width: 100%;
	height: 50px;  
	#position: relative; 
	overflow: hidden;
	/*border: 1px dashed red; */
	background: #c6345b url(/images/general/redGradientBgrnd.jpg) bottom right repeat-x;
}
.inner {
	#position: absolute;  
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
    width: 100%;
	/*border: 1px dashed blue;*/
}
.mid {
	text-align:center;
	#position: relative;  
	#top: -50%;
	/*border: 1px dashed silver;*/
}


.specBox{
	background: url(/images/general/lightGreyGradientDownSmall.jpg) top left repeat-x; 
}
.productName{
	font-weight:bold;
	font-size: 1.5em;
}
.bigImage{
	/*background-color: #eeeaea;*/
	padding-top: 20px;
	padding-bottom: 20px;
}
.bigImageBox{
	width:256px;
}






/*************************************************
General Table Formatting
*************************************************/
table.generalTable{
	width: 100%;
	table-layout:fixed;
	border: 0px;
}
th, td {
	border:0px solid #000000;
	padding:0.5em;
}
.generalTable .tableHeader{
	
}
.generalTable .plainRow {
	background-color: #ffffff;
}
.generalTable .selectedRow {
	background-color: #1c3565;
}
.generalTable .headerLeft{
	text-align:left;
}
.generalTable .headerRight{
	text-align:right;
}
.generalTable .headerCentre{
	text-align:center;
}
.generalTable .cellLeft{
	text-align:left;
	height:22px;
}
.generalTable .cellRight{
	text-align:right;
	height:22px;
}
.generalTable .cellCentre{
	text-align:center;
	height:22px;
}
.generalTable .smallRightIndent{
	padding-right: 2px;
}
.generalTable .smallLeftIndent{
	padding-left: 2px;
}
.generalTable .medRightIndent {
	padding-right: 5px;
}
.generalTable .medLeftIndent {
	padding-left: 5px;
}

/*************************************************
Specific Table Formatting
*************************************************/

/*Nearest Branches Table*/

th#branchName{
	width: 135px;
}
th#location{
	width: 250px;
}
th#postcode{
	/*width: 50px;*/
}
th#distance{
	/*width: 50px;*/
}
#map
{
	height: 350px;
	width: 600px;
	border: 1px solid black;
}
/*************************************************
jqueryui
*************************************************/
.ui-tabs .ui-tabs-hide {
     display: none;
}
.ui-tabs{
	font-family: Arial, Helvetica, tahoma, "sans serif";
	color: #606060;
	font-size:0.9em;
	list-style-type: none;
}
.ui-tabs-nav{

}
.ui-tabs-panel{
	font-family: Arial, Helvetica, tahoma, "sans serif";
	color: #606060;
}
/*************************************************
Debug
*************************************************/

.blue{
	border: 1px dashed blue;
}
.green{
	border: 1px dashed green;
}
.red{
	border: 1px dashed red;
}
.yellow{
	border: 1px dashed yellow;
}
.silver{
	border: 1px dashed silver;
}