/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset,img {  
	border: 0; 
} 

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background-color:#fff;
	
	}
	
h2 {
    font-size: 30px;
    line-height: 40px;
}
hr { margin-bottom:1px;height:3px;}
	
a
{
	color:#cc1111;
	text-decoration:none;
}
pre { font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;

}

#footer a:hover { color:red }

.wrapper {
  margin: 0px auto;
  text-align:center;
  position:relative;
}
#mainwrapper {
	background: url(images/bg2.png) 50% 0 repeat fixed;	
	position: relative;
}
.grid_0 { position:absolute;left:10px;}
.grid_1 { position:absolute;left:100px;}
.grid_2 { position:absolute;left:200px;}
.grid_3 { position:absolute;left:300px; }
.grid_4 { position:absolute;left:400px;}
.grid_5 { position:absolute;left:500px; }
.grid_6 { position:absolute;left:600px;}
.grid_7 { position:absolute;left:700px; }
.grid_8 { position:absolute;left:800px;}
.grid_9 { position:absolute;left:900px; }

.innercontent {
	width:920px;
	margin-left:250px;
	text-align:left;
	background-color:rgba(255,255,255,0.85);
	
}
#logo {
  display:block;
  background: url(images/logo.png) top left no-repeat;
  height: 93px; width:256px;
  text-indent: -5000px;
}

#develop {
  background: url(images/develop.png) top right no-repeat;
  height:90px;
  width:226px;
  position:fixed;
  right:2%;
  z-index:80;
}


#nav {
 width:248px;
  text-transform:uppercase;
  line-height:30px;
  float:left;
  z-index:50;
  position:fixed;
}

#nav ul {
float:left;
  padding-top:2px;
  padding: none;
  padding-left:6px;
}

#nav ul li {

  list-style-type: none;
  width:230px;
  margin: 6px;
  background-color:#666;
  border:#fff solid 3px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#nav ul li a {
  color:#fff;
  padding: 2px 10px;
  
}

#nav ul li a:hover {
  color:#ff2222; 
}

#header { position:relative;
		height:120px;
		width:80%;


}

#footer {
  text-transform:uppercase;
  background: -moz-linear-gradient(top, #c0c0c0, #ededed);
  background: -webkit-gradient(linear, center top, center bottom, from(#c0c0c0), to(#ededed));
  background: -o-linear-gradient(top, #c1c1c1, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#ededed');
  padding-top: 10px;
  height: 150px;
}
#special {
text-decoration:underline;
position:fixed;
right:40px;
	bottom:80px;
	font-size:14px;
	    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
display:none}
#special-offer {
	background-color:rgba(255,255,0,.4);
	z-index:50;
	position:fixed;
right:40px;
	bottom:40px;
	font-size:12px;
	border-radius:150px; -moz-border-radius:150px;
		text-shadow: 5px 5px 10px #f00;
		animation: glow 2s infinite alternate;
		-webkit-animation: glow 2s infinite alternate;		
}
#special-offer a { padding:5px;color:white; line-height:1.5em;background-color:red; border-radius:10px; -moz-border-radius:10px;
}
#special-offer a:hover { color:#ddd;
						
}
section { padding:10px;}

@keyframes glow {
	to {
		text-shadow: 1px 1px 1px #fff;
		 border-radius: 10px;
		 -moz-border-radius: 10px;
		background-color:rgba(255,255,255,.4);
		}
}
 @-webkit-keyframes glow {
 	to {
		text-shadow: 1px 1px 10px #fff;
		  -webkit-border-radius: 10px;
	background-color:rgba(255,255,255,.4);

		}
}

#footer .center {
  text-align: center;
}

#footer img {
  margin-top:10px;
}

.ProductPic {
	
	border:none; width:400px;
}

.phone {
  position:relative;
  right:5px;
  top:5px;
}


.bottom-bg {
 -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
}

.left, .alignleft { float: left; margin-left:20px;}
.right, .alignright { text-align: right; float: right; margin-right: 20px; margin-top:-5px;}

#content {
  padding:10px;
  width:80%;margin:0 auto;text-align:center;background-color:rgba(255,255,255,0.5);
}

.clear {
  clear:both;
}

.productHeading
{
	color:#0076b2;
	width:220px;float:left;margin:0 auto 0 350px;padding-left:1px; padding-bottom:2px; font-size:11px; font-family:tahoma;
}

.catHeading  {
	font-size:48px;
	color: #0076b2;
	text-decoration:none;
	font-weight:bold;
	padding-left:6px;
	margin-top:40px;
}
.catContent {
	padding:6px;
	font-size:14px;
}
.catContent ul,#catContentS ul {margin-bottom: 10px}
.catContent li,#catContentS li { list-style:none 
}
.catContentS {
	padding:6px;
	font-size:11px;
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.bottomLink {
	font-size:11px;
	color:#000000;
	text-decoration:none;
	}
a.bottomLink:hover{text-decoration:underline;}

.small a {
	font-size:11px;
	color:#ddd;
	text-decoration:none;
}
.small a:hover {
	color:#fff;
	}
	
.modellist {
	margin: 0 150px;
	}

.modellist span { float:right;text-align:right;margin-right: 20px; margin-top:-5px;
}
	
#mailbox { position:relative; width:45%; min-height:650px;
 }	

#contactbox {
	float:right;
	height:600px; width:50%;
}	
/*****************/

.header_background {
	background-image: url(images/overlay.png);
	text-align:right;
	background-repeat:repeat-x;
}

.maintop {
	background-color:#aaa;
	color:#0076b2;
	padding-bottom:15px;
}
#topbox { 
display:none;
z-index:80;
width:100%;
	font-size:20px; 
		margin: 0 auto;
		text-align:center;
		position:fixed;  
		background: #aaa url(images/logos.png) 15% 50%  no-repeat;
  height: 40px;
}

#topbox a:hover {
	text-decoration: underline;
	color:#aaa;
}
a.top_link {

 color:#fff;
  padding: 6px;
  background-color:#666;
  border:#fff solid 3px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.top_phone {
font-size:32px;
font-weight:bold;
}

.topbannertext {
	margin: 0 150px 0 auto; text-align:right
	}

.centre { margin: 0 auto; text-align:center }
.small { font-family: arial, helvetica, sans-serif; font-size: 8px;
}
.bottag { font-family: arial, helvetica, sans-serif; font-size: 14px; line-height:20px;
}
.infobox {

border: #000 solid 1px;
 font-size: 28px;
}
.headertext { font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff;}
.message { font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold;color: red;}

.heading 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight:normal;
font-weight: bold;
color: #FFFFFF;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
}
.inactive  { color:#ddd!important}
.rounded {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
.colblue { color:blue; background-color:blue}
.colyellow { color:yellow; background-color:yellow}
.colmagenta { color:magenta;background-color:magenta}
/*****************/