/* CSS Document */
/*Padded content */
.paddedcontent{
padding:20px;
}
/*services */

.services{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}


.services li{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	margin:3px;
}

.services li a{
	display:block;
	background:#000;
	color:#fff;
	font-size:150%;
	width:120px;
	height:120px;
	padding:10px;
	border:1px solid #fff;
}

.services li.cyan a{
background:#0099cc;
}

.services li.magenta a{
background:#cc0066;
}

.services li.yellow a{
background:#ffff00;
color:#000;
}

.services li a:hover{
	display:block;
	background:#fff;
	color:#000;
	background:#fff url(../images/logo.jpg) center bottom no-repeat;
	border:1px solid #ccc;
}

/*end of services*/

#gallerypagebottom{
	font-size:0px;
	margin:0px;
	padding:0px;
}

/* brochure and web gallery*/

.webgallery{
	float:left;
	border:1px solid #cfcfcf;
	margin:1px;
	height:250px;
	background:#f7f7f7;
	width:182px;
}

.webgallery td{
	padding:5px;
}

.webgallery img{
	border:5px solid #fff;

}

.webgallery .brochureimage{
	border:1px solid #cfcfcf;
	text-align:center;
	padding:0px;
	margin:0px;
	}
.Tbl .webgallery .brochureimage label{
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:150px;
	}
/*create brochure button area*/
.createbrochure{
	width:100%;
}
#txtBrochurename{
	padding:10px;
}

/* end of brochure and web gallery*/

/* Flash Gallery Containers*/

#flgallery_container{
width:750px;
margin:auto;
}

#flGallery{
width:750px;
height:500px;
}

/* End of Flash Gallery Containers*/

/*Alerts */

.alertcontainer{
padding-top:10px;
width:100%;
}

.alerts{
	margin:0px;
	padding:0px;
}

.alerts li{
	margin:0px;
	padding:0px;
	padding:10px;
	background:#FFDDDD;
	color:#000;
	list-style:none;
}

/* end of Alerts*/


/* Rounded edged boxes */
dl.curved {
	background:#004073 url(../images/corner-top-left.jpg) top left no-repeat;
	margin:auto;
	margin-bottom:5px;
	padding:0;
	width:33%;
	margin-right:1%;
	float:left;
 }

dl.curved.end{
width:32%;
margin-right:0%;
}

dl.curved dt {
	background:transparent url(../images/corner-top-right.jpg) top right no-repeat;
	padding:10px;
	text-align:center;
	color:#fff;
}
dl.curved dd {
	position:relative;
	background:#eeeeee url(../images/corner-bottom-left.jpg) bottom left no-repeat;
	padding:0;
	margin:0;
	min-height:200px;
}
dl.curved dd p {
	margin:0;
	padding:10px;
	line-height:1.3em;
}
dl.curved dd div.last {
	position:absolute;
	bottom:0;
	right:0;
	width:25px;
	height:25px;
	background:transparent url(../images/corner-bottom-right.jpg) bottom right no-repeat;
 }

/* End of Rounded edged boxes */



/* Large box 3 boxes table*/

.largebox{
	width:100%;
	margin-bottom:5px;
}

.largebox td{
	width:33%;
	border-right:5px solid #fff;
}

.largebox td, th{
	padding:5px;
}


.largebox thead th{	
	background:#eeeeee;
	border-right:5px solid #fff;
	text-align:left;
}

.largebox tbody td{
line-height:125%;
font-size:90%;
vertical-align:top;
}

.largebox tfoot td{
	background:#eeeeee;
	text-align:right;
	font-size:90%;
}

.largebox tfoot a{
	color:#F00;
	text-decoration:none;
}

.largebox .last, thead, tbody, td, th{
	border-right:0px;
	}

/* 2 column layout text and links */
.content_col_wrapper{
width:100%;
}
.content_col{
padding:0px;
margin:0px;
width:60%;
float:left;
}

.col_right{
width:38%;
float:left;
padding-left:1%;
}

.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;
}

.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;
border:1px solid #F00;
}

.important_bad.products{
margin:5px;
}

.important_good{
background-color:#D7FFAE;
padding:10px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #0C0;
}


.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:bottom;
}

/* 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*/

#gateways{text-align:center; margin-bottom:10px; margin-top:10px;}/*used in basket page*/
#creditcards{text-align:center; margin-bottom:10px; margin-top:10px;}/*used in basket page*/

#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 solid #cfcfcf;
background:#f7f7f7;

}

#registerform legend{
background-color:#cfcfcf;
color:#999;
padding:10px;
font-size:150%;
font-weight:bold;
}

#registerform .checked{
padding-left:20px;
}



.register_row{
width:100%;

}

.register_row div{
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;

}

#submitbtn{
margin-top:10px;
}

.register_row .inputbox{
width:95%;
margin:0px;
padding:0px;

padding:5px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #cfcfcf;
}
.reglongtext{
width:95%;
margin:0px;
padding:0px;

padding:5px;
margin-top:5px;
margin-bottom:5px;

}

.register_row #Country{

margin:0px;
padding:0px;

padding:5px;
margin-top:5px;
margin-bottom:5px;	
}

.register_row #Title{

margin:0px;
padding:0px;

padding:5px;
margin-top:5px;
margin-bottom:5px;	
}


.register_row .important_bad{
width:93%;
color:#F00;

}*/

/* end of register form */

/* register validation styles */
span.hint {
	font-size:100%;
	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{

	width:100%;
	margin-bottom:5px;
	margin-top:10px;
	background:#f7f7f7;
}

.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{
padding:5px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #cfcfcf;
width:95%;
}
.SmallPrint{
	font-size:100%;
	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*/


