@charset "UTF-8";

/* reset + element styling */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, iframe, img,
	form, a, fieldset, input, select, textarea, table, th, td, small {  margin: 0; padding: 0; border: 0; outline: none; text-align:left;
	background: transparent; font-weight:normal; font-size:100%; vertical-align:baseline; background-repeat:no-repeat; background-position:0% 0%; }  
body { line-height: 1; font-size: 62.5%; text-align:center; }  
h1, h2, h3, h4, h5, h6 { padding: .6em 0 0 0; margin: .6em 0 0 0; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
input, select { vertical-align:middle; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
:focus { outline:0; }
label { text-align:right; font-weight:bold; }
textarea, input.text, input.file { color:#666666; font:inherit; width:100%; }
textarea { height:100px; resize: none; }

a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* box model */
.fltRt { float: right; margin-left: 1em; }
.fltLt { float: left; margin-right: 1em; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clearfixRight:after { clear: right; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* common classes */
.rep, .btn { display:block; text-indent:-9999px; }

.form label { display:block; float:left; clear:left; width:130px; padding:5px 20px 5px 0; }
.form div { padding:5px 5px 5px 150px; }
.form div span { display:block; border:1px solid #999999; padding:5px 7px 5px 5px; }

.error { color:red; border:3px solid red !important; }

/* layout */
body { background-image:url('/assets/images/pagebg2.jpg'); background-repeat:repeat-x; font-family:Arial,sans-serif; }
#container { width: 940px; text-align: left; margin:0px auto 0 auto; font-size:1.2em; line-height:1.5em; }
.header_gray {float:right; position:relative; top:113px;}

/* header */
#header a { display:block; height:78px; margin-bottom:50px;
	background-image:url('/assets/images/header.jpg'); background-position:0% 100%; }
h1 { height:135px; background-image:url('/assets/images/helpcenter_logo2.png'); background-position:0px 0; }

/* content */
h2 { background-color:#000000; color:#FFC625; padding:5px 10px; text-transform:uppercase; font-weight:bold; }

#introduction {padding:.6em 0; margin:.6em 0; }
#uploadYourLogo {width:58px; float:left; margin: 0 auto; font-size:.9em; line-height:1.35em; }
#uploadYourLogo .btn {background-image:url('/assets/images/go_button.png'); height:34px; }
#uploadYourLogo a {display:block; width:58px; padding:0; margin:0; background-repeat:none; background-position:top left; text-indent:-9999px;}
#uploadYourLogo a:hover {background-position:bottom left;}
.message p { padding:.6em; }

#video-preview { background-image:url('/assets/images/video_pv.jpg'); height:174px; }
#logo-example { background-image:url('/assets/images/logo_example.jpg'); height:325px; background-position:center; }

.col { float:left; }
.threeCol.equal .col { width:278px; }
.threeCol.equal .colOne { padding-right:25px; }
.threeCol.equal .colTwo { padding:0 25px; border-left:1px solid #ffc625; border-right:1px solid #ffc625;}
.threeCol.equal .colThree { padding-left:25px; }

/* contentBuckets */

#contentBuckets {padding-bottom:20px;}
#contentBuckets h3 { height:61px; }
#contentBuckets .colOne .featured { background-color:#fde399; border:1px solid #ffc625; padding:0 10px 10px 10px; margin:15px 0 0;  }
#contentBuckets .colOne .featured_top { background-color:#fde399; border:1px solid #ffc625; padding:0 10px 10px 10px; margin:0;  }
#contentBuckets .colOne .featured_logo { background-image:url('/assets/images/feature_logo_bg.jpg'); border:1px solid #ffc625; padding:0 10px 47px 10px; margin:15px 0 0;  }
#contentBuckets .colOne .featured_logo_left {width:195px; float:left; }
#contentBuckets .colOne .featured_logo_right {float:left; }
#contentBuckets .colOne h4 { font-size:1.3em; padding-bottom:3px; }
#contentBuckets .colOne h4 a { text-decoration:none; border-bottom:1px solid; }
#contentBuckets .colOne h4 a:hover { border-bottom:none; }
#contentBuckets .colOne p { padding-left:15px; }
#contentBuckets .colTwo .featured { background-color:#fde399; border:1px solid #ffc625; padding:0 10px 10px 10px; margin:15px 0 0;  }
#contentBuckets .colTwo .featured_top { background-color:#fde399; border:1px solid #ffc625; padding:0 10px 10px 10px; margin:0;  }
#contentBuckets .colTwo h4 { font-size:1.3em; padding-bottom:3px; }
#contentBuckets .colTwo h4 a { text-decoration:none; border-bottom:1px solid; }
#contentBuckets .colTwo h4 a:hover { border-bottom:none; }
#contentBuckets .colTwo p { padding-left:15px; }
#contentBuckets .colThree .featured { background-color:#fde399; border:1px solid #ffc625; padding:0 10px 10px 10px; margin:15px 0 0;  }
#contentBuckets .colThree .featured_top { background-color:#fde399; border:1px solid #ffc625; padding:0 10px 10px 10px; margin:0;  }
#contentBuckets .colThree h4 { font-size:1.3em; padding-bottom:3px; }
#contentBuckets .colThree h4 a { text-decoration:none; border-bottom:1px solid; }
#contentBuckets .colThree h4 a:hover { border-bottom:none; }
#contentBuckets .colThree p { padding-left:15px; }

/* contactBuckets */
#contactBuckets { margin-bottom:40px; }
#contactBuckets .colOne { width:260px; }
#contactBuckets .colTwo { width:385px; }
#contactBuckets .colThree { width:265px; }

#contactBuckets h2 { margin-bottom:1em; }
#contactBuckets h3 { height:92px; }
#contactBuckets .colOne h3 { background-image:url('/assets/images/h3_contact_col1.gif'); }
#contactBuckets .colThree h3 { background-image:url('/assets/images/h3_contact_col3.gif'); background-position:100% 0%; }

#contactForm .btn { background-image:url('/assets/images/btn_submit.jpg'); height:40px; width:90px; margin:5px 5px 0 auto; }

/* arrow_menu */
.arrow_menu {padding-bottom:25px; }

/* modal */
#modal { display:none; background-color:#ffffff; padding:10px; width:430px; font-size:1.2em; line-height:1.5em;
	border:1px solid #666666; }
#ajax-loader { padding:30px; margin:auto; display:block; }

/* modal video */
#video { display:none; }
.video #video { display:block; }
.video #modalContent { display:none; }
#player { display:block; height:300px; width:430px; }
	
/* modal upload */
.uploadForm { margin-top:10px; }
.uploadForm .btn { background-image:url('/assets/images/btn_submit.jpg'); height:40px; width:90px; margin:5px 5px 10px auto; }
.loader { background-image:url('/assets/images/ajax-loader.gif'); }
.uploadForm.loader { background-position:72% 99%; }