html, body { height:100%; width:100%; padding:0; margin:0;min-height: 100%; }
body { background-image:url(../_images/bgBody.jpg); background-repeat:no-repeat; background-color:#000; background-position:50% 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; }
a:focus, a:hover, a:active { outline:none } /* fix outline link  */
#wrapper { width:100%; min-height: 100%; height: auto !important; height: 100%;background-image:url(../_images/bgRepeat.gif); background-repeat:repeat; display: table;}

/* TEMP PAGE */
#content_temp { position:relative; top:200px; width:745px; height:226px; margin:0 auto; }

/* HEADER */
#header { position: relative; margin:0 auto; width:950px; top:0px; z-index:10; }
#header #top_menu { position: relative; background-repeat:no-repeat; width:950px; height:37px; }
#header #top_menu div.bg { position:absolute; right:65px; top:0; width: 396px; height: 37px; margin:0; padding:0;}
#header #top_menu div.menu_items { position:absolute; right:70px; top:8px; margin:0; padding:0; }
#header #top_menu div.menu_items ul li { display:inline; list-style:none; }
#header #top_menu div.menu_items ul li a { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#ffffff; text-decoration:none; padding-left:6px; padding-right:6px;}
#header #top_menu div.menu_items ul li a:hover { color: #caa823; }
.logo { position: absolute; margin:0px 0px 0px 0px; top:22px; }
#header #menu { position: relative; left: 270px; top: 60px;}
/*#header #menu div.bg { position: absolute; right:0; top: -50px; background-image:url(../_images/menus/bg_menu.png); background-repeat:no-repeat; width: 681px; height:65px;}*/
#header #menu div.wrapper { position: relative; right:0; top: -50px;width: 681px; height:65px;}
#header #menu div.bg { position: absolute; }
#header #menu div.menu_items { position: absolute; top:12px; z-index:10 }
#header #menu div.menu_items ul { display:inline; list-style:none; margin:0 0 0 1.5em; }
#header #menu div.menu_items ul li { display:inline; list-style:none; padding: 10px 0px 0px 8px; }

#header #menu #cart { position: absolute; top:25px; width: 100px; height:30px; right: 10px; z-index:500; background-color:#fca420}
#header #menu #cart div.icon { position: absolute; width:29px; height:26px; display:block; }
#header #menu #cart div.cart_items { position: absolute; left: 35px; top:2px;  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 10px; line-height:12px; color:#ffffff; }
#header #menu div.cart_items a { color:#ffffff; text-decoration:none; }
#header #menu div.cart_arrow { position: relative; top: 30px; left: 8px; height:7px; width:12px; line-height:7px; margin:0; padding:0; }

#header #menu #cart #show_cart { position: absolute;  width: 177px; right: -10px; top:29px; padding:1px 0px 10px 0px; z-index:250; display:none; }
#header #menu #cart #show_cart #cart_content { position:relative; background-color: #fca420; width:157px; color:#ffffff; height:auto; min-height:73px; padding:20px 10px 40px 10px; background-image:url(../_images/cart/bg_checkout.png); background-repeat:no-repeat; background-position:bottom;}
#header #menu #cart #show_cart #cart_content a { color:#ffffff; text-transform:uppercase; } 
#header #menu #cart #show_cart .checkout { position: relative; background-image:url(../_images/cart/bg_checkout_bottom.png); background-repeat:no-repeat; background-position:bottom; width:177px; height:15px; margin:0; padding:0; }
#header #menu #cart #show_cart .checkout img { position: relative; float: right; width: 120px; height:39px; bottom:28px; right:5px; }


#column-1 { position: relative; margin:0 auto; width: 950px; z-index:5; top:30px; }
.overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: #000; opacity: 0.35; -moz-opacity: 0.35; filter:alpha(opacity=35); }
#column-1 .content { position: relative; width: 890px; padding: 20px; }
#column-1 .content #home { position: relative; height: 350px; min-height:350px; width: 718px; margin:0 auto; }
#column-1 .content #home .personality { position: absolute; left: 345px; top: 25px; }
#column-1 .content #home .customize { position: absolute; left: 0px; top: 128px;}
#column-1 .content #home .customize_f { position: absolute; left: -65px; top: 128px;}
#column-1 .content #home .options { position: absolute; right:5px; top: 125px; }
#column-1 .content #home .options div { padding-bottom:5px; }
.content p { color:#c0c0c0; }
.content h2 { color:#fff; }
/* _*/
.content #customize_wrapper { position: relative; }
.content #customize_wrapper div.title { float:left; max-width:585px; }
.content #customize_wrapper h2.customize { text-indent: -9999px; background-image:url(../_images/sections/titleCustomize.png); background-repeat:no-repeat; margin-left:-35px; width:339px; height:91px;}
.content #customize_wrapper h2.customize_f { text-indent: -9999px; background-image:url(../_images/sections/titleCustomize_f.png); background-repeat:no-repeat; margin-left:-35px; width:339px; height:91px;}
.content #customize_wrapper div.buy_bike_wrapper { position: relative; left:330px; z-index:100; }
.content #customize_wrapper div.buy_bike_wrapper div.add_to_cart { position: absolute; left:480px; top:60px;  }
.content #customize_wrapper div.content { position: relative; margin:0; padding:20px 0 0 10px; z-index:1000; }
.content #customize_wrapper div.content div#atom_bike_application { position:relative; width: 927px; height:500px;} 

/* components */
.content #components_wrapper {position: relative;}
.content #components_wrapper div.content { position: relative; margin:30px 0 0 0 ; padding:0; min-height:300px; }
.content #components_wrapper div.content div.categories { width: 250px; float: left; margin: 0px 20px 0px 0px; }
.content #components_wrapper div.content div.categories ul {margin: 0; padding:0;}
.content #components_wrapper div.content div.categories ul li { list-style:none; float: right; clear:both; margin:0 0 3px; 0; padding:0;}
.content #components_wrapper div.results { position: relative; width: 618px; height:398px; float:left; }
.content #components_wrapper div.results div.left { position:absolute; width:35px; height: 120px; top: 90px;}
.content #components_wrapper div.results div.middle { position:absolute; width: 551px; height:398px; left: 35px;}   
.content #components_wrapper div.results div.middle div.bg { position: absolute;  } 
.content #components_wrapper div.results div.middle div#parts_wrapper { position: absolute; margin:0; padding:0;} 
.content #components_wrapper div.results div.middle div.parts { position: relative; width:163px; height:112px; margin:10px; float: left; }
.content #components_wrapper div.results div.middle div.parts div.partsTooltip { position: absolute; opacity:0; display:none; z-index:10000; left: -30px; top: 100px; float:left; }
.content #components_wrapper div.results div.right { position:absolute; width:32px; left: 586px; top: 90px;}
.content #components_wrapper h2.components { text-indent: -9999px; background-image:url(../_images/sections/titleComponents.png); background-repeat:no-repeat; margin-left:-35px; width:468px; height:64px; }
.content #components_wrapper h2.components_f { text-indent: -9999px; background-image:url(../_images/sections/titleComponents_f.png); background-repeat:no-repeat; margin-left:-35px; width:266px; height:64px; }

/* accessories */
.content #accessories_wrapper {position: relative;}
.content #accessories_wrapper div.content { position: relative; margin:30px 0 0 0 ; padding:0; min-height:300px; }
.content #accessories_wrapper div.content div.categories { width: 250px; float: left; margin: 0px 20px 0px 0px; }
.content #accessories_wrapper div.content div.categories ul {margin: 0; padding:0;}
.content #accessories_wrapper div.content div.categories ul li { list-style:none; float: right; clear:both; margin:0 0 3px; 0; padding:0;}
.content #accessories_wrapper div.results { position: relative; width: 618px; height:398px; float:left; }
.content #accessories_wrapper div.results div.left { position:absolute; width:35px; height: 120px; top: 90px;}
.content #accessories_wrapper div.results div.middle { position:absolute; width: 551px; height:398px; left: 35px;}   
.content #accessories_wrapper div.results div.middle div.bg { position: absolute; } 
.content #accessories_wrapper div.results div.middle div.parts { position: relative; width:163px; height:112px; margin:10px; float: left }
.content #accessories_wrapper div.results div.middle div.parts div.partsTooltip { position: relative; opacity:0; display:block; z-index:10000; left: -30px; top: -10px; }
.content #accessories_wrapper div.results div.right { position:absolute; width:32px; left: 586px; top: 90px;}
.content #accessories_wrapper h2.accessories {text-indent: -9999px; background-image:url(../_images/sections/titleAccessories.png); background-repeat:no-repeat; margin-left:-35px; width:421px; height:64px;}
.content #accessories_wrapper h2.accessories_f {text-indent: -9999px; background-image:url(../_images/sections/titleAccessories_f.png); background-repeat:no-repeat; margin-left:-35px; width:429px; height:64px;}

/* gallery */
.content #gallery_wrapper {position: relative;}
.content #gallery_wrapper div.content { position: relative; margin:30px 0 0 0 ; padding:0; min-height:300px; }
.content #gallery_wrapper h2.gallery {text-indent: -9999px; background-image:url(../_images/sections/titleGallery.png); background-repeat:no-repeat; margin-left:-35px; width:296px; height:64px;}
.content #gallery_wrapper h2.gallery_f {text-indent: -9999px; background-image:url(../_images/sections/titleGallery_f.png); background-repeat:no-repeat; margin-left:-35px; width:296px; height:64px;}
.content #gallery_wrapper div.content div.img_wrapper { position: relative;width: 879px; margin-left:15px;}
.content #gallery_wrapper div.content div.img_wrapper div.img { position: relative;width: 288px; height:241px; float:left; overflow:hidden; margin-left:5px; margin-bottom:10px;}

/* shopping cart */
.content #shoppingcart_wrapper{ position:relative;}
.content #shoppingcart_wrapper h2.shoppingcart { text-indent: -9999px; background-image:url(../_images/sections/titleShoppingCart.png); background-repeat:no-repeat; margin-left:-35px; width:468px; height:64px;}
.content #shoppingcart_wrapper h2.shoppingcart_f { text-indent: -9999px; background-image:url(../_images/sections/titleShoppingCart_f.png); background-repeat:no-repeat; margin-left:-35px; width:250px; height:64px;}
.content #shoppingcart_wrapper div.content {position: relative; margin:40px 0 0 10px; padding:0; min-height:300px;}
.content #shoppingcart_wrapper div.content table { font-family:Arial, Helvetica, sans-serif; color: #eaeaea; }
.content #shoppingcart_wrapper div.content td.header { color:#5b5b5b; font-size:11px; font-weight:bold; line-height:11px;}
.content #shoppingcart_wrapper div.content td.cart_product {padding:10px 0 10px 0;}
.content #shoppingcart_wrapper div.content td.product_image {padding:0px 10px 0 0;}
.content #shoppingcart_wrapper div.content td.product_image span.product_title { font-size:12px;font-weight:bold; color:#eaeaea; text-transform:uppercase;}
.content #shoppingcart_wrapper div.content td.price { font-size:28px; font-weight:bold;}
.content #shoppingcart_wrapper div.content td.qty {font-size:28px; font-weight:bold; }
.content #shoppingcart_wrapper div.content td.product_description { font-size:11px; color:#939393; padding-right:5px; width:100%; }
.content #shoppingcart_wrapper div.content td.product_description span.product_title { font-size:14px;font-weight:bold; color:#eaeaea;}
.content #shoppingcart_wrapper div.content td.product_description ul {list-style-position:inside;}
.content #shoppingcart_wrapper div.content td.shipping { font-size:12px; color:#939393; }
.content #shoppingcart_wrapper div.content td.shipping .price { font-size:14px; color:#eaeaea; }
.content #shoppingcart_wrapper div.content td.total { font-size:28px; color:#939393; }
.content #shoppingcart_wrapper div.content td.total .price { color:#eaeaea; }
.content #shoppingcart_wrapper div.content td.empty { font-size:16px;font-weight:bold; color:#eaeaea;}

/* confirmation */
.content #confirmation_wrapper {position: relative;}
.content #confirmation_wrapper h2.confirmation {text-indent: -9999px; background-image:url(../_images/sections/titleConfirmation.png); background-repeat:no-repeat; margin-left:-35px; width:446px; height:64px;}
.content #confirmation_wrapper h2.confirmation_f {text-indent: -9999px; background-image:url(../_images/sections/titleConfirmation_f.png); background-repeat:no-repeat; margin-left:-35px; width:446px; height:64px;}
.content #confirmation_wrapper div.content { position: relative; margin:40px 0 0 10px; padding:0; min-height:300px; color:#c0c0c0; }

/* store */
.content #store{ position:relative;}
.content #store h2.store { text-indent: -9999px; background-image:url(../_images/sections/titleStore.png); background-repeat:no-repeat; margin-left:-35px; width:288px; height:64px;}
.content #store h2.store_f { text-indent: -9999px; background-image:url(../_images/sections/titleStore_f.png); background-repeat:no-repeat; margin-left:-35px; width:333px; height:64px;}
.content #store div.content {position: relative; margin:40px 0 0 25px; padding:0; min-height:300px; }

/* contact */
.content #contact_wrapper { position: relative; }
.content #contact_wrapper div.content { position: relative; margin:0; padding:20 0 0 10px; color:#c0c0c0; min-height:300px; }
.content #contact_wrapper h2.contact { text-indent: -9999px; background-image:url(../_images/sections/titleContactUs.png); background-repeat:no-repeat; margin-left:-35px; width:398px; height:64px;}
.content #contact_wrapper h2.contact_f { text-indent: -9999px; background-image:url(../_images/sections/titleContactUs_f.png); background-repeat:no-repeat; margin-left:-35px; width:448px; height:64px;}
.content #contact_wrapper div.content a { color:#00a99a;}
.content #contact_wrapper div.content a:hover { text-decoration:none;}
.content #contact_wrapper td.address_div {background-image:url(../_images/sections/contact/contact_div_horiz.gif); background-repeat:no-repeat; background-position:3px 130px; }

/* why atom */
.content #whyatom_wrapper { position: relative; }
.content #whyatom_wrapper div.content { position: relative; margin:0; padding:20 0 0 10px; color:#c0c0c0; min-height:300px; }
.content #whyatom_wrapper h2.whyatom { text-indent: -9999px; background-image:url(../_images/sections/titleWhyAtom.png); background-repeat:no-repeat; margin-left:-35px; width:398px; height:64px;}
.content #whyatom_wrapper h2.whyatom_f { text-indent: -9999px; background-image:url(../_images/sections/titleWhyAtom_f.png); background-repeat:no-repeat; margin-left:-35px; width:497px; height:64px;}
.content #whyatom_wrapper div.content a {color:#00a99a;}
.content #whyatom_wrapper div.content a:hover { text-decoration:none;}

/* faq */
.content #faq_wrapper {position: relative; font-family:Arial, Helvetica, sans-serif;}
.content #faq_wrapper h2.faq { text-indent: -9999px; background-image:url(../_images/sections/titleFAQ.png); background-repeat:no-repeat; margin-left:-35px; width:331px; height:64px;}
.content #faq_wrapper div.content { position: relative; margin:0; padding:20px 0 0 10px; color:#c0c0c0; }
.content #faq_wrapper div.content ul li { list-style-position:outside; }
.content #faq_wrapper div.content ul li a { color: #f8712d; text-decoration:none; }
.content #faq_wrapper div.content ul li a:hover { color: #f8712d; text-decoration:underline; }
.content #faq_wrapper div.content div.answer { background-image:url(../_images/sections/faq/div.png); background-position:bottom; background-repeat:no-repeat; padding: 10px 0 20px 0;}
.content #faq_wrapper div.content div.q { font-weight:bold; font-size:24px; text-transform:uppercase; color:#FFF; background-image:url(../_images/sections/faq/q.png); background-repeat:no-repeat; padding:10px 0 0 80px; min-height:50px; line-height:normal;}
.content #faq_wrapper div.content div.a { font-size:12px; color:#afafaf; background-image:url(../_images/sections/faq/a.png); background-repeat:no-repeat; background-position:-15px 0; padding:10px 0 0 80px; min-height:51px;}
.content #faq_wrapper div.content table { line-height:normal; }

/* about */
.content #about_wrapper { position: relative; }
.content #about_wrapper div.content { position: relative; margin:0; padding:20 0 0 10px; color:#c0c0c0; min-height:300px; }
.content #about_wrapper h2.about { text-indent: -9999px; background-image:url(../_images/sections/titleAbout.png); background-repeat:no-repeat; margin-left:-35px; width:240px; height:64px;}
.content #about_wrapper h2.about_f { text-indent: -9999px; background-image:url(../_images/sections/titleAbout_f.png); background-repeat:no-repeat; margin-left:-35px; width:336px; height:64px;}

/* terms and conditions */
.content #terms_wrapper {  position:relative; }
.content #terms_wrapper div.content { position: relative; margin:0; padding:20px 0 0 10px; color:#c0c0c0; }
.content #terms_wrapper div.content ol { list-style-position:inside; margin:10px; }
.content #terms_wrapper h2.terms { text-indent: -9999px; background-image:url(../_images/sections/titleTerms.png); background-repeat:no-repeat; margin-left:-35px; width:602px; height:64px;}
.content #terms_wrapper h2.terms_f { text-indent: -9999px; background-image:url(../_images/sections/titleTerms_f.png); background-repeat:no-repeat; margin-left:-35px; width:635px; height:64px;}
.content #terms_wrapper div.content ol li { color: #c0c0c0; }
.content #terms_wrapper div.content .title { color:#ffffff; font-size:14px; font-weight:bold;}


/* privacy policy */
.content #privacy_wrapper {  position:relative; }
.content #privacy_wrapper div.content { position: relative; margin:0; padding:20px 0 0 10px; color:#c0c0c0; }
.content #privacy_wrapper h2.privacy { text-indent: -9999px; background-image:url(../_images/sections/titlePrivacy.png); background-repeat:no-repeat; margin-left:-35px; width:484px; height:64px;}
.content #privacy_wrapper h2.privacy_f { text-indent: -9999px; background-image:url(../_images/sections/titlePrivacy_f.png); background-repeat:no-repeat; margin-left:-35px; width:846px; height:64px;}
.content #privacy_wrapper div.content ul li { color: #c0c0c0; }
.content #privacy_wrapper div.content .title { color:#ffffff; font-size:14px; font-weight:bold;}
.content #privacy_wrapper div.content a {color:#00a99a;}
.content #privacy_wrapper div.content a:hover { text-decoration:none;}

.color_notice { width:100%; text-align:right; margin:25px 0 0 0; padding:0; font-size:10px; color: #fca420; font-style:italic;}

* html #column-1 .overlay { height: expression(document.getElementById("column-1").offsetHeight); }

/* BOTTOM */
#bottom {position: relative; margin:0 auto; width:975px; margin-top:50px; }
#bottom #latest_news_wrapper { position: relative; float:left; width:564px; height:146px; }
#bottom #latest_news_wrapper div.latest_news_bg { position: absolute; width:564px; height:146px}
#bottom #latest_news_wrapper div.more { position: relative; left:215px; top:17px; }
#bottom #latest_news_wrapper div.twitters { position:relative; left: 185px; top:30px; width:365px; height:70px; vertical-align:middle; overflow:hidden; }
#bottom #questions { position: relative; float:left; width:564px; height:146px; }
#bottom #questions div.questions_bg { position: absolute; width:564px; height:146px}
#bottom #questions div.questions_content { position: relative; left:187px; top:80px; color:#ffffff; font-size:11px; }
#bottom #questions div.questions_content div.call_us {float:left; margin-right:15px;}
#bottom #questions div.questions_content div.call_us span {font-size:16px; color:#00ac9c;}
#bottom #questions div.questions_content div.email_us {float:left; padding-left:15px; background-image:url(../_images/question/div.gif); background-position: top left; background-repeat:no-repeat;}
#bottom #questions div.questions_content div.email_us a { color:#01a99a; font-size:16px;}
#bottom #questions div.questions_content div.email_us a:hover {text-decoration:none;}
#bottom #social { position: relative; float:right; width:385px; height:131px;}
#bottom #social div.share_site{ margin-top:35px; margin-left:100px; }
#bottom #social div.email{ position:absolute; top:35px; left:21px; }
#bottom #social div.delicious{ position:absolute; top:65px; left:10px; }
#bottom #social div.facebook{ position:absolute; top:43px; left:275px; }
#bottom #social div.myspace{ position:absolute; top:65px; left:270px; }
#bottom #social div.twitter{ position:absolute; top:85px; left:270px; }
#bottom div.spacer{ height:60px; min-height:60px; line-height:60px;}

/* FOOTER */
#footer_container { position: relative; width:100%; background-color:#000; padding: 20px 0 0 0; bottom:0px; }
#footer_container #footer {position: relative; margin:20px auto 0px auto; width:950px; padding-bottom:85px;}
#footer_container #footer div.links { float: left; font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; line-height:18px; }
#footer_container #footer div.links a.top { color: #f8712d; text-decoration:underline; margin-right:3px; margin-left:3px; }
#footer_container #footer div.links a.top:hover { text-decoration: none; }
#footer_container #footer div.links a.bottom { color: #ffffff; text-decoration:underline; margin-right:3px; margin-left:3px; }
#footer_container #footer div.links a.bottom:hover { text-decoration:none; }

#footer_container #footer .ola { position: relative; width:300px; float:left; margin-top: 14px; }
#footer_container #footer .ola a { position: relative; float:left; top: -5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#545454; line-height:10px; text-transform:uppercase; margin-top:8px; text-decoration:none;  }
#footer_container #footer .ola a:hover { color:#c0c0c0; }
#footer_container #footer .ola img { float:left; }


#footer_container #footer div.terms { float: right; font-size:10px; color:#ffffff; line-height:20px; }
#footer_container #footer div.terms a {  color: #ffffff; text-decoration:underline; margin-right:3px; margin-left:3px; }
#footer_container #footer div.terms a:hover { text-decoration:none; }
#footer_container #footer div.terms img { padding: 3px 0 0 3px; vertical-align:top;}

/* Twitter */
.twitters { width:400px; }
.twitterTime { font-size: 80%; color: red; }
.twitterStatus { color:#ffffff; font-size:12px; }
.twitterStatus a { color:#01a99a; }
.twitterStatus a:hover { text-decoration:none; }
.twitterTime { color:#e52638; }
.twitterTime a { color:#e52638; }
.twitterTime a:hover { text-decoration:none; }
#atomBikes ul {	list-style: none; padding: 0; margin: 0; }

object { outline:none; }