@import "/_ui/libs/css/reset.css";
@import "/_ui/skin/css/_topnav.css";
@import "/_ui/skin/css/_interior.css";
@import "/_ui/skin/css/_product.css";
@import "/_ui/skin/css/_home.css";
@import "/_ui/skin/css/_faq.css";
@import "/_ui/skin/css/_faq_directory.css";
@import "/_ui/skin/css/_findadealer.css";
@import "/_ui/skin/css/_search.css";

.clear {
    clear: both;    
}
.clear-min {
    clear: both;    
}
.clear-min-right {
    clear: right;    
}
.clear-min-left {
    clear: left;
}
.clear-min,
.clear-min-right,
.clear-min-left {
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;    
}
.italic {
    font-style: italic;
}
body, html {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: Verdana;    
}
a {
    color: #5e95b1;
    text-decoration: underline;    
}
a:hover {
    text-decoration: none;    
}
a, button, a span, button span {
    cursor: pointer;    
}
p {
    margin-bottom: 20px;    
}
b, strong {
    font-weight: bold;
}
i, em {
    font-syle: italic;    
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
h1 {
    color: #ffcc00;
    font-size: 2.286em;
    line-height: 1;
}
h2 {
    font-size: 1.286em;
    color: #003f5e;
    text-transform: uppercase;
	letter-spacing: .03em;
	word-spacing: .03em;
}
h3 {
    font-size: 1.143em;
    color: #003f5e;
}
h4 {
    text-transform: uppercase;
    font-weight: bold;
    color: #003f5e;
}
h5 {
    font-size: .75em;
}

/** =========================
 *  WRAPPER
 *  ======================= */
 
body {
    background: #003F5E url(/_ui/skin/img/home-bg.jpg) repeat-x scroll center top;
    padding: 40px 0 0 0;
    text-align: center;    
}
#header {
    width: 960px;
    margin: auto;
    text-align: left;
    position: relative;
    height: 85px;
}
#header a.logo {
    float: left;
    width: 159px;
    position: relative;
    top: -22px;
}
#header a.logo img {
    border: none;    
}
#header #language-bar {
    position: absolute;
    top: -30px;
    right: 0;
    width: 160px;
}
#header #language-bar form {
    float: right;
}
#header #language-bar form select {
    width: 128px;
    font-size: 11px;
}
#header #language-bar span.current-language,
#header #language-bar.en span.current-language {
    background: transparent url("/_ui/skin/img/flags.png") scroll no-repeat -89px top;
    height: 25px;
    width: 25px;
    float: left;
    position: relative;
    top: -2px;
}
#header #language-bar.it span.current-language {
	background-position: -29px top;
}
#header #language-bar.es span.current-language {
	background-position: 0px top;
}
#header #topsubnav {
    text-align: right;
    position: relative;
}
#header #topsubnav a {
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 6px;
    margin-top: 3px;
    display: -moz-inline-box;
    display: inline-block;
}
#header #topsubnav a.dealer {
    padding-right: 12px;
    position: relative;
    left: 1px;
    background: transparent url("/_ui/skin/img/divider.gif") scroll no-repeat right center;
}
#header #topsubnav a.register {
    padding-left: 12px;
    padding-right: 30px;
    
    position: relative;
    z-index: 3;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    
    background: transparent url("/_ui/skin/img/register-btn-bg.gif") scroll no-repeat right -12px;
}
#header #topsubnav a.register.active {
    border-left: 1px solid #7cb1cd;
    border-right: 1px solid #7cb1cd;
    border-top: 1px solid #7cb1cd;
    background-color: #fff;
    
    background-position: right 6px;
}
#header #topsubnav a:hover {
    text-decoration: underline;
}

#header #topsubnav #register-form {
    display: none;
    position: absolute;
    right: 0;
    top: 28px;
    width: 340px;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #7cb1cd;
    z-index: 2;
}
#header #topsubnav #register-form .lining {
    background-color: #f3f7f9;
    border: 1px solid #c7dae4;
    padding: 5px;
}
#wrap {
    width: 930px;
    padding: 14px;
    background-color: #fafbfc;
    border: 1px solid #c7dae4;
    margin: 0 auto 30px auto;
    text-align: left;
}
#wrap .content-box {
    padding: 14px;
    background-color: #fff;
    border: 1px solid #c7dae4;
    margin-bottom: 14px;
}
#wrap .content-box.bottom {
    margin-bottom: 0;
}
#wrap #geonav-footer {
    padding: 10px 14px;
    margin-bottom: 0;
    margin-top: 14px;
}
#wrap #geonav-footer a,
#wrap #geonav-footer span {
    text-decoration: none;
    font-size: 10px;
    color: #5e95b1;
    padding: 4px 0;
}
#wrap #geonav-footer a:hover {
    text-decoration: underline;
}
#wrap #geonav-footer span {
    padding-right: 19px;
    margin-right: 19px;
    border-right: 1px solid #c8dae4;
}
#wrap #geonav-footer a.view-other {
    float: right;
    padding-right: 16px;
    background: transparent url("/_ui/skin/img/arrow-rt.png") scroll no-repeat right center;
}
#joi-footer {
    background-color: #000;
    height: 79px;
    text-align: center;
    border-top: 1px solid #3d6f87;
}
#joi-footer-dynamic {
    width: 960px;
    margin: auto;
    text-align: left;
}
html #joi-footer div#joCorpBrandFooterContainer {
    margin-top: 0;
    border-top: none;
}

/** =========================
 *  Register Form
 *  ======================= */
 
.form-item {
    padding: 8px 10px 0 0;
} 
.form-item label {
     width: 96px;
    font-size: 78%;
    color: #003f5e;
    padding: 0 13px 0 0;
}
.form-item label.error {
    clear:both;
    color:#AD0000;
    display:block;
    margin:0 0 0 110px;
    padding-top:5px;
    text-align:left;
    width:250px;
}
.form-item.form-text input, .form-item select{
     border: 1px solid #c9dce5;
    width: 200px;
    height: 20px;
    padding: 5px 0 0 8px;
    font-size: 78%;
    color: #003f5e;
}
.form-item.country select{
     width: 210px; 
    height: 25px;
    padding: 2px;
}
.form-item.form-checkbox {
     text-align: left;
    padding: 0 0 0 8px;
    margin: 8px 0 15px 0;
}
.form-item.form-checkbox .form-check {
     padding: 0 5px 0 0;
}
.privacy {
     display: -moz-inline-box;
     display: inline-block;
    padding: 0 5px 0 0;
}
.submit {
    display: -moz-inline-box;
     display: inline-block;
    padding: 0 13px 0 0;
    border: none;
}
.submit button {
     background: url("/_ui/skin/img/btn_submit.jpg");
    background-repeat: no-repeat;
    background-color: none;
    border: none;
    color: #fff;
    font-size: .8em;
    font-weight: bold;
    height: 30px;
    text-transform: uppercase;
    width: 92px;
    padding: 0 0 2px 0;
    cursor: pointer;
}

#header #topsubnav #register-form .privacy a {
    font-weight: normal;
    text-decoration: underline; 
}
#header #topsubnav #register-form .innerLining {
    position: relative;    
}
#header #topsubnav #register-form #thankyou {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#header #topsubnav #register-form #thankyou h2 {
     text-align: center;
    font-size: .93em;
    font-weight: bold;
    text-transform: none;
    margin: 10px 0 8px 0;
}
#header #topsubnav #register-form #thankyou p {
     text-align: center;
     font-size: .78em;
    color: #003f5e;
}
/*Css added by Ektron author:sai */
.currentlanguage img
{
	margin-top:-2px;
}



/* Product manuals page */
.pdtop {
	border-bottom:1px solid #CCCCCC;
	padding: 20px 0 10px;
}

	.pdtop a {
		font-weight:bold;
	}

.pdcategories {
	border-bottom:1px solid #CCCCCC;
	padding:10px 0px;
}

	.pdcategories a {
		font-weight:bold;
		line-height: 18px;
	}

.pditems {
	padding:20px 0px 0px 0px;
}

	.pditems h2 {
		text-transform: none;
		font-size:12px;
	}
	
	#colMain .pditems p {
		font-size:12px;
	}
	
	.pditems a {
		display:block;
		font-weight:bold;
	}