/******************************************************************************
** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS
*******************************************************************************
**
** <div id="ORIGINAL_IDWidgContainer" class="widgContainer">
**     <ul id="ORIGINAL_IDWidgToolbar" class="widgToolbar">
**         <li id="BUTTON_ID" class="widgEditButton">
**             <a></a>
**         </li>
**         <li class="widgEditSelect">
**             <select>
**             </select>
**         </li>
**     </ul>
**     <iframe id="ORIGINAL_IDWidgIframe" class="widgIframe">
**     </iframe>
**     <textarea id="ORIGINAL_IDWidgTextarea" class="widgEditor">
**     </textarea>
** </div>
*/

/* TOOLBAR BUTTONS */

.widgToolbar a
{
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
}

.widgToolbar a:hover
{
	background-position: 0 -30px;
}

.widgToolbar a:active
{
	margin-top: 2px;
	margin-left: 2px;
	background-position: 0 -60px;
}

.widgToolbar li.on a, .widgToolbar li.on a:hover
{
	background-position: 0 -60px;
}

.widgToolbar li.widgEditButton
{
	background-image: url(../images/widgeditor_button_shadow.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.widgButtonBold
{
	background-image: url(../images/widgeditor_button_bold.gif);
}

.widgButtonHTML
{
	background-image: url(../images/widgeditor_button_html.gif);
}

.widgButtonImage 
{
	background-image: url(../images/widgeditor_button_image.gif);
}

.widgButtonItalic 
{
	background-image: url(../images/widgeditor_button_italic.gif);
}

.widgButtonLink
{
	background-image: url(../images/widgeditor_button_link.gif);
}

.widgButtonOrdered
{
	background-image: url(../images/widgeditor_button_ordered.gif);
}

.widgButtonUnordered
{
	background-image: url(../images/widgeditor_button_unordered.gif);
}

.widgSource a
{
	background-image: url(../images/widgeditor_button_empty.gif);
	cursor: default;
}

.widgSource li.on a, .widgSource li.on a:hover
{
	background-position: 0 0;
}

.widgSource .widgButtonHTML
{
	background-image: url(../images/widgeditor_button_html.gif);
}

.widgSource .widgButtonHTML:hover
{
	cursor: pointer;
}




/* TOOLBAR */

.widgToolbar
{
	list-style: none;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 0 0 2px;
	border: 1px solid #CCCCCC;
	background-image: url(../images/widgeditor_toolbar_bg.gif);
	background-repeat: repeat-x;
}

* html .widgToolbar
{
	width: auto;
}

.widgToolbar li
{
	display: inline;
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 9px;
	margin-left: 7px;
	line-height: 30px;
}




/* EDITING AREA */

.widgIframe
{
	clear: left;
	width: 100%;
	height: 200px;
	border-top-width: 1px;
}

.widgContainer textarea.widgEditor
{
	clear: left;
	width: 100%;
	height: 200px;
	border-top-width: 1px;
	padding: 0;
}




/* EDITOR CONTAINER */

.widgContainer
{
}

/*** css and html design: homage to Apple ADC web developers 

<p id="skip"></p>
<div id="scooteria_header">
  <div class="clearer"></div>
</div>
<div class="topcorners"></div>
<div id="container"> 
  <div id="main">
    <div id="header">
      <a><img/></a>
      <table id="localnav"></table>
    </div>
    <div id="content"></div>
    <div id="sidebar"></div>
    <div class="clearer"></div>
  </div>
  <div class="bottomcorners"></div>
  <div id="footer"></div>
</div>

*/

/*** HTML ***/

body{margin:0;padding:0;background:#be9f22 url(/images/body_bg3.jpg) repeat-x left -52px;text-align:center;font:11px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif;color:#444;}

table { clear:both; width:100%; margin:0 0 1.6em; padding:0; }
table,td {font:11px 'Lucida Grande',Geneva,Verdana,Arial,sans-serif;color:#000;}

pre{background-color:#eee;padding:10px;font-size:11px;}

a {outline:none;-moz-outline:none;text-decoration:none;color:#204e9b;}
a:hover { text-decoration:underline; }
a.more { font-weight:bold; color:#666; background:url(/images/arrow_yellow.png) right 3px no-repeat; margin:0 0 1.8em 0; padding-right:13px; }
/*\*/ *html #main a.more { background-image:url(/images/arrow_yellow_onwhite.gif); } /**/

img, div { behavior:url(/javascripts/iepngfix.htc); }
img { border:0; }
.left { float:left; margin:2px 10px 5px 0; border:0; }
.center { text-align:center; }
.right { float:right; margin:2px 0 5px 10px; border:0; clear: right; }
.text_right {text-align:right;}
.across { margin:0 0 10px 0; border:0; }
.vert-mid {vertical-align:middle; padding:0 1em;}
.border { border:1px solid #ccc; }
.divider { margin:0 -5px 2em -10px; padding:2em 5px 0 5px; border-top:1px solid #ccc; }
.plain, 
.first, 
.nav { padding-top:0; border:0; }
.alert {background: red; color: white; padding: 0.5em;}

ul { margin:0; padding:0 0 1.2em 1.5em; }
ul.circle { list-style:circle outside; margin:0 0 0 16px; padding:0 0 1.2em 0; }
ol { list-style:decimal; margin:0 0 0 2.8em; padding:0 0 1.2em 0; }
li { padding-bottom:.3em; }
ul ul.circle { margin-top:.3em; }
ol.last { padding:0; }
ul.last { padding:0; }
li.last { padding:0; }

dl dt { color:#333; font-size:11px; font-weight:bold; padding:0 0 .3em 0; margin-top:1.2em; }
dl dd { margin:0; padding:0 0 .3em 0; }
dl.dtlinks dt { padding-left:16px; background:url(/images/arrow_gray.png) left .3em no-repeat; }
/*dl.dtlinks dt a { color:#333; }*/
dl.dtlinks dd { margin-left:16px; }
dl.dtlinks dd h2 { font-size:13px!important; }
dl.last { padding:0; }

p { margin:0 0 0.5em 0; }
p.last { margin-bottom: 2em !important; }
p.intro { font-weight:bold; }
div.introtext { font-size: 12px; line-height:1.6em;}
p.center {text-align:center;}
p.lite { color:#79767c; }

h1 { font-size:20px; font-weight:normal; margin:0 0 .8em 0; color:#6688aa; line-height: 1.5em;}
h2 { font-size:14px; font-weight:normal; margin:2em 0 1em 0; color:#6688aa; }
h3 { font-size:13px; margin:0 0 .3em 0; color:#000; }
h4 { font-size:12px; margin:0 0 .3em 0; color:#000; }

strong { color:#000; }

/*** Misc ***/
.price span{font-size:smaller;}
p.date_stamp{text-transform:uppercase;border-top:1px dotted #999;text-align:right;font-size: smaller; padding:0 1em 0 0; margin:1em -10px -10px -10px;}
p.petrol_price_watch{font:normal normal normal 60px Impact,Arial,sans-serif;color:black;text-align:center;margin-bottom:0;}
div.sale{text-align:center;padding:1em;margin-bottom:2em;margin-left:0;margin-right:1em;background-color:#FF0000;color:#FFFFFF;font-weight:bold;-webkit-border-radius:10px;border-radius:10px;-moz-border-radius:10px;}
div.sale h1 { font-size: 24px; color: #FFFFFF; font-weight: bold; }
div.sale h3 { font-size: 18px; color: #FFFFFF; font-weight: bold; }
div.sale h1 span, div.sale h3 span { font-weight: normal; }
div.sale a { color: white; text-decoration:underline;}
div.sale p { font-size: 16px; color: #FFFFFF; font-weight: bold; }
div.promo {text-align:center;padding:1em;margin-bottom:2em;margin-left:0;margin-right:1em;background-color:#FF7F00;color:#FFFFFF;font-weight:bold;-webkit-border-radius:10px;border-radius:10px;-moz-border-radius:10px;}
div.promo h1 { font-size: 24px; color: #FFFFFF; font-weight: bold; }
div.promo h3 { font-size: 18px; color: #FFFFFF; font-weight: bold; }
div.promo h1 span, div.promo h3 span { font-weight: normal; }
div.promo a { color: white; text-decoration:underline;}
div.promo p { font-size: 16px; color: #FFFFFF; font-weight: bold; }


div.clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; }
#skip { display: none; }
/*** Logo and Scene Links ***/
#scooteria_header { width:800px; margin:0px auto 10px auto; text-align:left; }
#scooteria_header #scooteria_logo { float:left; margin-bottom:5px; margin-top:9px;overflow:visible;}
#scooteria_header a:link, #scooteria_header a:active, #scooteria_header a:visited { color:#fff; }
#scooteria_header span { color:#e4e4e4; font-size:13px; }
#scooteria_header #scoot_connect { float:right;padding-top:24px; font-size: 120%; text-align: center;}
/*#scooteria_header #scoot_connect { float:right;padding-top:24px; font-size: 110%;}*/

/*** Top and Bottom Corners ***/
.topcorners { width:800px; height:20px; margin:10px auto -15px auto; padding:0 5px; background:url(/images/main_bgtop7.png) no-repeat right top; position:relative; z-index:100; }
/*\*/ *html .topcorners { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main_bgtop7.png', sizingMethod='scale'); } /**/
.bottomcorners { width:800px; height:20px; margin:-17px auto 0 auto; padding:0 5px; background:url(/images/main_bgbottom16.png) no-repeat left top; position:relative; z-index:100; }
/*\*/ *html .bottomcorners { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main_bgbottom16.png', sizingMethod='scale'); } /**/

/*** Main Content (Header, Content, Sidebar) ***/
#main { font-size:12px; line-height:1.4em; }
#main { width:750px; margin:0 auto; padding:20px 30px 10px; background:url(/images/main_bgmiddle.png) repeat-y left top; text-align:left; }
/*\*/ *html #main { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main_bgmiddle.png', sizingMethod='scale'); } /**/
/*\*/ *html #main.full { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main_full_bgmiddle.png', sizingMethod='scale'); } /**/

/*** Header Hero Image and Site Navigation ***/
/*#header { margin-bottom:.6em; }*/
#header { margin:-20px -25px 0 -25px; padding-bottom:0; }
#header img { float:left; }

#header table#localnav { clear:both; width:800px; margin:0; padding:0; }
#header table#localnav td { text-shadow:#333 0 1px 3px; font-weight:bold; font-size:11px; text-align:center; }
#header table#localnav td a { text-transform:uppercase; display:block; padding:.7em 0 .8em; color:#FFFFFF; white-space:nowrap; background:url(/images/localnav1.gif) repeat-x left top; }
#header table#localnav a:link, 
#header table#localnav a:active, 
#header table#localnav a:visited { color:#FFFFFF; }
#header table#localnav td a:hover { background-position:left -81px; text-decoration:none; }
#header table#localnav td.first a { padding-left:10px; }
#header table#localnav td.last a { padding-right:10px; }
#header table#localnav td a.on { background-position:left -162px; color:#000!important; text-shadow:none; }

/*** Content ***/
#content { float:left; width:465px; min-height:210px; margin: 20px auto; }
/*#content h1 { margin-top:-.1em; line-height:1.2em; color:#000; font-size:22px; font-weight:bold; letter-spacing:-1px; }*/
/*#content h2.subhead { margin-top:-.8em; }*/
#content h3 { font-size:13px; line-height:1.4em; color:#204e9b; }
#content .box{border:1px solid rgb(153,153,153);padding:0 10px 10px 10px;margin:0 0 1.25em 0;-webkit-border-radius:10px;border-radius:10px;-moz-border-radius:10px;}
#content .box h2{border-bottom:1px solid rgb(153,153,153);padding:10px;background:#f2f2f2;margin:0 -10px 10px -10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;border-top-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;}
#content .box h2 + img + h2,#content .box h2 h3,#content .box h2 h4{border-bottom:none;padding:1em 0 ;background:none;margin:0;-webkit-border-top-left-radius:none;-webkit-border-top-right-radius:none;border-top-right-radius:none;border-top-left-radius:none;-moz-border-radius-topleft:none;-moz-border-radius-topright:none;}
#content .breath{margin:2em 0 2em 0;}
#content #apparel_search,
#content #scooter_search,
#content #accessory_search,
#content #post_search{-webkit-appearance:searchfield;-webkit-box-sizing:border-box;border:2px inset;color:black;}

div.frontpagelisting ul li img {
  clear:both;
}
div.frontpagelisting ul li {
  float: left;
  border: solid green;
}
div.frontpagelisting ul {
  list-style-type: none;
  border: solid red;
  clear:both;
}
div.frontpagelisting {
  clear:both;
}
div.frontpagelisting h2 {
  clear:both;
}


/*** Sidebar ***/
#sidebar { float:right; display:inline; width:230px; margin: 20px auto; margin-right:-30px; padding:0 30px 0 30px; font-size:10px; line-height:1.4em; }
#sidebar h2, 
#sidebar h2 a {font-size:14px;font-weight:normal;margin:0 0 .6em 0;color:black;line-height:1.26em;}
#sidebar h2 a {color:#204e9b;}
#sidebar h3 { font-size:11px; margin:0 0 .3em 0; }
#sidebar h4 { font-size:10px; margin:0; }
#sidebar div.box{border:1px solid rgb(153,153,153);padding:0 10px 10px 10px;margin:0 0 1.25em 0;background:white;-webkit-border-radius:10px;border-radius:10px;-moz-border-radius:10px;}
#sidebar div.box h2{border-bottom:1px solid rgb(153,153,153);padding:10px;background:#f2f2f2;margin:0 -10px 10px -10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;border-top-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;}

#sidebar p.date_stamp{font-size: 9px;}
#sidebar div.skype  { background:url(/images/skype.png) no-repeat bottom right; }
/*\*/ *html .skype { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/skype.png', sizingMethod='scale'); } /**/

#sidebar div.nav { padding:0; margin-top:-.8em; }
#sidebar div.nav h2 { padding:1em 19px .7em; margin:0; border-bottom:1px solid rgb(243,243,243); background:#ECD876 url(/images/sidebar_nav_bgtop1.gif) no-repeat top left; position:relative; }
#sidebar div.nav ul { list-style:none outside; margin:0; padding:0 0 1.2em 0; }
#sidebar div.nav ul { margin-bottom:1.1em; padding-bottom:1px; }
#sidebar div.nav ul li, 
#sidebar div.nav dl dt { font-weight:bold; padding:0 0 .3em 16px; margin-top:.6em; background:url(/images/arrow_gray.png) left .3em no-repeat; }

#sidebar div.nav ul li a, 
#sidebar div.nav dl dt a { color:#333; }
#sidebar div.nav dl dd { margin-left:16px; }

#sidebar div.nav ul li ul { margin-bottom: -15px; }
#sidebar div.nav ul li ul a { font-weight:bold; }

#sidebar div.nav div.navitems { padding:.3em 0 0 0; margin:0; background:#be9f22 url(/images/sidebar_nav_bg1.gif) no-repeat top left; }
#sidebar div.nav div.navitems ul { padding:0 16px 1.3em; margin-bottom:0; background:url(/images/sidebar_nav_bgbottom1.gif) no-repeat bottom left; }
#sidebar div.nav div.navitems ul li { margin-bottom:-.3em; padding-bottom:0; background-image:url(/images/sidebar_nav_arrowcircle1.gif); }

#sidebar div.nav div.navitems ul li ul { display:none; padding:0 0 .6em; margin:-.4em 0 0; background:none; }
#sidebar div.nav div.navitems ul li ul li { padding:0 0 0 10px; background:url(/images/sidebar_nav_arrow1.gif) no-repeat left .3em; }

#sidebar div.nav div.navitems ul li ul li ul { display:none !important; }
#sidebar div.nav div.navitems ul li ul li ul li { padding:0 0 0 11px; background:url(/images/sidebar_nav_bullet1.gif) no-repeat 1px .5em; }

#sidebar div.nav div.navitems dl { padding:0 16px 1.3em; margin-bottom:0; background:url(/images/sidebar_nav_bgbottom1.gif) no-repeat bottom left; }
#sidebar div.nav div.navitems dl dt { color:#fff; margin-bottom:0; padding-bottom:0; background-image:url(/images/sidebar_nav_arrowcircle1.gif); }
#sidebar div.nav div.navitems dl dt a { color:#fff; }
#sidebar div.nav div.navitems dl dd { color:#fff; font-weight: bold; margin-bottom:0; padding-bottom:0; }
#sidebar div.nav div.navitems dl dd strong { color:#fff; margin-bottom:0; padding-bottom:0; }
#sidebar div.nav div.navitems dl dd.navsubmit {padding-top:0.5em;}

/***** Footer *****/
#footer{width:800px;margin:0 auto;padding:0 10px;background:none;text-align:left;}

/***** Rails Errors & Scaffold *****/
.fieldWithErrors{background-color:red;color:white;font-weight:bold;display:inline-block;}
.fieldWithErrors .widgContainer .widgToolbar{width:450px;}
#errorExplanation{border:1px solid red;padding:7px;padding-bottom:12px;margin-bottom:20px;background-color:#f0f0f0;}
#errorExplanation h2{text-align:left;font-weight:bold;padding:5px 5px 5px 15px;font-size:12px;margin:-7px;background-color:#c00;color:#fff!important;}
#errorExplanation p {color:#333;margin-bottom:0;padding:5px;margin-top:1em;}
#errorExplanation ul li{padding-left:1em;margin-left:2em;list-style:square;}
#notice,#error{border-width:2px;border-style:solid;color:black;font-weight:bolder;padding:1em;text-align:center;margin:1em auto 3em auto;}
#notice{border-color:#008000;background-color: #66FF66;}
#error{border-color:#E01E10;background-color:#EEA7A5;}

/*** print ***/
@media print {
.print{display :block;}
body,#scooteria_header,#main,#content,#sidebar,a{float :none;width :100%;margin :0;padding :0;background :#fff;color :#000 !important;font-size :12px !important;}
.topcorners,.bottomcorners{display :none;}
#scooteria_header #leftlinks,#scooteria_header #rightlinks{display :none;}
#header table#localnav{display :none;}
#content,#sidebar{width :800px;margin :0 auto;}
#sidebar div.nav{display :none;}
#sidebar{border-top :1px solid #a1a5a9;padding-top :1.6em;}
}