/* =====  Default HTML elements  ===== */

body { 
	background: #FFF url(../images/bg_grey.gif); 
	margin: 1em; 
	font: 65% verdana, helvetica, sans-serif; 
	color:#333; 
}

h1 { 
	font: 1.7em/1.5 Trebuchet MS, Helvetica, Arial, sans-serif; 
	padding: 0.2em 2em; 
	margin-top: 0.5em;
	color: #2B62B4; 
}

h2 { 
	font: italic 1.5em/1.5 Trebuchet MS, Helvetica, Arial, sans-serif; 
	padding: 0.5em 2em; 
	margin-top: 1.5em;
	color: #2B62B4; 
}

h3 { font-size:1em; margin:0.2em; color: #2B62B4; }

h4 { font-size:10px; margin:0.2em; color: #2B62B4; }

h5 { font-size:10px; font-weight:normal; margin:0.2em; }

form {
	padding: 0;
	margin: 0;
	line-height: 2em;
}

form p { line-height: 1.5em; }

input, 
select, 
textarea { 
	font: 1em/1 Verdana, Helvetica, sans-serif; 
	color: #333; 
	padding: 0.2em; 
	margin: 0; 
	border: 1px solid #CCC;
	background-color: #FAFAFA;
}

label { padding: 0.5em 0; display: block; clear: left; }

dt { font-weight: bold; margin: 1em 0; }

abbrev, acronym { cursor:help; }

p { margin:1em 0; }

html>body fieldset { 
	padding: 1em;
	margin-top: 23px;
	margin-bottom: 1em;
	border: 1px solid #999; 
	background-color: #FFF8EF; 
}

html>body legend { 
	padding: 0.5em 1em 0 1em;
	line-height: 1;
	margin-top: -14px;
	background-color: #FFF8EF; 
	border: 1px solid #999; 
	border-bottom: none;
}

a img { border:none; }

thead tr td,
th,
.showgrid th,
.showgrid thead tr td { 
	background: #8dc2f4 url(../images/bg_thead-blue.gif) top left repeat-x;
	color: #FFF;
	font-weight: normal; 
}

td, th { padding:0.3em 0.5em; }

th { text-align: left; } 

thead tr td a:link,
thead tr td a:visited,
tr th a:link,
tr th a:visited { color: #FEFF6F; }

thead tr td a:hover,
tr th a:hover { color: #FFD066; }

table caption { 
	margin-top: 1em; 
	background-color: #F0F0F0; 
	color: #333; 
	font-weight: bold; 
	border: 1px solid #999; 
	padding: 0.5em;
}

a:link, 
a:visited { color: #C40; }

a:hover { color: #FF5400; }

ul, ol { margin: 0; padding: 0 0 0 2em; }

li { margin: 0; padding: 0.5em; }



/* =====  Main layout  ===== */

#content { 
	background: #FFF; 
	border: 1px solid #CCC; 
	padding: 1em; 
	margin-right: 17em;
	line-height: 1;
}

#footer { text-align:center; color:#666; line-height:1.5; margin-right: 17em; }

.clearing {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}



/* =====  Navigation  ===== */

#shownav { display: none; float: right; }

.navcontrol { color: #999 !important; font-weight: bold; }

.navcontrol:visited { color: #999 !important; }

.navcontrol:hover { color: #666 !important; }

#nav { 
	position: absolute; 
	top: 1em; 
	right: 1em; 
	width: 15em; 
	background: #FFF; 
	border: 1px solid #CCC; 
	padding: 0.5em;
}

#nav ul { 
	list-style: none; 
	padding: 0;
	margin: 0;
}
#nav li {
	margin: 0.5em 0 0 0;
	background-color: #2B62B4;
	padding: 5px 0 0 0;
}
#nav li a {
	color: #FFF;
	display: block;
	text-decoration: none;
	padding: 0 0.5em 0.5em 0.5em;
}
#nav li a:hover {
	color: #D1DFEF;
}
#nav ul ul {
	display: none;
	background-color: #DFECFF;
}
#nav ul li.active ul {
	display: inline;
}
#nav ul ul li {
	margin: 0;
	padding: 0.3em ;
	background-color: #DFECFF;
}
#nav ul ul li a {
	color: #2B62B4;
	padding: 0.5em;
	background-color: #DFECFF;
}
#nav ul ul li a:hover {
	color: #4D82CF;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */



/* =====  Forms  ===== */

.wrap_form { width:99%; }


label .title { width: 20em; height: 100%; float: left; margin-right: 1em; text-align: right; }
label .input {	float: left; padding-right: 1em; }
label .alert { margin-top: 0em; }

fieldset input.button { width: auto; margin: 0; }

.checkbox { display: block; margin-bottom: 0.3em; }
.checkbox input { margin-right: 0.5em; }

.date { float: left; margin-right: 1em; }
.date select { width: auto; }

.fixed_width_font { width: 30px; }
.checkbox input, .radio input { width: auto; border: none; }

span.radio { margin-right: 1em; }

.alert { color: #FF0000; }

input.button { background: #dde8f5; border: 1px solid #8CA4C2; color: #6583a8; cursor: pointer; width: auto; padding: 0.2em; }

.fixed_width_font { font-family: Lucida Console, Courier New, Courier, monospace; font-size:1em; line-height:1.75em; }

input.fixed_width_font { line-height:1em; }



/* =====  Misc  ===== */

#content p { width: 40em; }

.alert	{ color:#FF0000; font-weight:bold; } /* alerts, user-responses */

p.alert	{ background:#F5E9E9; border:1px solid #E88888; padding:0.5em; }

.highlight { background:#007AC7; color:#FFF; padding:0.2em; font-weight:bold; }

.trans	{ color:#888; } /* translucent text/captions */

.fill	{ background:#F0F0F0; border:1px solid #999; padding:0.2em; margin:0.2em; }

.ruletop	{ border-top:1px solid #999; padding-top:1em; }

.rulebottom	{ border-bottom:1px solid #999; padding-bottom:1em; }

.ruleleft	{ border-left:1px solid #999; padding-left:1em; }

.ruleright	{ border-right:1px solid #999; padding-right:1em; }

#filterletterwrap { word-spacing:-0.3em; }

.filterletter { padding:0.2em 0.3em; font-family: Lucida Console, Courier New, Courier, monospace; }

a.filterletter:link,
a.filterletter:visited { border:1px solid #F0F0F0; text-decoration:none; }

a.filterletter:hover { border:1px solid #F00; text-decoration:none; }

a.selected:link,
a.selected:visited { background:#0C7FF2; color:#FFF; }

.highlight a:link,
.highlight a:active,
.highlight a:visited { color:#DEEFFF; }
.highlight a:hover { color:#F0F9FF; }



/* =====  Tables  ===== */

body tr.alert td { background-color: #F5E9E9 !important ; }

.sent td { background-color: #EFE; }

.pending td { background-color: #FEE; }

.showgrid { border-collapse: collapse; }

.showgrid td { border:1px solid #C2D9EF; }

.showgrid th,
.showgrid thead tr td { border: 1px solid #235C8F; }

table tr .hidegrid td { border:0; }

.zebra1, tr.zebra1 td { background-color: #F3F9FF; }

.zebra2, tr.zebra2 td { background-color: #DFEFFF; }

tr.inactivecustomer td { 
	background-color: #EEE;
	color: inherit;
}

tbody.hover tr.over td,
tbody.hover tr:hover td { 
	background-color: #FFE8D1; 
	color: #E41717; 
	cursor: pointer; 
}

table.table_cart  { width: 80%; }

table tbody tr.activecustomer td,
table tbody tr.activecustomer:hover td { 
	background-color: #FFF8EF;
	color: inherit;
}

body table tbody tr.selected td,
body table tbody tr.selected:hover td { 
	background:#FFD5AB; 
	color:#E41717; 
}

input.button { padding:0em 0em; }



/* =====  Nifty Corners  ===== */

/* Nifty Corners | http://pro.html.it/articoli/id_599/idcat_31/pag_1/pag.html | START */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
/* Nifty Corners | START */

#nav ul ul li .rtop,
#nav ul ul li .rbottom,
#nav ul ul li .artop,
#nav ul ul li .arbottom { display: none }

#footer .rtop,
#footer .artop { display: none }



/* =====  Cart  ===== */

#productnav { width:auto; float:left; border:1px solid #999; padding:0.5em; margin-right:1em; }

#productnav .fill { background:#C40; color:#FFF; border:none; padding:0.4em; }

#productinfo { width:40em; float:left; }

#productinfo .caption { background:#333; color:#FFF; }

#product-category-wrap {
	width: 25em;
	float: left;
	border: 1px solid #999;
	padding: 0.5em;
	margin-right: 1em;
}

.product-category {
	background-color: #F9F9F9;
	border: 1px solid #CCC;
	padding: 0.2em;
	margin: 1px;
}

.product-category:hover {
	background-color: #F0F0F0;
}

.product-sub-category-wrap {
	display: none;
	margin-left: 2em;
}

#product-category-wrap .icon {
	float: right;
	margin-left: 0.2em;
}

#product-category-wrap .selected {
	background-color: #FFDFCF;
}



/* =====  Homepage  ===== */

#index-default #content table {
	width: 600px;
}

#index-default #content table th,
#index-default #content table td {
	vertical-align: top;
	line-height: 1.5;
}

#index-default #content table th {
	width: 150px;
	text-align: right;
}



/* =====  CMS menu page  ===== */

#menulist { 
	border-style: solid; 
	border-color: #CCC;
	border-width: 0 1px 1px;
	width: 48%; 
	float: left; 
	margin-right: 2%;
	line-height: 1.5; 
}

#menulist h2,
#cmslist h2 { 
	background: #8dc2f4 url(../images/bg_thead-blue.gif) top left repeat-x;
	color: #FFF;
	border-style: solid;
	border-color: #174E7F;
	border-width: 1px;
	padding: 0.2em 1em; 
	margin: 0;
	font-style: normal; 
	font-weight: bold; 
	font-family: Verdana;
	font-size: 95%; 
	text-transform: uppercase; 
}

#menulist div,
#cmslist div { padding: 0.75em 1em; margin: 0; }

#menulist div.menuitems { 
	clear: both; 
	background-color: #EEE; 
	border: 1px solid #DDD;
	margin-bottom: 1px; 
	padding: 0 0.5em;
	line-height: 2;
}

.menuitems img {
	cursor: pointer;
	padding: 0 0.5em;
	vertical-align: middle;
}

#menulist .menuitems .menubuttons img { padding: 0.5em 0.2em; }

#menulist .menuitems div.menubuttons { padding: 0; float: right; }

#menulist span { border:1px solid #DDD; background-color:#EEE; padding: 0.2em 0.5em; }

#menulist span.cmslink { background-color:#DEF; }

#menulist span.cmsstatictitle { background-color:#EFE; }

#menulist div.cmslink { background-color:#DEF; }

#menulist div.cmsstatictitle { background-color:#EFE; }

#cmslist { 
	border-style: solid; 
	border-color: #CCC;
	border-width: 0 1px 1px;
	width: 49%; 
	float: left;
	line-height: 1.5;
}

#cmslist a { display: block; }

#cmslist label { display: inline; float: none; width: auto; }


/* import customers page */
#importlist { 
	border: 1px solid #CCC; 
	width: 40%; 
	float: left; 
	margin-right: 2%;
	line-height: 2; 
	padding: 2%; 
	clear: both;
}
#importlist p,
#importfields p { width: auto; }

#importfields { 
	border: 1px solid #CCC; 
	width: 49%; 
	float: left;
	line-height: 2; 
	padding: 2%; 
}
#importfields a { display: block; }

.removeimportfield { 
	float:right; 
	width:5em; 
}
.removeimportfield img { 
	padding: 0 0.2em; 
	cursor: pointer; 
}

/* end import customers page */



/* ======  Multiselect  ====== */

body #content form .multiselect { 
	display: block; 
	height: 20em; 
	width: 10em; 
	border: 1px solid #CCC; 
	background-color: #6195DF;
	color: #BFDBFF;
}

body #content form .multiselect a { color: #BFDBFF; padding-left: 1em; text-decoration: none; }

body #content form .multiselect a:hover { color: #FFF; text-decoration: none; }

body #content form .multiselect input { width: auto; margin-right: 1em; }

body #content form .multiselect label { color: #333; line-height: 1.5; border-bottom: 1px solid #EEE; background-color: #FFF; }

body #content form .multiselect label:hover { background-color: #EEE; }