@charset "utf-8";
/* A1 Comms CSS Document */

body { background:#FFF url(/images/a1_bg_gradient.gif) repeat-x top left; font-size:100.01% }
#wrapperContainer { width:948px; margin:0 auto; text-align:center; font:normal 62.5% Verdana, Arial, Helvetica, sans-serif; color:#8A8A8A; }

h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4E4E4E; margin:0; padding:0; }
h1 { font-size:3.6em; color:B1B1B1; }
h2 { font-size:3.0em; color:B1B1B1; margin-bottom:10px; }
h2.fpPanelTitle { font-size:7.0em; font-weight:bold; color:#B1B1B1; margin:-10px 0 0 0; }
h3 { font-size:2.2em; color:4E4E4E; }
h4 { font-size:1.6em; color:4E4E4E; font-weight:bold; margin:20px 0 0 0; }

p { font-size:1.2em; font-size:normal; line-height:1.4em; }
p.firstPara { font-size:1.3em; color:#82B912; font-weight:bold; }
p.paraNoTopMargin { margin-top:2px; }

ul.list { list-style-image:none; list-style-type:none; margin:0 0 0 30px; padding:0; }
ul.list li { list-style-image:url(/images/square_pointer.gif); list-style-type:none; margin:0 0 10px 0; padding:0; font-size:1.2em; font-size:normal; }

ul.bulletedList { list-style-type:disc; list-style:disc; margin:0 0 0 20px; width:0;}
ul.bulletedList li { list-style-type:disc; list-style:disc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; }

a { color:#82B912; outline:none; }
a, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

img { border:none; }
input { outline:none; }

.green { color:#82B912; }

#headerContainer { width:948px; height:114px; float:left; background:transparent url(/images/a1_hdr_bg.png) no-repeat top left; }
#headerContainer #logoContainer { width:178px; height:39px; margin:40px 0 0 50px; float:left; display:inline; }
#headerContainer #telContainer { width:268px; height:18px; margin:34px 21px 0 0; float:right; display:inline; text-align:right; }

/* TABBED NAVIGATION */
#headerContainer .tabbedNavContainer { overflow:hidden; width:100%; float:left; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; height:39px; padding-top:3px; display:inline; margin-bottom:-8px;}
.tabbedNavContainer ul#tabbedNav { float:right; list-style-type:none; margin:0 35px 0 0; padding:0; display:inline; }
.tabbedNavContainer ul#tabbedNav li { float:left; margin:0; padding:0; list-style-type:none; }
.tabbedNavContainer a { float:left; position:relative; background:transparent url(/images/a1_tabbed_nav_green_left.png) no-repeat left top; _background:transparent url(/images/a1_tabbed_nav_green_left.gif) no-repeat left top; margin-right:4px; padding:0 0 0 9px; text-decoration:none; cursor:pointer; display:inline; }
.tabbedNavContainer a span { float:left; position:relative; display:block; background:transparent url(/images/a1_tabbed_nav_green_right.png) no-repeat right top; _background:transparent url(/images/a1_tabbed_nav_green_right.gif) no-repeat right top; padding:7px 14px 8px 5px; color:#FFF; text-decoration:none; }

.tabbedNavContainer .tabbedNavSelected a { background-position:0 -125px; text-decoration:none; }
.tabbedNavContainer .tabbedNavSelected a span { background-position:100% -125px; color:#82B912; font-weight:bold; height:17px; text-decoration:none; }
.tabbedNavContainer .tabbedNavSelected a:hover { background-position:0 -125px; text-decoration:none; }
.tabbedNavContainer .tabbedNavSelected a:hover span { color:#82B912;background-position:100% -125px; text-decoration:none; }
.tabbedNavContainer a:hover { background-position:0% -250px; text-decoration:none;  }
.tabbedNavContainer a:hover span { background-position:100% -250px; }

#pageContainer { width:948px; float:left; text-align:left; }
#pageContainerHdr { margin:0 0 -8px 0; float:left; padding:0; display:inline; }
#pageContainer #pageContainerInner { width:928px; padding:0 10px; margin-top:8px; float:left; display:inline; background:transparent url(/images/a1_main_content_drop_shadow.png) repeat-y; min-height:250px; height:auto !important; height:250px; }
#pageContainer #pageContainerFtr { width:948px; float:left; margin-bottom:10px; }

#pageContainer #pageContainerInner #mainContent { margin:10px 10px 10px 0; float:left; padding-left:10px; border-left:1px dotted #E5E5E5; display:inline; }
#pageContainer #pageContainerInner #mainContent.mainContentWithNav {width:670px; padding-left:20px; float:left; display:inline; }
#pageContainer #pageContainerInner #mainContent.fullWidthContent { margin:10px 10px 10px 0; float:left; padding:0 20px 0 30px; border-left:none; display:inline; }

/* LEFT HAND PANEL - MENU */
#pageContainer #pageContainerInner #lhp { width:185px; float:left; margin:0 10px 10px 15px; }
#lhp ul#lhMenu { list-style-type:none; list-style-image:none; width:174px; margin:0; }
ul#lhMenu li { list-style-type:none; list-style-image:none; color:#8A8A8A; font-size:1.3em; margin:10px 0; padding-left:10px; background: url(/images/a1_bullet_point_green.gif) no-repeat 2px 7px; }
ul#lhMenu li a, ul#lhMenu li a:visited { color:#8A8A8A; text-decoration:none; }
ul#lhMenu li a.selected, ul#lhMenu li a.selected:visited { color:#82B912; font-weight:bold; }
ul#lhMenu li a:hover, ul#lhMenu li a:active, ul#lhMenu li a.selected:hover, ul#lhMenu li a.selected:active  { color:#82B912; text-decoration:underline; }


/* CONTENT SLIDER  - STATIC DISPLAY */
#pageContainerInner #fpContentStatic { width:928px; height:262px; float:left; background-image:url(/images/cs_a1_we_will_save_you_blank.gif); display:block; }
#fpContentStatic p#fpContentStaticText { width:460px; height:70px; font:normal 1.4em Arial, Helvetica, sans-serif; color:#777; line-height:1.6em; background-color:#FFF; margin:160px 0 0 220px; }


/* CONTENT SLIDER */
#pageContainerInner .contentSlider { width:928px; height:262px; float:left; }
.contentSlider { width:928px; height:262px; position:relative; margin:0 auto 15px; }
.contentSlider .wrapper { width:928px; overflow:hidden; height:262px; margin:0; position:absolute; top:0; left:0; }
.contentSlider .wrapper ul { width:99999px; list-style:none; position:absolute; top: 0; left: 0; background:#EEE; margin:0; }
.contentSlider .wrapper ul li { display:block; float:left; margin:0; padding:0; width:928px; height:262px; background-color:#FFF; }
.contentSlider .wrapper ul li a	{ border:none; }
.contentSlider .wrapper img { border:none; }
.contentSlider .arrow { display:block; height:200px; width:67px; background:url(/images/arrows.png) no-repeat 0 0; text-indent:-9999px; position:absolute; top:65px; cursor:pointer; }
.contentSlider .forward { background-position:0 0; right:-20px; }
.contentSlider .back { background-position:-67px 0; left:-20px; }
.contentSlider .forward:hover { background-position:0 -200px; }
.contentSlider .back:hover { background-position:-67px -200px; }

/* CONTENT SLIDER - USER INTERFACE */
#thumbNav { position:relative; top:245px; left:60px; text-align:left; width:200px; }
#thumbNav a { display:inline-block; padding:1px 7px; height:18px; margin:0 7px 0 0; text-align:center; background-color:#4E4E4E; text-decoration:none; color:#FFF; font:bold 12px/17px Arial, Helvetica, sans-serif; outline:none; }
#thumbNav a:hover { background-color:#82B912; color:#FFF; }
#thumbNav a.cur { background-color:#82B912; color:#FFF; }
#start-stop { background:#4E4E4E url(/images/cs_ui_btn_play_a1.gif) no-repeat center center; outline:none; position:relative; top:225px; left:20px; width:13px; height:12px; display:block; text-decoration:none; text-align:center; padding:4px; _padding:2px 3px; }
#start-stop.playing { background:#4E4E4E url(/images/cs_ui_btn_pause_a1.gif) no-repeat center center; }
#start-stop:hover { background-color:#82B912; }

/* CONTENT SLIDER - PREVENTS */
.contentSlider .wrapper ul ul { position:static; margin: 0; background:none; overflow:visible; width:auto; border:0; }
.contentSlider .wrapper ul ul li { float:none; height:auto; width:auto; background:none; }

/* CONTENT SLIDER - INDIVIDUAL PAGES */
.contentSlider1Text { width:460px; height:70px; font:normal 1.4em Arial, Helvetica, sans-serif; color:#777; line-height:1.6em; background-color:#FFF; margin:160px 0 0 250px; }


/* FRONT PAGE CONTENT PANELS */
#fpPanelsContainer { width:948px; float:left; margin:15px 0 10px 0; text-align:left; }
.fpPanelContainer { width:309px; float:left; margin:0 10px 0 0; }
.fpPanelContainerLast { width:309px; float:left; margin:0; }
.fpPanelWhtTop { background:transparent url(/images/a1_fp_panel_white_top.png) no-repeat top left; width:309px; height:20px; float:left; display:inline; }
.fpPanelWhtBottom { background:transparent url(/images/a1_fp_panel_white_bottom.png) no-repeat top left; width:309px; height:20px; float:left; display:inline; }
.fpPanelWhtContent { background:transparent url(/images/a1_fp_panel_white_middle.png) repeat-y; width:261px; padding:0 24px; float:left; display:inline; height:auto !important; height:165px; min-height:165px; /*Min Height Hack */}
.fpPanelWhtContentHdr { width:261px; margin:10px 0; float:left; display:inline; }
.fpPanelWhtContent p.fpFirstPara { font:bold 2.3em Arial, Helvetica, sans-serif; margin: -17px 0 -7px 0; *margin: -17px 0 -2px 0; color:#4E4E4E; }
.fpPanelWhtContent p { font-size:1.1em; line-height:1.7em; }


/* FOOTER - TOP */
#ftrContainer { width:928px; margin:10px; float:left; text-align:left; font-size:0.9em; display:inline; }
#ftrTop { margin:0; padding:4px 0 3px 0; border-top:1px dotted #E5E5E5; float:left; width:928px; height:50px;}
#ftrTop p#ftrHandsets { margin:10px 0 0 10px; font-size:1.0em; float:left; }
#ftrTop ul { margin:0; float:left; list-style-type:none; list-style-image:none; }
#ftrTop ul li { text-align:left; float:left; padding:4px 18px; list-style-type:none; list-style-image:none; }
#ftrDcfc { margin:0; float:right; width:333px; _width:336px; vertical-align:middle; display:inline; }
#ftrDcfc p { margin:7px 0 0 0; float:left; text-align:right; }
#ftrDcfc #ftrDcfcLogo { float:right; margin:5px 10px 0 8px; }


/* FOOTER - BOTTOM */
#ftrBottom { margin:0; padding:10px 0; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; float:left; width:928px; }
#ftrBottom p#ftrCopy { margin:0 0 0 10px; float:left; width:300px; font-size:1.0em; }
#ftrBottom ul { margin:0; float:right; list-style-type:none; list-style-image:none; }
#ftrBottom ul li { text-align:left; float:left; list-style-type:none; list-style-image:none; }
#ftrBottom ul li a { padding:0 5px; }
#ftrBottom ul li a, #ftrBottom ul li a:visited { color:#8A8A8A; text-decoration:none; }
#ftrBottom ul li a:hover, #ftrBottom ul li a:active { color:#82B912; text-decoration:underline; }
#ftrBottom ul li a.selected { color:#82B912; text-decoration:none; }


/* QUOTES */
.quote { width:300px; border-left:4px #82B912 solid; background-color:#E6F1D0; margin:0 0 20px 30px; float:right; }
.quote p { padding:0 20px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000; line-height:1.6em; text-align:left; }


/* TESTIMONIALS */
.testimonial_container { width:840px; margin:10px 10px 20px 10px; float:left; /*border-left:4px #82B912 solid; padding-left:6px;*/ }
.testimonial_container .testimonial_container_inner { width:540px; padding:10px 20px; float:left; display:inline; }
.testimonial_container_inner.even { background-color:#F3FFDB;}
.testimonial_container_inner p { }
.testimonial_container .testimonial_quote { margin:12px 0 0 20px; float:right; width:220px; }
.testimonial_container .testimonial_quote_odd { margin:10px 0 0 20px; float:right; width:220px; }
p.testimonial_divider { text-align:center; margin:10px auto; padding:0; }


/* BOXOUTS */
.infoBoxGreen { background-color:#F3FFDB; padding:5px 10px; margin-top:20px; }
.infoBoxGrey { background-color:#E6E6E6; padding:5px 10px; margin-top:10px; }
.infoBoxGrey p { color:#333; line-height:1.4em; text-align:center; }


/* MISC */
.clear { clear:both; }


/* Contact Form - Redesign */
#contactFormContainer { width:800px; margin:0 40px 0 30px; padding:0; float:left; }
#contactFormContainer h1 { margin: 0; padding:0; text-align:left; }
#contactFormContainer h2 { margin:15px 0 -5px 0; padding:0; text-align:left; }
#contactFormContainer h3 { margin:0; padding:0; text-align:left; }
#contactFormContainer p { font:normal 1.2em Arial, Helvetica, sans-serif; color:#6E6E6E; text-align:left; }
#contactFormContainer p.hdr { font-size:1.1; margin:5px 0; padding:0; }
#contactFormContainer #contactFormInner { background-image:url('/images/contact_form_a1_bg.gif'); width:800px; margin:10px 0 25px 0; float:left; }
#contactFormContainer #contactFormInner form, #contactFormContainer #contactForm form fieldset { border:none; margin:0; padding:0; }
#contactFormContainer #contactFormInner form { margin-bottom:25px; }
#contactFormContainer #contactFormInner ul  { margin:0; padding:0; list-style-type:none; list-style:none; }
#contactFormContainer #contactFormInner ul li  { margin:5px 0; padding:0; list-style-type:none; list-style:none; }
#contactFormContainer #contactFormInner #contactFormTop { background-image:url('/images/contact_form_a1_top_bg.gif'); width:800px; height:20px; margin:0; float:left; padding:3px 0 0 0; }
#contactFormContainer #contactFormInner #contactFormBottom { background-image:url('/images/contact_form_a1_bottom_bg.gif'); width:800px; height:20px; margin:0; float:left; padding:0 0 3px 0; }
#contactFormContainer #contactFormInner #contactFormLeft { width:318px; margin:0 0 0 65px; padding-right:16px; float:left; border-right:1px dashed #8A8A8A
; display:inline; }
#contactFormLeft label { margin:3px 0 0 0; padding-left:3px; font:normal 1.2em Arial, Helvetica, sans-serif; color:#8A8A8A; }
#contactFormLeft ul li { margin:8px 0; }
#contactFormLeft ul li input { margin:2px 0 4px 0; width:265px; height:20px; padding:3px 2px 0 2px; font:normal 1.2em Arial, Helvetica, sans-serif; color:#4A4A4A; border:1px solid #D7D7D7; }
#contactFormLeft select { margin:2px 0 4px 0; width:245px; height:26px; padding:3px 2px 2px 2px; font:normal 1.2em Arial, Helvetica, sans-serif; color:#4A4A4A;; border:1px solid #D7D7D7; }
#contactFormLeft textarea { margin:2px 0 4px 0; width:268px; padding:3px 2px 2px 2px; font:normal 1.2em Arial, Helvetica, sans-serif; color:#4A4A4A;; border:1px solid #D7D7D7; }
#contactFormLeft .checkBox { font-size:0.6em; color:#5A5959; }
#contactFormLeft #submitButton { margin-left:90px; margin-bottom:0; }

#contactFormContainer #contactFormInner #contactFormRight { width:250px; margin:0 25px 10px 41px; float:left; display:inline; }
#contactFormRight #contactDetails { width:280px; margin:-5px 0 0 20px; padding:0; float:left; }
#contactFormRight #contactDetails p { font:normal 1.2em Arial, Helvetica, sans-serif; color:#8A8A8A; text-align:left; }
#contactFormRight #contactDetails p .telTitle { font-size:1.5em; font-weight:bold; color:#4E4E4E; }
#contactFormRight #contactDetails p.telNoGreen { color:#98BE00; font-weight:bold; font-size:2.8em; margin:-8px 0 -12px 0; *margin:-18px 0; padding:0; }
#contactFormRight #contactDetails p.telTimes { font-size:1.0em; margin-top:15px; }
#contactFormRight #contactDetails #salesEnquiries { width:299px; padding-right:10px; padding-bottom:10px; margin:15px 0 10px 20px; float:left; display:inline; border-right:1px dashed #5C5C5C; }
#contactFormRight #contactDetails #customerService { width:290px; margin:30px 0 10px 55px; float:right; }
#contactFormRight #contactDetails p.companyDetails { font-size:1.0em; }

ul.error { margin:0 0 10px 10px; }
ul.error li { color:#C72404; font-size:1.3em; line-height:1.4em; }
.requiredField { color:#D32604; }
#contactFormContainer p#requiredFieldLabel { float:right; margin:0 45px 5px 0; font-size:1.1em; }

/* Partner's Login Form */
.form { margin:20px 0 0 0; padding:0; }
.form label { text-align:right; font-weight:bold; font-size:1.1em; }
.form input.textField { height:16px; width:200px; padding:2px; font:normal 1.3em Verdana, Arial, Helvetica, sans-serif; }
.form input.redemptionField { height:16px; width:40px; padding:2px; font:normal 1.5em Arial, Helvetica, sans-serif; text-align:center }
.form input.passwordField { height:16px; width:200px; padding:2px; font:normal 1.5em Arial, Helvetica, sans-serif; }

.form .formAjax {width: 16px; padding-left: 10px;}
.error{ color:#FF0000; text-align: left; margin:-5px 0 10px 0;}
.form .formMessage p#forgottenPassword { text-align:right; margin:-10px 0 10px 0; _margin:0 0 5px 0;}

#formTable { margin:0; padding:0; border:0; border-collapse:collapse; }
#formTable td { padding-bottom:10px; vertical-align:middle; }
#formTable td.formLabel { width:70px; text-align:right; padding-right:10px; }
#formTable td.formLabelRedemption{ width:120px; text-align:right; padding-right:10px; }
#formTable td.formLabelPassword { width:150px; text-align:right; padding-right:10px; }
/* DCFC */
#hdrDcfcLogo { float:right; margin:-5px 10px 0 8px; }

#redeemForm { margin:0; }

#dcfcTicketRedemptionTable { width:400px; margin:20px 0 10px 0; padding:0; border:0; border-collapse:collapse; font-size:1.3em; float:left; }
#dcfcTicketRedemptionTable td { padding-bottom:10px; height:30px; text-align:left; vertical-align:top; }
#dcfcTicketRedemptionTable td.tableLabel { width:115px; text-align:right; padding-right:10px; font-weight:bold; }

.tandcHdr { font-size:1.1em; text-align:left; font-weight:bold; padding-top:5px; border-top:1px dotted #8A8A8A; float:left; }
.tandc { font-size:0.8em; text-align:left; line-height:1.3em; font-weight:normal; }