@font-face {font-family: 'Futura-Book';src: url('futura_book-webfont.eot');src: url('futura_book-webfont.eot?#iefix') format('embedded-opentype'),url('futura_book-webfont.woff') format('woff'),url('futura_book-webfont.ttf') format('truetype');}
@font-face {font-family: 'Futura-Bold';src: url('futura_bold.eot');src: url('futura_bold.eot?#iefix') format('embedded-opentype'),url('futura_bold.woff') format('woff'),url('futura_bold.ttf') format('truetype');}

/* 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, font, img, ins, kbd, q, s, samp,small, strike, 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;
}
ul { list-style-type: none; }
em { font-style: italic; }
sup { font-size: x-small; }
hr { clear: both; width:100%; height: 1px; border:1px solid #00a5cd; margin: 20px 0; }
menu { margin: 0px; padding: 0px; }

/* utility */
.clearfix { clear: both; width:100%; height: 1px; }

.homepagebottomad {bottom:0; clear:both;float:right;position:relative;right:20px;}

#ad_zone img { border: none !important; }


	/* structure styles */	
	body { background: url(../images/layout/bg_body.jpg) repeat; font-family: Arial, sans-serif; }
	
	#wrapper { width: 993px; margin: 0px auto; position: relative; }
	
	#header { width: 993px; height: 153px; }
	#header h1 a { display: block; width: 382px; height: 78px; background: url(../images/layout/onesource_logo.png) center center no-repeat; text-indent: -9999px; padding: 60px 0 0  30px; }
	
	#toggle_menu { display: none; }
	
	#container { width: 961px; border-top:17px solid #bbbbbb; border-right:16px solid #bbbbbb; border-bottom:17px solid #bbbbbb; border-left:16px solid #bbbbbb; background: #fff; padding: 0 0 20px 0; }
	
	#mast { height: 335px; }	
	#mast .assets li { position: absolute; opacity: 0; }
	#mast .assets li.show { z-index:46; opacity: 1; }
	
	#content { border-top: 7px solid #fcd404; }	
	
	
	#controls { float: left; width: 215px; }
	#controls .play_video { display: none; }
	
	
	/* floating info - social media and contact */
	#float_info { position: fixed; right:0px; top:153px; width: 71px; background: #b6bdc1; z-index: 70; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
	
	#float_info .contact { background: #fff; width: 68px; padding: 10px 0; margin: 3px 0 0 0; border-collapse: collapse; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;  float: right;}
	#float_info .phone { background: url(../images/layout/button_float_info.png) 12px 0px no-repeat; display: block; width: 71px; height: 46px; text-indent: -9999px; border-bottom: 1px solid #1e72ac; padding: 0 0 10px 0; margin: 0 0 10px 0; }
	#float_info .phone:hover { background-position: -72px 0px; }
	#float_info .pricing { background: url(../images/layout/button_float_info.png) 12px -66px no-repeat; display: block; width: 71px; height: 53px; text-indent: -9999px; }
	#float_info .pricing:hover { background-position: -72px -66px; }
	#float_info .facebook { background: url(../images/layout/button_float_info.png) 17px -176px no-repeat; display: block; width: 71px; height: 46px; text-indent: -9999px; }
	#float_info .facebook:hover { background-position: -68px -176px; }
	#float_info .youtube { background: url(../images/layout/button_float_info.png) 17px -224px no-repeat; display: block; width: 71px; height: 46px; text-indent: -9999px; }
	#float_info .youtube:hover { background-position: -68px -224px; }
	#float_info .linkedin { background: url(../images/layout/button_float_info.png) 17px -277px no-repeat; display: block; width: 71px; height: 46px; text-indent: -9999px; }
	#float_info .linkedin:hover { background-position: -68px -277px; }
	#float_info .clear_special { width: 65px; margin: 20px 0; height: 3px; border-top: 1px solid #1e72ac; border-bottom: 1px solid #1e72ac; clear: both; float: right; }
	#float_info .social { float: right; }
	
	/* customer login */
	#login_customer { z-index: 10000; position: absolute; top:-88px; right: -9px; width: 221px; height: 133px; padding: 5px 9px 0 9px; background: url(../images/layout/bg_cust_login.png) center center no-repeat; text-transform: uppercase; }
	#login_customer a {  text-decoration: none; color: #fff;  }
	#login_customer a:hover { text-decoration: underline; }
	#login_customer h4 {  }
	#login_customer h4 a#login_customer_toggle { display: block; height: 32px; padding: 14px 0 0 60px; width: 161px; font-size: 14px; font-family: 'Futura-Bold'; background: url(../images/layout/button_cust_login.png) left center no-repeat; position: absolute; bottom: 4px; border-top: 1px solid #0475b1;  text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#login_customer h4 div#loggedin { color:#fff; display: block; height: 40px; padding: 6px 0 0 60px; width: 161px; font-size: 14px; font-family: 'Futura-Bold'; background: url(../images/layout/button_cust_login.png) left center no-repeat; position: absolute; bottom: 4px; border-top: 1px solid #0475b1;  text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#login_customer h4 div a.logout{ margin: 2px 5px; font-size:10px;display: block; clear: left; padding: 0px 0; font-family: Arial, sans-serif; font-weight: bold; }
	
        #login_customer form { padding: 0 5px; font-size: 9px; font-family: 'Futura-Bold'; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#login_customer input { font-size: 9px; background: #e4e2e2; padding: 2px; margin: 0 0 4px 0; border: none; }
	#login_customer .forgot { display: block; float: left; clear: left; padding: 0px 0; font-family: Arial, sans-serif; font-weight: bold; }
	#login_customer .remember { display: block; float: left; padding: 2px 0; font-family: Arial, sans-serif; font-weight: bold; }
	#login_customer .remember input {  background: none; }
	#login_customer .submit { float: right; display: block; color: #0475b1; background: #e4e2e2; padding: 4px; border: none; position: relative; top: -11px; font-size: 11px; cursor: pointer; }
	#login_customer .submit:hover { background: #fff; }
	#login_customer .username { width: 208px; }
	#login_customer .username.showlabel { background: url(../images/layout/input_username.png) 5px center no-repeat #e4e2e2; }
	#login_customer .password { width: 208px; }
	#login_customer .password.showlabel { background: url(../images/layout/input_password.png) 5px center no-repeat #e4e2e2; }
	
	/* main navigation */
	#nav { background: url(../images/layout/bg_nav.jpg) center top no-repeat #4996c3; text-align: center; padding: 13px 0 20px 0; }
	#nav h3 { display: none; }
	#nav a { font-size: 16px; font-family: 'Futura-Bold'; color: #fff; text-decoration: none; display: block; border-bottom: 1px solid #afc1ca; width: 186px; margin: 0 auto; padding: 13px 0; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#nav a.bppmember {  background-color: #FDD503; color: #488CCB; }
        #nav a.bppmember:hover {  color: #FFF; }
	#nav a.active { border-bottom: none; background: #186496; color: #fcd404; width: 215px; padding-bottom: 4px; position: relative; }
	#nav a.active:after { position: absolute; display: block; content: ''; top:0; right: -5px; width: 8px; height: 39px; background: url(../images/layout/button_nav_active.png) right top no-repeat; }
	#nav a:hover { color: #fcd404; }
	#nav li ul { background: #186496; padding: 0 0 10px 0; }
	#nav li ul a { border-bottom: none; font-family: 'Futura-Book'; font-size: 15px; padding: 5px 0; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#nav li ul a.active:after { content: none; }
	
	/* manufacturer login */
	#login_manufacturer { background: #d0d0d0; border-left: 7px solid #4996c3; border-right: 7px solid #4996c3; }
	#login_manufacturer h4 {  }
	#login_manufacturer h4 a { display: block; background: url(../images/layout/button_manu_login.png) center top no-repeat; padding: 45px 0 0 0; text-align: center; color: #000; font-family: 'Futura-Bold'; text-transform: uppercase; text-decoration: none; font-size: 15px; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#login_manufacturer form { padding: 10px 5px 0 5px; font-size: 9px; font-family: 'Futura-Bold'; color: #000; text-shadow: 0 1px 0 rgba(0,0,0,0.01); display: none; }
	#login_manufacturer input { font-size: 9px; background: #fff; padding: 2px; margin: 0 0 4px 0; border: none; }
	#login_manufacturer .forgot { display: block; float: left; clear: left; padding: 0px 0; font-family: Arial, sans-serif; font-weight: bold; }
	#login_manufacturer .remember { display: block; float: left; padding: 2px 0; font-family: Arial, sans-serif; font-weight: bold; }
	#login_manufacturer .remember input { background: none;  }
	#login_manufacturer .submit { float: right; display: block; color: #0475b1; background: #e4e2e2; padding: 4px; border: none; position: relative; top: -11px; font-size: 11px; cursor: pointer; }
	#login_manufacturer .username { width: 185px; }
	#login_manufacturer .username.showlabel { background: url(../images/layout/input_username.png) 5px center no-repeat #fff; }
	#login_manufacturer .password { width: 185px; }
	#login_manufacturer .password.showlabel { background: url(../images/layout/input_password.png) 5px center no-repeat #fff; }
	#login_manufacturer a { color: #000; text-decoration: none; }
	#login_manufacturer a:hover { text-decoration: underline; }
	
	#login_manufacturer_extender { background: url(../images/layout/bg_manu_login_extender.png) center top no-repeat; width: 215px; height: 48px; }
	
	#loggedin_extender { background: url(../images/layout/bg_loggedin_extender.png) center top no-repeat; width: 215px; height: 48px; }
	
	
	#controls_extra_menu { display: none; }
	
	/* content area */
	#content_area { float: left; width: 427px; font-size: 13px; line-height: 20px; color: #515151; padding: 10px 20px; }
	#content_area.full_width { width: 706px; }
	#content_area h2 { font-family: 'Futura-Bold'; font-size: 19px; color: #137fb9; margin: 10px 0; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#content_area h3 { font-family: 'Futura-Bold'; font-size: 16px; color: #137fb9; margin: 10px 0; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#content_area h4 { font-family: 'Futura-Bold'; font-size: 13px; color: #137fb9; margin: 10px 0; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#content_area h4 .title { font-family: Arial, sans-serif; color: #515151;  }
	#content_area p { margin: 8px 0; }
	#content_area a { color: #137fb9;  }
	#content_area ul { margin: 10px 0 10px 15px; list-style-type: disc; }
	#content_area ol { margin: 10px 0 10px 20px; }
	#content_area li {}
	#content_area table { border-collapse: collapse; }
	#content_area th { border: 1px solid #ccc; font-weight: bold; padding: 4px; }
	#content_area td { border: 1px solid #ccc; padding: 4px; }
	#content_area label { display: block; margin: 7px 0; }
	#content_area input { display: block; width: 95%; background: #e9e9e9; border: 1px solid #b4b4b4; color: #333; padding: 4px; }
	#content_area textarea { display: block; width: 95%; background: #e9e9e9; border: 1px solid #b4b4b4;  color: #333; padding: 4px; }
	#content_area select { display: block; background: #e9e9e9; border: 1px solid #b4b4b4; color: #333; padding: 4px;  }
	#content_area .submit_button { width: auto; margin: 10px 0; }
	#content_area .highlight { color: #137fb9; }
	#content_area .quote { color: #137fb9; font-style: italic; }
	
	#content_area .listing { border-top: 1px solid #137fb9; margin: 20px 0 0 0; padding: 10px 0 0 0; }
	#content_area .listing.testimonials,
	#content_area .listing.news { border-top: none; }
	#content_area .list_item { clear: left; padding: 10px 0; }
	#content_area .list_item img { border: 1px solid #137fb9; float: left; margin: 10px 10px 5px 0; }
	#content_area .testimonial,
	#content_area .news_item { border-top: 1px solid #137fb9;  }
	
	/* right column */
	#right { float: left; width: 279px;  }
	#right.video img { position: relative; top:-20px; z-index: 50; border: none; margin: 0; }
	#right.video p { width: 215px; margin: 0px auto; font-family: 'Futura-Book'; text-align: center; color: #0d7bb2; line-height: 25px; text-shadow: 0 1px 0 rgba(0,0,0,0.01); text-shadow: 0 1px 0 rgba(0,0,0,0.01); } 
	#right.video strong { font-family: 'Futura-Bold'; font-weight: normal; text-shadow: 0 1px 0 rgba(0,0,0,0.01);  }
	#right a {  color: #0d7bb2; }
	#right img { margin: 20px; border: 1px solid #137fb9; }
	
	/* highlight links */
	#highlight_links { border-top: 1px solid #0d7eb8; margin: 20px 15px; padding: 20px 0; font-family: 'Futura-Book'; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#highlight_links li { display: block; width: 310px; float: left; }
	#highlight_links a { display: block; height: 70px; text-decoration: none; padding-left: 75px; }
	#highlight_links a h4 { font-size: 24px; color: #aeaeae; text-transform: uppercase; }
	#highlight_links a p { color: #000; font-size: 12px; }
	#highlight_links a.webinar { background: url(../images/layout/bg_highlight_webinars.png) left center no-repeat; }
	#highlight_links a.demo { background: url(../images/layout/bg_highlight_demos.png) left center no-repeat; }
	#highlight_links a.news { background: url(../images/layout/bg_highlight_news.png) left center no-repeat; }	
	
	
	/* logo slider */
	#logo_slider  { padding: 0 0 0 10px; margin: 30px 0 0; }
	#logo_slider .item { border:1px solid #1e72ac; height:75px; padding:15px 0; width: 310px; float: left; border-collapse: collapse; }
	#logo_slider .item h5 { margin:0px; width:155px; float:left; color:#1e72ac; font-size:13px; text-transform:uppercase; padding:10px 10px 0 10px; font-family: 'Futura-Bold'; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#logo_slider .item h5.manu { padding-top: 0px; }
	#logo_slider .item h5.tracking { padding-top: 20px; }
	#logo_slider .item h5 span { display:block; font-size:10px; text-transform:none; font-style:italic; font-weight:normal; font-family: 'Futura-Book'; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#logo_slider .assets { height:70px; width: 125px; position: relative; list-style-type:none; margin:0px; padding:0px; float:left; }
	#logo_slider .assets li { position: absolute; opacity: 0; }
	#logo_slider .assets li.show { z-index:45; opacity: 1; }
	
        #ad_zone .assets {position: relative; list-style-type:none; margin:0px; padding:0px; float:left; }
	#ad_zone .assets li { position: absolute; opacity: 0; }
	#ad_zone .assets li.show { z-index:45; opacity: 1; }
	
	/* footer */
	#footer { color: #fff; font-size: 12px; padding: 30px 40px; line-height: 22px; }
	#footer .site_links { width: 520px; height: 120px; padding: 10px 0; border-right: 1px solid #fff; float: left; }
	#footer .site_links .col { width: 33%; float: left; }
	#footer .contact { float: left; width: 300px; padding: 10px 0 20px 50px; }
	#footer p { margin: 10px 0; }
	#footer a { color: #fff; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
	
	/* search pages */
	#search { padding: 20px; color: #515151; font-size: 13px; line-height: 21px; background-color: #FCD404; }
	#search h2 { font-family: 'Futura-Bold'; font-size: 19px; color: #137fb9; margin: 10px 0; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	#search h2 .title { font-family: Arial, sans-serif; color: #515151; text-transform: none;  }
	#search a { color: #137fb9; }
	#search a:hover { text-decoration: underline; }
	
	#welcome {  padding: 0 0 10px 0;  }
        #welcome .title{color: #000;font-weight:normal;font-size:16px;}
        #welcome a {text-decoration:none; font-size:14px;}
        #welcome a:hover {text-decoration:underline;}
	#welcome ul { padding: 5px 0 0 0; float:right; display:block; margin-top: -40px;}
	#welcome li { display: inline; }
	#welcome ul li a { font-family: 'Futura-Bold'; font-size: 15px; background: #137fb9; color: #fff; text-decoration: none; padding: 8px 12px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	
	#messages { width: 50%;  padding: 0 0 30px 0; }
	#messages a { text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 15px; }
	
	#search_types h3 { font-family: 'Futura-Bold'; font-size: 15px; color: #137fb9; margin: 20px 0; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.01); text-align: center; }
	#search_types label { display: block; margin: 8px 0; color: #000; text-transform: uppercase; font-weight: bold; }
	#search_types input { display: block; text-transform: none; font-weight: normal; }
	#search_types select { display: block; text-transform: none; font-weight: normal; }
	#search_types .background input { width: 100%; }
	#search_types .standard { float: left; width: 458px; }
	#search_types .standard .background { background: #cfcdcd; border: 6px solid #bababa; padding: 0 10px 20px 10px; }
	#search_types .dropdown { float: left; width: 458px; margin: 0 0 0 5px; }
	#search_types .dropdown .background { background: #bababa; border: 6px solid #bababa; padding: 0 10px 20px 10px;  }
	#search_types .dropdown h3 { color: #fff; }
	#search_types .submit { float: left; background: #0c7bb4; padding: 5px 10px; border: none; color: #fff; cursor: pointer;font-family: 'Futura-Bold'; font-size: 15px;  text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.01); margin: 5px 5px 5px 10px; }
	#search_types .reset { float: left; background: #0c7bb4; padding: 5px 10px; border: none; color: #fff; cursor: pointer;font-family: 'Futura-Bold'; font-size: 15px;  text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.01); margin: 5px;  } 
	#search_types .submit:hover,
	#search_types .reset:hover { text-decoration: underline; }
	
	#results { background: #FFF; padding: 20px; margin: 20px 0 20px 0; font-size: 13px; line-height: 18px; }
	#results p { margin: 8px 0; }
	#results table { border-collapse: collapse; font-weight: bold;  margin: 10px 0;}
	#results th { border-right:1px solid #fff; padding: 4px; text-align: left; background: #0c7bb4; color: #fff; font-weight: bold; }
	#results td { border-right:1px solid #fff; padding: 4px; background: #d5d5d5; }
	#results .acrobat { float: right; font-size: 11px; }
	#results .acrobat a { color: #757474; background: url(../images/layout/button_acrobat.jpg) 0px 2px no-repeat; padding: 7px 0 7px 25px;  }
	#results .number { color: #137fb9; text-transform: uppercase; font-size: 16px; font-weight: bold; }
	#results .missing_document { background: url(../images/layout/button_missing_doc.jpg) center center no-repeat; width: 183px; height: 44px; display: block; text-indent: -9999px; }
	
	#help ul { padding: 5px 0 0 0; }
	#help li { display: inline; }
	#help a, a.deletechecked { font-family: 'Futura-Bold'; font-size: 15px; background: #137fb9; color: #fff !important; text-decoration: none; padding: 8px 12px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
	

 

div.dialogbox {
    border-radius: 20px;
}

div.dialogbox div.body {
    background: url(../images/layout/dialogbg.png) repeat-x;
    background-size: auto 100%;
    text-align: center;
    padding: 20px 25px;
    font-size: 12px;
    position:relative;
    width: 600px;
}


div.dialogbox div.title {
    background: url(../images/layout/dialogheaderbg.png) repeat-x;
    height: 45px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 45px;
}


div.dialogbox div.title span.info {
    background: url(../images/layout/dialoginfo.png) no-repeat;
    padding: 5px 0px 5px 35px;
}
div.dialogbox div.title span.warning {
    background: url(../images/layout/dialogwarn.png) no-repeat;
    padding: 5px 0px 5px 35px;
}
div.dialogbox div.title span.error {
    background: url(../images/layout/dialogerror.png) no-repeat;
    padding: 5px 0px 5px 35px;
}

div.body button{
    background: url(../images/layout/btnbg.png) repeat-x;
    box-shadow: 2px 2px 1px #888888;
    height: 45px;
    width: 150px; 
    
    margin-top: 25px;
}



         .modal {
            display:    none;
            position:   fixed;
            z-index:    1000;
            top:        0;
            left:       0;
            height:     100%;
            width:      100%;
            background: rgba( 0, 0, 0, .6 ) 
                        url('/wwwroot/images/layout/ajax-loader.gif') 
                        50% 50% 
                        no-repeat;
        }
        
        body.loading {
        }
        
        body.loading .modal {
            display: block;
        }