/*------------------------------------------------
	*Filename:		style.css
	*Description:	Page styles
	*Version:		1.0.0 (28/04/2012)
	*Website:		Ulatina
	*Author:		WebStudioCR
------------------------------------------------*/

/*=====================
  CSS 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
/* HTML5 display-role reset for older browsers  */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}

/*General Styles*/
.clear{width: 100%; height: 0; line-height: 0; clear: both; font-size: 0;}
.hide{display: none;}
.show{display: block;}
body{font-size: 62.5%;}

/* temporal style */ #open-modal{padding:40px; background: #373636; color: #3f90ad; font: 2.5em Arial, Helvetica, sans-serif;}

/*=====================
  Modal Box Styles
======================*/
#fade{display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
.close-modal{text-decoration: underline; color: #000; font: bold 1.2em Arial, Helvetica, sans-serif; position: absolute; top: 0; right: 0; width: 35px; height: 35px; background: url('../images/close_button.png') no-repeat 0 0;}
.modal-box .box-top{width: 999px; height:68px; position:absolute; top:0; left:0; background: url('../images/box_top_bck.png') no-repeat center bottom;}
.modal-box .box-bottom{width: 999px; height:58px; position:absolute; bottom:0; left:0; background: url('../images/box_bottom_bck.png') no-repeat center 0; z-index: 1;}
.modal-box .box-content{width: 909px; padding:0 45px; }

/* Simulator Styles */
#simulator-modal{ overflow: hidden; width: 885px; padding: 30px 30px 0 30px; /*height: 775px;*/}
#simulator-header{padding: 0 0 32px 0;}
#simulator-header .schick-logo{margin: 0 0 30px 0;}
#simulator-header p{font: 1.6em Arial, Helvetica, sans-serif; color: #908575; padding: 0 25px 0 0;}
#simulator-header ol{list-style: decimal inside none; padding: 25px 0 0 0;}
#simulator-header ol li{font: 1.4em Arial, Helvetica, sans-serif; color: #908575;}

#sim-logo {
	width:454px;
	padding-left:8px;	
	float:left;
	background-image:url(../images/header_separater.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#sim-header-info {
	padding-left:25px;	
	float:left;
	width:390px;
}

#sim-header-info img {
	float:right;	
}


#simulator-content{background: url('../images/simulator_wrapper_bck.png') repeat-y 0 0; width: 887px; margin-left:0px;}
#simulator-content .simulator-top{background: url('../images/header-bg.png') no-repeat 0 0; width: 869px; height: 28px; margin-left:8px; padding-top:9px;}
#simulator-content .simulator-bottom{background: url('../images/simulator_content_bottom.png') no-repeat -1px 0; width: 887px; height: 7px;}
#simulator-content .clinical-title,
#simulator-content .dynamic-title{font: bold 1.1em Arial, Helvetica, sans-serif; color: #f6a800; background: url('../images/arrow_yellow.png') no-repeat 0 7px; padding: 5px 0 5px 15px; float:left;}
#simulator-content .clinical-title{margin: 0 0 0 35px;}
#simulator-content .dynamic-title{margin: 0 0 0 267px;}
#simulator-content .dynamic-title.de{margin: 0 0 0 235px;}
#simulator-content .dynamic-title.es{margin: 0 0 0 216px;}
#simulator-content .dynamic-title.fr{margin: 0 0 0 312px;}
#simulator-content #simulator-main-content{width:825px; clear:both; margin:0 auto; padding:27px 14px 8px; background: url('../images/main_content_bck.png') no-repeat 0 0 #373636;}
#simulator-content #simulator-main-content #preset-selection{width: 390px; float: left;}
#simulator-content #simulator-main-content #preset-selection li{width: 100%; border-bottom: 1px solid #434242; border-top: none; float: left; padding: 10px 0;}
#simulator-content #simulator-main-content #preset-selection li + li{border-top: 1px solid #080808;}
#simulator-content #simulator-main-content #preset-selection li img{display: inline-block; border: 1px solid #121111; float: left;}
#simulator-content #simulator-main-content #preset-selection .active img{border: 1px solid #fff;}
#simulator-content #simulator-main-content #preset-selection li p{float: left; font: 1.5em/75px Arial, Helvetica, sans-serif; color: #858484; background: url('../images/arrow.png') no-repeat 0 50%; padding: 0 0 0 16px; margin: 0 0 0 10px;}
#simulator-content #simulator-main-content #preset-selection .active p{color: #fff; background: url('../images/arrow_active.png') no-repeat 0 50%;}
#simulator-content #simulator-main-content #preset-selection li a{display:block; float: right; width: 90px; height: 70px; background: url('../images/select_button_off.png') no-repeat 0 0;}
#simulator-content #simulator-main-content #preset-selection.de li a{background: url('../images/select_button_off_DE.png') no-repeat 0 0;}
#simulator-content #simulator-main-content #preset-selection.es li a{background: url('../images/select_button_off_ES.png') no-repeat 0 0;}
#simulator-content #simulator-main-content #preset-selection.fr li a{background: url('../images/select_button_off_FR.png') no-repeat 0 0;}
#simulator-content #simulator-main-content #preset-selection .active a{background: url('../images/select_button_on.png') no-repeat 0 0;}
#simulator-content #simulator-main-content #preset-selection.de .active a{background: url('../images/select_button_on_DE.png') no-repeat 0 0;}
#simulator-content #simulator-main-content #preset-selection.es .active a{background: url('../images/select_button_on_ES.png') no-repeat 0 0;}
#simulator-content #simulator-main-content #preset-selection.fr .active a{background: url('../images/select_button_on_FR.png') no-repeat 0 0;}
#simulator-content #simulator-main-content #preset-selection .last{border-bottom: none;}
#simulator-content #simulator-main-content #image-section {float: right;}
#simulator-content #simulator-main-content #image-section #image-list{position: relative; height: 280px; background: url('../images/image_section_bg.gif') no-repeat 0 0; padding:2px;}
#simulator-content #simulator-main-content #image-section #image-list li + li{display:none;}
#simulator-content #simulator-main-content #image-section #image-list li img {border:1px solid #262525;}
#simulator-content #simulator-main-content #image-section .slider-container{background: url('../images/simulator_inner_18.jpg') no-repeat 0 0; width: 337px; height: 47px; padding: 29px 21px 0 25px; margin: 7px 3px;}
#simulator-content #simulator-main-content #image-section .slider-container.de{background: url('../images/simulator_inner_18_DE.jpg') no-repeat 0 0;}
#simulator-content #simulator-main-content #image-section .slider-container.es{background: url('../images/simulator_inner_18_ES.jpg') no-repeat 0 0;}
#simulator-content #simulator-main-content #image-section .slider-container.fr{background: url('../images/simulator_inner_18_FR.jpg') no-repeat 0 0;}
#simulator-content #simulator-main-content #image-section .slider-container #slider{width: 283px; height: 23px;background: none repeat scroll 0 0 transparent;border: medium none;margin: 0 0 0 8px;}
#simulator-content #simulator-main-content #image-section .slider-container #slider .ui-slider-handle{background: url('../images/slider_handle.png') no-repeat 0 0; width: 47px; height: 22px; top: -1px; outline: medium none;}

#simulator-footer{padding: 17px 0 0 0;/*position: relative;*/ z-index: 99999999999; margin-left:8px;}
#simulator-footer .demo-button{float: left; display: block; margin: 7px 35px 0 15px;display:block;height:34px;width:165px;background:url(../images/request-demo-btn.png) no-repeat scroll 0 0 transparent;}
#simulator-footer .demo-button.de{background:url(../images/request-demo-btn_DE.png) no-repeat scroll 0 0 transparent;}
#simulator-footer .demo-button:hover {background-position:0 -34px;}
#simulator-footer .footer-text{float: left; width: 630px; padding:0 0 0 20px; font: 1.2em Arial, Helvetica, sans-serif; color: #7f776c; background-image:url(../images/footer_separater.png); background-repeat:no-repeat; background-position:left; text-align: justify;}
#simulator-footer .footer-text.es{width: 825px; padding:0 20px 30px 20px; background: none; text-align: center;}
#simulator-footer .footer-text.fr{width: 825px; padding:0 20px 30px 20px; background: none; text-align: center;}
#simulator-footer .patterson-logo{float: left; display: block; margin: 0 0 0 30px;}
#simulator-footer .legal{font: 1em Arial, Helvetica, sans-serif; color: #979b9b; clear: both; padding: 20px 0 0 30px;}

.innerfoot {
	background-color:#181c52;
	color:#8c8577;
	font-size:11px;
	height:45px;
	padding-left:25px;	
	line-height:45px;
	width:922px;	
	margin-top:23px;
}

.innerfoot p {
	margin:0;	
	text-align:left!important;
}

.innerfoot img {
	float:left;	
	margin-top:5px;
	margin-right:18px;
}