* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#000;
 }

#background { 
 height: 100%;
 background-image:url(../images/homebg1.jpg);
 background-repeat:no-repeat;
 background-position:center top;
 background-color:#010101;
}

#wrapper{
 margin: 0 auto;
 width: 956px;
 padding-top: 20px;
}

#header {
 color: #333;
 width: 956px;
 float: left;
 height: 96px;
 background: #6B6659;
 background-image:url(../images/linkbg.jpg);
 background-repeat:no-repeat;
}

#navigation {
 width: 713px;
 height: 50px;
 margin-left:243px;
 position:relative;top:-12px;
 color: #333;
 }
 
 #navigation ul {
  list-style-type: none;
 font-size:12px;
 font-weight:bold;
 color:#FFF;
 overflow: auto;
 padding: 0;
 margin: 0;
text-decoration: none;
 text-transform:uppercase;
}
#navigation ul li {
  float: left;
  margin: 0 5px;
}
#navigation ul li a {
  display: block;
  padding: 5px 10px 10px 25px;
  text-decoration: none;
}

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

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

#navigation ul li a:hover {
  text-decoration: underline;
}
 
#leftnavbody { 
 height:348px;
 width:230px;
 background: #121212;
 border-left-style:solid;
 border-bottom-style:solid;
 border-color:#3c3c3c;
 border-width:3px;
 float: left;
}

#leftnav {
   font-size:10px;
   color:#666;
   text-decoration:none;
   padding:2px 0px 2px 6px;
}

#leftnav a{
font-size:10px;
 color:#FFF;
text-decoration:none;
text-transform:uppercase;
padding:2px 0px 2px 6px;
width:144px;
float:left;
height:14px;
margin:0px;
}

#leftnav ul {
	padding:0;
	margin:0 0 0 0;
	list-style-type: none;
	
}

#leftnav ul li {
	float:left;
	position:relative;
	display:block;
	width:150px;
}

#leftnav ul li ul {
	display: none;
}

#leftnav ul li:hover a,
#leftnav ul li a:hover {
font-size:10px;
text-decoration:none;
background-color:#8db627;
height:14px;
padding:2px 0px 2px 6px;
width:100%;
float:left;
text-transform:uppercase;
}

#leftnav ul li:hover ul,
#leftnav ul li a:hover ul {
	display:block;
	position:absolute;
	top:0;
	left:150px;
	width:100%;
}

#leftnav ul li:hover a,
#leftnav ul li a:hover {
	width:200px;
 color:#fff;  
 background:#a0c12a;
 border-bottom-style:solid;
 border-color:#a0c12a;
 border-width:1px;
 text-decoration:none;
 height:15px;	
}

#leftnav ul li:hover ul li ul,
#leftnav ul li a:hover ul li a ul { 
	visibility:hidden; 
	position:absolute; 
}

#leftnav ul li:hover ul li a,
#leftnav ul li a:hover ul li a {
	display:block; 
	background:#3d3d3d; 
	color:#fff;
	height:18px;
}

}
#leftnav ul li:hover ul.drop li a,
#leftnav ul li a:hover ul.drop li a {
	background:#3d3d3d;
	padding:5px 0px 0px 15px; 
}

#leftnav ul li:hover ul.presentation li a,
#leftnav ul li a:hover ul.presentation li a {
	width:345px;
	background:#3d3d3d;
	padding:5px 0px 0px 15px; 
}

#leftnav ul li:hover ul li a:hover,
#leftnav ul li a:hover ul li a:hover {
	background:#a0c12a; 
	color:#fff;
}

#contentmain { 
 float: left;
 color: #333;
 width: 720px;
 height: 348px;
 display: inline;
 border-right-style:solid;
 border-bottom-style:solid;
 border-color:#3c3c3c;
 border-width:3px;
 background-image:url(../images/sample-pack.jpg);
}
 
 #bottomcontainer {
 width:950px;
 border-left-style:solid;
 border-right-style:solid;
 border-color:#3c3c3c;
 border-width:3px;
 background-image:url(../images/leftbg2.gif);
 background-repeat:repeat-x;
background: #181818;
 overflow:hidden;
 }
 
 #leftbottom { 
 width:230px;
 height:381px;
 color: #333;
 background-image:url(../images/leftbg2.gif);
 background-repeat:repeat-x;
 float: left;
  overflow:hidden;
}

 #leftbottom p {
 font-size:11px;
 line-height:20px;
 width:85%;
 margin-top:5px;
 margin-left:15px; 
  color:#bcbec0;
  text-decoration:none;
  font-weight:normal;
}
 
 #leftbottom a {
  color:#FFF;
  text-decoration:none;
  font-weight:normal;
}

#leftbottom img {
 margin:15px 0px 0px 15px;
 }
 
#contentsecbody { 
 float: left;
 width: 720px;
 background-image:url(../images/leftbg2.gif);
  background-repeat:repeat-x;
 } 
 
 #contentsecbody p {
 font-size:11px;
 line-height:20px;
 width:85%;
 margin-top:5px;
  color:#bcbec0;
  text-decoration:none;
  font-weight:normal;
 padding: 5px 0 10px 30px;
}

 #contentsecbody a {
  color:#FFF;
  text-decoration:none;
  font-weight:normal;
}

 #contentsecbody h1 {
 font-size:15px;
 color:#a0c12a;
padding: 20px 0 5px 30px;
}

 #contentsecbody h1.ProductTitle{
font-size:15px;
width:90%;
color:#FFF;
display: block;
margin-left:25px;
margin-top:15px;
padding: 5px 0 5px 5px;
border: 1px solid #a0c12a;
background-color:#a0c12a;
}

 #contentsecbody h1.ProductHead {
 font-size:15px;
 color:#FFF;
padding: 10px 0 5px 30px;
}

 #contentsecbody h2 {
 font-size:12px;
 color:#a0c12a;
padding: 15px 0 5px 30px;
}

#contentsecbody table {
	border-collapse: collapse;
 }
 
 #contentsecbody caption{
	 background-color:#8e8c8d;
	 text-align:left;
	 padding:5px 0 5px 10px;
	 color:#FFF;
 } 
 
 #contentsecbody .rowhead {
	background-color: #434343;
	height: 30px;
	color:#FFF;
}
 
#contentsecbody .rowpro {
	background-color: #cccccc;
	height: 40px;
	border-bottom-style:solid;
	border-width: 1px;
	border-color: #000;
}

 #contentsecbody .rowsep {
	background-color: #434343;
	height: 10px;
	color:#FFF;
}

#contentsecbody .SLcell {
	width: 40px;
	text-align: center;
	border-right-style:solid;
	border-width: 1px;
	border-color: #000;
}

#contentsecbody .Qucell {
	width: 60px;
	text-align: center;
	border-right-style:solid;
	border-width: 1px;
	border-color: #000;
}

#contentsecbody .Procell {
	width: 420px;
	text-align: left;
	border-right-style:solid;
	border-width: 1px;
	border-color: #000;
	padding-left: 5px;
}

#contentsecbody .Pricell {
	width: 118px;
	text-align: center;
}

#contentsecbody .SL2cell {
	width: 6%;
	text-align: center;
	border-right-style:solid;
	border-width: 1px;
	border-color: #000;
}

#contentsecbody .Qu2cell {
	width: 10%;
	text-align: center;
	border-right-style:solid;
	border-width: 1px; 
	border-color: #000;
}

#contentsecbody .Pap2cell {
	width: 10%;
	text-align: center;
	border-right-style:solid; 
	border-width: 1px;
	border-color: #000;
}

#contentsecbody .Pro2cell {
	width: 53%;
	text-align: left;
	border-right-style:solid;
	border-width: 1px;
	border-color: #000;
	padding-left: 5px;
}


#contentsecbody .Pri2cell {
	width: 20%;
	text-align: center;
}

#products {
	width: 90%;
margin-left: 30px;
}

#products  p {
font-size:11px;
 line-height:20px;
 width:85%;
 margin-top:5px;
  color:#bcbec0;
  text-decoration:none;
  font-weight:normal;
 padding: 5px 0 10px 10px;
}

#products .dropcontent{
border: 1px solid black;
background-color: #FFF;
display:block;
}

#contentsecbody hr {

width:85%;
color: #666;
background-color: #666;
height: 1px;
margin: 20px 0 5px 30px;
}

#contentsecbody .ViewDetails {
	font-size:15px;
	text-align:center;
	font-weight:bold;
	margin-left:30px;
	display:block; 
	width:100px;
	background:#a0c12a; 
	border-radius: 10px;
	color:#fff;
	height:20px;
	padding-top:5px;
	padding-bottom:4px;
	text-decoration:none;
}

 #contentsechead { 
 float: left;
 width: 676px;
 margin-left:22px;
 padding-bottom:10px;
 background-image:url(../images/123bg.gif);
 background-position:top center; 
 background-repeat:no-repeat;
 background-color:#0e0e0e;
 }

#contentsechead h1 { 
 font-size:12px;
 color:#CCCCCC;
 text-decoration:none;
 font-weight:bold;
 padding: 5px 0 0 30px;
}

#contentsechead p { 
 color:#FFF;
 margin: 12px 30px 0 0px;
}

#contentsec1 { 
 float: left;
 color: #333;
 width: 225px;
 }

#contentsec2 { 
 float: left;
 color: #333;
 width: 225px;
}

#contentsec3 { 
 float: left;
 color: #333;
 width: 225px;
}
 
#footer { 
 width: 956px;
 height: 90px;
 border-top-style:solid;
 border-color:#3c3c3c;
 background: #3c3c3c;
 clear: both;
}

#footer a {
 font-weight:bold;
 font-size:11px;
 color:#a1a1a1;
 text-decoration:none;
}
 
 #footer a:hover{
 color:#c5c5c5;
}

#footer p {
 width:50%;
 font-size:11px;
 color:#c2c2c2;
 font-weight:normal;
 text-decoration:none; 
 margin:30px 0 0 15px;
 border-top-style:solid;
 border-color:#666;
 border-width:1px;
 }