/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
	
body,
html {
		margin:0;
		padding:0;
		background:#A6A6A6;
		background-image:url(bg-body.png);
		background-repeat:repeat-y;
		background-position:50% 0;
		font-family: Verdana,sans-serif;
		color: #ffffff;
		line-height: 1.166;	
		font-size:10pt;
		height:100.1%;
	}
body {
		min-width:990px;
	}
a{
	color: #dc9027;
	text-decoration: none;
}

a:link{
	color: #dc9027;
	text-decoration: none;
}

a:visited{
	color: #dc9027;
	text-decoration: none;
}

a:hover{
	color: #dc9027;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #ffffff;
}
img {
border:none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrap {
	/*background-image:url(img/wrapbg.png);
	background-position:0 0;*/
	margin:0 auto;
	width:990px;
		background-image:url(bg-content.png);
		background-repeat:repeat-y;
}



	/*CONTENT SECTION*/

	#content {
		min-height:590px;
		height:auto !important;
		height:590px;
	}	
	#rightpart {
		float:right;
		width:218px;
		padding-left:34px;
		color:#000000;
		min-height:360px;
		height:auto !important;
		height:360px;
	}
		#rightpart h1,#rightpart h2,#rightpart h3,#rightpart h4,#rightpart h5{
			color:#000000;
		}
	#centerpart {
		float:left;
		width:10px;
	}
	#leftpart {
		float:left;
		width:728px;
	}
	#leftpart .leftcolumn {
		float:left;
		width:200px;
		min-height:360px;
		height:auto !important;
		height:360px;
	}
		#leftpart .leftcolumn .leftcolumn-top div, 
		#leftpart .leftcolumn .leftcolumn-top p
		 {
			width:170px;
			margin-left:15px;
		}
		#leftpart .leftcolumn .leftcolumn-top
		 {
			min-height:400px;
			height:auto !important;
			height:400px;
		}
		#leftpart .leftcolumn .leftcolumn-bottom div
		 {
			width:200px;
			margin:0 0 0 -5px;
			padding:0;
			overflow:hidden;
		}
		#leftpart .leftcolumn .leftcolumn-bottom p
		 {
			width:170px;
			margin:0;
			padding:0;
			overflow:hidden;
		}
	#leftpart .rightcolumn {
		float:left;
		width:528px;
		min-height:360px;
		height:auto !important;
		height:360px;
	}
	.rightcolumncontent {
		background-color:#000000;
		margin-left:24px;
		margin-right:20px;
	}

	/* ############################################# HEAD SECTION ############################################# */
	/* ############################################# HEADER 1 ############################################# */
	
	#header1 {
		height:30px;
		background:#a6a6a6;
		border-bottom:1px solid #818181;
		color:#000000;
	}
		#h1-right {
			float:right;
			width:810px;
			height:30px;
		}
			#h1r-left {
				float:left;
				width:550px;
				height:30px;
				overflow:hidden;
				font-size:8pt;
			}
				#h1r-left a {
					color:black;
				}
			#h1r-right {
				float:right;
				width:253px;
				height:30px;
				overflow:hidden;
				font-size:8pt;
			}
		#h1-left {
			float:left;
			width:160px;
			height:30px;
			overflow:hidden;
			font-size:8pt;
		}
			#h1-left p.bodytext {
				margin:0 0 0 15px;
				padding:0;
			}
/*			#h1-l-left {
				float:left;
				width:205px;
				height:30px;
			}
			#h1-l-right {
				float:right;
				width:290px;
				height:30px;
			}
			#h1-left img {
				margin-top:2px;
				margin-left:0px;
			}*/
			
	/* ############################################# HEADER 2 ############################################# */
	
	#header2 {
		min-height:225px;
		height:auto !important;
		height:225px;
		width:990px;
		padding:0;
		background-image:url(bg-header.png);
		background-repeat:repeat-x;
		background-position:0 0;
		color:#000000;
	}
		#h2-left {
			float:left;
			width:738px;
			height:225px;
		}
			#h2-left div {
			}
			#h2l-top {
				height:119px;
			}
			#h2l-top div {
				text-align:center;
			}
			#h2l-b1 {
				margin-left:5px;
				text-align:center;
			}
			#h2l-b2 {
				padding-left:0px;
				height:30px;
				text-align:center;
			}
		#h2-right {
			float:right;
			width:252px;
			height:252px;
			margin:0;
			overflow:hidden;
		}
		#h2-right div {
			margin-left:-5px;
			background:#000;
		}

	/* ############################################# HEADER CLEARER ############################################# */

	#clearer {
		clear:both;
	}



	/* ############################################# FOOTER SECTION ############################################# */
	/* ############################################# HEADER 1 ############################################# */
	
	#footer {
		clear:both;
		width:990px;
		min-height:50px;
		height:auto !important;
		height:77px;
		background:#fcdfbe;
		/*border-top:1px solid #818181;*/
		color:#000000;
		font-size:0.7em;
	}
				#footer a {
					color:black;
				}

			#footer1 p.bodytext,#footer2 p.bodytext,#footer2 div,#footer2 div {
				margin:0 15px 0 15px;
				padding:0;
			}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #area styles **************/

#topArea{
text-align:center;
margin:0px;
}
#leftArea{
width:100px;
height:85px;
float:left;
margin:0px;
}
#logoArea{
}
#imageArea{
float:right;
}

/************* #globalNav styles **************/

#globalNav{
width:700px;
height:242px;
margin:0 0 0 -100px;
padding: 0px 0px 2px 2px;
border:none;
color: #cccccc;
display: block;
}

#globalNav img{
}

#globalNav ul{
}

#globalNav li{
list-style:none;
float:left;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #000;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 0;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 0px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

#rightArea{
    margin:0 0 0 -76px;
	padding:0;
}
#rightArea img{
}



.producttitle{
color: #dc9027;
font-weight:bold;
background-color:#333333;
border-bottom:2px solid #000000;
padding-top:4px;
padding-bottom:4px;
}
.productbody{
margin: 6px 0 6px 0;
}
.productbodytop{
}
.clear_right{
clear:both;
}
.listitem div .left{
float:left;
width:290px; height:60px;
background-color:#333;
}
.listitem div .middle{
float:left;
width:100px; height:60px;
margin-left:6px;
background-color:#333;
}
.listitem div .middle p{
margin-top:0;
}
.listitem div .right{
float:right;
width:80px; height:60px;
background-color:#000;
}
.tx-vincent5ecategorisation-pi2 a {
font-weight:bold;
}
.rightpart-subtop .error {
display:none;
}
.tx-vincent5ecategorisation-pi3 img{
border:2px solid black;
}
.tx-vincent5ecategorisation-pi3{
width:380px;
overflow:hidden;
}
.tx-vincent5ecategorisation-pi2 h1 {
color: #dc9027;
margin-bottom:6px;
}
.grey{
color:#aaa;
}