/* -------------------------------------------
project:	FunkyGreenMachine.com
date:		28.01.2009
------------------------------------------- */

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #e5dcbb url(../images/bg.png); color: #484439; font: 62.5%/1.4 Arial,Helvetica,sans-serif;  }
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica,sans-serif; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }

fieldset { border: none; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px; }
* html hr { margin: -5px 0 8px !important; }

a { color: #47a928; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #000; font: normal 2.4em Arial, Helvetica, sans-serif; }
h1 { font-size: 2.4em; font-weight: normal; color: #45b62e; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { width: 1000px; margin: 0 auto; position: relative; }
 #top { position: relative; height: 181px; z-index: 20;}
 #nav_359362 { height: 35px; margin: 0; padding: 0; background: url(../images/nav-bar.png) no-repeat; position: relative; z-index: 10; }
 #wrapper,
 #wrapper-a { background: #fff; padding: 20px; overflow: hidden; width: 960px; overflow: hidden; }
 #content { width: 721px; float: right; color: #968e77; }
  #content *:last-child { margin-bottom: 0; }
 #aside { width: 200px; float: left; } 
 
 #wrapper-a #content { width: 650px; float: left; }
 #wrapper-a #aside { width: 260px; float: right; } 
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; right: 10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; right: -10001px; top: 0; z-index: 10001; width: 400px; padding: 2px 0; background: #484439; color: #fff; font-size: 1.4em; text-align: center; }

/* GENERAL
------------------------------------------- */
 
/* Top
------------------------------------------- */
#logo { width: 360px; height: 216px;  background: url(../images/logo.png) no-repeat; position: absolute; left: -40px; top: 0; }
#logo-blog { width: 360px; height: 216px;  background: url(../images/logo-blog.png) no-repeat; position: absolute; left: -40px; top: 0; }
#logo.flash { background: none; }
 #logo a {  overflow: hidden; text-indent: -999em; display: block; width: 360px; height: 216px; }
 #logo.flash a { text-indent: -10000px; }
 #logo-blog.flash { background: none; }
 #logo-blog a {  overflow: hidden; text-indent: -999em; display: block; width: 360px; height: 216px; }
 #logo-blog.flash a { text-indent: -10000px; }
#shipping-costs { background: url(../images/shipping.png) no-repeat; height: 48px; width: 241px; text-indent: -999em; position: absolute; right: 0; top: 45px; }

#shopping-bag { background: transparent url(../images/shopping-bag.png) no-repeat; height: 68px; width: 230px; right: 0; top: 96px; position: absolute; }
 #shopping-bag h2 { position: absolute; top: -999em; }
  #shopping-bag p { position: absolute; right: 72px; top: 40px; }
   #shopping-bag p span { margin: 0 3px; color: #47a928; }  
   #shopping-bag p span#cartItems { color: #787260;; }
   
/* Navigation
------------------------------------------- */

 #nav_359362 li { position: absolute; top: 0; margin: 0; padding: 0; height: 35px; list-style: none; }
  #nav_359362 em { position: absolute; top: -999em; }
  #nav_359362 a { position: absolute; left: 0; top: 0; display: block; height: 35px; overflow: hidden; width: 100%; text-indent: -999em; text-decoration: none; background: url(../images/nav.png) no-repeat; }
  
 #nav-home { left: 544px; width: 79px; }
  #nav-home a { background-position: 0 0; } 
  #nav-home a:hover, #nav-home a:active, #nav-home a:focus { background-position: 0 -35px; }   

 #nav-about { left: 628px; width: 77px; }
  #nav-about a { background-position: -84px 0; } 
  #nav-about a:hover, #nav-about a:active, #nav-about a:focus, #nav-about a.active { background-position: -84px -35px; }   
  
 #nav-faq { left: 705px; width: 76px; }
  #nav-faq a { background-position: -161px 0; } 
  #nav-faq a:hover, #nav-faq a:active, #nav-faq a:focus, #nav-faq a.active { background-position: -161px -35px; }     
  
 #nav-account { left: 797px; width: 82px; }
  #nav-account a { background-position: -253px 0; } 
  #nav-account a:hover, #nav-account a:active, #nav-account a:focus, #nav-account a.active { background-position: -253px -35px; }   

 #nav-contact { left: 902px; width: 79px; }
  #nav-contact a { background-position: -358px 0; } 
  #nav-contact a:hover, #nav-contact a:active, #nav-contact a:focus, #nav-contact a.active { background-position: -358px -35px; }       
  
/* Footer  
------------------------------------------- */

#footer { height: 35px; background: url(../images/footer-bar.png) no-repeat; overflow: hidden; margin: 0 0 10px; }
 #footer ul { float: left; width: 600px; padding: 0 15px; line-height: 35px; }
 #footer li { display: inline; font-size: 1.1em; } 
 #footer a { color: #fff; margin: 0 5px; text-decoration: none; }  
 #footer a:hover { text-decoration: underline; }   
 
 #footer p { float: right; margin: 0; text-align: right; color: #c0b699; padding: 0 20px; line-height: 35px; width: 300px; font-size: 1.1em; }
 
 #external { margin: 0 0 15px; overflow: hidden; }
 #external p { line-height: 27px; margin: 0; width: 300px; padding: 0 20px; color: #787260; font-size: 1.1em; }
  #external p img { vertical-align: middle; } 
  
 #external p.social { float: left;  }
  #external p.social span { visibility: hidden; }
 #external p.designby { float: right; text-align: right; } 
  #external p.designby a { text-decoration: none; font-weight: bold; color: #787260; } 
  #external p.designby a:hover { text-decoration: underline; }   
  
/* Aside
------------------------------------------- */  
#aside h2 { height: 26px; width: 77px; background: url(../images/headers/shop.png) no-repeat; text-indent: -999em; }
 #aside h3 { color: #484439; font: bold 1.6em/1 Arial, Helvetica, sans-serif; padding: 9px 0 0; background: url(../images/dotted-hr.png) repeat-x; margin: 0 0 8px; }
  #aside h3 a { display: block; background: url(../images/aside-trigger.png) 188px 100% no-repeat; color: #484439; text-decoration: none; width: 180px; padding: 0 20px 0 0; }
  #aside h3 a:hover { color: #484439; text-decoration: none; }
  #aside h3.open a { background-position: 100% 100%; }  
  
#aside ul { margin: 0 0 9px; padding: 9px 0 0; background: url(../images/dotted-hr.png) repeat-x; }
 #aside li  { margin: 0; padding: 0; list-style: none;}
  #aside a { color: #787260; text-decoration: none; }
  #aside a:hover, #aside a.active { color: #fd6c31; text-decoration: underline; }
  
#aside form.brand-filter,
#aside form.price-filter { margin: 0 0 9px; padding: 9px 0 0; background: url(../images/dotted-hr.png) repeat-x; }
 #aside form.brand-filter label,
 #aside form.price-filter label { color: #787260; font: bold 1.4em/1.4 Arial, Helvetica, sans-serif; display: block; margin: 0 0 5px; text-transform: uppercase; }
 #aside form.brand-filter select,
 #aside form.price-filter select { font-size: 1.2em; width: 200px; } 
 #aside form.brand-filter button,
 #aside form.price-filter button { margin: 5px 0 0; font-size: 1.2em; }  
 
 #aside h3.specials { font-size: 1.4em; text-transform: uppercase; }
  #aside h3.specials a { color: #fd6c31; display: block; padding: 0 0 9px; background: url(../images/dotted-hr.png) 0 100% repeat-x; width: 200px; }
  
 #aside form.search-form div { background: #484439; padding: 10px; width: 180px; margin: 0 0 10px; overflow: hidden; }
  #aside form.search-form label { color: #c0b699; font: bold 1.4em/1.4 Arial, Helvetica, sans-serif; margin: 0 0 5px; display: block; }
  #aside form.search-form input { width: 130px; padding: 3px 5px; font-size: 1.2em; font-size: 1.2em; float: left; }
  #aside form.search-form button { color: #c0b699; font: bold 1.4em/1.4 Arial, Helvetica, sans-serif; border: none; background: #484439; text-transform: uppercase; width: 35px; float: left; display: block; line-height: 23px; height: 23px;}
  
  #aside ul.misc a { color: #fff; background: #c0b699; display: block; width: 180px; padding: 8px 10px; font: bold 1.4em/1.4 Arial, Helvetica, sans-serif; margin: 0 0 1px; }
   #aside ul.misc a:hover { color: #fff; text-decoration: none; }  
   #aside ul.misc a.certificates { background: #c0b699 url(../images/gift-certificates.png) no-repeat; width: 200px; height: 58px; padding: 0; text-indent: -999em; overflow: hidden; }  
  

/* Home page
------------------------------------------- */  

#home-intro { width: 721px; height: 200px; text-indent: -999em; background: url(../images/copy/home-intro.gif) no-repeat; margin: -20px 0 -3px; position: relative; z-index: 20; }

#home-categories { padding: 9px 8px 8px 10px; background: url(../images/home-categories.jpg) no-repeat; width: 721px; height: 305px; margin: 0 -8px 15px -10px; position: relative; z-index: 10; }
 #home-categories li { width: 359px; float: left; height: 151px; margin: 0 1px 1px 0; padding: 0; list-style: none; }
  #home-categories li a { width: 359px; height: 151px; display: block; text-indent: -999em; overflow: hidden; text-decoration: none; } 
  
h2.header-featured-products { background: url(../images/headers/featured-products.png) no-repeat; width: 216px; height: 21px; text-indent: -999em; }
div.featured-belt { overflow: hidden; height: 180px; position: relative;}
ul.featured-products { overflow: hidden; margin: 0 0 15px; padding: 0; }
 ul.featured-products li { margin:0; padding: 0; width: 180px; height: 180px; float: left; list-style: none; }

#home-other { overflow: hidden; }
#home-other a { display: block; height: 35px; float: left; overflow: hidden; text-indent: -999em; }
 #home-other span { position: absolute; top: -999em; } 
 #home-other a.blog { width: 307px; background: url(../images/button-blog.png) no-repeat; }
 #home-other a.newsletter { width: 406px; background: url(../images/button-newsletter.png) no-repeat; float: right; }
 
/* Subpage
------------------------------------------- */  
#content h1 { margin: 8px 0 15px; padding: 0 0 7px; background: url(../images/dotted-hr.png) 0 100% repeat-x; } 
 #content h1 span { color: #eae3c8; margin: 0 5px; } 
#content a { color: #fd6c31; text-decoration: none; font-weight: bold; }
#content a:hover { text-decoration: underline; }
 #content .figure-a { float: right; margin: 0 0 10px 30px; width: auto; }
 #content .figure-a img { display: block; } 
 
 #content div.crew { overflow: hidden; margin: 0 0 15px; padding: 0 0 0 170px; position: relative; min-height: 150px; width: 551px;}
 #content div.crew h2 { color: #484439; font: bold 1.5em/1 Arial, Helvetica, sans-serif; margin: 0 0 10px; } 
 #content div.crew a { text-decoration: underline; }  
 #content div.crew a:hover { text-decoration: none; }   
 #content div.crew *:last-child { margin-bottom: 0; }
 #content div.crew p.figure { position: absolute; left: 0; top: 0; }
 
/* Contact  
------------------------------------------- */  
#contact-intro { height: 172px; width: 721px; margin: 0 0 -3px; background: url(../images/copy/contact-intro.gif) no-repeat; text-indent: -999em; position: relative; }
 #contact-intro a { position: absolute; left: 127px; top: 100px; display: block; width: 270px; height: 25px; overflow: hidden; }
 
.contact-form { display: block; position: relative; padding: 30px 23px; background: url(../images/contact-bg.png) no-repeat; width: 693px; height: 396px; margin: 0 -8px 15px -10px; overflow: hidden; color:#787260; }
.login-form { display: block; position: relative; width: 693px; color:#787260; padding: 0; }
 .login-form h2 { margin: 30px 0 10px 0; font-size: 1.4em; font-weight: bold; color:#787260;}
 .login-form h2.lost-password { color: #fd6c31; font-size: 1.2em; margin: 40px 0 10px 0; }
 .contact-form p, 
 .login-form p { overflow: hidden; margin: 0 0 8px; position: relative; width: 100%; }
  .contact-form label, 
  .login-form label { width: 105px; margin-right: 20px; float: left;  }
  .contact-form em, 
  .login-form em { position: absolute; left: 112px; top: 4px; background: url(../images/mandatory.png) no-repeat; width: 8px; height: 8px; text-indent: -999em; }  
  .contact-form input, 
  .login-form input { width: 280px; padding: 2px; float: left; border: 1px solid #c9c9c9; }
  .contact-form p.checkbox input, 
  .login-form p.checkbox input { width: 20px; background-color: red; padding: 0; float: left; margin: 1px 5px 0 0; vertical-align: middle; border: none; }
  .contact-form p.checkbox label.desc,
  .login-form p.checkbox label.desc { font-size: 0.92em; width: 400px; }  
  
  .login-form p.amount input { border: none; font-size: 1.5em; font-weight: bold;}
  
  /* fix for invalid padding */
  *:first-child+html .contact-form p.checkbox label.desc,
   *:first-child+html .login-form p.checkbox label.desc { padding: 3px 0 0; }
  * html .contact-form p.checkbox label.desc,
  * html .login-form p.checkbox label.desc { padding: 3px 0 0; }  
  
  .contact-form textarea,
  .login-form textarea  { width: 487px; height: 56px; float: left; padding: 2px; border: 1px solid #c9c9c9; overflow: auto; }
  
  .contact-form p.captcha label,
  .login-form p.captcha label,
  .login-form p.lost-password label { display: block; float: none; margin: 5px 0 8px; font-size: 1em; width: 500px; }
  .login-form p.lost-password input { margin: 0 8px 0 0; float: none;}
  .contact-form p.captcha input,
  .login-form p.captcha input { width: 140px; margin: 0 10px 0 0; padding: 7px; }  

 .contact-form p.mandatory,
 .login-form p.mandatory { position: absolute; right: 25px; top: 25px; text-align: right; width: 100px; font-size: 1.1em; }
  .contact-form p.mandatory em,
  .login-form p.mandatory em { left: 0; text-align: left; } 
  
 .contact-form button { text-indent: -999em; width: 67px; height: 30px; background: url(../images/button-submit.png) no-repeat; overflow: hidden; border: none; display: block; }
 .login-form button.login { text-indent: -999em; width: 83px; height: 30px; background: url(../images/button-login.png) no-repeat; overflow: hidden; border: none; display: block; }
 .login-form button.getpassword { text-indent: -999em; width: 124px; height: 20px; background: url(../images/button-getpassword.png) no-repeat; border: none; }
 .login-form .submit button { text-indent: -999em; width: 67px; height: 30px; background: url(../images/button-submit.png) no-repeat; overflow: hidden; border: none; }

/* Shopping bag  
------------------------------------------- */   
#shopping-cart-form table { width: 100%; border-collapse: collapse; margin: 0 0 20px; background: url(../images/dotted-hr-large.png) 0 100% repeat-x;}
 #shopping-cart-form .col2 { width: 100px; }
 #shopping-cart-form .col3 { width: 85px; } 
 #shopping-cart-form .col4 { width: 75px; }  
 #shopping-cart-form .col5 { width: 100px; }  
 #shopping-cart-form .col6 { width: 70px; } 
  #shopping-cart-form thead th { color: #54514c; font: bold 1.5em/1.4 Arial, Helvetica, sans-serif; text-align: left; padding: 0 2px 17px; background: url(../images/dotted-hr.png) 0 100% repeat-x; border-bottom: 20px solid #fff; }
  #shopping-cart-form td { color: #787260; padding: 6px 2px; }
  
#shopping-cart-form td.remove a { color: #787260; font-weight: normal; text-decoration: underline; }  
 #shopping-cart-form td.remove a:hover{ text-decoration: none; }  
 
 #shopping-cart-form td.quantity input { width: 60px; }   
 
 #shopping-cart-form tbody tr.subtotal th { text-align: left; color: #45b62e; font: bold 1.2em/1.4 Arial, Helvetica, sans-serif; background: url(../images/dotted-hr.png) repeat-x; border-top: 20px solid #fff; padding: 15px 2px 8px;}
 #shopping-cart-form tbody tr.subtotal td { border-top: 20px solid #fff; background: url(../images/dotted-hr.png) repeat-x; padding: 15px 2px 8px; } 
 
 #shopping-cart-form tbody tr.code th { padding: 8px 2px; color: #968e77; text-align: left; }
  #shopping-cart-form tbody tr.code td input { margin-right: 8px;  } 
   #shopping-cart-form tbody tr.code td button { border: 0; background: none; color: #45b62e; }   
   #shopping-cart-form tbody tr.code td button:hover { color: #45b62e; text-decoration: underline; }     
 
 #shopping-cart-form tbody tr.shipping th { text-align: left; color: #45b62e; font: bold 1.2em/1.4 Arial, Helvetica, sans-serif; background: url(../images/dotted-hr.png) 0 100% repeat-x; border-bottom: 20px solid #fff; padding: 8px 2px 15px;}
 #shopping-cart-form tbody tr.shipping td { border-bottom: 20px solid #fff; background: url(../images/dotted-hr.png) 0 100% repeat-x; padding: 8px 2px 15px; }  
 #shopping-cart-form tbody tr.shipping td span#shippingSpan { display: none; }  
 
 #shopping-cart-form tbody tr.total th,
 #shopping-cart-form tbody tr.total td { color: #fd6c31; font: bold 1.5em/1.4 Arial, Helvetica, sans-serif; text-align: left; padding: 0px 2px 20px;} 
 
 #shopping-cart-form p.submit { text-align: right; }
  #shopping-cart-form p.submit input { width: 112px; height: 30px; border: none; margin-left: 5px; text-indent: -999em; text-align: left; } 
  #shopping-cart-form p.submit input.empty { background: url(../images/button-emptybag.png) no-repeat; }   
  #shopping-cart-form p.submit input.checkout { background: url(../images/button-checkout.png) no-repeat;  }     
  
/* Product details
------------------------------------------- */

.productTable { font-size: inherit;}

#product-details { overflow: hidden; margin: 0 0 20px; width: 100%; }
 #product-details .description { width: 340px; float: right; }
  #product-details .description h2 { color: #484439; font: bold 1.5em/1 Arial, Helvetica, sans-serif; margin: 10px 0 5px; }
  #product-details .description p.author { font-size: 1.3em; padding: 0 0 15px; background: url(../images/dotted-hr-large.png) 0 100% repeat-x; }  
  #product-details .description p.details { font-weight: bold; padding: 0 0 20px; background: url(../images/dotted-hr-large.png) 0 100% repeat-x; margin: 0 0 20px; }    
  
  .productAttributes { margin: 0 0 8px 0; }
  #product-details .description p, .catProductAttributeGroup { overflow: hidden; margin: 0 0 8px; }
  #product-details .description label,
  #product-details .description span.label, .catProdAttributeTitle { width: 80px; float: left; margin-right: 5px; color: #484439; font-weight: bold; }
  .catProdAttributeTitle { font-size: 1.2em;}
  #product-details .description select,
  .catProdAttributeItem select { width: 185px; }
  .catProdAttributeItem select { font-size: 1.2em; }
  #product-details .description input
  .catProdAttributeItem input { padding: 1px 3px; width: 60px; }
  .catProdAttributeItem input { font-size: 1.2em; }
  #product-details .description strong { color: #45b62e; font-size: 1.08em; }
  #product-details .description div.submit { overflow: hidden; margin: 20px 0 0;}
   #product-details .description div.submit div.add { float: left; cursor: pointer; }   
   #product-details .description div.submit div.wishlist { float: right; }      
 
 #product-details .photo-viewer { width: 350px; float: left; } 
  #product-details .photo-viewer p { font-size: 1.1em; margin: 0 0 10px; }
  #product-details .photo-viewer p.large { margin: 0 0 5px; }  
   #product-details .photo-viewer ul { margin: 0; padding: 0; }
    #product-details .photo-viewer ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: inline;  }   
	
p.return { padding: 8px 10px; background: url(../Images/similarproducts.gif) #f7f4d4 10px 10px no-repeat; text-align: right; }
#content p.return a { color: #787260; font-weight: normal; text-decoration: underline; }	
 #content p.return a:hover { text-decoration: none; }	 
 
 
 /* Product List View
 -------------------------------------------------*/ 
.productItem { overflow: hidden; font-size: 1em; padding-bottom: 20px; }
 div.product { position: relative; height: 275px; width: 356px; float: left; } 
 div.product div.details { position: absolute; bottom: 0; left: 0; background: #f7f4d4; padding: 8px 10px; width: 340px; }  
  div.product div.details p { margin: 0; }  
  div.product div.details h3 { color: #484439; font-size: 1.2em/1; font: normal Arial, Helvetica, sans-serif; margin: 0 0 3px; }   
   #content div.product div.details h3 a {  color: #484439; font-weight: normal; text-decoration: none; }     
  div.product div.details strong { color: #45b62e; }
   #content div.product div.details p a {  color: #968e77; font-weight: normal; text-decoration: underline;  }       
   #content div.product div.details p a:hover {  text-decoration: none; }      
   
   
 /* Catalog List View
 -------------------------------------------------*/ 
.catalogueItem { overflow: hidden; font-size: 1em; padding-bottom: 20px; }
 div.fgm-catalog { position: relative; height: 275px; width: 356px; float: left; text-align: center; } 
 div.fgm-catalog div.details { position: absolute; bottom: 0; left: 0; background: #f7f4d4; padding: 8px 10px; width: 340px; }  
  div.fgm-catalog div.details h2 { color: #484439; font-size: 1.2em/1; font: normal Arial, Helvetica, sans-serif; margin: 0 0 3px; }   
   #content div.fgm-catalog div.details h2 a {  color: #484439; font-weight: normal; text-decoration: none; }     
   #content div.fgm-catalog div.details p a {  color: #968e77; font-weight: normal; text-decoration: underline;  }       
   #content div.fgm-catalog div.details p a:hover {  text-decoration: none; }      
   
 
   
/* Blog
------------------------------------------- */
#wrapper-a #aside { position: relative; }
 #wrapper-a #aside h2 { height: 28px; width: 77px; background: url(../images/headers/blog.png) no-repeat; text-indent: -999em; }
 #wrapper-a #aside p.addthis-button { position: absolute; top: 10px; right: 0; }
 #wrapper-a #aside a { text-decoration: underline; }
 #wrapper-a #aside a:hover { text-decoration: none; } 
 
 #wrapper-a #aside ul { margin: 0 0 15px; padding: 15px 0 0; }
  
#wrapper-a #aside .BlogTagCloud { margin: 0 0 9px; padding: 9px 0 0; background: url(../images/dotted-hr.png) repeat-x;}
#wrapper-a #aside .BlogTagCloud a { margin: 0 10px 0 0; text-decoration: none;}
#wrapper-a #aside .BlogTagCloud a:hover { text-decoration: underline; text-decoration: underline;} 
#wrapper-a #aside .BlogTagCloud a.BlogTagCloud-XX-Small { font-size: 1.1em; }
#wrapper-a #aside .BlogTagCloud a.BlogTagCloud-X-Small { font-size: 1.1em; }
#wrapper-a #aside .BlogTagCloud a.BlogTagCloud-Small { font-size: 1.18em; font-weight: bold; }
#wrapper-a #aside .BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.36em; font-weight: bold; }
#wrapper-a #aside .BlogTagCloud a.BlogTagCloud-Large { font-size: 1.36em; font-weight: bold;}
#wrapper-a #aside .BlogTagCloud a.BlogTagCloud-X-Large { font-size: 1.55em; font-weight: bold; }
#wrapper-a #aside .BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 1.55em; font-weight: bold; }
 
 #wrapper-a p.date { text-align: right; margin: -40px 0 35px; font-size: 1.1em; color: #484439; }
 
 #wrapper-a div.article { margin: 0 0 15px; overflow: hidden; }
 #wrapper-a div.article a { text-decoration: underline; }
 #wrapper-a div.article a:hover { text-decoration: none; } 
  #wrapper-a div.article p.figure { float: right; margin: 0 0 10px 10px; } 
  #wrapper-a div.artcile p.meta { color: #484439; overflow: hidden; }
   #wrapper-a div.article p.meta iframe { vertical-align: top; margin: 0 30px 0 0;}  
   #wrapper-a div.article p.meta a { color: #484439; font-weight: normal; margin: 0 3px; }   
   #wrapper-a div.article p.meta a.c { color: #45b62e; font-weight: bold; }       
 #wrapper-a div.article h1 a { text-decoration: none; }
 #wrapper-a div.article h1 a:hover { text-decoration: underline; }   

 #content h1 a { color: #45b62e; font-weight: normal; text-decoration: none; }     
  #content h1 a:hover { text-decoration: underline; }      
  #content h1.shop { color: #c0b699; }
 
 #wrapper-a #content h2 { color: #fd6c31; font: normal 1.7em/1.4 Arial, Helvetica, sans-serif; }  
 
.comments-list { padding: 15px; background: #f7f4d4; margin: 0 0 15px; }
 .comments-list h2 { margin: 0 0 10px; }
  .comments-list div.comment { margin: 0 0 20px; }
  .comments-list div.comment:last-child { margin: 0; }
   .comments-list div.comment h3 { color: #484439; font: normal 1.1em/1.4 Arial, Helvetica, sans-serif; padding: 0 0 5px; background: url(../images/dotted-hr.png) 0 100% repeat-x; margin: 0 0 10px; }
    .comments-list div.comment h3 span { font-weight: bold;  }   
  
.post-comment { margin: 0 0 20px; display: block; }
 .post-comment p { overflow: hidden; margin: 0 0 8px; position: relative; width: 100%; }
  .post-comment label { width: 40px; margin-right: 15px; float: left; font-size: 0.92em; color: #787260; }
  .post-comment input { width: 280px; padding: 2px; float: left; border: 1px solid #c9c9c9; }
  
  .post-comment p.textarea label { width: 200px; }
  .post-comment textarea { width: 644px; height: 56px; float: left; padding: 2px; border: 1px solid #c9c9c9; overflow: hidden; }
  
  .post-comment p.captcha label { display: block; float: none; margin: 5px 0 8px; width: 500px; }
  .post-comment p.captcha input { width: 140px; margin: 0 10px 0 0; padding: 7px; }  

 .post-comment p.submit { text-align: right; }
 .post-comment button { text-indent: -999em; width: 67px; height: 30px; background: url(../images/button-submit.png) no-repeat; overflow: hidden; border: none; }
 
#content span.pagination { overflow: hidden; margin: 0 0 15px; padding: 0; font-size: 1.4em; color: #fd6c31; font-weight: bold;} 
 #content span.pagination a { width: 25px; text-align: center; margin: 0 5px; height: 25px; line-height: 25px; color: #787260; }  
 #content a#previouspage,
 #content a#nextpage { text-align: left; font-size: 1.2em; font-weight: normal; text-decoration: underline; color: #787260;}    
  #content a#previouspage { margin-right: 20px; }     
  #content a#nextpage { margin-left: 20px; }      
  	#content a#previouspage:hover,
	#content a#nextpage:hover { text-decoration: none; }
 
 #content span.pagination .active { font-weight: bold; background: url(../images/pagination-active.png) 50% 50% no-repeat; color: #fd6c31; font-size: 1.4em; width: 25px; text-align: center; margin: 0 5px; height: 25px; line-height: 25px; } 


p.ccv { position: relative; overflow: visible; }
span.ccvExplain { display: none; position: absolute; top: -140px; right: 0; width: 400px; padding: 10px; border: 3px solid #484439; z-index: 100; background-color: #c0b699; color: #FFF; font-weight: bold;}

.faq-answer {margin: 5px 0 15px 0; color:#787260; }
.faq-question { margin: 5px 0 0 0; color: #fd6c31; }

#catCartSummary { display: none; }

#brand-detail {display: none;}
.brand #brand-detail {display: block; background: url(../images/brand-detail-tank-border.png) bottom right no-repeat; height: 190px; padding-right: 140px; }
.brand #brand-detail .text { width: 340px; float: left; padding-right: 20px; font-size: 1.2em; }
.brand #brand-detail .logo { width: 220px; height: 145px; float: right; overflow: hidden; }

/*productPopletsItem { padding: 0; margin: 0;}
.productPopletsItem a img { }
.productPoplets { width: 100%;}*/


 