/* ==================== HTML5 BOILERPLATE ==================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #bebebe; color:#fff; text-shadow: none; }
::selection { background:#bebebe; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #bebebe; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #000; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #000; }
a:hover { color: #851717; }



/* ==================== BROOKS COMMON ==================== */

#container { width: 960px; margin: 28px auto 50px; }
h1, h2, h3 { font-weight: normal; }
b { font-weight: bold; }
p.dida { font-size: 12px; line-height: 14px; margin-top: 8px; }

#main { float: left; width: 720px; margin-left: 10px; }

@font-face { font-family: 'ReformaGroteskDemi';src: url('webfonts/eot/style_99380.eot');src: url('webfonts/eot/style_99380.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_99380.woff') format('woff'),url('webfonts/ttf/style_99380.ttf') format('truetype'),url('webfonts/svg/style_99380.svg#ReformaGroteskDemi') format('svg'); }
@font-face { font-family: 'GoudyOldSty-RegIta';src: url('webfonts/eot/style_4612.eot');src: url('webfonts/eot/style_4612.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_4612.woff') format('woff'),url('webfonts/ttf/style_4612.ttf') format('truetype'),url('webfonts/svg/style_4612.svg#GoudyOldSty-RegIta') format('svg'); }
@font-face { font-family: 'GoudyOldSty-Reg';src: url('webfonts/eot/style_4609.eot');src: url('webfonts/eot/style_4609.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_4609.woff') format('woff'),url('webfonts/ttf/style_4609.ttf') format('truetype'),url('webfonts/svg/style_4609.svg#GoudyOldSty-Reg') format('svg'); }

/* -------------------- HEADER NAV -------------------- */
header nav { font-family: GoudyOldSty-Reg, Georgia, "Times New Roman", Times, serif; font-size: 108%; line-height: 1; padding-bottom: 15px; border-bottom: 2px solid #000; }
header nav a { text-decoration: none; }
header nav ul { list-style: none; }
header nav ul li { display: block; float: left; width: 115px; height: 28px; padding-top: 4px; padding-left: 9px; border-left: 1px solid #000; }
header nav ul li.logo { width: 240px; height: 47px; border-left: none; padding: 0; }
header nav ul li.logo img { display: block; }
header nav ul li.ultimo { width: 85px; }
header nav ul div.dropdown { position: relative; left: -10px; z-index: 999; }
header nav ul div.dropdown div.dropdown-header { width: 132px; height: 15px; }
header nav ul div.dropdown div.dropdown-body { width: 104px; background: url(../images/dropdown.png) left bottom; padding: 0 17px 8px 11px; }
header nav ul li div.dropdown div.dropdown-body ul li { display: block; float: none; width: 104px; height: auto; line-height: 0.88; padding: 10px 0; border-left: none; border-top: 1px solid #000; }
header nav ul li div.dropdown div.dropdown-body ul li:first-child { border-top: none; padding-top: 5px; }
div.dropdown { max-height: 0; overflow:hidden; opacity: 0; 
          -moz-transition: all 0.3s ease-out;  
            -o-transition: all 0.3s ease-out;  
       -webkit-transition: all 0.3s ease-out;  
               transition: all 0.3s ease-out; }
.mostradropdown div.dropdown { max-height: 100%; opacity: 1; overflow: visible; }

/* -------------------- TOOLS -------------------- */
#tools { position: relative; border-bottom: 1px solid #000; margin-bottom: 10px; text-align: right; font-size: 12px; line-height: 12px; }
#tools span.login { float: left; max-height: 26px; }
a.cart, a.logstate, a.register, span.sep, a.currency { text-decoration: none; display: inline-block; height: 18px; padding-top: 8px; }
a.currency:link, a.currency:visited { font-size: 14px; padding: 0 2px; color: #999; }
span.currency, a.currency:hover, a.currency:active { font-size: 14px; padding: 0 2px; color: #000; }
a.cart:link, a.cart:visited { background: url(../images/cart.gif) left top no-repeat; padding: 8px 10px 0 26px; }
a.cart:hover, a.cart:active { background-position: left -26px; }
span.sep { padding: 8px 8px 0;}
div#share { position: absolute; left: 615px; top: 8px; width: 50px; height: 18px; text-align: left; }
#tools a.fb, #tools a.tw, #tools a.sendm { display: block; width: 18px; height: 18px; position: absolute; left: 666px; top: 4px; text-align: left; overflow: hidden; text-indent: -9999px; background: url(../images/sprite.png) left top no-repeat; }
#tools a.tw { left: 688px; background-position: left -18px; }
#tools a.sendm { left: 710px; width: 30px; background-position: left -36px; }
#tools a.fb:hover { background-position: -18px top; }
#tools a.tw:hover { background-position: -18px -18px; }
#tools a.sendm:hover { background-position: -30px -36px; }
span.search { display: inline-block; width: 199px; height: 20px; margin: 2px 0; padding: 2px 11px 0 0; background: url(../images/search.gif) left top no-repeat; }
input.searchbox { width: 170px; height: 14px; border: 0; font-size: 12px; line-height: 12px; padding-top: 4px; } /* ultima regola aggiunta per evitare unwanted-feature con LEGACY forms */
input.searchbox:focus { outline: none; }


/* -------------------- SUBMENU -------------------- */
#submenu { float:left; width: 230px; }
#submenu div.section { border-bottom: 1px solid #000; }
#submenu div.section a {
	display: block;
	width: 215px;
	padding: 4px 0 3px 15px;
	font: normal 22px/20px GoudyOldSty-Reg, Georgia,"Times New Roman", Times, serif;
	color: #000;
	letter-spacing: -0.05em; 
	text-transform: uppercase;
	text-decoration: none;
}
#submenu div.section a:hover, #submenu div.section a.current {
	color: #8a1219;
	background: url(../images/submenu_highlight.png) left 9px no-repeat;
}
#submenu div.section ul { list-style: none; }
#submenu div.section ul a {
	padding: 3px 0 2px 15px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	text-transform: none;
}
#submenu div.section ul li { background: url(../images/dotted.gif) left top repeat-x; }
#submenu div.section ul a:hover, #submenu div.section ul a.current { background-position: left 6px; }
#submenu div.section ul a.current { font-weight: bold; }

#submenu div.section ul ul { padding: 0 0 0 10px; }
#submenu div.section ul ul li { background: none; }
#submenu div.section ul ul a, #submenu div.section ul ul a.current { width: 205px; }


/* -------------------- FOOTER -------------------- */
footer { padding-top: 8px; border-top: 2px solid #000; margin-top: 20px; text-align: right; }
footer span { float: left; }





/* -------------------- POPUPs -------------------- */

.popup { background-color:#fff; color: #000; padding: 10px 10px 0 10px; }
.popup h1 { padding-top: 10px; border-top: 2px solid #000; font: normal 24px/18px ReformaGroteskDemi, "Arial Narrow", arial, sans-serif; letter-spacing: 1px; text-transform: none; margin-bottom: 4px; }
.popup h2 { font: 15px/18px GoudyOldSty-Reg, Georgia, "Times New Roman", Times, serif; padding-bottom: 6px; border-bottom: 1px solid #000; margin-bottom: 1em; }
.popup p { font: 15px/18px GoudyOldSty-Reg, Georgia, "Times New Roman", Times, serif; }





/* -------------------- FEEDBACK PAGES (form submission, error messages, waiting for bancasella, etc.) -------------------- */

.feedback #submenu div#current-void { width: 230px; height: 27px; margin-top: 10px; background: url(../images/submenu_highlight.png) left 9px no-repeat; }
.feedback h1 { font-family: ReformaGroteskDemi; font-size: 24px; line-height: 22px; margin: 12px 0 24px; text-transform: uppercase; color: #8a1219; }
.feedback p { font-size: 12px; line-height: 18px; }
.feedback footer { margin-top: 100px; }
.feedback.withimage h1 { margin-top: 3px; }
.feedback.withimage img.feedback { margin-top: 56px; }
.feedback.fewseconds #main { margin: 16px 0 0 60px; }


/* -------------------- LEGACY -------------------- */


/* ______________ bottone avanti (product page [ > ] post your comment e ovunque in NEWS 2011) ______________ */

div.bottoneavanti {
	position: relative;
	height: 18px;
}

div.bottoneavanti span {
	position: absolute;
	height: 18px;
}

div.bottoneavanti a { line-height: 18px; padding-left: 24px; display: block; background: #fff url(../images/button_right.png) left top no-repeat; font-weight: bold; text-decoration: none; }

div.bottoneavanti a:hover {
	background-position: 0 -18px;
}

div.bottoneavanti a:active {
	background-position: 0 -36px;
}

/* submittone (submit form) */

div.submittone { margin-top: 8px; position: relative; height: 18px; }
div.submittone span { position: absolute; height: 18px; }
div.submittone a { font-weight: bold; text-decoration: none; font-size: 18px; color: #000; line-height: 18px; padding-right: 24px; display: block; background: #fff url(../images/button_right.png) right top no-repeat; }
div.submittone a:hover { background-position: right -18px; }
div.submittone a:active { background-position: right -36px; }


/* ______________ buttons container ______________ */

.buttonscontainer { width: 100%; height: 38px; padding-top: 12px; margin-top: 12px; border-top: 1px dotted #ccc; }
div.contenuti > div.buttonscontainer { width: 710px; } /* PUO' ESSERE ELIMINATA? */
.buttonscontainersx, .buttonscontainerdx { width: 340px; }
.buttonscontainerdx { float: right; }


/* -------------------- button_right -------------------- */

div.button_right { display: block; width: 18px; height: 18px; }
div.button_right a { display: block; width: 18px; height: 18px; background: url(../images/button_right.png) left top no-repeat; }
div.button_right a:hover { background-position: 0 -18px; }
div.button_right a:active { background-position: 0 -36px; }


/* ______________ bottone SX ______________ */

div.bottonesx { position: relative; height: 18px; }
div.bottonesx span { position: absolute; top: 0; height: 18px; }
div.bottonesx a { font-weight: bold; text-decoration: none; color: #333; line-height: 18px; padding-left: 24px; display: block; background: #fff url(../images/button_left.gif) left top no-repeat; }
div.bottonesx a:hover { background-position: 0 -18px; }
div.bottonesx a:active { background-position: 0 -36px; }

/* ______________ bottone DX DISABLED (basket : check out) ______________ */

#disabilitato {
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	text-align: right;
	color: #900;
	padding-right: 24px;
	background: #fff url(../arts/button_right_disabled.gif) right top no-repeat;
}

/* ______________ bottone DX (basket : check out) ______________ */

div.bottonedx { position: relative; height: 18px; }
div.bottonedx span { position: absolute; right: 0; top: 0; height: 18px; }
div.bottonedx a {  font-weight: bold; text-decoration: none; color: #333; line-height: 18px; padding-right: 24px; display: block; background: #fff url(../images/button_right.png) right top no-repeat; }
div.bottonedx a:hover { background-position: right -18px; }
div.bottonedx a:active { background-position: right -36px; }






/* ==================== HOME ==================== */

.home #main { width: 740px; margin-left: 0; }
.home aside#latest { float: left; width: 210px; margin-left: 10px;}

/* CSS for jQuery Orbit Plugin 1.2.3 www.ZURB.com/playground Copyright 2010, ZURB Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
.home #slider { width: 740px; height: 390px; background: #000 url('orbit/loading.gif') no-repeat center center; overflow: hidden; }
.home #slider>img, .home #slider>div, .home #slider>a { display: none; }
/* CONTAINER */
.home div.orbit-wrapper { width: 1px; height: 1px; position: relative; }
.home div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden }
.home div.orbit>img { position: absolute; top: 0; left: 0; display: none; }
.home div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; }
.home .orbit>div { position: absolute; top: 0; left: 0; width: 740px; height: 390px; }
/* TIMER */
.home div.timer { width: 19px; height: 30px; overflow: hidden; position: absolute; bottom: 0; right: 25px;  opacity: .6;  cursor: pointer; z-index: 1001; }
.home span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(orbit/rotator-black.png) no-repeat; z-index: 3; display: none;}
.home span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; display: none;}
.home span.rotator.move { left: 0 }
.home span.mask.move { width: 40px; left: 0; background: url(orbit/timer-black.png) repeat 0 0; }
.home span.pause { display: block; width: 19px; height: 30px; position: absolute; top: 0; left: 0; background: url(orbit/sprite.png) no-repeat -112px top; z-index: 4; }
.home span.pause:hover { background-position: -112px -30px; }
.home span.pause.active { background-position: -112px -60px; }
.home span.pause.active:hover { background-position: -112px -90px; }
/* DIRECTIONAL NAV */
.home div.slider-nav { display: block }
.home div.slider-nav span { width: 17px; height: 30px; text-indent: -9999px; position: absolute; z-index: 1000; bottom: 0; cursor: pointer; background: url(orbit/sprite.png) no-repeat left top; }
.home div.slider-nav span.left { right: 139px; }
.home div.slider-nav span.left:hover { background-position: left -30px; }
.home div.slider-nav span.right { background-position: -131px top; right: 8px; }
.home div.slider-nav span.right:hover { background-position: -131px -30px; }
/* BULLET NAV */
.home .orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom: 0; right: 44px; padding: 0; margin: 0; }
.home .orbit-bullets li { float: left; margin-left: 0; cursor: pointer; color: #999; text-indent: -9999px; background: url(orbit/sprite.png) no-repeat -17px 0; width: 19px; height: 30px; overflow: hidden; }
.home .orbit-bullets li.active, .home .orbit-bullets li:hover { color: #222; background-position: -17px -30px; }
.home .orbit-bullets li.secondo { background-position: -36px top; }
.home .orbit-bullets li.terzo { background-position: -55px top; }
.home .orbit-bullets li.quarto { background-position: -74px top; }
.home .orbit-bullets li.quinto { background-position: -93px top; }
.home .orbit-bullets li.secondo.active, .home .orbit-bullets li.secondo:hover { color: #222; background-position: -36px -30px; }
.home .orbit-bullets li.terzo.active, .home .orbit-bullets li.terzo:hover { color: #222; background-position: -55px -30px; }
.home .orbit-bullets li.quarto.active, .home .orbit-bullets li.quarto:hover { color: #222; background-position: -74px -30px; }
.home .orbit-bullets li.quinto.active, .home .orbit-bullets li.quinto:hover { color: #222; background-position: -93px -30px; }
/* SLIDER CONTENT */
.home .content a { display: block; position: absolute; width: 740px; height: 390px; text-decoration: none; }
.home .content h1 { font-family: ReformaGroteskDemi, "Arial Narrow", arial, sans-serif; font-size: 347%; line-height: 0.844; text-transform: uppercase;  text-align: left; padding-bottom: 2px; margin: 229px 0 0 359px; color: #fff; }
.home .content h3 { font-family: GoudyOldSty-RegIta, Georgia, "Times New Roman", Times, serif; font-size: 138.5%;  line-height: 1; text-align: left;  margin: 0 16px 0 359px; border-top: 2px solid #fff; padding-top: 3px; color: #fff; }
.home .content.altpos h1 { margin: 50px 0 0 50px; }
.home .content.altpos h3 { margin: 0 325px 0 50px; }

/* ==================== HOME SECTION CONTENTS ==================== */

.home section#contents { margin-top: 10px; padding: 20px 0; background: url(../images/dotted.gif) left top repeat-x; }
.home section#contents article { float: left; width: 240px; margin-left: 10px; }
.home section#contents article p { font-size: 93%; line-height: 1.5; }
.home section#contents article h3 { font-family: GoudyOldSty-RegIta, Georgia, "Times New Roman", Times, serif; font-size: 116%; line-height: 1.2; }
.home section#contents article h2 { font-family: ReformaGroteskDemi, "Arial Narrow", arial, sans-serif; font-size: 182%; line-height: 0.93; }
.home section#contents article:first-child { margin-left: 0; }
.home section#contents article img { display: block; width: 240px; height: 145px; margin: 8px 0 5px; background-color: #808080; }
.home section#contents a { text-decoration: none; }

.home section#story { padding: 20px 0;  background: url(../images/dotted.gif) left top repeat-x; }
.home section#story h1 { height: 66px; overflow: hidden; text-indent: -9999px; background: url(../images/est_1866.gif) left top no-repeat; }
.home section#story article { position: relative; height: 323px; margin-left: 500px; }
.home section#story article a img { position: absolute; left: -500px; top: 0; border: 1px solid #000; }
.home section#story article img#logo { position: absolute; left: 276px; top: 64px; }
.home section#story p, section#story2 p { padding-bottom: 0.5em; font-size: 93%; line-height: 1.167; }

.home section#story2 { position: relative; background: #d4d4cb url(../images/story2.gif) left top no-repeat; }
.home #story2 { max-height: 0; overflow:hidden; opacity: 0; 
     -moz-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
  -webkit-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out; }
.home .showstory2 #story2 { max-height: 100%; opacity: 1; margin-bottom: 35px;}

.csscolumns .home article#colonne { padding: 50px 10px; 
	-moz-column-count: 3; -moz-column-gap: 10 px;
	-webkit-column-count: 3; -webkit-column-gap: 10 px;
	-o-column-count: 3; -o-column-gap: 10 px;
	column-count: 3; column-gap: 10 px; }
.no-csscolumns .home article#colonne { padding: 50px 10px; }

.home section#story a.more, .home section#story2 a.close { display: block; position: absolute; right: 0; bottom: 0; width: 60px; height: 23px; overflow: hidden; text-indent: -9999px; background: #000 url(../images/more-close.gif) left top no-repeat; }
.home section#story2 a.close { right: 10px; bottom: 16px; background-position: left -23px; }

.home section#featured { position: relative; width: 740px; height: 138px; background-color: #d4d4cb; }
.home #featured-header { position: absolute; width: 720px; left: 10px; top: 10px; text-align: right; }
.home #featured-header a { text-decoration: none; font-size: 93%; }
.home #featured-header span { float: left; font-family: ReformaGroteskDemi, "Arial Narrow", arial, sans-serif; font-size: 123.1%; line-height: 1; text-transform: uppercase; }
.home div#carousel { width: 720px; height: 77px; top: 32px; position: relative; visibility: hidden; left: -5000px; }
.home div#carousel li { position: relative; width: 105px; height: 77px; padding: 0 5px 0 130px; background: url(../images/dotted_vertical.gif) right top repeat-y; }
.home div#carousel li img { display: block; position: absolute; width: 115px; height: 77px; left: 10px; top: 0; background-color: #808080; }
.home div#carousel li h1 { margin-top: 2px; font-family: ReformaGroteskDemi, "Arial Narrow", arial, sans-serif; font-size: 108%; line-height: 1; text-transform: uppercase; }
.home div#carousel li p { font-size: 77%; line-height: 1.2; }
.home div#carousel li a { text-decoration: none; }
.home .prev, .home .next { position: absolute; width: 28px; height: 28px; bottom: 0; background:url(../images/prev-next.png) left top no-repeat; }
.home .prev { left: 0; }
.home .next { right: 0; background-position: left -28px; }
.home .prev:hover { background-position: -28px top; cursor: pointer; }
.home .next:hover { background-position: -28px -28px; cursor: pointer; }
.home #copri-dotted { position: absolute; width: 1px; height: 77px; right: 20px; top: 32px; background-color: #d4d4cb; z-index: 2; }

/* ==================== HOME ASIDE LATEST ==================== */

.home aside#latest h3 { font-size: 182%; line-height: 1.231; font-family: ReformaGroteskDemi, "Arial Narrow", arial, sans-serif; margin-bottom: 4px; }
.home aside#latest ul li { font-size: 93%; margin-bottom: 10px; }
.home aside#latest ul { list-style: none; margin: 0; }
.home #events, .home #social { padding-top: 9px; background: url(../images/dotted.gif) left top repeat-x }
.home #banners { margin-top: 84px; }
.home #banners img { display: block; margin-top: 10px; }
.home #social a.newsl, .home #social a.fb, .home #social a.tw, .home #social a.rss { display: inline-block; width: 22px; height: 23px; overflow: hidden; text-indent: -9999px; background: url(../images/sprite.png) left -54px no-repeat; margin-right: 4px; }
.home #social a.fb { background-position: left -77px; }
.home #social a.tw { background-position: left -100px; }
.home #social a.rss { background-position: left -123px; }






/* ==================== SHOP ==================== */



/* -------------------- FULL RANGE -------------------- */

.range h1 { font: 25px/22px ReformaGroteskDemi; letter-spacing: 1px; margin: 3px 0 8px; text-transform: uppercase; color: #8a1219; }

.range h1.fullrange { font-size: 25px; line-height: 1; padding-top: 12px; margin: 20px 0 0; position: relative; }
.range h1.fullrange.senzacategorie { padding-bottom: 12px; }
.range h1.fullrange div { position:absolute; right: 0; top: 0; width: 960px; height: 1px; border-top: 1px solid #000; }

.range h2 { font-family: ReformaGroteskDemi; letter-spacing: 1px; font-size: 24px; line-height: 1; padding: 8px 0 12px; color: #8a1219; }
a.explore { font: normal 12px/18px Helvetica, Arial, sans-serif; letter-spacing: 0; text-transform: none; text-decoration: none; padding-right: 17px; background: url(../images/range_explore.gif) right -3px no-repeat; }
a.explore.backwards { float: left; padding: 0 0 0 17px; background-position: left -18px; }

.range .miniatura { float: left; width: 120px; }
.range .miniatura a { text-decoration: none; }
.range .miniatura img { display: block; }
.range .miniatura p { height: 52px; font-size: 12px; line-height: 14px; padding: 0 6px 0 3px; color: #999; }
.range .miniatura p span { display: block; max-height: 28px; color: #000; }
.range .miniatura a:hover p span { color: #8a1219; }

.range div.separatorecat { height:10px; border-top: 1px solid #000; margin-top: 10px; }

.range div#editions-carosello1, .range div#editions-carosello2, .range div#editions-carosello3, 
.range div#editions-carosellobags1, .range div#editions-carosellobags2 { position: relative; width: 720px; height: 214px; background: url(../images/editions_separatore.gif) left top no-repeat; }

.range div.carousel li div.miniatura { float: none; }

.range div.carousel { position: relative; top: 68px; width: 720px; height: 146px; visibility: hidden; left: -5000px; }
.range div.carousel li { position: relative; width: 120px; height: 146px; }

.range div#editions-carosellobags1, 
.range div#editions-carosellobags2 { height: 254px; }
.range div#editions-carosellobags1 div.carousel, 
.range div#editions-carosellobags2 div.carousel, 
.range div#editions-carosellobags1 div.carousel li,
.range div#editions-carosellobags2 div.carousel li { height: 186px; }


.range .prev, .range .next { position: absolute; width: 28px; height: 68px; top: 0; background: url(../images/editions_carosello.gif) left top no-repeat; }
.range .prev { left: 0; }
.range .next { right: 0; background-position: left -68px; }
.range .prev:hover { background-position: -28px top; cursor: pointer; }
.range .next:hover { background-position: -28px -68px; cursor: pointer; }





/* -------------------- JB RANGE -------------------- */

.jb #container { margin-top: 0; }
.jb header nav { position: relative; height: 90px; font: normal 12px/28px Helvetica, Arial, sans-serif; padding: 0; background: url(../images/jb.gif) center top no-repeat; }
.jb header nav a { position: absolute; left: 0; bottom: 0; }

.range.jb #movieclip { width: 960px; height: 410px; overflow: hidden; margin-bottom: 24px; } 
.range.jb aside#intro { float: left; width: 226px; padding-left: 4px; }
.range.jb aside#intro h2 { color: #000; }
.range.jb aside#intro p { font-size: 12px; line-height: 18px; }








/* -------------------- CATEGORY RANGE ( category > subcategory) + category.bags -------------------- */

.range.category section div.contents { float: left; width: 490px; margin-right: 20px; }
.range.category section aside.contents { float: left; width: 210px; margin-top: 5px; }

.range #movieclip { width: 720px; height: 413px; overflow: hidden; } 
.range.category #movieclip { width: 490px; height: 298px; } 
.range.category.bags #movieclip { height: 268px; } 


.range div#features { margin-top: 10px; padding: 10px 0; background: url(../images/dotted.gif) left top repeat-x; }
.range div#features article { float: left; width: 240px; margin-left: 10px; }
.range div#features article p { font-size: 93%; line-height: 1.5; }
.range div#features article h3 { font-family: GoudyOldSty-RegIta, Georgia, "Times New Roman", Times, serif; font-size: 116%; line-height: 1.2; }
.range div#features article h2 { font-family: ReformaGroteskDemi, "Arial Narrow", arial, sans-serif; letter-spacing: 1px; font-size: 182%; line-height: 0.93; }
.range div#features article h3, .range div#features article h2 { margin: 0; padding: 0; }
.range div#features article:first-child { margin-left: 0; }
.range div#features article img { display: block; width: 240px; height: 145px; margin: 8px 0 5px; background-color: #808080; }
.range div#features article a { text-decoration: none; }

.range.category section aside.contents p.sidebanner { font-size: 12px; line-height: 18px; margin-top: 8px; }

/* range saddles */
.range.category section aside.contents div#sidecontents { margin-top: 14px; padding-top: 11px; background: url(../images/dotted.gif) left top repeat-x; }
.range.category section aside.contents div#sidecontents p { font: normal 16px/18px GoudyOldSty-RegIta; margin-top: 10px; }
.range.category section aside.contents div#sidecontents img { display: block; margin-bottom: 21px; }

/* range bags */
.range.category.bags section aside.contents div#sidecontents { margin-top: 0; padding-top: 8px; background: none; }
.range.category.bags section aside.contents div#sidecontents h1 { margin: 0 0 7px; text-transform: none; color: #000 }
.range.category.bags section aside.contents div#sidecontents p { font: normal 12px/17px Helvetica, Arial, sans-serif; margin-top: 7px; }

/* range product */
.range.category.product section aside.contents div#sidecontents,
.range.category.product section aside.contents div#sidecontents p { margin-top: 0; padding-top: 0; background: none; font: normal 12px/18px Helvetica, Arial, sans-serif; }


.range.category div#sidecontents { max-height: 375px; overflow:hidden;  
     -moz-transition: height 0.3s ease-out;  
       -o-transition: height 0.3s ease-out;  
  -webkit-transition: height 0.3s ease-out;  
          transition: height 0.3s ease-out; }

.range.category.bags div#sidecontents { max-height: 268px; }
.range.category.product div#sidecontents { max-height: 170px; }

.range.category .esteso div#sidecontents { max-height: 100%; }

div#expandcontroller { padding: 15px 0 10px; text-align: right; }
.range.category.bags div#expandcontroller { padding: 8px 0 5px; }
.range.category.product div#expandcontroller { padding: 15px 0 7px; background: url(../images/dotted.gif) left bottom repeat-x; }

a.expand, a.collapse { font: normal 12px/18px Helvetica, Arial, sans-serif; text-decoration: none; padding-left: 18px; background: url(../images/expand.gif) left -2px no-repeat; }
a.collapse { background-image: url(../images/collapse.gif); display: none; }


.range div#bags-carosello { position: relative; width: 490px; overflow: hidden; height: 90px; padding-top: 7px; margin-top: 7px; border-top: 1px solid #999; }

.range div#bags-carosello div.carousel { top: 0; height: 90px; }
.range div#bags-carosello div.carousel li { width: 115px; height: 90px; margin-right: 10px; }
.range div#bags-carosello div.carousel li img { display: block; }
.range div#bags-carosello div.carousel li p { margin-top: 7px; font-size: 12px; line-height: 18px; text-align: center; }
.range div#bags-carosello div.carousel li a { text-decoration: none; } 

.range div#bags-carosello .prev, .range div#bags-carosello .next { position: absolute; width: 20px; height: 65px; top: 7px; background: url(../images/bags_carosello.png) left top no-repeat; z-index: 2; display: none; }
.range div#bags-carosello .prev { left: 0; }
.range div#bags-carosello .next { right: 0; background-position: left -65px; }
.range div#bags-carosello .prev:hover { background-position: -20px top; cursor: pointer; }
.range div#bags-carosello .next:hover { background-position: -20px -65px; cursor: pointer; }

.range div#bags-carosello.mostrafrecce .prev, .range div#bags-carosello.mostrafrecce .next { display: block; }


/* -------------------- SUBCATEGORY RANGE -------------------- */

.range div.separatorerow { height:10px; border: none; margin-top: 10px; background: url(../images/dotted.gif) left top repeat-x; }
.range div.separatorerow.editions { height: 85px; background: url(../images/editions_separatore.gif) left top no-repeat; }

.range section.contents { padding: 0 0 24px 0; }

.range.road section.contents { padding-right: 200px; background: url(../images/saddles_road.gif) right top no-repeat; }
.range.trekking section.contents { padding-right: 200px; background: url(../images/saddles_trekking.gif) right top no-repeat; }
.range.city section.contents { padding-right: 200px; background: url(../images/saddles_city.gif) right top no-repeat; }

.range section.contents p { font-size: 12px; line-height: 14px; }


/* -------------------- PRODUCT PAGE -------------------- */

.range.category.product h2 { line-height: 20px; color: #000; margin-bottom: 3px; }

.range.category.product section div.contents { float: left; width: 375px; margin-right: 10px;}
.range.category.product section aside.contents { float: left; width: 335px; margin-top: 6px; }

#bigpict { position: relative; height: 338px; background: url(../images/dotted.gif) left bottom repeat-x; }
.range.category.product section #bigpict h1 { height: 52px; }
img#otherinfo { position: absolute; right: 0; top: 0; }

#explorecontroller { text-align: right; padding: 4px 0 6px; margin-bottom: 12px; background: url(../images/dotted.gif) left bottom repeat-x; }

.range.category.product section aside.contents #mainfeatures { margin-bottom: 8px; }


.range.category.product div#caroselli { position: relative; height: 69px; background: url(../images/dotted.gif) left bottom repeat-x; margin-bottom: 10px; }

div#caroselli div#moreviews-carosello, div#caroselli div#learnmore-carosello { position: absolute; top: 10px; height: 48px; padding: 0 12px; }
div#caroselli div#learnmore-carosello { right: 0; }

div#caroselli div#moreviews-carosello div.carousel, 
div#caroselli div#learnmore-carosello div.carousel { top: 0; height: 48px; }
div#caroselli div#moreviews-carosello div.carousel li { width: 68px; height: 48px; }
div#caroselli div#learnmore-carosello div.carousel li { width: 73px; height: 48px; }
div#caroselli div#moreviews-carosello div.carousel li img, 
div#caroselli div#learnmore-carosello div.carousel li img { display: block; }

div#caroselli div#moreviews-carosello .prev, div#caroselli div#moreviews-carosello .next, 
div#caroselli div#learnmore-carosello .prev, div#caroselli div#learnmore-carosello .next { position: absolute; top: 0px; width: 12px; height: 48px; background: url(../images/product_carosello.gif) left -7px no-repeat; }
div#caroselli div#moreviews-carosello .prev, 
div#caroselli div#learnmore-carosello .prev { left: 0; }
div#caroselli div#moreviews-carosello .next, 
div#caroselli div#learnmore-carosello .next { right: 0; background-position: left -72px; }
div#caroselli div#moreviews-carosello .prev:hover, 
div#caroselli div#learnmore-carosello .prev:hover { background-position: -12px -7px; cursor: pointer; }
div#caroselli div#moreviews-carosello .next:hover, 
div#caroselli div#learnmore-carosello .next:hover { background-position: -12px -72px; cursor: pointer; }
div#caroselli div#moreviews-carosello .prev.disabled, div#caroselli div#moreviews-carosello .next.disabled, 
div#caroselli div#learnmore-carosello .prev.disabled, div#caroselli div#learnmore-carosello .next.disabled { background-position: -24px -72px; cursor: default; }
div#caroselli div#moreviews-carosello .prev.disabled, div#caroselli div#learnmore-carosello .prev.disabled { background-position: -24px -7px; }



div#colours { position: relative; height: 85px; background: url(../images/dotted.gif) left bottom repeat-x; }
div#colours div#colours-carosello { position: absolute; top: 24px; height: 34px; padding: 0 11px 0 12px; }
div#colours div#colours-carosello div.carousel { top: 0; height: 34px; }
div#colours div#colours-carosello div.carousel li { width: 52px; height: 34px; }
div#colours div#colours-carosello div.carousel li img { display: block; }
div#colours div#colours-carosello div.carousel li a.current img { border-bottom: 1px solid #999; }

div#colours div#colours-carosello .prev, div#colours div#colours-carosello .next { position: absolute; top: 0px; width: 12px; height: 33px; background: url(../images/product_carosello.gif) left -14px no-repeat; }
div#colours div#colours-carosello .prev { left: 0; }
div#colours div#colours-carosello .next { width: 11px; right: 0; background-position: -1px -79px; }
div#colours div#colours-carosello .prev:hover { background-position: -12px -14px; cursor: pointer; }
div#colours div#colours-carosello .next:hover { background-position: -13px -79px; cursor: pointer; }
div#colours div#colours-carosello .prev.disabled, div#colours div#colours-carosello .next.disabled { background-position: -25px -79px; cursor: default; }
div#colours div#colours-carosello .prev.disabled { background-position: -24px -14px; }

div#colours p { font-size: 12px; line-height: 18px; padding-top: 4px; }
div#colours p#extracolours { position: absolute; left: 0; bottom: 4px; color: #999; }
div#colours p#extracolours a { text-decoration: none; color: #8a1219; }



div#pricearea { position: relative; height: 69px; background: url(../images/dotted.gif) left bottom repeat-x; margin-bottom: 10px; }

div#prezzo { position: absolute; left: 0; top: 14px; height: 29px; padding-top: 7px; font-family: ReformaGroteskDemi; letter-spacing: 1px; font-size: 25px; line-height: 1; color: #000; }
div#prezzo span { font-size: 80%; }

div#sizeandcolour { position:absolute; left:115px; top:23px; font-size: 10px; line-height: 12px; }
div#sizeandcolour select { width: 90px; }

a.addtobasket { position:absolute; left:210px; top:18px; display: block; width: 125px; height: 26px; font-size: 12px; line-height: 26px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; background: #8a1219 url(../images/addtobasket.gif) left top no-repeat; }
a.addtobasket:hover { color: #ccc; }
a.addtobasket:active { background-image: none; color: #fff; background-color: #000; }

p#shipping-info { font-size: 12px; line-height: 24px; }
p#shipping-info span { float: right; }

section#related { padding-top: 7px; border-bottom: 1px solid #000; border-top: 1px solid #000; }
section#related .suggestions, section#related .bikesod { float: left; width: 345px; margin: 0 20px 0 10px; }
section#related .bikesod { margin: 0 0 0 10px; width: 335px; }

.range.product .miniatura { width: 65px; margin-right: 18px; }
.range.product .miniatura p { height: 15px; font-size: 8px; line-height: 15px; text-transform: uppercase; padding: 12px 6px 18px 3px; }
.range.product .miniatura p span { height: 15px; }

.range.product div#bikesod-carosello { position: relative; left: 19px; height: 75px; }

.range.product div#bikesod-carosello div.carousel { top: 0; height: 75px; }
.range.product div#bikesod-carosello div.carousel li { width: 132px; height: 75px; }
.range.product div#bikesod-carosello div.carousel li img { display: block; }

.range.product aside.bikesod div.controller { position: relative; left: 0; top: 0; width: 345px; height: 18px; }
.range.product aside.bikesod div.controller p { position: relative; top: 4px; font-size: 12px; line-height: 18px; }
.range.product aside.bikesod div.controller .prev, 
.range.product aside.bikesod div.controller .next { position: absolute; width: 12px; height: 65px; top: -70px; background: url(../images/product_carosello.gif) left top no-repeat; }
.range.product aside.bikesod div.controller .prev {left: 0px; }
.range.product aside.bikesod div.controller .next {right: 12px; background-position: left -65px; }
.range.product aside.bikesod div.controller .prev:hover { background-position: -12px top; cursor: pointer; }
.range.product aside.bikesod div.controller .next:hover { background-position: -12px -65px; cursor: pointer; }
.range.product aside.bikesod div.controller .prev.disabled, 
.range.product aside.bikesod div.controller .next.disabled { background-position: -24px -65px; cursor: default; }
.range.product aside.bikesod div.controller .prev.disabled { background-position: -24px top; }

section#contribute { padding-top: 9px; }
section#contribute div.comments, section#contribute aside.criticisms { float: left; width: 345px; margin-left: 10px; }
section#contribute aside.criticisms { margin-left: 30px; width: 335px; }

.range.category.product section#contribute h2 { padding: 0; }
.range.category.product section#contribute h3 { font: normal 15px/21px GoudyOldSty-RegIta; margin-bottom: 9px; }

section#contribute article { position: relative; border-top: 1px solid #CCC; padding-top: 6px; }

.range.category.product section#contribute article h4, 
.range.category.product section#contribute article p { font-size: 12px; line-height: 15px; margin-bottom: 2px; }
.range.category.product section#contribute article h4 { width: 244px; margin-bottom: 15px; }

div.rating { position: absolute; height: 30px; right: 0; top: -2px; text-align: right; font-size: 14px; line-height: 30px; }
div.rating a.plus, div.rating a.minus { display: inline-block; padding-left: 18px; background: url(../images/rating.gif) left top no-repeat; text-decoration: none; cursor: default; }
article.rateable div.rating a.plus:hover { background-position: left -30px; }
div.rating a.minus { background-position: left -60px; margin-left: 4px; }
article.rateable div.rating a.minus:hover { background-position: left -90px; }
article.rateable div.rating a.plus, article.rateable div.rating a.minus { cursor: pointer; }

article div.hint { position: absolute; right: 0; top: 28px; width: 128px; height: auto; background-image: none; background-color: #000; color: #fff; font-size: 12px; line-height: 1.4; padding: 10px; }
article.rateable div.hint { height: 88px; background: url(../images/ratethiscomment.gif) left top no-repeat; display: none; }



/* -------------------- PRODUCT PAGE JB -------------------- */

.product.jb div#sizeandcolour { top:15px; }
.product.jb section#contribute { border-top: 1px solid #000; }




/* ==================== LOCATE DEALERS ==================== */

.dealers aside#sidebar { width: 480px; float: left; }
.dealers div#main { width: 460px; float: left; margin-left: 20px;}
.dealers section#gmap { width: 480px; height: 451px; }


/* -------------------- LOCATE searchtools -------------------- */

#locate { height: 240px; padding-top: 10px; margin-bottom: 10px; background-color: #f5f5f5; }
#locate #searchtools { float: left; width: 196px; margin: 0 0 0 44px; }
#locate #searchtools label { display: block; width: 196px; height: 16px; font: bold 12px/14px Arial, Helvetica, sans-serif; margin-top:8px; }
#locate #searchtools label[for=city] { margin-top:16px; }
#locate #searchtools select { display: block; width: 196px; height: 18px; border: 1px solid #ccc; margin: 0; font: normal 11px/14px Arial, Helvetica, sans-serif; }
#locate #searchtools input { width: 166px; height: 14px; border: 1px solid #d5d5d5; font: normal 11px/14px Arial, Helvetica, sans-serif; }
#locate #searchtools div.button_right { float: right; margin-top: -1px; }
table#legenda th, table#legenda td { text-align: left; vertical-align: middle; font-size: 12px; line-height: 14px; }
table#legenda th { padding: 16px 0 8px; }
table#legenda td img { display:block; margin: 3px 10px 3px 0; }


/* -------------------- LOCATE searchtools -------------------- */

section#shoplist { padding-top: 10px; margin-top: 16px; border-top: 1px solid #ccc; color: #333; }
div#main section#shoplist:first-child { padding: 0; margin: 0; border: none; }

section#shoplist header { height: 76px; }
section#shoplist header p { font-size: 108%; line-height: 1.143; margin: 9px 0; }
section#shoplist header h2 { font-family: ReformaGroteskDemi, "Arial Narrow", arial, sans-serif; letter-spacing: 1px; font-size: 182%; line-height: 0.93; text-transform: uppercase; }
section#shoplist header h2 a.learnmore { display:block; float: right; width: 65px; height: 18px; overflow: hidden; text-indent: -9999px; background: url(../images/learnmore.gif) 0 0 no-repeat; }

article.shop-address { margin-bottom: 10px; font-size: 93%; line-height: 1.167; }
article.shop-address a { color: #333; text-decoration: none; }
article.shop-address a:hover { color: #000; }
article.shop-address img { width: 115px; height: 82px; float: left; }
article.shop-address div.text { float: left; width: 335px; margin-left: 10px; }

article.shop-address h3 { height: 15px; margin-bottom: 4px; text-align: right; font-family: GoudyOldSty-Reg, Georgia,"Times New Roman", Times, serif; font-size: 107%; line-height: 1; color: #c28a69; letter-spacing: -0.05em; text-transform: uppercase; }
div.rivets { float: left; width: 96px; height: 15px; background: url(../images/dealers_rivets.gif) 0 0 no-repeat; margin-left: -2px; }
div.rivets1 { background-position: -80px 0; }
div.rivets2 { background-position: -64px 0; }
div.rivets3 { background-position: -48px 0; }
div.rivets4 { background-position: -32px 0; }
div.rivets5 { background-position: -16px 0; }
div.rivets6 { background-position: 0 -15px; }

article.shop-address h4 span, article.shop-address p span { float: right; }

div.clearfix article.shop-address.other { float: left; width: 210px; padding-bottom: 8px; margin: 0 0 16px 40px; border-bottom: 1px dotted #ccc;  }
div.clearfix article.shop-address.other:first-child { margin-left: 0; }
article.shop-address.other div.text { float: none; width: 210px; margin-left: 0;  }
article.shop-address.other div.text h4 { margin-bottom: 6px;  }
article.shop-address.other div.text h4, article.shop-address.other div.text p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }


/* -------------------- POPUP dealer -------------------- */

.dealer { padding: 10px 10px 0 10px; }
.dealer div#main { width: 428px; margin-left: 20px; }
.dealer aside#pictures { float: left; width: 468px; height: 529px; }
.dealer section#gmap { width: 428px; height: 264px; margin: 16px 0 16px; }
.dealer article.shop-text { height: 173px; } 
.dealer article.shop-text h2 { font-family: ReformaGroteskDemi, "Arial Narrow", arial, sans-serif; font-size: 138.5%; letter-spacing: 1px; line-height: 1; text-transform: uppercase; margin-bottom: 4px; }
.dealer article.shop-text p { font-size: 93%; line-height: 1.25; } 

.dealer #shop-text-complete { position: absolute; width: 916px; height: 539px; left: 0; top: 0; display:none; }
.dealer #shop-text-complete.popup p { font:13px/1.231 sans-serif; *font-size:small; margin-bottom: 1em; }


.dealer a.more { font-weight: bold; }
.dealer a.back { position: absolute; right: 10px; bottom: 10px; font-size: 93%; font-weight: bold; }

.dealer div#pict { width: 458px; height: 341px; margin-bottom: 8px; background-color: #f2f2f2; }
.dealer div#pict.loading { background: #f2f2f2 url(loader_f2f2f2.gif) no-repeat center center; }
.dealer div#pict img { display: block; height: 341px;}
.dealer ul.thumbs { list-style: none; margin: 0; padding: 0; }
.dealer ul.thumbs li { display: block; float: left; width: 107px; height: 80px; margin: 10px 10px 0 0; background-color: #f2f2f2; }
.dealer ul.thumbs li img { display: block; }


/* -------------------- POPUP learnmore -------------------- */

table#rating { width: 100%; }
table#rating tr { border-bottom: 1px dotted #ccc; }
table#rating thead tr { border-bottom-style: solid; }
table#rating tbody td, th { text-align: left; vertical-align: middle; padding: 6px 6px 6px 0; font-size: 93%; line-height: 1.324; color: #444; }
table#rating thead td { font-family: GoudyOldSty-RegIta, Georgia, "Times New Roman", Times, serif; font-size: 138.5%; line-height: 1.5; }
table#rating th[scope=row] { font-family: GoudyOldSty-Reg, Georgia,"Times New Roman", Times, serif; font-size: 107%; line-height: 1; text-transform: uppercase; }

table#rating div.rivets { float:none; width: 134px; height: 19px; background-image: url(../images/dealers_rivets_large.gif);  background-position: 0 0; }
table#rating div.rivets1 { width: 23px; }
table#rating div.rivets2 { width: 46px; }
table#rating div.rivets3 { width: 69px; }
table#rating div.rivets4 { width: 92px; }
table#rating div.rivets5 { width: 115px; }
table#rating div.rivets6 { width: 134px; }






/* ==================== REGISTER + FOREVER ==================== */

.register div#main { width: 710px; margin-left: 20px; }

.register h1 { font-family: ReformaGroteskDemi; letter-spacing: 1px; font-size: 36px; line-height: 1; color: #8a1219; text-transform: uppercase; margin-bottom: 8px; }
.register h3 { font: normal 14px/16px Helvetica, Arial, sans-serif; margin-bottom: 14px; }
.register h3 i { font: normal 18px/20px GoudyOldSty-RegIta; color: #999; }

div.redsquare { background-color: #8a1219; color: #fff; padding: 8px 12px 12px; margin: 4px 0 16px; }
div.redsquare h1 { font-family: ReformaGroteskDemi; letter-spacing: 1px; font-size: 28px; line-height: 1; text-transform: uppercase; color: #fff; margin-bottom: 6px; }
div.redsquare p { font: normal 12px/15px Helvetica, Arial, sans-serif; }
div.redsquare a { color: #fff; }





/* -------------------- FAQS -------------------- */

.faqs #main { width: 710px; margin-left: 20px; font-size: 12px; line-height: 15px; }
.faqs #main section.contents { float: left; width: 490px; margin-right: 10px; }
.faqs #main aside.contents { float: left; width: 210px; margin-top: 5px; }

.faqs h1 { font: 25px/22px ReformaGroteskDemi; letter-spacing: 1px; margin: 3px 0 8px; text-transform: uppercase; color: #8a1219; }
.faqs h2 { font-family: ReformaGroteskDemi; letter-spacing: 1px; font-size: 24px; line-height: 1; padding: 15px 0 12px; color: #000; }
.faqs .expandcontroller { padding: 12px 0; background: url(../images/dotted.gif) left bottom repeat-x; }

.faqs div.expandable { color: #333; font-weight: bold; }
.faqs div.expandable p:before { content:"Q. "; }

.faqs div.expandable { max-height: 120px; overflow:hidden; 
     -moz-transition: height 0.3s ease-out;  
       -o-transition: height 0.3s ease-out;  
  -webkit-transition: height 0.3s ease-out;  
          transition: height 0.3s ease-out; }
.faqs .esteso div.expandable { max-height: 100%; }


.faqs aside.contents div#sidecontents { margin-top: 11px; padding-top: 3px; background: url(../images/dotted.gif) left top repeat-x; }
.faqs aside.contents div#sidecontents p { margin-top: 8px; }
.faqs aside.contents div#sidecontents p:first-child { margin-bottom: 15px; }
.faqs aside.contents div#sidecontents p a:link, .faqs aside.contents div#sidecontents p a:visited { color: #333; font-weight: bold; text-decoration: none; }
.faqs aside.contents div#sidecontents p a:hover, .faqs aside.contents div#sidecontents p a:active { color: #000; }

.faqs p.question { font-weight: bold; }
.faqs p.question:before { content:"Q. "; }
.faqs p.answer { margin-bottom: 15px; }
.faqs p.answer:before { content:"A. "; }






/* -------------------- LEGACY -------------------- */


/* ______________ FORMS LAYOUT ______________ */


.formrow {
	position: relative;
	width: 710px;
	height: 57px;
}

.formrowsx, .formrowdx {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 57px;
}
	
.formrowdx {
	left: 366px;
}

.colonna2 {
	left: 246px;
	width: 224px;
}

.colonna3 {
	left: 492px;
	width: 224px;
}

.formrowsingle {
	position: absolute;
	top: 0;
	left: 0;
	width: 716px;
	height: 57px;
}

.formrow2col {
	position: relative;
	width: 716px;
	height: 177px;
}

.margintop24 {
	margin-top: 24px;
}

.formrowtextarea {
	position: absolute;
	top: 0;
	left: 0;
	width: 716px;
	height: 177px;
}


/* ______________ FORM STYLES ______________ */


label {
	display: block;
	height: 21px;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	letter-spacing: -0.03em;
}

input {
	padding: 0;
	width: 342px;
	height: 24px;
	border: 1px solid #d5d5d5;
	margin-bottom: 10px;
}

.formrowsingle input {
	display: block;
	width: 708px;
	height: 24px;
	border: 1px solid #d5d5d5;
	margin-bottom: 10px;
}

input#purchasemonth, input#bday, input#bmonth {
	display: inline;
	text-align: center;
	width: 32px;
	margin-right: 8px;
}

input#purchaseyear, input#byear {
	display: inline;
	text-align: center;
	width: 46px;
}

input#productionlotn1, input#productionlotn2, input#productionlotn3 {
	display: inline;
	text-align: center;
	width: 24px;
	margin-right: 8px;
}

textarea {
	display: block;
	/*width: 710px;*/ width: 708px; padding: 0;
	height: 146px;
	border: 1px solid #d5d5d5;
	margin-bottom: 10px;
	overflow: auto;
}

input.text, textarea.text {
	font: normal 14px/14px Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #fff;
	padding: auto 10px auto 10px;
}


/* ______________ INPUT FILE BROWSE ______________ */


div.buttonscontainer input {
	width: auto;
	height: 23px;
	border: none;
	margin-bottom: 0;
}


/* ______________ CLAUSOLE ______________ */


#clausole {
	width: 710px; /* RIGA AGGIUNTA */
	padding: 12px 0 24px 0;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 6px;
}

#clausole p {
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #333;
}

#clausole p.checkline span {
	vertical-align: top;
	color: #900;
}

#clausole input {
	display: inline;
	width: 15px;
	height: 15px;
	border: none;
	margin: 0 10px 0 0;
}







/* aggiunto per moduli 2013 */

.inlinea { margin: 3px 0 14px; } 
.inlinea p { margin-top: 10px; }
.inlinea p span { margin-right: 1.4em; }
.inlinea input { display: inline; width: 15px; height: 15px; border: none; margin: 0 0.3em 0 0; }

.colonnacheck p { line-height: 20px; }
.colonnacheck.fitheight p { line-height: 16px; }
.colonnacheck p span { line-height: 14px; margin-right: 1.2em; }
.colonnacheck input { display: inline; width: 14px; height: 14px; border: none; margin: 0 0.3em 0 0; vertical-align:text-top; }
.colonnacheck p input.text { width: auto; height: 16px; border: 1px solid #d5d5d5; font-size: 13px; line-height: 16px; vertical-align: baseline; }

fieldset { background: url(../images/dotted_separator.gif) left bottom repeat-x; margin: 24px 0; padding-bottom: 24px; }
fieldset legend { font-family: ReformaGroteskDemi; letter-spacing: 1px; font-size: 24px; line-height: 1; padding-bottom: 0.75em; }

table#buyingfreqtable { width: 100%; }
table#buyingfreqtable p { text-align: center; }

span.shopsurl { font-size: 10px; color: #999; }








/* gestione errori di validazione */

input.error {
      border: 1px solid #900;
}

textarea.error {
      border: 1px solid #900;
}

#errorList label {
      color:#900;
      font-size:12px;
      font-style:italic;
      font-weight:normal;
}














/* importante per non rendere visibili i campi nascosti .net */
input[type="hidden"] { display:none !important; }


/* ==================== HTML5 BOILERPLATE ==================== */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@media all and (orientation:portrait) {
}

@media all and (orientation:landscape) {
}

@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}