/* general styles */
	*{
		padding: 0px;
		margin: 0px; 
		FONT-family: Helvetica,arial,tahoma,"sans serif";
	}
	
	body{
		background: url(../Images/background.gif) repeat-y ;
	}
	
	legend{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.9em;	
		color:#000000;
	}

	p{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.9em;	
	}
		
	select {
		font-family:: Helvetica, Arial, sans-serif;
		font-size::1em;
	}
	
	.border { border:solid 3px #FFB300;} 		
	
	.text {
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.9em;	
	}
	
	.textHire {
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:9pt;	
		font-weight:normal;
	}
		.contentTitleHire{
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 10px;
		PADDING-RIGHT: 2px;
		/*PADDING-LEFT: 10px;*/
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		FONT-WEIGHT: bold;
		
	}
	
	
	.textHomePage {
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:1.3em;	
	}
	
	.normal-bold{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.9em;	
		font-weight:bold;
	}
	
	.small-bold{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.8em;	
		font-weight:bold;
	}

	.main-padding{
		PADDING-RIGHT: 10px;
		PADDING-LEFT: 10px;
	}
	
	.orderbar{
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY:  Helvetica, Arial, sans-serif;
		BACKGROUND-COLOR: #D9EFE5;
	}
	.titlebar{
		background-image: url(../Images/GD-Title-Back3.jpg);
	}
	
	.clearer{
		clear:both; font-size:1px;
	}	
	
	
	/*LAYOUT STYLE*/
	.floatleftmenu {
		background-color:#ffffff;
		font-family:Helvetica,Arial,Sans-Serif;
		font-weight: bold;
		width: 230px;
				min-height:500px;
		height:auto !important;
		height:500px;
		padding:0px;
		float:left
	}
	
	.floatTPLogo {
		background-image:url("../images/logos/tp.gif");
		width: 217px;
		height: 100px;
		float: left;
		cursor: hand !important;
		cursor: pointer !important;
		
	}
	.floatTPHireLogo{
	background-image: url("../images/logos/logobig.gif");
		width: 217px;
		height: 100px;
		float: left;
		cursor: hand !important;
		cursor: pointer !important;
		
	
	}
	
	
	.floatTopTitleInformation {
		background-image:url("../images/topTitle/information.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	
	.floatTopTitleTimber {
		background-image:url("../images/topTitle/timber.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	
	.floatTopTitleBradstone {
		background-image:url("../images/topTitle/Bradstone.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	
	.floatTopTitleMarshalls {
		background-image:url("../images/topTitle/Marshalls.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	
	.floatTopTitleAccessories {
		background-image:url("../images/topTitle/Accessories.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	
	.floatmain {
		background-color:#ffffff;
		font-family:Helvetica,Arial,Sans-Serif;
		font-weight: bold;
		width: 760px;
		min-height:500px;
		height:auto !important;
		height:500px;
		float:left
		/*border:1px solid #666;
		overflow:auto;*/		
	}
	
	
	.floatmainNearest {
		background-color:#ffffff;
		font-family:Helvetica,Arial,Sans-Serif;
		font-weight: bold;
		width: 750px;
		min-height:500px;
		height:auto !important;
		height:500px;
		float:left
		/*border:1px solid #666;
		overflow:auto;*/		
	}
	
	
	
	
	
	
	.floatTermsAndConditions {
		background-color:#ffffff;
		font-family:Helvetica,Arial,Sans-Serif;
		font-weight: bold;
		width: 760px;
		height:50px;
		position:absolute;
		top: 700px;
		left: 230px;
		z-index:2;
		/*border:1px solid #666;
		overflow:auto;*/		
	}
	
	
	DIV#container {
		MIN-HEIGHT: 100%; POSITION: relative;padding:0px;margin:0px;width: 996px;
	}
	
	* HTML DIV#container { /* hack for non-ie6*/
		HEIGHT: 100%
	}
	
	DIV#footer {
	 	BORDER-TOP: #005E85 1px solid; 
		WIDTH: 996px;margin-right:200px;
		color:#000000;
		float:left;
		display:inline;
		text-align:right;
	}
	DIV#footer P {
	 	PADDING-RIGHT: 1em; 
		PADDING-LEFT: 1em; 
		PADDING-BOTTOM: 1em; 
		MARGIN: 0px; 
		PADDING-TOP: 1em; 
		color:#000000; 
		font-size:.8em
	}
	* HTML #footer { /* hack for non-ie6*/
		MARGIN-TOP: -57px
	}


	/*LEFT MENU STYLES*/
	.treeview {
		margin:0px; padding:0px
	}

	.treeview ul{ /*CSS for Simple Tree Menu*/
		margin: 0;
		padding: 0;
	}
	
	.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		/*background: white no-repeat left center;*/
		background: white url(../assets/images/general/list.gif) no-repeat;
		height:14px;
		list-style-type: none;
		padding-left: 22px;
		font-family:Helvetica,arial,tahoma,"sans serif";
		font-size:1em;
		margin-bottom: 0px;
		padding-bottom:0px;
		padding-top:0px;
	}
	
	.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
		list-style-type: none;
		color:#ffffff;
		background: white url(../Images/menu/menuClosed.gif) no-repeat;
		width:217px;
		padding-top:10px;
		padding-bottom:5px;
		padding-left:30px;
		cursor: hand !important;
		cursor: pointer !important;
		height:auto !important;
		clear:both			
	}
	
	.treeview li.nullClass{ /* Style for LI that contains sub lists (other ULs). */
		list-style-type: none;
		color:#ffffff;
		background: white url(../Images/menu/menuClosedNoArrow.gif) no-repeat;
		width:217px;
		padding-top:10px;
		padding-bottom:5px;
		padding-left:30px;
		cursor: hand !important;
		cursor: pointer !important;
		height:auto !important;
		clear:both			
	}
		
	.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
		font-size:0.75em;
		padding-top:15px;
		color:#000000;
		padding-bottom:10px;
		display: none; /*Hide them by default. Don't delete. */
	}
	
	.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
		padding-top:0px;
		padding-bottom:2px;
		cursor: hand !important;
		cursor: pointer !important;
		clear:both
	}
	
	.treeview li A{ /*Style for LI anchor (excludes an LI that contains sub lists)*/	
		text-decoration:none;
		color:#000000
	}
	.treeview li A:hover{ /*Style for LI anchor (excludes an LI that contains sub lists)*/
		text-decoration:none;
		color:#000000
	}
	.treeview li A:visited{
		text-decoration:none;
		color:#000000;
	}

	.menuOpened
	{
		background-image:url("/images/menu/menuOpened.gif");	
		width:217px; 
		height:39px; 
		cursor:hand;
		border:1px solid #666;
		color:#FFFFFF;		
	}
	
	.menuClosed
	{
		background-image:url("/images/menu/menuClosed.gif");	
		width:217px; 
		height:39px; 
		cursor:hand;
		border:1px solid #666;
		color:#FFFFFF;	
	}
	
	.menuBottom
	{
		background-image:url(../Images/menu/menuBottom.gif); 
		background-repeat: no-repeat; 
		height:12px; 
		width:217px; 
	}

	/* title styles*/

	.contentTitle{
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 10px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 10px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		FONT-WEIGHT: bold;
		background-image:url(../Images/titleLining.jpg);
		background-repeat:no-repeat;
	}
	
	.topTitle{
		color:#FFFFFF; 
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size:18px; 
		font-weight:bold; 
		padding-left:10px;
		padding-top:66px;
	}
	
	/* menu styles*/
	
	.menu-header{
		BORDER-TOP: #BBD9CB 2px solid;
		BORDER-LEFT: #BBD9CB 2px solid;
		BORDER-RIGHT: #BBD9CB 2px solid;
		PADDING-TOP: 0px;
		PADDING-LEFT: 5px;
		PADDING-RIGHT: 5px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY:  Helvetica, Arial, sans-serif;
		BACKGROUND-COLOR: #BBD9CB;
		FONT-WEIGHT: bold;
	}
	.menu-content{
		BORDER-TOP: #97C9B2 2px solid;
		BORDER-BOTTOM: #97C9B2 2px solid;
		BORDER-LEFT: #97C9B2 2px solid;
		BORDER-RIGHT: #97C9B2 2px solid;
		PADDING-TOP: 5px;
		PADDING-BOTTOM: 5px;
		PADDING-RIGHT: 5px;
		PADDING-LEFT: 5px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY:  Helvetica, Arial, sans-serif;
		BACKGROUND-COLOR: #FFFFFF;
	}
	.menu-header-HD{
		BORDER-TOP: #A4A5E5 2px solid;
		BORDER-LEFT: #A4A5E5 2px solid;
		BORDER-RIGHT: #A4A5E5 2px solid;
		PADDING-TOP: 0px;
		PADDING-LEFT: 5px;
		PADDING-RIGHT: 5px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica,Arial,  sans-serif;
		BACKGROUND-COLOR: #A4A5E5;
		FONT-WEIGHT: bold;
	}
	.menu-content-HD{
		BORDER-TOP: #8A8BD0 2px solid;
		BORDER-BOTTOM: #8A8BD0 2px solid;
		BORDER-LEFT: #8A8BD0 2px solid;
		BORDER-RIGHT: #8A8BD0 2px solid;
		PADDING-TOP: 5px;
		PADDING-BOTTOM: 5px;
		PADDING-RIGHT: 5px;
		PADDING-LEFT: 5px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica,Arial,  sans-serif;
		BACKGROUND-COLOR: #FFFFFF;
	}
	
	/* Anchor Styles*/
	
	a:link{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	
	}
	a:visited{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	
	}
	a:active{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	
	}
	a:hover{
		color: #000000;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	
	}
	a.Menu:link{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}
	a.Menu:visited{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}
	a.Menu:active{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}
	a.Menu:hover{
		color: #97C9B2;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}
	a.Terms:link{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}
	a.Terms:visited{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}
	a.Terms:active{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}
	a.Terms:hover{
		color: #97C9B2;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}
	a.ProdExtra:link{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	}
	a.ProdExtra:visited{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	}
	a.ProdExtra:active{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	}
	a.ProdExtra:hover{
		color: #000000;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	}
	
	/* button styles */

	.button1 {
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size:1em;
		color: Black;
		font-weight: bold;
		background-color: #BBD9CB;
	}
	.button2 {
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size:1em;
		color: Black;
		font-weight: bold;
		background-color: #BBD9CB;
	}
	.button-hidden {
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size: 1em;
		color: #FFFFFF;
		background-color: #FFFFFF;
		BORDER-BOTTOM: #FFFFFF 1px solid;
		BORDER-LEFT: #FFFFFF 1px solid;
		BORDER-RIGHT: #FFFFFF 1px solid;
		BORDER-TOP: #FFFFFF 1px solid;
	}
	.HDbutton1 {
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size:1em;
		color: Black;
		font-weight: bold;
		background-color: #A4A5E5
	}

	/* image styles*/

	image.outline {
		BORDER: #000000 0px solid;
	}
	image.outline2 {
		BORDER: #000000 0px solid;
	}


	/* table styles */

	td{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.8em;	
	}

	.product-list-table-header{
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 3px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 3px;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		FONT-WEIGHT: bold;
		BACKGROUND-COLOR: #97C9B2;
	}
	.product-list-table-data-left{
	
		BORDER-LEFT: #97C9B2 2px solid;
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 1px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 2px;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY:  Helvetica, Arial, sans-serif;
	}
	.product-list-table-data-mid{
	
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 1px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 2px;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica, Arial, sans-serif;
	}
	.product-list-table-data-right{
	
		BORDER-RIGHT: #97C9B2 2px solid;
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 1px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 2px;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica, Arial,  sans-serif;
	}
	.product-list-table-data-bottom{
		BORDER-TOP: #97C9B2 2px solid;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY:Helvetica,  Arial,  sans-serif;
	}
	.RotateRow1{
		BACKGROUND-COLOR: #FFFFFF
	}
	.RotateRow2{
		BACKGROUND-COLOR: #D6EAE0
	}
	/* IMPORTANT: use this around any elements you want to pad. */
.innerTube {
margin:5px
}
.innerTubeNoTop {
margin:0px 5px 5px 5px
}
.innerTubeNoTopBot {
margin:0px 8px 0px 8px
}
.innerTubeNoBot {
margin:5px 5px 0px 5px
}
.innerTubeNoRight {
margin:5px 0px 5px 5px
}