* { margin:0; padding:0; border:0; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

html{
	font-family: Tahoma;
	font-size: 13px;
	color: #434242;
	height:100%;
	min-height:100%;
	min-width:905px;
}

body {
	height:100%;
	min-height:100%;
	line-height:1.7;
	min-width:905px;
	background:url(../images/CityComputers.png) repeat-x #d1d1d1;
}

p{
	margin-bottom:8px;
	margin-top:3px;
}

ul{
	list-style-type:none;
}

h1{
	font-size:18px;
	font-family:"Trebuchet MS";
	letter-spacing:-1px;
	font-weight:normal;
}

/* =Links
---------------------------------------------------------------------*/
a:link, a:visited { font-style: normal; font-size:11px; color:#434242; text-decoration:none; border-bottom:1px #434242 dotted; padding-bottom:2px; font-weight:bold; }

a:hover { font-style: normal; color:#01aefe; font-size:11px; text-decoration:none; border-bottom:#01aefe 1px dotted; padding-bottom:2px; }

a.else:link, a.else:visited { font-style: normal; font-size:11px; color:#01aefe; text-decoration: none; border:none; font-weight:normal; }

a.else:hover { font-style: normal; color:#f93385; font-size:11px; text-decoration: none; border:none; }

a.more:link, a.more:visited { font-style: normal; color:#000000; font-size:11px; font-weight:bold; text-decoration:none; border-bottom:1px #000000 dotted; padding-bottom:2px; }

a.more:hover { font-style: normal; color:#768444; font-size:11px; text-decoration:none; border-bottom:1px #768444 dotted; padding-bottom:2px; }

#menu a{
	font-size:13px;
	border-bottom:none;
	font-family:"Trebuchet MS";
	letter-spacing:-1px;
}

.menu-right li a, .menu-right li a:active, .menu-right li a:visited {
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:normal;
	display:block;
	height:auto;
	padding-top:4px;
	padding-bottom:4px;
}

.menu-right li a:hover{
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:normal;
	display:block;
	height:auto;
}
/* =Top
-----------------------------------------------------------------------------*/
#top{
	height:35px;
	padding-top:5px;
	margin-bottom:4px;
}

#lang{
	float:left;
	font-size:11px;
	padding-left:15px;
}

#cart{
	float:left;
	font-size:11px;
}

#user{
	float:right;
	font-size:11px;
}

#top-right{
	width:420px;
	float:right;
	padding-left:15px;
	padding-right:15px;
}

#menu{
	float:left;
	width:99%;
	text-align:right;
	padding-top:237px;	
}
/* =Content
-----------------------------------------------------------------------------*/
#wrapper{
	width:905px;
	min-width:905px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bg-container.png) repeat-x 0px 405px #efefef;
}

#container {       
	min-width:905px;
	width:905px;
	background:url(../images/CityComputers_03.gif) no-repeat left bottom;
	padding-bottom:8%;	
}

#header{
	width:905px;
	height:407px;
	background:url(../images/CityComputers.jpg) no-repeat;
}

#left_bar{
	float:left;
	width:170px;
	height:500px;
	padding-left:20px;
	padding-right:10px;
}

#center{
	width:310px;
	float:left;
	padding-left:20px;
	padding-right:10px;
}

#right{
	float:left;
	width:310px;
	padding-left:20px;
	padding-right:10px;
}

#main{
	width:600px;
	padding-left:20px;
	padding-right:20px;
	float:left;
}

.product{
	width:170px;
	height:230px;
	float:left;
	font-size:11px;
	padding-right:25px;
	padding-bottom:7px;
	padding-top:5px;
}

.product img{
	float:left;
	padding:4px;
	border:1px dotted #999999;
}

.product-details{
	float:left;
	line-height:1.9;
	text-align:center;
	width:180px;
	line-height:1.5;
	padding-top:5px;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	height:33px;
	width:905px;
	margin-left:auto;
	margin-right:auto;
	line-height:33px;
	text-align:center;
	font-size:11px;
	background:url(../images/CityComputers_05.gif) center top no-repeat;
	color:#FFFFFF;
	padding-bottom:15px;
}

/* =Various styles
-----------------------------------------------------------------------------*/
.kalathi {
	color: #fea605;
}

/* cart
-----------------------------------------------*/
input, textfield{
   font-style:italic;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
   color:#85991b;
   padding:4px;
   border:dotted 1px #CCCCCC;
   background-color:#FFFFFF;
}

.form img{
	border:1px solid #777777;
	margin-bottom:10px;
}

.line{
	border-top:#555555 1px solid;
	line-height:1;
}

/* contact
-----------------------------------------------*/
#contact{
	padding-left:20px;
	width:400px;
	float:left;
	padding-right:30px;
}

#map{
	width:390px;
	height:350px;
	float:left;
	margin-bottom:10px;
	margin-top:33px;
	border:5px #FFFFFF solid;
}

input, textarea{
   font-style:italic;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
   color:#777777;
   padding:4px;
   margin-top:4px;
   margin-bottom:4px;
   border:dotted 1px #CCCCCC;
}