/*----------
	Focus For A Change - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #2F2F31;
	font: 62.5%/1.8em Arial, Verdana, Helvetica, sans-serif;
  background: #E7E7E7 url(../images/core/bg.jpg) no-repeat 50% 0;
}

#container {
  width: 960px;
  margin: 10px auto;
  font-size: 1.2em;
  background-color: #FFFFFF;
}

#content {
  padding: 25px 0;
}

#column-right {
	position: relative;
  float: right;
  width: 720px;
}

#column-left {
  float: left;
  width: 215px;
}

#text {
  width: 470px;
  margin: 10px 0;
  padding: 0 20px 10px 0;
  border-right: 1px solid #DFDFE0;
}

#p-enquiries #text, #p-contact #text, 
#p-profile #text {
  width: 640px;
  margin: 10px 0;
  padding: 0 20px 10px 0;
  border: none;
}

/*----------	CoMMoN STYLeS	----------*/
a { color: #EA0103; text-decoration: underline; }
a:hover { text-decoration: none; cursor: pointer; }
h1, h2, h3 {
  color: #EA0103;
  font-weight: normal;
	margin: 10px 0;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; font-weight: bold; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #DFDFE0; margin: 10px 0; }
p { margin: 0 0 20px 0; }
ul { margin: 10px 30px; list-style: square; }
table { margin: 0 0 15px 0; text-align: center; }
td, th { border: 1px solid #E2E2DF; padding: 3px; }
th { background-color: #E2E2DF; color: #5e5c5c; font-weight: normal; }
u {text-decoration:underline;}

.left {display: inline; float: left; margin: 0 20px 10px 0;}
.slideshow{	 float: left; margin: 0 20px 10px 0; width:200px; height:150px;}
#v-show { width:150px!important; height: 200px!important; }
.clear { display: block; clear: both; }
.top { border-top: 1px solid #DFDFE0; text-align: right; font-size: 0.9em; margin: 10px 0; }
.inner_pictures { width: 150px; float: right; margin: 10px; }
.nobullet li {list-style: none; margin-bottom:5px;}
.nobullet li a {font-size: 1.4em; line-height:22px;}

.more-information {width: 470px; margin: auto; font-size: 11px;}

ul.long li { float: left; width: 210px; }
ul.hot-cold-side { padding-left: 185px; margin-bottom: 5px; list-style: none; }
ul li.side-small { width: 94px; float: left; }
#mudmap { margin: 10px; float: right; }

ul.sbs /* Side by Side */ {
	display: inline;
	float: left;
	width: 160px;
}
span.note { text-decoration:underline; font-size:11px!important;}

h2.centerheading { text-align:center; width:460px; clear:both; padding:25px 0 10px 0!important;} 

/*----------	H1 STYLeS	----------*/
h1 {
  width: 289px;
  height: 18px;
  display: block;
  padding: 0 0 10px 0;
  text-indent: -9999px;
}
#p-home h1 { background: url(../images/core/h1-home.gif) no-repeat; }
#p-profile h1 { background: url(../images/core/h1-profile.gif) no-repeat; }
#p-parts_service h1 { background: url(../images/core/h1-parts_service.gif) no-repeat; }
#p-exchangers h1 { background: url(../images/core/h1-exchangers.gif) no-repeat; }
#p-enquiries h1 { background: url(../images/core/h1-enquiries.gif) no-repeat; }
#p-contact h1 { background: url(../images/core/h1-contact.gif) no-repeat; }
#p-thankyou h1 { background: url(../images/core/h1-thankyou.gif) no-repeat; }


/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 960px;
  height: 135px;
  position: relative;
}

#header #logo {
  top: 28px;
  left: 29px;
  position: absolute;
}

#header #slogan {
  top: 53px;
  left: 551px;
  position: absolute;
}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  width: 960px;
  height: 42px;
  background: url(../images/nav/nav-bg.gif) repeat-x;
}
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; height: 42px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -42px !important; }
#nav ul li#home a { background: url(../images/nav/home.gif) no-repeat; width: 89px; }
#nav ul li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 88px; }
#nav ul li#parts_service a { background: url(../images/nav/parts_service.gif) no-repeat; width: 158px; }
#nav ul li#exchangers a { background: url(../images/nav/exchangers.gif) no-repeat; width: 211px; }
#nav ul li#enquiries a { background: url(../images/nav/enquiries.gif) no-repeat; width: 108px; }
#nav ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 98px; }
#nav ul li#video a {
  width: 150px;
  height: 38px;
  display: block;
  margin-right: 10px;
  background: url(../images/core/button-video.gif) no-repeat;
}
#nav ul li#video a:hover { background-position: 0 -38px!important; }
#nav ul li#video{
	float: right;
}

#p-home li#home a,
#p-profile li#profile a,
#p-parts_service li#parts_service a,
#p-exchangers li#exchangers a,
#p-enquiries li#enquiries a,
#p-contact li#contact a {
  background-position: 0 -42px !important;
}



/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 960px;
  height: 290px;
  display: block;
  position: relative;
  background-color: #A1A0A6;
}

#cta-services {
  position: absolute;
  top: 35px;
  left: 785px;
  color: #FFFFFF;
  font-size: 0.9em;
  text-align: right;
  text-transform: uppercase;
}

#cta-services p#service-title { margin:0; font-size: 1.1em; font-weight: bold;}
#cta-services ul { margin: 0; list-style-type: none; }
#cta-services ul li { margin: 2px 0;}
#cta-services ul li .dot {
  width: 3px;
  height: 3px;
  padding: 0 0 0 10px;
  background: url(../images/core/icon-list.gif) no-repeat left center;
}




/*----------	CTa STYLeS	----------*/
#cta {
  width: 161px;
  padding: 27px;
  background: url(../images/core/cta-bg.gif) no-repeat;
}
#cta p#cta-title {
  width: 160px;
  height: 19px;
  display: block;
  text-indent: -9999px;
  background: url(../images/core/h2-cta.gif) no-repeat;
  margin:0;
}


#cta img {
  margin: 10px 0;
  border: 3px solid #FFFFFF;
}

#cta #i-phone {
  padding: 0 0 0 20px;
  background: url(../images/core/icon-phone.gif) no-repeat left center;
}

#cta #i-fax {
  padding: 0 0 0 20px;
  background: url(../images/core/icon-fax.gif) no-repeat left center;
}

#cta #i-email {
  padding: 0 0 0 20px;
  background: url(../images/core/icon-email.gif) no-repeat left center;
}
#side-img {
  width: 160px;
	display: inline;
	position: absolute;
	right: 45px;
	margin-top:0;
	margin-bottom:0;
}

/*----------	eNQUIRY STYLeS	----------*/
#enquiry_form {
  width: 160px;
	display: inline;
	position: absolute;
	right: 0;
  color: #2f2f31;
  padding: 0 30px 30px 23px;
}



#p-home #enquiry_form,
#p-profile #enquiry_form {
  width: 160px;
	float: left;
	clear: left;
	position: relative;
	top: 0;
	left: 0;
  color: #2f2f31;
  padding: 0 30px 30px 23px;
}


#enquiry_form p#form-title {
  width: 128px;
  height: 18px;
  display: block;
  margin: 10px 0;
  text-indent: -9999px;
  background: url(../images/core/h2-enquiry.gif) no-repeat;
  margin:0;
}

form#cta-enquiryform label { font-weight: bold; font-size: 0.9em; margin: 0 2px ; }
form#cta-enquiryform input, form#cta-enquiryform textarea {
  width: 159px;
  padding: 3px;
  margin: 0 0 3px 0;
  border: 1px solid #dfdfe0;
  background-color: #F1F2F4;
}
form#cta-enquiryform button {
  width: 85px;
  height: 23px;
  border: none;
  display: block;
  margin: 5px 0 0 0;
  cursor: pointer;
  background: url(../images/core/button-submit.gif) no-repeat;
   overflow:hidden;
}
form#cta-enquiryform button:hover {
  background-position: 0 -23px !important;
}

#p-enquiries form.form li {
	float: left;
	clear: left;
	width: 480px;
}

#p-enquiries form.form ol.hot-cold-side {
	width: 100%;
}

#p-enquiries form.form ol.hot-cold-side li.side-small {
	width: 60px;
	float: left;
	clear: none;
	margin-right: 52px;
}

#p-enquiries table {
	width: 460px;
}

#p-enquiries table input { 
	width: 130px !important;
	text-align:center;
} 

#p-enquiries table select,
#p-enquiries table option {
	width: 230px !important;
}

input.tick {width: 20px!important;}

li#enquiry_question1, li#enquiry_question2, li#enquiry_question1_ex, li#enquiry_question2_ex, li#enquiry_question1_parts, li#enquiry_question2_parts {font-size: 11px;}
li#sorry1, li#sorry2, li#sorry1_ex, li#sorry2_ex, li#sorry1_parts, li#sorry2_parts {color: red; font-size: 11px; display:none;}

li#enquiry_question2, li#enquiry_question2_ex, li#enquiry_question2_parts {display:none;}

.enquiry_hide {display:none;}
.enquiry_hide_ex {display:none;}
.enquiry_hide_parts {display:none;}

#p-enquiries h2 {margin:0; padding:0;}
#p-enquiries form.form legend { margin:0!important; padding:0!important;}

table.enquire_details { width:500px; text-align:center; margin:auto 0;}
table.enquire_details  td { padding: 7px 2px;}
/*table.enquire_details input, table.enquire_details select { width:100%;}*/

/*----------	SHoW/HiDe STYLeS	----------*/

.showhide h2:hover{
	cursor: pointer;
}

.showhide-content div.info {
	width: 240px;
	float:left; 
}

.products{
	width: 470px;
}
ul#buttons li{
	display: inline;
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	text-align: center;
	width: 130px;
}
ul#buttons li a{
	background: #E11A22;
	border: 1px solid #666;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 130px;
	padding: 10px;
	text-decoration: none;
	width: 100px;
}
ul#buttons li a:hover{
	border: 1px solid #111;
	background: #1B337F;
}

/*----------	eXCHaNGeRS STYLeS	----------*/
.thumbnail {
  width: 150px;
  float: left;
  margin: 0 10px 10px 0;
}
ul#products { margin: 0; list-style-type: none; }
ul#products li {
  padding: 10px 0;
  border-bottom: 1px solid #DFDFE0;
}
ul#products li ul { margin: 10px 30px; list-style-type: square; }
ul#products li ul li { padding: 0; border: none; }


/*----------	FooTeR STYLeS	----------*/
#footer {
  height: 60px;
  padding: 10px 30px;
  color: #FFFFFF;
  background: url(../images/core/footer-bg.gif) repeat-x;
  margin-top: 30px;

}
#footer a { text-decoration: none; color: #FFFFFF; margin: 0 5px; }
#footer a:hover { text-decoration: underline; }
#footer ul#logos { margin: 0; list-style-type: none; float: left; width: 180px; }
#footer ul#logos li { float: left; width: 70px; height: 62px; display: inline; }
#footer #copyright { float: left; width: 530px; text-align: center; margin: 10px 0 0 0; }
#footer #wflogo { float: right; margin: 10px; }