﻿/* CSS layout 

#page {
	background-image:url('/img/global/pagebackground.png'); background-repeat:repeat-y;background-position:center
}
*/
h4	{
	font-size:15px;
	font-weight:bold;
}

body {
	background-color:#d4d4d4; 
	padding-bottom:50px;
	margin-top:0px;
	margin-left:0px;
}

a {
	font-family:Helvetica, verdana,arial,sans-serif;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


div {
	font-family:Helvetica, verdana,arial,sans-serif;
	font-size:12px;
}

p {
	font-family:Helvetica, verdana,arial,sans-serif;
	font-size:12px;
}

body {
	font-family:Helvetica, verdana,arial,sans-serif;
	font-size:12px;
}

a {
	color:#e15103;		
}

p.bottomtestimonial {
	font-size:18px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url('../img/global/testimonialbackground.png');background-repeat:y;background-position:center
	
	}

#wrap {
	margin:0px auto;
	width:996px;
}

#mainpagewrap {
	margin:0px auto;
	width:996px;
}


#masthead {
	height:150px;
	background-image:url('/img/global/mainbannernewlogo.png');
}

#framediv {
	background-image:url('../img/global/frame.png');
	background-repeat:repeat-y;
	background-color:white;
	
}



#locationcell {
	padding-left:24px;
	width:45%;
}


#logincell {
	width:55%;
	padding-right:30px;
	text-align:right;
}


#quotediv {
	margin-top:10px;
	margin-left:24px;
	height:80px;
	background-image:url('/img/global/quoteareanewlogo3.png');background-repeat:no-repeat
}

#quotetable {
	color:gray
}

#topstrip {
	padding-top:8px;
}

#container {
	position: relative;
	width: 944px;
	margin-top:15px;
	margin-left:24px;

}


#left_col {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
}


#page_content {
	margin-left: 200px;
	background-image:url('../img/global/content_top_clear.png'); background-repeat:no-repeat;
}

#page_inner_content {
	
	margin-left:25px;	
	padding-top:25px;
	margin-right:25px;
	min-height:470px;
}

.nopictureborder {
	border-width: 0;
}

#modelborder {
	border-style: solid;
	border-color: e9e7e7;
	border-width: 1px;
	width:100%;
	background-color:#f7f7f7
}

#footertable {
	margin-top:10px;
	width:960px;
	text-align:center;
	font-size:11px;
	color:white;
	margin-left:15px;

}

#bottomfiller {
	height:20px
}

#bottomswoop {
	background-image:url('../img/global/bottomswoopnewlogo.png');background-repeat:no-repeat;
	height:53px;
	padding-top:1px
}

#bottomborder {
	background-image:url('../img/global/bottomborder.png'); background-repeat:no-repeat;background-position:center;
	height:21px;
}

#testimonials {
	position:relative;
	margin-left:30px;
	top:-20px;
}


.centretext {
	text-align:center;

}

.modelbackground {
	background-image:url('../img/global/modelbackground.png');background-repeat:no-repeat;background-position:center;
	height:250px;
	vertical-align:top;
	padding-top:25px;
	padding-left:21px;
	padding-right:21px;

}

.packagebackground {
	background-image:url('../img/global/packagebackground.png');background-repeat:no-repeat;background-position:center;
	height:250px;
	vertical-align:top;
	width:280px;
}



.modelbackground:hover {
	background-image:url('../img/global/modelbackground-grey.png');background-repeat:no-repeat;background-position:center;
	cursor:pointer;
}
.packagebackground:hover {
	background-image:url('../img/global/packagebackground-grey.png');background-repeat:no-repeat;background-position:center;
	cursor:pointer;
}

.smallmodelbackground {
	background-image:url('../img/global/smallmodelbackgroundorange.png');background-repeat:no-repeat;background-position:center;
	height:176px;
	vertical-align:top;
	padding-top:13px;
	padding-left:21px;
	padding-right:21px;

}

.smallmodelbackground:hover {
	background-image:url('../img/global/smallmodelbackgroundgreyorange.png');background-repeat:no-repeat;background-position:center;
	cursor:pointer;
}

.smallmodelpicture {
	text-align:center;
	height:110px;
	
}
.modeltable {
	padding-left:3px;
	padding-right:6px;
	width:100%;
	text-align:center
}


.model_title {
	
	font-size:15px;
	color:#808080;
	text-align:center;
}

.model_titletext {
	
	font-size:15px;
	color:#808080;
	text-align:center;
	vertical-align:middle;
}



.small_model_title {
	font-size:15px;
	color:white;
	text-align:center;
	vertical-align:middle;
	height:30px
	
}

.model_description {
	text-align:center;
	font-size:10px;
	color:#808080;
	padding-left:5px;
	padding-right:5px

}

.model_main_title {
	vertical-align:top;
	padding-left:15px;
	padding-top:15px
}

.addtoenquiries {
	padding-left:15px
}

.downloadpics {
	padding-right:10px;
	border:0;
}

.availabilitybuttoncell {
	text-align:right;
}

.whitebackgroundcellcenter {
	background-color: #FFFFFF;
	text-align: center;
}
.normalbackgroundcellleft {
	font-size: 12px;
}
.whitebackgroundcellleft {
	font-size: 12px;
	background-color: #FFFFFF;
}
.redprices {
	font-size: 10px;
	color:red
}


#privacycontent {
	overflow:auto;
	height:450px;
	background-color:#F5F5F5;
}

#privacycontent p {
	margin-top:0;
	margin-bottom:0;	
}

.bulletbutton {
	list-style-image: url('../img/global/bulletbutton.png');
	font-size:15px;
	line-height:30px;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif
}

.biggerpicture {
	font-size:15px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:20px;
	font-family:Helvetica, Arial, sans-serif;
}

#biggerpicture {
	background-image:url('/img/about/biggerpicture.png');
	background-repeat:no-repeat;
	height:410px;
	font-family:Helvetica, Arial, sans-serif;
	padding-left:15px;
	padding-top:20px;
	color:white;
	font-size:15px;
	line-height:2em
	}


/*{{{ Top Navigation Buttons */

#facetwitter {
	position: relative; 
	top:89px;
	left:610px;
	width:50px;
	
}

#globalnav {  
	margin: 0px auto; 
	margin-left:10px;
	position: relative; 
	top:85px;
	text-align: left; 
	z-index: 1;	
}


#globalnav ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

#globalnav li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	text-indent: 0; 
}



#globalnav li a { 
	float: left; 
	height: 36px; 
	width: 132px; 
	overflow: hidden; 
	text-indent: -999em; 	
	background-image: url(/img/global/globalnav-clear.png); 
	background-repeat: no-repeat;	
}


/* global navi buttons */
#globalnav #gn1 a { background-position: 0 0; width: 93px; }
#globalnav #gn2 a { background-position: -93px 0; width: 78px;}
#globalnav #gn3 a { background-position: -171px 0; width: 98px; }
#globalnav #gn4 a { background-position: -269px 0; width: 117px; }
#globalnav #gn5 a { background-position: -386px 0; width: 161px; }
#globalnav #gn6 a { background-position: -547px 0; width: 118px; }
#globalnav #gn7 a { background-position: -665px 0; width: 96px;  }
#globalnav #gn8 a { background-position: -761px 0; width: 74px;  }



/* mouseover */
#globalnav #gn1 a:hover { background-position: 0 -36px; }
#globalnav #gn2 a:hover { background-position: -93px -36px; }
#globalnav #gn3 a:hover { background-position: -171px -36px; }
#globalnav #gn4 a:hover { background-position: -269px -36px; }
#globalnav #gn5 a:hover { background-position: -386px -36px; }
#globalnav #gn6 a:hover { background-position: -547px -36px; }
#globalnav #gn7 a:hover { background-position: -665px -36px; }
#globalnav #gn8 a:hover { background-position: -761px -36px; }


/* active button */
#globalnav a.active 		 { cursor: default; }
#globalnav #gn1 a.active { background-position: 0 -73px; }
#globalnav #gn2 a.active { background-position: -93px -73px!important; }
#globalnav #gn3 a.active { background-position: -171px -73px!important; }
#globalnav #gn4 a.active { background-position: -269px -73px!important; }
#globalnav #gn5 a.active { background-position: -386px -73px!important; }
#globalnav #gn6 a.active { background-position: -547px -73px!important; }
#globalnav #gn7 a.active { background-position: -665px -73px!important; }
#globalnav #gn8 a.active { background-position: -761px -73px!important; }

/*}}}*/

#pricepane {
	min-height:300px;
}

#rangepane {
	min-height:300px;
}

/*{{{ Home Page bits */


#home_page_content {
	width:100%;
	
}

#home_page_table {
	
	padding:0px;
}


#main_page_testimonials {
	height:100px;
	margin-left:30px;
	position:relative;
	margin-top:50x;
}


#dailynews {
	margin-left:15px;
}

#depotlocator {
	background-image:url('../img/homepage/depotlocator.png');
	background-repeat:no-repeat;
	margin-left:12px;
	padding-left:13px;
	padding-top:13px;
	padding-right:13px;
	font-size:17px;
	font-weight:bolder;
	height:200px;
	width:192px
}

#blogbanner {
	padding-bottom:20px;
	height:400px;
	background-image:url('../img/homepage/blogtab.png');
	background-repeat:no-repeat;
	margin-left:15px;
	padding-left:13px;
	padding-top:13px;
	padding-right:13px;
	font-size:17px;
	font-weight:bolder;
}

.blogtitle {
	font-size:12px;
}

.blogtext {
	font-size:8px;
	color:gray;
}

.blogspace {
	height:8px;
}

/* box content */


#left_col div.box {
	width:181px;
	margin:-1px 0 7px 0;
}


#drawer a.header {
	background:url("/img/global/sidenav.png") no-repeat;
	font-size:11px;
	height:16px;
	margin:0px;
	padding:8px 10px;
	display:block;
	text-decoration:none;
	color:#000;
	letter-spacing:0px;
}

#left_col div.box h2 {
	background:url("/img/global/sidenav.png") no-repeat;
	font-size:15px;
	font-weight:normal;
	height:16px;
	margin:0px;
	padding:8px 10px;
	display:block;
	text-decoration:none;
	color:#000;
	letter-spacing:0px;
}


#left_col div.box ul {
	background:url(/img/global/sidenav_strip.jpg) no-repeat;
}

#left_col div.box ul.sublist {
		border-bottom:1px solid #999;

}



#left_col div.clear {
	background:url("/img/global/sidenav.png") no-repeat 0 -353px;
	height:10px;	
}

#left_col div.box ul {
	margin:0;
	padding:0;
}

#left_col div.box li {	
	list-style-type:none;		
}

#left_col div.box li a {
	display:block;
	padding:6px 8px;
	border-bottom:1px solid #999;
	text-decoration:none;	
	font-size:12px;
	margin:0px 3px;
}

#left_col div.box li.sub a {
	display:block;
	padding:6px 35px;
	text-decoration:none;	
	font-size:10px;
	margin:0px 3px;
}


#left_col div.box li a:hover {
	background-color:#efefef;
	color:black;
}

#left_col div.box li a.selected:hover {
	background-color:#666;
	color:#fff;
	cursor:default;
}

#left_col div.box li a.selected {
	background-color:#000000;
	color:#fff;
	cursor:default;
}

#left_col div.box input.text {
	width:150px;		
}


/* tooltip */

div.tooltip {
	background:transparent url(/img/about/teamphotos/white_big.png) no-repeat scroll 0 0;
	font-size:10px;
	height:161px;
	padding-top:30px;
	padding-left:25px;
	padding-right:25px;
	width:321px;
	font-size:14px;
	display:none;
	z-index:10
}

div.tooltip2 {
	background:transparent url(/img/about/teamphotos/white_big.png) no-repeat scroll 0 0;
	font-size:10px;
	height:161px;
	padding-top:30px;
	padding-left:25px;
	padding-right:25px;
	width:321px;
	font-size:14px;
	display:none;
}


	.suggestionsBox {
		position: relative;
		left: 10px;
		top:-15px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #000000;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #ff5a00;	
		color: #ffffff;
		z-index:1
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}

.quantity {
	width:15px;
	text-align:center
	
	
}

.calendarbasket {
	background-image:url('/img/global/calendarbasket.png');
	background-position:center;
	background-repeat:no-repeat;
	height:82px;
	padding-top:45px;
	padding-left:50px;
	padding-right:50px;
}

.homepagetab {
	background-image:url('../img/homepage/homepagetab.png');
	background-repeat:no-repeat;
	height:140px;
	width:122px;
	padding-left:13px;
	padding-top:13px;
	padding-right:13px;
	font-size:17px;
	font-weight:bolder

}

.quotationbox {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:80px;
	padding-right:80px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#f7f7f7;
	border-color:gray;
	border-width:thin;
	border:medium;
	border-style:solid
	
}

