* {
 padding: 0;
 margin: 0;
}

body {
 background-color:#406784;
}
p {
 margin: 8px 0 8px 0;
}

a img {
 border: 0;
}

#main {
 width: 720px;
 margin: 20px auto;
 padding: 20px 20px;
 font-family: Helvetica, sans-serif,Verdana, Arial;
 background-color:#ffffff; 
}

#header {
 margin: 0 0 8px 6px;
 height: 114px;
}

#logo {
 float: left;
 height: 114px;
 width: 220pxl
}

.clear {
 clear:both;
 height:0px;
 overflow:hidden;
}

/* Main Navigation Styles ************/

#navHeader ul {
 list-style: none;
}

#navHeader li {
 float: left;
 display: inline;
}

#navHeader a {
 padding: 0 4px 0 0;
 width: 67px;
 height: 85px;
 border-left: 1px solid #ffffff;
 background: #6ebddd;
 font-size: 85%;
 font-weight:normal;
 text-align: right;
 vertical-align: bottom;
 color:#ffffff;
 text-decoration: none;
 display: block;
}

#navHeader a:hover {
 background: #0088bb;
}

#navHeader .vertAlign1Line {
 padding: 60px 4px 0 0;
 height: 20px;
}

#navHeader .vertAlign2Line {
 padding: 44px 4px 0 0;
 height: 36px;
}

#navHeader .vertAlign3Line {
 padding: 28px 4px 0 0;
 height: 52px;
}

#navHeader .vertAlign1LineSelected {
 padding: 60px 4px 0 0;
 height: 20px;
 background: #0088bb;
}

#navHeader .vertAlign2LineSelected {
 padding: 44px 4px 0 0;
 height: 36px;
 background: #0088bb;
}

#navHeader .vertAlign3LineSelected {
 padding: 28px 4px 0 0;
 height: 52px;
 background: #0088bb;
}

/************ End of Main Navigation */

#content{
 padding: 0 0 0 0;
 margin: 13px 0 0 1px;
 width: 720px;
 min-height: 294px;
 background: url(/images/contentbg.png) repeat-y;
}

#contentContractFlooring {
 padding: 0 0 0 0;
 margin: 13px 0 0 1px;
 width: 720px;
 min-height: 294px;
 background: url(/images/contentbgred.png) repeat-y;
}

#contentBrandonHire{
 padding: 0 0 0 0;
 margin: 13px 0 0 1px;
 width: 720px;
 min-height: 294px;
 background: url(/images/contentbgorange.png) repeat-y;
}

#minHeightIEHack {
height: 294px;
float: right;
width: 1px;
z-index: -1;
}

/* Blue box at the left of the pages ************/

#boxLeft {
 width:191px;
 padding: 0 8px 55px 16px;
 float: left;
 color: #ffffff;
}

#boxLeft a {
 color:#ffffff;
 text-decoration: none;
}

#boxLeft a:hover {
 color: #f2eb16;	
}

#boxLeft p {
 margin: 12px 0 16px 0;
 font-size: 80%;
}

#boxLeft .smallText { /* Used for the smaller text on the branch detail pages */
 font-size: 70%;
}



#boxLeft h1 {
 margin: 24px 0 0 0;
 font-size: 145%;
 font-weight:normal;
}

#boxLeft h2 {
 margin: 10px 0 0 0;
 font-weight:bold;	
 font-size: 100%;
}

#wolseleyLogo {
margin:-40px 0 0 135px;
position:relative;
float:left;
display:inline;
}

#wolseleyLogo a img{
 border: 0;
}

/* Used for keeping 2 col text in line */
.heading {
 width: 64px;
 float: left;
}

/* Used for keeping 2 col text in line */
.data {
 float:left;	
 margin: 0 0 4px 0;
}

/* Used for keeping 2 col text in line, but with reduced width */
.headingSkinny {
 width: 16px;
 float: left;
}

#managerTitle, #branchmanager, #branchTitle, #branchtype, #addressTitle, #address {
 margin: 0 0 0 0; 
 font-size:70%;
}

#relocation {
 font-size: 90%;
 font-weight:bold;
 color: #0088bb;
}

#boxLeft ul {
 list-style: bullet;
 margin: 16px 0 0 0;
}

#boxLeft h2 {
 margin: 10px 0 0 0;
 font-weight:bold;	
 font-size: 100%;
}

#boxLeft li {
 margin: 4px 0 10px 15px;
 font-size: 100%;
 font-weight:bold;	
}

#boxLeft .selected {
 color: #0088bb;
}

/************ end of blue box */

/* specific location map **********/

#locationMap {
 padding: 32px 0 0 0;
 text-align:center;

}

#locationMap img {
 border: 0;
}

/*************** end of location map */

#mainContent {

 float: left;
 margin: 0 0 0 8px;
 width:496px;
 font-size: 70%;
 font-weight:normal;

}

#mainContent h2 {
 padding: 0 0 0 8px;
 font-size: 120%;	
 color: #0088bb;
}

#mainContent ul {
 margin: 0 0 0 24px;
 list-style: square none;
}

#mainContent li {
 margin: 8px 0 8px 10px;
}

#mainContent img {
 padding: 0 0 0 0;
 margin: 0 0 -3px 0;
}

#mainContent a {
 text-decoration:none;
 color: #0088bb;
}

#mainContent a:hover {
 color: #6ebddd;
}

#mainContent p {
 padding: 0 0 0 8px;
}

#mainContent table {
 padding: 0 0 0 8px;
}

#mainContent .jobLocationHead {
 margin: 16px 0 16px 8px;
 width: 150px;
 display: block;
 float: left;
 font-weight: bold;
}

#mainContent .jobTypeHead {
 margin: 16px 0;
 width: auto;
 display: block;
 float: left;
 font-weight: bold;
}

#mainContent .jobLocationCounty {
 margin: 0 0 0 8px;;
 width: 150px;
 display: block;
 float: left;
 font-weight: bold;
}

#mainContent .jobLocation {
 margin: 0 0 0 8px;
 width: 150px;
 display: block;
 float: left;
}

#mainContent .jobType {
 margin: 0 0;
 width: auto;
 display: block;
 float: left;
}

/* Select Location dropdown on map pages *****************/

#selectLocation {
 float:left;	
}

#selectLocation select {
 font-family: Helvetica, sans-serif,Verdana, Arial;
 font-size:100%;
 background-color: #ffffff; 
 border-top: 1px solid #f0f0f0;
 border-bottom: 1px solid #f0f0f0;
 border-left: 1px solid #d8d8d8;
 border-right: 1px solid #d8d8d8;
}


#selectLocation .country{
 color: #ffffff;
 font-weight:bold;
 background-color: #0088bb;
 text-align:center;
}

#selectLocation .countyHeader {

 color: #ffffff;
 font-weight:bold;
 background-color: #6ebddd;
 text-align:center;
}

#selectLocation input{
 margin-left: 8px;
 font-family: Helvetica, sans-serif,Verdana, Arial;
 font-size:100%;
 background-color: #ffffff; 
 border-top: 1px solid #f0f0f0;
 border-bottom: 1px solid #f0f0f0;
 border-left: 1px solid #d8d8d8;
 border-right: 1px solid #d8d8d8;
}
/**************** End of Select Location */

/* Search and more boxout at the right of the pages ************/

#boxSearchEtc {
 margin: 0 0 0 8px;
 width:215px;
 float:right;
 font-size: 110%;
 font-weight:normal;
 color: #6ebddd;
}

#boxSearchEtc img {
 margin: 12px 0 4px 0;	
}


#boxSearchEtcFrontPage {
 margin: -12px 0 0 0;
 width:215px;
 float:right;
 font-size: 110%;
 font-weight:normal;
 color: #6ebddd;
}

#boxSearchEtcFrontPage img {
 margin: 12px 0 4px 0;	
}


/**************** End of searchetc Location */

#boxBlueBorder {
 margin: 12px 0 0 0;
 padding: 0 4px 0 16px;
 overflow: hidden;
 height: 292px;
 border: 1px solid #6ebddd;
 color: #000000;
}

#boxBlueBorder h1 {
 margin: 10px 0 0 0;
 font-size: 180%;
 font-weight:normal;
 color: #0088bb;
}

#boxBlueBorder a {
 font-size: 90%;
 text-decoration:none;
 color: #0088bb;
}

#boxBlueBorder a:hover {
 color: #6ebddd;
}

#boxBlueBorder p {
 padding: 0;
 margin:5px 0px 5px 0px;
}

#boxBlueBorder img {
 padding: 0;
 margin:0px;
}

#pdfLink {
 float: right;
 margin: 4px 0 0 0;
}

#pdfLink img {
 border: 0;
}

#pdfLink a {
 font-size: 110%;
 font-weight:normal;
 vertical-align: bottom;
 color:#909090;
 text-decoration: none;
}

#pdfLink a:hover {
 color: #c8c8c8;
}

/************ end of search box box */

/* divs etc. for the suppliers pages ************/

.supplierLeft {
 float:left;	
 width: 50%;
}

.supplierRight {
 float:right;
 width: 50%;	
}

/************ end of suppliers */

/************ end of search box box */

/* divs etc. for the flooring suppliers pages ************/

.supplier3ColLeft {
 float:left;	
 width: 33%;
}

.supplier3ColRight {
 float:right;
 width: 33%;	
}

/************ end of suppliers */


/*************** Contact Form */

#contactForm {
 margin: 40px 0 0 0;
}
#contactForm label
{
	width: 95px;
	float: left;
	text-align: right;
	margin-right: 16px;
	display: block;
}

#contactForm input,#contactForm textarea,#contactForm select
{
	background: #f0f0f0;
	border: 1px solid #707070;
}

#contactForm .button
{
	margin-left: 112px;
}



/** end of Contact Form *******/

.imgCenter {
 text-align:center;
}

.imgCenter img {
 border: 0;
}

/*************** footer */

#footer {
 margin: 8px 0 -8px 0;
 font-size:70%;
 text-align:left;
 color: #a0a0a0;
}

#footer a {
 text-decoration:none;
 color: #0088bb;
}

#footer a:hover {
 color: #6ebddd;
}

#footer #originateLink {
 color: #a0a0a0;
}

/** end of footer *******/

/* rotator in-page placement */
    div#rotator {
        float:right;
	position:relative;
	width:475px;
        height:112px;
	margin-left: 0px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */
	div#rotator ul li img {
	border:0px solid #ccc;
	padding: 0px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500;
}