@CHARSET "ISO-8859-1";

.cart {}

.order-summary-header{font-weight: bold; background-color:#EBECE4; width: 75%;}

.cart-item li {float: left; width: 100px;}
.cart-header li{float: left; width: 100px; font-weight: bold;}

.total-row{float: left; width:150px; }

#code-panel {float: right;}
#code-panel form{margin-right: 15px; margin-top: 15px; border: 1px #D2D2D2 solid; padding: 12px;}

#ApplyVatNumber{}
#ApplyDiscount{}

#cart-products {padding-bottom:5px; }
#cart-products a:link { text-decoration:none; }
#cart-products a:visited { text-decoration:none; }
#cart-products a:hover { text-decoration:none; }
#cart-products a:active { text-decoration:none; }
#cart-products table{width:700px;}
#cart-products td{padding-right: 10px;}
#cart-products th{padding-right: 10px; font-weight: bold; }
#cart-products dt{display: none;} /* work around Zend_Form_Element_Select creating an additional dt*/
#cart-products img{padding-top:5px;}

.order-summary {font-size: 12px; width: 700px;}
.order-summary th {background-color: #EBECE4; font-weight: bold; padding: 2px;}
.order-summary1 { width:350px; height: 10px;}
.order-summary2 { width:250px; height: 10px; border: 2px #000 solid;}

.order-address2{ padding-bottom:25px; }

#delivery_options ul div table tbody tr td dd {text-align: center;}
#delivery_options div input { background-color:transparent; background:url(../../images/buttons/checkout_inactive.png) top no-repeat; border:none; width:100px; height:35px; padding-bottom: 8px;}
#delivery_options div input:hover { background:url(../../images/buttons/checkout_active.png) top no-repeat; background-color:transparent; cursor:pointer; }
.div-cart-button {width:600px; padding-left: 300px;}

.upsell {  width: 670px;  -moz-border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em; margin-top:12px; margin-bottom:12px; padding-left: 12px; padding-right: 2px; float:left;}
.upsell a {text-decoration: none;}
.upsell a:hover {text-decoration: underline;}
.upsell a:visited {color: #454545;}
.professional {color: #000000; background-color: #FFDFA7; border:1px #FF9600 solid;}
.ultimate {color: #000000; background-color: #d1b3ef; border:1px #7e2bd3 solid;}
.ultimateplus {color: #000000; background-color: #b3d6ef; border:1px #2b8dd3 solid;}
.master-trainer {color: #454545; background-color: #fff4d3; border:1px #ffe287 solid;}
.margin-12 {margin-top:12px; margin-bottom:12px; margin-right:12px; }

.upsell-ultimate { border:1px #00CC33 solid; width: 695px; color: #4F8A10; background-color: #DFF2BF; -moz-border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em;}
.upsell-ultimate-plus { border:1px #00CC33 solid; width: 695px; color: #4F8A10; background-color: #DFF2BF; -moz-border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em;}
.upsell-master { border:1px #00CC33 solid; width: 695px; color: #4F8A10; background-color: #DFF2BF; -moz-border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em;}

.upsell-button {  margin-top: 10px; margin-left: 10px; padding-bottom: 12px; float:left;}
.upsell-button-free {  margin-top: 10px; margin-right: 10px; padding-bottom: 12px; float:right;}

.upsell-header { font-size: 13pt; color: #000000; padding-bottom: 2px;}
.upsell-header a:visited{color:#313131; }

.black_overlay {display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 180%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.white_content { display: block; position: absolute; top: 22%; left: 20%; width: 52%; height: 55%; padding: 16px; background-color: white; z-index:1002; overflow: auto; }

.white_content_new { display: block; position: absolute; top: 15%; left: 15%; width: 660px; height: 390px; padding: 16px; background-color: white; z-index:1002; overflow: auto; }
.new_products_upsell { border: 2px #d2d2d2 solid; float:left; -moz-border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em; width:630px; margin-right:10px; padding:5px; margin-bottom: 10px;}

.white_content_elements { display: block; position: absolute; top: 22%; left: 20%; width: 702px; height: 190px; padding: 16px; background-color: white; z-index:1002; overflow: auto; }
.white_content_professional { display: block; position: absolute; top: 22%; left: 20%; width: 702px; height: 270px; padding: 16px; background-color: white; z-index:1002; overflow: auto; }
.white_content_ultimate { display: block; position: absolute; top: 22%; left: 20%; width: 702px; height: 252px; padding: 16px; background-color: white; z-index:1002; overflow: auto; }
.white_content_ultimate_plus { display: block; position: absolute; top: 22%; left: 20%; width: 702px; height: 234px; padding: 16px; background-color: white; z-index:1002; overflow: auto; }

a.boldbuttons{
	background: transparent url(../../images/buttons/left_button.png) no-repeat top left;
	display: block;
	float: left;
	font: bold 18px Arial; /* Change 13px as desired */
	font-weight:bold;
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 45px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
	margin-top: -4px;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color: white; /*button text color*/
	text-decoration: none;
}

a.boldbuttons span{
	background: transparent url(../../images/buttons/right_button.png) no-repeat top right;
	display: block;
	height: 33px;
	padding: 13px 20px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a.boldbuttons-red{
	background: transparent url(../../images/buttons/left_button_orange.png) no-repeat top left;
	display: block;
	float: left;
	font: bold 18px Arial; /* Change 13px as desired */
	font-weight:bold;
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 45px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
	margin-top: -4px;
}

a.boldbuttons-red span{
	background: transparent url(../../images/buttons/right_button_orange.png) no-repeat top right;
	display: block;
	height: 33px;
	padding: 13px 20px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:link.boldbuttons-red, a:visited.boldbuttons-red, a:hover.boldbuttons-red, a:active.boldbuttons-red{
	color: white; /*button text color*/
	text-decoration: none;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	float:left;
}

#business-label, #personal-label { float:left; margin: -2px 7px 5px 5px; width:50px;}
#education-element, #business-element, #personal-element, #presentation-element { float:left; margin-right:15px; margin-bottom: 20px; }
#education-label { float:left; margin: -2px 13px 5px 5px; width:50px;}
	
#presentation-label  { float:left; margin: -2px 147px 5px 5px;}

#fullset-label { float:left; margin-right:33px; margin-left:5px; }
#fullset-element { float:left; margin-right:100px; }

.basic-label { float:left; margin: -2px 7px 5px 5px;}
.advanced-label { float:left; margin: -2px 14px 20px 5px;}
#advanced-element { float:left; margin-right:15px; margin-bottom: 20px; }
#basic-element { float:left; margin-right:15px; }
#basic { float:left; margin-left:7px; margin-bottom:8px;}
#advanced { float:left; margin-left:7px; margin-bottom:8px;}

#upsellinfoimage2, #upsellinfoimage3 { float:right; margin-bottom:3px; cursor: default;  }
#upsellinfoimage2-label, #upsellinfoimage3-label { float:left; margin: 2px 100px 5px 5px; font-weight: bold; width:245px; }

#upsellinfoimage1-label { float:left;  font-weight: bold; margin:0px 40px 10px 5px;}
#upsellinfoimage1 { float:right; cursor: default;}

#supportpack-label { margin-left: 5px; float:left; margin-right:7px; margin-bottom: 20px;}
#supportpack-element { float:left; }

.training-basic { color:red; float:left; font-weight:bold; margin-bottom:5px; margin-right:87px; margin-top:-2px;}
.training-advanced { color: red; font-weight: bold; float:left; margin-bottom:5px; margin-top:-2px; margin-right:52px;}

#upsell-image { background:url("../images/icons/faq128.png") no-repeat scroll 122px -23px; min-height:128px;}

.multipack { margin-top:-16px; float:left; margin-right:40px; margin-left:5px;}
#fullset { float:left; margin-right:100px; margin-top:-14px; margin-left:351px; }

.cart-wrapper { margin:20px 0; padding:5px 15px; background-color:#EEEEEE; }

.cart-view { margin: 0px auto; width:780px;}

.cart-next{width:15%; float: right; }

.cart-view .cart-products{margin-bottom: 10px;}
.cart-view .cssbutton .tb-button-green-large{float:right;}

.cart-view .cart-products .products-table .product{width: 300px;}
.cart-view .cart-products .products-table .remove-product{width: 30px;}
.cart-view .cart-products .products-table td{vertical-align: top; width: 150px; text-align: center; border-bottom: 2px; border-bottom-color: #f0f0f0; border-bottom-style: solid; padding-top: 5px;}
.cart-view .cart-products .products-table .line-total{vertical-align: top; width: 160px; border-bottom: 2px; border-bottom-color: #f0f0f0; border-bottom-style: solid; padding-top: 5px;}
.cart-view .cart-products .products-table input{width: 50px; margin-left: 66px; text-align: center;}
.delivery-data{float: right; margin-bottom: 5px; width:250px;}
.delivery-data dt{display: inline;}
.delivery-data dd{display: inline;}
.cart-view .cart-products .products-table a{text-align: left; float: left;}
.cart-view .cart-products .products-table thead tr th{background-color: #DDDDDD; font-style:italic; text-align: center; }

.cart-view .cart-upsell{width: 85%; float: left;background-color: gray;}
.cart-view .cart-forms {width: 370px; float: left; margin-bottom: 10px;}
.cart-view .cart-forms .vat-form { border:2px #f0f0f0 solid; width:250px; padding-left:5px; float:left; margin-bottom:10px; }
.cart-view .cart-forms .discount-form { border:2px #f0f0f0 solid; width:260px; padding-left:5px; float:left; margin-bottom:10px; }
#discountcode-element{width: 150px; float: left; clear: left; display: inline;}
.discount-form .cssbutton {width: 100px; display: inline;}
#vatnumber-element{width: 150px; float: left; clear: left; display: inline;}
.vat-form .cssbutton {width: 100px; display: inline;}
.tb-button-blue{ margin-bottom: 10px;}
	
.cart-view .total-breakdown{width: 370px; float: right; text-align: right; margin-bottom: 5px;}
.cart-view .total-breakdown p{margin-bottom: 2px;}
.cart-view .total-breakdown .total-cost{font-weight: bold; margin-top: 10px;}
.cart-view .total-breakdown .total-cost strong{color: #073B62; font-weight: bold; font-size: 11pt;}

.cart-view .customer-info{}
.cart-view .customer-info .customer-addresses{width: 75%; float: left; margin-bottom: 5px;}
.cart-view .customer-info .customer-addresses table tr td { width:400px; }
.cart-view .customer-info .customer-addresses table { margin-left:10px; }
.cart-view .customer-info .customer-information-header {font-weight: bold; padding-left:10px; }
.cart-view .cart-icons {text-align: center;}

.cart-header .cart-image { height:30px; background-color: #F5F5F5;  margin-bottom: 20px;}

.cart-header .cart-image .step .arrow { float:left; width:20px; height:30px; }

.cart-header .cart-image .step .arrow-complete { float:left; width:20px; height:30px; }

.cart-header .cart-image .step .stepone{float:left; width:224px; height:30px; font-size:12px; font-weight: bold; color:#7D7D7D; border:none; background: url(../../images/cart/progress/cart_icon.png) no-repeat scroll 0px; background-position:45px 5px; background-color: #F5F5F5;}
.cart-header .cart-image .step .stepone-complete{float:left; width:224px; height:30px; font-size:12px; font-weight: bold; color:#7D7D7D; border:none; background: url(../../images/cart/progress/cart_icon.png) no-repeat scroll 0px; background-position:45px 5px; background-color: #C2F4AF;}
.cart-header .cart-image .step .steptwo{float:left; width:224px; height:30px; font-size:12px; font-weight: bold; color:#7D7D7D; border:none; background: url(../../images/cart/progress/email_icon.png) no-repeat scroll 0px; background-position:30px 5px; background-color: #F5F5F5; }
.cart-header .cart-image .step .steptwo-complete{float:left; width:224px; height:30px; font-size:12px; font-weight: bold; color:#7D7D7D; border:none; background: url(../../images/cart/progress/email_icon.png) no-repeat scroll 0px; background-position:30px 5px; background-color: #C2F4AF;}
.cart-header .cart-image .step .stepthree{float:left; width:224px; height:30px; font-size:12px; font-weight: bold; color:#7D7D7D; border:none; background: url(../../images/cart/progress/preview_icon.png) no-repeat scroll 0px; background-position:35px 5px; background-color: #F5F5F5;}
.cart-header .cart-image .step .stepthree-complete{float:left; width:224px; height:30px; font-size:12px; font-weight: bold; color:#7D7D7D; border:none; background: url(../../images/cart/progress/preview_icon.png) no-repeat scroll 0px;  background-position:35px 5px; background-color: #C2F4AF;}
.cart-header .cart-image .step .stepfour{float:left; width:224px; height:30px; font-size:12px; font-weight: bold; color:#7D7D7D; border:none; background: url(../../images/cart/progress/thumb_icon.png) no-repeat scroll 0px; background-position:50px 5px; background-color: #F5F5F5;}
.cart-header .cart-image .step .stepfour-complete{float:left; width:224px; height:30px; font-size:12px; font-weight: bold; color:#7D7D7D; border:none; background: url(../../images/cart/progress/thumb_icon.png) no-repeat scroll 0px; background-position:50px 5px; background-color: #C2F4AF;}

.cart-view .cart-next-button { background-color:#40A540; border:medium none; color:#FFFFFF; font-size:20px; height:30px; width:120px; }
.cart-view .cart-update { background-color:#06ACE4; border:medium none; color:#FFFFFF; font-size:18px; height:30px; width:120px; }

.paypal-form{float: right;}
.paypal-form p{text-align: center;}

.question-delivery{display: none;}
#address_sub_one-element{width: 300px; float: left;}
#CustomerEmailSubForm-element{width: 300px; float: left; }
#CustomerPhoneSubForm-label{height: 0px;}
#address_sub_two-label{height:0px;}
#ShippingAddress-label{height: 0px;}
#SubmitRequest-label{height:0px;}
#CustomerEmailSubForm-label{height: 30px;}
#BillingAddress-element { background:url(../../images/cart/address.jpg) top no-repeat; background-position: 5px 25px; clear: left;}
#BillingAddress-SameAddress-label {
	float:left;
	clear:left;
}
#Cart fieldset dl dd#BillingAddress-SameAddress-element {
	float:left;
}
#CustomerName-element, #Address1-element, #CustomerEmail-element, #CustomerConfirmEmail-element { background:url(../../images/icons/asterix.jpg) right no-repeat; } 
#CustomerPhone-element, #City-element, #County-element, #PostCode-element  { background:url(../../images/icons/asterix.jpg) right no-repeat; width:300px; }
#Country-element { background:url(../../images/icons/asterix.jpg) right no-repeat; width:480px; }

#ShippingAddress-element {background:url(../../images/cart/address.jpg) top no-repeat; background-position: 5px 25px;}

.address-forms{margin-left: 60px; width: 785px; background:url(../../images/cart/person.jpg) top no-repeat; background-position: 5px 70px;}
.address-forms h1{font-weight: bold;}

#SameAddress-element{width: 300px;}

/*.discount-form #discountcode-label { float:left;  width:105px; }
.discount-form #discountcode-element { float:left; width:160px; margin-top:15px; }
.discount-form #submitdiscount-label { float:left; width:0px; }
.discount-form #submitdiscount-element { float:left; width:105px; }
.discount-form #submitdiscount-element  #submitdiscount{ background-color: #06ACE4; text-decoration: none; color: white; padding:2px 20px; border-bottom: 1px #7F7F7F solid; border-left: 1px #7F7F7F solid; border-right: 1px #7F7F7F solid; border-top: none; margin-top:10px; } 

.vat-form #vatnumber-label { float:left;  width:105px; }
.vat-form #vatnumber-element { float:left; width:160px; margin-top:15px; }
.vat-form #submitvat-label { float:left; width:0px; }
.vat-form #submitvat-element { float:left; width:105px; }
.vat-form #submitvat-element #submitvat { background-color: #06ACE4; text-decoration: none; color: white; padding:2px 20px; border-bottom: 1px #7F7F7F solid; border-left: 1px #7F7F7F solid; border-right: 1px #7F7F7F solid; border-top: none; margin-top:10px; }
*/

.cart-view .cart-totals .cart-price .cart-forms .discount-form #discountcode-label { float:left; width:105px; }
.cart-view .cart-totals .cart-price .cart-forms .discount-form #discountcode-element { float:left; width:160px; margin-top:15px; }

.cart-view .hidden-vat { text-decoration: underline; color: 3D3D3D; cursor: pointer; display:none; width:170px; }

.cart-view .cart-totals .cart-price .cart-forms .vat-form #vatnumber-label { float:left; width:105px; }
.cart-view .cart-totals .cart-price .cart-forms .vat-form #vatnumber-element { float:left; width:160px; margin-top:15px; }

.cart-view .cart-totals .cart-price .cart-forms .margin-10 { margin:10px 10px 10px 0px; }

.mtop10 { margin-top:10px }

#deliveryOption_13-element #deliveryOption_13 { /*color: #888;*/ }

.address-forms #Cart .errors { margin-left:130px; width:150px; } 
.form-text-input { height:25px; line-height:25px; width:200px; color:#555555; font-size:14pt; }

#education-label { margin-right: 95px; }
#education-element { width: 220px; }
#formregisteruser div { margin:10px 0px; }
#formregisteruser #employees-label { margin-right:85px; margin-top:-30px; 

/* Promo banner at the top of the cart*/
img#cart-sticker{ position: absolute; top: 40px; right: 20px}