/* COLORS 

img/button bg borders: 03A1DC
address list stuff: A2B1C7
light colors: ECF7FF 
strong text: 55555B
button colors, notice bg's: e0f2ff //should be light color
*/


.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #e0f2ff; padding: 5px; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

.odd { background: transparent; }
.even { background: transparent; }

/* common */
label { display: block; width: 100%; overflow: hidden; margin: 0 0 5px 0; }
label span { display: block; width: 150px; float: left; text-align: right; padding: 4px 5px 0 0; line-height: 1.1em; }
label span span { display: inline; float: none; padding:0; } /* req fields and such */
label span.title { font-weight: bold; }
label span.error { text-align: left; width:auto; padding: 3px 0 0 5px; }
label select { color: #55555B; float: left; margin: 0 0 5px 0; width: auto; }
label input { float: left; margin: 0 0 5px 0; width: 130px; }
label span.block { text-align: left; width: auto; padding:0; margin: 0 0 0 5px; }
label span.block input { float: none; width: auto; }
label span.block select { float: none; margin: 0; }
label span.block input.button { margin: 0; padding: 2px 2px; }
input.longsize { width: 205px; }
input.midsize { width: 70px; }
input.smallsize { width: 30px; }
input.tinysize { width: 20px; }
.inline { float: none; margin: 0; width: auto; }
a.inline { float: left; margin: 0 0 0 10px; }
fieldset { border: 0; padding: 20px 0 20px 0; }

.buttons { text-align: right; margin: 0 10px 0 0; }
input.button { cursor:pointer; color:#e0f2ff; font: bold 92% Verdana, Arial, Helvetica, sans-serif; padding: 2px; background: #03A1DC url(/includes/images/bg-button.png) repeat-x; border: 1px solid #03A1DC; padding: 2px 3px 4px 3px; height: 21px; text-align:center; }
a.button { cursor:pointer; text-align: center; color: #e0f2ff; font: bold 92% Verdana, Arial, Helvetica, sans-serif; white-space: nowrap; display: block; padding: 3px 0 2px 0; background: #03A1DC url(/includes/images/bg-button.png) repeat-x; text-decoration: none; border: 1px solid #03A1DC; height:14px; }
input.button-alt { cursor:pointer; color: #1382D0; font: bold 92% Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; background: #e0f2ff url(/includes/images/bg-button-alt.png) repeat-x; border: 1px solid #d4e8f6; padding: 2px 3px 4px 3px; height: 21px; }
a.button-alt { cursor:pointer; text-align: center; color: #1382D0; font: bold 92% Verdana, Arial, Helvetica, sans-serif; white-space: nowrap; display: block; padding: 3px 0 2px 0; background: #e0f2ff url(/includes/images/bg-button-alt.png) repeat-x; text-decoration: none; border: 1px solid #d4e8f6;height:14px; }

.price { color: #9e0adc; }
.price-discounted { color: #A92F41; }
.price-special { color: #A92F41; }

p.notes {}

#sort { text-align: right; width: 355px; margin: 0 0 0 auto; }
#bread-crumbs { margin: 10px 0 10px 25px; padding:0; }
#bread-crumbs strong,#bread-crumbs a { }
#sub-categories { background: #e0f2ff; border: 1px solid #A2B1C7; padding: 16px; margin: 10px 0; line-height: 190%;  }
#basket-contents {}

/* PAGES
----------------------*/
/* login */
#login { overflow: hidden; width: 100%; }
#login form label span { width: 120px; }
#login-form { float: left; width: 265px; margin: 0 20px 0 0; }
#login form h2.title { margin-left: 100px; }
#login-new-form { float: left; width: 250px; }

#login form input.button { float: right; margin: 5px 0 0 10px; }
 
/* create account */
#create-account { }
#create-account-form { width: 350px; }

/* your account */
#your-account { }
#your-account li { padding: 5px 0; }
#your-account li a { display: block; }

/* order history */
#order-history {}

/* wish list */
#wish-list {}
#wish-list div.row div.title { color:#6A2C7C; font-weight: bold; border: #F6FBE3 solid; border-width: 0 0 1px 0; margin:0 0 5px 0; padding: 0 0 4px 0; }
#wish-list div.row { overflow: hidden; width: 100%; margin: 5px 0 0 0; }
#wish-list div.prod-image { float: left; width: 12%; text-align: center; margin: 0 0 0 0; }
#wish-list div.prod-image img { border: 3px solid #595F9B; background: #EBF2D0; padding:2px; }
#wish-list div.prod-title { float: left; width: 359px; margin: 5px 0 0 0; }
#wish-list div.prod-title span { text-align: right; }
#wish-list div.prod-delete { float: left; width: 25px; text-align: center; margin: 2px 0 0 0;  }
#wish-list div.prod-quantity { float: left; width: 30px; text-align: center; margin: 5px 0 0 0;  }
#wish-list div.prod-price { float: left; width: 55px; margin: 5px 0 0 0;  text-align: right; }
#wish-list div.prod-add { float: left; width: 100px; margin: 5px 0 0 5px;  text-align: right; }
#wish-list div.prod-extras { clear:both; margin: 10px 0 10px 5px;  text-align: left; border-bottom: 1px solid #F6FBE3; padding: 0 0 20px 0; }
#wish-list strong { margin: 0 0 0 10px; }

/* gift certificates */
#gift-certificates {}
#gift-certificates form label span { width: 200px; }
#gift-certificates form label textarea { width: 200px; }
#gift-certificates form .buttons { width: 410px; }
/* memberships */
#memberships {}
/* affiliates */
#affiliates {}
/* links */
#links {}
/* order status */
#order-status {}

/* address list */
#address-list {}
#address-list div.display { overflow: hidden; width: 95%; background: #e0f2ff; border: 1px solid #A2B1C7; padding: 10px; margin: 10px 0; }
#address-list div.display strong { border-bottom: 1px solid #A2B1C7; }
#address-list div.display div.address-info { float: left; width: 45%; padding: 10px; }
#address-list div.display div.address-details { float: left; width: 45%; padding: 10px; }

/* add address */
#add-address {}
/* edit address */
#edit-address {}

/* order history */
#order-history {}
#order-history ul { margin: 0; padding:0; list-style:none; line-height: 130%; }
#order-history li { margin: 0 0 0 5px; }
#order-history span.number { margin: 0 5px 0 10px; }
#order-history span.date { margin: 0 10px 0 10px; }
#order-history span.recurring { margin: 0 10px 0 10px; }

/* order history details */
#order-history-details {}
#order-history-details div.row { overflow:hidden; width: 100%; }



/* account preferences */
#account-preferences {}
#account-preferences ul { padding: 0; margin: 0; list-style: none; }
#account-preferences li { padding: 2px 0 2px 15px; }
#account-preferences li.title { padding: 8px 0 8px 20px; }
#account-preferences li.row1 { font-weight: bold; }
#account-preferences li.row2 { margin: 0 0 0 35px; }
#account-preferences li.row3 { font-size: .95em; margin: 0 0 0 55px; }
#account-preferences li.row4 { font-size: .95em; margin: 0 0 0 75px; }
#account-preferences li.row5 { font-size: .95em; margin: 0 0 0 95px; }
#account-preferences li.row6 { font-size: .95em; margin: 0 0 0 115px; }
#account-preferences li.row7 { font-size: .95em; margin: 0 0 0 135px; }
#account-preferences li.row8 { font-size: .95em; margin: 0 0 0 155px; }
#account-preferences li.row9 { font-size: .95em; margin: 0 0 0 175px; }
#account-preferences li.row10 { font-size: .95em; margin: 0 0 0 195px; }

/* reset password */
#reset-password {}
#reset-password input.text { margin: 0 5px 0 0; }
#reset-password div.buttons { width: 300px; }

/* edit name/email */
#edit-account {}
#edit-account div.buttons { width: 300px; }

/* products-by-category */
#products-by-category { clear:both;}
#products-by-category ul{ margin:0 0 0 0; padding:0 0 0 0; overflow:hidden; list-style:none; }
#products-by-category .level1 { float:left; width: 33%; min-height: 270px; position:relative; padding: 0 0 0 0; }
* html #products-by-category .level1 { height: 270px; }
#products-by-category .level1 ul {  }
#products-by-category .level1 img { position:absolute; top: 20px; left:0; }
#products-by-category .level1 img#cat4 { top: 35px; }
#products-by-category .level1 a{ font-weight:bold; font-size:12px; color: #02A2DC; }
#products-by-category .level2 { margin: 0 0 0 80px; padding:0 0 0 8px; width: 140px; background:url(/includes/images/products-by-category.png) no-repeat 0 8px; }
#products-by-category .level2 a{ font-weight:normal; font-size:10px; color: #333; line-height:1.5em; }
#products-by-category .level3 { display: none; font-weight:normal; font-size:12px; color: #000; }
#products-by-category .level3 a{ font-weight:normal; font-size:12px; color: #8E00CB; }
#products-by-category .level4 a{ font-weight:normal; font-size:11px; color: #666; }


/* category */
#category {}
#category div.row { overflow:hidden; width: 100%; border-bottom: 1px solid #A2B1C7; padding: 15px 0; }
#category div.row div.col-left { float: left; display:inline; width: 144px; margin:0 10px 0 0; overflow:hidden; }
#category div.row div.col-right { float: left; width: 70%; overflow:hidden; display:inline; margin-right:-3px; /*IE6 is retarded*/ }
#category div.row div.prod-image { text-align:center; }
#category div.row div.prod-image img { border: 1px solid #03A1DC; background: #EEF6FB; padding:5px; margin:0 auto 0 auto; /*width:auto !important; max-width:80px;*/ }
/*
* html #category div.row div.prod-image img { width: expression(document.body.clientWidth < 742? "40px" : document.body.clientWidth > 1000? "80px" : "auto");  }
*/
#category div.row div.prod-info {}
#category div.row div.prod-info p.title { font-weight: bold; }
#category div.row div.prod-info p.title a { color: #55555B; text-decoration: none; } /*---*/
#category div.row div.prod-info p.title a:hover { color: #55555B; text-decoration: underline; } /*---*/
#category div.row div.prod-buy{ margin: 7px 0 0 0; }
#category div.pagination { margin: 5px 0 0 0; }
#category .result-set  { background:#F6F6F6; border: solid #DADCE2; border-width: 1px 0; padding:5px 0; margin: 4px 0 0 0; }
#category div#sub-categories a { }
/* details */
#details { }
#details div.row { overflow:hidden; width: 100%; padding: 15px 0; }
#details div.row div.col-left { float: left; width: 29%; } /* change */
#details div.row div.col-right { float: left; width: 49%; } /* change */
#details div.prod-title { margin: 20px 0 10px 0;  }
#details div.prod-title h1 { font-size: 14px; }
#details div.prod-image #main-image img { border: 1px solid #03A1DC; background: #EEF6FB; padding:5px; }

#details div.prod-image #thumbs { overflow:hidden; width: 180px; margin: 10px 0 0 12px; }
#details div.prod-image .thumb { display:block; height:80px; float:left; margin:0 4px 4px 0; border: 1px solid #03A1DC; }
#details div.prod-image .thumb img {  }

#details div.prod-specs { margin: 10px 0 0 0; }
#details div.prod-price { margin: 5px 0 0 0; }
#details div.prod-price .price { font-weight:bold; font-size:1.2em; }
#details fieldset { padding-top:0; }
#details div.prod-options { text-align: right; }
#details div.prod-options label span { width: 160px; }
#details div.prod-availability {}
#details div.prod-btns { margin: 10px 0 0 0; }
#details div.prod-btns label span { width: 50px; }
#details div.sup-parts {}
#price-note { background-color: #eeeeee; border: 1px solid #bbbbbb; padding: 5px; margin: 10px 0px 10px 0px; }
#restrict-note { background-color: #ffeeee; border: 1px solid #bbbbbb; padding: 5px; margin: 10px 0px 0px 0px; }

/* related items */
#related-items { float:left; width:130px; margin: 10px 0 0 10px; text-align:center; border-left: 1px solid #dadce2; padding: 0 0 0 15px; }
#related-items h2#related-items-h2 { background:url(/includes/images/related-related-items-h2.png) no-repeat 50% 0; text-indent:-6000px; width: 94px; height: 10px; }
#related-items h2#related-categories-h2 { background:url(/includes/images/related-related-categories-h2.png) no-repeat 50% 0; text-indent:-6000px; width: 134px; height: 10px; }

#related-items fieldset{ margin: 0; padding:0; }
#related-items a { font-weight: bold; }
#related-items div.row-related { width: 130px; }
#related-items div.row-related ul { margin: 0; padding: 0 0 0 10px; }
#related-items div.col-related { width: 110px; overflow:hidden; padding: 0 5px 5px 5px; margin: 5px 5px 5px 0; }
#related-items div.related-image { width: 96px; margin: 6px auto; padding: 0; }
#related-items div.related-image img{ display:block; border:1px solid #dbdde3; margin:0 auto; }
#related-items div.related-title { margin: 3px 0; }
#related-items div.related-price {}
#related-items div.related-buttons { clear:right; float:right; width: 80%; }
#related-items ul { list-style: none; }
#related-items li { padding: 0; margin: 0; text-indent: 0; text-align: left; }
#related-items input.text { width: 10px; }

/* checkout basket */
#basket {}
#basket div.row div.title { color:#55555B; font-weight: bold; border: #ECF7FF solid; border-width: 0 0 1px 0; margin:0 0 5px 0; padding: 0 0 4px 0; }
#basket div.row { overflow: hidden; width: 100%; margin: 5px 0 0 0; }
#basket div.prod-image { float: left; width: 17%; text-align: center; margin: 0 0 0 0; }
#basket div.prod-image img { border: 1px solid #03A1DC; background: #e0f2ff; padding:2px; }
#basket div.prod-title { float: left; width: 363px; margin: 5px 0 0 0; } /* change width */
#basket div.prod-title span { text-align: right; }
#basket div.prod-delete { float: left; width: 25px; text-align: center; margin: 2px 0 0 0;  }
#basket div.prod-quantity { float: left; width: 30px; text-align: center; margin: 5px 0 0 0;  }
#basket div.prod-price { float: left; width: 80px; margin: 5px 0 0 0;  text-align: right; }
#basket div.prod-totals { float: left; width: 85px; margin: 5px 0 0 0;  text-align: right; }
#basket div#totals { text-align: right; overflow: hidden; width: 100%; border: #ECF7FF solid; border-width: 1px 0 0 0; margin: 5px 0 0 0; padding:4px 0 0 0; }
#basket div#totals div.sub-text { float: right; }
#basket div#totals div.sub-total { float: right; font-weight: bold; width: 95px; margin-right: 15px; }
#basket div#totals div.discounts {}
#basket div.buttons { width: 100%; margin: 20px 10px 0 0; overflow:hidden; direction:rtl; }

/* checkout
#checkout {}
#checkout #checkout-meter { clear:both; margin:10px 0 15px 0; }
#checkout #checkout-meter ul { padding:1px 0 1px 0; list-style:none; overflow: hidden; width: 99%; border: #ECF7FF solid; border-width: 1px 0; background:#e0f2ff; }
#checkout #checkout-meter li { color:#7e93b2; float: left; width: auto; padding: 2px 30px 2px 5px; }
#checkout #checkout-meter li.active { color:#55555B; font-weight:bold; background:#bbdcf4;}
#checkout #shipping-form { width:430px; }
#checkout form#shipping-form label span { width: 200px; }

#checkout div#checkout-address-list div.display { overflow: hidden; background: #e0f2ff; border: 1px solid #A2B1C7; padding: 10px; margin: 10px 0; }
#checkout div#checkout-address-list div.display form { width: 150px; float:left; }
#checkout div#checkout-address-list div.display strong { border-bottom: 1px solid #A2B1C7; }
#checkout form#billing-form label span { width: 200px; }

#checkout div#address-confirm { overflow: hidden; background: #e0f2ff; border: 1px solid #A2B1C7; padding: 10px; margin: 10px 0;}
#checkout div#address-confirm form { float: left; width: 195px; }
 */
 /* checkout */
#checkout {}
#checkout #shipping-form { width:430px; }
#checkout form#shipping-form label span { width: 200px; }

#checkout div#checkout-address-list div.display { overflow: hidden; background: #e0f2ff; border: 1px solid #A2B1C7; padding: 10px; margin: 10px 0; }
#checkout div#checkout-address-list div.display form { width: 150px; float:left; }
#checkout div#checkout-address-list div.display strong { border-bottom: 1px solid #A2B1C7; }
#checkout form#billing-form label span { width: 200px; }

#checkout div#address-confirm { overflow: hidden; background: #e0f2ff; border: 1px solid #A2B1C7; padding: 10px; margin: 10px 0;}
#checkout div#address-confirm form { float: left; width: 195px; }


#checkout-meter {padding:0 0 0 20px;font-size:1em;font-weight:normal;position:relative;line-height:37px;background:url(/includes//images/glo-training/video-title-x.png);height:37px;text-align:center;text-transform:uppercase}
#checkout-meter .l{position:absolute;left:0;top:0;display:block;width:33px;height:100%;background:url(/includes/images/glo-training/video-title-l.png);}
#checkout-meter .r{position:absolute;right:0;top:0;display:block;width:33px;height:100%;background:url(/includes/images/glo-training/video-title-r.png);}
#checkout-meter ul{position:relative;z-index:10;padding:0;margin:0;}
#checkout-meter ul li{text-align:center;padding:0 10px 0 5px;font-size:1em;float:left;width:110px;list-style:none;}
#checkout-meter ul li.active {background:url(/includes/images/glo-training/btn-oval.png) no-repeat 0 5px;color:#fff}
#checkout-meter .title .nav ul li a{color:#fff;display:block;height:100%;line-height:25px}
#checkout-meter .title .nav .prev{left:7px;background:url(/includes/images/glo-training/video-prev.png);}
#checkout-meter .title .nav .next{right:7px;background:url(/includes/images/glo-training/video-next.png);}


#order-contents { background: #e0f2ff; border: 1px solid #A2B1C7; padding: 10px; margin: 10px 0; }
#order-contents div.row div.title { font-weight: bold; border: #ECF7FF solid; border-width: 0 0 1px 0; margin:0 0 0 0; padding: 0 0 4px 0; }
#order-contents div.row { overflow: hidden; width: 100%; margin: 5px 0 0 0; }
#order-contents div.prod-title { float: left; width: 526px; margin: 0 0 0 0; text-align:left; }  /* change width +105*/
#order-contents div.prod-title span { text-align: right; }
#order-contents div.prod-title ul { padding:0 0 0 10px;margin:0 0 0 10px; }
#order-contents div.prod-delete { float: left; width: 25px; text-align: center; margin: 2px 0 0 0;  }
#order-contents div.prod-quantity { float: left; width: 30px; text-align: center; margin: 0 0 0 0;  }
#order-contents div.prod-price { float: left; width: 55px; margin: 0 0 0 0;  text-align: right; }
#order-contents div.prod-totals { float: left; width: 70px; margin: 0 0 0 0;  text-align: right; }
#order-contents div.totals { text-align: right; overflow: hidden; width: 100%; margin: 0 0 0 0; padding:4px 0 2px 0; background:#ECF7FF; }
#order-contents div.totals div.sub-text { float: right; font-style: italic; }
#order-contents div.totals div.sub-total { float: right; width: 70px; }
#order-contents div.gift-certificates {}
#order-contents div.taxes {}
#order-contents div.adjusted-totals {}
#order-contents div.sub-totals { margin: 5px 0 0 0; }
#order-contents div.discounts {}
#order-contents div.shipping-totals {}
#order-contents div.gift-wrap {}
#order-contents div.promo-code {}
#order-contents div.total-price { background:none; font-weight: bold; border: #ECF7FF solid; border-width: 1px 0 0 0; }

#order-contents div.buttons { width: 100%; margin: 20px 0; overflow:hidden; direction:rtl; }

#address-contents { margin: 10px 0 0 0; }
#address-contents div.address { }

#order-contents div#order-notice { background:#e0f2ff; border: 1px solid #A2B1C7; padding: 10px; margin: 10px 0; }

/* reviews */
#write-review { background: #e0f2ff; border: 1px solid #D3CFB4; padding: 10px; margin: 10px 0; }
#write-review textarea.text { width:350px; height: 100px; }
#write-review .buttons { width: 510px; }
#write-review #review-preview { margin: 10px 0 10px 0; }

#reviews {}
#reviews .review-header { background:#FFF; padding: 5px; }
#reviews .review-text { background:#FFF; padding: 5px; margin: 0 0 10px 0; }

/* contact */
#contact {}
#contact form { margin: 20px 0; }
#contact form div.buttons { width:340px; }

#email-a-friend {}
#email-a-friend fieldset { margin: 20px 0 0 0; }
#email-a-friend form label span { width:200px; }
#email-a-friend form div.buttons { width:550px; }

/* security notice */
#security-notice {}

/* print screen */
#print { color: #000; background: #FFF; text-align:left; padding: 20px; }
#print div.address { overflow:hidden; width: 100%; margin: 20px 0; }
#print div.address div { float: left; width: 40%; }
#print table { width: 100%; }
#print table td { border: 1px solid #666; padding: 2px; }
#print table td.title { background: #EDEDED; font-weight:bold; }


/* monthly specials */
#monthly-specials { width: 150px; margin: auto; padding: 5px; margin: 10px 0; border: 1px solid green; background-color: #ddffdd; }
#monthly-specials span { font-weight: bold; }


/**/
#billing-address-facts { margin: 10px 0 10px 0; padding: 5px 0; overflow:hidden; width: 100%; background:#eee; }
#billing-address-facts dt { clear:left; margin:0; width: 200px; float:left; text-align:right; }
#billing-address-facts dd { margin:0 0 0 5px; width: 200px; float:left; }
