/* CSS Document */

/* 2 column layout text and links */
.content_col_wrapper{
width:100%;
}
.content_col{
padding:0px;
margin:0px;
width:400px;
float:left;
}

.col_right{
width:169px;
float:left;
padding-left:1px;
}

.col_right ul{
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:3px;
}

#TextArea .col_right ul{
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:3px;
}

#TextArea .col_right li{
padding:0px;
margin:0px;
border-bottom:1px dotted #666;
list-style-type:none;
padding-top:5px;
padding-bottom:5px;
font-weight:normal;
}

#TextArea .col_right li a{
display:block;
width:100%;
}


/* end of 2 column layout text and links */



.Border {
	color:#666666;
	background-color:#f7f7f7;
	border:1px solid #cccccc;
	padding:5px;
	margin:5px;
	width:200px;
}



.langmenu{
	height:20px;
	display:none;
}

.langmenu ul{
	font-size:65%;
	padding:0px;
	margin:0px;
}

.langmenu li{
	padding:0px;
	margin:0px;
	list-style-type:none;
	margin-right:10px;
	margin-top:3px;
	float:left;
}

.langmenu li a{
	display:block;
}


.langmenu li a span{
	position:absolute;
	left:-1000px;
}


.langen a{
	background-image:url(../lang_images/english.jpg);
	background-repeat:no-repeat;
	width:52px;
	height:13px;
}
.langen a:hover{
	background-image:url(../lang_images/english-over.jpg);

}

.langfr a{
	background-image:url(../lang_images/french.jpg);
	background-repeat:no-repeat;
	width:51px;
	height:13px;
}
.langfr a:hover{
	background-image:url(../lang_images/french-over.jpg);

}

/* Text Columns */

.text_container{
float:left;
height:100%;
width:100%;
}

.text_container .text2columns{
float:left;
min-height:100%;
border-right:1px dotted #ccc;
width:47%;
padding:1%;
}

.text_container .text3columns{
float:left;
min-height:100%;
width:31%;
padding:1%;
border-right:1px dotted #ccc;
}

.text_container .lastcolumn{
border:0px;
}
/* end of Text columns layout  */

/*////////////////////////////////////////// misc styles ///////////////////////////////////////////////////*/

.important_bad{
background-color:#FFDDDD;
padding:10px;
margin-top:5px;
margin-bottom:5px;
}
.important_good{
background-color:#D7FFAE;
padding:10px;
margin-top:5px;
margin-bottom:5px;
}

#email_friend{
background-color:#eeeeee;
border:1px solid #ccc;
width:350px;
margin:auto;
margin-top:10px;
padding:10px;
/*Recommend a friend page*/
}

.ErrorMessage{
	color:#FF0000;
	font-size:11px;
	}
.ErrorMessage2{
	color:#FF0000;
	font-size:11px;
	font-weight:bold;
	}
.ErrorMessage3{
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	}
	
.MessageBox{
	height:150px;
	font-size:11px;
	width:400px;
}
.FormText{
	font-size:11px;
	width:300px;
}

.link_button{
/*used to align buttons*/
	vertical-align:middle;
}

/* account page menu */

#Accountmenu ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:20px;
}
#Accountmenu li {
 
 margin:0px;
 padding:0px;
 list-style-type:none;
 float:left;
 margin-right:5px;
}

/* end of account page */

/* no products enquiry form on products.asp, offers.asp, and search_results.asp*/

#frm_no_prods div{
	margin-bottom:10px
}

#frm_no_prods input{
	margin-top:5px
}

/* end of no product enquiry form*/

#paymentgateway{
margin-top:10px;
}

#paymentgateway ul{
margin:0px;
padding:0px;
margin-top:20px;
}

#paymentgateway li{
list-style-type:none;
margin:0px;
padding:0px;
margin-bottom:10px;
vertical-align:middle;

}
#paymentgateway li img{
vertical-align:middle;
}

/* register form */

#registerform{
padding:5px;
margin-top:10px;
}

#registerform fieldset{
margin-top:5px;
padding:3px;
border:1px dotted #999;

}

#registerform legend{
background-color:#333;
color:#fff;
padding:5px;
font-weight:bold;
}

#registerform .checked{
padding-left:20px;
}



.register_row{
width:100%;

}

.register_row span{
width:49%;
float:left;
display:table;
vertical-align:middle;
margin:0px;
padding:0px;
margin-bottom:3px;

}

.register_row .singleitem{
margin-top:3px;
width:100%;
clear:left;
}

#submitbtn{
margin-top:10px;
}

.register_row .inputbox{
width:90%;
margin:0px;
padding:0px;
}
.reglongtext{
width:93%;
margin:0px;
padding:0px;
}

.RegErrorMessage{
color:#FF0000;
padding:3px;

}

/* end of register form */

/* register validation styles */
span.hint {
	font:85%;
	background:#FFFF99 url(../images/bulb.png) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 30px;
	width:250px;
	position:absolute;
	margin-top:40px;
	display:none;
}


#registerform .welldone span.hint {
	background:#CCFF99 url(../images/apply.png) no-repeat top left;
	border-color:#99CC00;
	color:#000;
	margin-top:40px;
}
#registerform .kindagood span.hint {
	background:#ffffcc url(../images/info.png) no-repeat top left;
	border-color:#FFCC00;
	margin-top:40px;
}


#registerform .welldone {
	background:transparent url(../images/small_apply.png) no-repeat ;
	background-position:top;
}
#registerform .kindagood {
	background:transparent url(../images/small_info.png) no-repeat;
	background-position:top;
}

/* end of register validation styles*/


/* sign in box*/
form{
	padding:0px;
	margin:0px;
}

.Signin{
	float:left;
	font-size:11px;
	width:100%;
	margin-bottom:5px;
	margin-top:10px;
}

.Signin .ErrorMessage{
background-color:#FFFFFF;
padding:3px;
width:50%;
text-align:center;
margin:auto;
margin-top:5px;
}

.SigninHeader{
	height:20px;
	padding:5px;
	font-weight:bold;
	font-size:130%;
	background-color:#eeeeee;
	border-bottom:1px solid #ffffff;
	color:#000;
	
}
.SignBoxes{
	padding:5px;

}

.signtextbox{
	width:250px;

}
.SmallPrint{
	font-size:85%;
	padding:5px;
	vertical-align:baseline;
}

.Signin .subButton{
	padding:3px;
	
	
}
/* end of sign in box*/

/* faqs */

.faq_categories{
margin:0px;
padding:0px;
}

.faq_categories li{
margin:0px;
padding:0px;
padding-top:8px;
padding-bottom:8px;
list-style-type:none;
float:left;
margin-right:1px;
}

.faq_categories li a{
margin:0px;
padding:0px;
padding:10px;
display:block;
text-decoration:none;
font-size:120%;
background-color:#eeeeee;
border:1px solid #ccc;
color:#000;
}

.faq_categories li a:hover{
background-color:#f7f7f7;
}

/* end of faqs*/

/* end of misc styles*/