/****    © 2007 soVision Ltd      ****/
/** CSS Styles for Steve Vick Int  **/

/* Site Wide Colours               /
	Red			:	#E42F2F       /
	Pink		:	#F3B6B6      /
	Grey 		:	#CCCCCC     /
	Dark Red	:	#DE2121    /
	Light Red	:	#FB6262   /
	                        */

body{
	background:#FFFFF2;
	margin:0px;
	padding:0px;
	font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
	font-size:0.85em;
}
img{
	border:none;
}
.page_container{
	background:url(../images/steve_vick_background.gif) repeat-y center;
	margin:0px auto 0px auto!important;
	text-align:center;
	position:relative;
	width:100%;
}
.page{
	background:#FFFFFF;
	margin:0px auto 0px auto!important;
	padding:0px 0px 2px 0px;
	width:888px;
	text-align:center;
	position:relative;
}
/* header */
.header{
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
}
.logo{
	float:left;
	position:absolute;
	margin:12px 0px 10px 27px;
	padding:0px;

}
.statement{
	float:right;
	position:relative;
	margin:12px 36px 10px 0px;
	text-align:right;
}

/* navigation bar styling */
.nav{
	background:#E42F2F url(../images/steve_vick_red_30.jpg) repeat-x;
	height:30px;
	color:#FFFFFF;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.1em;
	border-left:solid 1px #FB6262;
	border-right:solid 1px #DE2121;
	clear:both;
	position:relative;
}
.nav_selected{
	color:#F3B6B6!important;
}
.nav_chip{
	background:#E42F2F url(../images/steve_vick_red_30.jpg) repeat-x; 	
	margin:0px;
	padding:0px;
	border-left:solid 1px #FB6262; 
	border-right:solid 1px #DE2121;
	text-align:center;
	position:relative;
	font-weight:bold;
}
.nav_chip a{
	color:#FFFFFF;
	display:block; 
	line-height:30px;
	padding:0px 6px 0px 6px;
	text-decoration:none;
}
.nav_chip a:hover{
	color:#FBE3E3;
	background:#E42F2F url(../images/steve_vick_red_30_over.jpg) repeat-x;
	display:block;
	text-decoration:none;
}
.nav_chipfirst a:hover{
	color:#FBE3E3;
	background:#E42F2F url(../images/steve_vick_red_30_over.jpg) repeat-x;
	display:block;
	text-decoration:none;
}
.nav_chiplast a:hover{
	color:#FBE3E3;
	background:#E42F2F url(../images/steve_vick_red_30_over.jpg) repeat-x;
	display:block;
	text-decoration:none;
}
/* SUB navigation bar styling */
.sub_nav{
	margin:0px 0px 1px 0px;
	background:#CCCCCC;
	color:#FFFFFF;
	width:888px;
	text-align:center;
	float:left;
	position:relative;
	clear:both;
	font-size:.9em;
}
.subnav_item a{
	color:#FFFFFF;
	margin:0px;
	padding:0px 10px 0px 10px;
	background:#CCCCCC;
	border-right:solid 1px #FFFFFF;
	text-align:center;
	text-decoration:none;
	float:left
}
.subnav_item a:hover{
	text-decoration:none;
	background:#DE2121;
}

.sub_nav_selected{
	background:#FB6262!important;
}
/* drop down menu styles */
#dropmenudiv{
	position:absolute;
	z-index:100;
}
#dropmenudiv a{
	color:#fff;
	display: block;
	border-top:1px solid #FFFFFF;
	padding: 1px 10px 1px 10px;
	text-decoration: none;
	background-color:#B2B2B2;
}
#dropmenudiv a:hover{ /*hover background color*/
	background-color: #E42F2F;
}

/* search bar */
.search_bar{
	min-width:229px;
	text-align:right;
	background:#CCCCCC;
	color:#FFFFFF;
	float:right;
	position:relative;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 8px;
	clear:both;
}
form{
	margin:0px;
	padding:0px;
}
.go{
	background:url(../images/steve_vick_red_20.jpg) #E42F2F;
	color:#FFFFFF;
	height:22px;
	margin:0px 0px 0px 3px;
	padding:0px 3px 0px 3px;
	border:none;
}
.button{
	background:url(../images/steve_vick_red_20.jpg) #E42F2F;
	color:#FFFFFF;
	height:22px;
	margin:0px 4px 0px 4px;
	padding:0px 8px 0px 8px;
	border:none;
}
.button_line{
	text-align:center;
	margin:0px 0px 20px 0px;
}
/* Content area styling */
.main_area{
	margin:0px 0px 6px 40px;
	font-size:1.1em;
	text-align:left;
}
.home_maintext{
	float:left;
	position:relative;
	margin:0px 0px 8px 0px;
	padding:0px 16px 0px 0px;
	width:611px;
	max-width:595px;
	border-right:solid 1px #000000;
}
.home_news{
	float:right;
	position:relative;
	margin:0px 27px 0px 0px;
	width:190px;
}

.home_news h1
{
	margin:0px 0px 0px 0px;
	font-size:1.1em;
	text-transform:uppercase;
	color: #DE2121;
}

.home_image{
	float:right;
	position:relative;
	text-align:center;
	margin:0px 0px 8px 18px;
	padding:0px 0px 0px 0px;
}
.image{
	float:right;
	position:relative;
	text-align:center;
	margin:0px 0px 20px 14px;
	padding:0px 0px 0px 0px;
}
.maintext{
	float:left;
	position:relative;
	margin:0px 0px 12px 0px;
	padding:0px 16px 0px 0px;
	width:819px;
	max-width:803px;
}
.twocol_maintext{
	float:left;
	position:relative;
	margin:0px 0px 12px 0px;
	padding:0px 16px 0px 0px;
	width:600px;
	max-width:584px;
}
.twocol_right{
	float:right;
	position:relative;
	margin:0px 27px 14px 0px;
	width:210px;
}
/* Enquiry form  */
.form_maintext{
	float:left;
	position:relative;
	margin:0px 0px 12px 0px;
	padding:0px 16px 0px 0px;
	width:400px;
	max-width:384px;
}
.form_maintext p{
	margin:0px 0px 8px 0px!important;
	padding:2px 0px 3px 4px!important;
	background:#EEE;
}
.form_maintext span{
	width:130px;
	min-width:130px;
	max-width:130px;
	margin:6px 0px 0px 0px;
	padding:2px 6px 0px 6px;
	position:relative;
	float:left;
}
.form_maintext input{
	color:#000000;
	font-weight:bold;
	margin:4px 8px 2px 0px;
	padding:0px 2px 0px 2px;	
}
.form_sublist
{
	font-size:.9em;
	width:350px!important;
	min-width:340px!important;
	max-width:340px!important;
	margin:2px 8px 4px 36px!important;
	padding:0px 0px 0px 0px!important;
}

/* Right Hand Content */ 
.right_hand_col{
	float:right;
	position:relative;
	text-align:center;
	margin:0px 0px 24px 14px;
	padding:0px 0px 0px 0px;
}
.right_hand_col_head{
	background:url(../images/steve_vick_light_30.gif) #F3B6B6;
	width:192px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	height:30px;
	position:relative;
	line-height:30px;

}
.right_hand_col_head_title{
	margin:0px 0px 0px 6px;
	float:left;
	width:154;
	text-align:center;
	position:relative;
}
.right_hand_col_head_title a{
	font-weight:normal!important;
	color:#000000!important;
	text-decoration:none;
}
.right_hand_col_head_title a:hover{
	color:#000000!important;
	text-decoration:none!important;
}
.right_hand_col_head_image{
	margin:3px 6px 0px 0px;
	float:right;
	position:relative;
}
.right_hand_col_head img
{
	border:none;
	vertical-align:middle;
}
.right_hand_links{
	width:192px;
	min-width:192px;
	margin:0px 0px 16px 0px;
	float:left;
	position:relative;
	border-bottom:1px solid #CCCCCC;

}
.right_hand_label{
	width:150px;
	max-width:150px;
	float:left;
	position:relative;
	font-size:0.9em;
	line-height:0.95em;
	margin:0px 0px 4px 6px;
}
.right_hand_label h1{
	font-size:1em;
}
.right_hand_icon{
	float:right;
	position:relative;
	vertical-align:middle;
	margin:0px 0px 4px 0px;
}
.icon{
	margin:8px 8px 8px 0px;
	vertical-align:middle;
}

/* Text Styling */
.main_area h1{
	margin:0px 0px 0px 0px;
	font-size:1.1em;
	text-transform:uppercase;
}
.main_area h2{
	margin:12px 0px 0px 0px;
	font-size:1em;
}
.main_area h3{
	margin:2px 0px 0px 0px;
	font-size:1em;
	font-style:italic;
}
.main_area li{
	list-style:url(../images/bullet.gif);
}
.news_date{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 1em;
	font-weight:normal;
	font-style:italic;
}

.prod_detail{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 1em;
	font-weight:normal;
}
.main_area p{
	margin:0px 0px 1em 0px;
	line-height:1.1em;
}
.main_area a{
	color:#E42F2F;
	font-weight:bold;
	text-decoration:none;
}
.main_area a:hover{
	text-decoration:underline;
}
.caption{
	width:192px;
	min-width:192px;
	margin:0px 0px 18px 0px;
	text-align:center;
	font-size:0.9em;
}
.newsList{
	border-bottom:solid 1px #CCCCCC;
	margin-bottom:12px;
}
.newsList_desc{
	float:left;
	position:relative;
	width:650px;
	margin:0px 20px 0px 0px;
}
.newsList_pic{
	float:left;
	position:relative;
	width:120px;
	margin:16px 0px 8px 0px;
}
.nextPage{
	float:right;
	position:relative;
	margin:0px 30px 0px 0px;
	
}
.pageFootInstruction{
	float:left;
	position:relative;
	padding-bottom:20px;
}
.prodList{
	border-bottom:solid 1px #CCCCCC;
	margin-bottom:12px;
}

/* Embedded web fonts -- */
  @font-face {
    font-family: Gill Sans MT;
    font-style:  normal;
    font-weight: normal;
    src: url(eot\GILLSAN3.eot);
  }
  @font-face {
    font-family: Gill Sans MT;
    font-style:  normal;
    font-weight: 700;
    src: url(eot\GILLSAN2.eot);
  }
  @font-face {
    font-family: Gill Sans MT;
    font-style:  oblique;
    font-weight: normal;
    src: url(eot\GILLSAN1.eot);
  }
  @font-face {
    font-family: Gill Sans MT;
    font-style:  oblique;
    font-weight: 700;
    src: url(eot\GILLSAN0.eot);
  }

/* footer bar */
.foot{
	background:#E42F2F url(../images/steve_vick_red_30.jpg) repeat-x;
	padding:0px 5px 0px 6px;
	font-size:0.9em;
	color:#FFFFFF;
	height:30px;
	line-height:30px;
}
.foot a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.foot a:hover{
	text-decoration:underline;
}
.foot_left{
	float:left;
	position:relative;
}
.foot_right{
	float:right;
	position:relative;
}
.base{
	background:url(../images/steve_vick_base.gif) top no-repeat;
}

/* Misc. */
.clear{
	clear:both;
}

.ImALink{
	cursor:default;
}

/* Product datasheet table style*/
.datasheet{
 border:1px solid #666666;
 border-collapse:collapse;
 empty-cells:show;
 padding:0px;
 margin:0px;
 width:100%;
 font-size:0.85em;
 float:right;
 position:relative;
}
.datasheet td{
 border:1px solid #666666;
 padding:0px 4px 2px 4px;
 margin:0px;
 vertical-align:top;
}
.heading_row{
 font-style:italic;
 font-weight:bold;
}

/* Info Centre File list styles */
.infoDocLink{
 float:left;
 position:relative;
 font-size:0.9em;
 line-height:0.95em;
 margin:8px 0px 2px 0px;
 padding:8px 0px 0px 0px;
 clear:both;
 width:100%;
 border-top:1px solid #cccccc;
}
.infoDocLink h1{
 font-size:1em;
}
.infoDocLink img{
 float:left;
 position:relative;
 vertical-align:middle;
 margin:0px 8px 0px 0px;
}



/* Info Centre */
.username{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px .5em;
	font-weight:normal;
	font-style:italic;
}
.logout{
	padding-top:10px;
	float:right;
}
.myaccount a{
	font-size:0.9em;
}
.loginMainHeader {padding:5px 0 5px 0;}
.loginBox {width:358px;height:240px;float:left;text-align:center;padding:12px; margin:0px 8px 0px 0px; border: solid 1px #999;}
.signupBox {width:358px;height:240px;float:left;text-align:center;padding:12px; margin:0px 0px 0px 0px; border: solid 1px #999;}
.loginHeader {background:#E42F2F url(../images/steve_vick_red_30.jpg) repeat-x;  margin:0px 0px 20px 0px; width:100%; padding:2px; text-align:center; color:white;}
.signUpHeader {background:#E42F2F url(../images/steve_vick_red_30.jpg) repeat-x; margin:0px 0px 20px 0px; width:100%; padding:2px; text-align:center; color:white;}
.signUpText {height:60px;}

.formTextbox{width:140px;}
.formElement {width:150px;float:left;padding-bottom:6px;text-align:left;}
.formElementExtended {float:left;}

