/*
Theme Name: Beyond Web Interactive
Theme URI: http://ThisisBeyond.com
Description: Custom design - Cartel 2014
Version: January 2014
Author: Alice Charlier
Author URI: http://ThisisBeyond.com
*/

@import "css/reset.css";
@import "css/ie.css";
@import "css/custom-beyond.css";

/* 
orange: F7931E
blue: 365C89
*/

body { font-family: Arial, Helvetica, sans-serif; background-color: #365C89; color: #333; font-size: 13px;}
a {color: #F7931E; text-decoration: none;}
#title-bar h1 {padding: 12px 0 0 10px; color: #fff; font-size: 20px;}
h1 {font-size: 24px; font-weight: 400; color: #365C89; margin-bottom: 15px; text-transform: uppercase;}
h2 {font-size: 20px; font-weight: 700; color: #365C89; margin-bottom: 15px; text-transform: uppercase;}


#access {top: 59px; right: 0px;}
#access ul {float: right; padding-top: 8px;}
#access li {float: left; margin: 5px 15px;}
#access>li:last-child {margin-right: 0px;}
#access li a {float: left; text-transform: uppercase; font-size: 13px; font-weight: bold; text-decoration: none; color: #425563; letter-spacing: 0px;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#access li a:hover {color: #F7931E;}
.caret {vertical-align: 2px; margin-left: 3px;}

ul#menu-dealer-login li a {padding: 10px 19px; background: #F7931E; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size:9px;}

/* Header */
#head {border-top: 6px solid #365C89; min-height: 108px; width: 100%; display: block; background:url(images/headers/header-back.gif)}
.home #head {border-bottom: 6px solid #F7931E;}
#top-cta {top: 11px; right: 120px; font-size: 15px; text-transform: uppercase; font-weight: 700; color: #425563;}
.menu-dealer-login-container {position: absolute; top: 7px; right: 0px;}


/* Common */
#title-bar {width: 100%; height: 50px; display: block; background-color: #F7931E}
.blue li {list-style: url(images/blue-bullet.gif); margin: 0 0 10px 30px; line-height: 14px;}
.blue ul {padding: 10px 0 5px 0;}
li.no-bullet {list-style: none; font-weight: bold;}
#wrapper {background: #fff; display: block;}
#content {padding: 15px 22px 20px 22px; display: block;}
.wpb_content_element {margin-bottom: 0px;}
.wpb_row {margin-bottom: 10px;}
.wpb_text_column p {margin-bottom: 15px;}
.read-expand {color: #365C89; text-decoration: underline;}
/* Forms */
#gform_wrapper_1 {padding: 15px; border: 4px solid #F7931E;}
#gform_wrapper_1 .gform_heading {font-size: 17px; color: #365C89; border-bottom: 1px solid #999; padding: 5px 0 10px 0; font-weight: bold !important;}
#gform_wrapper_1 input.medium, #gform_wrapper_1 textarea.medium {width: 260px; padding: 12px; border: 1px solid #CCC; margin-left: 80px; font-size: 14px !important;}
#gform_wrapper_1 textarea.medium {height: 95px;}
#gform_wrapper_1 .gform_footer {padding: 5px 0 10px 0 !important;}
#gform_submit_button_1 {border: 0px; padding: 11px 15px; color: #fff; background: #235777; `rounded-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 286px; margin-left: 80px; text-align: center; font-size: 17px; text-transform: uppercase; letter-spacing: 1px;}
#gform_submit_button_1:hover {color: #F7931E;}
.gform_confirmation_message {padding-left: 15px; font-size: 24px; color: #093;}


/* Homepage */ 
.grey {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 1.9% !important; width: 31% !important;}
.grey:hover {background: #F7931E;}
.grey a {width: 100%; height: 85px; display: block; text-decoration: none;}
.grey a:hover {}
.grey-label {padding: 20px 0 10px 0; font-size: 12px; color: #fff; letter-spacing: 1px; font-weight: bold;}
.grey-1 {background: #666666;}
.grey-2 {background: #4D4D4D;}
.grey-3 {background: #333333;}
/*.grey-3 .grey-label {padding: 30px 0 20px 0 !important;}*/



/* Footer */
#footer {background: #F2F2F2; width: 100%; min-height: 100px; display: block;}
#footer-inner {padding: 15px;}
#copyright {margin-left: 15px; float:left;}
#agent-login { float: right; margin-right: 15px;}
ul#menu-agent-login li a {padding: 12px 19px; background: #235777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size:9px;}