/***************************************************************/
/* SONORASERVICE.IT CSS - COPYRIGHT 2007 - ALL RIGHTS RESERVED */
/***************************************************************/

/***************************************************************/
/** ELEMENTI PRINCIPALI **/

body {
	background-color:#FFF;
	margin:0;
	padding:0;
	font-size:0.9em;
	font-family:arial,serif;
}

img { border:0;margin:0; }
img.icon { margin-bottom:-3px; }
a, a:active, a:hover { color:#000; }

h1 { display:none; margin:0;}
h2 { margin:-10px 0 10px; font-size:1.7em; letter-spacing:2px; color:#31475E; font-family:helvetica,arial,serif; font-weight:bold; }
* html h2 { margin:0 0 10px; }
h3 { margin:10px 0; font-size:1.2em; color:#DA7816;}
h4 { margin:20px 0 10px; font-size:1.2em; color:#DA7816;}

hr { background-color:#000; height:2px; width:100%; font-size:0; border:0; padding:0; margin:10px 0; }

.clear { clear:both; }
.spacer { height:20px; }

ul.menu { list-style:none; margin:0; padding:0; }
ul.menu li { display:block; float:right; margin:3px 7px 0 0; padding:0; font-size:0; }

table { border-collapse:collapse; border:0; margin:0; }

p.d { font-size:0.9em; margin-top:-10px; }
p.dd { font-size:0.8em; margin-top:-5px; }
span.d { font-size:0.8em; }

.alert { color:#B11418; font-weight:bold; text-align:right; font-size:0.9em; }

/***************************************************************/
/** ACCORDION E OPENBOX **/

h3.accordion_toggle {
	font-family:verdana,serif;
	color:#2F4665;
	font-weight:normal;
	cursor: pointer;
	padding:0;margin:0;
	display: block;
	border-top:1px dotted #999;
	background:url(../images/clip-open.gif) 98% 50% no-repeat #DEDEDE;
}
h3.accordion_toggle span {
	background:url(../images/sell-back.gif) bottom left no-repeat;
	display: block;
	padding:7px 7px 7px 15px; margin:0;
}
h3.accordion_toggle:hover, h3.accordion_toggle_active {
	color:#FFF; background-color:#49668C;
	background-image:url(../images/clip-open2.gif);
}
h3.accordion_toggle_active:hover, h3.accordion_toggle_active {
	background-image:url(../images/clip-close2.gif);
}
h3.accordion_toggle:hover span, h3.accordion_toggle_active span {
	background-image:url(../images/sell-back2.gif);
}
h3.accordion_toggle_active { font-size:1.4em; }

h4.openbox_toggle span { display:none; }
h4.openbox_toggle {
	background:url(../images/push-otherbrands.gif) 50% 5px no-repeat;
	height:50px;
	display: block;
	margin:0;
	cursor: pointer;
}
h4.openbox_toggle:hover {
	background-image:url(../images/push-otherbrands-h.gif);
}
h4.openbox_toggle_active, h4.openbox_toggle_active:hover {
	background-image:url(../images/push-otherbrands-s.gif);
}

.accordion_content, .openbox_content { overflow: hidden; width:100%; }

.openbox_content { margin-bottom:40px; }


/***************************************************************/
/** BOX PRINCIPALI **/

#container {
	width:100%;
	margin:0; padding:0;
}
#header {
	width:100%;
	background:url(../images/header-back.gif) top left repeat-x;
}
#softlayer {
	width:85%; margin:0 auto;
	background:url() top right no-repeat;
}
#logo { height:107px; }


/** TOP MENU **/

#top { width:100%; background:url(../images/top-back.gif) top left repeat-x; }
#top-content { width:85%; background:url(../images/menu-back.gif) top left repeat-x; margin:0 auto; }
#topimage-left {
	background:url(../images/topimage-base.jpg) top left no-repeat;
}
#topimage-right {
	background:url(../images/topimage-right.jpg) top right no-repeat;
	padding-top:12px;
}

#menu {	float:right; height:65px; width:450px; }

/** CONTENT **/

#content { width:85%; margin:10px auto 30px; text-align:justify; }

/** FOOTER **/

#footer {
	background:url(../images/footer-back.gif) top left repeat-x #FFF;
	padding:25px 0 50px 0;
	margin-top:50px;
	text-align:center;
	font-size:0.8em;
}

#footer img { margin:3px 0 -3px 5px; }

/***************************************************************/
/** LOADER **/

#loader { display:none;position:absolute; top:0; left:0;
		  background-color:#FFF; width:100%; height:1500px;
		  font-size:1.8em; text-align:center; padding-top:100px;}
		  
/***************************************************************/
/** LOGIN/SIGNUP BOX **/

#login { background-color:#FFF; width:85%; margin:5px auto 10px; }
#login .name{ font-weight:bold; font-family:tahoma; font-size:0.9em; }
input, select, textarea { font-size:0.9em; font-family:arial,serif; width:100px;
		border:1px solid #CECECE; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; }
input.checkbox { width:auto; }
input.radio { width:auto; margin:0 0 -2px 0; }
#login .buttons { float:right;}
#login .box { float:left;margin-left:10px; }
#login label { color:#999; font-size:0.7em; margin-left:10px; font-weight:bold; }

#simpleform input  { width:300px;margin-bottom:3px; }
#simpleform textarea { width:300px;margin-bottom:3px; }
#simpleform select { width:303px;margin-bottom:3px; }
#simpleform label { display:block; float:left; width:100px; text-align:right; color:#666;
				font-size:0.7em; margin-right:10px; font-weight:bold; padding-top:3px;  }
#simpleform .d { font-size:0.7em; margin:1px 0 15px 110px; color:#333; }

#simpleform.search { margin:50px 0; }


.fields label { display:block; float:left; width:100px; text-align:right; color:#666;
				font-size:0.7em; margin-right:10px; font-weight:bold; padding-top:3px;  }
.fields input  { width:300px;margin-bottom:3px; }

/***************************************************************/
/** BUTTONS **/

.buttons a, .buttons button{
    display:block; float:left; margin:0 7px 0 0;
    background-color:#f5f5f5;
	border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:0.75em;
    line-height:130%; text-decoration:none; font-weight:bold;
    color:#565656; cursor:pointer;
    padding:3px 10px 3px 7px; /* Links */
}
.buttons button{
    width:auto; overflow:visible;
    padding:2px 10px 1px 7px; /* IE6 */
}
.buttons button[type]{
    padding:2px 10px 3px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:2px 10px 1px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 4px -4px 0 !important; padding:0; border:none; width:16px; height:16px;
}

/* STANDARD */
button:hover, .buttons a:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
.buttons a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

/* POSITIVE */
button.positive, .buttons a.positive{ color:#529214; }
.buttons a.positive:hover, button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
.buttons a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; }

/* NEGATIVE */
.buttons a.negative, button.negative{ color:#d12f19; }
.buttons a.negative:hover, button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.buttons a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/* MINI BUTTONS */
.buttons a.mini .label, .buttons button.mini .label { display:none; }
.buttons button.mini{ height:23px; }
.buttons a.mini{ height:15px; }
.buttons button.mini img, .buttons a.mini img{
    margin:0 -2px 0 0 !important; padding:0; border:none; width:16px; height:16px;
}

.buttons div.div {
	width:2px; font-size:0; background-color:#4B6C8E;height:23px;display:block; float:left; margin:0 6px 0 0px;
}


/***************************************************************/
/** TABLE LIST **/

table.list { width:100%; }
table.list td { border-bottom:1px dotted #AAA; }
table.list tr.c:hover { background-color:#F9F9FA;}
table.list td.h { border-top:2px solid #555; border-left:1px solid #999; border-right:1px solid #999;
				  background-color:#F1F2F3; padding-left:10px; }
table.list td.i { width:35px; text-align:center; }
table.list td.d { width:140px;text-align:center;font-size:0; }
table.list td.c { width:30px; font-size:0.7em; text-align:center;}
table.list td.hr { height:20px;border:0; }
table.list td.t div.l { font-size:0.9em; margin: 10px 0 0; }
table.list td.t div.t { margin:5px 0 10px; }

/***************************************************************/
/** TABLE SELL **/
table.sell { width:100%; margin:0 auto; }
table.sell td { border-bottom:1px solid #999; }
table.sell td.c { padding:10px 0; text-align:left; }
table.sell td.c div.t { font-size:1.5em; }
table.sell td.c div.t a { text-decoration:none; color:#4B6B8C; }
table.sell td.c div.d { font-size:0.9em; }
table.sell td.l { text-align:right; padding:10px 20px 10px 0; width:300px; }
table.sell td.t { padding:50px 0 5px 0; font-size:1.8em; color:#31475E; }
table.sell td.m { width:50px;padding-right:10px;text-align:right; }
table.sell td.s { width:50px;text-align:right; }
table.sell td.hr { height:20px;border:0; }
table.sell td.hr2 { height:5px;border:0; }

/***************************************************************/
/** PROFILE.ASP **/
table.subusers { width:100%; margin:0 auto; border-top:1px solid #999; }
table.subusers tr.h { background-color:#DAE0E7; }
table.subusers tr.h td { font-weight:bold; font-size:0.8em; }
table.subusers td { border-bottom:1px solid #999;padding:6px 0; }
table.subusers td.i { width:20px;padding-left:20px; }
table.subusers td.z { width:20px;padding-right:20px; }
table.subusers td.u { width:300px;font-weight:bold; }
table.subusers td.n { font-size:0.8em; }
table.subusers .big { text-align:center; font-size:2.0em; }

/***************************************************************/
/** CART.ASP **/

div.cart-list .t a { text-decoration:none; }
div.cart-list .t img { margin-bottom:-10px; }
div.cart-list .t { font-size:2.0em; font-family:tahoma,serif; font-weight:bold;
				padding:20px 0 5px;margin-bottom:10px; border-bottom:2px solid #999;}
				
table.cart-list { width:100%; margin:10px auto; }
table.cart-list tr:hover { background-color:#E2E8E9; }
table.cart-list tr.h { background:url(../images/sell-list-back.gif) top left repeat-x #DAE0E7;
					   font-weight:bold; font-size:0.8em;
					   border:1px solid #999; border-bottom:0; }
table.cart-list tr.sh { background-color: #CAD1DA;
					   font-weight:bold; font-size:0.9em; border-top:2px solid #566678; }
table.cart-list tr.ch { background-color: #E6EAEE;
					   font-weight:bold; font-size:0.8em; }
table.cart-list tr.pa { font-weight:bold; font-size:0.8em; border-bottom:2px solid #566678; }
table.cart-list tr.al td { background-color:#FFFAFA; }
table.cart-list tr.ah td { background-color:#FFE8E9; }
table.cart-list tr.f { border-top:2px solid #999; height:20px; }
table.cart-list td { border-bottom:1px solid #999; padding:6px 0; text-align:center; }
table.cart-list td.i { width:30px; }
table.cart-list td.iva { width:50px;text-align:center;font-size:0.75em; }
table.cart-list td.d { width:150px; font-size:0.75em; }
table.cart-list td.sc { text-align:left; font-size:0.85em; }
table.cart-list td.p { width:100px; font-size:0.75em; text-align:right; padding-right:10px;}
table.cart-list td.m { width:100px; font-size:0.75em;}
table.cart-list td.sq { width:40px; font-size:0.75em; }
table.cart-list td.n { text-align:left; font-size:0.85em; }
table.cart-list tr.h td.n { font-size:1em; }
table.cart-list td.s { width:40px; border-left:1px solid #999; }
table.cart-list td.s a { text-decoration:none; }
table.cart-list td.s input { width:30px; text-align:center; }
table.cart-list td.empty { font-size:0.8em; text-align:center; padding:30px 0; }
table.cart-list td.empty div.title { font-size:2.0em; font-weight:bold; }

/***************************************************************/
/** IVA **/

table.iva-list { width:100%; margin:0 auto; }
table.iva-list tr.h { background-color:#DAE0E7;
					   font-weight:bold; font-size:0.8em;
					   border:1px solid #999; border-bottom:0; }
table.iva-list td { border-bottom:1px solid #999; padding:6px 0; text-align:center; font-size:0.75em; }
table.iva-list td.i { width:100px; font-weight:bold; }
table.iva-list td.p { width:150px; }

/***************************************************************/
/** rent.asp **/

div.rent.list {
	width:750px;
	margin:0 auto;
}

div.rent .rentbox {
	float:left;
	margin: 20px 20px 5px;
	padding: 5px 10px 10px;
	-moz-border-radius:1em;
	border:2px solid #CCC;
	width:300px;
}
div.rent .rentbox img {
	margin: -25px 10px -10px 0;
	-moz-border-radius:1em;
	border:1px solid #CCC;
}

* html div.rent .rentbox img {
	margin: -3px 10px -15px 0;
	border:0;
}

div.rent h3 img {
	margin: 0 15px -10px;
}
div.rent h3 { margin-bottom:20px; }

				
table.rent-list { width:100%; margin:0 auto; }
table.rent-list tr.h { background:url(../images/sell-list-back.gif) top left repeat-x #DAE0E7;
					   font-weight:bold; font-size:0.8em;
					   border:1px solid #999; border-bottom:0; }
table.rent-list tr:hover { background-color:#E2E8E9; }
table.rent-list td { border-bottom:1px solid #999; padding:6px 0; text-align:center; }
table.rent-list td.n { text-align:left; height:50px }
table.rent-list td.n em { font-size:0.8em; }
table.rent-list td.i { width:30px; }
table.rent-list td.b { width:100px; text-align:center; font-size:0.8em; font-weight:bold; }
table.rent-list td.p { width:80px; text-align:right; padding-right:10px; font-size:0.8em; }

/***************************************************************/
/** SELL_LIST.ASP **/

div.sell-list .t a { text-decoration:none; }
div.sell-list .t img { margin-bottom:-10px; }
div.sell-list .t { font-size:1.8em; font-family:arial,serif; font-weight:normal;
				padding:20px 0 0;margin-bottom:20px; border-bottom:2px solid #999;}
				
table.sell-list { width:100%; margin:0 auto; }
table.sell-list tr:hover { background-color:#E2E8E9; }
table.sell-list tr.h { background:url(../images/sell-list-back.gif) top left repeat-x #DAE0E7;
					   font-weight:bold; font-size:0.8em;
					   border:1px solid #999; border-bottom:0; }
table.sell-list tr.sh { background-color: #CAD1DA;
					   font-weight:bold; font-size:0.9em; border-top:2px solid #566678; }
table.sell-list tr.ch { background-color: #E6EAEE;
					   font-weight:bold; font-size:0.8em; }
table.sell-list td.sep { background-color: #566678;
					  	 height:10px; }
table.sell-list td { border-bottom:1px solid #999; padding:6px 0; text-align:center; }
table.sell-list td.n { text-align:left; font-size:0.85em; }
table.sell-list tr.h td.n { font-size:1em; }
table.sell-list td.i { width:30px; }
table.sell-list td.iva { width:50px;text-align:center;font-size:0.75em; }
table.sell-list td.p { width:150px; text-align:right; padding-right:10px; }
table.sell-list td.sc { text-align:left; font-size:0.85em; }
table.sell-list td.sc strong{ font-size:1.1em; }
table.sell-list td.s { width:60px; border-left:1px solid #999;text-align:center;  }
table.sell-list td.s a { text-decoration:none; }
table.sell-list td.s input { width:30px; text-align:center; }
table.sell-list td.cat { font-weight:bold; padding-left:10px; text-align:left; }
table.sell-list td.empty { font-size:0.8em; text-align:center; padding:30px 0; }
table.sell-list td.empty div.title { font-size:2.0em; font-weight:bold; }
table.sell-list td.hl { background-color: #FFFCC1; }

span.itemcod { font-weight:bold;font-size:0.9em; }
span.itemdesc {  }

.sell-info h3 { font-size:1.3em;}
.sell-info p { text-align:justify; }
.sell-info p.img img { border:2px solid #6196CB; }
.sell-info p.img { text-align:center; margin:20px auto;  }
.sell-info .price { float:right; }
.sell-info .price span { font-size:1.2em; }
.sell-info .qta { float:right; }
.sell-info label { font-weight:bold; font-size:0.8em; }

/***************************************************************/
/** SELL.ASP / SELL_INFO.ASP **/

.brandsmaps { width:100%; }
.brandsmaps img { margin:0 3px 0; }
.brandsmaps td { vertical-align:top; text-align:center; font-weight:bold; color:#333;}

table.map { width:70%; margin:0 auto; }
table.map td { padding:5px; text-align:center; }

/***************************************************************/
/** default.asp **/

.home-logo { width:350px; margin-top:100x; float:right; text-align:center;}
.home-logo .news { border:1px solid #6196CB; margin-top:15px; }
.home-logo .news .title { font-weight:bold; font-size:1.2em; color:#FFF; padding:5px 0; text-align:center; background-color:#6196CB; }
.home-logo .news .content { font-size:0.9em; text-align:justify; padding:15px 10px; }
.home-menu { width:400px; margin-top:40px; }
.home-menu dt { height:26px;width:200px; margin:0 auto; text-align:center;
				background:url(../images/home-menu-left.gif) top left no-repeat #6196CB; font-size:0; }
.home-menu dt a { display:block;height:26px; background:url(../images/home-menu-right.gif) top right no-repeat; }
.home-menu dd { margin:5px 0 11px 0; text-align:center; font-size:0.9em;}
.home-menu img.menu { margin-top:1px; }

/***************************************************************/
/** CARTCLOSE.ASP **/
div.sendopt { border-bottom:5px solid #566678; padding:10px; }
div.send { border-top:5px solid #566678; }
div.send p { font-size:0.9em; margin:5px 0 0 20px; }
label.sendtitle { font-weight:bold; font-size:1.2em; color:#323D47; }
label.paytitle { font-weight:bold; font-size:0.9em; margin-top:15px; display:block;}
div.sendsubtitle { font-size:0.75em; font-weight:bold; }
div.desc { font-size:0.75em; font-style:italic; margin-top:5px; }
div.sendinfo { 
	border:1px solid #566678;
	border-top:3px solid #566678;
	background-color:#F8F9FA;
	padding:10px 10px 0;
	font-size:0.9em;
}
div.info .title { 
	font-weight:bold;
}
div.info .content { 
	margin:0 0 10px 10px;
}

/***************************************************************/
/** ERROR.ASP **/

#error { text-align:center; margin-top:20px; }
#error h2 { color:#710003; font-size:1.2em; font-weight:bold; margin-top:20px; }
#error .link img { margin-bottom:-3px; }

/***************************************************************/
/** VARIOUS **/

.alertbox { background-color:#FFFEEA; border:1px solid #CCC; padding:10px; margin:10px 0 20px; text-align:center;}

.menubrands, .menucart, .menusearch { margin-top:5px; text-align:right; }
.menubrands a, .menucart a, .menusearch a { margin-left:10px; }
.menucart a, .menucart button, .menusearch a { float:right; }
#legend { font-size:0.75em; font-family:tahoma,serif; text-align:right; margin:10px; }
#legend img { margin:1px 0 -4px; }
.highlight { background-color:#FFFBA4; }
.offperc { font-size:0.7em; }
a.offbox { border:1px solid #AAA; padding:0px 2px 2px 3px; }
.itemunit { font-size:0.75em; }

span.used, span.new { font-size:0.8em; color:#BF0069; font-weight:bold; }
span.offmin { font-size:0.8em; color:#0080C0; font-weight:bold; }