html {
 height:100%;
 margin:0px;
}

body {
	background-color: #ACACAC;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	height:100%;
	color:#727272
}

li
{
margin-bottom: 10px;
}

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

p {
margin-top:0px;
}

/*h2 is only to be used for the main title on each page */

h2 {
margin:0px;
padding-left:30px;
background-image:url(../images/bg_h2.gif);
background-repeat:no-repeat;
background-position:0 50%;
font-weight:normal;
font-size:2.2em;
color:#727272
}

/*h3 is used on left and right menus */

h3 {
font-weight:normal;
color:#000000;
margin-top:0px;
}

h4 {
font-weight:normal;
color:#000000;
margin-top:0px;
font-size:1.4em;
border-bottom:solid 1px #B7B7B7;
padding-bottom:5px;
margin-bottom:12px;
}

#centre ul {
margin:0px;
padding:0px;
padding-left:18px;
}

#centre li {
margin:0px;
padding-top:2px;
padding-bottom:5px;
list-style-type:none;
list-style-image:url(../images/bullet.jpg);
list-style-position:outside;
}

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

a:hover {
text-decoration:underline;
}

#container {
background-image:url(../images/bg_container.gif);
width:786px;
margin: 0px auto;
min-height:100%
}

#header {
background-image:url(../images/bg_header.jpg);
background-repeat:no-repeat;
width:770px;
height:225px;
margin: 0px auto 0px auto;
display:block;
position:relative;
}

#logo {
background-image:url(../images/logo_pcs.gif);
background-position:right;
background-repeat:no-repeat;
font-size:1.1em;
margin: 10px 20px;
margin-bottom:0px;
float:right;
padding-right:65px;
line-height:50px;
color:#144592
}

#logoline {
display:block;
float:left;
text-indent: -5000px;
width: 0px;
height: 0px;
line-height: 0px;
}

#tagline {
float:left;
color:#FFFFFF;
margin: 25px auto auto 20px;
}

#contacttop {
position:absolute;
left:80px;
top:5px;
color:#FFFFFF;
margin: 10px auto auto 20px;
}

#header img {
	position:absolute;
	left:15px;
	top:5px;
}

#contacttop h3 {
font-size:1.2em;
margin:0px;
}

#contacttop p {
font-size:1.8em;
margin:0px;
}

#flashBannerHolder {
	position:absolute;
	z-index:20;
	top:60px;
	left:0px;
}

#navigation {
background-image:url(../images/bg_nav.gif);
background-repeat:no-repeat;
width:770px;
height:40px;
margin: 0px auto 0px auto;
display:block;
text-transform:uppercase;
}

#navigation ul
{padding:0px;
list-style:none;
margin:0px;
text-align:center;

}

#navigation ul li
{
display:inline;
padding:0px;
margin:0px;
}

#navigation ul li a, navigation ul li a:visited {
margin:0px;
line-height:30px;
padding-top:8px;
padding-bottom:8px;
padding-left:9px;
padding-right:12px;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
background-image:url(../images/bg_nav_li_a.gif);
background-position:100% 0;
background-repeat:no-repeat
}

#navigation ul li a:hover {
background-image:url(../images/bg_nav_li_a_hover.gif);
background-position: 100% 0;
}

#navigation ul li a.last, navigation ul li a.last:visited {
padding-right:9px;
background-image:none;
}

#navigation ul li a.last:hover {
background-image:url(../images/bg_nav_li_a_hover.gif);
background-position: 90% 0;
}

#navigation ul li .selected {
background-image:url(../images/bg_nav_li_a_hover.gif);
background-position: 100% 0;
}

#basket {
text-align:right;
}

#main {
background-image:url(../images/bg_main.gif);
background-repeat:repeat-y;
width:738px;
margin: 0px auto 0px auto;
padding:8px 16px;
display:block;
position:relative;
overflow:hidden
}

#submenu {
width:150px;
padding-right:5px;
background-image:url(../images/divider_dotted.gif);
background-repeat:repeat-y;
background-position:right;
padding-bottom: 32767px;
margin-bottom: -32767px;
float:left;
display:block;
min-height:440px;
overflow:hidden;
}

#left {
width:150px;
padding-right:5px;
background-image:url(../images/divider_dotted.gif);
background-repeat:repeat-y;
background-position:right;
padding-bottom: 32767px;
margin-bottom: -32767px;
float:left;
display:block;
min-height:440px;
}

#centre {
width:360px;
float:left;
padding-left:17px;
padding-right:10px;
}

#centre p{
text-align:justify;
}

#right {
width:175px;
padding-left:10px;
background-image:url(../images/divider_dotted.gif);
background-repeat:repeat-y;
background-position:left;
padding-bottom: 32767px;
margin-bottom: -32767px;
display:block;
float:right;
min-height:400px
}

#footer {
background-image:url(../images/bg_footer.gif);
background-repeat:repeat-y;
width:738px;
margin: 0px auto 0px auto;
height:16px;
padding:12px 16px;
display:block;
font-size:0.7em;
position:relative;
}

#footer ul {
padding:0px;
list-style:none;
margin:0px;
float:right;
}

#footer ul li
{
display:inline;
padding:0px;
margin:0px;
}

#footer ul li a, footer ul li a:visited {
margin:0px;
padding-left:10px;
}

.divider_large {
background-image:url(../images/divider_full.gif);
display:block;
background-position:50%;
background-repeat:no-repeat;
height:20px;
line-height:20px;
padding:0px;
margin:0px;
}

.divider_small {
background-image:url(../images/divider_small.gif);
display:block;
background-position:top;
background-repeat:no-repeat;
height:10px;
line-height:10px;
margin:0px;
padding:0px;
width:150px;
}


#product_details
{
	background-color:#EEEEEE;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	display:block;
	height:50px;
	font-size:11px;
}

.basket
{
	font-size:10px;
}

.basket td
{
	margin:0px;
	padding: 5px;
}

.box
{
text-align:left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
font-size:11px;
border-bottom: dashed 1px #e3e3e3;
clear:both;
vertical-align:top;
display:block;
height:auto;
}

.box p
{
font-weight:normal;
}

.box h5
{
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px;
}

.box img
{
	margin: 0px 10px 0px 0px;
}