/* CSS Document */

.Products .StarterKit h3, .Products .StarterKit form .purchase legend, .Products .StarterKit form button span, .Products .ShoppingCart h3, .Products .LiveHelp h3, .Products .Cartridges h2 span, .Products .Cartridges .Cartridge h3 span, .Products .Cartridges .Cartridge form button span, .Products .Accessories h2 span, .Products .Accessories .Accessory h3 span, .Products .Accessories .Accessory form fieldset legend, .Products .Accessories .Accessory form button span {
display:none;
}
.StarterKit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/products/bg_productsStarterKit.png) no-repeat scroll 0 0;
height:435px;
margin-bottom:10px;
position:relative;
width:980px;
}
.Products .StarterKit h4 {
font-size:14px;
}
.Products .StarterKit .image {
height:260px;
margin:auto;
padding-top:50px;
position:relative;
width:790px;
}
.StarterKit .description {
bottom:15px;
font-size:14px;
height:110px;
left:10px;
position:absolute;
width:662px;
}
.Products .StarterKit form {
font-size:12px;
}
.Products .StarterKit form .FormPlacement {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
bottom:10px;
height:80px;
padding:10px;
position:absolute;
right:10px;
width:425px;
}
.Products .StarterKit form fieldset {
float:left;
margin-right:20px;
}
.Products .StarterKit form fieldset legend {
color:#666666;
font-weight:bold;
margin-bottom:5px;
}
.Products .StarterKit form .color input {
height:14px;
vertical-align:bottom;
width:16px;
}
.Products .StarterKit form .qty {
font-size:12px;
}
.Products .StarterKit form .qty input {
border:1px solid #CCCCCC;
height:17px;
padding:3px;
text-align:center;
width:50px;
}
.Products .StarterKit form .strength input {
}
.Products .StarterKit form .price {
color:#0088AA;
font-size:24px;
font-weight:bold;
line-height:24px;
position:absolute;
right:10px;
text-align:right;
top:10px;
}
.Products .StarterKit form .price span {
display:block;
font-size:12px;
}
.Products .StarterKit form button {
background-color:transparent;
background-image:url(../img/btn_addToCart.png);
background-position:0 0;
background-repeat:no-repeat;
bottom:10px;
height:30px;
position:absolute;
right:10px;
width:105px;
}
.Products .StarterKit form button:hover {
background-position:0 -30px;
cursor:pointer;
}
.Products .StarterKit #PopupWash {
background-color:#FFFFFF;
bottom:0;
display:none;
left:0;
opacity:0.8;
position:absolute;
right:0;
top:0;
z-index:500;
}
.Products .StarterKit #PopupShadow {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg_starterKitPopupShadow.png) no-repeat scroll 0 0;
bottom:225px;
display:none;
height:315px;
margin:auto;
position:relative;
width:750px;
z-index:750;
}
.Products .StarterKit #PopupContent {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border:2px solid #CCCCCC;
height:275px;
margin:auto;
position:relative;
top:16px;
width:710px;
z-index:900;
}
.Products .StarterKit #PopupContent h3 {
color:#999999;
display:block;
font-size:24px;
font-weight:normal;
line-height:65px;
text-align:center;
}
.Products .StarterKit #PopupContent a.Close {
background-image:url(../img/btn_close.png);
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:30px;
position:absolute;
right:5px;
top:5px;
width:30px;
}
.Products .StarterKit #PopupContent a.Close:hover {
background-position:0 -30px;
}
.Products .StarterKit #PopupContent a.Close span {
display:none;
}
.Products .StarterKit #PopupContent .Choices th {
color:#666666;
font-size:12px;
font-weight:bold;
padding-bottom:3px;
text-align:center;
}
.Products .StarterKit #PopupContent .Choices td {
font-size:12px;
line-height:18px;
text-align:center;
}
.Products .StarterKit #PopupContent .Choices .name {
text-align:left;
}
.Products .StarterKit #PopupContent .Choices .alt td {
background-color:#EEEEEE;
}
.Products .StarterKit #PopupContent fieldset {
float:none;
font-size:12px;
}
.Products .StarterKit #PopupContent .form {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
float:left;
height:110px;
left:5px;
margin:5px;
padding:10px;
position:relative;
}
.Products .LiveHelp {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg_productsLiveHelp.png) no-repeat scroll 0 0;
height:128px;
margin-bottom:10px;
overflow:hidden;
padding-top:15px;
text-align:center;
width:160px;
}
.Products .ShoppingCart {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg_productsShoppingCart.png) no-repeat scroll 0 0;
font-size:10px;
height:220px;
position:relative;
width:160px;
}
.Products .ShoppingCart .total {
left:10px;
position:absolute;
top:40px;
}
.Products .ShoppingCart .items {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
bottom:30px;
left:10px;
padding:5px;
position:absolute;
right:10px;
top:60px;
}
.Products .ShoppingCart .items h4 {
color:#666666;
font-size:10px;
font-weight:bold;
margin-bottom:6px;
}
.Products .ShoppingCart .items li {
line-height:16px;
}
.Products .ShoppingCart .items li span {
display:block;
float:left;
width:25px;
}
.Products .ShoppingCart a {
font-size:11px;
font-weight:bold;
}
.Products .ShoppingCart a.ViewCart {
bottom:10px;
left:10px;
position:absolute;
}
.Products .ShoppingCart a.Checkout {
bottom:10px;
position:absolute;
right:10px;
}
.Products .Cartridges h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg_productsCartridgesH2.png) no-repeat scroll 0 0;
height:75px;
}
.Products .Cartridges .Cartridge {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg_productsCartridge.png) no-repeat scroll 0 0;
height:301px;
position:relative;
width:980px;
}
.Products .Cartridges .Cartridge h3 {
background-image:url(../img/sprite_productsCartridgeTitles.png);
background-repeat:no-repeat;
border-bottom:1px solid #CCCCCC;
height:30px;
position:absolute;
right:10px;
top:10px;
width:540px;
}
.Products .Cartridges .MagnificentMenthol h3 {
background-position:0 0;
}
.Products .Cartridges .ClassicTobacco h3 {
background-position:0 -30px;
}
.Products .Cartridges .JavaJolt h3 {
background-position:0 -60px;
}
.Products .Cartridges .VividVanilla h3 {
background-position:0 -90px;
}
.Products .Cartridges .CherryCrush h3 {
background-position:0 -120px;
}
.Products .Cartridges .VarietyPack h3 {
background-position:0 -150px;
}
.Products .Cartridges .Cartridge .image {
height:270px;
left:10px;
position:absolute;
top:10px;
width:410px;
}
.Products .Cartridges .Cartridge .description {
font-size:14px;
height:120px;
position:absolute;
right:10px;
text-align:justify;
top:50px;
width:540px;
}
.Products .Cartridges .VarietyPack .description {
font-size:13px;
height:15px;
text-align:left;
}
.Products .Cartridges .Cartridge .description ul {
bottom:0;
left:20px;
position:absolute;
top:70px;
}
.Products .Cartridges .Cartridge .description ul li {
color:#666666;
font-size:12px;
}
.Products .Cartridges .Cartridge form {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
bottom:20px;
font-size:12px;
height:80px;
padding:10px;
position:absolute;
right:10px;
width:520px;
}
.Products .Cartridges .VarietyPack form {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
bottom:20px;
font-size:12px;
height:185px;
padding:10px;
position:absolute;
right:10px;
width:520px;
}
.Products .Cartridges .Cartridge form fieldset {
bottom:0;
height:85px;
position:absolute;
}
.Products .Cartridges .Cartridge form .color {
left:10px;
}
.Products .Cartridges .Cartridge form .strength {
left:95px;
}
.Products .Cartridges .Cartridge form fieldset legend {
color:#666666;
font-weight:bold;
margin-bottom:5px;
}
.Products .Cartridges .Cartridge form .color input, .Products .Cartridges .Cartridge form .strength input {
height:14px;
vertical-align:bottom;
width:16px;
}
.Products .Cartridges .Cartridge form .qty {
font-size:12px;
}
.Products .Cartridges .Cartridge form .qty input {
border:1px solid #CCCCCC;
height:17px;
padding:3px;
text-align:center;
width:50px;
}
.Products .Cartridges .Cartridge form table.purchase {
bottom:2px;
position:absolute;
right:10px;
}
.Products .Cartridges .Cartridge form table.purchase th {
color:#666666;
padding-left:15px;
text-align:left;
}
.Products .Cartridges .Cartridge form table.purchase td {
padding-bottom:1px;
padding-left:15px;
text-align:left;
vertical-align:middle;
}
.Products .Cartridges .Cartridge form table.purchase td.qty {
font-size:10px;
}
.Products .Cartridges .Cartridge form table.purchase td.price {
color:#0088AA;
font-size:14px;
font-weight:bold;
text-align:right;
}
.Products .Cartridges .Cartridge form button {
background-color:transparent;
background-image:url(../img/btn_addToCartSmall.png);
background-position:0 0;
background-repeat:no-repeat;
height:22px;
width:83px;
}
.Products .Cartridges .Cartridge form button:hover {
background-position:0 -22px;
cursor:pointer;
}
.Products .Cartridges .VarietyPack .Choices {
left:10px;
position:absolute;
top:0;
width:520px;
}
.Products .Cartridges .VarietyPack .Choices th {
color:#666666;
font-weight:bold;
padding-bottom:3px;
text-align:center;
}
.Products .Cartridges .VarietyPack .Choices td {
line-height:18px;
text-align:center;
}
.Products .Cartridges .VarietyPack .Choices .name {
text-align:left;
}
.Products .Cartridges .VarietyPack .Choices .alt td {
background-color:#FFFFFF;
}
.Products .Accessories h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg_productsAccessoriesH2.png) no-repeat scroll left bottom;
height:75px;
}
.Products .Accessories .Accessory {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg_productsAccessory.png) no-repeat scroll 0 0;
float:left;
height:321px;
margin-bottom:7px;
margin-right:9px;
position:relative;
width:238px;
}
.Products .Accessories .last {
margin-right:0;
}
.Products .Accessories .Accessory h3 {
background-image:url(../img/sprite_productsAccessoryTitles.png);
background-repeat:no-repeat;
height:30px;
left:10px;
position:absolute;
top:165px;
width:218px;
}
.Products .Accessories .Batteries h3 {
background-position:0 0;
}
.Products .Accessories .Chargers h3 {
background-position:0 -30px;
}
.Products .Accessories .bluPacks h3 {
background-position:0 -60px;
}
.Products .Accessories .Atomizers h3 {
background-position:0 -90px;
}
.Products .Accessories .Accessory .image {
height:150px;
left:10px;
position:absolute;
top:10px;
width:218px;
}
.Products .Accessories .Accessory .price {
color:#0088AA;
font-size:18px;
font-weight:bold;
height:30px;
line-height:22px;
position:absolute;
right:10px;
top:165px;
}
.Products .Accessories .Accessory .description {
font-size:10px;
height:30px;
left:10px;
position:absolute;
right:10px;
text-align:justify;
top:195px;
}
.Products .Accessories .Accessory form fieldset {
bottom:10px;
font-size:12px;
left:10px;
position:absolute;
}
.Products .Accessories .Accessory form fieldset input {
height:14px;
vertical-align:bottom;
width:16px;
}
.Products .Accessories .Accessory form button {
background-color:transparent;
background-image:url(../img/btn_add.png);
background-position:0 0;
background-repeat:no-repeat;
bottom:10px;
height:30px;
position:absolute;
right:10px;
width:55px;
}
.Products .Accessories .Accessory form button:hover {
background-position:0 -30px;
cursor:pointer;
}
.Products .Error {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFCCCC none repeat scroll 0 0;
border:1px solid #CC9999;
color:#990000;
font-size:12px;
font-weight:bold;
margin-bottom:10px;
padding:10px;
}
.Products .Legend {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFCC none repeat scroll 0 0;
border:1px solid #CCCC99;
margin-bottom:10px;
padding:10px;
}

