/* Zero margins and padding to handle IE differences. */
* {padding:0; margin:0}
ul {margin:0;padding:1em}
/* br {line-height:0.0}    /* Hack to make IE not render BR as the line height (need BR to do "clear left" for aspx items. */

/* */
html {margin-bottom: 0.01em;} /* Puts spoof scrollbar into Firefox to stop centered "jump" */
body {font:11px/1.4 Verdana, Arial, Helvetica, sans-serif; background: url(/images/2010/noo-background.gif) #003649; 
      color:black; margin:0px; text-align:center}	/* puts the frame in the middle of the body for IE. */
html, body, form, #frame {height:auto}

h1 {font-size:18px; color:black; margin:15px 0px 0px 120px; padding:0px; width:300px; height:35px}
.sIFR-hasFlash h1 {visibility:hidden}
h2 {font-size:12px; margin:0px; padding:0px}
h3 {font-size:11px;color:#ee3224; background: #eee}
h4 {font-size:10px}
h5 {font-size:11px; float:left; margin:0px 5px 0px 0px}
em {font-style:italic; color:#ee2e24}
a {color:#3c77b9!important; text-decoration:none}
/* a:visited {color:#888} */
a:active, a:hover {color:#ee3224}
p {margin-bottom:5px}

#frame {width:970px; text-align:left; margin:0px auto; padding:0px; height:100%} /*margin handles center allignment in std browser. */
#center {height:auto; width:100%; padding:0px; margin:0px} /* height auto - see _top IE frig! */
#footer{ font-size:10px; padding:2px 12px 0px 0px; margin:0px; color:#bbb; height:140px; 
color:white!important;background:#b0adad;}
#footer p {padding-top:5px; letter-spacing:.1em; float:left}
#footer p span {color:white!important; font-weight:normal!important}

.ContentControlEditBox {width:100%; min-height:400px}

#toppanel {background: url(/images/redtop/red_top.png) top left no-repeat; height:167px; position:relative}
#toppanel h1 .sIFR-replaced {}
#toppanel h1 {float:left; padding-top:20px}
.titleimage {float:left; width:970px; height:76px; border:none; margin:0px}

#logoPanel {width:362px; margin-top:7px!important; padding:0px; float:right; padding-top:20px}
#logoPanel .outer {float:left}
#logoPanel .outer a {display:block; }
#logoPanel .outer a:hover {background-image: none;}

#burton  {background:url(/images/redtop/rollover_burton2.gif) top left no-repeat; width:43px; height:60px}
#burton a{background:url(/images/redtop/rollover_burton2.gif) 0 -60px no-repeat; width:43px; height:60px}

#oakley  {background:url(/images/redtop/rollover_oakley.gif) top left no-repeat; width:92px; height:32px}
#oakley a{background:url(/images/redtop/rollover_oakley.gif) 0 -32px no-repeat; width:92px; height:32px}

#dakine  {background:url(/images/redtop/rollover_dakine.gif) top left no-repeat; width:140px; height:14px}
#dakine a{background:url(/images/redtop/rollover_dakine.gif) 0 -14px no-repeat; width:140px; height:14px}

#gopro   {background:url(/images/redtop/rollover_gopro.gif) top left no-repeat; width:140px; height:39px}
#gopro a{background:url(/images/redtop/rollover_gopro.gif) 0 -39px no-repeat; width:140px; height:39px}


#spon3  {background:url(/images/redtop/rollover_warner.gif) top left no-repeat; width:100px; height:55px}
#spon3 a{background:url(/images/redtop/rollover_warner.gif) 0 -55px no-repeat; width:100px; height:55px}

div#center li {padding-bottom:5px}

blockquote {padding: 10px; font-style:italic}

#text {margin:0px 0px 0px 90px; padding: 10px 30px 0px 30px;position:relative;}  /* min-height:500px; */
.scroll {overflow:scroll; overflow-y:auto;  overflow-x: hidden; overflow: -moz-scrollbars-vertical; width:815px; clear:right; float:left; height:480px}
#text p {text-align:justify; margin-top:0px}
#images img {margin-right:1px; border:1px solid gray}

td {vertical-align:top}
th {border-bottom:3px solid #a6c1df}

/* */
div.img-shadow {float:left; background: url(/images/shadow.gif) no-repeat bottom right; margin: 10px 3px 0px 5px; display:inline}
div.img-shadow img { display: block; position: relative; background-color:white; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding:5px}

/* list classes */
.skier {list-style-image:  url(/images/bullets/skier_sml.gif)!important}
.boarder {list-style-image:   url(/images/bullets/boarder_sml.gif)!important}
.flake {list-style-image:   url(/images/bullets/flake_sml.gif)!important}
.pmc {list-style-image:   url(/images/bullets/pmc.gif)!important}
.tea {list-style-image:   url(/images/bullets/tea_sml.gif)!important}
.pdf {list-style-image:  url(/images/bullets/pdf_sml.gif)!important}
.camera {list-style-image:  url(/images/bullets/camera_sml.gif)!important}

/* */
.caps {font-variant:small-caps; font-size:12px}
.image_left {float:left; margin:10px 10px 0px 5px; padding:5px; border: 1px solid black}
.image_right{ float:right; margin:0px 10px 10px 10px; padding:5px; border: 1px solid black}
.indent {margin-left:100px}
.owner { width:30%; padding-left:30px; padding-bottom:10px}
.separator {padding-top:12px}
.selected {font-weight:bold; border-bottom:1px solid #fcbab2}
.firstLine {padding-top:20px}

.monoshow {padding:5px 5px 1px 5px; border:1px solid #ccc; float:left; margin: 10px 20px 0px 0px}

/* Styles for user control creditCard.ascx */
.CreditCardPanel { background:#efefef; width:815px; padding-top:10px}
.CreditCardPanel .LabelClass {display:block; float:left; text-align:right; font-weight:bold; margin-right:5px;}
.CreditCardPanel .DropDownClass {width:206px; margin-bottom:5px} 
.CreditCardPanel .TextBoxClass {width:201px; margin-bottom:5px}
.CreditCardPanel  #leftBit {float:left; width:390px; }
.CreditCardPanel  #leftBit .LabelClass, .MarketingPanelClass .LabelClass {width:150px; }
.CreditCardPanel  #rightBit {float:left; width:410px}
.CreditCardPanel  #rightBit .LabelClass {width:180px; }
.CreditCardPanel  .SignMeUpClass {padding-left:185px}
.ValidatorSummary {margin-left:10px}

.ReceiptPanelClass {padding:10px; width:750px; margin-left: 50px}
.ReceiptPanelClass .OrderStrapLine {color:green; margin-top:10px; font-weight:bold}
.ReceiptPanelClass .LabelClass {height:10px}
.ReceiptPanelClass .StatusMessageClass {height:10px; color:green}
.ReceiptPanelClass .AddressClass {font-size:9px}
.ReceiptPanelClass .ReceiptGridClass  { margin: 20px 0px 10px 30px; padding:20px; border:1px solid #ccc}
.OrderButtonClass {float:right; margin:0px 31px 10px 0px}
.AvailabilityButtonClass {float:right; margin:10px 0px 10px 600px}
.PriceClass {padding-left:265px}
.SalesAgentClass {clear:right; background:#cdcdcd; color:gray; padding:2px 0px 5px 5px}
.SalesAgentClass input {border:none}
.SalesAgentClass h4 {float:left; color:gray; padding-top:2px; padding-right:30px}
.LegalPanel {margin-bottom:5px}

.StaticMenuNodeClass td {height:10px; width:50px}

 #menuWrapper {float:left; margin-left:10px}
.LeftMenuClass {float:left; font-size:12px;}
.LeftMenuClass a {display:block; padding-bottom:2px}
.LeftMenuClass a span.highlight {font-weight:bold}
.LeftMenuClass a span.spacer {margin-bottom:16px; display:block}
.LeftMenuClass a span.admin {color:black; font-weight:bold}
.LeftMenuClass a:hover, .LeftMenuClass a:focus {color:#ee3224; text-decoration:underline}

.MenuClass {padding-left:12px; margin-left:0; float:left; width:900px}
.MenuClass a {padding-bottom:5px}
.MenuClass .spacer {margin: 0px 10px 0px 40px; display:inline; }
.MenuClass .highlight {font-weight:bold}

.DymamicMenuClass { padding:2px; border:1px solid silver}

#WhiteBackground {background:white}

/* For pop up validators. */
.callout { background:#fffacd }

.accordionHeader, .accordionHeaderSelected { font-family:Andale Mono,sans-serif; margin:0px; cursor:pointer; background:#EEEEEE none repeat scroll 0%;
     border-color: #F5F5F5 rgb(221, 221, 221) rgb(221, 221, 221) rgb(245, 245, 245); border-style:solid; border-width:1px; padding:2px 5px; }
.accordionHeader {color:#3C77B9}
.accordionHeaderSelected {color:#ee3224}
.accordionContent{}

.ajax__tab_hover .ajax__tab_outer, .ajax__tab_active .ajax__tab_outer { background: transparent url(/images/tab_right.gif) no-repeat right!important}
.ajax__tab_hover .ajax__tab_inner, .ajax__tab_active .ajax__tab_inner { background: transparent url(/images/tab_left.gif) no-repeat!important }
.ajax__tab_hover .ajax__tab_tab, .ajax__tab_active .ajax__tab_tab  { background: transparent url(/images/tab_middle.gif) repeat-x!important}
.ajax__tab_tab {padding-right: 33px!important}
.ajax__tab_body {border-left:1px solid #999!important; border-right:none!important; border-bottom:none!important}

/* To make disabled fields look pretty. */
input[disabled='disabled'] {background:#efefef}

/* For modal popups etc */
.modalBackground { background-color:Gray; filter:alpha(opacity=50); opacity:0.5; }
.modalPopup {background:none}
.handleClass {cursor: move}

.Invisible {display:none!important}
.Visible {display:block!important}

.account {float:right; margin-right:15px}

/* For calendar day display.. */
.noneBusinessDay {background:url(/images/bgcode.gif)}
.AddThisClass {float:left; display:inline; margin: 3px 30px 0px 10px}
.CalendarSelectedDay {border: 1px solid #ee2e24; background-color:Transparent!important;}

/* JQuery*/
.ui-widget {font-size:11px!important}
.ui-tabs {margin-bottom:10px}
.ui-tabs li a span {float:left;padding-right:2px}
.ui-tabs li a div {float:left; margin-left:5px}
.ui-tabs li a img {height:14px; border:none}
.ui-tabs .ui-tabs-nav li a {padding:0.1em 1em;}       
#tabs {margin-right:10px}
.ui-tabs-hide{display:none}
.ui-helper-clearfix {display:inline-block}

/* Vehicle selector */
#Switcher {float:left; width:200px; height:60px; position:absolute; left:0px }
#Switcher ul#nav, #dock ul#nav ul {margin: 0px;padding: 0px;list-style: none;}
#Switcher ul#nav li {display: inline;float: left;text-indent: 0px;margin: 2px;}
#Switcher ul#nav li a {display: block;text-decoration: none;}
#Switcher ul#nav li {width: 40px;height: 40px;line-height: 40px;}
#Switcher ul#nav img {width: 100%;height: 100%;border: 0;display: block;}
#dock {position:absolute; height: 58px;line-height: 58px;text-align: center;z-index:255}

/* translator*/
#Translator {float:left; width:167px; height:60px; position:absolute; left:804px}
#Translator .goog-te-gadget .goog-te-combo { margin:4px 0 0 31px}