/* 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/2011/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; }
.tiny {font-size:9px}

#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/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: 390px; 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/rollover/rollover_burton2.gif) top left no-repeat; width: 43px; height: 60px; }
#burton a { background: url(/images/rollover/rollover_burton2.gif) 0 -60px no-repeat; width: 43px; height: 60px; }

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

#hellyhansen { background: url(/images/rollover/rollover_hh.gif) top left no-repeat; width: 60px; height: 44px; }
#hellyhansen a { background: url(/images/rollover/rollover_hh.gif) 0 -44px no-repeat; width: 60px; height: 44px; }

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

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; }
textarea {resize: none;}  /* For ff4, chrome. */

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

.Ascending {background-image:url(/images/triangle-1-s.gif); background-repeat: no-repeat; background-position: -2px 3px}
.Descending {background-image:url(/images/triangle-1-n.gif); background-repeat: no-repeat; background-position: -2px 3px}

/* */
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; }
.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: #E0ECF8; 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; z-index:255}
.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; }

#LoginThing_Menu { padding-left: 12px; margin-left: 0; float: left; width: 900px; }
#LoginThing_Menu li a.static { padding-right: 20px; }
.MenuClass .spacer { margin: 0px 10px 0px 40px; display: inline; }
.MenuClass .highlight { font-weight: bold; }

#WhiteBackground { background: white; }
#text div.ui-tabs-panel { position: relative; }
#text div.slideRight { float: right; margin: 0px 0px 10px 10px; }
#text div.slideLeft { float: left; margin: 0px 10px 10px 0px; }

/* 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 { }

/* 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-tabs .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; }