/* Layout styles
 * Only structural styles should be in here 
*/

img, div { behavior: url(css/iepngfix.htc) }

* {
padding: 0;
margin: 0;
}
body {
text-align: center;
margin: 0px;
padding: 0px;
background-color: #000;
font: 14px/18px Helvetica, Arial, sans-serif;
color: #000;
background-image: url(/images/layout/pinstripesbg.png);
background-repeat: repeat-x;
}
#bluehue {
position: relative;
width: 950px;
height: 100%;
background-image: url('/images/layout/blue-hue.png');
background-position: center;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
}
#warpper {
position: relative; 
height: 100%;
min-height: 760px;
width: 850px;
background-color: #FFF;
background-image: url(/images/layout/wave-sketch.gif);
background-position: bottom center;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
text-align: left;
padding: 0;
padding-bottom: 100px;
}
/*
.welcome_bg{
background: url(/images/layout/pageBg/welcome-page-graphic.png) no-repeat; */
}
*/
.jobs_bg{
background: url(/images/layout/pageBg/jobsBg.jpg) no-repeat;
}
.daylife_bg{
background: url(/images/layout/pageBg/daylifeBg.jpg) no-repeat;
}
.why_bg{
background: url(/images/layout/pageBg/whyBg.jpg) no-repeat;
}
.logistics_bg{
background: url(/images/layout/pageBg/logisticsBg.jpg) no-repeat;
}
.sales_marketing_bg{
background: url(/images/layout/pageBg/homepageBg.jpg) no-repeat;
}
.project_bg{
background: url(/images/layout/pageBg/projectBg.jpg) no-repeat;
}
.production_bg{
background: url(/images/layout/pageBg/productionBg.jpg) no-repeat;
}
.apply_bg{
background: url(/images/layout/pageBg/applyBg.jpg) no-repeat;
}
#container_left {
width: 600px;
float: left;
margin: 0;
border: 0px solid red;
padding: 0 0 0 20px;
}
#container_right {
width: 200px;
float: right;
margin: 0;
padding: 0;
border: 0px solid red;
text-align: center;
padding: 1px;
}
#innerContent {
position: relative; 
_height: 612px; 
min-height: 612px;
padding: 0;
margin: 0;
}
#innerShell{
position: relative; 
padding: 0;
margin: 0;
padding-top:10px;

}
#innerShell #contentRight{
position:relative;
}
#content_text{
position:relative;
margin-top: 20px;
min-height: 500px;
}

div#content_text.welcome {
width: 300px;
left: 300px;
position: absolute;
top: 0;
}
div.bonica_snap {
width: 270px;
margin-left: 20px;
border: 0px solid red;
float: left;
}
div.dealers {
margin-left: 20px;
}
div#dealerlist {
height: 400px;
overflow-y: scroll;
}
div.dealer_record {
border-bottom: 1px dotted #CCC;
margin-bottom: 10px;
}
div.dealer_record h3 {
line-height: 200%;
}
div.about {
left: 20px;
}
div.products {
left: 10px;
}
div.contacts {
text-align: center;
width: 600px;

}

#redder_logo {
position: relative; 
top: 15px;
width: 200px; 
height: 230px; 
background-repeat: no-repeat; 
background-position: left top; 
background-color: transparent;
}
#main_content {
position: relative; 
_height: 660px; 
min-height: 660px;
width: 960px;
margin: 0 auto 0 auto;
text-align: left;
padding-bottom: 50px;
}
#headContent {
position: relative; 
width: auto;
height:130px;
background: url(/images/layout/blandford-logo-animation.gif) no-repeat;
}
#headContent #logo{
position:relative;
float:left;
width:248px;
height:102px;
}
#headContent #rghtBanner{
position:relative;
float:left;
width:546px;
height:102px;
}
#page_banner {
overflow: hidden;
}
#user_box {
position: absolute;
top: 20px; 
right: 40px;
width:150px;
text-align:right;
}
#user_box a{
color:#000;
text-decoration:underline;
}
.jobContainer{
position: relative;
margin-top:20px;
left: 26px;
padding-top:75px;
}
.jobHeader{
position:relative;
}
.jobBox{

position: relative;
width:571px;
height:420px;
}
.job_box {
position: absolute;
top: 140px; 
left: 14px;
width: 563px;
height: 270px;
overflow-y: auto;
}
.job_box div {
margin: 10px 20px;
}
.jobDownloadBox{
position:absolute;
background-color:#CCC;
width:520px;
bottom:40px;
left:50px;
padding-left:4px;
}
.jobDownloadBox a{
color:black;
text-decoration:underline;
}
.jobDownloadBox a:hover{
color:#444;
text-decoration:none;
}
.jobDownloadBox h2{
color:black;
margin:0;
padding:0;
}
.job_box div {
margin: 10px 20px;
}

.why_box {
position: absolute;
top: 146px; 
left: 14px;
width: 548px;
height: 265px;
overflow-y: auto;
}
.why_box div {
margin: 10px 20px;
}

#apply_instructions {
position: absolute;
top: 85px; 
left: 50px;
width: 520px;
height: 265px;
}

.apply_box {
position: absolute;
top: 198px; 
left: 14px;
width: 564px;
height: 230px;
overflow-y: auto;
}
.login_box{

margin-top:40px;
margin-left:40px;
width:170px;
height:200px;
}
#downloadset {
margin-left: 20px;
}
.downloadBox {
margin: 4px;
padding: 4px 6px;
background-color: #CCC;
}
.loginForm{
position:relative;
top:30px;

}
.successMsg{
color:#006FB7;

}
.apply_box div {
margin: 10px 20px;
}

.why_box div p {
margin: 6px 0;
}

.day_box {
position: absolute;
top: 85px; 
left: 14px;
width: 332px;
height: 355px;
overflow-y: auto;
}
.day_box div {
margin: 10px 20px;
}

.day_box div p {
margin: 6px 0;
}

#home_centre {
position: relative;
height:357px;
width: 420px;
margin: 0;
background-color: #032C62;
background-image: url(/images/layout/home-centre_bg.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#home_centre h1 {
font-size: 36px;
line-height: 36px;
letter-spacing: 1px;
position: relative;
margin: 10px 15px;
padding: 0;
left: 0;
float: none;
}

#home_centre #greenband {
background-color: #C3CD22;
padding:6px 0;
}
#home_centre #greenband div {
font: normal 20px/20px Impact, Helvetica, Arial, sans-serif;
letter-spacing: 0px;
position: relative;
margin: 0 15px;
padding: 0;
left: 0;
float: none;
}

#home_centre p {
font: normal 14px/20px Impact, Helvetica, Arial, sans-serif;
letter-spacing: 1px;
color: white;
position: relative;
margin: 6px 15px;
padding: 0;
left: 0;
float: none;
}

#home_centre_jobs_link {
position: absolute;
right: 20px;
bottom: 20px;
color: white;
}

#home_centre_jobs_link a {
color: white;
}

#home_centre_jobs_link a img {
text-align: baseline;
}

#home_daylife {
position: relative;
background-image: url(/images/home/home_daylife_box.gif);
background-repeat: no-repeat;
height:466px;
width: 191px;
margin-right: 0;
}

#home_daylife div.bottom_link {
position: absolute;
bottom: 0;
}

#home_daylife div.text {
margin: 0 12px;
}

#home_daylife div.text p {
color: white;
font-size: 9px;
line-height: 11px;
margin-bottom: 2px;
padding-bottom: 1px;
border-bottom: 1px solid white;
}


#home_hotpress {
height:219px;
width: 184px;
margin: 0;
}
#home_find_yha_box {
height:138px;
width: 186px;
margin: 0;
}
#yha_youtube {
/*background-image: url(/images/home/home_yha_virtual_tours.jpg);
background-repeat: no-repeat;*/
height:108px;
width: 611px;
margin: 0;
}
#yha_youtube img{
border:none;
}
.black-border{
border:1px solid #000;
}
#footer{
position: relative;
width:847px;
margin:0 auto 0 auto;
height: 55px;
display: none;
}
#footer a{
text-decoration:none;
color:#FFF;
}
#footer a:hover{
color:#006FB7;
}
#foot_logo {
position: absolute;
right: 30px;
top: 10px;
}
#copyright {
position: absolute;
left: 30px; 
top: 20px;
color: white;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/***************** Content grid  */
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */
	
div.column {
float: left;
margin: 0 0 0 15px;
}
div.columnRight {
float: right;
margin: 0;
}
.rightContainer{
float:right;
}
div.fullwidth {
width: 847px;
/*width: 876px;*/
}

div.threequarterwidth {
width: 620px;
}
div.halfwidth {
width: 400px;
}
div.halfwidthLarge{
width:420px;
}
div.halfwidthMeduim{
width:380px;
}
div.thirdwidth {
width: 290px;
}
div.quarterwidth {
width: 190px;
}

div.threequarterwidth .content table{
width:660px;
}

.nomargin {
margin: 0;
}

.imageLinks{
position:absolute;
display:inline;
}
.imageLink{
position:relative;
display:inline;
float:left;
margin-left:4px;
}
#treeOptions{
padding-top:20px;
}
.btnrow{
width:100px;
text-align:center;
}
.btnStatusrow{
text-align:center;
width:180px;
}
.btnStatusrow .btn{
display:block;
margin:0;
}
.errorBox{
width:400px;
}
.errorBox p{
margin-bottom:10px;
}
.success{
position:relative;
margin:20px;
padding: 20px;
color: #FFFFFF;
background-color: #002233;
}
.accountBox{
border:1px solid #999;
background-color:#EEE;
padding:5px 5px 5px 0;
}
.successBox h2{
}

.successBox h2.shadow{
}
.apply_box .clearfix{
margin:0;
}