/**Author Name:Gen 
   Developed in Vin Labs 
   Copyright at gendesigns.blogspot.com 
   ProjectName:Computer Zone **/
*{ margin: 0px; padding: 0px; }*

body
{ 
  background:#eee center top;
  color: #dcdcdc;
  font: .8em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;line-height: 1.6em;
}
/**Common**/
p
{
	font-family:sans-serif,verdana,Arial;
	font-size:0.9em;
}
ul {
	font-family:sans-serif,verdana,Arial;
	font-size:0.9em;
	color:#000000;
	margin-left: 5px;
	padding-left: 1.5em;
	}
ol {
	font-family:sans-serif,verdana,Arial;
	font-size:0.9em;
	color:#000000;
	margin-left: 5px;
	padding-left: 1.5em;
	}
/**Wrapper **/
#wrapper 
{
	width:900px;
	margin:5px auto;
	background:#ffffff;
}
#top,#footer,#main,#content,#container
{
	width:850px;
	margin:0px auto;
}
#top
{
	
	margin-top:7px;
	background:#fdfdfd url(images/cstrip.gif) repeat-x;
	height:34px;	
}
#logo{
	height:105px;
}
#logo-left
{
    margin-left: 30px;
    margin-top: 10px;
    float:left;
}
#logo-right{
	float:right;
	color: #999999;
	font-weight:bold;
	margin-right: 10px;
	margin-top:20px;
}
#logo-right a{
	color:#999999;
	text-decoration:none;
}
#logo-right a:hover{
	color:#999999;
	text-decoration:underline;
}

#main
{
	background:#2e2e2e url(images/background.png) no-repeat ;
	height:150px;
}
#content
{	
	height:100px;
    background:url(images/cstrip.gif) repeat-x;	
}
#left,#right
{
	width:275px;
    height:100px;
    	
}
#left
{
	float:left;
	
}
#right
{
	float:right;
	
}
#center
{
	margin:0px 275px 0px 275px;
	border-left:1px solid #4F4A4A;
	border-right:1px solid #4F4A4A;
	height:100px;
    
}
#left h1,#right h1,#center h1
{
font-size:1.0em;
padding:10px 0 0 20px;
font-family:sans-serif,verdana,Arial;
}
#left p,#right p,#center p
{
padding:10px 15px 0px 20px;
font-size:0.9em;
}
#left h2,#right h2,#center h2
{
	padding-left:170px;
	font-family:sans-serif,verdana,Arial;
	font-size:0.7em;
}
#left a,#right a,#center a
{
	color:#fff;
	text-decoration:none;
}
#left a:hover,#right a:hover,#center a:hover
{
	color:#fda925;
	text-decoration:underline;
}
#container
{
	background:#d9d9d9;
	margin-top:5px;
	margin-bottom:5px;	
}

#lcontain
{
	width:260px;
	background:#eeeeee;
	float:left;
	
	/*height:260px;*/
	margin-top:7px;

}
#rcontain
{
	width:260px;
	background:#eeeeee;
	float:right;
	width:575px;
    /*height:260px;*/
	margin-right:5px;
    margin-top:7px;
 	
}
#scontain
{
	min-height: 500px;
	background:#eeeeee;
	float:right;
	width:845px;      
	margin-right:5px;
    margin-top:7px;
 	
}
#rcontain  h1,#lcontain h1,#scontain h1
{
color:#2f2f2f;
font-size:1.5em;
font-family:sans-serif,verdana,Arial;
padding:15px 0px 0px 15px;
}
#rcontain p,#scontain p,#rcontain h2,#scontain h2
{
color:#2f2f2f;
padding:10px 10px 0 15px;
}
#lcontain p,#lcontain h2,#scontain h2,#rcontain h3
{
color:#2f2f2f;
padding:10px;
}
#lcontain h4{
color:#ffffff;
padding-left:15px;
}
#lcontain h2,#scontain h2
{
font-size:1.1em;
font-family:sans-serif,verdana,Arial;
}
#lcontain a ,#scontain a
{
	color:#1c443b;
}
/*Table CSS Starts*/
#table1 {
	width: 790px;
	padding: 5px;
	margin: 10px;
	color:black;
}
th {
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;	
}
#shortdesc{
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: bold 11px sans-serif, verdana, arial;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
/*Table CSS Ends*/
.col
{
float:left;
width:280px;
}
.col li a
{
float:none;
color:#1c443b;
text-decoration:underline;
}
.col li a:hover
{
	text-decoration:none;
}

/**footer ***/
#footer {
	background: #2e2e2e url(images/fstrip1.gif) repeat-x;
	margin: 0 auto;
	text-align: center;
	clear:both;
	/*height:40px;*/
}
#footer a {
	color: #5E6F6E;
	text-decoration: none;
}
#footer a:hover {
	color: #9ab2be;
	text-decoration: underline;
}
/*Checkout */

label
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 7.5em;
color: #ffffff;
background: #4d9494;
border: 2px outset #000000;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */

}
input
{
color: #000000;
background: #e4e4e4;
border: 1px solid silver;
font: 1.0em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;
line-height: 1.6em;
}

fieldset
{
border: 1px solid silver;
font: 1.2em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;
line-height: 1.6em;
}
/* forms */
#form1 { background: white; border: 1px solid #ddd; width:500px;}
#form1 fieldset { border: 0; padding: 5px 5px 5px; margin: 0; }
#form1 fieldset legend { display: none; }
#form1 p:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#form1 p label {  
	font-size: 1em; 
	color: #333; 
	float: left; 
	display: block; 
	width: 20%; 
	margin-right: 20px; 
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#form1 p input,
#form1 p select,
#form1 p textarea { 
	font-size: 1em; 
	color: #333; 
	border: 1px solid #ddd; 
	padding: 8px; 
	background-color: #eee; 
	width: 55%; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	}
#form1 p select { width: 57.5%; }
#form1 ul.fieldlist { margin: -30px 0 10px 33%; padding: 0; list-style-type: none; }
#form1 ul.fieldlist li { color: #333; padding: 0 30px 5px 0; white-space: nowrap; }
#form1 input.btn,
a.btn { 
	width: auto; 
	overflow: visible;
	border: 0;
	background: #099 url(../img/image_.jpg) repeat-x 0 -30px; 
	padding: 8px 10px;
	cursor: pointer; 
	color: #fff;
	text-decoration: none;  
	font-weight: bold;
	}
a.btn:hover { background-color: #ccc; color: #333; }	
