/* -------------------------------  S T A N D A R D  ---------------------------*/

html, body {
	margin: 0;
	padding: 0;
	height:100%;
	
	background:url(../img/layout/bg_body_2.jpg) no-repeat top center;
}


/* -------------------------------  M A I N  ---------------------------*/
.div_main3 {
	position:relative;
	display:block;
	z-index:1;
}
.div_page {
	position: relative;
	display:block;
	width:1000px;
	width: 1000px;
	min-height:100%;
	margin:  0 auto 106px auto;

}
.div_hdr {
	position:relative;
	height: 140px;
	margin:0 0 20px 0;
	width: 970px;
}
.div_logo_1 {
	position:relative;
	float:left;
	width:201px;
	height:91px;
	margin:22px 0 0 0;
	font-size: 0.67em;
	color: #999999;
}
.div_logo_2 {
	position:relative;
	width:140px;
	height:90px;
	margin: 30px 0 0 0;
	float: right;
}
.div_banner_small {
	position:relative;
	float:left;
	width:530px;
	height:120px;
	margin:20px 0 0 55px;
}
.div_banner_large {
	position:relative;
	float:right;
	width:720px;
	height:120px;
	margin:20px 0 0 0;
}
.div_main {
	position:relative;
	display:block;
	z-index:1;
	background: transparent url('../img/layout/bg_container_top_2.png') no-repeat 0px 20px;
}
.div_main2 {
	position:relative;
	display:block;
	z-index:1;
	background: transparent url('../img/layout/bg_container_top_3.png') no-repeat 0px 20px;
}

.div_col_left {
	position:relative;
	display:block;
	float:left;
	width:190px;
	padding:20px 0 20px 0;
	z-index: 99;
}
.div_col_right {
	position:relative;
	display:block;
	float:left;
	width:780px;
	z-index: 2;
}
.div_container_top {
	width:100%;
	height:67px;
	display:block;
	float:left;
}
.div_container_mid {
	width:100%;
	min-height:350px;
	display:block;
	float:left;
}
.div_container_btm {
	background: url('../img/layout/bg_container_btm.png') no-repeat 0 0;
	width:100%;
	margin: 0;
	z-index: 5;
	display:block;
	float:left;

}
.div_container_btm_2 {
	width:100%;
	min-height:10px;
	padding:50px 0 0 0;
	z-index: 5;
}
.div_container_btm_3 {
	width:100%;
	height:37px;
	background: url('../img/layout/bg_footer.png') no-repeat 190px 0;
	margin:0 0 10px 0;
	z-index: 1;
}

.div_container_small_top {
	width:100%;
	height:67px;
}
.div_container_small_mid {
	width:100%;
	min-height:300px;
}
.div_container_small_btm {
	background: url('../img/layout/bg_container_small_btm.png') no-repeat 0 0;
	width:100%;
	margin: 0;
	z-index: 5;
	display:block;
	float:left;
}
.div_container_small_btm_2 {
	width:100%;
	padding:50px 0 0 0;
	z-index: 5;
	min-height: 10px;
}
.div_container_small_btm_3 {
	width:100%;
	height:37px;
	background: url('../img/layout/bg_footer_small.png') no-repeat 190px 0;
	margin:0 0 10px 0;
	z-index: 1;
}






.box_title {
	position:absolute;
	top:27px;
	left:13px;
	width:361px;
	height:33px;
}
.title {
	margin:10px 0 0 10px;
	font-size:1.1em;
	font-weight:bold;

}
.box_bar {
	position:relative;
	width:724px;
	height:34px;
	margin: 0 0 0 30px;
}
.box_user {
	position:absolute;
	top:0;
	right:0;
	width:400px;
	height:50px;
	text-align: right;
}
.box_bar_title {
	font-size:0.9em;
	color:#333333;
	padding:0 0 0 20px;
	margin:0 0 0 20px;
	height:28px;
}
.box_bar_title_pad {
	padding:5px 0 0 0;
}
.box_bar_title_table {
	font-size:0.9em;
	color:#333333;
	padding:0 0 0 20px;
	margin:0 0 0 20px;

}

.col_left {
	float:left;
	width:375px;
}
.col_right {
	float:left;
	width:360px;
}
.box_01 {
	width:365px;
	min-height:300px;

}
.box_01_top {
	min-height:300px;
	background: url('../img/layout/bg_box01_top.png') no-repeat 0 0;
	padding: 20px 10px 10px 15px;
}
.box_01_btm {
	height:8px;
	background: url('../img/layout/bg_box01_btm.png') no-repeat 0 0;
}

.box_01_small {
	width:365px;
	min-height:100px;
	margin:0 0 5px 0;

}
.box_01_small_top {
	min-height:100px;
	background: url('../img/layout/bg_box01_top.png') no-repeat 0 0;
	padding: 20px 10px 10px 15px;
}
.box_01_small_btm {
	height:8px;
	background: url('../img/layout/bg_box01_btm.png') no-repeat 0 0;
}





.box_02 {
	width:722px;
	min-height:50px;
	margin:20px 0 20px 0;
}
.box_02_top {
	min-height:50px;
	background: url('../img/layout/bg_box02_top.gif') no-repeat 0 0;
	padding: 10px 10px 0px 10px;
}
.box_02_btm {
	height:10px;
	background: url('../img/layout/bg_box02_btm.gif') no-repeat 0 0;
}
.info_1 {
	width:335px;
	height:25px;
	background: url('../img/layout/bg_info_1.png') no-repeat 0 0;
	font-size:0.8em;
	margin: 0 0 10px 0;
}

.info_1_left {
	color:#FFFFFF;
	font-weight:bold;
	margin:3px 0 0 15px;
	float:left;
	width:90px

}
.info_1_right {
	margin:3px 0 0 10px;
	float:left;
	color: #003333;
}



.div_caution {
	font-size:0.7em;
	font-weight:bold;
	float:left;
}



.relative { position:relative }



.scroller {
	position:absolute;
	top:68px;
	left: 650px;
}
.scroller_bg {
	width:89px;
	height:24px;
	background: url('../img/scroller/bg_scroll_small.png') no-repeat 0 0;
}

.footer {
	position:relative;
	display:block;
	width:100%;
	margin: 0 0 0 0;
	background: url('../img/layout/bg_footer.jpg') no-repeat bottom center;
	z-index: 3;
}
.footer_cont {
	width:1000px;
	min-height:106px;
	margin: 0 auto 0 auto;
}

.footer_text {
	position:relative;
	display:block;
	width:810px;
	padding:7px 0 30px 0;
	font-size:0.7em;
	}

.floater_info {
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	width:25px;
	height:25px;
	background: url('../img/bulls/bul_info.png') no-repeat 0 0;
}
a:hover.floater_info {background: url('../img/bulls/bul_info_on.png') no-repeat 0 0;}

.floater_info2 {
	position:relative;
	top:2px;
	left:-12px;
	display:block;
	width:25px;
	height:25px;
	background: url('../img/bulls/bul_info.png') no-repeat 0 0;
}
a:hover.floater_info2 {background: url('../img/bulls/bul_info_on.png') no-repeat 0 0;}

.floater_info3 {
	position:relative;
	display:block;
	width:25px;
	background: url('../img/bulls/bul_info.png') no-repeat 0 0;
	float: left;
	height: 25px;
}
a:hover.floater_info3 {background: url('../img/bulls/bul_info_on.png') no-repeat 0 0;}
.floater_info4 {
	position:relative;
	display:block;
	width:25px;
	background: url('../img/bulls/bul_info.png') no-repeat 0 0;
	height: 25px;
	float: left;
	margin: 0 0 0 -32px;
}
a:hover.floater_info4 {background: url('../img/bulls/bul_info_on.png') no-repeat 0 0;}
.floater_info_grey {
	position:relative;
	display:block;
	width:25px;
	background: url('../img/bulls/bul_info_grey.png') no-repeat 0 0;
	height: 25px;
	float: left;
	margin: 0 0 0 -32px;
	cursor:arrow;
}
a:hover.floater_info_grey {background: url('../img/bulls/bul_info_grey.png') no-repeat 0 0;}

.floater_sort {
	position:relative;
	display:block;
	width:20px;
	margin:0 3px 0 0;
	float:right;
	background: url('../img/bulls/bul_sort_down.png') no-repeat center 10px;
	height: 25px;
}
.div_myshortcuts {
	float: right;
	width: 170px;
	margin: -35px 0 0 0;
}
.box_contact {
	width:200px;
	height:150px;
	float:left;
	margin: 20px 20px 0 10px;
}
#contact_paulbee { background: url('../img/contact/contact_paulbee.jpg') no-repeat top right}
#contact_robinlimb { background: url('../img/contact/contact_robinlimb.jpg') no-repeat top right}
#contact_richardriley { background: url('../img/contact/contact_richardriley.jpg') no-repeat top right}
#contact_colinwaters { background: url('../img/contact/contact_colinwaters.jpg') no-repeat top right}
#contact_deniserichards { background: url('../img/contact/contact_deniserichards.jpg') no-repeat top right}
.contact_helpdesk {
	width:240px;
	height:180px;
	float:left;
	margin: 20px 0px 0 10px;
	background: url('../img/contact/contact_helpdesk.jpg') no-repeat 0 20px;
	padding: 0 0 0 10px;
}


.contact_name {
	font-size:0.9em;
	margin: 60px 0 3px 0;
}
.contact_title {
	color:#71abcd;
	font-size:0.6em;
	margin: 0 0 3px 0;
}
.contact_email {
	color:#999999;
	font-size:0.7em;
	margin: 0 0 3px 0;
}
.contact_phone { font-size:0.9em}

.box_myshortcut {
	width: 170px;
	height:75px;
	margin: 0 0 0 0;
}
.box_factory_details {
	width: 160px;
	margin: 0 0 20px 10px;
	font-size: 1.2em;
}

.box_ad {
	width: 170px;
	height:75px;
	margin: 10px 0 0 0;
}
.box_article {
	float:left;
	width:100%;
	border-bottom: 1px dotted #cccccc;
	padding: 5px 5px 10px 5px;

}
.box_article img { border:none}
a:hover.box_article   { background:#EEEEEE}

.article_header {

}
.article_date {
	font-size:0.7em;
	color:#008fe7;
	margin:0;
}
.article_title {
	font-size:0.8em;
	color:#4d54b0;
	padding: 5px 0 5px 0;

}
.article_sum {
	font-size:0.7em;
	color:#999999;

}
.article_hdr {
	width:100%;
	height:97px;
	margin:0 0 0 9px;
	background:url(../img/layout/bg_article_hdr.png) no-repeat;
	color: #333333;
}

.box_rel_files {
	float:left;
	min-height:50px;
	width:190px;
	background:url(../img/extras/thumb_rel_files.png) no-repeat top left;
	margin:0 0px 0 20px;
	border-right: 1px dotted #999;
	padding-right:10px;
}
.box_rel_articles {
	float:left;
	min-height:50px;
	width:200px;
	background:url(../img/extras/thumb_rel_articles.png) no-repeat 7px 0;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	padding:0 10px 0 10px;
	margin: 0 0px 0 -1px;
}
.box_feedback {
	float:left;
	min-height:50px;
	width:300px;
	background:url(../img/extras/thumb_feedback.png) no-repeat 7px 0;
	border-left: 1px dotted #999;
	padding-left:10px;
	margin-left:-1px;
}

.popup {
	position:relative;
	top:0;
	left:0;
	width:205px;

}
.popup_top {
	width:205px;
	background: url('../img/popup/bg_popup_top.png') no-repeat 0 0;
	min-height: 50px;
}
.popup_bottom {
	background: url('../img/popup/bg_popup_bottom.png') no-repeat 0 0;
	width:205px;
	height:10px;
}
.popup_pad {
	font-family:Tahoma, Arial;
	font-size:10px;
	color:#666666;
	padding:15px;
}
.popup_250 {
	position:relative;
	top:0;
	left:0;
	width:250px;

}
.popup_250_top {
	width:250px;
	background: url('../img/popup/bg_popup_top_250.png') no-repeat 0 0;
	min-height: 50px;
}
.popup_250_bottom {
	background: url('../img/popup/bg_popup_bottom_250.png') no-repeat 0 0;
	width:250px;
	height:10px;
}

.popup_400 {
	position:relative;
	top:0;
	left:0;
	width:400px;

}
.popup_400_top {
	width:400px;
	background: url('../img/popup/bg_popup_top_400.png') no-repeat 0 0;
	min-height: 50px;
}
.popup_400_bottom {
	background: url('../img/popup/bg_popup_bottom_400.png') no-repeat 0 0;
	width:400px;
	height:10px;
}

.copyright { float:left; width:200px}

.dividerline_hor {
	border-bottom:1px dotted #ccc;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
	height: 1px;
	font-size: 1px;
}
/* -------------------------------  P G SCROLL  ---------------------------*/

#pgscroll ul {padding:0; margin:0; list-style-type:none}
#pgscroll li {
	position:relative;
	display:block;
	float:left;
	height:25px;
	width:18px;
	font-size:11px;

}
#pgscroll li a.page {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:25px;
	color:#003366;
	padding:2px 0 0 12px;
	margin: 0 0 0 0px;
	background: url('../img/pgscroll/pgscroll_page.png') no-repeat  top center;
}
#pgscroll li a.on { 
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:25px;
	color:#003366;
	padding:2px 0 0 12px;
	margin: 0 0 0 0px;
	background: url('../img/pgscroll/pgscroll_page_on.png') no-repeat  top center; color:#ffffff
}
#pgscroll li a:hover { text-decoration:underline }

#pgscroll li a.first { 
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:25px;
	color:#003366;
	padding:2px 7px 0 0px;
	margin: 0 0 0 0px;
	text-align:right;
	background: url('../img/pgscroll/pgscroll_page_first.png') no-repeat  top center; color:#ffffff
}
#pgscroll li a.prev { 
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:25px;
	color:#003366;
	padding:2px 7px 0 0px;
	margin: 0 0 0 0px;
	text-align:right;
	background: url('../img/pgscroll/pgscroll_page_prev.png') no-repeat  top center; color:#ffffff
}
#pgscroll li a.next {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:25px;
	color:#003366;
	padding:2px 0 0 12px;
	margin: 0 0 0 0px;
	background: url('../img/pgscroll/pgscroll_page_next.png') no-repeat  top center; color:#ffffff
}
#pgscroll li a.last {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:25px;
	color:#003366;
	padding:2px 0 0 12px;
	margin: 0 0 0 0px;
	background: url('../img/pgscroll/pgscroll_page_last.png') no-repeat  top center; color:#ffffff
}




#pgscroll img { border:0}

#pgscroll li.first {width:50px}
#pgscroll li.last  {width:50px}
#pgscroll li.next  {width:54px}
#pgscroll li.prev  {width:54px}


#pgscroll a.first, #pgscroll a.prev, #pgscroll a.next, #pgscroll a.last  { padding:0 ; margin: 0 }


/* -------------------------------  S E T T I N G s  ---------------------------*/

.float_left { float:left}
.float_right { float:right}
.hidden { visibility: hidden}

.padding_5 {
	padding:5px 8px 10px 10px;
}

.padding_10 {
	padding:0 40px 0 40px
}
.padding_20 {
	position: relative;
	display:block;
	float:left;
	margin: 0 0 0 0;
	padding: 20px 20px 20px 20px;
}
.padding_30 {
	padding:20px
}
.padding_30_narrow {
	padding:20px;
	width:550px;
	float: left;
}

.padding_40 {
	padding:40px 20px 0 30px
}

.margin_10 { margin:10px}
.margin_20 { margin:20px}
.margin_30 { margin:30px}
.margin_40 { margin:40px}

/* -------------------------------  F I X E s  ---------------------------*/

.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.copyright 
{
	color:#999;
	padding-top:3px;
}

.clearfooter {
	height: 106px;
	clear: both;
}
