/*-------------------------------------------------------------

  content.css
  
  Unique stuff that changes from page to page
  
  ©2008 Pro-Ma Systems. All Rights Reserved.

-------------------------------------------------------------*/


/*-------------------------------------------------------------
  page sub-headers
-------------------------------------------------------------*/

/* driveyourfuture */
/*
div.subheader#driveyourfuture {
	background-image:url(Images/driveyourfuture.jpg);
	height:207px;
}
*/

/* optimumhealthhome */
/*
div.subheader#optimumhealthhome {
	background-image:url(Images/optimumhealthhome.jpg);
	height:207px;
}
*/

/* optimumhealth */
/*
div.subheader#optimumhealth {
	background-image:url(Images/subheader_optimumhealth.jpg);
	height:65px;
}
*/







/*-------------------------------------------------------------
  home page - headings
-------------------------------------------------------------*/


.homeh1 {
	font-family: Helvetica;
	font-size: 23px;
	line-height: 23px;
	color: #4D4D4D;
	font-weight: normal;
	margin-bottom: 15px;
}

.homeh1 strong { /* SUBTITLE */
	font-size: 11px;
	color: #868D93;
	text-transform: uppercase;
} 

.homeh2 {
	background-image:url(Images/h2-bg.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	height:48px;
	line-height:45px;
	color:#587e94;
	font-size:19px;
	font-style:italic;
	padding-left:18px;
	text-align: left;
	width:234px !important;  /* Ignored by IE */
	width:252px;
}

.homeh3 {
	background-image:url(Images/h3-bg.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	height:28px;
	line-height:28px;
	color:#26536f;
	font-size:14px;
	font-style:italic;
	padding-left:10px;
}




/*-------------------------------------------------------------
  features
-------------------------------------------------------------*/

div.feature {
	width:253px;
	height:204px;
	/*height:190px;*/
	background-image:url(Images/box-bg.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	/*overflow:hidden;*/
	min-height:214px;
}

div.feature h2 {
	width:234px;
	_width:252px;
}

div.feature p, div.feature a {
	margin:18px;
	margin-top:10px;
	/*max-height:76px;   Chris 28 May 2008 */
	/*overflow:hidden;   Chris 28 May 2008 */
	font-size:11px;
}

div.feature a { 
	font-weight:bold; 
	text-decoration:underline;
	margin-top:20px;
}

div.feature div.ContentPane {
	text-align:left;
}

div.feature div.ContentPane div.Normal * {
	font-family:trebuchet ms;
	font-weight:normal;
	/* font-weight:bold;*/
}

div.feature div.ContentPane div.Normal br {
	display:none;
	visibility:hidden;
}


/*-------------------------------------------------------------
  small boxes
-------------------------------------------------------------*/

div.smallbox {
	width:220px;
	height:138px;
	background-image:url(Images/login-box-bg.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
}


/*-------------------------------------------------------------
  sidebar
-------------------------------------------------------------*/

div#sidebar {
	width:220px;
	float:right;
	margin:0px;
	padding:0px;
}


/*-------------------------------------------------------------
  login box
-------------------------------------------------------------*/

div#dnn_loginBox {
	height:auto;
	min-height:140px;
	_height:136px;
}

div#dnn_loginBox h3 {
	margin-bottom:12px;
	font-family:trebuchet ms;
}

div#dnn_loginBox label {
	color:#686868;
	float:left;
	clear:left;
	width:60px;
	margin-left:10px;
	margin-bottom:7px;
	margin-right:5px;
	height:20px;
	line-height:19px;
	_line-height:18px;
	font-size:12px;
	text-align:right;
}

div#dnn_loginBox input {
	float:left;
	width:120px;
	height:18px;
	border:solid 1px #cccccc;
	margin-bottom:7px;
	_margin-bottom:9px;
}

div#dnn_loginBox input#dnn_btnLogin {
	width:60px;
	height:20px;
	border:none;
	margin:0px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:18px;
	float:left; 
	clear:left;
}

div#dnn_loginBox a {
	background-image:url(Images/link-bullet.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding:0px;
	padding-left:8px;
	margin-top:6px;
	margin-left:10px;
	height:20px;
	display:block;
	line-height:18px;
	float:left;
	font-size:11px;
}

div#dnn_loginBox div.loginMessage {
	/*float:left;*/
	clear:both;
	margin-bottom:15px;
}

div#dnn_loginBox div.loginMessage span.message {
	color:red;
	font-size:11px;
}


/*-------------------------------------------------------------
  become a distributor box
-------------------------------------------------------------*/
/*
div#distributor {
	width:506px;
	height:208px;
	position:relative;
}

div#distributor h2 {
	width:487px;
	_width:505px;
}

div#distributor p {
	float:left;
	font-size:16px;
	font-style:italic;
	color:#587e94;
	line-height:24px;
	width:327px;
	margin-right:0px;
	font-weight:normal;
}

div#distributor a {
	float:left;
	color:#4d8aac;
	font-size:20px;
	font-style:italic;
	text-decoration:none;
	clear:left;
	background-image:url(Images/startnow.png);
	background-repeat:no-repeat;
	background-position:right center;
	width:125px;
	font-weight:normal;
}

*/
div#distributor { 
	text-align:left; 
}

div#distributor a {
	display:none;
}

div#distributor img {
	margin:0px;
}

/* <DNN Hack> */
/*div#distributor div#dnn_ContentPane a {
	display:none;
}
div#distributor div#dnn_ContentPane div.Normal a {
	display:block;
}*/
/* </DNN Hack> */



/*-------------------------------------------------------------
  products box
-------------------------------------------------------------*/

div#products div.ContentPane a {
	margin-top:-10px;
	margin-bottom:0px;
	display:block;
}



/*-------------------------------------------------------------
  nz owned
-------------------------------------------------------------*/

#nzOwned {
	background-image:url(Images/nzmade.jpg);
	height:98px;
	_margin-top:2px;
	float:left;
}

#nzOwned p {
	color:#26536f;
	font-size:16px;
	font-style:italic;
	margin-left:75px;
	margin-top:13px;
}


/*-------------------------------------------------------------
  australian owned
-------------------------------------------------------------*/

#australianOwned {
	background-image:url(Images/aussiemade.jpg);
	height:98px;
	_margin-top:2px;
	float:left;
}

#australianOwned p {
	color:#26536f;
	font-size:16px;
	font-style:italic;
	margin-left:75px;
	margin-top:13px;
}


/*-------------------------------------------------------------
  featured product
-------------------------------------------------------------*/

div#featured {
	text-align:center;
	height:208px;
}

div#featured h2 {
	text-align:left;
}

div#featured img {
	border:none;
	clear:right;
	margin-top:10px;
}

div#featured a b {
	font-weight:bold;
	font-size:11px;
}

div#featured a {
	display:block;
	font-size:11px;
	font-weight:normal
}

/* <DNN Hack> */
div#featured div#dnn_Featured_Pane {
	text-align:left;
}
div#featured div#dnn_Featured_Pane a {
	display:none;
	text-align:left;
}
div#featured div#dnn_Featured_Pane div.Normal {
	text-align:center;
}
div#featured div#dnn_Featured_Pane div.Normal a {
	display:block;
	text-align:center;
	margin-top:0px;
}
/* </DNN Hack> */


/*-------------------------------------------------------------
  categories
-------------------------------------------------------------*/

ul.categories {
	float:left;
	width:162px;
	height:494px;
	margin:0px;
	margin-top:12px;
	margin-left:10px;
	padding:0px;
	list-style:none;
	background-image:url(Images/categories-bg.png);
	background-repeat:repeat-x;
	background-position:left 180px;
	background-color:#eef9fc;
}

ul.categories li {
	border-bottom:solid 1px #d4eef4;
	border-top:solid 1px white;
	height:18px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#e7f6f9;
}

ul.categories li.current {
	background-color:white;
	border-top:solid 1px #e7f6f9;
}

ul.categories li a {
	color:#26536f;
	text-decoration:none;
	line-height:18px;
	font-size:11px;
	font-weight:bold;
	background-image:url(Images/link-bullet2.gif);
	background-repeat:no-repeat;
	background-position:6px center;
	padding-left:18px;
}


/*-------------------------------------------------------------
  health categories
-------------------------------------------------------------*/

ul#healthCategories {
	background-position:left 280px;
}


/*-------------------------------------------------------------
  product info
-------------------------------------------------------------*/

div#productarticle {
	float:left;
	margin-left:25px;
	margin-top:0px;
	margin-bottom:12px;
	margin-right:0px;
}

div#productarticle * {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #323232;
	text-align: justify;
}

div#productarticle span {
	color:#333333;
	line-height:22px;
	padding-right:20;
	display:block;
}

div#productarticle p, div#productarticle * p {
	color:#333333;
	line-height:22px;
	padding-right:20;
	display:block;
}

div#productarticle .addtocartbox {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	color: #333333;
}

/* Links */

div#productarticle a {
	color: #003366;
	outline:none;
	text-decoration: underline;
}
div#productarticle a:hover { 
	color: #0085D2; 
}	

div#productarticle a:active {
}	

div#productarticle .ingredientstable {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #DDEAF0;
	color: #333333;
	margin: 15px;
}

div#productarticle .ingredientstable td {
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #DDEAF0;
	border-right-color: #DDEAF0;
	border-bottom-color: #DDEAF0;
	border-left-color: #DDEAF0;
}	

div#productarticle .prodchoice {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333333;
	clip: rect(auto, auto, auto, auto);
	width: 200px;
	margin-right:10px;
}

/*-------------------------------------------------------------
  product image
-------------------------------------------------------------*/

div#productarticle .productimage
{
	float:left;
	text-align:center;
	margin-left:35px;
}
.moreinfoimage 
{
	float:left;
	margin-left:25px;
}

div#productarticle * {
	font-family:arial, helvetica, sans-serif;
}

div#productarticle .productimage p, div#productarticle .productimage span 
{
	text-align:center;
	margin:0;
	padding:0;
	line-height:18px;
	font-size:12px;
}

div#productarticle span {
	display:inline;
}

div#productarticle .productimage p strong, div#productarticle .productimage span strong
{
	font-weight:bold;
}



div#productarticle .quickShop {
	float:left;
	margin-left:25px;
}


div#productarticle .quickShop label {
	float:left;
	padding-right:5px;
}
div#productarticle .quickShopQty {
	float:left;
	width:25px;
	border:solid 1px #cccccc;
	height:18px;
}

div#productarticle .btnQuickAddToCart 
{
	float:left;

}


/*-------------------------------------------------------------
  order box
-------------------------------------------------------------*/

div#productarticle .orderBox {
	background-color:#effce1;
	width:205px;
	height:90px;
	float:left;
	margin-left:28px;
	margin-top:23px;
}

div#productarticle .orderBox span.title, div#productarticle .orderBox p {
	font-size:10px;
	margin-top:8px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:0px;
	padding:0px;
	display:block;
	font-weight:bold;
}

div#productarticle .orderBox p {
	margin-top:4px;
	color:#666666;
}
div#productarticle .orderBox a {
	font-size:10px;
	color:#336633;
	font-weight:bold;
}

div#productarticle .orderBox span.title * {
	font-size:10px;
	margin-top:8px;
	margin-bottom:0px;
	padding:0px;
	display:inline;
	font-weight:bold;
}


/*-------------------------------------------------------------
  products home page
-------------------------------------------------------------*/

div#productshomeimage {
	background-image:url(Images/optimumhealth.jpg);
	background-repeat:no-repeat;
	width:242px;
	height:241px;
	float:right;
	margin-top:60px;
	margin-right:16px;
}

div#producthome {
	width:490px;
}


/*-------------------------------------------------------------
  customer bar
-------------------------------------------------------------*/

div#customerbar {
	background-image:url(Images/customerbar-bg.jpg);
	background-repeat:repeat-x;
	height:30px;
	width:980px;
	overflow:hidden;
}


/*-------------------------------------------------------------
  dashboard
-------------------------------------------------------------*/

div#dashboard {
	background-image:url(Images/dashboard-bg.jpg);
	background-repeat:repeat-x;
	height:24px;
	width:727px;
	margin-top:3px;
	margin-left:3px;
	float:left;
}

div#dashboard span.title, a.expand {
	height:24px;
	display:block;
	background-repeat:no-repeat;
	color:#4d7c99;
	line-height:24px;
}

div#dashboard span.title {
	float:left;
	background-image:url(Images/dashboard-bg-left.jpg);
	background-position:left top;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	padding-left:10px;
}

div#dashboard a.expand {
	float:right;
	background-image:url(Images/dashboard-bg-right.jpg);
	background-position:right top;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	padding-right:10px;
	
}

div#dashboard a.expand span {
	color:#97bcd0;
}


/*-------------------------------------------------------------
  cart actions
-------------------------------------------------------------*/

div#cartactions {
	background-image:url(Images/cartactions-bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:27px;
	float:left;
	margin-top:3px;
	width:233px;
	padding-left:17px;
}

div#cartactions a.button {
	background-image:url(Images/button-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#4d7c99;
	width:65px;
	height:20px;
	display:block;
	float:left;
	margin-top:3px;
	line-height:19px;
	text-align:center;
	margin-right:4px;
}

div#cartactions span {
	line-height:24px;
	color:#4d7c99;
	font-size:10px;
}


/*-------------------------------------------------------------
  store sub-header
-------------------------------------------------------------*/

div#store {
	background-image:url(Images/storesubheader-bg.png);
	background-repeat:repeat-x;
	height:75px;
}

.storeheadh1 {
	font-size:25px;
	font-weight:bold;
	font-style:italic;
	text-indent:0px;
	color:#4d7c99;
	margin-left:16px;
	line-height:60px;
	float:left;
}


/*-------------------------------------------------------------
  ordering progress bar
-------------------------------------------------------------*/

.CheckoutProgress {
	width:504px;
	height:60px;
	margin-top:10px;
	margin-left:63px;
	padding:0px;
	position:relative;
	float:left;
}

.CheckoutProgress span {
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
	text-indent:0px;
	color:gray;
	font-weight:bold;
	background-image:url(Images/secure.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:12px;
	margin-left:10px;
	line-height:25px;
}

.CheckoutProgressList {
	background-image:url(Images/ordering-progress-bar.gif);
	background-repeat:repeat-x;
	background-position:left center;
	height:100%;
	margin:0px;
	padding:0px;
	padding-left:130px;
	float:left;
	clear:none;
}

.CheckoutProgressList li {
	background-image:url(Images/ordering-progress-bar-bullet.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:100%;
	margin:0px;
	padding:0px;
	width:55px;
	margin-left:38px;
	display:block;
	float:left;
	list-style:none;
	text-indent:0px;
	color:#49718c;
	font-weight:bold;
	text-align:center;
	line-height:25px;
}

.CheckoutProgressList li.current {
	background-image:url(Images/ordering-progress-bar-bullet-sel.gif);
}



/*-------------------------------------------------------------
  StartNOW progress bar
-------------------------------------------------------------*/

.StartNowProgress {
	width:800px;
	height:60px;
	margin-top:10px;
	margin-left:0px;
	padding:0px;
	position:relative;
	float:left;
}

.StartNowProgress span {
	position:absolute;
	left:0px;
	top:0px;
	width:142px;
	text-indent:0px;
	color:gray;
	font-weight:bold;
	padding-left:0px;
	margin-left:0px;
	line-height:25px;
}

.StartNowProgressList {
	background-image:url(Images/ordering-progress-bar.gif);
	background-repeat:repeat-x;
	background-position:left center;
	height:80%;
	margin:0px;
	padding:0px;
	margin-left:170px;
	float:left;
	clear:none;
}

.StartNowProgressList li {
	background-image:url(Images/ordering-progress-bar-bullet.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:100%;
	margin:0px;
	padding:0px;
	width:55px;
	margin-left:38px;
	display:block;
	float:left;
	list-style:none;
	text-indent:0px;
	color:#49718c;
	font-weight:bold;
	text-align:center;
	line-height:25px;
}

.StartNowProgressList li.current {
	background-image:url(Images/ordering-progress-bar-bullet-sel.gif);
}



/*-------------------------------------------------------------
  StartNOW page
-------------------------------------------------------------*/

.QuickstartTitle, .QuickstartTitle * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #333333;
	font-weight: bold;
}

.QuickstartSubTitle, .QuickstartSubTitle * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}	

.QuickstartTitle input {
	height:15 !important;  /* Ignored by IE */
	height:25px;
}

.startnow-box {
	background-color: #FFFFFF;
	background-image: url(images/startnowboxbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 704px;
	padding-left: 10px;
}
.startnow-productcode, .startnow-productcode * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.startnow-value, .startnow-value * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.startnow-yourprice, .startnow-yourprice * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #333333;
	font-weight: bold;
}
.startnow-optionboxes {
	padding: 10px;
}

.startnow-textbox {
	font-size: 11px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 24px;
	font-family: Arial, Helvetica, sans-serif;
}

.pnlGC_collapsed *, 
.pnlGDJ_collapsed *,  
.pnlOptiW8_collapsed *,
.pnlAloe_collapsed *,
.pnlPerf_collapsed *,
.pnlGAO_collapsed * {
	padding-bottom:20px;
}


/*-------------------------------------------------------------
  Mini quick-shop in StoreBanner
-------------------------------------------------------------*/

div#quickShop {
	float:right;
	width:240px;
	text-indent:0px;
	margin-right:10px;
}

div#quickShop label, div#quickShop span {
	color:#49718c;
}

div#quickShop span.title {
	float:left;
	display:block;
	width:50%;
	font-size:11px;
	height:20px;
	margin-top:10px;
}

div#quickShop span.title_right {
	float:right;
	clear:right;
	display:block;
	width:50%;
	text-align:right;
	font-size:11px;
	height:20px;
	margin-top:10px;
}

div#quickShop label {
	float:left;
	margin-right:4px;
	line-height:19px;
}

.quickShopProductID {
	float:left;
	width:90px;
	border:solid 1px #cccccc;
	height:18px;
	margin-right:4px;
}
.quickShopQty {
	float:left;
	width:25px;
	border:solid 1px #cccccc;
	height:18px;
	margin-right:4px;
}

.btnQuickAddToCart 
{
	float:right;
	margin-right:3px;

}

div#productarticle .quickshopMessage *
{
	font-size:11px;
	float:left;
	clear:both
}	
div#store .quickshopMessage *
{
	color:Red;
	font-size:11px;
	float:left;
	clear:both
}	


/*-------------------------------------------------------------
  Store Checkout steps
-------------------------------------------------------------*/

div#storecheckout {
	float:left;
	margin-left:0px;
	margin-top:12px;
	margin-bottom:12px;
	width:530px;
	position:relative;
	z-index:1;
	padding-left:12px;
}

div#storecheckout h1 {
	font-family:trebuchet ms;
	font-size:21px;
	font-style:italic;
	text-indent:0px;
	color:#476c84;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	background-image:url(Images/delivery-icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:60px;
	height:60px;
	line-height:60px;
	
}

div#storecheckout h2 {
	font-family:trebuchet ms;
	color:#333333;
	background:none;
	font-style:normal;
	font-size:16px;
	font-weight:bold;
	padding:0px;
	line-height:55px;
	letter-spacing:normal;
}


/*-------------------------------------------------------------
  purchasing step
-------------------------------------------------------------*/

.ddlDespatch {
	
}


/*-------------------------------------------------------------
  Generic forms for data capture: Eg, Delivery, Payment
-------------------------------------------------------------*/

.formbox {
	 background-color: #f9f9f9;
	 width: 500px;
	 height:100%;
	 padding-top: 12px;
	 padding-right: 12px;
	 padding-left: 12px;
	 margin-bottom:12;
}

.formbox .formrow {
	float:left;
	width: 500px;
}

.formbox .formrow label {
	width:130px;
	margin-left:10px;
	margin-top:3px;
	/*margin-bottom:10px;*/
	padding-bottom:10px;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	clear:left;
}


.formbox .formrow input, 
.formbox .formrow textarea {
	width:355px;
	height:22px;
	border:solid 2px #dfdfdf;
	float:left;
	display:block;
	margin-top:3px;
	/*margin-bottom:10px;*/
	letter-spacing:normal;
}

.formbox .formrow select {
	width:350px;
	margin-top:3px;
}

.formbox .formrow .selcardmm {
	width:60px;
}

.formbox .formrow .selcardyyyy {
	width:60px;
}

/* Error Message Display from Validator */
.formbox .formrow span 
{
	margin-top: -5px;
	margin-left: 140px;
	margin-bottom:10px;
	width:380px;
	float:left;
	display:block;
	letter-spacing:normal;
}

.formbox .formrow .DeliverySpecialInstructions {
	height:60px;
	margin-bottom:10px;
}

.formbox .formrow .DeliveryAddress {
	height:40px;
	margin-bottom:10px;
}

.formbox .formrow .PickupInstructions {
	height:60px;
	margin-bottom:10px;
}

.pickupterms {
	color: #666666;
	font-family: "Trebuchet MS";
	font-size: 11px;
	background-color: #FFFFF4;
	padding: 20px 10px 0px 0px;
	height: auto;
	width:514px !important;  /* Ignored by IE */
	width:524px;
	border: 1px solid #B9857E;
	margin:0px;
}

.pickupterms ul
{
	list-style-type:lower-alpha;
	list-style-position:outside;
}

.pickupterms li 
{
	padding-bottom:12px;
}

/*-------------------------------------------------------------
  Help Balloons - Fixed height
-------------------------------------------------------------*/

div.help {
	background-image:url(Images/help1-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:209px;
	height:81px;
}

div.help * {
	font-weight:bold;
	font-size:11px;
	margin-left:8px;
	margin-right:8px;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	padding:0px;
	line-height:20px;
}

div.help span.title {
	color:#c36508;
	margin-top:8px;
	margin-bottom:10px;
}

div.help p {
	color:#222222;
}

.inlineimage 
{
	float:left;
	display:inline;
}	


div#noteCardsAccepted {
	background-image:url(Images/help2-bg.png);
	width:194px;
	height:101px;
	position:absolute;
	left:557px;
	top:270px;
	letter-spacing:normal;
	border-style:none;
}




/*-------------------------------------------------------------
  Generic Balloon Help (Stretches vertically to fit content)
-------------------------------------------------------------*/


#noteAddressDifferent {
	background:#fff url(images/leftside.gif) repeat-y left top;
	width:194px;
	position:absolute;
	left:557px;
	top:220px;
}

div#noteShipNextBusDay {
	background:#fff url(images/leftside.gif) repeat-y left top;
	width:194px;
	position:absolute;
	left:557px;
	top:360px;
}	

div#notePayment {
	background:#fff url(images/leftside.gif) repeat-y left top;
	width:194px;
	position:absolute;
	left:557px;
	top:250px;
}	

div#noteIncomePlan {
	background:#fff url(images/leftside.gif) repeat-y left top;
	width:168px;
	position:absolute;
	left:600px;
	top:100px;
}

div#noteWhatArePoints {
	background:#fff url(images/leftside.gif) repeat-y left top;
	width:168px;
	position:absolute;
	left:600px;
	top:270px;
}

.balloonhelpcontent {
	position:relative;
	background:url(images/rightside.gif) repeat-y right top;
	padding:0px 22px 1px 12px;
	margin:-10px 0 -50px 0;
}

.balloonhelpcontent .balloonhelptitle {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #CC6633;
}

.balloonhelpcontent p, .balloonhelpcontent * {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color:#222222;
	margin: 5 0 1em 0;
}

.balloonhelptop {
	width:100%;
	height:20px;
	background:url(images/top.gif) no-repeat left top;
}

.balloonhelptop span {
	display:block;
	position:relative;
	height:20px;
	background:url(images/top-right.gif) no-repeat right top;
}

.balloonhelpbottom {
	width:100%;
	height:60px;
	background:url(images/bottom.gif) no-repeat left bottom;
}

.balloonhelpbottom span {
	display:block;
	position:relative;
	height:60px;
	background:url(images/bottom-right.gif) no-repeat right top;
}





/*-------------------------------------------------------------
  Checkout Payment Form 
-------------------------------------------------------------*/










.checkoutpayment h3 {
	font-size: 14px;
	color: #333333;
	letter-spacing: 0.1em;
}


.checkoutpayment h2 {
	font-size: 16px;
	color: #006699;
	letter-spacing: 0.1em;
}


/* form notes */

.checkoutpayment .notes {
	background-color:#ffffe1;
	border:1px solid #666;
	color:#666;
	float:right;
	font-size:11px;
	height:auto;
	margin:0 0 10px 10px;
	padding:5px;
	width:158px;
	font-family: "Trebuchet MS";
}

.checkoutpayment .notes h4 {
	background-image:url(images/icon_info.gif);
	background-position:left top;
	background-repeat:no-repeat;
	border-color:#666;
	border-style:solid;
	border-width:0 0 1px;
	color:#666;
	font-size:110%;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 27px;
}

.checkoutpayment .notes p {
color:#666;
margin:0 0 1.2em;
}

.checkoutpayment .notes p.last {
	margin:0;
}




/*-------------------------------------------------------------
  pushup
-------------------------------------------------------------*/





#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
* html #pushup {
  position: absolute;
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a { 
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  marginRight: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }