﻿.listNav li a {border-bottom:1px dotted #efefef;}
.inlineNav .shippingExceptionItems li {float:none;}
#btnLookupGC {border-bottom:0;padding:0;}
/***********************
Icon Setupho
************************/
.UI-icon {display:inline-block;height:26px;width:26px;}
.UI-icon-container {display:inline-block;}
.UI-icon-container span {line-height:26px;padding-left:3px;}
.GridUtility {line-height:24px;height:28px;}
.GridUtility .UI-icon-container span {float:left;padding-left:0;margin-right:3px;padding-right:3px;}ca
.GridUtility .UI-icon-container .UI-icon {margin-right:0;padding-right:0;}
.btnToolBar {display:block;float:left;line-height:30px;}
.btnToolBar .UI-icon {display:block;width:35px;height:28px;}
.btnToolBar .icon-label, #NudgeTools .icon-label {clear:both;line-height:normal;display:none;}
.Bio .UI-icon-container span {padding-left:0;}

.UI-icon-container span {float:left;display:inline-block;overflow:hidden;}
.actionItems {font-size:1.1em;margin-bottom:20px;}
.actionItems li a.UI-icon-container {display:block;line-height:36px;}
.actionItems .UI-icon, .welcomeFlag .UI-icon  {height:36px;width:36px;float:left;}

.welcomeFlag .iconText {display:block;clear:both;line-height:normal;}
.notext {width:16px;}
.notext {display:block;text-indent:-9999px;}

/*******************
Master Containers, Columns, etc...
********************/
#PageContain {}
#ContentWrap, .TopInner, #FooterInner, #SiteNav {margin:0 auto;width:960px;clear:both;}
#SiteNav {position:absolute;bottom:0;}
#ContentWrap p {margin-bottom:8px;}
#ContentWrap {padding-bottom:20px;}
.shoppingContentPane {padding:20px 0;}
#TopPane .TopInner {height:156px;position:relative;}
#TopPane p {margin:0;padding:0;}
.TagLine {width:auto;position:absolute;top:0;right:0;margin-top:-25px;}
.LoginContainer {top:29px;right:0;width:300px;display:block;position:absolute;}
body.shoppingBody .LoginContainer {left:50%;margin-left: -169px;}

/***************
Default Home columns layout & Content Column Configurations (Default: Template 1A)
***************/
.homeCol_a  {float:left;width:220px;}
.homeCol_b  {float:right;width:700px;}
.enrollmentCol_a {display:block;}
.enrollmentCol_b {display:block;}
.enrollmentCol_a .enrollCTA {float:left;width:445px;}

#Logo {position:relative;margin:8px 0 0 20px;float:left;}
#Logo a {display:block;overflow:hidden;}
#Logo a .imagewrapper {display:block;}
#PrintLogo {display: none; margin: auto;}

.SideColumn {float:left;width:220px;overflow:hidden;}
.ContentColumn {float:right;width:700px;}
.shoppingMainContent {width:700px;float:right; margin-right: 3px;}
.splitCol {width:49%;}
.splitCol10 {width:9%;}
.splitCol15 {width:14%;}
.splitCol20 {width:19%;}
.splitCol25 {width:24%;}
.splitCol30 {width:29%}
.splitCol35 {width:34%;}
.splitCol40 {width:39%}
.splitCol50 {width:49%}
.splitCol60 {width:59%;}
.splitCol65 {width:64%;}
.splitCol70 {width:69%;}
.splitCol80 {width:79%;}
.splitCol90 {width:89%;}
.splitCol.pad5 {width:48%;}

#ContentInnerWrap .MainProfile p.FormSubmit {margin-bottom:0px;padding:0;}

/************
Secondary Nav
************/
.OneColumnNav #SecondaryNav h3 {display:none;}
.OneColumnNav #SecondaryNav ul {list-style:none;text-align:center;}
.OneColumnNav #SecondaryNav ul li {display:inline-block;}
.OneColumnNav #SecondaryNav ul li a {margin:0 10px 10px;}
.OneColumnNav #SecondaryNav ul li a span {padding:5px;line-height:30px;}
#TwoColumn #SecondaryNav ul, #NewsTemplate #SecondaryNav ul, #SecondaryRail .SavedReports ul {list-style-type:none;margin:10px 0;padding-left:0;}
#TwoColumn #SecondaryNav ul li, #NewsTemplate #SecondaryNav ul li, #SecondaryRail .SavedReports ul li {margin:2px;}
#TwoColumn .CenterColumn, #NewsTemplate .CenterColumn {width:700px;}
#TwoColumn .SideColumn, #NewsTemplate .SideColumn, #SecondaryRail {margin:-19px 0 20px -9px;padding:1px 6px 1px 3px;}
#TwoColumn #SecondaryNav, #NewsTemplate #SecondaryNav, #SecondaryRail .SavedReports {padding:20px 0px 25px;min-height:210px;}
/***********
CMS Blocks
************/
.UI-cmsWrap {margin-bottom:10px;}
.block1, .block4, .block5, .UserPhoto.SideColumn {width:218px;}
.block2, .block3 {float:right;}
.columnCmsBlocks .columnCms {overflow:hidden;}
.columnCmsBlocks .columnCms .body {padding:5px;}
.columnCmsBlocks .columnCms img {display:block;}

/******************
Site Owner Bio Widget
******************/
.MyPhoto {float:left;overflow:hidden;margin-bottom:15px;}
.MyPhoto img{width:95px;}
.Bio {float:right;width:110px;margin-right:5px;word-wrap:break-word;}
.partiesList li {overflow:hidden;padding:5px;border-bottom:1px dotted #c0c0c0;}
.partiesList .partyDetails {line-height:15px;}
.partiesList .partyDate {display:block;}
#Module_Bio .partyRadio {display:none;}
#Module_Bio .buyFromPartyBtn {display:block;margin-top:4px;}
#Module_MyParties .openParties {height:150px;overflow:auto;}
#Module_MyParties .noParties {height:150px;overflow:auto;padding:5px;}
#Module_MyParties .partiesList .partyDetails {width:98%;}
.UI-cmsWrap .Bio div {margin-left:2px;}
.UI-cmsWrap .Bio div div {margin-left:0;}
/*******************
Login & User Display
********************/
/*#SiteUserUtilities {position:relative;z-index:99999;}*/
.SiteInfo {height:35px;}
.SiteInfo div#loggedOut, .SiteInfo div#loggedIn {position:absolute;right:1px;top:1px;height:30px;z-index:400;float:right;margin:0;}
body.shoppingBody .SiteInfo div#loggedOut, body.shoppingBody .SiteInfo div#loggedIn {right:231px;margin-right:0;}
.SiteInfo .Language {margin-top:-27px;position:absolute;top:0;left:0;}
#loginContainer {z-index:99999;width:400px;border-radius:0 0 0 5px;-moz-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px;padding:1px 6px 1px 12px;border:0;}
#loginContainer p {margin:0 10px 5px;float:left;width:44%;}
#txtUsername, #txtPassword {width:95%;}
#loginContainer .SubmitForm {margin:5px 0 0;padding:4px 8px;background:#fff;border-top:3px solid #bbd5e5;}
#DistributorInfo{float:right;}
.LanguageDropDown {position:absolute;z-index:500;margin:19px -2px 0 0;right:0;top:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
#SiteUserUtilities #DistributorInfo {margin: 5px 5px 0 0;}
#SiteUserUtilities #DistributorInfo .Bio {width:auto;padding-top:12px;}
#SiteUserUtilities #DistributorInfo .MyPhoto {float:right;margin-bottom:0;border:0;}
#SiteUserUtilities #DistributorInfo .MyPhoto img {height:70px;width:auto;}
#SiteUserUtilities #DistributorInfo .Bio .icon-label {float:left;}
#SiteUserUtilities .myAddress {display:none;}

/****************
Product Details Page
****************/
.productTitle {margin-bottom: 15px;padding-bottom: 10px;text-transform: uppercase; font-size: 15px; font-family: 'TheanoDidotRegular', serif; color: #464648; line-height: 15px; border-bottom: dotted #999 1px;}
.productLongDescription {margin:5px 0 40px 0;}
.yourPrice {margin:10px 0 10px 0;}
.ProductPhotos {overflow:hidden;}
.BigPhoto img {width:100%;}
body.IE6 .BigPhoto img {width:250px;}
.MorePhotoViews {}
.MorePhotoViews a {}

/***************************
"Added to Cart" notification
***************************/
.cartMessages {position: absolute;text-align: left; margin: 1px 0px 0px -82px;width: 290px;z-index: 9999999;padding:15px;}
.cartMessagesFixed {position: fixed;top: 0px;margin-top: 0px;}
.cartMessageThumb {width:40px;height:40px;overflow:hidden;display:block;}
.cartMessageThumb img {width:40px;max-height:40px;}
.cartMessageLabel {width:200px;}
#CartMessageContent div {clear:both;margin-bottom:5px;}
#CartPreview {display:none;margin:-1px 0 0 -482px;padding:15px;position: absolute; right: 0px;width: 690px; z-index: 88888;}
#CartPreview .buyFromPartyBtn, .cartPage.attachPartyWindow .buyFromPartyBtn {display:none;}
/***************
Shipping Methods
***************/
.shipMethodSelect {width:30px;}
.shipMethodList li span {display:block;} 
.shipMethodList label {cursor:pointer;}
.FormContainer, p.Address, #newProfile .PaymentAddress  {padding:10px;}
/********
Checkout
********/
.promoProductsWrap {height:400px;overflow:auto;}
.promoProductChoices .promoProduct {cursor:pointer;}
.addressDisplay {width:300px;}
#paymentsGrid.addressDisplay, .Billing.Confirm .customerPaymentsColumn {width:85%;}
#paymentsGrid .appliedPaymentsTitle, #paymentsGrid thead, .Billing.Confirm .appliedPaymentsTitle, .Billing.Confirm thead {display:none;}
.checkOutSteps {display: block; padding: 10px 30px; background: #efefef;}
/*******************************************************************************
* Address Verification Modal
*******************************************************************************/
#UnverifiedAddress .suggestedAddressContainer:hover {cursor:pointer;}
#UnverifiedAddress .suggestedAddressList {height:350px;overflow:auto;}
#UnverifiedAddress input#address1, #UnverifiedAddress input#address2, #UnverifiedAddress input#address3 {width:auto;}

/*********************
Forms
 ********************/
.FormContainer {margin:10px 0 10px 0;}
.FormContainer .FLabel {float:left;width:120px;}
.FormContainer .FInput {float:left;}
.FormContainer .FRow {padding:3px 0 4px 0;overflow:hidden;}
.FRow br {display:block;clear:both;}
input.quantity {width:20px; padding: 2px;}
.FormSubmit {padding:10px 0;}
input.fullWidth {width:95%;}
textarea.fullWidth {width:100%;}
input#address1, input#address2, input#address3 {width:310px;}
#addressForm input#address1, #addressForm input#address2, #addressForm input#address3, input.AddressLine {width:260px;}


/*********************
TABLES
 ********************/
 table {display:table;border-collapse:separate;border-spacing:1px;width:100%;}
.FauxTable {display:table;width:100%;margin-bottom:20px;}
.FauxTable .FRow {display:table-row;}
.FauxTable .FRow .FLabel, .FauxTable .FRow .FInput {display:table-cell;padding:2px 0px 2px 0px;vertical-align:top;text-align:left;}
.FauxTable .FRow .FLabel {width:120px;font-weight:bold;}
.DataGrid tbody td {border-top:1px solid #d1d3d4; border-bottom:1px solid #d1d3d4; vertical-align:middle;}
.DataGrid {display:table;border-collapse:collapse;border-spacing:1px;}
.DataGrid th, .DataGrid, td {padding:3px;}
td.thumbCol {text-align:center;}
.GuestOrderSummaryTable td {text-align:center;font-weight:bold;}
.cartQty {width:75px;text-align:center;}
.CartThumb {text-align:center;width:75px;}
.deleteCol {width:32px;}
.finalOrderTotals .Label {width:200px;}


/****************
Product Listing
****************/
.shoppingBody .ContentInner > div.imagewrapper {position: absolute; top: 70px;}
.shoppingPageTitle {margin-top: 220px;}
.ProductThumbRows .row {margin-left:-5px;}
.CategoryGroup {clear: both;width: inherit;margin-bottom: 30px;}
.CategoryGroup .ViewAll {}
.ProductThumbBox {float:left;width:202px;  border: 0px 
                  !important; position: relative; margin-left: 25px;}
.ProductThumbRows .row div:first-child {margin-left: 0px;}
.ProductThumbBox .ProductInfo span {display:block;}
.ProductThumbBox .ProductInfo .imagewrapper {height:118px;overflow:hidden;margin:7px 3px 4px; position: absolute; top: 0px; width: 100%;}
.ProductThumbBox .ProductInfo .imagewrapper img {margin: auto;}
.ProductThumbBox .ProductInfo .productName {margin-top: 140px; border-top: dotted #999 1px; width: 100%;padding-top: 15px;}
.ProductThumbBox .ProductInfo .productPrice {margin-bottom:5px; top: 165px;}
.ProductThumbBox .ProductInfo .productPrice .FR{float: left;}
.ProductThumbBox .ProductInfo b {}
.ProductThumbBox .AddToCart {background-position:0 0;height:30px;}
.ProductDetails .AddToCart {line-height:25px;}
.ProductDetails .AddToCart .qtyInputWrap input {padding:5px 4px 4px;text-align:center;}
.AddToCart .TextLink {float:left;margin-left:10px;}
.listingAddToCart { display: none; line-height:normal;padding:1px 3px 1px 6px;float:right;margin:0 1px 1px;}
.listingAddToCart input.quantity {padding:2px;width:18px;margin:3px;font-size:11px;}
.listingAddToCart .UI-icon-container .icon-label {padding-left:0px;font-size:11px;margin-left:-4px;}
.upsaleHeader {margin-bottom:5px;}

/****************
Join
****************/
.available {color:green;}
.bold {font-weight:bold;}

/**********************
Tabber
**********************/
.Tabber {height:30px;border-bottom:1px solid #ccc;}
.Tabber li {line-height:30px;margin-right:2px;border-left:none;}
.Tabber li a {display:block;padding:0 20px;line-height:30px;border:solid #ccc;border-width:1px 1px 0;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.Tabber li.current {background-color:#fff;}
.Tabber li label {padding:0px 8px 1px 8px;}
.Tabber li.current a {text-transform:uppercase;}
.Tabber li.current a .UI-icon {display:none;}

.TabberBody {width:658px;border:solid #ccc;border-width:0 1px 1px;margin:-1px 0 0;padding:30px 20px;position:relative;top:-1px;}

/****************
Bundle
****************/
#BundleTabber {padding-right:22px;}

.AlphaFilters {margin:10px 0;overflow:hidden;}
.AlphaFilters .btnFilter {text-transform:uppercase;margin:0 10px 0 0;float:left;}
.AlphaFilters .btnFilter:last-child {margin:0;}

.searchBundle a.searchBtn {margin-top:-27px;}

.ThumbWrapper {width:45px;height:45px;margin:0 5px 5px 0;float:left;overflow:hidden;}
.ThumbWrapper a.RemoveItem {position:absolute;}

.SavePack {margin:20px 10px 10px;text-align:center;}
.SavePack .Button {margin:0 0 20px;}
.SavePack .Button span {font-size:11px;font-weight:normal;}

.BundleProducts .Pagination {display:block;text-align:center;}
.BundleProducts .Pagination p {margin-bottom:0 !important;margin-top:10px;}

.Update {display:block;margin:0 0 10px;}
.BundleAlert, .PartyDesignCompleteAlert {border:dashed 1px #ccc;}

#GoalTracker {width:219px;}
#GoalTracker .ProgressBar {height:27px;overflow:hidden;width:219px;background: url("../Images/Shopping/multipackprogress.gif") no-repeat scroll 0 0 transparent;}
#GoalTracker .ProgressNotifications {}
#GoalTracker .ProgressNotifications .current {}
#GoalTracker .ProgressBar p {padding-right:17%;}

.BundleBrowser.splitCol65 {width:66%;}
.BundleSelections {width:220px;}

/****************
Enrollment
****************/
.steps {margin-bottom:30px;height:38px;}
.steps ul {height:38px;display:block;padding-left:4px;}
.steps li {padding-right:67px;margin-left:5px;}
.steps li.UI-whiteBg {margin-left:-27px;padding-left:0;}
.steps li.UI-whiteBg span {display:block;height:38px;padding-left:32px;}
.steps li.first.UI-whiteBg {margin-left:0px;}
.steps li.first.UI-whiteBg span {padding-left:5px;}
.enrollmentContentPane #CartTotals {position:absolute;top:auto;margin-top:-110px;right:2px;width:210px;}

.enrollmentCol_a .UI-lightBg.brdrAll {padding:10px;}
.enrollmentContentPane {padding-left:48px;position:relative;}
.enrollmentContentPane h2.step {position:absolute;margin-left:-48px;}
.policy {width:31%;margin:1%;}
.policy .terms {height:240px;overflow:auto;}
.policy .UI-lightBg {padding:5px 8px 5px 0;}
.policy input[type="checkbox"] {float:left;margin:0 8px 8px 8px;}
.personalInfoForm h4 {padding:3px 8px;position:relative;}
.personalInfoForm h4 a {position:absolute;right:8px;top:3px;}
.personalInfoForm .FormSubmit {margin-bottom:0;padding:0;overflow:hidden;}
#sponsor {margin:auto;width:60%;}
#sponsor .imagewrapper {float:left;margin:0 20px 5px 0;}
#sponsor p {margin-top:35px;}
.kits {position:relative;}
.kits input {float:left;margin:2px 5px 0 0;}
.kits h3 {color:#939598;margin-left:18px;line-height:5px;margin-bottom:10px;}
.kits .check {width:21px;height:21px;position:absolute;right:0;bottom:0;margin:0 3px 3px 0;}
.kits .check img {display:none;}
.kits.selected .check img{display:block;margin:-6px -3px;}

.autoship {height:560px;}
.autoship .ShopNav {margin:1px;height:496px;overflow:auto;}
.autoship .ProductThumbRows {height:560px;overflow-y:scroll;}

.enrollmentContentPane .ProductThumbBox {float:none;height:auto;width:auto;}
.enrollmentContentPane .ProductInfo .productName  {height:auto;float:left;}
.enrollmentContentPane .ProductInfo .imagewrapper {width:85px;height:60px;margin-top:0;clear:both;}
.enrollmentContentPane .ProductInfo img {width:85px;border:1px solid #ccc;}
label[for="AutoshipKits"] .ProductInfo .imagewrapper, label[for="AutoshipKits"] .ProductInfo img {width:65px;max-height:45px;}
.enrollmentContentPane .productLongDescription {width:275px;margin:0;}
label[for="AutoshipKits"] .productLongDescription {width:173px;}
label[for="AutoshipKits"] .pad1 {margin: 7px 0;}
.enrollmentContentPane .AutoshipDetails .Button, .AutoshipDetails .ButtonInactive, .AutoshipDetails .Button span {width:99%;margin-top:5px;}
.AutoshipDetails ul {margin:5px 5px 10px 15px;padding-left:7px;}
.radioOptions {margin-bottom:1em;}
.radioOptions .ml10 {margin-left:5.5em;}

/***********************
Template Structure
***********************/
.NewsTickerCorp .homeCol_b {width:auto;}

/***********************
News Template
***********************/
.CenterContent, .CenterAdSpace {width:700px;}

/****************
Grid Pagination
****************/
.Pagination {padding:5px;}
.Bar {float:left;}
.Bar a.previousPage, .Bar a.nextPage {margin-right:5px;float:left;display:block;}
.Bar a.nextPage  {margin:0 0 0 5px;}
.Bar .pages {display:block;float:left;}
.PageSize {float:right;}

/****************
My Account Page
****************/
.acctBox {width:150px;padding:0 5px 0 5px;}
.acctBox h4 {border-bottom:1px dotted #c0c0c0;padding-bottom:5px;margin-bottom:5px;}
.generalAcctBox {width:345px;border-right:1px dotted #c0c0c0;margin-right:10px;}
.generalAcctBox span.FL {font-weight:bold;}
.myRecentOrders {clear:both;margin-top:10px;}

/***************
MediaLibraryPublic
***************/
#mediaLibraryPublic .emLibraryFolders { width: 193px; margin-right: 10px; text-align: center; }
#mediaLibraryPublic .emLibraryFolders ul { margin-bottom: 10px; text-align: left; }
#mediaLibraryPublic .emMediaUploader .uploadedFile { width: 200px; }

#mediaLibraryPublic h3 {margin:5px 0 10px 5px;}
#mediaLibraryPublic .emGrid { display: table; border-collapse: separate; border-spacing: 0; width: 100%;}
#mediaLibraryPublic .emGrid.UI-secBg div {padding-bottom:100px;margin-bottom:-94px;}
#mediaLibraryPublic .emGrid div {float:left;padding:5px 3px;}
#mediaLibraryPublic .emGrid .fileInfo {padding:0;}
#mediaLibraryPublic .selectInsert {float:none;}

#mediaLibraryPublic {margin:-2px -2px 0 0px;border:solid #ccc;border-width:0 1px 1px;}
#imagesBrowser {width:713px;}
#mediaLibraryPublic .emLibraryContent {height:auto;}

.Lmodal #mediaLibraryPublic {margin:0;border:0;}
.LModal #imagesBrowser { width:543px; overflow:hidden; }
.LModal #mediaLibraryPublic .emLibraryContent { height:400px;margin-top:0px;overflow-x:hidden;overflow-y:auto;display:block; }

#imagesBrowser .emLibraryItem {height:165px;position:relative;width:155px;overflow:hidden;border:1px dotted #d1d3d4;padding:3px;}
#imagesBrowser .actionItems {position:absolute;bottom:0;background:#fff;width:155px;padding:6px 0 2px;border:solid #fff;background:#fff;}
#imagesBrowser .imageInfo {display:none;}

/*******
Variants
*******/
.productVariants {}
.productVariants .inlineNav li {margin:0 10px 10px 0;}
.productVariants li .frame {position:relative;z-index:1;cursor:pointer;}
.productVariants li .frame a {padding:0 10px;margin:5px 0;text-decoration:none;cursor:pointer;}
.productVariants span.thumbnail {}
.productVariants span.thumbnail img {margin:-4px 0 -6px 2px;}
.productVariants .variantType {font-size:14px;}
.productVariants .variantType select {min-width: 200px;}


/* Add to cart button */

/* Type: Text */
.productVariants .variantText span.thumbnail {margin:0 5px 0 -5px;}
/* Type: Thumbnail */
.productVariants .variantThumbnail li .frame a {padding:0;margin:0;}
.productVariants .variantThumbnail li .frame img {margin:0 auto;}
/* Type: Checkbox */

/* Type: Radio */

/* Type: Dropdown */

Reusable Stuff
/*****************/
.FL {float:left;}
.FR {float:right;}



/***********************
Modal Overrides
***********************/
.LModal, .PModal
{
    position: fixed; 
    top:10%;
    margin-left: -350px; 
    width: 700px; 
    background:#000; 
    color: #000; 
    padding:10px;
}


.mContent  
{
    background: #fff;
    background-image:none;
    border:none;
    max-height:500px;
    overflow:auto;
}


.LModal h2, .HModal h2  
{
    margin-bottom: 10px; 
    background: none;
    color: #000; 
}
