@charset "utf-8";
/* CSS Document */

/* ==================== Global ==================== */



body {
background-color: #fff;
background-image: url(http://www.ardysslife.com/images/bg/body.jpg);
background-position: top center;
background-repeat: no-repeat;
font-family: "Segoe UI", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px; }

h1 {
color: #004a72;
padding-bottom: 15px; }

h2 {
color: #004a72;
padding-bottom: 10px; }

h3 {
font-size: 14px;
padding-bottom: 5px; }

h3 a, #content h3 a {
border-bottom: 0 none;
color: #004a72;
text-decoration: none; }

h4 {
font-size: 12px;
margin-top: -13px;
padding-bottom: 15px; }

p {
line-height: 150%;
padding-bottom: 20px; }

ul, ol {
margin-left: 30px;
padding-bottom: 20px; }

li {
padding-left: 5px; }

#wrap {
margin: 0 auto;
width: 962px; }

#buckets {
height: 117px;
margin-top: 3px;
width: 962px; }

/* ==================== Header ==================== */

#header {
height: 100px;
padding: 10px; }

#logo {
background-image: url(http://www.ardysslife.com/images/bg/logo-sm.png);
float: left;
height: 100px;
text-indent: -9999px;
width: 205px; }

#logo:hover {
background-position: 0 99px; }

#logo a {
display: block;
height: 100px;
width: 205px; }

#distributor {
float: right;
padding-top: 0;
text-align: right;
width: 250px; }

#aid-name {
color: #004972;
font-size: 25px;
font-weight: bold;
letter-spacing: -1px; }

#aid-title {
color: #004972;
font-size: 11px;
font-style: italic;
letter-spacing: 1px;
margin-top: -3px; }

#aid-phone {
color: #004972;
font-size: 28px;
font-weight: bold;
letter-spacing: -1px;
margin-top: -3px; }

#aid-links {
color: #004972;
font-size: 12px;
margin-top: 0px; }

#aid-links a {
border-bottom: 1px dotted #004972;
color: #004972;
text-decoration: none; }

#aid-links a:hover {
border-bottom: 1px dotted #179bd7;
color: #179bd7;
text-decoration: none; }

#appt {
background-image: url(http://www.ardysslife.com/images/bg/appt.png);
float: left;
margin-left: 375px;
height: 100px;
width: 100px; }

#appt a {
display: block;
height: 100px;
width: 100px; }

/* ==================== Top Nav ==================== */

#navbar {
margin: 0;
padding: 0;
height: 1em; }

#navbar li {
list-style: none;
float: left;
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 0;
padding: 0; }

#navbar li a {
display: block;
color: #fff;
text-decoration: none; }

#navbar li ul {
display: none; 
width: 10em; /* width for Opera */
background-position: center;
background-color: #0062a1;
margin: 0;
padding: 0; }

#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0; }

#navbar li:hover li, #navbar li.hover li {
float: none; }

#navbar li:hover li a, #navbar li.hover li a {
background-color: #0062a1;
background-image: url(http://www.ardysslife.com/images/bg/dd.jpg);
border-bottom: 1px solid #004a72;
color: #fff; }

#navbar li li a:hover {
background-image: url(http://www.ardysslife.com/images/bg/dd2.jpg);
background-color: #3ca848; }

#nav {
height: 43px;
margin-bottom: 3px; }

#about {
background-image: url(http://www.ardysslife.com/images/bg/nav.png);
float: left;
height: 43px;
width: 192px; }

#about:hover {
background-position: 0 43px; }

#about a {
display: block;
height: 40px;
width: 192px; }

#bm2step {
background-image: url(http://www.ardysslife.com/images/bg/nav.png);
background-position: -192px 0;
float: left;
height: 43px;
width: 192px; }

#bm2step:hover {
background-position: -192px 43px; }

#bm2step a {
display: block;
height: 40px;
width: 192px; }

#products {
background-image: url(http://www.ardysslife.com/images/bg/nav.png);
background-position: -384px 0;
float: left;
height: 43px;
width: 192px; }

#products:hover {
background-position: -384px 43px; }

#products a {
display: block;
height: 40px;
width: 192px; }

#opportunity {
background-image: url(http://www.ardysslife.com/images/bg/nav.png);
background-position: -576px 0;
float: left;
height: 43px;
width: 192px; }

#opportunity:hover {
background-position: -576px 43px; }

#opportunity a {
display: block;
height: 40px;
width: 192px; }

#buynow {
background-image: url(http://www.ardysslife.com/images/bg/nav.png);
background-position: -768px 0;
float: left;
height: 43px;
width: 194px; }

#buynow:hover {
background-position: -768px 43px; }

#buynow a {
display: block;
height: 40px;
width: 192px; }

/* ==================== Image Rotator ==================== */

#rotator {
background-image: url(http://www.ardysslife.com/images/bg/rotator.png);
height: 299px;
width: 962px; }

#slides {
height: 297px;
position: relative;
width: 960px; }

#slides ul {
list-style-type: none;
margin: 0;
padding: 0; }

#slides ul li {
float: left;
margin: 0;
padding: 0;
position: absolute;
list-style: none; }

#slides ul li.show {
z-index: 100; }

/* ==================== Homepage Buckets ==================== */

#hpb1 {
background-image: url(http://www.ardysslife.com/images/home/bkt-fear-dessert.png);
float: left;
height: 117px;
width: 241px; }

#hpb1 a {
display: block;
height: 117px;
width: 241px; }

#hpb2 {
background-image: url(http://www.ardysslife.com/images/home/bkt-your-health.png);
float: left;
height: 117px;
width: 240px; }

#hpb2 a {
display: block;
height: 117px;
width: 240px; }

#hpb3 {
background-image: url(http://www.ardysslife.com/images/home/bkt-millionaires.png);
float: left;
height: 117px;
width: 241px; }

#hpb3 a {
display: block;
height: 117px;
width: 241px; }

#hpb4 {
background-image: url(http://www.ardysslife.com/images/home/bkt-magic-results.png);
float: left;
height: 117px;
width: 240px; }

#hpb4 a {
display: block;
height: 117px;
width: 240px; }

#hpb1:hover, #hpb2:hover, #hpb3:hover, #hpb4:hover {
background-position: 0 117px; }

/* ==================== Subpage Layouts ==================== */

#subfixed {
background-image: url(http://www.ardysslife.com/images/bg/subhome.png);
height: 332px;
width: 962px; }

#subfixed #rotator {
background-image: none;
float: left;
height: 330px;
width: 660px; }

#subfixed #slides {
height: 330px;
position: relative;
width: 660px; }

#subfixed #slides ul {
list-style-type: none;
margin: 0;
padding: 0; }

#subfixed #slides ul li {
float: left;
margin: 0;
padding: 0;
position: absolute;
list-style: none; }

#subfixed #slides ul li.show {
z-index: 100; }

#menufixed {
float: left;
height: 330px;
width: 300px; }

#menustretch {
float: left;
width: 300px; }

#menuleft {
float: left;
width: 250px; }

.fixedbtn {
background-image: url(http://www.ardysslife.com/images/bg/fixedbtn.jpg);
height: 66px;
width: 300px; }

.fixedbtn:hover {
background-position: 0 66px; }

#videofixed {
background-image: url(http://www.ardysslife.com/images/bg/video.jpg);
float: left;
height: 330px;
width: 660px; }

#videobox {
height: 250px;
margin-top: 31px;
margin-left: 108px;
width: 444px; }

#substretchcol {
background-image: url(http://www.ardysslife.com/images/bg/subcol.png);
width: 962px; }

#substretchcol-alt {
background-image: url(http://www.ardysslife.com/images/bg/subcol-alt.png);
width: 962px; }

#substretch {
background-image: url(http://www.ardysslife.com/images/bg/subwide.png);
width: 962px; }

#substretchbtm {
background-image: url(http://www.ardysslife.com/images/bg/subwidebtm.png);
font-size: 0;
height: 2px;
line-height: 0;
width: 962px; }

#content {
padding: 25px 30px; }

#content a, #content-left a {
border-bottom: 1px dotted #0062a1;
color: #0062a1;
text-decoration: none; }

#content a:hover, #content-left a:hover, #content-right a:hover{
border-bottom: 1px dotted #3ca848;
color: #3ca848;
text-decoration: none; }

#content-left {
background-image: url(http://www.ardysslife.com/images/bg/feather.png);
background-position: top;
background-repeat: no-repeat;
float: left;
padding: 25px 30px;
width: 600px; }

#content-right {
background-position: top;
background-repeat: no-repeat;
float: left;
padding: 25px 30px;
width: 650px; }

#headline {
background-image: url(http://www.ardysslife.com/images/bg/headline.jpg);
height: 35px;
margin: -15px -15px 15px -15px;
width: 630px; }

#headline h1 {
color: #fff;
font-weight: bold;
left: 15px;
padding: 0;
position: relative;
top: 5px; }

#building-pic {
background-image: url(http://www.ardysslife.com/images/about/building.jpg);
height: 250px;
margin-bottom: 20px;
width: 600px; }

#cares-pic {
background-image: url(http://www.ardysslife.com/images/about/cares-header.jpg);
height: 250px;
margin-bottom: 20px;
width: 600px; }

/* ==================== Body Magic Buckets ==================== */

#bmb1 {
background-image: url(http://www.ardysslife.com/images/magic/bkt-results.png);
float: left;
height: 117px;
width: 241px; }

#bmb1 a {
display: block;
height: 117px;
width: 241px; }

#bmb2 {
background-image: url(http://www.ardysslife.com/images/magic/bkt-challenge.png);
float: left;
height: 117px;
width: 240px; }

#bmb2 a {
display: block;
height: 117px;
width: 240px; }

#bmb3 {
background-image: url(http://www.ardysslife.com/images/magic/bkt-retail.png);
float: left;
height: 117px;
width: 241px; }

#bmb3 a {
display: block;
height: 117px;
width: 241px; }

#bmb4 {
background-image: url(http://www.ardysslife.com/images/magic/bkt-2step.png);
float: left;
height: 117px;
width: 240px; }

#bmb4 a {
display: block;
height: 117px;
width: 240px; }

/* ==================== Le'Vive Buckets ==================== */

#ljb1 {
background-image: url(http://www.ardysslife.com/images/levive/bkt-fans.png);
float: left;
height: 117px;
width: 241px; }

#ljb1 a {
display: block;
height: 117px;
width: 241px; }

#ljb2 {
background-image: url(http://www.ardysslife.com/images/levive/bkt-products.png);
float: left;
height: 117px;
width: 240px; }

#ljb2 a {
display: block;
height: 117px;
width: 240px; }

/* ==================== Opportunity Buckets ==================== */

#opb1 {
background-image: url(http://www.ardysslife.com/images/opportunity/bkt-success.png);
float: left;
height: 117px;
width: 241px; }

#opb1 a {
display: block;
height: 117px;
width: 241px; }

#opb2 {
background-image: url(http://www.ardysslife.com/images/opportunity/bkt-ets.png);
float: left;
height: 117px;
width: 240px; }

#opb2 a {
display: block;
height: 117px;
width: 240px; }

#opb3 {
background-image: url(http://www.ardysslife.com/images/opportunity/bkt-comp.png);
float: left;
height: 117px;
width: 241px; }

#opb3 a {
display: block;
height: 117px;
width: 241px; }

/* ==================== Bucket Hovers ==================== */

#bmb1:hover, #bmb2:hover, #bmb3:hover, #bmb4:hover, #ljb1:hover, #ljb2:hover, #opb1:hover, #opb2:hover, #opb3:hover {
background-position: 0 117px; }

/* ==================== Footer Optin ==================== */

#optin {
background-image: url(http://www.ardysslife.com/images/bg/optin.png);
float: left;
height: 154px;
margin-top: 6px;
width: 482px; }

#optin a {
display: block;
height: 154px;
width: 482px; }

/* ==================== Footer Spotlight ==================== */

#spotlight {
background-image: url(http://www.ardysslife.com/images/bg/spotlight.png);
float: left;
height: 154px;
margin-top: 6px;
width: 480px; }

#spotlight a {
display: block;
height: 154px;
width: 480px; }

/* ==================== Testimonials ==================== */

#testimony-wrap {
float: left;
height: 330px;
width: 660px; }

#testimony-wrap-wide {
float: left;
height: 330px;
width: 960px; }

#testimony-top {
background-color: #000;
height: 264px;
width: 660px; }

#testimony-top-wide {
background-color: #000;
height: 264px;
width: 960px; }

#testimony-btm {
background-image: url(http://www.ardysslife.com/images/bg/testimony-btm.jpg);
height: 66px;
width: 660px; }

#testimony-btm-wide {
background-image: url(http://www.ardysslife.com/images/bg/testimony-btm-wide.jpg);
height: 66px;
width: 960px; }

/* ==================== Testimonials ==================== */

#footer {
clear: both;
padding: 10px 5px; }

#foonav {
color: #000;
font-size: 11px;
float: left;
padding-top: 10px; }

#foonav a {
color: #000;
margin: 0 5px;
text-decoration: none; }

#foonav a:hover {
border-bottom: 1px dotted #004972;
color: #004972;
text-decoration: none; }

#foonav ul {
float: left;
list-style-type: none;
margin: 0;
width: 700px; }

#foonav ul li {
float: left;
padding: 0;
list-style-type: none; }

#copy {
margin-right: 30px; }

#fooicons {
float: right;
text-align: right; }

#fooicons a {
margin-left: 10px; }

/* ==================== Shopping Cart ==================== */

#cart-left {
background-image: url(http://www.ardysslife.com/images/bg/cart-left.png);
float: left;
width: 250px; }

#cart-menu {
width: 250px; }

#cart-right {
background-image: url(http://www.ardysslife.com/images/bg/cart-right.png);
float: left;
padding: 25px 30px;
width: 652px; }


#nutrition {
background-image: url(http://www.ardysslife.com/images/products/head-nutrition.jpg);
height: 30px;
width: 250px; }

#cosmetics {
background-image: url(http://www.ardysslife.com/images/products/head-cosmetics.jpg);
height: 30px;
width: 250px; }

#reshaping {
background-image: url(http://www.ardysslife.com/images/products/head-reshaping.jpg);
height: 30px;
width: 250px; }

#personal {
background-image: url(http://www.ardysslife.com/images/products/head-personal.jpg);
height: 30px;
width: 250px; }

#viewcart {
background-image: url(http://www.ardysslife.com/images/products/head-cart.jpg);
height: 30px;
width: 250px; }

#checkout {
background-image: url(http://www.ardysslife.com/images/products/head-checkout.jpg);
height: 30px;
width: 250px; }

#nutrition a, #cosmetics a, #reshaping a, #personal a, #viewcart a, #checkout a{
display: block;
height: 30px;
width: 250px; }

.button {
background-image: url(http://www.ardysslife.com/images/products/menu-btn.jpg);
height: 30px;
width: 250px; }

.button a {
display: block;
color: #fff;
height: 24px;
font-weight: bold;
position: relative;
top: 6px;
left: 37px;
width: 213px;
text-decoration: none; 
}

.button a.active
{

}

.price {
font-size: 14px;
font-weight: bold; }

.product-img {
float: right;
margin-left: 20px;
margin-bottom: 20px; }

/* ==================== Contact Page ==================== */

#contact-form {
float: left;
line-height: 150%;
margin-right: 30px;
width: 570px;
 }

#contact-form .field {
background-color: #eee;
border: 1px solid #ccc;
font-family: "Segoe UI", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px 1px;
width: 250px; }

#contact-form label {
color: #333;
font-size: 13px;
font-weight: bold;
line-height: 160%; }

#contact-form label.check {
color: #333;
font-size: 13px;
font-weight: normal; }

#contact-form textarea {
background-color: #eee;
border: 1px solid #ccc;
font-family: "Segoe UI", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
height: 58px;
padding: 3px 1px;
width: 250px; }

#contact-form .submit {
background-color: #0062a1;
border: 2px solid #004a72;
color: #fff;
cursor: pointer;
font-family: "Segoe UI", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding: 5px 10px; }

#contact-form .submit:hover {
background-color: #179bd7;
border: 2px solid #0062a1;
color: #fff;
font-family: "Segoe UI", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding: 5px 10px; }

#contact-info {
background-color: #004a72;
color: #fff;
float: left;
line-height: 150%;
padding: 15px;
width: 270px; }

#form-left {
float: left;
margin-right: 50px;
width: 250px; }

#form-right {
float: left;
width: 270px; }
/* ==================== Show/Hide ==================== */

.dhtmlgoodies_question {

overflow:hidden;
cursor:pointer; }

.dhtmlgoodies_question div {
color: #00386f;
font-weight: bold;
display: block;
text-decoration: underline; }

.dhtmlgoodies_answer{
visibility: hidden;
height: 0px;
overflow: hidden;
position: relative; }

.dhtmlgoodies_answer_content{
position: relative; }

.dd-wrap {
border-bottom: 1px solid #fff;
list-style-type: none;
margin: 0;
padding: 7px 0 0 10px; }

.dd-link {
list-style-type: none;
margin-bottom: 7px; }

.dd-link a {
color: #000;
display: block;
text-decoration: none; }

.dd-link a:hover {
color: #185184; }


/* ==================== Miscellaneous ==================== */

.clear {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
width: 0; }

.intro {
padding-bottom: 15px; }

.anyClass img {
margin: 5px 5px 0 5px; }

/* ==================== PnelProducts ==================== */

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {

}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {

}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {

}

/*================SignUp=================*/
.signupOptions
{
display: block;
width: auto;
height: auto;
position: relative;
top: -15px;
left: 23px;
}






.bold { FONT-WEIGHT: bold; }
.indent { MARGIN-LEFT: 15px; }
.cursor { CURSOR: pointer !important; }
img { BORDER: 0; }

.clear { CLEAR: both; }
.contentContainer { WIDTH: auto; HEIGHT: auto; MARGIN: 0px 30px 15px 30px; }

.signupContainer { }
.signupContainer .content { WIDTH: 500px; }
.signupContainer .error { FONT-WEIGHT: bold; COLOR: Red; FONT-SIZE: 16px; }
.signupContainer .error.good { COLOR: Green; }
.signupContainer .error.bad { COLOR: Red; }
.signupContainer .ErrorsBox { DISPLAY: block; WIDTH: auto; HEIGHT: auto; TEXT-ALIGN: center; MARGIN: 0 auto; COLOR: Red; }
.signupContainer .ErrorsBox .global { FONT-WEIGHT: bold; FONT-SIZE: 13px; }
.signupContainer .ErrorsBox .header { FONT-SIZE: 14px; TEXT-DECORATION: underline; FONT-WEIGHT: bold; }
.signupContainer .ErrorsBox li { LIST-STYLE-TYPE: none; TEXT-ALIGN: center; }
.signupContainer h1 { COLOR: #E29D2C; FONT-SIZE: 42px; FONT-WEIGHT: bold; TEXT-ALIGN: center; LETTER-SPACING: -1px; }
.signupContainer h1 a.lnkLearnMore { FONT-SIZE: 16px; FONT-WEIGHT: bold; LETTER-SPACING: 0px; }
.signupContainer h2 { FONT-SIZE: 17px; FONT-WEIGHT: normal; TEXT-ALIGN: center; BACKGROUND-COLOR: #DBE7F3; MARGIN: 0; PADDING: 10px 0; BORDER: 1px solid #CCC; }
.signupContainer h2 .txtLarge { FONT-SIZE: 20px; FONT-WEIGHT: bold; COLOR: #285398; }
.signupContainer h3 { FONT-SIZE: 16px; MARGIN-BOTTOM: 15px 0; PADDING: 5px 0 5px 0; TEXT-INDENT: 10px; BORDER-TOP: 1px solid #CCC; BORDER-BOTTOM: 1px solid #CCC; COLOR: #FFFFFF; BACKGROUND-COLOR: #285398; }
.signupContainer h4 { FONT-SIZE: 15px; LETTER-SPACING: 0px; COLOR: #E29D2C; FONT-WEIGHT: bold; MARGIN-BOTTOM: 0; PADDING-BOTTOM: 10px; }
.signupContainer hr { WIDTH: 100%; HEIGHT: 1px; BACKGROUND-COLOR: #CCCCCC; MARGIN: 0; PADDING: 0; }
.signupContainer .required { COLOR: Red; FONT-WEIGHT: bold; FONT-SIZE: 18px; }
.signupContainer .requiredInstructions { WIDTH: 220px; HEIGHT: auto; BACKGROUND-COLOR: #F8F8F8; FONT-STYLE: italic; TEXT-ALIGN: center; COLOR: #333; PADDING: 5px; BORDER: 1px solid #EEE; MARGIN: 0 auto 15px auto; }
.signupContainer .breadcrumbTrailContainer { DISPLAY: block; WIDTH: auto; HEIGHT: 30px; CURSOR: default; LINE-HEIGHT: 30px; TEXT-ALIGN: center; MARGIN: 15px 0 0 15px; FONT-SIZE: 14px; }
.signupContainer .breadcrumbTrailContainer .item { FLOAT: left; DISPLAY: block; WIDTH: auto; HEIGHT: 30px; LINE-HEIGHT: 30px; PADDING: 0 10px; TEXT-DECORATION: none; COLOR: #999; FONT-SIZE: 11px; MARGIN: 0 2px; }
/*.signupContainer .breadcrumbTrailContainer a:hover { color: #000; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; padding: 0 9px; }*/
.signupContainer .breadcrumbTrailContainer .item.active { COLOR: #285398; FONT-WEIGHT: bold; HEIGHT: 31px; BACKGROUND-COLOR: #DBE7F3; BORDER-LEFT: 1px solid #CCC; BORDER-RIGHT: 1px solid #CCC; BORDER-TOP: 1px solid #CCC; }
/*.signupContainer .breadcrumbTrailContainer a.active:hover { display: inline-block; width: auto; height: 31px; background-color: #DBE7F3; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 10px; text-decoration: none; color: #285398; font-size: 11px; cursor: default;  }*/
.signupContainer .optionContainer { WIDTH: auto; HEIGHT: auto; TEXT-ALIGN: center; MARGIN: 0 auto; }
.signupContainer .optionContainer td { VERTICAL-ALIGN: top; }
.signupContainer .optionContainer .option { WIDTH: auto; HEIGHT: auto; MARGIN: 0 3px; }
.signupContainer .optionContainer .option .name { WIDTH: auto; HEIGHT: 30px; LINE-HEIGHT: 30px; TEXT-ALIGN: left; FONT-SIZE: 24px; PADDING: 5px; FONT-WEIGHT: bold; COLOR: #FFFFFF; BACKGROUND-COLOR: #285398; }
.signupContainer .optionContainer .option .image { WIDTH: auto; HEIGHT: auto; MARGIN-BOTTOM: 10px; VERTICAL-ALIGN: top; }
.signupContainer .optionContainer .option .price { FONT-SIZE: 18px; TEXT-ALIGN: center; }
.signupContainer .optionContainer .option .details { TEXT-ALIGN: left; WIDTH: auto; HEIGHT: 100px; PADDING: 5px 10px; }
.signupContainer .optionContainer .option .price { FONT-SIZE: 30px; font-weight: bold; TEXT-ALIGN: center; }
.signupContainer .optionContainer .option .price sup { FONT-SIZE: 12px; COLOR: #999;}
.signupContainer .optionContainer .option .details ul { MARGIN: 0 0 0 20px; PADDING: 0; }
.signupContainer .optionContainer .option .details li { MARGIN: 0; PADDING: 0; }
.signupContainer .optionContainer .option .selectOption { TEXT-ALIGN: center; MARGIN-TOP: 15px; TEXT-TRANSFORM: uppercase; PADDING: 5px; FONT-SIZE: 14px; FONT-WEIGHT: bold; }
.signupContainer .optionContainer .option .image img { WIDTH: auto; HEIGHT: auto; }
.signupContainer .optionContainer .option .chkboxAutoship { FONT-SIZE: 28px; MARGIN-TOP: 10px; LETTER-SPACING: -1px; CURSOR: pointer; }
.signupContainer .optionContainer .option .chkboxAutoship input, .chkboxLarge input, input.chkboxLarge { WIDTH: 32px; HEIGHT: 32px; }
.signupContainer .optionContainer .option .customization { WIDTH: auto; HEIGHT: auto; PADDING: 15px; TEXT-ALIGN: center; }
.signupContainer .optionContainer .small .name { FONT-SIZE: 16px; BACKGROUND-COLOR: #999; }
.signupContainer .optionContainer .focus .name { COLOR: #FFFFFF; BACKGROUND-COLOR: #285398; }
.signupContainer .optionContainer .small .image img { WIDTH: 50%; HEIGHT: 50%; }
.signupContainer .optionContainer .small .selectOption { FONT-SIZE: 12px; }
.signupContainer .optionContainer a.lnkLearnMore { DISPLAY: block; WIDTH: auto; HEIGHT: auto; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.signupContainer .signupNavigationContainer { TEXT-ALIGN: center; MARGIN-TOP: 30px; PADDING-TOP: 15px; BORDER-TOP: 1px solid #CCC; }
.signupContainer .signupNavigationContainer .nextButton { MARGIN: 0 10px; CURSOR: pointer; }
.signupContainer .signupNavigationContainer .buttonDivider { COLOR: #999; FONT-SIZE: 10px; }
.signupContainer .signupInformation .label { WIDTH: 120px; VERTICAL-ALIGN: top; }
.signupContainer .signupInformation .labelLong { WIDTH: 160px; }
.signupContainer .signupInformation .field { WIDTH: auto; VERTICAL-ALIGN: top; }
.signupContainer .signupInformation .field .fieldInstructions { COLOR: #666; FONT-SIZE: 10px; }
.signupContainer .signupConfirmation td { VERTICAL-ALIGN: top; PADDING-BOTTOM: 5px; }
.signupContainer .cartContainer .cartTable { BORDER: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable * { BORDER-COLLAPSE: collapse; VERTICAL-ALIGN: top; }
.signupContainer .cartContainer .categoryHeader { FONT-SIZE: 28px; COLOR: #FFFFFF; BACKGROUND-COLOR: #285398; PADDING:5px; LETTER-SPACING: -1px; FONT-WEIGHT: bold; MARGIN: 0 0 0 0; }
.signupContainer .cartContainer .cartTable .headerContainer { BACKGROUND-COLOR: #EEE; TEXT-ALIGN: left; FONT-WEIGHT: bold; PADDING: 5px; }
.signupContainer .cartContainer .cartTable .headerContainer .imgContainer { BACKGROUND-COLOR: #EEE; TEXT-ALIGN: left; FONT-WEIGHT: bold; PADDING: 5px; }
.signupContainer .cartContainer .cartTable .imgContainer { TEXT-ALIGN: center; BACKGROUND-COLOR: #FFF; WIDTH: 100px; PADDING: 0px; BORDER-TOP: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .imgContainer .productImage { MARGIN-BOTTOM: 5px; }
.signupContainer .cartContainer .cartTable .descriptionContainer { WIDTH: 450px; PADDING: 10px; BORDER-RIGHT: 1px solid #CCC; BORDER-TOP: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .descriptionContainer.header { PADDING: 0 0 0 10px; VERTICAL-ALIGN: middle; }
.signupContainer .cartContainer .cartTable .descriptionContainer .description { FONT-SIZE: 16px; COLOR: #285398; MARGIN-BOTTOM: 5px; }
.signupContainer .cartContainer .cartTable .descriptionContainer .description a { TEXT-DECORATION: none; }
.signupContainer .cartContainer .cartTable .descriptionContainer .description a:hover { TEXT-DECORATION: underline; }
.signupContainer .cartContainer .cartTable .descriptionContainer .detail { MARGIN-BOTTOM: 15px; }
.signupContainer .cartContainer .cartTable .descriptionContainer .price { FONT-SIZE: 14px; COLOR: #285398; }
.signupContainer .cartContainer .cartTable .learnMore { FONT-SIZE: 11px; FONT-STYLE: italic; }
.signupContainer .cartContainer .cartTable .priceContainer { BACKGROUND-COLOR: #f2ffeb; PADDING: 5px; BORDER-TOP: 1px solid #CCC; BORDER-RIGHT: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .volumeContainer { PADDING: 5px; BORDER-TOP: 1px solid #CCC; BORDER-RIGHT: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .quantityContainer { TEXT-ALIGN: center; PADDING: 5px; BORDER-TOP: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .quantityContainer input { WIDTH: 23px; MARGIN-BOTTOM: 5px; }
.signupContainer .cartContainer .cartTable .quantityContainer .qtyButton { MARGIN-BOTTOM: 5px; }
.signupContainer .cartContainer .Cart { WIDTH: 225px; HEIGHT: auto; BACKGROUND-COLOR: #f6ead5; MARGIN-TOP: 78px; BORDER-LEFT: 1px solid #E29D2C; BORDER-BOTTOM: 3px solid #E29D2C; BORDER-RIGHT: 1px solid #E29D2C; BORDER-TOP: 2px solid #E29D2C; }
.signupContainer .cartContainer .Cart h1 { FONT-SIZE: 14px; LETTER-SPACING: 0; COLOR: #FFF; MARGIN: 0; PADDING: 5px; BACKGROUND-COLOR: #E29D2C; BORDER-BOTTOM: 1px solid #CCC; MARGIN-BOTTOM: 10px; }
.signupContainer .cartContainer .Cart .content { MARGIN: 10px; WIDTH: 205px; }
.signupContainer .cartContainer .Cart .content a.nextButton { DISPLAY: block; CURSOR: pointer; TEXT-ALIGN: center; WIDTH: auto; HEIGHT: 50px; LINE-HEIGHT: 50px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 15px; BORDER: 1px solid #CCC; BACKGROUND-COLOR: #EEE; TEXT-DECORATION: none; FONT-SIZE: 16px; }
.signupContainer .cartContainer .Cart .content .nextButton.disabled { DISPLAY: block; TEXT-ALIGN: center; WIDTH: auto; HEIGHT: 50px; LINE-HEIGHT: 50px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 15px; TEXT-DECORATION: none; FONT-SIZE: 11px; border: 1px solid #ff0000; BACKGROUND-COLOR: #F8F8F8; COLOR: #ff0000; }
.signupContainer .cartContainer .Cart .content a.nextButton:hover { TEXT-DECORATION: underline; }
.signupContainer .cartContainer .Cart .content .quantity { WIDTH: 20px; TEXT-ALIGN: right; FONT-WEIGHT: bold; PADDING-RIGHT: 5px; }
.signupContainer .cartContainer .Cart .content .subtotalLabel { FONT-SIZE: 18px; FONT-WEIGHT: bold; }
.signupContainer .cartContainer .Cart .content .subtotalValue { FONT-SIZE: 18px; FONT-WEIGHT: bold; }
.signupContainer .cartContainer .Cart .content .qpLabel { FONT-SIZE: 16px; }
.signupContainer .cartContainer .Cart .content .qpValue { FONT-SIZE: 16px; }

.signupContainer .cartContainer .tabs { width: auto; HEIGHT: auto; padding-left: 5px; }
.signupContainer .cartContainer .tabs a { DISPLAY: inline-block; WIDTH: auto; height: auto; PADDING: 9px 13px; BORDER-left: 1px solid #CCC; BORDER-top: 1px solid #CCC; BORDER-right: 1px solid #CCC; BACKGROUND-COLOR: #EEE; TEXT-DECORATION: none; FONT-SIZE: 16px; }
.signupContainer .cartContainer .tabs a:hover { TEXT-DECORATION: underline; }

.recap { WIDTH: auto; HEIGHT: auto; }

.SubmitButton { FONT-SIZE: 24px; FONT-WEIGHT: normal; MARGIN: 15px 0; }



/************ Back Office Template ********/


.mainContainer
{
width: 970px;
height: auto;
margin: 0 auto;
}


.mainContent
{
width: auto;
height: auto;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding: 0;
}

.mainHeader
{
width: auto;
height: 130px;
background: url(http://www.ardysslife.com/images/bgHeader.jpg)
border: 1px solid #ccc;

}



.contentSection
{

background: url(http://www.ardysslife.com/images/Loginbg.JPG) no-repeat;
padding: 20px;
width:970px;
height:563px;
text-align:center;
}

.clearBoth{clear: both;}

.spacer20{width: auto; height: 20px;}



/************ End Template ********/