/* START OF GLOBAL STYLES */
html, body { height: 100%; }
body { margin:0; padding:0; font:12px arial; color:#63676B; background:url(../images/page_structure/global_background.gif) #FFFFFF repeat-x; }

body#popup { background:#FFFFFF; padding-top:25px; }

p {	margin-top:0; margin-bottom:0; padding-bottom:15px; }
h1 { margin-top:24px; margin-bottom:30px; }
ul { margin:5px 0 15px 17px; padding-left:0; }
form { padding:0; margin:0; } /* IE 6 Spacing fix */
a img { border:0; }
.no_img_border { border:0; }

a:link, a:active, a:visited { font-family:arial; text-decoration:underline; color:#63676b; } 
a:hover { text-decoration:none; }

input, textarea, select {  font:12px arial; background-color:#e7e7e7; border:1px solid #7a7a7a; padding:3px; }
.submit_button { background-color:none; border:0; padding:0px; }
.checkbox { border:0; background-color:#FFFFFF; }
.form_title { text-align:right; padding-right:10px; }

.breadcrumb { float:right; font:10px arial; color:#3B3F44; }
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited { text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }

.red_error_text { font:12px arial; color:#EE171F; }

.clear_float { clear:both; }

/* Start of page styles */

#page { 
	width:960px; 
	background-color:#FFFFFF; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}

#header { background:url(../images/page_structure/header_background.gif) no-repeat; height:94px; width:947px; margin:0 auto; position:relative; }

#logo { position:absolute; top:35px; left:25px; }
#top_quick_links { position:absolute; top:14px; right:28px; font:11px arial; color:#FFFFFF; }
#top_quick_links a, #top_quick_links a:link, #top_quick_links a:active, #top_quick_links a:visited { padding-left:5px; font:11px arial; color:#FFFFFF; text-decoration:none;}
#top_quick_links a:hover { text-decoration:underline; }

#navigation { background:url(../images/page_structure/navigation_background.gif) no-repeat; height:50px; margin:0 auto; width:947px; margin-top:12px; }
#navigation ul { margin:0; margin-left:22px; padding:0; }
#navigation ul li { margin:0; padding:0; list-style:none; list-style-type:none; font:bold 11px arial; color:#FFFFFF; float:left; }


#navigation ul li a, #navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited { display:block; font:bold 11px arial; text-decoration:none; color:#FFFFFF; padding:16px 11px 18px 12px; }
#navigation ul li a:hover { background:url(../images/page_structure/nav_item_background.gif) top left repeat-x; text-decoration:none; }

#navigation ul li a.active, #navigation ul li a.active:link, #navigation ul li a.active:active, #navigation ul li a.active:visited, #navigation ul li a.active:hover { background:url(../images/page_structure/nav_item_background.gif) top left repeat-x; text-decoration:none; }

/* Safari + Chrome hack to force the navigation to fit within the navigation area */
@media screen and (-webkit-min-device-pixel-ratio:0){
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited { padding:16px 11px 18px 11px; }
#navigation ul li a.active, #navigation ul li a.active:link, #navigation ul li a.active:active, #navigation ul li a.active:visited, #navigation ul li a.active:hover { padding:16px 11px 18px 11px; }
}

@Firefox #navigation ul li a, @Firefox #navigation ul li a:link, @Firefox #navigation ul li a:active, @Firefox #navigation ul li a:visited { padding:16px 11px 18px 11px; }
@Firefox #navigation ul li a.active, @Firefox #navigation ul li a.active:link, @Firefox #navigation ul li a.active:active, @Firefox #navigation ul li a.active:visited, @Firefox #navigation ul li a.active:hover { padding:16px 11px 18px 11px; }



#body { padding-bottom: 103px; margin-left:5px; margin-right:5px; margin-top:12px; }

#content { width:706px; padding:0 0 0 24px; float:left; }

#content_home { width:730px; padding:0; float:left; }

#right_bar { width:208px; float:right; }

#nonFooter { position: relative; min-height: 100%; }

#footer { 
background:url(../images/page_structure/footer_bg_top.gif) top #ee171f no-repeat; 
width:921px; 
padding:30px 0 25px 26px; /* Adjust values based off height */
display:block; 
position: relative; 
margin: -8em auto 0 auto; 
font:11px arial; 
color:#FFFFFF;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited { font:11px arial; color:#FFFFFF; text-decoration:underline; }
#footer a:hover { text-decoration:none; }
.foot_spacer { padding:0 3px; }
#footer_copyright { padding-bottom:5px;}

/* Right bar styles */

.right_grey_link a, .right_grey_link a:link, .right_grey_link a:active, .right_grey_link a:visited { font:12px arial; color:#7A7A7A; text-decoration:underline; }
.right_grey_link a:hover { text-decoration:none; }

#want_to_try { background:url(../images/page_structure/transpromo_right_for_me.gif) no-repeat; width:207px; height:99px; margin-bottom:14px; position:relative; }
#want_to_try_link { position:absolute; top:70px; text-align:center; width:207px; }
#want_to_try_link a, #want_to_try_link a:link, #want_to_try_link a:active, #want_to_try_link a:visited { font:16px arial; text-decoration:underline; color:#EE171F; }
#want_to_try_link a:hover { text-decoration:none; }

#case_studies { background:url(../images/page_structure/case_studies_bg.gif) no-repeat; width:208px; height:171px; margin-bottom:14px; position:relative; }
#case_studies_link { position:absolute; top:149px; text-align:center; width:208px; }

#video_testimonials { background:url(../images/page_structure/video_testimonials_bg.gif) no-repeat; width:208px; height:123px; position:relative; }
#video_testimonials_link { position:absolute; top:102px; text-align:center; width:208px; }

#access_register { background:url(../images/page_structure/access_register.gif) no-repeat; width:208px; height:102px; position:relative; margin-bottom:14px; }
#access_register_link { position:absolute; top:68px; text-align:center; width:207px; }
#access_register_link a, #access_register_link a:link, #access_register_link a:active, #access_register_link a:visited { font:16px arial; text-decoration:underline; color:#EE171F; }
#access_register_link a:hover { text-decoration:none; }

/* HOME PAGE STYLES */

#home_page_intro { width:729px; height:374px; background:url(../images/home/welcome_to_transpromo_bg.jpg) top no-repeat; margin-bottom:16px; position:relative; }
.home_text { color:#000000; padding:46px 0 0 30px; width:420px; }
.home_text a, .home_text a:link, .home_text a:active, .home_text a:visited { color:#000000; text-decoration:underline; }
.home_text a:hover { text-decoration:none; }

#is_transport_right_link { position:absolute; left:179px; top:136px; }
#statement_measure_link { position:absolute; left:179px; top:312px; }
.intro_link a, .intro_link a:link, .intro_link a:active, .intro_link a:visited { font:17px arial; color:#EE171F; text-decoration:underline; }
.intro_link a:hover { text-decoration:none; }

#transpromo_learn { width:728px; height:148px; position:relative; }
#transpromo_learn_link { position:absolute; top:96px; right:33px;  }
#transpromo_learn_link a, #transpromo_learn_link a:link, #transpromo_learn_link a:active, #transpromo_learn_link a:visited { text-decoration:underline; font:14px arial; color:#FFFFFF; }
#transpromo_learn_link a:hover { text-decoration:none; }

/* ASSESSMENTS */

table.assessment_table tr td { vertical-align:middle; padding-bottom:2px; }
table.assessment_table tr td input { border:0; background-color:#FFFFFF; }

#results_percentage { font:30px arial; color:#63676B; margin-bottom:20px;}

/* TESTIMONIALS */

.testimonials_video { text-align:center; }

/* CONTACT US */

table#contact_us_table td input { width:260px; }
table#contact_us_table td textarea { width:260px; }
table#contact_us_table td input.submit_button { width:auto; }
table#contact_us_table td input.radio { width: auto; }
table#contact_us_table .error { color: #f00; font-weight: bold; }
.req { color: #f00; }

/* OTHER FORMS */

table.form_table td input { width:260px; }
table.form_table td textarea { width:260px; }
table.form_table td input.submit_button { width:auto; }