@charset "utf-8";
/* 

SITE NAME

Description
	
	This stylesheet is used to style overall layout and home page content

Dimensions
	
	Width - 849px

Contents

	1. Default Styles
	2. Classes
	3. Layout
	4. Header
	5. Menu
	6. Centre Content
	7. Right Content 
	8. Footer
*/


/* - 1. Default Styles -  */

*{
	margin:0; /* Set default padding and margin values to zero */
	padding:0;}



li{
	list-style-type:none;}

a{
	text-decoration:none;}
	
a img{
	border:none;}
	
body{
	font-size:62.5%; /* Match ems to 10% of pixel sizes */
	font-family: Arial, Helvetica, sans-serif;
	color:#333333; /*Default font color*/
	background:#8d8d8d;
	margin:0;
	text-align:justify;
}
	
	

/* - 2. Classes -  */
.bold{
	font-weight:bold;}

.redbold{
	font-weight:bold;
	color:#D60903;}
	
.italic{
	font-style:italic;}
	
.red{
	color:#990033;}

/* - 3. Layout -  */
#wrapper{
	margin:0px auto 0 auto; /*Centre Content*/
	/*width:849px;*/
	width:849px;	
	padding-left:5px;
	padding-right:5px;
	background:#ffffff;
	position:relative;
} 

#pageborder{
	/*background-image:url(../gui/content/border.gif);
	background-repeat:repeat-y;*/
	width:837px;
	padding:15px 5px 0 5px;
	float:left;
	border-left:solid 1px #d4d4d4;
	border-right:solid 1px #d4d4d4;
	background:#fff;
}

		
/* - 4. Header -  */
	div#slideshow{
		width:592px;
		height:316px;
		background:none;
		display:none;
	}
#header_wrap{
	/*width:100%;*/
	padding-top:0px;
	padding-top:3px;
	background:#ffffff url(../gui/header/wrapper_bg.jpg) bottom left repeat-x;
}
#header{
	/*width:849px;*/	
	width: 910px;	
	margin: 0 auto;
	height:auto;
	/*background-image:url(../gui/header/bg.jpg);
	background-repeat:no-repeat;*/
	border:solid 0px #000;
	}
div#header h1{
	color:#ad0341;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-size:1.2em;
	font-weight:bold;
	/*margin-left:528px;*/
	clear:right;
	float:right;
	/*margin-right:6px;*/
	margin-right:25px;
	padding-top:55px;
}	
#logo{
	float:left;
	margin-bottom:20px;
	}
	
#searchbox{
	float:right;
	width:215px;
	margin:112px 20px 0 0;
	display:inline;}
	
#searchtext{
	float:left;
	margin:6px 0 0 0;}

#searchinput{
	float:left;
	margin:0 3px 0 5px;
	height:15px;
	width:150px;
	border:1px solid #999999}

#searcharrow{
	float:left;}



/* - 5. Menu -  */
#menu{
	width:810px;
	height:20px;
	/*background-image:url(../gui/menu/bg.jpg);*/
	background-repeat:repeat-x;
	margin:0px; 
	padding:3px 0 0 35px;	}

.menuitem{
	display:inline;
	font-size:1.2em;
	margin:5px 30px 0 0;	}

.menuitem a{
	color:#333;}

	
/* - 6. Centre Content -  */
div.box_title{
	width:100%;
	border:solid 1px #ad0341;
	background: #ad0341;
	margin-bottom:5px;
}
div#top_copy{
	background: url(../gui/content/centre/top_bg.jpg) bottom left repeat-x;
	margin-right:9px;
	margin-bottom:10px;
	padding-bottom:0px;
}
div#main_copy{
	margin-right:9px;
	margin-bottom:10px;
	margin-top:30px;
	padding-bottom:10px;
}
div#page_copy{
	margin-left:10px;
}
#content_centre{
	width:601px;
	float:left;
	border:0px solid red;
	margin-top:0;}

#centreheader{
	margin:5px 0 0 0; 
	font-size:2.2em;
	padding:10px 0 0 10px;
	color:#990033;
	height:55px;
	background-image:url(../gui/content/centre/headerbg.gif);
	background-repeat:no-repeat;}
	
#centrecopy{
	margin:0;
	font-size:1.1em;	
	padding-left:10px; 
	font-weight:bold;
}
#news_home{
	margin-right:9px;
}	
.centrebox{
	width:285px;
	height:auto;
	background:#fff;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding-left:0px;
}
	
.productbox{
	width:571px;
	height:206px;
	background-image:url(../gui/content/centre/productbg.jpg);
	margin:17px 0 0 0px;
	padding:0 10px 0 0px;}
	
.centreboxheader{
	font-size:1.4em;
	color:#ffffff;
	padding:7px 0 0 0px;}

.centreboxtitle{
	font-size:1.2em;
	margin:0px 0 0 0px;	
	font-weight:bold;
}
	
.productboxtitle{
	clear:both;
	font-size:1.2em;
	margin:20px 0 0 5px;
	width:415px;
	font-weight:bold;}

.productboxtitle2{
	clear:both;
	font-size:1.2em;
	margin:0px 0 0 5px;
	width:415px;
	font-weight:bold;}

.centreboxcopy{		
	width:100%;		
	border: solid 1px #cccccc;
	background:url(../gui/content/centre/boxbg.jpg) bottom left repeat-x;
	overflow:hidden;
}
div#addressBox, div.box_full_width{
	margin-right:9px;
	margin-bottom:5px;
	padding-bottom:0px;
}
div#addressBoxCopy, div.box_full_width_copy{
	margin-bottom:0px;
	padding-bottom:0px;
	border: solid 1px #cccccc;
	background:url(../gui/content/centre/boxbg.jpg) bottom left repeat-x;	
	padding: 5px 10px 0px 10px;
}
div#addressBoxCopy{
	padding: 5px 10px 20px 10px;
}
.productboxcopy1{
	font-size:1.1em;
	margin:5px 0 0 5px;
	height:60px;
	width:370px;
	float:left;}
	
.productboxcopy2{
	font-size:1.1em;
	margin:5px 0 0 5px;
	width:370px;
	float:left;}
	
.productimage{
	float:right;
	margin-top:5px;}

.morebutton{
	float:right;
	margin:-5px 10px 0 0;}

#imagemenu{
	border:0px solid red;
	margin:17px 0 0 10px;
	padding:0 0px 0 0px;}

.item{
	display:inline;
	margin-right:15px;}

.rightitem{
	display:inline;
	margin-right:0px;}
	
	

/* - 7. Right Content -  */
#content_right{
	width:229px;
	float:right;
	margin:3px 5px 0 0;
	display:inline;
	border:0px solid red;
	background: none;
}
div#panel_heading, div.panel_heading{
	text-align:left;
	background:#585858;
	padding:8px 0 8px 15px;
}

.website{
	margin:5px 0 3px 0;}
.information{
	margin:3px 0 3px 0;}
	
.website2{
	margin:8px 0 3px 0;}
.information2{
	margin:3px 0 3px 0;}
	
.website3{
	margin:13px 0 3px 0;}
.information3{
	margin:3px 0 3px 0;}
	
.website4{
	margin:5px 0 3px 0;}
.information4{
	margin:3px 0 3px 0;}
	
.website5{
	margin:5px 0 3px 0;}
.information5{
	margin:3px 0 3px 0;}
	
.website6{
	margin:7px 0 3px 0;}
.information6{
	margin:3px 0 3px 0;}


	
.rightanchor{
	color:#C43106;}

#rightheader{
	font-size:1.3em;
	color:#444444;
	font-weight:bold;
	margin:5px 0 12px 10px;}

.partner1{ /* Widths fot supplier boxes*/
	background:url(../gui/content/right/supplier_bg.jpg) bottom left repeat-x;
	
	width:230px;
	height:auto;
	
	margin-bottom:8px;
	text-align:center;
	padding: 5px 0 5px 0;
	border:solid 0px #000;
}
	
/*#partner2{
	background:url(../gui/content/right/supplier_bg.jpg) bottom left repeat-x;
	width:230px;
	margin-bottom:12px;
	text-align:center;}*/
	

	
/*.partnerimage1{
	margin:10px 0 0 0px;}
	
.partnerimage2{
	margin:10px 0 0 0px;}
	
.partnerimage3{
	margin:10px 0 0 0px;}
	
.partnerimage4{
	margin:5px 0 0 0px;}
	
.partnerimage5{
	margin:10px 0 0 0px;}

.partnerimage6{
	margin:10px 0 0 0px;}
*/
.partnertext{
	margin:10px 10px 0 10px;}
	
#rightdetails{
	width:229px;
	height:168px;
	margin-top:20px;
	background-image:url(../gui/content/right/rightbg.gif);
	background-repeat:repeat;}
	
#rightdetails2{
	width:229px;
	height:158px;
	margin:20px 0 0 0;
	background-image:url(../gui/content/right/rightbg.gif);
	background-repeat:repeat;}

#rightdetailshome{
	height:47px;
	border:0px solid red;
	width:229px;
	margin:0px;
	background-image:url(../gui/content/right/rightbg.gif);
	background-repeat:repeat;}

#rightservices{
	width:229px;
	height:138px;
	margin-top:20px;
	background-image:url(../gui/content/right/rightbg.gif);
	background-repeat:repeat;}
	
*html #rightservices{
	height:138px;}
	

.righttitle{
	font-size:1.3em;
	color:#444444;
	font-weight:bold;
	padding:5px 0 0 10px;}
	
.dots{
	margin-top:5px;}
	
#rightcopy{
	margin:10px;
	font-size:1.1em;}

div#news_content{
	background: url(../gui/content/right/supplier_bg.jpg) bottom left repeat-x;
	border:solid 1px #cccccc;
	padding:10px;
}

/* LOGIN FORM APPEARING NEAR THE HEADER */
				div#head_login{
					/*clear:both;*/
					float:right;				
					position:relative;					
					/*top:-138px;
					left:650px;*/
					/*padding:4px 0px 4px 4px;*/				
					/*width:450px;*/
					width:600px;
					height:auto;
					padding:0px;
					
					margin:10px 24px 0 0px;
					border:solid 0px #cccccc;
					text-align:right;
					/*background:#fff url(../gui/head_log_bg.png) top left repeat-y;*/
				}					
				div#side_bar{
					float:left;
					background:#a40046;
					margin: -5px 0 -6px -5px;
					padding:0px;
					text-align:left;
				}
				div#head_login ul.errors{					
					text-align:right;
					float:right;					
					font-size:1.1em;					
				}
				div#head_login ul.errors li{
					float:right;
					border:none;
					background:none;
				}
				div#head_login p.hint{
					color:#333;
				}
				div#head_login p{					
					margin:0;
					font-size:1.1em;
					font-weight:lighter;
					line-height:1.3em;					
					color:#ffffff;	
					margin: 0px 5px 0px 5px;				
										
				}
				div#head_login dl.loginForm{
					margin: 0 0 0 0;
				}
				div#head_login dl.loginForm dt{
					display:inline;
					margin: 0 0px 0 0px;
				}
				div#head_login dl.loginForm dd{
					display:inline;
					margin: 0 0 0 0;
				}
				div#head_login dl.loginForm dd input{
					width:110px;
					font-size:1.1em;
				}
				div#head_login input#submit{
					width:60px;	
					height:auto;				
					/*background:#666666;
					border:solid 1px #999999;
					color:#ffffff;*/
					margin-right:5px;
					float:none;
				}
				
				ul#promotion_banners	{ margin:0; padding:0; list-style:none; }
				ul#promotion_banners li	{ margin:0 0 0.5em 0; padding:0; list-style:none; }			
/* END LOGIN FORM APPEARING NEAR THE HEADER */

/* - 8. Footer -  */
div#footer{
	padding-top:5px;
	clear:both;
	width:100%;
	margin-top:20px;
	border-top:dotted 1px #CCCCCC;
}