/*  
Theme Name: AUTORICAMBI COSENZA
Theme URI: http://www.cosenzaricambi.it
Description: AUTORICAMBI COSENZA
Version: 1.0
Author: BeeSoft srl
Author URI: http://www.beesoft.it/
*/

/**************************************************************************************/

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

BODY {
	background: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

IMG { border: 0px; }

LI { list-style: none; }

A { 
	text-decoration: none;
	color: #ffffff; 
	outline: 0px;
}

A:hover { text-decoration: underline; }

/**************************************************************************************/

#container {
	margin: 20px auto 0px auto;
	background: #162983;
	color: #ffffff;
	width: 900px;
}

#header {
	background: url('images/bg-header.jpg') no-repeat;
	height: 212px;
}

#logo {
	background: url('images/logo-cosenza.png') no-repeat;
	margin: 50px 0px 0px 580px;
	position: absolute;
	width: 280px;
	height: 95px;
}

#logo A {
	text-indent: -90000px;
	font-size: 10px;
	display: block;
	width: 280px;
	height: 95px;
}

/**************************************************************************************/

#menu { 
	background: url('images/bg-menu-div.gif') no-repeat left;
	position: absolute;
	margin-top: 102px;
	margin-left: 75px;
	height: 95px;
	width: 550px;
}

#menu LI {
	background: url('images/bg-menu-div.gif') no-repeat right;
	padding: 0px 15px 0px 15px;
	height: 95px;
	float: left;
}

#menu IMG {
	width: 36px;
	height: 33px;
}

#menu A { 
	padding-top: 30px;
	text-decoration: none;
	text-align: center;
	color: #162983;
	height: 55px;
	float: left;
}

#menu A:hover { color: #475CBF; }

#menu .sel A { padding-top: 45px; }

#menu STRONG { display: block; }

/**************************************************************************************/

#content {
	background: url('images/bg-content.jpg') no-repeat top;
	padding: 50px;
}

#content .section { 
	padding-top: 20px;
	height: 70px; 
}

#content .section H2 {
	text-transform: uppercase;
	font-size: 16px;
}

#content.large { padding: 120px 0px 0px 0px; }

/**************************************************************************************/

#intro {
	/*background: url('images/bg-intro.jpg') no-repeat;*/
	width: 900px;
	height: 400px;
}

#intro .slider {
	position: absolute;
	overflow: hidden;
	width: 900px;
	height: 400px;
}

#intro UL { position: absolute; }

#intro LI { 
	margin-right: 100px;
	height: 400px; 
	float: left;
}

#intro IMG { height: 400px; }

.intro-txt {
	margin-top: 20px;
	font-style: italic;
	font-size: 20px;
	text-align: center;
}

/**************************************************************************************/

#categories {
	overflow: hidden;
	width: 100%;
}

#categories UL { width: 110%; }

#categories LI {
	background: url('images/bg-div.gif') no-repeat top right;
	padding-right: 30px;
	margin-right: 30px;
	font-size: 11px;
	width: 150px;
	float: left;
}

#categories H1 {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 13px;
}

#categories .img {
	margin-bottom: 10px;
	overflow: hidden;
	width: 150px;
	height: 85px;
}

#categories .brands { 
	padding-top: 10px; 
	height: 45px;
}
#categories .brands IMG { margin-right: 2px; }

#categories .more { 
	text-align: right; 
	font-size: 10px;
}

#categories .more A { text-decoration: underline; }
#categories .more A:hover { text-decoration: none; }

/**************************************************************************************/

#page {
	overflow: hidden;
	width: 100%;
}

#page H3 { 
	margin-bottom: 20px;
	font-size: 13px;
}

#page P { 
	margin-bottom: 10px; 
	line-height: 160%;
	font-size: 11px;
}

#page .col3 { width: 110%; }

#page .col { 
	background: url('images/bg-div.gif') no-repeat top right;
	float: left; 
}

#page .col3 .col {
	margin-right: 20px;
	padding-right: 30px;
	width: 230px;
}

#page .big { width: 500px !important; }

/**************************************************************************************/

#staff LI {
	margin-bottom: 20px;
	font-size: 10px;
	overflow: hidden;
	width: 100%;
}

#staff H1 { 
	margin-bottom: 5px;
	font-size: 12px; 
}

#staff .photo {
	background: #ffffff;
	margin-right: 10px;
	overflow: hidden;
	width: 60px;
	height: 50px;
	float: left;
}

#staff .photo .frame {
	background: url('images/bg-frame.png') no-repeat;
	position: absolute;
	width: 60px;
	height: 50px;
}

#staff .txt {
	width: 70px;
	float: left;
}

#staff .contact {
	background: url('images/bg-btn.gif') no-repeat;
	line-height: 26px;
	text-align: center;
	float: right;
	width: 52px;
	height: 26px;
}

#map { 
	background: #ffffff;
	height: 300px;
	width: 520px;
	float: left;
}

#marker, #marker A { color: #000000; }

/**************************************************************************************

#products {
	overflow: hidden;
	width: 100%;
}

#products LI {
	margin-right: 10px;
	font-size: 11px;
	width: 160px;
	height: 70px;
	float: left;
}

#products .photo {
	background: #ffffff;
	margin-right: 10px;
	overflow: hidden;
	width: 60px;
	height: 50px;
	float: left;
}

#products .photo .frame {
	background: url('images/bg-frame.png') no-repeat;
	position: absolute;
	width: 60px;
	height: 50px;
}

#products .order {
	width: 55px;
	float: left;
}

#products .order A {
	background: url('images/bg-order.gif') no-repeat top;
	text-decoration: none;
	padding-top: 35px;
	text-align: center;
	font-size: 11px;
	display: block;
}

/**************************************************************************************/

#login {
	background: url('images/bg-login.gif') no-repeat;
	padding: 15px;
}

#login P { margin-bottom: 5px; }

#login P INPUT { 
	border: 1px solid #a8a8a8;
	padding: 2px;
	width: 190px;
}

#login .submit INPUT {
	background: url('images/btn-login.gif') no-repeat;
	cursor: pointer;
	color: #ffffff;
	border: 0px;
	width: 95px;
	height: 26px;
}

/**************************************************************************************/

#frm-contact {
	overflow: hidden;
	width: 100%;
}

#frm-contact .frm-wrap { 
	margin-bottom: 15px; 
	overflow: hidden;
	width: 380px;
	float: left;
}

#frm-contact .frm-wrap LABEL {
	margin-bottom: 5px;
	display: block;
	width: 165px;
}

#frm-contact .frm-wrap INPUT {
	border: 1px solid #a8a8a8;
	padding: 2px;
	width: 250px;
}

#frm-contact .frm-wrap TEXTAREA { width: 634px; }

#frm-contact .big {
	width: 100%;
	clear: left;
	float: none;
}

#frm-contact .submit, #frm-contact .reset { 
	margin-right: 10px; 
	float: left;
}

#frm-contact .submit INPUT, #frm-contact .reset INPUT {
	background: url('images/btn-send.gif') no-repeat;
	cursor: pointer;
	color: #ffffff;
	border: 0px;
	width: 64px;
	height: 25px;
}

.required { color: red; }

/**************************************************************************************/

#footer {
	text-align: center;
	font-size: 11px;
}

#footer .address {
	border-bottom: 2px solid #ffffff;
	background: #fbc200;
	color: #162983;
}

#footer .address A { color: #162983; }

#footer .address, #footer .credits { padding: 10px 0px 10px 0px; }