body { background: #DDDDDD;  margin: 0; padding: 15px 0; font-family: Verdana, Arial, Sans; font-size: 11px; color: #000;}

a { color: #333;}
a:hover { color: #CC0000;}
a img { border: 0;}
form { margin: 0; padding: 0;}
img, input, select, textarea { font-family:Arial,Helvetica,sans-serif; font-size:11px; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0pt; padding:0pt; vertical-align:middle; }

.only_english { color: #CC0000; font-size: 9px;}

.clear { clear: both; height: 0; line-height: 0; font-size: 0;}

#container { background: #FFF; margin: 0 auto; width: 960px; padding: 0 15px 15px; border: 1px solid #000;}

/*bread_crumbs*/
#bread_crumbs { margin: 10px 0 30px 0;}
#bread_crumbs ul { margin: 0; padding: 0; list-style: none; float: right;}
#bread_crumbs ul li { float: left; margin-left: 10px; background: transparent url(/img/freccia_rossa_grossa.gif) no-repeat scroll left bottom; padding-left: 15px }
#bread_crumbs ul li.home { padding-left: 0; background: none;} 

.divLanguage { background:#FFF none repeat scroll 0%; color:#909092; display:block; float:right; font-size:0.9em; height:25px; line-height:25px; text-indent:8px; width: 220px; }
.divLanguage a { text-decoration:none;}
.divLangCountry { display:inline; }
#divLangDropDownCont { background: #000 none repeat scroll 0%; border:0pt none; margin:0pt 0pt 0pt 60px; padding: 0; position:relative; width:150px; z-index:20; }
#divLangDropDownCont b.border { border-left:  1px solid #FFF; border-right: 1px solid #FFF; margin: 0; height: 1px; padding:0; display: block; font-size: 1px; }
#divLangDropDownCont ul { list-style-type:none; margin: 0; padding: 0; }
#divLangDropDownCont li { height:20px; line-height:20px; margin:0pt; padding:0pt; border-left: 1px solid #000; border-right: 1px solid #000; }
#divLangDropDownCont li a { background: #000 none repeat scroll 0%; color: #FFF; display:block; height:20px; line-height:20px; margin:0pt; padding:0pt; }
#divLangDropDownCont li a:hover { background: #FFF; color: #000; }

.divSearch { float:right; clear: right; margin: 5px 5px 0 0;}
.forSearch { background:transparent url(/img/forsearch-bg.gif) repeat scroll 0%; height:17px; line-height:1.6em; vertical-align:middle; width:140px;}
.forsearchinput { border:0pt none; color:#7F7F7F; height:14px; margin:0px 0pt 0pt 4px; width:114px; }
.forsearchbutt {background:transparent url(/img/forsearchbutt.gif) no-repeat scroll left top; border:0pt none; height:17px; margin:0pt; padding:0pt; vertical-align:middle; width:22px; }

#top { height: auto; }
#content { height:auto !important; height: 600px; min-height: 600px;}

#logo { margin: 5px 30px 0 0; height: 41px; line-height: 41px; color:#000; font-size: 30px; width: 400px; float: left;}
#logo a { display: block; width: 359px; height: 41px; background: transparent url(/img/logo.gif) no-repeat top left; }
#logo a span { display: none;}

.divPrimaryNav { margin: 40px 0 10px; height: 36px; background: transparent url(/img/primaryNav/bg_primaryNav.gif) repeat-x top left;}
.divPrimaryNav ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; }
.divPrimaryNav .navHeader { float:left; position:relative; z-index:200; }
.divPrimaryNav li { padding: 0; margin: 0;}
.divPrimaryNav li a { display: block; background:transparent url(/img/primaryNav/bg_button_it.png) no-repeat scroll 0%; outline-color:invert; outline-style:none; outline-width:medium; height: 36px; }
.divPrimaryNav li a span { display: none;}

.divPrimaryNav li a.l-home { width: 45px; background-position: 0 -324px; }
.divPrimaryNav li a.l-home_on { width: 45px; background-position: 0 -360px; }
.divPrimaryNav li a.l-home_over { width: 45px; background-position: 0 -396px; }
.divPrimaryNav li a.l-categorie { width: 101px; background-position: 0 -215px; }
.divPrimaryNav li a.l-categorie_on { width: 101px; background-position: 0 -251px; }
.divPrimaryNav li a.l-categorie_over { width: 101px; background-position: 0 -287px; }
.divPrimaryNav li a.l-autori { width: 77px; background-position: 0 -431px; }
.divPrimaryNav li a.l-autori_on { width: 77px; background-position: 0 -467px; }
.divPrimaryNav li a.l-autori_over { width: 77px; background-position: 0 -503px; }
.divPrimaryNav li a.l-tipologie { width: 99px; background-position: 0 -539px; }
.divPrimaryNav li a.l-tipologie_on { width: 99px; background-position: 0 -575px; }
.divPrimaryNav li a.l-tipologie_over { width: 99px; background-position: 0 -611px; }
.divPrimaryNav li a.l-contatti { width: 92px; background-position: 0 0; }
.divPrimaryNav li a.l-contatti_on { width: 92px; background-position: 0 -36px; }
.divPrimaryNav li a.l-contatti_over { width: 92px; background-position: 0 -72px; }
.divPrimaryNav li a.l-ricerca { width: 83px; background-position: 0 -647px; }
.divPrimaryNav li a.l-ricerca_on { width: 83px; background-position: 0 -683px; }
.divPrimaryNav li a.l-ricerca_over { width: 83px; background-position: 0 -719px; }
.divPrimaryNav li a.l-assistenza { width: 110px; background-position: 0 -755px; }
.divPrimaryNav li a.l-assistenza_on { width: 110px; background-position: 0 -791px; }
.divPrimaryNav li a.l-assistenza_over { width: 110px; background-position: 0 -827px; }

#primaryNav .navContent { display:none; margin:0pt 0pt 0pt -7px; position:absolute; }
#secondaryNav { float: right;}
.divPrimaryNav li a.l-cart { width: 43px; background-position: 0 -108px; }
.divPrimaryNav li a.l-cart_on { width: 43px; background-position: 0 -144px; }
.divPrimaryNav li a.l-cart_over { width: 43px; background-position: 0 -180px; }

.sp-rnd4l, .sp-rnd4r, .sp-rndcnrleft, .sp-rndcnrright, .sp-rndnavmnuleft, .sp-rndnavmnuright, .sp-rndshdwbbll, .sp-rndshdwbblr, .sp-rndshdwl, .sp-rndshdwr, .sp-rndtabmnuleft, .sp-rndtabmnuright, .sp-sqrshdwl, .sp-sqrshdwr {
background:transparent url(/img/verticals-sprite.png) repeat-y scroll 0%; }
.sp-rndtabmnuleft { background-position:-140px 0px; }
.sp-rndtabmnuright { background-position:-159px 0px; }


.sp-rnd4bl, .sp-rnd4br, .sp-rnd4tl, .sp-rnd4tr, .sp-rndcnrbottomleft, .sp-rndcnrbottomright, .sp-rndcnrtopleft, .sp-rndcnrtopright, .sp-rndnavmnubottomleft, .sp-rndnavmnubottomright, .sp-rndnavmnutopleft, .sp-rndnavmnutoplefts, .sp-rndnavmnutopright, .sp-rndnavmnutoprights, .sp-rndshdwbblbl, .sp-rndshdwbblbr, .sp-rndshdwbbltl, .sp-rndshdwbbltr, .sp-rndshdwbl, .sp-rndshdwbr, .sp-rndshdwtl, .sp-rndshdwtr, .sp-rndtabmnubottomleft, .sp-rndtabmnubottomright, .sp-sqrshdwbl, .sp-sqrshdwbr, .sp-sqrshdwtl, .sp-sqrshdwtr { background:transparent url(/img/corners-sprite.png) no-repeat scroll 0%; }
.sp-rndtabmnubottomleft { background-position:0px -616px; }
.sp-rndtabmnubottomright { background-position:0px -644px; }

.sp-rnd4b, .sp-rnd4t, .sp-rndcnrbottom, .sp-rndcnrtop, .sp-rndnavmnubottom, .sp-rndnavmnutop, .sp-rndshdwb, .sp-rndshdwbblb, .sp-rndshdwbblt, .sp-rndshdwt, .sp-rndtabmnubottom, .sp-sqrshdwb, .sp-sqrshdwt { background:transparent url(/img/horizontals-sprite.png) repeat-x scroll 0%; }
.sp-rndtabmnubottom { background-position:0px -133px; }

.navContent ul {list-style: none; background: #FFF; margin: 5px; padding: 0; width: 530px;}
.navContent ul li { background: #FFF; float: left; width: 170px; line-height: 1.5;}
.navContent ul li a { background: #FFF; height: auto; text-decoration: none; color: #333;}
.navContent ul li.selected a, .navContent ul li a:hover { color: #CC0000;}

#navMenuCategory ul { width: 700px;}
#navMenuCategory ul li { width: 175px;}

#navMenuType ul { width: 410px;}
#navMenuType ul li { width: 200px;}
/*
.divPrimaryNav { margin: 40px 0 30px; border-bottom: 1px solid #000;}
#primaryNav { margin: 20px 20px 0 20px; padding: 0; list-style: none; background: transparent url(/img/bg_primaryNav.gif) repeat-x top left; height: 30px; line-height: 30px; border: 1px solid #000; border-bottom: 0;}
#primaryNav li { float: left; line-height: 24px; margin-right: 5px;  }
#primaryNav li a { color: #FFF; font-size: 11px; font-weight: bold; display: block; text-decoration: none; padding:  0 20px; line-height: 30px; }
#primaryNav li a:hover { background: transparent url(/img/bg_primaryNav_over.gif) repeat-x top left; color: #000;}
*/
/*#results_box { width: 510px;}*/
#results_box .results_element { height: 310px; width: 145px; margin: 0 20px 0 0; float: left;}
#results_box .results_element .item_code { line-height: 1.4; text-decoration: none;}
#results_box .results_element .item_preview { display: block; height: 160px;}
#results_box .results_element .item_preview img { border: 1px solid #666; margin: 0; }
#results_box .results_element .results_desc { color: #666; font-size: 10px; line-height: 1.3; }
#results_box .results_element .results_desc hr { height: 1px; color: #999; margin: 5px 0; background: #333; border: 0;}
#results_box .results_element .results_action { line-height: 2; background: #333; text-align: center; margin: 5px 0; color: #FFF; font-size: 12px;}
#results_box .results_element .results_action a {color: #FFF; text-decoration: none; font-size: 10px; padding: 0 2px;} 
#results_box .results_element .price { width: 100%; float: left; }
#results_box .results_element .price span.price-label { float: left; }
#results_box .results_element .price span.price-value { float: right; font-weight: bold; }

#tplPreview { border: 2px solid #CCC; background: #FFF; padding: 10px;}
#tplPreview img { border: 1px solid #CCC;}
#tplPreview h2 { color: #CCC; font-size: 14px; margin: 5px 5px 5px 0;}
#tplPreview #tplPreviewProgressBar { margin-top: 5px; }
#tplPreview #tplPreviewProgressBar { background-color:#FFFFFF; border:1px solid #666; font-size:10px; left:50%; margin-left:-80px; padding:10px 10px 15px; position:absolute; text-align:left; top:45%; width:160px; }

#menu { width: 198px; float: left;}
#contenuto { margin: 0 0 0 10px; width: 530px; float: left;}

#menu ul li { border-bottom: 1px dotted #DDD; padding: 5px 3px 0 3px; line-height: 18px; }
#menu ul li a { text-decoration:  none; display: block; color: #666;}
#menu ul li.selected a, #menu ul li:hover a { color: #CC0000; padding-left: 5px;}
#menu ul li.selected, #menu ul li:hover { border-bottom: 1px dotted #CC0000;}

#menu #menu_category { margin: 0; padding: 0; list-style: none;}
/*#menu_category li { margin-bottom: 6px;}*/
#menu #menu_category li.selected { padding-left: 5px;}
#menu #menu_category li.selected a { text-decoration: none;}

#menu #menu_author { margin: 0; padding: 0; list-style: none;}
/*#menu_author li { margin-bottom: 6px;}*/
#menu #menu_author li.selected { padding-left: 5px;}
#menu #menu_author li.selected a { text-decoration: none;} 

#menu #menu_type { margin: 0; padding: 0; list-style: none;}
#menu #menu_type li.selected { padding-left: 5px;}
#menu #menu_type li.selected a { text-decoration: none;}

#selectSorting { text-align: right;}
.paginatore {width: 100%; float: left; margin-top: 8px;}
.paginatore .counter { float: left;}
.paginatore .number { float: right;}
.paginatore .number .current { font-weight: bold;}

#scheda div span { font-weight: bold;}

#scheda #topPreview img { width: 958px; height: auto; border: 1px solid #000; margin-bottom: 20px; }

#scheda #col_screen { width: 450px; float: left;}
#scheda #col_info { margin: 15px 0 0 455px; width: 400px;}

#scheda #sch_prezzi { margin: 0 0 20px 0; }
#scheda #sch_prezzi span { font-size: 110%; font-weight:  bold;}
#scheda #sch_prezzi span.label { color: #000; }
#scheda #sch_prezzi span.prezzo { margin: 0 20px 0 5px; color: #BB0000; }

#scheda #preview_link { margin: 10px 0;}
#scheda #preview_link #LiveDemo { display: block; width: 132px; height: 36px; background: transparent url(/img/pulsanti_it.png) no-repeat 0px 0px; float: left;}
#scheda #preview_link #LiveDemo:hover { background-position:  0px -36px;}
#scheda #preview_link #LiveDemo span { display: none;}

#scheda #preview_link #addToCart { display: block; width: 251px; height: 36px; background: transparent url(/img/pulsanti_it.png) no-repeat 0px -72px; margin-left: 140px;}
#scheda #preview_link #addToCart:hover { background-position:  0px -108px;}
#scheda #preview_link #addToCart span { display: none;}


.classForm label { display: block; width: 100px; float: left; line-height: 18px; margin: 0 0 5px 0; padding: 0 10px; text-align: right;}
.classForm input { margin: 0 0 5px 0; border: 1px solid #CCC; height: 15px; width: 200px; padding: 2px; }
.classForm textarea.textarea { margin: 0 0 5px 0; width: 400px; height: 200px; border: 1px solid #CCC; padding: 2px; }
.classForm .select { height: 20px; margin: 0 0 5px 5px;}
.classForm input.submit { padding:0 10px; line-height: 20px; height: 20px; font-size: 13px; border: 1px solid #CC0000; text-transform: uppercase; width: auto;}
.classForm input.submit:hover { color: #CC0000;}
.classForm input.hint, .classForm textarea.hint { color:#9D9C9F;}
.select_sort { margin: 5px 0; font-size: 11px;}

/* scrollable div area */
#scrollable2 { float: left; width: 940px; height: 295px; padding: 0; overflow: hidden; white-space: nowrap; margin: 20px 10px; }
#scrollable2 .results_element { float:left; margin-right: 13px; height: 290px; }
/* wrap to make sure that image area is clickable */
#wrap4 { clear: both; width: 500px; height: 20px; background: none; margin: 10px auto; }
/* left image of track */
#track4-left { position: absolute; width: 20px; height: 20px; }
#track4-right { position: absolute; margin-left: 520px; width: 20px; height: 20px; }
/* horizontal track */
#track4 { position: absolute; margin: 0 20px; width: 500px; height: 20px; background: transparent url(/img/scrollbar/scrollbar_repeatcenter.gif) repeat-x top left; }
/* horizontal track handle */
#handle4 { width: 75px; height: 20px; }

#content { line-height: 1.3;}
#content h2 { font-size: 15px; font-weight: bold; margin: 10px 0 5px 0; color: #CC0000;}
#content .otherbox { margin-bottom: 20px;}
#content h4 { font-size: 13px; font-weight: bold; margin: 0; color: #CC0000;}
#content p { margin: 0 20px 20px 20px;}
#content p span.titolo { font-weight: bold; margin: 5px 0;}
#content a:hover { color: #CC0000; }
#content a.categoria {text-decoration: none; color: #CC0000; margin: 0 20px; padding-left: 10px; background: transparent url(/img/freccia_rossa.gif) no-repeat left 4px;}
#content a.categoria:hover { color: #000; }
#content a.download { background: #CC0000; color: #FFF; padding: 3px; display: block; text-align: center; text-decoration: none; margin: 5px 0; }
#content a.download:hover { background: #DDDDDD; color: #CC0000;}
#content a.white img { border: 1px solid #666;}

#content table ul { margin: 0 20px 15px; padding: 0; list-style: none;}
#content table ul li { background:transparent url(/img/marker_red.jpg) no-repeat scroll left 4px; padding-left: 15px; margin: 5px 0;}


#verticalBanner { float: right; } /*margin-top: 51px;*/
#f_links { margin-bottom: 20px;}
#footer { padding: 20px 50px; font-size: 10px; color: #000; border-top: 1px solid #CCC; margin: 30px -15px -15px -15px; background:  #F7F7F7; }

#bottom_box { margin: 20px 0;}
#bottom_box .box { float: left; width: 200px; margin-right: 15px; } /*border: 1px solid #000000;*/
/*#bottom_box .box h4 { color: #CC0000; background: #DEDEDE; padding: 5px; margin-bottom: 10px;  }*/
#content .box h4 { color: #CC0000; padding: 9px 15px; margin-bottom: 10px; font-size: 14px; }
.box ul { margin: 0 15px 15px 15px;}
.box .rightLink { text-align: right; padding: 5px 15px;}

.box, .box .sb-inner { background: #FFF url(/img/bg_primaryNav.gif) repeat-x top left; }
.box .sb-shadow { background: #CCC; }
.box .sb-border { background: #DFDED8; }

#order_status #order_status_div { margin: 0; padding:  0 15px 15px 15px;}
#order_status_div div { width: 170px; margin: 0; padding: 0;}
#order_status_div .classForm input { width: 160px; margin-left: 0;}
#order_status_div .classForm input.submit { text-align: center; padding: 2px; border: 0; font-size: 11px; height: auto; line-height: 1; width: 166px;}

.list_most { list-style: none; margin: 10px 0; padding: 0; height: auto !important; height: 170px; min-height: 170px;}
.list_most li { background: transparent url(/img/freccia_rossa_grossa.gif) no-repeat left center; padding-left: 15px;}
.list_most li a { text-decoration: none;}

#tbl_tip td .price { width: 100%; float: left; }
#tbl_tip td .price span.price-label { float: left; }
#tbl_tip td .price span.price-value { float: right; font-weight: bold; }
#tbl_tip td hr { height: 1px; color: #999; margin: 5px 0; background: #333; border: 0;}

#areaTitle { margin-bottom: 20px;}

#contactus { padding:  0 15px;}
#contactus hr.vr { border: 0; width: 1px; background: #DFDED8; height: 400px; margin: 0 15px; float: left; }
#box_home_contactus { padding: 0 30px 15px 0; float: left; margin-right:  30px; border-right: 1px solid #DFDED8;}
#box_home_contactus_text { float: left;padding-bottom: 15px; width:  300px;}

.lbl { display: none;}
.error-message { color: red; margin:-5px 0 8px 0;}