/*** GENERICS ***/

* { margin:0; padding:0; }

a { text-decoration:none; color:#143A5E; }
a:hover { }

.blue { color:#143A5E; }

.bold { font-weight:bold; }

body { font:12px arial, helvetica, sans-serif; color:#5E5E5E; }

.btn { background:#F50011; height:20px; padding:0 3px 3px 3px; border:1px solid #ccc; font-size:11px; text-decoration:none; color:#fff; cursor:pointer; } 

.clear { clear:both; }

.error { color:#F50011; } 

.highlite { color:#F50011; }

h1 { margin:0 0 10px 0; }
h2, h3, h4, h5, h6, p, li { margin:10px 0; }

img { border:none; }

.noBorder { border:none !important; }
.noMargin { margin:0 !important; }

.red { color:#F50011; } 

.success { color:Blue; }

/*** LAYOUT ***/

#container { position:relative; background:#fff; z-index:1; margin-left:auto; margin-right:auto; width:926px; padding:20px; }

#footer { background:transparent url(/images/configurator/footer-bg.jpg) no-repeat scroll left top; position:relative; height:31px; float:left; width:967px; padding:0 10px; color:#fff; }
#footer a { color:#fff; }
#footer .copyright { position:absolute; margin:0; line-height:31px; left:45px; }
#footer .atomic-cred { position:absolute; margin:0; right:65px; line-height:31px;  }

#header { background:transparent url(/images/configurator/header-bg.jpg) no-repeat top left; height:156px; width:966px; position:relative; z-index:999; }

#header .brand-logos { position:absolute; top:25px; right:20px; }
#header .brand-logos li { list-style:none; display:inline; }
#header .brand-logos li.imageDown img { margin:20px 0 0 6px; }
#header .brand-logos li.imageUp img { margin:0 0 20px 6px; }

#header .header-contact { float:right; text-align:right; height:82px; padding:22px 20px 0 0; }
#header .header-contact .large-red-text { color:#F50011; font-size:20px; font-weight:bold; margin:0; }
#header .header-contact .med-red-text { color:#F50011; font-size:14px; margin:0; }
#header .header-contact p { font-size:11px; }
#header .logo { background:transparent url(../images/logo.jpg) no-repeat scroll left top; position:absolute; top:15px; left:15px; width:278px; height:104px; text-indent:-2000px; }

#header .top-navigation { position:absolute; bottom:-2px; left:60px; margin:0; width:930px; height:33px; z-index:998; }
#header .top-navigation li { float:left; margin:0; list-style-type:none; }
#header .top-navigation li a { display:block; float:left; font-size:12px; font-weight:bold; border-right:1px solid #696A6A; margin-top:6px; padding:0 14px; color:#143A5E; text-decoration:none; }
#header .top-navigation li a:hover { color:#081B3B; text-decoration:none; }

#main #faqLinks { list-style:none; margin:10px 0; padding-left:0; }

/*** DROPDOWN MENU ***/

.chromestyle { width:99%; font-weight:bold; margin-top:7px;}
.chromestyle:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#dropmenu1 { left:236px !important; z-index:999 !important; }
#dropmenu1 a { font-size:11px; margin:0 10px; padding:5px 0 5px 0; }
#dropmenu1 a:hover { color:#081B3B; }

.dropmenudiv { position:absolute; top:154px !important; border-bottom-width:0; line-height:18px; z-index:999 !important; background-color:#C1C1C1; width:159px; visibility:hidden;  }
.dropmenudiv a { width:auto; display:block; border-bottom:1px solid #fff; padding:2px 0; text-decoration:none; }

* html .dropmenudiv a { /*IE only hack*/ width:100%; }

/*** HOMEPAGE ***/

#homepageContent { padding-top:0 !important; }

#homepageRegisterLink { background:#fff url(/images/help-links-bullet.jpg) no-repeat top left; padding-left:20px; display:block; height:20px; margin-top:24px; }

.largeLogin { width:357px; height:200px; padding:0 20px; float:left; margin-left:10px; _margin-left:5px; background:#fff url(/images/largeLogin-bg.jpg) no-repeat top left; }
.largeLogin a { text-decoration:underline; }
.largeLogin .btnNewUserSignup { position:relative; top:11px; left:5px; }
.largeLogin .btnSubmit { position:relative; left:196px; }
.largeLogin .forgotPass { }
.largeLogin h3 { margin:0 0 10px 0; font-size:12px; }
.largeLogin .input { width:355px; height:19px; margin-bottom:10px; display:block; border:1px solid #95A7BD; }

#ourPrograms li { font-size:12px; }

.slideshow { width:397px; height:200px; margin-left:18px; float:left; background:#eee; border:1px solid #aaa; }
.slideshow .imgSlideshow { width:397px; height:200px; }

/* Corporate Account Status Form */

#main { width:545px; padding:0 18px 0 18px; float:left; position:relative; }
#main .accountStatusForm { float:left; }
#main .accountStatusForm .bottom { float:left; padding-top:20px; margin-top:15px; border-top:1px solid #FA7F88; width:507px; }
#main .accountStatusForm .top { float:left; width:500px; }
#main .accountStatusForm .top label { font-weight:bold; font-size:13px; }
#main .accountStatusForm label { font-size:11px; }
#main .accountStatusForm .input { width:246px; height:19px; border:1px solid #95A7BD; margin-bottom:7px; }
#main .accountStatusForm .inputMessage { width:507px; border:1px solid #95A7BD; }
#main .accountStatusForm .left { float:left; width:250px; }
#main .accountStatusForm .middle { float:left; width:500px; }
#main .accountStatusForm .rbLeft { float:left; margin-bottom:10px; }
#main .accountStatusForm .rbLeft label { margin-left:10px; }
#main .accountStatusForm .rbRight { float:left; margin-left:20px; margin-bottom:10px; }
#main .accountStatusForm .rbRight label { margin-left:10px; }
#main .accountStatusForm .right { float:left; width:250px; padding-left:9px; }
#main .accountStatusForm .small-box { float:left; padding-right:7px; }
#main .accountStatusForm .smallInput { width:118px; }
#main .accountStatusForm .statusFail { float:left; clear:both; }

/* Contact Form */

#main .contactForm { float:left; }
#main .contactForm .bottom { float:left; }
#main .contactForm label { font-size:11px; }
#main .contactForm .input { width:234px; height:19px; border:1px solid #95A7BD; margin-bottom:7px; }
#main .contactForm .inputMessage { width:480px; border:1px solid #95A7BD; }
#main .contactForm .left { float:left; width:236px; }
#main .contactForm .right { float:left; width:236px; padding-left:9px; }
/*****************/

#main .content {  }
#main .content a { text-decoration:underline; }
#main .content .large-gray-box { float:left; border:2px solid #A2B1C2; width:497px; }
#main .content .large-gray-box ul { font-size:11px; color:#F50011; }
#main .content .large-gray-box ul li span { bottom:3px; position:relative; }
#main .content .large-gray-box .row-1 { float:left; padding:0 10px 0 25px; }
#main .content .large-gray-box .row-1 img { float:left; }
#main .content .large-gray-box .row-1 ul { float:left; padding:15px 0 0 22px; width:230px; }
#main .content .large-gray-box .row-1 ul li { list-style-image:url(../images/arrow-red.jpg); }
#main .content .large-gray-box .row-2 { background:#C9D2E1; width:497px; border-top:2px solid #6B829F; float:left; }
#main .content .large-gray-box .row-2 ul { float:left; padding-left:10px; list-style-type:none; }
#main .content .large-gray-box .row-2 li { float:left; padding-top:3px; width:225px; } 
#main .content .large-gray-box .row-3 { background:#E3E8F0; width:497px; border-top:2px solid #6B829F; float:left; }
#main .content .large-gray-box .row-3 .img { padding:13px 0 0 33px; }
#main .content .large-gray-box .row-3 ul { float:left; padding-left:10px; list-style-type:none; }
#main .content .large-gray-box .row-3 li { float:left; padding-top:7px; width:225px; }
#main .content .large-gray-box .row-4 { width:497px; border-top:2px solid #6B829F; float:left; }
#main .content .large-gray-box .row-4 p { font-style:italic; font-size:16px; text-align:center; margin:0; padding:10px 70px 15px; }
#main .content .large-gray-box .row-5 { width:497px; border-top:2px solid #6B829F; float:left; }
#main .content .large-gray-box .row-5 p { color:#F50011; font-size:20px; margin:0; font-weight:bolder; padding:15px 23px; }
#main .content p { line-height:20px; margin:0 0 15px 0; }
#main .content .supplier-number .input { width:201px; height:16px; border:1px solid #C3CDDC; }
#main .content .supplier-number .btnSubmit { left:3px; position:relative; top:4px; }
#main h1 { color:#F50011; font-size:22px; margin:0 0 20px 0; }
#main h1 span { color:#5E5E5E; font-weight:lighter; }
#main h1 a { color:#F50011; text-decoration:none !important; }
#main h2 { margin-top:0; font-size:12px; }
#main h3 { color:#F50011; font-weight:lighter; font-size:12px;  }
#main ul, #main ol { padding-left:30px; line-height:23px; }
#main ul li { margin:0; }
#main ul li span { color:#F50011; }

.main-wrapper { background:transparent url(/images/configurator/container-bg.jpg) repeat-y; min-height:650px; width:846px; padding:20px 60px; }

#sidebar { float:left; width:261px; }
#sidebar .help-links { background:transparent url(../images/help-links-bg.jpg) no-repeat scroll left top; line-height:15px; padding:16px 20px 0 45px; list-style-type:none; list-style-image:url(../images/help-links-bullet.jpg); width:179px; margin-bottom:15px; }
#sidebar .help-links li { margin:3px 5px 0 0; }
#sidebar .help-links li a { position:relative; bottom:3px; }
#sidebar img { padding-bottom:6px; }
#sidebar .login { background:transparent url(../images/login-bg.jpg) no-repeat scroll left top; display:block; font-size:11px; padding:16px 20px 0px; width:202px; height:156px; }
#sidebar .login a { text-decoration:underline; }
#sidebar .login .btnSubmit { position:relative; left:55px; }
#sidebar .login .forgotPass { float:left; }
#sidebar .login h3 { margin:0 0 10px 0; font-size:12px; }
#sidebar .login .input { border:1px solid #95A7BD; width:200px; height:19px; margin-bottom:10px; }

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #header .top-navigation li a { margin-top:8px; }
    #dropmenu1 { left:241px !important; }
    .dropmenudiv { width:166px; }
}

.table { padding:5px; }
.table td { padding:10px; }
.table th { padding:10px; font-size:12px; }

/*** RAD CONTROLS ***/


.GridHeader_Default, .ResizeHeader_Default { padding-right:0 !important;  }
.GridHeaderDiv_Default { background-color:#444444 !important; }
th.GridHeader_Default { padding:5px !important; font-size:11px !important; background-color:#444444 !important; }

/** MEMBERS ***/

#ctl00_members_vehicle_selection { font-size:12px; }
#ctl00_members_vehicle_selection .main-wrapper { float:left; }
.orderblock { clear:both; margin-bottom:20px; float:left; width:223px; }
.orderblock .orderheader { width:211px; border:1px solid black; text-align:left; float:left; line-height:20px; font-weight:bold; font-size:14px; padding-left:10px; }
.orderblock .orderleft { float:left; clear:both; width:170px; padding-left:10px; text-align:left; height:20px; border-left:1px solid black; border-bottom:1px solid black; border-right:1px solid black; line-height:20px; }
.orderblock .orderright { float:right; width:30px; padding-left:10px; text-align:left; height:20px; border-bottom:1px solid black; border-right:1px solid black; line-height:20px; }

.specials { padding-left:0 !important; }
.specials li { list-style:none; width:236px; padding:5px; border:1px solid #aaa; }