/*
XHTML and CSS for Shenfield Communications website 
© Copyright Peter Barker 2005
pbarker@peterbarkerdesign.co.uk
+44 (0)1922 475901

!! COLOURS:

BLACK
GRAY
TEAL
"LIGHT TEAL" #ceefe7;
"DARK PURPLE" #660099;
"LIGHT PURPLE" #c2a8f2;
#404040; 


*/

body

{background-color: white; color:#000000;
 margin: 0; text-align: center; }

#wrapper {
text-align: center; 
}

p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: .8em;
text-align: left;
}

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

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

a:hover {
color: white;
text-decoration: underline;
}

a:visited:active {
color: white;
background-color: #660099;
}

a:active {
color: white;
background-color: #660099;
}

#shenfieldhead {
background: teal url(images/header2.jpg) no-repeat; 
color: black;
font-family: palatino, times, "Times New Roman", georgia, serif;
font-size: 2em; 
font-style: italic;
font-weight: bold;
height: 1.25em;
padding: .5em 1em .25em .5em;
text-align: left;
}

.tel {
color: #ceefe7;
display: block;
float: right;
font-family: verdana, arial, helvetica, sans-serif;
font-size: .6em;
font-weight: bold;
}

#guidehead {
background-color: #777;
color: white;
font-family: palatino, times, "Times New Roman", georgia, serif;
font-size: 1em;
font-style: italic;
height: 1.5em;
left: 0em;
padding: .5em 1em .5em 1em;
text-align: left;
top: 10em;
}

#navtop {
background: #c2a8f2 url(images/navtop4.jpg) no-repeat;
color: white;
font-family: verdana, arial, helvetica, serif;
font-size: .8em;
font-weight: bold;
padding: .5em 1em 1em 0;
text-align: right;
top: 7em; height: .7em;
}


.navtop {
font-family: verdana, arial, helvetica, serif;
font-size: .6em;
}

.navtop a {
color:#660099; text-decoration: none; 
}
.navtop a:hover { color: white; 
text-decoration: underline; 
}
.navtop a:active { background-color: #660099; 
color: white; 
}


.navtophere { 
background-color: #ceefe7; 
border-color: teal; 
border-style: solid; 
border-width: 1px 1px 4px 1px; 
color:#660099; 
padding: .2em .5em .5em .5em; 
}


#navleft { 
background-image: url(images/navleft.a.jpg); 
background-repeat: no-repeat; 
float: left; 
 font-family: verdana, arial, helvetica, serif; 
font-size: .75em; 
font-weight: bold; 
text-align: left; 
width: 15em; 
}


#navleft li { 
background-image: url(images/navleft1.jpg); 
background: #c2a8f2; 
list-style-type: none; 
margin: 0 0 0 -2.5em; 
padding-left: -1em; 
}

#navleft a { 
border-bottom: solid 2px #660099; 
 border-top: solid 1px white; 
display: block; 
display: block; 
padding: .25em 1em; 
}
 
#navleft a:hover {
background-color: #ceefe7; 
color: black; 
text-decoration: none; 
}

#navleft a:active { 
background-color: #660099; 
color: white; 
text-decoration: none; 
}

#navleft span { 
background: silver; 
display: block; 
font-family: verdana, arial, helvetica, serif; 
font-weight: bold; 
text-align: left; 
}

#navmid {
width: 100%; 
z-index:4; 
}
	
.navmid{ 
font-weight: bold; 
font: .76em/1.5em verdana, arial, helvetica, sans-serif;
text-align: left; 
}

.navmid a:link a:visited {
color: #660099; 
font-size: 1em; 
font-weight: bold; 
text-decoration: none; 
}
.navmid a:hover {
color: black; 
text-decoration: underline; 
}
.navmid a:active {
color: teal; 
text-decoration: none; 
}

.newprod {
background: white;
-moz-border-radius : 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: 1px solid teal;
font-size: .8em; 
height: 210px;
line-height: 140%; 
padding: 1em;
position: relative;
top: -1em;
}

.newprod_pic {
clear: left;
float: right;
}

#intro {
-moz-border-radius : 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 1em; 
left: 8em; 
line-height: 150%; 
margin: 5em; 
min-width: 600px;
padding-top: 1em; 
padding: 2em; 
position: absolute; 
text-align: justify; 
top: 5em; 
width: 60%; 
z-index:1; 
}

.intro2 {
background: #ceefe7 url(images/intro_bg.jpg) repeat-X;
border: 1px solid teal;
}

#content {
background-color: #E1E1EF; 
border-color: silver; 
border-right-color: #ceefe7; 
border: solid 1px 4px 2px 0; 
float: left; 
font-family: verdana, sans-serif; 
font-size: small; 
left: 14em; 
margin: .5em; 
padding: 1em; 
position: absolute; 
text-align: left; 
top: 10.5em; 
visibility: visible; 
width:70%; 
z-index:1; 
}

.update { 
color: teal; 
font-size: .75em; 
}

.pagehead { 
color: black; 
font-family: verdana, monaco, arial, helvetica, serif; 
font-size: 1.5em; 
font-style: italic; 
font-weight: bold; 
text-align: left; 
}

.prodbox {
-moz-border-radius : 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
background-color: #ceefe7; 
border: 1px solid teal; 
left: 0em; 
margin: 0 auto 1em auto; 
overflow: auto; 
padding: 1em; 
position: relative; 
top: 1em; 
visibility: visible; 
width: 95%; 
z-index: 0; 
}
	
.picbox {
background-color: #ceefe7; 
background-color: white; 
border-left: solid silver 2px; 
border-top: solid silver 2px; 
float: right; 
height: auto; 
left: 0em; 
margin: 0em 1em 1em 2em; 
padding:1em; 
top: 0em; 
width: auto; 
z-index:2; 
}

.radio {
background-color: #E1E1EF ;top: 0; 
display: block; 
float:left; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: small; 
font-weight: bold; 
left: 0em; 
margin: 0 0 1em 0; 
padding: .25em; 
text-align: left; 
width: 100%; 
}

.codepic { 
background-color: white; 
border: 2px solid teal; 
 float: right; 
height: 80px; 
margin: 0em; 
padding: 0; 
width: 200px; 
}

.prodhead { 
color: teal; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: small; 
font-weight: bold; 
text-align: left; 
}
 
.code {
background-color: #ceefe7;top: 50%; 
border: solid 1px white; 
display: block; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 1em; 
font-weight: bold; 
left: 0em; 
padding: .25em 0 0 2em; 
text-align: left; 
top: 1em; 
}
 
 .compat {
background: url(images/compat1.jpg) no-repeat; 
color: teal; 
display: block; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 1em; 
font-weight: bold; 
line-height: 2em; 
padding: 1.5em; 
width: 35em; 
 }
 
 .offerhead {
color: teal; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 1.5em; 
font-weight: bold; 
text-align: left; 
}
 
 .proddesc {
color: black; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
font-style: normal; 
font-weight: normal; 
text-align: left; 
}

 .proddesc a:link, a:visited {
color: #660099; 
text-decoration: none; 
}
	 
	  
 .proddesc a:hover {
color: black; 
text-decoration: underline; 
}

 .prodcode {
color: black; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
font-style: italic; 
font-weight: bold; 
text-align: left; 
}

.offerprice {
color: black; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em; 
font-style: italic; 
font-weight: bold; 
text-align: left; 
}
 

  .top {
display:block; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: .7em; 
font-weight: bold; 
margin: 0; 
text-align: left; 
width: 6em; 
}

 .top a:link {
color: #660099; 
padding: .25em; 
}

 .top a:visited {
color: #660099; 
padding: .25em; 
}

 .top a:hover {
color: black; 
text-decoration: underline; 
}

.oem {
-moz-border-radius : 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
background: #dee;
border: solid silver 1px; 
padding: 1em;
width: 40%;
}

.oem img{
border-left: solid silver 2px; 
border-top: solid silver 2px; 
height: 70px;
width: 70px;
}
 	
 	
.email {
color: #660099; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em; 
font-style: normal; 
font-weight: normal; 
text-align: left; 
}
 .email a:link {
color: #660099; 
}
 .email a:visited {
color: #660099; 
}
 .email a:hover {
color: black; 
text-decoration: underline; 
}
 	
 	.offercode {
color: #660099; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em; 
font-style: normal; 
font-weight: bold; 
text-align: left; 
}
 
 .offercode a:link {
color: #660099; 
}
 .offercode a:visited {
color: #660099; 
}
 .offercode a:hover {
color: black; 
text-decoration: underline; 
}

 #counter a {
background: teal; 
color: white; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: .5em; 
font-style: normal; 
font-weight: bold; 
padding: .5em; 
text-align: left; 
}