/* font embeds - THESE HAVE BEEN MOVED TO BASE.HTML TO CIRCUMVENT FIREFOX'S CROSS-DOMAIN SECURITY BLOCK*/
/*------------------------------------------------------------------
eric meyer's reset
------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
input::-moz-focus-inner{border:0;}
form input:focus{outline:none;}
/*------------------------------------------------------------------
end reset
------------------------------------------------------------------*/

/*text element sizing*/
/*body base-size = 15px*/
p.large{
	font-size:1em;/*15px*/
	line-height:1.6em;/*24px*/
/*	letter-spacing:-.02em;*/
;}
p{
	font-size:.867em;/*13px*/
	line-height:1.86em;/*24px*/
;}

h1, h2, h3, h4, h5, h6{font-family:'ProximaNovaSemiBold', Arial, sans-serif; text-transform:uppercase; font-weight:normal;}
h2{
	font-size:2.867em;/*43px*/
	line-height:1.116em;/*48px*/
	letter-spacing:.1em;
;}
h3{
	font-size:2.2em;/*33px*/
	line-height:1.455em;/*48px*/
	letter-spacing:.07em;
;}
h4{
	font-size:1.6em;/*24px*/
	line-height:1.24em;/*30px*/
	letter-spacing:.1em;
;}
h5{
	font-size:1.2em;/*18px*/
	line-height:2em;/*36px*/
	letter-spacing:.1em;
;}
h6{
	font-size:.867em;/*13px*/
	line-height:1.846em;/*24px*/
	letter-spacing:.1em;
;}

li{letter-spacing:.03em;}


/*------------------------------------------------------------------
SIDERALE STYLES
------------------------------------------------------------------*/
.siderale #pageHeader{margin-bottom:24px;}
.siderale {background:url('images/background_visualisierung.jpg') 50% 150px no-repeat #111111 fixed;}
.siderale #ddDrawer{border-color: #191919;}
.siderale h1#siteTitle{background-color:#131313;border-color: #2f2f2f;}
.siderale h1#siteTitle a{background:url('http://media1.iwc.com/site_media/chrome/images/siderale/site_header_236_siderale.png') top left no-repeat;}
.siderale .comments .row{border-top:7px solid #939393;}


/*------------------------------------------------------------------
START - WATCH 360
------------------------------------------------------------------*/
.watch360 {width:603px;margin:auto;}
.watch360 img {display:block;margin:auto;}
.watch360 .imageContainer {width:603px;height:460px;overflow:hidden;}
.watch360 .imageContainer img.angle,
.watch360 .imageContainer span.placeHolder {display:none;}
.watch360 .imageContainer img.selected {display:block;}
.watch360 .slider {width:577px;height:50px;margin:10px auto 4px;background:url('images/watch360_slider_ruler.png') left bottom no-repeat;cursor:pointer;}
.watch360 .slider .handle {display:block;position:absolute;top:0;width:39px;height:9px;margin-left:-19px;padding:14px 0 24px;line-height:9px;font-size:10px;font-family:'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;color:#eaeaea;text-align:center;background:url('images/watch360_slider_handle.png') left top no-repeat;}
.watch360 .slider .handle:hover,
.watch360 .slider .handle.hover {color:#fff;background-position:left bottom;}
.watch360 .slider .label {display:block;position:absolute;top:20px;width:26px;height:12px;margin-left:-11px;font-family:'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;font-size:12px;line-height:12px;letter-spacing:0;color:#7f7f7f;text-align:center;}
.watch360 .slider .label-0 {left:0%;}
.watch360 .slider .label-180 {left:50%;}
.watch360 .slider .label-360 {left:100%;}
.watch360 p.enlargeP{text-align:center; width:577px; height:22px; margin:0 auto; padding:7px 0 15px; background:url('http://media1.iwc.com/site_media/chrome/images/siderale/watch360_enlarge_bg.png') left top no-repeat;}
.watch360 a.enlarge{ display:inline-block; background:url("http://media1.iwc.com/site_media/chrome/images/siderale/enlarge_icon_crop_light.png") right center no-repeat; padding:0 15px 0 0; margin:0; color:#cea001; letter-spacing:.1em; line-height:22px; cursor:pointer;}
.watch360 a.enlarge:hover{color:#fff;}