* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, sans-serif;
	text-align: left;
	color: #333;
	line-height: 1.2;
	font-size: 12px;
	background-color: #00aeef;
}

a {
	color: #00aeef;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active
{
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}

img {
	border: none;
}

.c {
	margin-top: -1px;
	height: 1px;
	overflow: hidden;
	clear: both;
}

.f-left { float: left !important; }
.f-right { float: right !important; }

.v-hidden { visibility: hidden !important; }
.v-visible { visibility: visible !important; }

.o-hidden { overflow: hidden !important; }
.o-visible { overflow: visible !important; }

.d-none { display: none !important; }
.d-block { display: block !important; }

.t-center { text-align: center; }

.alpha { behavior: url("/js/iepngfix.php") }

wbr:after { content: "\00200B" }

#ajax-popup-overlay {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 140;
	visibility: visible;
	display: block;
	background-color: #fff;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

* html #ajax-popup-overlay {
	position: absolute;
	width: 100%;
	height: 1200px;
}

.title {
	color: #e2327b;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 20px;
	overflow: hidden;
	margin-top: -3px;
}

#container {
	width: 979px;
	margin: 20px auto;
}

#container #bgr {
	background-color: #fff;
}

#container #top {
	background: url('../img/top-rounded.gif') no-repeat #00aeef;
	height: 10px;
	width: 979px;
	font-size: 0;
}
#container #bottom {
	background: url('../img/bottom-rounded.gif') no-repeat #00aeef;
	height: 10px;
	width: 979px;
	font-size: 0;
}

#container #header {

}

#container #header .logo {
	width: 422px;
	height: 57px;
	background: url('../img/teachmix-logo.gif') no-repeat;
	margin-top: 15px;
	margin-left: 18px;
	float: left;
}









#container #header .trans {
	width: 100px;
	height: 57px;
	margin-top: 15px;
	margin-left: 18px;
	float: left;
}

/*
* html #container #header .logo {
	margin-left: 9px;
}
*/
#container #header .shopping-info {
	float: right;
	height: 36px;
	text-align: right;
	background: url('../img/box-icon.gif') no-repeat 7px -1px;
	margin: 20px 0 0 0;
	padding: 17px 35px 0 65px;
	font-size: 14px;
	color: #e57b10;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
}

#container #header .shopping-info .price {
	letter-spacing: 0px;
	color: #fd9733;
}

#container #menu {
	height: 17px;
	margin: 25px 0 20px 30px;
	color: #0099ff;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
}

#container #menu .delimiter {
	display: block;
	float: left;
	padding-right: 4px;
}

#container #menu ul {
	list-style: none;
}

#container #menu li {
	float: left;
	margin-right: 7px;
	background: url('../img/menu-sep.gif') no-repeat right top;
}
#container #menu li a {
	display: block;
	height: 14px !important;
	margin-right: 5px;
    overflow: hidden;
}

#container #menu .overview-item {
	background: url('../img/menu-item-overview.gif') no-repeat 0 0;
	width: 52px;
}
#container #menu .overview-item:hover, #container #menu .overview-item-active {
	background: url('../img/menu-item-overview.gif') no-repeat 0 -14px;
    width: 52px;
}

#container #menu .learning-to-mix-item {
	background: url('../img/menu-item-learning-to-mix.gif') no-repeat;	
	width: 141px;
}
#container #menu .learning-to-mix-item:hover, #container #menu .learning-to-mix-item-active {
	background: url('../img/menu-item-learning-to-mix.gif') no-repeat 0 -14px;
    width: 141px;
}

#container #menu .easy-steps-item {
	background: url('../img/menu-item-4-easy-steps.gif') no-repeat;
	width: 120px;
}
#container #menu .easy-steps-item:hover, #container #menu .easy-steps-item-active {
	background: url('../img/menu-item-4-easy-steps.gif') no-repeat 0 -14px;
    width: 120px;
}

#container #menu .see-the-results-item {
	background: url('../img/menu-item-see-the-results.gif') no-repeat;
	width: 186px;
}
#container #menu .see-the-results-item:hover, #container #menu .see-the-results-item-active {
	background: url('../img/menu-item-see-the-results.gif') no-repeat 0 -14px;
    width: 186px;
}

#container #menu .store-item {
	background: url('../img/menu-item-store.gif') no-repeat;
	width: 58px;
}
#container #menu .store-item:hover, #container #menu .store-item-active {
	background: url('../img/menu-item-store.gif') no-repeat 0 -14px;
    width: 58px;
}

#container #menu .faqs-item {
	background: url('../img/menu-items-faqs.gif') no-repeat;
	width: 46px;
}
#container #menu .faqs-item:hover, #container #menu .faqs-item-active {
	background: url('../img/menu-items-faqs.gif') no-repeat 0 -15px;
    width: 46px;
}

#container #menu .members-item {
	background: url('../img/menu-item-members.gif') no-repeat;
	width: 85px;
}
#container #menu .members-item:hover, #container #menu .members-item-active {
	background: url('../img/menu-item-members.gif') no-repeat 0 -14px;
    width: 85px;
}

#container #menu .contact-item {
	background: url('../img/menu-item-contact.gif') no-repeat;
	width: 82px;
}
#container #menu .contact-item:hover, #container #menu .contact-item-active {
	background: url('../img/menu-item-contact.gif') no-repeat 0 -14px;
    width: 82px;
}

#container #menu .last {
	background: none;	
}



#container #menu a {
	text-align: center;
	padding: 0 3px;
	color: #818285;
}

#container #menu a:hover, #container #menu .active {
	text-decoration: none;
	color: #e2327b;
}

#container .top-title {
	height: 41px;
	color: #e2327b;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 20px 0 0 30px;
}

#container #content {
	margin-left: 15px;
}

#container .content-box {
	width: 469px;
	float: left;
	margin: 10px 13px 0 0;
}

#container .content-box .body {
	background: url('../img/small-box-gradient.gif') repeat-x bottom #f4f4f4;	
	width: 461px;
	margin-left: 4px;
}

#container .content-box .shadow {
	background: url('../img/shadow-both-sides.gif') repeat-y;
}

#container .content-box .top {
	background: url('../img/small-box-rounded-top.gif') no-repeat;
	height: 24px;
	width: 469px;	
}
#container .content-box .bottom {
	background: url('../img/small-box-rounded-bottom.gif') no-repeat;
	height: 26px;
	width: 469px;	
}

#container .content-box .body .title {
	width: 425px;
}
#container .content-box .body .descr {
	color: #333;
	font-size: 12px;	
	margin: 10px 0 15px 22px;
	letter-spacing: 0.5px;
	line-height: 1.3;
	width: 425px;
	overflow: hidden;
}
#container .content-box .body .img-c {
	width: 452px;
	margin: 15px auto;
}

#container .padded {
	margin-bottom: 30px !important;
}

#container #sign-up {
	padding: 30px 0 22px 28px;
	color: #818285;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: bottom;
}
#container #sign-up .a-link { float: right; display: block; margin-top: -25px; margin-right: 30px; }
/* IE7 hack */
*:first-child+html #container #sign-up .a-link { margin-top: -24px; } 

#container #sign-up .a-link a { color: #818285; }
#container #sign-up .a-link a:hover { text-decoration: none; color: #00aeef; }

#container #sign-up .a-bottom {
	float: left;
	display: block;
	padding-top: 6px;
}
#container #sign-up .inp {
	background: url('../img/input-bgr.gif') repeat-x;
	border: 1px solid #ccc;
	width: 205px;
	padding: 3px 5px 3px 5px;
	margin-left: 18px;
	vertical-align: bottom;
	font-size: 13px;
}
#container #sign-up .sign-up-button {
	background: url('../img/sign-up.gif') repeat-x;
	border: none;
	width: 118px;
	height: 36px;
	vertical-align: bottom;
	margin: 0 0 -7px 18px;
	cursor: pointer;
}

#footer {
	font-size: 11px;
	color: #fff;
	margin: 20px 4px 0 10px;
	background: url('../img/integrate-logo.gif') no-repeat right top;
	padding-top: 10px;
	height: 80px;
}

#footer a {
	width: 128px;
	height: 32px;
	float: right;
	margin-top: -26px;
}

.add-to-basket {
	text-align: right;
	padding-right: 10px;
	margin-bottom: -16px;
	padding-bottom: 14px;
	position: relative;
}
.quantity {
	color: #00aeef;
	font-size: 15px;
	font-weight: bold;
	vertical-align: center;
}
.quantity select {
	width: 50px;
	padding-left: 10px;
	margin: 0 0 -2px 9px;
}
.add-to-basket img {
	margin: 0 0 -15px 7px;
}

/* overlay & popups */

.overlay {
	background-color: #fff;
	opacity: 0.6;
	filter:alpha(opacity=60);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.popup {
	position: absolute;
	left: 358px;
	top: 200px;	
	width: 949px;
	z-index: 1000;
}

.popup .middle {
	width: 100% -;
	margin-left: 28px;
	margin-right: 28px;
	font-size: 0;
}

* html .fix .right {
	right: -29px;
}

.popup .top {
	height: 23px;
	font-size: 0;
}
.popup .left {
	width: 28px;
	height: 23px;
	background: url('../img/popup-top-left.png') no-repeat top left;
	float: left;
	left: -28px;
	font-size: 0;
	position: absolute;
}
.popup .middle {
	height: 23px;
	background: url('../img/popup-top-x.png') repeat-x;
	font-size: 0;
	position: relative;
}
.popup .right {
	width: 28px;
	height: 23px;
	background: url('../img/popup-top-right.png') no-repeat top right;
	float: right;
	right: -28px;
	font-size: 0;
	position: absolute;
}

.popup .bottom .left {
	height: 23px;
	background: url('../img/popup-bottom-left.png') no-repeat;
}
.popup .bottom {
	background: url('../img/popup-bottom-x.png') repeat-x !important;
	height: 23px;
	font-size: 0;
}
.popup .bottom .right {
	height: 23px;
	background: url('../img/popup-bottom-right.png') no-repeat;
}

.popup .content-c {
	background: url('../img/popup-left-shadow.png') repeat-y left;
}
.popup .with-right-shadow {
	background: url('../img/popup-right-shadow.png') repeat-y right;

}

.popup .with-right-shadow .body {
	background: url('../img/popup-big-gradient.gif') repeat-x bottom #f4f4f4;
	margin-left: 4px;
	margin-right: 4px;
	padding-bottom: 5px;
	text-align: center;
}
.popup .with-right-shadow .body .img-c {
	text-align: center;
	margin: 5px 3px 10px 6px;
	background: #fff;
	width: 928px;
}

.popup .with-right-shadow .body .img-c .white-top-shadow {
	margin-left: 0px;
	margin-right: 0px;
}

.popup .with-right-shadow .title {
	float: left;
	margin-top: 3px;
	text-align: left;
}
.popup .with-right-shadow .close-button {
	float: right;
	margin-right: 10px;
}
.popup .with-right-shadow .body .add-to-basket {
	margin-right: 215px;
	margin-top: 20px;
}

/* basket-updated popup */
.basket-updated {
	width: 789px;
}
.basket-updated .with-right-shadow .body {
}
.basket-updated .title {
	float: none !important;
	margin-top: 0 !important;
}
.prod-info {
	margin-top: 15px !important;
	padding: 25px 15px 0 15px;
	background: url('../img/popup-white-bgr.gif') no-repeat top center;
	height: 150px;
	margin-bottom: 35px;
}

.prod-info .prod-img {
	float: left;
	width: 240px;
}
.basket-updated .prod-info .prod-title {
	float: left;
	width: 200px;
	padding-top: 54px;
	margin-right: 20px;
}
.basket-updated .prod-info .prod-details {
	float: right;
	text-align: right;
	width: 289px;
	padding-top: 51px;
	padding-bottom: 15px;
}
.basket-updated .prod-info .prod-details .price {
	color: #e2327b;
	font-size: 20px;
	font-weight: bold;
	margin-left: 17px;
}
.basket-updated .prod-info .prod-details img {
	margin-bottom: -17px;
	margin-left: 12px;
}

.basket-updated .content-c .with-right-shadow .body {
	background: url('../img/gradient-gray.jpg') repeat-x center bottom #f4f4f4 !important;
	margin-left: 4px;
	margin-right: 4px;
	padding-bottom: 15px;
}

.basket-updated .with-right-shadow .add-to-basket {
	margin-top: 7px;
}

/* thank you popup */

.thank-you {
	width: 650px;
}

.thank-you .body {
}
.thank-you .prod-info {
	margin-top: 15px !important;
	padding: 25px 15px 0 15px;
	background: url('../img/white-bgr-thank-you.jpg') no-repeat top center;
	height: 145px;
}

.thank-you .thank-you-text {

}
.thank-you .thank-you-text h3 {
	color: #818285;
	font-size: 20px;
	font-weight: bold;
	margin-left: 17px;
	text-transform: uppercase;
}
.thank-you .thank-you-text p {
	margin: 10px 0 0 20px;
	font-size: 14px;
	color: #333;
}
.thank-you .thank-you-text .smaller {
	margin: 10px 0 0 20px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
.thank-you .thank-you-text .smaller a {
	color: #666;
	text-decoration: underline;
}

.thank-you .continue-button {
	background: url('../img/continue-button.gif') no-repeat;
	width: 160px;
	height: 44px;
	display: block;
	position: absolute;
	right: 15px;
	bottom: 13px;
	z-index: 20000;
}

/* buttons */

.continue-shopping-button {
	background: url('../img/continue-shopping-button.gif') no-repeat;
	width: 240px;
	height: 41px;
	display: block;
	position: absolute;
	right: 252px;
	bottom: 18px;
	z-index: 20000;
}

.checkout-button {
	background: url('../img/checkout-button.gif') no-repeat;
	width: 240px;
	height: 41px;
	display: block;
	position: absolute;
	right: 12px;
	bottom: 18px;
	z-index: 20000;
}

.close-button-a, .close-button-a-top {
	background: url('../img/close-button.gif') no-repeat;
	width: 112px;
	height: 41px;
	display: block;
	position: absolute;
	top: 18px;
	right: 8px;
	z-index: 20000;
}

.view-more .close-button-a-top {
	bottom: 12px;
	right: 8px;	
	top: auto;
	background: url('../img/close-bottom-buttom.gif') no-repeat;
}

.view-more .body {
	padding-bottom: 20px !important;
}

.close-button {
	height: 40px;
}

.add-to-basket-button {	
	background: url('../img/add-to-basket.gif') no-repeat;
	width: 200px;
	height: 41px;
	display: block;
	position: absolute;
	bottom: 12px;
	right: 11px;
	z-index: 20000;
}

/* admin */

.admin .inner-top {
	margin-top: 0 !important;
}

.admin .inner-content {
	/*height: 300px;*/
}

.admin .shopping-info {
	background: none !important;
	padding-top: 0 !important;
}

.admin .shopping-info a {
	color: #e57b10;
}

/* content box wide */

.content-box-wide {

}

.content-box-wide .box-top {
	background: url('../img/cbw-top-shadow.gif') no-repeat top center;
	width: 952px;
	height: 25px;
	font-size: 0;
	margin-top: 10px;
}

.content-box-wide .box-bottom {
	background: url('../img/cbw-bottom-shadow.gif') no-repeat bottom center;
	width: 952px;
	height: 28px;
	font-size: 0;
}

.content-box-wide .box-c {
	background: url('../img/cbw-both-sides-shadow.gif') repeat-y;
	width: 952px;
	font-size: 0;
}

.content-box-wide .box-c .content-c {
	background: url('../img/cbw-gradient.jpg') repeat-x bottom #f4f4f4;
	margin: 0 4px 0 4px;
	position: relative;
	font-size: 0;
}

.content-box-wide .box-c .content-c h2 {
	color: #e2327b;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: -8px 20px 0px 20px;
}

.content-box-wide .box-c .content-c .intro {
	font-size: 12px;
	color: #333;
	line-height: 1.4;
	margin: 10px 20px 30px 20px;
	letter-spacing: 0.2px;
}

.content-box-wide .box-c .content-c .content-top {
	background: url('../img/cbw-inner-top.gif') no-repeat top center;
	width: 938px;
	height: 13px;
	margin: 15px auto 0 auto;
	font-size: 0;
}

.content-box-wide .box-c .content-c .content {
	background: url('../img/cbw-inner-y.gif') repeat-y top center;
	width: 934px;
	margin: 0 auto;
	font-size: 12px;
	margin-bottom: 20px;
	padding-bottom: 13px;

}
/* bugfix */

.extended {

}

/* shadow */

.white-top-shadow {
	background: url('../img/white-top.gif') repeat-x;
	height: 10px;
}

.popup .white-top-shadow {
	margin: 0 4px;
}

.error-field {
    background: url('../img/error-inp.gif') repeat-x !important;
    border-color: #ff6666 !important;
}
.error-text {
    color: #ff0000 !important;
}

.error-sign {
    color: #ff6666 !important;
    font-size: 15px;
    font-weight: bold;
}




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




/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; text-transform: uppercase; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0 10px 10px 20px; font-size: 16px; font-weight: bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
li.ui-tabs-selected a, li.ui-state-active a { color: #e6327b; }
.ui-tabs-nav li a:hover { color: #e6327b; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }