@charset "UTF-8";
/* CSS Document */

/* *************************** 
  Site - ploom
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
  $7 - New Homepage Styles
   ***************************/


/* *************************** 
   $1 GLOBAL Styles
   ***************************/
   

*, iframe, iframe body {
	margin: 0;
	padding: 0;
}
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
.topnav li, .subnav li, .productfeaturelist li, .links li{
	list-style:none;
}
.floatLeft {
	float: left;	
}
.floatRight {
	float: right;	
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
.btn {
	cursor: pointer;	
}

/* *************************** 
   $2 Website Structure Styles
   ***************************/

html {
	background: url(../images/html-bg.png) repeat-y top center;
	background-color: #d3d8dc;
}


body {
	width: 1024px;
	height: 100%;
	padding:0;
	margin: 0 auto;
	text-align:center;
	position: relative;
	background: url(../images/body-bg-y.png) repeat-y top center;
	/*z-index: 1;*/
}


#outerWrapper {
	width: 1024px;
	padding:0;
	margin: 0 auto;
	position: relative;
}

/* *************************** 
   $3 Header Styles
   ***************************/

#header{
	position:fixed;
	top:0;
	height:64px;
	margin:0 auto;
	padding:0;
	width:1024px; 
	background:url(../images/header-bg.png) no-repeat scroll 0 0;
	z-index:1000; !important
	}
#header_inner { 
      width:1024px; 
	  height:64px;
	  margin: auto;
  	  text-align:left;
	  position:relative;
	  z-index:500;!important
	  }  
#header_inner_homepage { 
      width:1024px; 
	  height:84px;
	  margin: auto;
  	  text-align:left;
	  position:relative;
	  }
	   
#header h1{
	position:absolute;
	left:20px;
	top:5px;
	}
#header h1 a{
	background:url(../images/bg_logo.png) no-repeat;
	width:120px;
	height:77px;
	text-indent:-9999px;
	outline-style:none;
	display:block;	
}
/* NAVIGATION */
#header .topnav{
	position:absolute;
	left:181px;
	top:41px;
	}
#header .topnav li{
	float:left;
	text-transform:uppercase;
	padding-right:50px;
	font-weight:normal;
	}
#header .topnav li a:hover{
	text-decoration:none;
	}

#header .topnav li a{
	display: block;
	height: 9px;
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
}

#header .topnav li#products a {
	width: 62px;
	background: url(/images/nav-products.gif) no-repeat 0 0;
}

#header .topnav li#technology a {
	width: 81px;
	background: url(/images/nav-technology.gif) no-repeat 0 0;
}

#header .topnav li#community a {
	width: 75px;
	background: url(/images/nav-community.gif) no-repeat 0 0;
}

#header .topnav li#about a {
	width: 42px;
	background: url(/images/nav-about.gif) no-repeat 0 0;
}

#header .topnav li#retailers a {
	width: 59px;
	background: url(/images/nav-retailers.gif) no-repeat 0 0;
}

#header .topnav li#faq a {
	width: 21px;
	background: url(/images/nav-faq.gif) no-repeat 0 0;
}

#header .topnav li#support a {
	width: 54px;
	background: url(/images/nav-support.gif) no-repeat 0 0;
}

/* ROLLOVERS */

#header .topnav li#products a:hover, #header .topnav li.selected#products a{
	background-position: 0 -9px;
}

#header .topnav li#technology a:hover, #header .topnav li.selected#technology a{
	background-position: 0 -9px;
}

#header .topnav li#community a:hover, #header .topnav li.selected#community a{
	background-position: 0 -9px;
}

#header .topnav li#about a:hover, #header .topnav li.selected#about a{
	background-position: 0 -9px;
}

#header .topnav li#retailers a:hover, #header .topnav li.selected#retailers a{
	background-position: 0 -9px;
}

#header .topnav li#faq a:hover, #header .topnav li.selected#faq a{
	background-position: 0 -9px;
}

#header .topnav li#support a:hover, #header .topnav li.selected#support a{
	background-position: 0 -9px;
}

/* SIGN IN & OUT BUTTONS */

#header #header_inner div#hiddenform1, #header #header_inner div#hiddenform {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 120px;
	height: 26px;
}

#header #header_inner div#hiddenform1 a, #header #header_inner div#hiddenform a {
	display: block;
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
	width: 120px;
	height: 26px;
}

#header #header_inner div#hiddenform1 a {
	background: url(/images/nav-signin.gif) no-repeat 0 0;	
}

#header #header_inner div#hiddenform a {
	background: url(/images/nav-signout.gif) no-repeat 0 0;	
}

#header #header_inner div#hiddenform1 a:hover{
	background-position: 0 -26px;
}

#header #header_inner div#hiddenform a:hover{
	background-position: 0 -26px;
}
/* *************************** 
   $4 Content Styles
   ***************************/
#container{
	width:868px;
	min-height: 600px;
	overflow: hidden;
	margin:0;
	float: right;
	position:relative;
    z-index:100;!important
	 }
#maincontent{
	padding-right:12px;
	text-align:left;
	overflow:hidden;
	padding-top:64px;
	padding-bottom:45px;
	position:relative;
    z-index:90;!important
	}
.maincontent_left{
	width:620px;
	float:left;
	}
.maincontent_right{
	float:right;
	width:175px;
	}
#maincontent h1,#content h1{
	padding-bottom:19px;
	}
#maincontent p,#content p{
	line-height:19px;
	padding-bottom:18px;
	}
.left_bottom{
	border-top:#cdcdcd 1px dotted;
	margin-top:11px;
	padding-top:26px;
	}
#maincontent h2,#content h2{
	padding-bottom:10px;
	}
#maincontent .maincontent_right .consectetur{
	border-top:#e8e8e8 8px solid;
	padding-top:18px;
	}
#maincontent .maincontent_right h3{
	text-transform:uppercase;
	padding-bottom:10px;
	}
#maincontent .maincontent_right p{
	padding-right:15px;
	line-height:16px;
	}
#maincontent .maincontent_right .consectetur .pic_box{
	border-top:#cdcdcd 1px dotted;
	width:100%;	
	}
.maincontent_top{
	width:802px;
	}
#maincontent .maincontent_top p{
	padding-right:60px;
	}
.flavors{
	width:802px;
	overflow:hidden;
	padding-top:27px;
	padding-bottom:14px;
	border-top:#cdcdcd 1px dotted;
	}
.flavors .flavors_left{
	padding-left:50px;
	width:160px;
	float:left;
	padding-top:42px;
	}
.flavors .flavors_right{
	float:left;
	width:592px;
	}
#maincontent .flavors .flavors_right h2{
	padding-bottom:22px;
	}
#maincontent .flavors .flavors_right p{
	padding-bottom:22px;
	}
.banner{
	position:relative;
	border:#e1e1e1 1px solid;
	width:842px;
	height:398px;
	margin-bottom:15px;
	}
.banner .link{
	position:absolute;
	right:35px;
	bottom:27px;
	}
.banner .link2{
	position:absolute;
	right:5px;
	bottom:27px;
	}
.banner .link2 a{
	height:27px;
	float:right;
	padding-right:28px;
	}
.banner .link2 b{
	margin-top:28px;
	float:left;
	}
.banner .link a{
	background:url(../images/bg_a.gif) right bottom  no-repeat;
	height:27px;
	float:left;
	padding-right:2px;
	}
.banner .link a b{
	background:url(../images/bg_a.gif) left top ;
	float:left;
	padding-left:15px;
	height:27px;
	line-height:27px;
	}
.maincontent_middle{
	width:100%;
	overflow:hidden;
	border-bottom:#cdcdcd 1px dotted;
	border-top:#cdcdcd 1px dotted;
	padding-top:30px;
	padding-bottom:11px;
	}
.maincontent_right .margin{
	margin-left:10px;
	margin-bottom:2px;
	}
#maincontent .maincontent_middle .maincontent_right h3{
	text-transform:uppercase;
	}
.maincontent_bottom li{
	float:left;
	width:197px;
	padding-right:18px;
	padding-top:30px;
	}
.maincontent_bottom .last{
	padding-right:0;
	}
.maincontent_bottom li img{
	border:#2f2f2f 1px solid;
	margin-bottom:12px;
	}
#maincontent .maincontent_bottom li h2{
	padding-bottom:6px;
	}
#maincontent .maincontent_bottom li p{
	padding-bottom:6px;
	}
#maincontent .maincontent_bottom li a{
	padding-right:11px;
	float:left;
	background:url(../images/bg_arrow.jpg) right no-repeat;
	}
#content{
	width:811px;
	padding-left:30px;
	padding-right:27px;
	background:#fff;
	text-align:left;
	overflow:hidden;
	padding-top:30px;
	}
#content h1{
	padding-left:142px;
	}
#content .banner{
	border:0;
	width:967px;
	height:298px;
	margin-bottom:18px;
	}
.flavors_box{
	width:100%;
	overflow:hidden;
	padding-top:25px;
	border-top:#cdcdcd 1px dotted;
	padding-bottom: 25px;
	}
#content .flavors_col{
	float:left;
	border-right:#f5f5f5 4px solid;
	width:267px;
	padding-left:40px;
	padding-right:10px;
	}
#content .flavors_col h2{
	padding-bottom:21px;
	}
#content .flavors_col h3 span{
	margin-left:15px;
	}
#content .flavors_col p a img{
	margin-left:5px;
	}
/* *************************** 
   $5 Sidebar Styles
   ***************************/
   
#sidebar { 
	width: 156px;
	float: left;
	padding:0;
position:fixed;
	top: 100px;
	z-index:800;
	text-align:right;
	 }
#sidebar_inner { 
/*	width:1024px;*/
position: relative;
	text-align:right;
     margin:0;
	 padding:0;
		 }

.subnav{
	padding: 0;
	text-transform:uppercase;
	margin:0;
	width:152px;
	list-style: none;
	position: relative;
	/*z-index:7000;!important*/
	}
.subnav li{
	padding:7px 12px 0 0;
/*	position:relative;
	z-index:600;*/
	}
.subnav li li {
	background:url(../images/bg_lilia.png) left 15px no-repeat;
	padding-left:8px;
	padding-top:7px;
	}
.subnav li ul{
	padding-top:0px;
	}
.subnav li li a:hover,.subnav li a:hover{
	text-decoration:none;
	}
	
	
	
a.go{
	margin-right:32px;
	}
a.go img{
	margin-left:5px;
	}
#maincontent .maincontent_middle .maincontent_right p.bottom{
	padding-bottom:10px;
	}
.banner .link span{
	float:left;
	color:#3c3f41;
	font-size:15px;
	margin-right:10px;
	padding-top:5px;
	}
#content .flavors_box .flavors_col.last{
	border-right:0;
	}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	width:1024px;
	/*background:#fff;*/
	text-align:left;
}
#footer .links{
	/*border-bottom:#cdcdcd 1px dotted;
	border-top:#cdcdcd 1px dotted;*/
	width:840px;
	padding-left:182px;
	overflow:hidden;
	padding-top:25px;
	padding-bottom:15px;
	}
#footer .links .col{
	width:120px;
	float:left;
	}
#footer .links .col h5{
	padding-bottom:6px;	
	}
#footer .links .col li{
	padding-bottom:7px;
	}
#footer .footer_bottom{
	width:840px;
	padding:25px 0;
	padding-left:182px;
	overflow:hidden;
	}
#footer .footer_bottom img{
	vertical-align: top;
}
#footer .footer_bottom .left{
	float:left;
	}
#footer .footer_bottom .left span{
	margin-left:18px;
	}
#footer .footer_bottom .left img{
	vertical-align:middle;
	}
#footer .footer_bottom .right{
	float:right;
	}
#footer .footer_bottom .right{
	vertical-align:middle;
}
	
.pop-head-bg{
background:#EC008C;
height:25px; float:left;
width:400px;
margin-bottom:10px;
}
#pop-head-bg-blue{
background:#0C1517;
}
.white-bg{
background-color:#FFFFFF;
}
.pop-content-area{
width:295px; float:none;
color:#a0a0a0;
font-size:14px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
margin:0px auto 15px auto;
}

#ploom-signin {
	margin-left: -220px;
	width: 565px;
	margin-top: -350px; 
	display: block;
	z-index: 1000;	
}

/* PRODUCTS PAGE */
#hero {
	background: url(../images/modelone_hero-NEW.jpg) no-repeat top left #010101;
	width: 868px;
	height: 374px;
	margin-bottom: 35px;
}

#hero .heroLinks {
	display: block;	
}

#hero #btn_getting-started {
	width: 201px;
	height: 101px;
	margin: 95px 28px 0px 0px;
	display: block;
	background: url(../images/btn_getting-started.gif) no-repeat top left;
}

#hero #btn_getting-started:hover {
	background: url(../images/btn_getting-started.gif) no-repeat 0px -101px;
}

#hero #btn_heats-never-burns {
	width: 205px;
	height: 101px;
	margin: 8px 25px 0px 0px;
	display: block;
	clear: right;
	background: url(../images/btn_heats-never-burns.gif) no-repeat top left;
}

#hero #btn_heats-never-burns:hover {
	background: url(../images/btn_heats-never-burns.gif) no-repeat 0px -101px;
}

.featured {
	padding: 0 11px 0 33px;
	margin-bottom: 40px;
}

.featured h2 {
	font-size: 40px !important;	
	font-weight: bold !important;
	padding: 0px !important;
}

.featured .details {
	width: 494px;
	float: left;
}

.featured ul {
	padding-left: 15px;	
	margin-bottom: 13px;
}

.featured .price {
	display: block;
	float: right !important;
}

.featured .addToCart {
	background: url(/images/btn-add-to-cart.jpg) top left no-repeat;
	display: block;
	width: 162px;
	height: 42px;
	cursor: pointer;
}

.featured #img_starter-kit {
	padding-top: 5px;	
}

.featured #hdr_model-one {
	margin-bottom: 28px;	
}

.featured #img_model-one {
	margin-bottom: 10px;
}

/* FAQs */

.faq-list {
	padding-left: 35px;	
}

.faq-list li {
	margin: auto;
}

/* MY ACCOUNT PAGE */
#my-account-options { width: 548px; }

#my-account-nav { width: 541px; height: 162px;}

#my-account-nav li {
	display:block;
	float:left;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
}

#my-account-nav li a {
	background:transparent url(/images/my-account-nav.gif) no-repeat scroll 0 0;
	display:block;
	text-indent:-9999px;
	height: 162px;
}

#my-account-nav #account-settings a {
	background-position:0 0;
	width:270px;
}

#my-account-nav #account-settings a:hover {
	background-position:0 -162px;
}

#my-account-nav #previous-orders a {
	background-position: -270px 0;
	width:271px;
}

#my-account-nav #previous-orders a:hover {
	background-position:-270px -162px;
}

#my-account-buttons { float: right; padding-top: 50px;}

#my-account-buttons li {
	display:block;
	float:left;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
}

/* RETAILERS */
.webappsearchresults a {color:#00aeef;}
#webapp_map_6640 {border: 1px solid #979797;}
