/*****************************
* F O N T S
******************************/
/* Apply a font set to all */
*{ font-family: Arial, Helvetica, sans-serif;}

#header_top{ font-size: 12px; color:white;}

/* The customer logged in links - top left */

#loggedin_links a{	color:#DFE6EE; text-decoration:none; font-weight:bold;}
#loggedin_links a:hover{color:#DFE6EE;}

/* The shopping basket link - top right */
#basket_link{ float:right;	background:url(../misc/mybasket_bg.gif) no-repeat top left;	padding-left:15px;	color:#DFE6EE; text-decoration:none; font-weight:bold;}
#basket_link:hover{	color:#FFFEFF;}

/* The links to content pages on the header */
#header_general_links a{ color:#DFE6EE; font-size:12px; font-weight:bold; text-decoration:none}
#header_general_links a:hover{	color:white;}

/* default font for text in vertical menus */
.menuContent *{ font-size:12px; color:#666666;}

/* normal link in vertical menu */
.menuContent a{	color:#96BF0D; text-decoration:none;}
.menuContent a:hover{ text-decoration:underline;}
.menuContent b{ color:#442F3E; }

/* vertical menu heading */
.vertical_menu h1{ 	font-size:14px;	color:white;	text-align:left; font-weight:lighter; }/*font-family:Trebuchet MS; font-weight:bold;*/
	
/* navigation links in the vertical menu */
.vertical_menu ul li a{	text-decoration: none; font-size:13px;	color:black;text-transform:lowercase; font-weight:400;}
.vertical_menu ul li a:hover{font-color:#96BF0D;}

/* main content area */
#middleContent{	font-size: 12px;color:#666666; }
#middleContent a{ color:#96BF0D; text-decoration:none;}
#middleContent a:hover{ text-decoration:underline;  }
#middleContent legend{	font-size: 15px;color:#646567; font-weight:bold;}
#middleContent h1{ font-family:Trebuchet MS;	font-size:29px;clear:both;	padding:0px;color:#646567; font-weight:bold;}
#middleContent h2{	font-size:17px; clear:both;	padding:8px 0 4px 0;	color:#646567;}
#middleContent h3{	font-size:13px; clear:both;	padding:8px 0 4px 0;	color:#646567;}
#middleContent h4{	font-size:12px; clear:both;	padding:8px 0 4px 0;	color:#646567;}
#middleContent .specialoffer{ color:red; font-weight:bold; }
#middleContent select{font-size:11px; }

/* Footer sections */
#footer_left{ font-style:italic; font-weight:bold; }


/**************************
* 
* L A Y O U T
*****************************/
body{background:url(../misc/Main_BG.jpg) bottom fixed no-repeat;  margin:0; padding:0;}
/* The search at the top of the page */
#searchtext { position:absolute; left:50px; top:2px; margin:0; padding:0;}
#search_submit{position:absolute; width:20px; left:223px; top:0px;height:20px;; margin:0; padding:0;}
#search_input{position:absolute;left:96px; height:14px; top:1px;width:122px; font-size:11px;; margin:0; padding:0;}


/* div.innerBG{	margin: 0;	padding:0;	width:100%;	overflow:hidden;	position:relative;	min-width:848px;}*/
/*.innerBG { position:relative;}*/
.outer{	margin:0 auto 0 auto;	padding: 0;	width:945px; position:relative; }
.inner{	margin:0px auto;	padding:0;	width:965px;	position:relative; background:url(../misc/PC_logo.jpg) top left no-repeat;  }



/* The main content areas */
#content1{position:relative; height:1%; margin:0; padding:0;}
#menu1{	float:left; margin-top:120px;  padding:0; }
.trans{ background:white; filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;}
/*#menu2{	float:left; margin-left:0px; }*/
#middleContainer{
float:left; padding:0 15px; position:relative; vertical-align:top; width:597px; background: url(../misc/Centre_Panel_Repeat.jpg) repeat-y ;
}

#middleContent{	 }
#side_icon{ float:left;}

/* The top of the header */
#tophead_container {width:100%;background:#A7A8AA repeat-x; position:relative; z-index:5000;}
#header_top { height:21px;background:#A7A8AA center no-repeat ; margin:0 auto 0 auto; width:1027px; position:relative;}
#header_top a{ text-decoration:none; }
#header_top a:hover {text-decoration:underline}
#loggedin_links{ margin:0; padding:0 0 0 25px; float:left;width:250px;list-style:none;}
#loggedin_links li{	padding:0;	margin:0;	float:left;	width: 33%; 	/* border-left:1px solid #fff;*/	/* For adding a list icon image */	/*padding-left:10px;	background-image:(../misc/list_icon.gif);	background-repeat:no-repeat;	background-position: 0 .5em;	*/}
#link1, #link2, #link3, #link4 { position:absolute; line-height:19px; color:white;}

#link1 {left:248px  ; padding:0 59px; border-right:1px solid white; border-left:1px solid white}
#link2 {left:411px  ; padding:0 57px; border-right:1px solid white;}
#link3 {left:570px  ; padding:0 43px; border-right:1px solid white;}
#link4 {left:713px  ; padding:0 55px; border-right:1px solid white;}
/* The page header */
#headerr{	padding:0;	margin:0px;	background: url(../misc/Centre_Panel_Top.jpg) top center no-repeat;	height:11px;	position:relative; left:26px;}
* html #headerr{ left:25px; height:5px;
 /* this will only work in IE6	*/
}

/* The statis links in the header (contact us etc */
#header_general_links{	float:right; margin:95px 25px 0 10px ;	padding:0;	position:relative;	width:600px; }
#header_general_links li{	padding:0 53px 10px 0;	margin:0; float:left;	 /*border-left:1px solid #fff;*/ 		list-style-type:none;}

/* The vertical navigation menus */
.vertical_menu{	margin:0px;	padding:6px 0px; width:194px;}

/* The vertical menu heading */
.vertical_menu h1{	width:189px; height:20px;	margin-left:0px; padding:6px 0px 3px 5px; background:url(../misc/Side_menu.jpg) no-repeat; text-transform:lowercase;}


/* The vertcal menu main content */
.menuContent{	width:187px;	margin: 0 0px 5px 3px;	padding:10px 0 5px 0; 	/*background:url(../misc/menuContent_bg.jpg) bottom left no-repeat #FFFFFF;*/	/*border:2px solid #19171A; */}
.menuContent ul{	margin:0 0 0 -15px;	/* changes the amount the list image is from the left */	padding:0;}
.menuContent li{	line-height:16px; margin-right:3px;	padding:0 0 0 28px; list-style-type:none;		background:url(../misc/list_icon.gif) 2px 0 no-repeat; margin-bottom:5px;}

/* Main content list image */
#middleContent li{ 	list-style-image:url(../misc/list_icon.gif);		padding:0 0 0 20px; 	/* indentation of text */	 margin-bottom:5px;}
#footer { position:relative; background:url(../misc/Centre_Panel_Repeat.jpg) no-repeat; height:25px; clear:both; margin-top:50px;}
#footer a:hover{ text-decoration:underline;}
#mistore { position: absolute; left:415px;}
#link5, #link6, #link7, #link8 { position: absolute; color:#666666; font-size:10px; text-decoration:none; top:5px;}
#link5 {left:10px  ; padding:0; width:50px; border-right:1px solid #666666;}
#link6 {left:75px  ; padding:0; width:47px; border-right:1px solid #666666;}
#link7 {left:137px  ; padding:0; width:66px; border-right:1px solid #666666;}
#link8 {left:218px  ; padding:0; width: 44px; }