﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input {
	margin: 0;
	padding: 0;
}

body {
	background: #eee;
	margin: 0px 1px 1px 1px;
	font-size: 11px;
}

a {
	text-decoration: underline;
}

	a:hover {
		text-decoration: underline;
	}

	a img {
		border: 0;
	}

img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
}

h1 {
	position: relative;
	font-weight: bold;
}

h2 {
	display: inline;
	font-weight: normal;
}

h3 {
}

h4 {
}

H5 {
}

.jsdisabled {
	position: relative;
	margin: 0 auto;
	padding-left: 40px;
	width: 400px;
	background: #ffff00 url(images/warning.png) 45px 5px no-repeat;
	border-left: 1px solid #ebc700;
	border-right: 1px solid #ebc700;
	border-bottom: 1px solid #ebc700;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	-moz-border-bottom-right-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
}

	.jsdisabled p.warning {
		display: block;
		width: 300px;
		padding: 10px;
		margin: 0 auto;
		font-weight: bold;
		color: #000;
		font-size: 1.2em;
	}

	.jsdisabled span.instruction {
		width: 200px;
		font-size: .80em;
		font-weight: normal;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    MASTER PAGE WRAPPERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-wrapper-page {
}

.master-wrapper-content {
}

/* two column master page */
.master-wrapper-side {
}

.master-wrapper-center {
}

.master-wrapper-cph {
}

/* one column master page */
.master-wrapper-center-1 {
}

.master-wrapper-cph-1 {
}

/* three column master page */
.master-wrapper-leftside-3 {
}

.master-wrapper-center-3 {
}

.master-wrapper-cph-3 {
}

.master-wrapper-rightside-3 {
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    MASTER HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header {
	padding: 0px;
	height: 0px;
}

	.header .icon {
		vertical-align: bottom;
	}

	.header .ico-register {
		/*
    background: url('images/ico-register.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
    */
	}

	.header .ico-login {
		/*
    background: url('images/ico-login.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
    */
	}

	.header .ico-logout {
		/*
    background: url('images/ico-logout.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
    */
	}

	.header .logout {
		position: absolute;
		background: #CCC;
		padding: 8px;
		font-weight: bold;
		font-size: 1em;
		cursor: pointer;
		border: 0px;
		text-decoration: none;
		top: 0;
		right: 0px;
	}

		.header .logout a,
		.header .logout a:hover {
			text-decoration: none;
		}

	.header .welcome {
		position: relative;
		float: right;
		margin-right: 8px;
	}

	.header .welcome-points {
		background: none;
		float: right;
		margin-right: 100px;
	}

	.header .customerRole {
		position: relative;
		float: left;
		margin-left: 8px;
	}

.role-selector-control {
	padding: 10px;
	text-shadow: none;
	background: #ebc700;
}

	.role-selector-control ul,
	.role-selector-control li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.role-selector-control li {
		margin: 5px 0;
	}

	.role-selector-control span.selected {
		background: #72bade url(images/button-background.png) top left repeat-x;
		border: 1px solid #26B3F7;
		color: #FFFFFF;
		display: inline-block;
		text-shadow: 0 1px 1px #000;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 4px 2px;
		cursor: default;
	}

	.role-selector-control img {
		margin-left: 10px;
	}

.welcome-points a.points {
	position: relative;
	margin-top: 0px;
	text-align: right;
	display: block;
}

a.logo {
	position: relative;
	margin: 0 0 0 0px;
	display: block;
	text-decoration: none;
}

.header-links-wrapper {
	position: relative;
	padding-top: 10px;
}

body.change-password-view .header-links-wrapper {
	display: none;
}

.searchbox {
	height: 30px;
	margin: -40px 0 0;
	position: absolute;
	right: 40px;
}

	.searchbox ul {
		margin: 0;
		padding: 0;
	}

		.searchbox ul li {
			list-style: none;
			float: left;
		}

.footer-wrapper {
	display: block;
}

.footer {
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    MISC. CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.page-title {
	margin: 0 0 10px;
	width: 100%;
}

	.page-title h1, .page-title h2 {
	}

td {
	vertical-align: middle;
}

	td.fieldname {
		font-size: 12px;
	}

.table-container {
}

	.table-container .row {
	}

.item-name {
	padding: 6px 10px 6px 5px;
	display: block;
	white-space: nowrap;
	padding-right: 10px;
	width: 140px;
	/*vertical-align: middle;*/
}

#dateMonthYearFilter .defaultTableNoStyle .item-name{
	min-width:140px;
	width:140px;
}

.item-value {
	padding: 3px 0px 0px 0px;
	vertical-align: middle;
}

.htmlcontent {
	padding-bottom: 5px;
}

.htmlcontent-title {
	padding: 0 0 5px 0;
	clear: both;
	margin-bottom: 15px;
}

.htmlcontent-header.centre {
	text-align: center;
}

.htmlcontent-body {
	position: relative;
}

.topicpage {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.topicpage-title {
	border-bottom: 0 none;
}

.topicpage .topicpage-body {
}

.user-agreement-page {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.user-agreement-page .page-title {
	}

	.user-agreement-page .page-body {
	}

.clear {
	border: medium none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.linkButton {
	background-color: inherit;
	text-decoration: underline;
	font-weight: bold;
}

a.linkButton:hover {
}

.dropDownLists {
	height: 17px;
	font-size: 10px;
	padding-left: 2px;
}

.textBox, .searchtext, checkbox, input[type="text"], input[type="password"], radio, select, textarea, select, .numericTextBox {
	margin: 1px;
	border: 1px solid #bbb;
	background: url(Images/bgTextBox.gif) white repeat-x left top;
	font-size: 1em !important;
	padding: 4px;
	width: 300px;
}

.filter .products-per-page {
	min-width: 50px !important;
	max-width: 50px !important;
}

.filter select{
	min-width:0;
	max-width:40px;
}

.numericTextBox {
	width: 50px;
}

.textArea {
	height: 100px;
	width: 500px;
}

.message-error {
	font-size: .9em;
	font-weight: bold;
}

.login-table-container .message-error,
.login-table-container .validation-summary-errors {
	margin: 0;
	background: none;
	border: 0px;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

.login-table-container .item-value input[type="checkbox"] {
	position: relative;
	margin-right: 4px;
	margin-top: -2px;
}

.copyright {
	float: right;
	padding-right: 10px;
	font-size: 10px;
}

	.copyright a {
		background-color: inherit;
	}

ul.sitemap {
}

	ul.sitemap li {
		padding: 3px 0px 3px 0px;
	}

		ul.sitemap li span {
			text-transform: uppercase;
			margin: 10px 0px 10px 0px;
		}

checkbox, radio, select {
	padding: 4px;
	font-size: 1em !important;
}

select {
	width: 210px;
}

.productQuantityLeft,
.productQuantitySoldOut {
	background: #ff6b15;
	padding: 5px 20px 5px 20px;
	color: white;
	font-style: italic;
	font-size: small;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 5px;
	box-shadow: 3px 3px #58565330;
}

.search-results .productQuantityLeft,
.search-results .productQuantitySoldOut{
	right:0;
	left:inherit;
}

.product-details-page .productQuantityLeft,
.product-details-page .productQuantitySoldOut {
	position:relative;
	top:0;
	left:0;
	margin-top:10px;
	margin-bottom:10px;
}

.productQuantitySoldOut {
	background: #ff1515;
}
/* fix ie button padding bug - apply to all buttons to reduce extra padding applied by ie!
input
{
    width: auto;
    overflow: visible;
} */
textarea {
	width: 100%;
}

.searchtext {
	border: solid 1px #d3d3d3;
	vertical-align: top;
	font-size: 12px;
}

.searchboxtext {
	width: 170px;
	border: solid 1px #E3E3E3;
	padding: 4px;
	background: #fff url(images/searchbox-icon.png) 5px 6px no-repeat !important;
	padding-left: 20px !important;
}

.newsaddcommenttitletext {
	width: 250px;
	border: solid 1px #E3E3E3;
	vertical-align: top;
	font-size: 12px;
}

.newsaddcommentcommenttext {
	height: 150px;
	width: 500px;
	border: solid 1px #E3E3E3;
	vertical-align: top;
	font-size: 12px;
}

.blogaddcommentcommenttext {
	height: 150px;
	width: 500px;
	border: solid 1px #E3E3E3;
	vertical-align: top;
	font-size: 12px;
}

.accountsignaturetext {
	height: 100px;
	width: 500px;
	border: solid 1px #E3E3E3;
	vertical-align: top;
}

.numerictextboxtext {
	border: solid 1px #E3E3E3;
	vertical-align: top;
	font-size: 12px;
}

.forumtopictitletext {
	width: 500px;
	border: 1px solid #acacac;
	vertical-align: top;
	font-size: 12px;
}

.privatemessagesubjecttext {
	width: 500px;
	border: 1px solid #acacac;
	vertical-align: top;
	font-size: 12px;
}

.forumsearchtext {
	width: 500px;
	border: 1px solid #acacac;
	font-size: 14px;
}


.forumsearchboxtext {
	border: 1px solid #acacac;
	font-size: 12px;
}

.bbeditortext {
	border: #cec6b5 1px solid;
}

.edittopiclinkbutton {
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-edit.gif') no-repeat;
}

.deletetopiclinkbutton {
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-delete.gif') no-repeat;
}

.movetopiclinkbutton {
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-moveTopic.gif') no-repeat;
}

.replytopiclinkbutton {
	padding-right: 5px;
	padding-left: 18px;
	padding-bottom: 3px;
	background: url('images/ico-forum-post-add.gif') no-repeat;
}

.watchtopiclinkbutton {
	padding-left: 18px;
	background: url('images/ico-forum-watch.gif') no-repeat;
}

.editpostlinkbutton {
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-edit.gif') no-repeat;
}

.deletepostlinkbutton {
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-delete.gif') no-repeat;
}

.quotepostlinkbutton {
	color: #555555;
	float: right;
	padding: 1px 3px 1px 3px;
	border: solid 1px #cccccc;
	line-height: 15px;
}

.editaddressbutton,
.deleteaddressbutton, .cancelrecurringorderbutton, .orderdetailsbutton, .orderdetailsprintbutton,
.updatewishlistbutton, .applycouponcodebutton, .updatecartbutton, .continueshoppingbutton,
.orderprocessedcontinuebutton, .submitpollvotebutton, .cancelforumtopicbutton, .forumsearchbutton,
.forumsearchboxbutton, .cancelpmbutton, .deletepmbutton, .backpmbutton,
.searchboxbutton, .searchbutton, .contactusbutton, .newsitemaddcommentbutton, .blogpostaddcommentbutton,
.productwritereviewbutton, .registerbutton,
.checkoutasguestbutton, .savecustomerinfobutton, .addbillingaddressbutton, .addshippingaddressbutton,
.changepasswordbutton, .registernextstepbutton, .completeregistrationbutton,
.saveaddressbutton, .sendemailafriendbutton, .checkoutbutton, .selectshippingaddressbutton,
.newaddressnextstepbutton, .selectbillingaddressbutton, .sameasshippingaddressbutton,
.shippingmethodnextstepbutton, .paymentmethodnextstepbutton, .paymentinfonextstepbutton,
.confirmordernextstepbutton, .submitforumtopicbutton, .submitpmbutton, .replypmbutton,
.deleteselectedpmbutton, .reorderbutton, .minicartcheckoutbutton, .newsletterbox-subscribebutton, .useragreementbutton,
.searchbutton:hover, .contactusbutton:hover, .newsitemaddcommentbutton:hover, .blogpostaddcommentbutton:hover,
.productwritereviewbutton:hover, .registerbutton:hover,
.checkoutasguestbutton:hover, .savecustomerinfobutton:hover, .addbillingaddressbutton:hover, .addshippingaddressbutton:hover,
.changepasswordbutton:hover, .registernextstepbutton:hover, .completeregistrationbutton:hover,
.saveaddressbutton:hover, .sendemailafriendbutton:hover, .checkoutbutton:hover, .selectshippingaddressbutton:hover,
.newaddressnextstepbutton:hover, .selectbillingaddressbutton:hover, .sameasshippingaddressbutton:hover,
.shippingmethodnextstepbutton:hover, .paymentmethodnextstepbutton:hover, .paymentinfonextstepbutton:hover,
.confirmordernextstepbutton:hover, .submitforumtopicbutton:hover, .submitpmbutton:hover, .replypmbutton:hover,
.deleteselectedpmbutton:hover, .reorderbutton:hover, .minicartcheckoutbutton:hover, .newsletterbox-subscribebutton:hover, .useragreementbutton:hover,
.productaddtocomparelistbutton:hover,
.deleteaddressbutton:hover, .cancelrecurringorderbutton:hover, .orderdetailsbutton:hover, .orderdetailsprintbutton:hover,
.updatewishlistbutton:hover, .applycouponcodebutton:hover, .updatecartbutton:hover, .continueshoppingbutton:hover,
.orderprocessedcontinuebutton:hover, .submitpollvotebutton:hover, .cancelforumtopicbutton:hover, .forumsearchbutton:hover,
.forumsearchboxbutton:hover, .cancelpmbutton:hover, .deletepmbutton:hover, .backpmbutton:hover {
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
}

	.orderdetailsprintbutton a {
		text-decoration: none;
	}

.loginbutton,
.passwordrecoverybutton,
.newpasswordbutton {
	color: #fff;
	border: 1px solid #fff;
	padding: 8px;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: 10px;
}

.password-requirement-prompt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

*:first-child + html .loginbutton,
*:first-child + html .passwordrecoverybutton,
*:first-child + html .newpasswordbutton {
	border: 0px;
}

.productaddtocomparelistbutton,
.productemailafriendbutton,
.productvariantaddtocartbutton,
.productlistaddtocartbutton,
.productvariantaddtowishlistbutton,
.productgridaddtocartbutton,
.productlistproductdetailbutton, .productgridproductdetailbutton,
.genericButton,
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
}

.button-container {
	position: relative;
	margin: 20px auto 10px auto;
	text-align: center;
}

.form-button-container-left, .button-container-left {
	display: block;
	text-align: left;
	position: relative;
	margin-top: 15px;
	margin-bottom: 10px;
}

.form-button-container-centre {
	display: block;
	text-align: center;
	position: relative;
	margin-top: 20px;
}

.pager input[type="submit"] {
	color: #fff;
	padding: 8px;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
}

.pager input[disabled="disabled"] {
	background-image: none;
	background: #ddd;
	color: #999;
}


.currencylist {
	border: solid 1px #E3E3E3;
	height: 20px;
}

select.languagelist {
	border: solid 1px #E3E3E3;
}

ul.languagelist {
	display: inline;
	line-height: 25px;
}

	ul.languagelist li {
		list-style: none;
		display: inline-block;
		padding: 0px 5px 0 5px;
	}

		ul.languagelist li .selected {
			border: solid 1px #cccccc !important;
		}

.taxdisplaytypelist {
	border: solid 1px #E3E3E3;
}

.forumtopicoptionscheck {
}

	.forumtopicoptionscheck label {
		color: inherit;
		font-size: 0.9em;
		padding-left: 5px;
		vertical-align: top;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    NAVIGATIONS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.block {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.block .title {
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
		padding: 4px 8px;
		background-color: #003466;
		color: #FFFFFF;
	}

	.block .listbox {
		padding: 5px 10px 10px;
		line-height: 18px;
		margin: 0px;
	}

		.block .listbox ul {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 10px;
			color: #fff;
			background-color: inherit;
		}

	.block a {
	}

	.block li {
		list-style: none;
	}

		.block li.separator {
			height: 1px;
			background: #B9B9B9;
			width: 140px;
			margin: 5px 0 5px 0;
		}

/*Left Menu*/
.leftMenu { /*note: style menu block */
	position: relative;
	display: inline-block;
}

	.leftMenu .title {
		display: none;
	}

	.leftMenu .listbox {
	}

		.leftMenu .listbox ul {
			background-color: inherit;
		}

			.leftMenu .listbox ul li { /*note: vertical spacing between menu item*/
				padding: 0px 0 0px 0;
			}

				.leftMenu .listbox ul li:hover { /*note: style hover menu item*/
					/*background-color: Yellow; */
					/*background:url(images/left-menu-pointer.png) center left no-repeat; */
				}

	.leftMenu a:link,
	.leftMenu a:active,
	.leftMenu a:visited { /*note: style menu item */
		display: block;
	}

	.leftMenu a:hover { /*note: edit hover effect on left menu items */
	}

	.leftMenu li {
		list-style: none;
	}


.block-category-navigation, .block-manufacturer-navigation, .block-recently-viewed-products,
.block-info, .block-shoppingcart, .block-newsletter, .block-livechat, .block-popular-tags {
}

	.block-info a {
	}

	.block-livechat .listbox {
		text-align: center;
	}


	.block-shoppingcart .items {
		margin-top: 10px;
	}

		.block-shoppingcart .items ul {
		}

	.block-shoppingcart .buttons {
		text-align: right;
	}

	.block-category-navigation .active a {
	}

	.block-category-navigation .inactive a {
	}

	.block-category-navigation .listbox ul .active {
		font-weight: bold;
	}

	.block-category-navigation .listbox ul .inactive {
	}

	.block-manufacturer-navigation a.active {
		font-weight: bold;
	}

	.block-manufacturer-navigation a.inactive {
	}

	.block-manufacturer-navigation .listbox .viewall a {
	}

	.block-newsletter .options {
		margin-top: 5px;
	}

	.block-newsletter .buttons {
		margin-top: 5px;
	}

	.block-recently-viewed-products a:hover {
	}


	.block-popular-tags li {
		display: inline !important;
	}

.tags a {
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    ORDER SUMMARY, SHOPPING CART, WISHLIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.shoppingcart-page, .wishlist-page {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.shoppingcart-page .page-title, .wishlist-page .page-title {
		border-bottom: 0 none;
	}

	.shoppingcart-page .body, .wishlist-page .body {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
		color: inherit;
	}

.order-summary-content {
	margin: 0px;
	padding: 10px 10px 10px 10px;
	color: inherit;
}

.wishlist-content {
	margin: 0px;
	color: inherit;
	background-color: inherit;
}

.order-summary-content .coupon-box {
	margin: 0px;
	padding: 10px 10px 10px 10px;
	color: inherit;
	background: #f4f3e8;
	margin-bottom: 10px;
	border: dotted 1px #d3d3d3;
}

.order-summary-content .cart, .wishlist-content .cart {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

.wishlist-content .cart {
	margin-bottom: 25px;
}

	.order-summary-content .cart td, .wishlist-content .cart td {
		padding: 3px 0 3px 0;
	}

.order-summary-content .cart .wishlist-content .cart .cart-header-row {
	font-weight: bold;
}

.order-summary-content .cart .cart-header-row td, .wishlist-content .cart .cart-header-row td {
	background: url('images/cart_line_y.gif') repeat-y right;
}

	.order-summary-content .cart .cart-header-row td.picture, .wishlist-content .cart .cart-header-row td.picture {
		background: none;
		border: none;
	}

	.order-summary-content .cart .cart-header-row td.end, .wishlist-content .cart .cart-header-row td.end {
		background: none;
		padding-right: 5px;
	}

.order-summary-content .cart .cart-item-row, .wishlist-content .cart .cart-item-row {
}

	.order-summary-content .cart .cart-item-row td, .wishlist-content .cart .cart-item-row td {
		background: url('images/cart_line_y.gif') repeat-y right;
		border-top: 1px dotted #c5c5c5;
		vertical-align: middle;
		line-height: 30px;
	}

		.order-summary-content .cart .cart-item-row td.productpicture, .wishlist-content .cart .cart-item-row td.productpicture {
			padding: 5px 5px 5px 5px;
			background: none;
		}

		.order-summary-content .cart .cart-item-row td.product, .wishlist-content .cart .cart-item-row td.product {
			text-align: left;
			padding: 0px 10px 0px 10px;
		}

		.order-summary-content .cart .cart-item-row td.end, .wishlist-content .cart .cart-item-row td.end {
			border-top: 1px dotted #c5c5c5;
			background: none;
			text-align: right;
			font-weight: bold;
			color: Green;
		}

.order-summary-content .WarningBox .WarningText, .wishlist-content .WarningBox .WarningText {
	color: Red;
}

.order-summary-content .total-info {
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

.cart_total_left {
	width: 100%;
	text-align: right;
	vertical-align: middle;
	height: 21px;
	font-weight: bold;
	color: #353434;
}

.cart_total_left_below {
	width: 100%;
	text-align: right;
	vertical-align: top;
	height: 30px;
}

.cart_total_right {
	text-align: right;
	vertical-align: middle;
	padding-left: 5px;
}

.order-summary-content .removegiftcardbutton {
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-delete.gif') no-repeat;
}

.order-summary-content .selected-checkout-attributes {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 100%;
	text-align: right;
	vertical-align: middle;
	color: #353434;
}

.order-summary-content .checkout-attributes {
	margin: 10px 0px 10px 0px;
	padding: 10px 20px 10px 20px;
	background: none repeat scroll 0 0 #F7F5E8;
	border: 1px dotted #D3D3D3;
}

.order-summary-content .terms-of-service {
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

	.order-summary-content .terms-of-service .read {
		text-decoration: underline;
	}

		.order-summary-content .terms-of-service .read:hover {
			cursor: pointer;
		}

.order-summary-content .buttons {
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

	.order-summary-content .buttons .common-buttons {
		float: left;
		margin: 0px;
		padding: 10px 10px 10px 10px;
	}

	.order-summary-content .buttons .addon-buttons {
		float: right;
		margin: 0px;
		padding: 10px 10px 10px 10px;
		text-align: right;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    CHECKOUT, ORDER DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.checkout-page, .checkout-one-page {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.checkout-page .page-title, .checkout-one-page .page-title {
		border-bottom: 0 none;
	}

	.checkout-page .checkout-data, .checkout-one-page .checkout-data {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
		color: inherit;
		background-color: inherit;
	}

		.checkout-one-page .checkout-data .progress {
			position: absolute;
			top: 100px;
			width: 180px;
			left: 0;
			right: 0;
			margin-left: auto;
			margin-right: auto;
			background: none repeat scroll 0 0 #FFFFFF;
			padding: 5px 10px;
			text-align: center;
			z-index: 2147483647;
		}

.checkoutstep {
}

	.checkoutstep .steptitle {
		border: 1px solid #2F4F4F;
		color: white;
		background-color: #2E4d7B;
		font-size: 12px;
		font-weight: bold;
		padding: 5px 5px 5px 5px;
		margin-top: 5px;
	}

	.checkoutstep .stepcontent {
		border: dotted 1px #2F4F4F;
		border-top: none;
		padding: 5px 5px 5px 5px;
	}

.order-summary-title {
	padding: 10px 10px 5px 0px;
	color: inherit;
	font-weight: bold;
	clear: both;
}

.order-summary-body {
	/*text-align: center;*/
	margin: 10px 10px 10px 10px;
	border-bottom: 1px solid #B9B9B9;
	height: auto;
}

.checkout-data .select-address-title {
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}

.checkout-data .address-grid {
	margin-bottom: 15px;
	padding: 0px;
}

	.checkout-data .address-grid .item-box {
		padding-bottom: 10px;
		text-align: center;
		vertical-align: text-top;
	}

	.checkout-data .address-grid .address-item {
		text-align: center;
		margin: 10px 10px 10px 10px;
		border: 1px solid #B9B9B9;
		width: 200px;
		height: auto;
	}

		.checkout-data .address-grid .address-item .select-button {
			margin-bottom: 5px;
			margin-top: 5px;
			text-align: center;
		}

		.checkout-data .address-grid .address-item .address-box {
			text-align: left;
		}

.checkout-data .enter-address-title {
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}

.checkout-data .enter-address {
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

	.checkout-data .enter-address .enter-address-body {
		text-align: left;
		margin: 10px 10px 10px 10px;
	}

	.checkout-data .enter-address .button {
		margin: 10px 10px 10px 10px;
		text-align: left;
	}

	.checkout-data .enter-address .the-same-address {
		text-align: left;
		margin: 10px 10px 10px 10px;
	}

.checkout-data .shipping-options {
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #B9B9B9;
	height: auto;
}

	.checkout-data .shipping-options .shipping-option-item {
		text-align: left;
		vertical-align: text-top;
		padding: 5px 0 0 5px;
	}

		.checkout-data .shipping-options .shipping-option-item .option-name {
			font-weight: bold;
		}

		.checkout-data .shipping-options .shipping-option-item .option-description {
			padding: 5px 0 5px 16px;
		}

	.checkout-data .shipping-options .select-button {
		margin: 10px 10px 10px 10px;
		text-align: left;
	}

	.checkout-data .shipping-options .error-block {
		margin: 10px 10px 10px 10px;
		text-align: left;
	}

.checkout-data .userewardpoints {
	margin: 0px;
	padding: 10px 10px 10px 10px;
	color: inherit;
	background: #f4f3e8;
	margin-bottom: 10px;
	border: dotted 1px #d3d3d3;
}

.checkout-data .payment-methods {
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #B9B9B9;
	height: auto;
}

	.checkout-data .payment-methods .payment-method-item {
		padding: 10px;
		text-align: left;
		vertical-align: text-top;
	}

	.checkout-data .payment-methods .select-button {
		margin: 10px 10px 10px 10px;
		text-align: left;
	}

	.checkout-data .payment-methods .error-block {
		padding: 10px 10px 5px 0px;
		font-weight: bold;
		clear: both;
	}


.checkout-data .payment-info {
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #B9B9B9;
	height: auto;
}

	.checkout-data .payment-info .body {
		padding: 10px;
		text-align: left;
		vertical-align: text-top;
	}

	.checkout-data .payment-info .select-button {
		margin: 10px 10px 10px 10px;
		text-align: left;
	}

.checkout-data .confirm-order {
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 0px;
	height: auto;
}

	.checkout-data .confirm-order .select-button {
		margin: 10px 10px 10px 10px;
		text-align: center;
	}

	.checkout-data .confirm-order .error-block {
		margin: 10px 10px 10px 10px;
		text-align: left;
	}

.checkout-data .order-completed {
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #B9B9B9;
	height: auto;
}

	.checkout-data .order-completed .body {
		padding: 10px;
		text-align: left;
		vertical-align: text-top;
	}

	.checkout-data .order-completed .select-button {
		margin: 10px 10px 10px 10px;
		text-align: left;
	}

.order-details {
	margin-bottom: 15px;
	padding: 0px;
}

	.order-details .page-title {
		border-bottom: 0 none;
	}

	.order-details .info {
		border: 1px solid #B9B9B9;
		padding: 10px;
	}

	.order-details .section-title {
		padding: 10px 10px 5px 0px;
		font-weight: bold;
		clear: both;
	}

	.order-details .order-overview {
		text-align: left;
		padding-bottom: 10px;
	}

	.order-details .shipping-box {
		text-align: left;
		padding: 10px;
		border: 1px solid #B9B9B9;
		height: auto;
	}

	.order-details .billing-box {
		text-align: left;
		padding: 10px;
		border: 1px solid #B9B9B9;
		height: auto;
	}

	.order-details .products-box, .order-details .ordernotes-box {
		text-align: left;
		padding: 10px;
		border: 1px solid #B9B9B9;
		height: auto;
	}

	.order-details .checkout-attributes {
		text-align: right;
		vertical-align: middle;
		padding: 10px;
		height: auto;
	}

.downloable-products {
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	color: inherit;
	background-color: inherit;
}

	.downloable-products .info {
		padding: 10px;
	}

	.downloable-products .products-box {
		text-align: left;
		padding: 10px;
		border: 1px solid #B9B9B9;
		height: auto;
	}

.order-progress {
	height: 40px;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: solid 2px #f3f3f3;
}

	.order-progress ul {
		padding: 0;
		margin: 0;
	}

		.order-progress ul li {
			list-style: none;
			display: inline;
			padding: 5px 20px 0 20px;
		}

			.order-progress ul li .active-step {
				color: #6a6a6a;
				background: url('images/progress-step-active.gif') no-repeat 50% 50%;
				padding-bottom: 40px;
				padding-right: 1px;
			}

			.order-progress ul li .inactive-step {
				color: #d7d7d7;
				background: url('images/progress-step-inactive.gif') no-repeat 50% 50%;
				padding-bottom: 40px;
				padding-right: 1px;
			}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    HOME PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




.home-page-product-grid {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 1px solid #B9B9B9;
}

	.home-page-product-grid .boxtitle {
		padding: 10px 0px 1px 0px;
		margin: 0 5px 10px 5px;
		font-weight: bold;
		color: #444;
		text-transform: uppercase;
		clear: both;
		font-size: 1.1em;
		border-bottom: solid 1px #333;
	}

	.home-page-product-grid .item-box {
		padding-bottom: 10px;
		text-align: center;
	}

.product-item {
	position: relative;
}

.home-page-product-grid .product-item {
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid #B9B9B9;
	width: 350px;
	height: 200px;
}

	.home-page-product-grid .product-item .product-title {
		margin-bottom: 5px;
		margin-top: 5px;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
	}

	.home-page-product-grid .product-item .picture {
		text-align: center;
	}

.home-page-category-grid {
	clear: both;
	border-top: 1px solid #333;
}

	.home-page-category-grid table {
		width: 100%;
	}

	.home-page-category-grid .item-box {
		padding-bottom: 10px;
		text-align: center;
		vertical-align: text-top;
		margin: 10px;
		padding: 0;
		width: 33%;
		border-bottom: 1px solid #333333;
		border-left: 1px solid #333333;
		border-right: 1px solid #333333;
	}

	.home-page-category-grid .category-item {
		text-align: center;
		margin: 10px 10px 10px 10px;
		width: 210px;
	}

		.home-page-category-grid .category-item .product-title {
			font-weight: bold;
			font-size: 12px;
			padding-left: 10px;
		}

		.home-page-category-grid .category-item h2.title a {
			display: block;
			height: 2em;
			line-height: 1.3em;
			overflow: hidden;
			padding: 4px 10px 8px 0px;
			color: #444;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
		}

		.home-page-category-grid .category-item .picture {
			text-align: center;
		}

.bestsellers {
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}

	.bestsellers .boxtitle {
		padding: 10px 0px 1px 0px;
		margin: 0 5px 10px 5px;
		font-weight: bold;
		text-transform: uppercase;
		clear: both;
		font-size: 1.1em;
		border-bottom: solid 1px #C4C6C8;
	}

	.bestsellers .item-box {
		padding-bottom: 10px;
		text-align: center;
		vertical-align: text-top;
	}

	.bestsellers .product-item {
		text-align: center;
		margin: 10px 10px 10px 10px;
		border: 1px solid #B9B9B9;
		width: 200px;
		height: 200px;
	}

		.bestsellers .product-item .product-title {
			margin-bottom: 5px;
			margin-top: 5px;
			text-align: center;
			font-weight: bold;
			font-size: 12px;
		}

		.bestsellers .product-item .picture {
			text-align: center;
		}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    PRODUCTS IN GRID - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.product-grid {
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

	.product-grid .item-box {
		padding-bottom: 10px;
		text-align: center;
		margin: 10px;
	}

	.product-grid .product-item {
		text-align: center;
		margin: 10px 10px 10px 10px;
		width: 210px;
	}

		.product-grid .product-item .product-title {
			font-weight: bold;
			font-size: 12px;
			padding-left: 10px;
		}

			.product-grid .product-item .product-title a {
				display: block;
				height: 2em;
				line-height: 1.3em;
				overflow: hidden;
				padding: 4px 10px 0 0px;
				color: #444;
				text-decoration: none;
			}

/*suggested products*/
.suggested-products {
	margin-top: 30px;
	border-top: 1px solid #ddd;
}

	.suggested-products h3 {
		display: block !important;
		margin: 20px 0;
		text-align: center;
	}

	.suggested-products h2.product-title a {
		padding: 10px 0 !important;
	}

	.suggested-products .product-item .picture {
		min-height: 125px;
	}

.product-grid .product-item .picture {
	text-align: center;
	margin-top: 10px;
}

.product-grid .product-item .description {
	margin: 5px 5px 0 5px;
	text-align: center;
	padding: 10px 5px 10px 5px;
	border-top: solid 1px #B9B9B9;
	color: inherit;
	height: 50px;
	display: none;
}

.product-grid .product-item .add-info {
	vertical-align: bottom;
	text-align: right;
	width: 100%;
	position: relative;
}

	.product-grid .product-item .add-info .prices {
		text-align: right;
		vertical-align: middle;
		position: absolute;
		bottom: 15px;
		right: 10px;
	}

	.product-grid .product-item .add-info .buttons {
		vertical-align: middle;
		bottom: 15px;
		left: 10px;
		padding-top: 10px;
		text-align: left;
	}

	.product-grid .product-item .add-info .prices .productPrice .productQuantity {
		color: green;
	}

.oldproductPrice {
	color: Red;
	text-decoration: line-through;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    PRODUCTS IN LINES 1 - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.product-list1 {
	margin: 0 auto;
	width: 100%;
}

	.product-list1 .product-item {
		border: 1px solid #B9B9B9;
		height: 220px;
		margin-top: 10px;
		padding: 8px;
		position: relative;
	}

	.product-list1 .item-box {
		clear: both;
		margin-bottom: 10px;
		position: relative;
		text-align: left;
	}

	.product-list1 .product-item .product-title {
		font-weight: bold;
		font-size: 12px;
		padding-left: 10px;
	}

		.product-list1 .product-item .product-title a {
			display: block;
			height: 2em;
			line-height: 1.3em;
			overflow: hidden;
			padding: 4px 10px 8px 0px;
			color: #444;
		}

	.product-list1 .product-item .picture {
		float: left;
		margin: 10px 0 10px 10px;
	}

	.product-list1 .product-item .description {
		padding: 0px 0 0 10px;
		margin: 10px 150px 0px 140px;
		text-align: left;
		border-left: solid 1px #B9B9B9;
		color: inherit;
	}

	.product-list1 .product-item .prices-wrapper {
		float: right;
		text-align: right;
		bottom: 20px;
		right: 5px;
	}

	.product-list1 .product-item .prices {
	}

		.product-list1 .product-item .prices .productPrice {
			color: green;
		}

		.product-list1 .product-item .prices .oldproductPrice {
			color: Red;
			text-decoration: line-through;
		}

	.product-list1 .product-item .buttons {
		padding-top: 20px;
	}

	.product-list1 .prices-wrapper .buttons input[type="button"] {
		position: relative;
		margin: 2px 0;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    PRODUCTS IN LINES 2 - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.product-list2 {
	margin-bottom: 15px;
	padding: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    FEATURED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.featured-product-grid {
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	text-align: center;
}

	.featured-product-grid .title {
		padding: 10px 10px 5px 0px;
		font-weight: bold;
		text-transform: uppercase;
		clear: both;
		margin: 0;
		color: #444;
	}

	.featured-product-grid .item-box {
		padding-bottom: 10px;
		text-align: center;
		vertical-align: text-top;
	}

	.featured-product-grid .product-item {
		text-align: center;
		margin: 10px 10px 10px 10px;
		width: 250px;
		border: 1px solid #B9B9B9;
	}

		.featured-product-grid .product-item .product-title {
			font-weight: bold;
			font-size: 12px;
			padding: 0 0 0 10px;
			text-transform: none;
		}

			.featured-product-grid .product-item .product-title a {
				display: block;
				height: 2em;
				line-height: 1.3em;
				overflow: hidden;
				padding: 4px 10px 8px 0px;
			}

		.featured-product-grid .product-item .picture {
			text-align: center;
			margin-top: 10px;
		}

		.featured-product-grid .product-item .description {
			margin: 5px 5px 0 5px;
			text-align: center;
			padding: 10px 5px 10px 5px;
			border-top: solid 1px #B9B9B9;
			color: inherit;
			height: 50px;
		}

		.featured-product-grid .product-item .add-info {
			vertical-align: bottom;
			text-align: right;
			width: 250px;
			height: 85px;
			position: relative;
		}

			.featured-product-grid .product-item .add-info .prices {
				text-align: right;
				vertical-align: middle;
				position: absolute;
				bottom: 15px;
				right: 10px;
			}

			.featured-product-grid .product-item .add-info .buttons {
				vertical-align: middle;
				position: absolute;
				bottom: 15px;
				left: 10px;
				text-align: left;
			}

			.featured-product-grid .product-item .add-info .prices .productPrice {
				color: green;
			}

			.featured-product-grid .product-item .add-info .prices .oldproductPrice {
				color: Red;
				text-decoration: line-through;
			}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    PAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.category-page .product-pager, .manufacturer-page .product-pager, .producttag-page .product-pager {
	text-align: center;
}

	.category-page .product-pager a, .manufacturer-page .product-pager a, .producttag-page .product-pager a {
		font-size: 1em;
		color: inherit;
	}

		.category-page .product-pager a:link, .manufacturer-page .product-pager a:link, .producttag-page .product-pager a:link {
			text-align: center;
		}

	.category-page .product-pager span, .manufacturer-page .product-pager span, .producttag-page .product-pager span {
		font-size: 1.3em;
		font-weight: bold;
	}

.pager .current, a.pager-number-link,
.pager-number-link,
.pager-current {
	font-size: 1.2em;
	background: #666;
	border-radius: 4px;
	padding: 3px 5px;
}

.pager-current {
	border-radius: 4px;
	padding: 5px 8px;
}

.pager .disabled {
	border: 1px solid #ccc;
	color: #fff;
	margin-top: 4px;
	padding: 3px;
	text-align: center;
}

.pager .current {
	background-color: #333;
	font-weight: normal !important;
	margin-top: 4px;
	padding: 6px 8px;
	text-align: center;
}

.pager span, .pager a {
	margin: 4px 3px;
	transition: background 2s;
	-moz-transition: background 2s;
	-webkit-transition: background 2s;
	-o-transition: background 2s;
	text-decoration: none;
}

.pager a, .pager {
	color: #fff !important;
	padding: 3px 5px;
	text-decoration: none;
}

.pager {
	margin: 8px 3px;
	padding: 3px;
}

	.pager a:hover {
		background: #999;
		transition: background .3s;
		-moz-transition: background .3s;
		-webkit-transition: background .3s;
		-o-transition: background .3s;
		font-weight: normal !important;
		text-decoration: none;
	}

a.pager-prev-link, a.pager-prev-link:hover, a.pager-next-link, a.pager-next-link:hover, .pager-prev-inactive, .pager-next-inactive {
	background: none;
	color: #eee;
	display: inline-block;
	padding: 4px 2px;
	font-weight: normal !important;
	font-size: 1.8em;
}

.pager-prev-inactive, .pager-next-inactive {
	color: #999;
}

.pager-ellipses {
	font-size: 1.4em;
}

.category-page, .manufacturerlist-page, .manufacturer-page, .producttag-page {
	margin-bottom: 15px;
	padding: 0px;
}

	.category-page .page-title, .manufacturerlist-page .page-title, .manufacturer-page .page-title, .producttag-page .page-title {
		border-bottom: 0 none;
	}

	.category-page .category-description, .manufacturer-page .manufacturer-description {
		font-size: 1em;
		margin: 30px 0 10px 0;
		text-align: center;
	}

.sub-category-grid, .manufacturer-grid {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

	.sub-category-grid a, .manufacturer-grid a {
	}

	.sub-category-grid .item-box, .manufacturer-grid .item-box {
		text-align: center;
		vertical-align: text-top;
	}

	.sub-category-grid .sub-category-item, .manufacturer-grid .manufacturer-item {
		text-align: center;
		margin: 10px 10px 10px 10px;
		width: 230px;
		height: auto;
		border: 1px solid #B9B9B9;
	}

		.sub-category-grid .sub-category-item .category-title, .manufacturer-grid .manufacturer-item .man-title {
			text-align: center;
			font-weight: bold;
			font-size: 0.9em;
			display: block;
			overflow: hidden;
			height: 1.8em;
			padding: 8px 0 5px 0;
		}

		.sub-category-grid .sub-category-item .picture, .manufacturer-grid .manufacturer-item .picture {
			text-align: center;
			padding: 10px 0 10px 0;
		}

.sub-category-list {
	margin-bottom: 15px;
	padding: 0px;
}

.product-sorting {
	margin-left: 5px;
}

.product-filters {
	width: 600px;
	margin-left: 5px;
	border: 1px solid #B9B9B9;
	background: #f4f3e8;
}

	.product-filters .filter-title {
		font-weight: bold;
		padding-left: 10px;
		color: #444;
	}

		.product-filters .filter-title span {
			display: block;
			height: 2em;
			line-height: 1.3em;
			overflow: hidden;
			padding: 4px 10px 8px 0px;
		}

	.product-filters .filter-item {
		padding: 5px 10px 5px 10px;
	}

.price-range-filter {
}

	.price-range-filter .title {
		color: inherit;
		font-weight: bold;
		background: url('images/ico-arrow-r.gif') no-repeat;
		padding: 1px 0px 5px 20px;
	}

	.price-range-filter ul {
		margin: 0;
		padding-left: 20px;
	}

	.price-range-filter li {
		list-style: none;
		padding-bottom: 2px;
	}

	.price-range-filter .selected-price-range {
		padding-left: 20px;
	}

	.price-range-filter .remove-price-range-filter {
		font-weight: bold;
	}

.product-spec-filter {
}

	.product-spec-filter .title {
		color: inherit;
		font-weight: bold;
		background: url('images/ico-arrow-r.gif') no-repeat;
		padding: 1px 0px 5px 20px;
	}

	.product-spec-filter table.filter {
		width: 100%;
	}

		.product-spec-filter table.filter tr.group {
			font-weight: bold;
		}

		.product-spec-filter table.filter tr.item td {
			padding: 2px 2px 2px 16px;
		}

		.product-spec-filter table.filter tr.filtereditem {
		}

	.product-spec-filter .remove-filter {
		padding-left: 20px;
	}

	.product-spec-filter .remove-product-spec-filter {
		font-weight: bold;
	}

.compare-products {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.compare-products .page-title {
		border-bottom: 0 none;
	}

	.compare-products .body {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
		color: inherit;
		background-color: inherit;
	}

.compare-products-table {
}

	.compare-products-table .remove-button {
		float: right;
		margin-right: 5px;
		margin-top: 5px;
	}

	.compare-products-table tr.product-name {
		background-color: #CCCCCC;
		font-weight: bold;
	}

	.compare-products-table td {
		border-width: 1px;
		border-color: #BFBFBF;
		border-style: solid;
		padding: 3px;
	}

.login-page-body .master-wrapper-page {
}

	.login-page-body .master-wrapper-page .footer {
	}

.login-page-body {
}

	.login-page-body .master-wrapper-content {
	}

.program-closed-message {
	font-size: 1.1em;
}

.footer .footerLegalMenu {
}

.footer .footer-disclaimer {
}

.footer .footerMenu {
}

	.footer .footerMenu ul {
		background-color: inherit;
		font-weight: normal;
	}

		.footer .footerMenu ul li {
			display: inline;
		}

			.footer .footerMenu ul li a {
				color: #fff;
				text-decoration: underline;
			}

			.footer .footerMenu ul li.endMenuItem {
				border-right: 0px;
			}

.ichange360v {
	position: relative;
}

.login-page {
}

	.login-page a {
	}

	.login-page .page-title {
		display: none;
	}

	.login-page .wrapper {
	}

		.login-page .wrapper .new-wrapper {
			display: none;
		}

			.login-page .wrapper .new-wrapper .register-title, .login-page .wrapper .new-wrapper .loggedout-title {
				text-align: center;
				margin: 0px 10px 0px 10px;
				font-weight: bold;
			}

			.login-page .wrapper .new-wrapper .register-block, .login-page .wrapper .new-wrapper .loggedout-block {
				text-align: center;
				margin: 10px 10px 10px 10px;
				padding: 15px 5px 5px 5px;
				min-height: 240px;
				vertical-align: top;
			}

			.login-page .wrapper .new-wrapper .checkout-as-guest-or-register-block {
			}

.captcha-enabled {
	height: 310px !important;
}

.login-page .wrapper .returning-wrapper {
}

	.login-page .wrapper .returning-wrapper .login-title {
		display: none;
	}

	.login-page .wrapper .returning-wrapper .login-block {
	}

		.login-page .wrapper .returning-wrapper .login-block .login-title {
		}

.login-table-container {
	vertical-align: middle;
	border-collapse: collapse;
}

	.login-table-container .row {
	}

		.login-table-container .row .item-name {
			padding: 5px 10px 5px 0;
			display: block;
			white-space: nowrap;
			padding-right: 10px;
			vertical-align: middle;
			font-weight: bold;
			background: none;
			width: auto !important;
		}

		.login-table-container .row .item-value {
			padding: 4px 0px 4px 0px;
			vertical-align: middle;
		}

.login-page .forgot-password {
}

.login-page .buttons {
	margin-bottom: 2px;
	margin-top: 2px;
	clear: both;
}

.registration-page {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.registration-page .page-title {
		border-bottom: 0 none;
	}

	.registration-page .body {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
		color: inherit;
		background-color: inherit;
	}

	.registration-page .section-title {
		padding: 10px 10px 5px 0px;
		font-weight: bold;
		clear: both;
		font-size: 12px;
	}

	.registration-page .section-body {
		text-align: left;
		padding: 10px;
		border: 1px solid #B9B9B9;
		height: auto;
	}

	.registration-page .button {
		margin-bottom: 5px;
		margin-top: 25px;
		text-align: center;
		clear: both;
	}

.password-recovery-page, newsletter-page {
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.password-recovery-page {
	position: relative;
	margin: 0 auto 0 auto;
	width: 300px;
}

	.password-recovery-page .page-title, .newsletter-page .page-title {
		position: relative;
		padding: 0 0 0 0;
		border-bottom: 0 none;
	}

	.password-recovery-page .password-body-table {
		position: relative;
		margin: 0 auto 0 auto;
		text-align: left;
		padding: 0px;
	}

.newsletter-page .page-title {
	border-bottom: 0 none;
}

.password-recovery-page .page-title h1 {
	display: block;
}

.password-recovery-page .body, newsletter-page .body {
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}

.password-recovery-page .password-body-table {
}

#divUpdatePassword .item-name,
#divUpdatePassword .item-value {
	display: block;
}

.customer-avatar {
	padding: 10px;
}

.user-avatar {
	border-radius: 50%;
	width: 48px;
	height: 48px;
}

.activation-message {
	padding: 20px 0;
}

.account-activation-page {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.account-activation-page .page-title {
		border-bottom: 0 none;
	}

	.account-activation-page .body {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
		color: inherit;
		background-color: inherit;
	}

.address-edit-page {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.address-edit-page .page-title {
		border-bottom: 0 none;
	}

	.address-edit-page .body {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
		color: inherit;
		background-color: inherit;
	}

.search-panel {
	margin-bottom: 15px;
	padding: 0px;
}

	.search-panel .page-title {
		border-bottom: 0 none;
	}

	.search-panel .search-input {
		border: 1px solid #B9B9B9;
		padding: 10px;
	}

	.search-panel .search-results {
		padding-top: 10px;
	}

		.search-panel .search-results .result {
			font-weight: bold;
			color: inherit;
		}

	.search-panel table.basic-search, .search-panel table.adv-search {
		border: collapse;
		margin: 0px;
		width: 100%;
		vertical-align: middle;
		text-align: left;
	}

	.search-panel table.adv-search {
		border-top: solid #D3D3D3 1px;
		margin-top: 10px;
	}

		.search-panel table.basic-search td.title, .search-panel table.adv-search td.title {
			padding: 4px 4px 4px 4px;
			text-align: left;
			vertical-align: middle;
			width: 130px;
		}

		.search-panel table.basic-search td.data, .search-panel table.adv-search td.data {
			padding: 4px 4px 4px 4px;
			text-align: left;
			vertical-align: middle;
		}

.contact-form {
}

	.contact-form .button {
		text-align: left;
	}

	.contact-form .send-email {
	}

.breadcrumb {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	text-transform: inherit;
	font-size: 1em;
	margin-bottom: 10px;
	display: block;
}

	.breadcrumb td.trail {
		text-align: left;
	}

	.breadcrumb td.filter-container {
		text-align: right;
	}

.breadcrumb-arrow {
	font-size: 16px;
	font-weight: normal;
}

.breadcrumb a {
	text-decoration: none;
	color: #444;
}

	.breadcrumb a:hover {
		text-decoration: underline;
	}

.newslist {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.newslist .title {
		padding: 10px 0px 1px 0px;
		margin: 0 5px 10px 5px;
		font-weight: bold;
		text-transform: uppercase;
		clear: both;
		font-size: 1.1em;
		border-bottom: solid 1px #C4C6C8;
	}

	.newslist .newsitems {
		margin: 0px 5px 0 5px;
		padding: 0px 0 0 0;
	}

		.newslist .newsitems .item {
			border-bottom: dotted 1px #C4C6C8;
			margin-bottom: 10px;
			padding-bottom: 10px;
		}

		.newslist .newsitems .newsdate {
			color: #9a9a9a;
			font-style: italic;
		}

		.newslist .newsitems a.newstitle {
			color: inherit;
			text-decoration: none;
			font-size: 1.2em;
			color: #000;
			font-weight: bold;
		}

			.newslist .newsitems a.newstitle:hover {
				text-decoration: underline;
			}

		.newslist .newsitems .newsdetails {
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.newslist .newsitems .readmore {
			font-weight: bold;
			text-decoration: none;
			color: #fff;
			background-color: inherit;
		}

.newsitem {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.newsitem .page-title {
		border-bottom: 0 none;
	}

	.newsitem .newsdate {
		color: #9a9a9a;
		font-style: italic;
	}

	.newsitem .newsbody {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
	}

.newscomments {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.newscomments .title {
		padding: 10px 10px 10px 0px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.newscomments .newcomment {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
	}

		.newscomments .newcomment td.leavetitle {
			padding: 0px 10px 10px 0px;
			font-weight: bold;
			color: #3a3a3a;
		}

		.newscomments .newcomment td.button {
			text-align: right;
		}

	.newscomments .commentlist {
		border-top: solid 1px #e3e3e3;
		margin-top: 10px;
	}

.newscomment {
	border-bottom: solid 1px #E3E3E3;
}

	.newscomment .commentinfo {
		width: 170px;
		float: left;
		padding: 5px;
		height: 100%;
		border-right: solid 1px #F3F3F3;
	}

		.newscomment .commentinfo .userinfo {
			padding-top: 5px;
		}

			.newscomment .commentinfo .userinfo a.username {
				font-weight: bold;
				margin-bottom: 5px;
			}

			.newscomment .commentinfo .userinfo span.username {
				font-weight: bold;
				margin-bottom: 5px;
			}

			.newscomment .commentinfo .userinfo .avatar {
				margin: 5px 0 5px 0;
			}

				.newscomment .commentinfo .userinfo .avatar .avatar-img {
					border: solid 2px rgb(206, 219, 225) !important;
				}

			.newscomment .commentinfo .userinfo .userstats {
				font-size: 0.9em;
				text-align: left;
				font-weight: bold;
				color: inherit;
			}

				.newscomment .commentinfo .userinfo .userstats .statvalue {
					font-weight: normal;
				}

	.newscomment .commentcontent {
		margin-left: 180px;
		border-left: solid 1px #F3F3F3;
	}

		.newscomment .commentcontent .commenttime {
			font-weight: bold;
			line-height: 20px;
			padding: 3px;
			background: #e3f3f3;
		}

			.newscomment .commentcontent .commenttime .statvalue {
				font-weight: normal;
			}

		.newscomment .commentcontent .commenttitle {
			padding: 3px;
			font-weight: bold;
		}

		.newscomment .commentcontent .commentbody {
			padding: 3px;
		}

.blog {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.blog .page-title {
	}

.blogposts .post .blogdate {
	color: #9a9a9a;
	font-style: italic;
}

.blogposts .post a.blogtitle {
	color: #444;
	text-decoration: none;
	font-size: 1.2em;
}

	.blogposts .post a.blogtitle:Hover {
		text-decoration: underline;
	}

.blog .blogposts {
	margin: 0px 5px 0 5px;
	padding: 0px 0 0 0;
}

	.blog .blogposts .post {
		border-bottom: dotted 1px #C4C6C8;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.blog .blogposts .blogbody {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.blog .blogposts .blogdetails {
		font-weight: bold;
		text-decoration: none;
		background-color: inherit;
	}

.blogpost {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.blogpost .page-title {
		border-bottom: 0 none;
	}

	.blogpost .postdate {
		color: #9a9a9a;
		font-style: italic;
	}

	.blogpost .postbody {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
	}

.blogcomments {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.blogcomments .title {
		padding: 10px 10px 10px 0px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.blogcomments .newcomment {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
	}


		.blogcomments .newcomment td.leavetitle {
			padding: 0px 10px 10px 0px;
			font-weight: bold;
		}

		.blogcomments .newcomment td.button {
			text-align: right;
		}

	.blogcomments .commentlist {
		margin: 10px 0 0 0;
		padding: 0px 0 0 0;
		color: #555D65;
		background-color: inherit;
		border-top: solid 1px #e3e3e3;
		margin-top: 10px;
	}

.blogcomment {
	border-bottom: solid 1px #E3E3E3;
}

	.blogcomment .commentinfo {
		width: 170px;
		float: left;
		padding: 5px;
		height: 100%;
		border-right: solid 1px #F3F3F3;
	}

		.blogcomment .commentinfo .userinfo {
			padding-top: 5px;
		}

			.blogcomment .commentinfo .userinfo a.username {
				font-weight: bold;
				margin-bottom: 5px;
			}

			.blogcomment .commentinfo .userinfo span.username {
				font-weight: bold;
				margin-bottom: 5px;
			}

			.blogcomment .commentinfo .userinfo .avatar {
				margin: 5px 0 5px 0;
			}

				.blogcomment .commentinfo .userinfo .avatar .avatar-img {
					border: solid 2px rgb(206, 219, 225) !important;
				}

			.blogcomment .commentinfo .userinfo .userstats {
				font-size: 0.9em;
				text-align: left;
				font-weight: bold;
				color: inherit;
			}

				.blogcomment .commentinfo .userinfo .userstats .statvalue {
					font-weight: normal;
				}

	.blogcomment .commentcontent {
		margin-left: 180px;
		border-left: solid 1px #F3F3F3;
	}

		.blogcomment .commentcontent .commenttime {
			font-weight: bold;
			line-height: 20px;
			padding: 3px;
			background: #e3f3f3;
		}

			.blogcomment .commentcontent .commenttime .statvalue {
				font-weight: normal;
			}

		.blogcomment .commentcontent .commentbody {
			padding: 3px;
		}

.todays-poll-box {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.todays-poll-box .title {
		padding: 10px 10px 5px 0px;
		font-weight: bold;
		text-transform: uppercase;
		clear: both;
	}

	.todays-poll-box .poll-item {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
		color: inherit;
		background-color: inherit;
	}

.poll-block {
	float: left;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
}

.poll-take-poll, .poll-results {
	border: dotted 1px #666;
	padding: 5px;
	margin-top: 10px;
}

.poll-display-text {
	font-weight: bold;
}

.poll-total-votes {
	font-style: italic;
}

.emailafriend-box {
	margin-bottom: 15px;
	padding: 0px;
}

	.emailafriend-box .page-title {
		border-bottom: 0 none;
	}

	.emailafriend-box .send-email {
		border: 1px solid #B9B9B9;
		margin-top: 10px;
		padding: 0 0 10px 10px;
	}

		.emailafriend-box .send-email .product {
			font-weight: bold;
		}

		.emailafriend-box .send-email .description {
			font-style: italic;
		}

		.emailafriend-box .send-email .confirm {
			font-weight: bold;
		}

.rating-star {
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filled-rating-star {
	background-image: url(Images/FilledStar.png);
}

.empty-rating-star {
	background-image: url(Images/EmptyStar.png);
}

.saved-rating-star {
	background-image: url(Images/SavedStar.png);
}

.recently-added-products {
	margin-bottom: 15px;
	padding: 0px;
}

	.recently-added-products .page-title {
	}

.recently-viewed-products {
	margin-bottom: 15px;
	padding: 0px;
}

	.recently-viewed-products .page-title {
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    CUSTOMER ACCOUNT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.account-page {
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

	.account-page .page-title {
		border-bottom: 0 none;
		display: block;
		color: #000;
		font-size: 24px;
		font-weight: bold;
		margin: 10px 0 20px 0;
	}

	.account-page .body {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
		color: inherit;
	}

.customer-info-box {
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	color: inherit;
}

	.customer-info-box .section-title {
		padding: 10px 10px 5px 0px;
		font-weight: bold;
		clear: both;
	}

	.customer-info-box .section-body {
		text-align: left;
		padding: 10px;
		border-bottom: 1px solid #B9B9B9;
		height: auto;
	}

	.button,
	.customer-info-box .button {
		margin-bottom: 5px;
		margin-top: 5px;
		text-align: center;
	}

		.button.left {
			text-align: left;
		}

		.button.right {
			text-align: right;
		}

.customer-addresses {
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	color: inherit;
	background-color: inherit;
}

	.customer-addresses .section-title {
		padding: 10px 10px 5px 0px;
		font-weight: bold;
		clear: both;
		font-size: 12px;
	}

	.customer-addresses .address-list {
	}

		.customer-addresses .address-list .address-item {
			text-align: left;
			margin-bottom: 10px;
			padding: 10px;
			border: 1px solid #B9B9B9;
			height: auto;
		}

	.customer-addresses .add-button {
		margin-bottom: 5px;
		margin-top: 5px;
		float: right;
		text-align: right;
	}

.customer-orders {
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	color: inherit;
	background-color: inherit;
}

	.customer-orders .recurring-payments {
		padding: 10px 10px 5px 0px;
		width: 100%;
		clear: both;
	}

		.customer-orders .recurring-payments .section-title {
			padding: 10px 10px 5px 0px;
			font-weight: bold;
			clear: both;
			font-size: 12px;
		}

		.customer-orders .recurring-payments .recurring-payments-box {
			text-align: left;
			padding: 10px;
			border: 1px solid #B9B9B9;
			height: auto;
		}

	.customer-orders .order-list {
	}

		.customer-orders .order-list .order-item {
			text-align: left;
			margin-bottom: 10px;
			padding: 10px;
			border: 1px solid #B9B9B9;
			height: auto;
		}

.customer-pass-recovery {
	padding: 5px 5px 5px 5px;
	color: inherit;
	background-color: inherit;
}

.customer-rewardpoints {
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	color: inherit;
	background-color: inherit;
}

	.customer-rewardpoints .section-title {
		padding: 10px 10px 5px 0px;
		font-weight: bold;
		clear: both;
		font-size: 12px;
	}

	.customer-rewardpoints .reward-points-overview {
		padding: 10px 10px 5px 0px;
		width: 100%;
	}

	.customer-rewardpoints .reward-points-history {
		text-align: left;
		padding: 10px;
		border: 1px solid #B9B9B9;
		height: auto;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    PRODUCT DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.product-details-page {
	background-color: #FFFFFF;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
}

.product-collateral {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

.product-essential {
}

.product-details-info {
}

	.product-details-info .picture {
		float: left;
		width: 300px;
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.product-details-info .overview {
		float: right;
		margin-right: 15px;
		margin-top: 25px;
		padding: 5px 5px 5px 5px;
	}

		.product-details-info .overview .productname {
			color: #000;
			font-size: 1.2em;
			margin-bottom: 0.3em;
		}

		.product-details-info .overview .shortdescription {
			color: inherit;
			margin-bottom: 0.3em;
			font-size: 1.1em;
		}

	.product-details-info .fulldescription {
		clear: both;
		color: inherit;
	}

.product-share-button {
	margin-top: 10px;
	margin-bottom: 10px;
}

.product-rating-box {
	margin-top: 20px;
	margin-bottom: 10px;
}

.product-variant-list {
	margin-bottom: 15px;
	padding: 0px;
}

.product-variant-line {
	display: block;
	float: none;
	clear: both;
}

	.product-variant-line .picture {
		float: left;
		width: 300px;
		margin-bottom: 15px;
	}

	.product-variant-line .overview {
		float: right;
		width: 200px;
		margin-right: 25px;
	}

		.product-variant-line .overview .productname {
			color: #000;
			font-size: 1.2em;
			margin-bottom: 0.3em;
		}

	.product-variant-line .description {
		clear: both;
		color: inherit;
		margin-bottom: 0.3em;
	}

	.product-variant-line .downloadsample {
		clear: both;
		color: inherit;
		margin-bottom: 0.3em;
	}

		.product-variant-line .downloadsample .downloadsamplebutton {
			-x-system-font: none !important;
			background: #F1F1F1 url(images/btn_download_bg.gif) repeat-x scroll 0 100%;
			border: 1px solid #B5B5B5;
			color: #444444;
			cursor: pointer;
			font-size: 11px !important;
			font-size-adjust: none !important;
			font-stretch: normal !important;
			font-style: normal !important;
			font-variant: normal !important;
			font-weight: bold !important;
			line-height: normal !important;
			overflow: visible;
			padding: 1px 5px;
			text-align: center;
			vertical-align: middle;
			width: auto;
		}

	.product-variant-line .price {
		float: left;
		margin-right: 10px;
	}

		.product-variant-line .price .productPrice {
			color: green;
		}

		.product-variant-line .price .oldProductPrice {
			color: red;
			text-decoration: line-through;
		}

	.product-variant-line .add-info {
		padding: 10px 10px 10px 10px;
		background: #eee;
		min-height: 17px;
	}

	.product-variant-line .attributes {
	}

	.product-variant-line .stock {
	}

	.product-variant-line .giftCard {
	}

		.product-variant-line .giftCard dt {
			clear: left;
			float: left;
			width: 150px;
		}

	.product-variant-line .error {
		font-weight: bold;
		color: Red;
	}

.one-variant-price {
	margin: 0px 0px 5px 0px;
}

	.one-variant-price .productPrice {
		color: green;
	}

	.one-variant-price .oldProductPrice {
		color: red;
		text-decoration: line-through;
	}

.one-variant-download-sample {
	clear: both;
	color: inherit;
	margin-bottom: 0.3em;
	margin-top: 5px;
}

	.one-variant-download-sample .downloadsamplebutton {
		-x-system-font: none !important;
		background: #F1F1F1 url(images/btn_download_bg.gif) repeat-x scroll 0 100%;
		border: 1px solid #B5B5B5;
		color: #444444;
		cursor: pointer;
		font-size: 11px !important;
		font-size-adjust: none !important;
		font-stretch: normal !important;
		font-style: normal !important;
		font-variant: normal !important;
		font-weight: bold !important;
		line-height: normal !important;
		overflow: visible;
		padding: 1px 5px;
		text-align: center;
		vertical-align: middle;
		width: auto;
	}

.related-products-grid, .also-purchased-products-grid {
}

	.related-products-grid .title, .also-purchased-products-grid .title {
		padding: 10px 10px 10px 0px;
		font-weight: bold;
		text-transform: uppercase;
		clear: both;
	}

	.related-products-grid .item-box, .also-purchased-products-grid .item-box {
		padding-bottom: 10px;
		text-align: center;
		vertical-align: text-top;
	}

	.related-products-grid .item, .also-purchased-products-grid .item {
		text-align: center;
		margin: 10px 10px 10px 10px;
		border: 1px solid #B9B9B9;
		width: 200px;
		height: 200px;
	}

		.related-products-grid .item .product-title, .also-purchased-products-grid .item .product-title {
			margin-bottom: 5px;
			margin-top: 5px;
			text-align: center;
			font-weight: bold;
			text-transform: none;
			font-size: 1em;
			padding: 0;
		}

		.related-products-grid .item .picture, .also-purchased-products-grid .item .picture {
			text-align: center;
		}

.product-review-box {
	margin-bottom: 15px;
	padding: 10px 5px 10px 5px;
}


.product-review-list {
	color: inherit;
}

	.product-review-list .product-review-item {
		border: 1px solid #B9B9B9;
		margin-top: 10px;
		padding: 10px;
		clear: both;
	}

		.product-review-list .product-review-item .review-title {
			font-weight: bold;
			float: left;
			margin-bottom: 5px;
		}

		.product-review-list .product-review-item .rating {
			float: right;
		}

.product-review-helpfulness {
}

	.product-review-helpfulness a, .product-review-helpfulness a:hover {
		text-decoration: none;
	}

.productspec-box {
	padding: 5px 5px 5px 5px;
	clear: both;
	color: inherit;
}

.producttags-box {
	padding: 5px 5px 5px 5px;
	clear: both;
	color: inherit;
}

.tier-prices {
	text-align: center;
	margin-bottom: 10px;
}

	.tier-prices .prices-header {
		background: #003466;
		color: #FFF;
		padding: 3px 3px 3px 3px;
		font-weight: bold;
	}

	.tier-prices .prices table {
		width: 100%;
		border-collapse: collapse;
		text-align: center;
		vertical-align: middle;
		background: #f3f3f3;
	}

	.tier-prices .prices .prices-table td {
		padding: 0;
	}

	.tier-prices .prices .item-table td {
		border-bottom: solid 3px #d7d7d7;
		padding-top: 3px;
		padding-bottom: 3px;
		font-weight: bold;
	}

	.tier-prices .prices .item-table .item-price {
		color: Green;
	}

	.tier-prices .prices .header-table td {
		border-bottom: solid 3px #d7d7d7;
		padding-top: 3px;
		padding-bottom: 3px;
		font-weight: bold;
	}

	.tier-prices .prices .prices-table .field-header {
		font-weight: bold;
		text-align: center;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    SLIM BOX (PRODUCT IMAGES)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

	#lbPrevLink:hover {
		background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
	}

#lbNextLink {
	right: 0;
}

	#lbNextLink:hover {
		background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
	}

#lbBottom {
	font-size: 10px;
	color: #444;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    PRIVATE MESSAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.sendpmbox {
	background-color: #EEEEEE;
	border: 1px solid #A0A0A0;
	color: #555555;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	margin: 2px 0 2px 2px;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
}

	.sendpmbox .pmlinkbutton {
		line-height: 14px;
		padding: 2px 6px 2px 18px;
		background: url('images/ico-pm.png') no-repeat;
	}

.privatemessagesend {
}

	.privatemessagesend .title {
		background: #003466;
		color: #FFF;
		border: solid 1px #6a6a6a;
		height: 28px;
		line-height: 28px;
		font-weight: bold;
		padding-left: 3px;
	}

	.privatemessagesend .wrapper {
		padding: 5px 5px 5px 5px;
	}

	.privatemessagesend table.postmessage {
		width: 100%;
		vertical-align: middle;
		border-collapse: collapse;
	}

		.privatemessagesend table.postmessage td {
			padding: 4px 4px 4px 4px;
		}

			.privatemessagesend table.postmessage td.fieldname {
				font-weight: bold;
				width: 20%;
				color: inherit;
			}

			.privatemessagesend table.postmessage td.options {
				text-align: right;
			}



.privatemessageview {
}

	.privatemessageview .title {
		background: #003466;
		color: #FFF;
		border: solid 1px #6a6a6a;
		height: 28px;
		line-height: 28px;
		font-weight: bold;
		padding-left: 3px;
	}

	.privatemessageview .wrapper {
		padding: 5px 5px 5px 5px;
	}

	.privatemessageview table.viewmessage {
		width: 100%;
		vertical-align: middle;
		border-collapse: collapse;
	}

		.privatemessageview table.viewmessage td {
			padding: 4px 4px 4px 4px;
		}

			.privatemessageview table.viewmessage td.fieldname {
				font-weight: bold;
				width: 20%;
				color: inherit;
			}

		.privatemessageview table.viewmessage a {
			text-decoration: underline;
		}

		.privatemessageview table.viewmessage td.options {
			text-align: right;
		}

.private-messages-page {
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

	.private-messages-page .page-title {
		border-bottom: 0 none;
	}

	.private-messages-page .body {
		margin: 0px 0 0 0;
		padding: 0px 0 0 0;
		color: inherit;
	}


.private-messages-box {
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	color: inherit;
}

	.private-messages-box .section-title {
		padding: 10px 10px 5px 0px;
		font-weight: bold;
		clear: both;
		font-size: 12px;
	}

	.private-messages-box .button {
		margin-bottom: 5px;
		margin-top: 5px;
		text-align: left;
	}

.pmgridtablestyle {
	border: 1px solid #808080;
	background-color: #FFFFFF;
	margin-left: 0px;
	width: 100%;
}

	.pmgridtablestyle td a {
		text-decoration: none;
	}

.pmgridaltrowstyle {
	background-color: #F4FAFF;
}

.pmgridheaderstyle th {
	background: #003466;
	color: #fff;
	padding: 5px 10px 5px 10px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border: solid 1px #676767;
}

.pmgridrowstyle td, .pmgridaltrowstyle td {
	padding: 4px 10px 4px 10px;
	border-right: solid 1px #A0C0E7;
	border-right-color: #808080;
}

.pmgridpagerstyle {
	height: 28px;
	background: url(Images/grid_header_back.png) repeat-x;
	background: #EEEEEE;
	vertical-align: middle;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    FORUM MAIN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumsmain {
}

	.forumsmain .forumsmainheader {
		border-bottom: solid 1px #f3f3f3;
		height: 20px;
	}

		.forumsmain .forumsmainheader .currenttime {
			font-size: 0.9em;
			color: inherit;
			float: left;
		}

		.forumsmain .forumsmainheader .forumsearchbox {
			float: right;
			text-align: right;
		}

	.forumsmain .forumgroups {
		margin-top: 10px;
	}

	.forumsmain .activediscussions {
		margin-top: 50px;
	}

.forumbreadcrumb {
	padding: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
}

	.forumbreadcrumb a {
		text-decoration: none;
		color: #3a3a3a;
	}

		.forumbreadcrumb a:hover {
			text-decoration: none;
		}

.forumgrouppage .forumsearchbox {
	text-align: right;
}

.forumgroup {
}

.forumgroups .forumgroup .grouptitle {
	font-size: 1.1em;
}

.forumgroup .grouptitle a {
	font-weight: bold;
}

.forumgroup table.groups {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 15px;
}

	.forumgroup table.groups td {
		padding: 3px 0 3px 0;
	}

.forumgroup tr.groupheader {
	font-weight: bold;
}

	.forumgroup tr.groupheader td {
		background: #003466;
		color: #FFF;
		border-right: solid 1px #6a6a6a;
		height: 20px;
	}

		.forumgroup tr.groupheader td.forumname {
			width: 55%;
			text-align: left;
			padding-left: 3px;
		}

		.forumgroup tr.groupheader td.topics {
			width: 10%;
		}

		.forumgroup tr.groupheader td.posts {
			width: 10%;
		}

		.forumgroup tr.groupheader td.lastpost {
			width: 25%;
		}

.forumgroup tr.forum td.image div {
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum.gif') no-repeat 40% 40%;
}

.forumgroup tr.forum td {
	border-bottom: 1px solid #c5c5c5;
	vertical-align: middle;
	padding-left: 3px;
}

	.forumgroup tr.forum td.forumname {
		text-align: left;
		width: 55%;
	}

		.forumgroup tr.forum td.forumname .forumtitle {
			font-weight: bold;
			font-size: 1.1em;
			line-height: 18px;
		}

		.forumgroup tr.forum td.forumname .forumdescription {
			font-size: 0.9em;
			color: inherit;
		}

	.forumgroup tr.forum td.lastpost {
		font-size: 0.8em;
		color: inherit;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    FORUM PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forum {
}

	.forum .forumheader {
	}

	.forum .top .foruminfo {
		float: left;
	}

		.forum .top .foruminfo .forumname {
			font-weight: bold;
			font-size: 1.2em;
			line-height: 25px;
		}

		.forum .top .foruminfo .forumdescription {
			color: inherit;
		}

	.forum .top .actions {
		float: right;
		text-align: right;
	}

		.forum .top .actions .newtopic {
			background: url('images/ico-forum-post-add.gif') no-repeat;
			padding: 0 10px 3px 20px;
		}

		.forum .top .actions .watchforum {
			background: url('images/ico-forum-watch.gif') no-repeat;
			padding-left: 20px;
		}

		.forum .top .actions .forumsearchbox {
			padding-top: 5px;
		}

	.forum .topicsgroup {
	}

	.forum table.topics {
		width: 100%;
		border-collapse: collapse;
		vertical-align: middle;
		text-align: center;
	}

		.forum table.topics td {
			padding: 3px 0 3px 0;
		}

		.forum table.topics tr.forumheader {
			font-weight: bold;
		}

			.forum table.topics tr.forumheader td {
				background: #003466;
				color: #FFF;
				border-right: solid 1px #6a6a6a;
				height: 20px;
			}

				.forum table.topics tr.forumheader td.topicname {
					width: 55%;
					text-align: left;
					padding-left: 3px;
				}

				.forum table.topics tr.forumheader td.replies {
					width: 10%;
				}

				.forum table.topics tr.forumheader td.views {
					width: 10%;
				}

				.forum table.topics tr.forumheader td.lastpost {
					width: 25%;
				}

		.forum table.topics tr.topic td {
			border-bottom: 1px solid #c5c5c5;
			vertical-align: middle;
			padding-left: 3px;
		}

			.forum table.topics tr.topic td.image div {
				text-align: left;
				width: 36px;
				height: 36px;
				background: url('images/ico-forum.gif') no-repeat 40% 40%;
			}

			.forum table.topics tr.topic td.topicname {
				text-align: left;
				width: 55%;
			}

				.forum table.topics tr.topic td.topicname .topictype {
					font-size: 0.9em;
					line-height: 18px;
				}

				.forum table.topics tr.topic td.topicname .topictitle {
					font-weight: bold;
					font-size: 1.1em;
					line-height: 18px;
				}

				.forum table.topics tr.topic td.topicname .topicstarter {
					font-size: 0.9em;
					color: inherit;
				}

				.forum table.topics tr.topic td.topicname .topicspager {
					font-size: 0.9em;
					color: inherit;
				}

			.forum table.topics tr.topic td.lastpost {
				font-size: 0.8em;
				color: inherit;
			}

		.forum table.topics tr.topic .post {
			text-align: left;
			width: 36px;
			height: 36px;
			background: url('images/ico-forum-post.gif') no-repeat 40% 40%;
		}

		.forum table.topics tr.topic .postannoucement, .forum table.topics tr.topic .poststicky {
			text-align: left;
			width: 36px;
			height: 36px;
			background: url('images/ico-forum-post-high.gif') no-repeat 40% 40%;
		}

	.forum .pager {
		text-align: right;
		padding: 5px 3px 5px 0;
	}

		.forum .pager a:link {
			color: inherit;
		}

		.forum .pager span {
			font-size: 1.2em;
			font-weight: bold;
		}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    FORUM TOPIC EDIT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.postedit {
}

	.postedit .title {
		background: #003466;
		color: #FFF;
		border: solid 1px #6a6a6a;
		height: 28px;
		line-height: 28px;
		font-weight: bold;
		padding-left: 3px;
	}

	.postedit .wrapper {
		padding: 5px 5px 5px 5px;
	}

	.postedit table.posttopic {
		width: 100%;
		vertical-align: middle;
		border-collapse: collapse;
	}

		.postedit table.posttopic td {
			padding: 4px 4px 4px 4px;
		}

			.postedit table.posttopic td.fieldname {
				font-weight: bold;
				width: 20%;
				color: inherit;
			}

			.postedit table.posttopic td.options {
				text-align: right;
			}

.moveforumtopic {
}

	.moveforumtopic .title {
		background: #003466;
		color: #FFF;
		border: solid 1px #6a6a6a;
		height: 28px;
		line-height: 28px;
		font-weight: bold;
		padding-left: 3px;
	}

	.moveforumtopic .wrapper {
		padding: 5px 5px 5px 5px;
	}

	.moveforumtopic table.movetopic {
		width: 100%;
		vertical-align: middle;
		border-collapse: collapse;
	}

		.moveforumtopic table.movetopic td {
			padding: 4px 4px 4px 4px;
		}

			.moveforumtopic table.movetopic td.fieldname {
				font-weight: bold;
				width: 30%;
				color: inherit;
				white-space: nowrap;
			}

			.moveforumtopic table.movetopic td.options {
				text-align: left;
			}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    FORUM TOPIC

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumtopic {
}

	.forumtopic .title {
		background: #003466;
		color: #FFF;
		border: solid 1px #6a6a6a;
		height: 28px;
		line-height: 28px;
		font-weight: bold;
		padding-left: 3px;
	}

		.forumtopic .title .topicname {
			float: left;
			font-size: 12px;
		}

		.forumtopic .title .manage {
			float: right;
			text-align: right;
		}

			.forumtopic .title .manage a {
				color: #F3F3F3;
			}

	.forumtopic .topicheader {
		padding: 5px 5px 5px 5px;
		background: #F3F3F3;
		border-bottom: solid 1px #6a6a6a;
		height: 16px;
	}

		.forumtopic .topicheader .topicoptions, .topicfooter .topicoptions {
			float: right;
			text-align: right;
		}

			.forumtopic .topicheader .topicoptions a, .topicfooter .topicoptions a {
				font-weight: bold;
			}

	.forumtopic .posts {
	}

.topicfooter {
	padding: 5px 5px 5px 5px;
	background: #F3F3F3;
	border-top: solid 1px #6a6a6a;
	height: 16px;
}

.forumpost {
	border-bottom: solid 1px #E3E3E3;
}

.postinfo {
	width: 170px;
	float: left;
	padding: 5px;
	height: 100%;
	border-right: solid 1px #F3F3F3;
}

	.postinfo .manage {
		line-height: 20px;
	}

		.postinfo .manage a {
			font-weight: bold;
			color: inherit;
		}

	.postinfo .userinfo {
		padding-top: 5px;
	}

		.postinfo .userinfo a.username {
			font-weight: bold;
			margin-bottom: 5px;
		}

		.postinfo .userinfo span.username {
			font-weight: bold;
			margin-bottom: 5px;
		}

		.postinfo .userinfo .avatar {
			margin: 5px 0 5px 0;
		}

			.postinfo .userinfo .avatar .avatar-img {
				border: solid 2px rgb(206, 219, 225) !important;
			}

		.postinfo .userinfo .userstats {
			font-size: 0.9em;
			text-align: left;
			font-weight: bold;
			color: inherit;
		}

			.postinfo .userinfo .userstats .statvalue {
				font-weight: normal;
			}

.postcontent {
	margin-left: 180px;
	border-left: solid 1px #F3F3F3;
}

	.postcontent .posttime {
		font-weight: bold;
		line-height: 20px;
		padding: 3px;
		background: #e3f3f3;
	}

		.postcontent .posttime .statvalue {
			font-weight: normal;
		}

	.postcontent .postbody {
		padding: 3px;
	}

		.postcontent .postbody a {
			text-decoration: underline;
		}

		.postcontent .postbody .posttext {
		}

			.postcontent .postbody .posttext .quote {
				padding: 5px 5px 5px 5px;
				border: dotted 1px black;
				background-color: #ffffff;
			}


	.postcontent .signature {
		border-color: #DDDDDD;
		border-style: solid;
		border-width: 1px 0 0;
		font-size: 90%;
		margin: 1em 8px 8px;
		padding: 1em 0 20px;
		text-align: left;
		font-style: italic;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    FORUM SEARCH

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumsearchbox {
}

.forumsearch {
}

	.forumsearch .forum-search-panel {
	}

		.forumsearch .forum-search-panel .page-title {
			border-bottom: 0 none;
		}

		.forumsearch .forum-search-panel .search-input {
		}

		.forumsearch .forum-search-panel .search-error {
			color: Red;
		}

		.forumsearch .forum-search-panel .search-results {
		}

	.forumsearch .topicsgroup {
	}

	.forumsearch table.topics {
		width: 100%;
		border-collapse: collapse;
		vertical-align: middle;
		text-align: center;
	}

		.forumsearch table.topics td {
			padding: 3px 0 3px 0;
		}

		.forumsearch table.topics tr.forumheader {
			font-weight: bold;
		}

			.forumsearch table.topics tr.forumheader td {
				background: #003466;
				color: #FFF;
				border-right: solid 1px #6a6a6a;
				height: 20px;
			}

				.forumsearch table.topics tr.forumheader td.topicname {
					width: 55%;
					text-align: left;
					padding-left: 3px;
				}

				.forumsearch table.topics tr.forumheader td.replies {
					width: 10%;
				}

				.forumsearch table.topics tr.forumheader td.views {
					width: 10%;
				}

				.forumsearch table.topics tr.forumheader td.lastpost {
					width: 25%;
				}

		.forumsearch table.topics tr.topic td {
			border-bottom: 1px solid #c5c5c5;
			vertical-align: middle;
			padding-left: 3px;
		}

			.forumsearch table.topics tr.topic td.image div {
				text-align: left;
				width: 36px;
				height: 36px;
				background: url('images/ico-forum.gif') no-repeat 40% 40%;
			}

			.forumsearch table.topics tr.topic td.topicname {
				text-align: left;
				width: 55%;
			}

				.forumsearch table.topics tr.topic td.topicname .topictype {
					font-size: 0.9em;
					line-height: 18px;
				}

				.forumsearch table.topics tr.topic td.topicname .topictitle {
					font-weight: bold;
					font-size: 1.1em;
					line-height: 18px;
				}

				.forumsearch table.topics tr.topic td.topicname .topicstarter {
					font-size: 0.9em;
					color: inherit;
				}

			.forumsearch table.topics tr.topic td.lastpost {
				font-size: 0.8em;
				color: inherit;
			}

		.forumsearch table.topics tr.topic .post {
			text-align: left;
			width: 36px;
			height: 36px;
			background: url('images/ico-forum-post.gif') no-repeat 40% 40%;
		}

		.forumsearch table.topics tr.topic .postannoucement, .forumsearch table.topics tr.topic .poststicky {
			text-align: left;
			width: 36px;
			height: 36px;
			background: url('images/ico-forum-post-high.gif') no-repeat 40% 40%;
		}

	.forumsearch .pager {
		text-align: right;
		padding: 5px 3px 5px 0;
	}

		.forumsearch .pager a:link {
			color: inherit;
		}

		.forumsearch .pager span {
			color: #ff9933;
			font-size: 1.2em;
			font-weight: bold;
		}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    PROFILE PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.profile-page {
}

	.profile-page .title {
		background: #003466;
		color: #FFF;
		border: solid 1px #6a6a6a;
		height: 28px;
		line-height: 28px;
		font-weight: bold;
		padding-left: 3px;
	}

	.profile-page .body {
	}

		.profile-page .body .profileInfoBox {
			border-bottom: solid 1px #e3e3e3;
			margin-bottom: 15px;
		}

			.profile-page .body .profileInfoBox .title {
			}

			.profile-page .body .profileInfoBox .profileStat {
				font-weight: bold;
				padding: 2px;
			}

				.profile-page .body .profileInfoBox .profileStat .profileStatValue {
					font-weight: normal;
					color: inherit;
				}

			.profile-page .body .profileInfoBox .userDetails {
				width: 180px;
				float: left;
				padding: 10px;
				height: 100%;
				border-right: solid 1px #F3F3F3;
				text-align: center;
			}

				.profile-page .body .profileInfoBox .userDetails .avatar {
					margin-bottom: 5px;
				}

					.profile-page .body .profileInfoBox .userDetails .avatar .avatar-img {
						border: solid 2px rgb(206, 219, 225) !important;
					}

			.profile-page .body .profileInfoBox .userStats {
				margin-left: 200px;
				border-left: solid 1px #F3F3F3;
				padding: 10px;
			}

				.profile-page .body .profileInfoBox .userStats .section-title {
					text-transform: uppercase;
					margin-bottom: 10px;
				}

		.profile-page .body .userLastPosts {
		}

			.profile-page .body .userLastPosts .section-title {
				margin-bottom: 10px;
				font-weight: bold;
			}

			.profile-page .body .userLastPosts .topic {
				border: solid 1px #F3F3F3;
				margin-bottom: 10px;
			}

			.profile-page .body .userLastPosts .topicTitle {
				font-weight: bold;
				line-height: 20px;
				background: #e3f3f3;
				padding: 3px;
			}

			.profile-page .body .userLastPosts .topicBody {
				padding: 10px;
			}

				.profile-page .body .userLastPosts .topicBody .quote {
					padding: 5px 5px 5px 5px;
					border: dotted 1px black;
					background-color: #ffffff;
				}

			.profile-page .body .userLastPosts .topicData {
				background: #f3f3f3;
				padding: 3px;
				color: inherit;
				font-size: 0.9em;
			}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    BB CODE EDITOR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.toolbar {
	padding: 2px;
	display: inline;
}

	.toolbar .button {
		background: url('images/bbeditor-button-bg.gif') repeat-x;
		padding: 2px;
		margin-right: 2px;
		border: #cec6b5 1px solid;
	}

		.toolbar .button:hover {
			border: #333 1px solid;
		}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    ACTIVE DISCUSSIONS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.activediscussionspage {
}

.activediscussions .activediscussionstitle {
	font-size: 1.1em;
	font-weight: bold;
}

	.activediscussions .activediscussionstitle .viewall {
		float: right;
		text-align: right;
	}

.activediscussions .topicsgroup {
}

.activediscussions table.topics {
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
}

	.activediscussions table.topics td {
		padding: 3px 0 3px 0;
	}

	.activediscussions table.topics tr.activediscussionsheader {
		font-weight: bold;
	}

		.activediscussions table.topics tr.activediscussionsheader td {
			background: #003466;
			color: #FFF;
			border-right: solid 1px #6a6a6a;
			height: 20px;
		}

			.activediscussions table.topics tr.activediscussionsheader td.topicname {
				width: 55%;
				text-align: left;
				padding-left: 3px;
			}

			.activediscussions table.topics tr.activediscussionsheader td.replies {
				width: 10%;
			}

			.activediscussions table.topics tr.activediscussionsheader td.views {
				width: 10%;
			}

			.activediscussions table.topics tr.activediscussionsheader td.lastpost {
				width: 25%;
			}

	.activediscussions table.topics tr.topic td {
		border-bottom: 1px solid #c5c5c5;
		vertical-align: middle;
		padding-left: 3px;
	}

		.activediscussions table.topics tr.topic td.topicname {
			text-align: left;
			width: 55%;
		}

			.activediscussions table.topics tr.topic td.topicname .topictitle {
				font-weight: bold;
				font-size: 1.1em;
				line-height: 18px;
			}

			.activediscussions table.topics tr.topic td.topicname .topicstarter {
				font-size: 0.9em;
				color: inherit;
			}

		.activediscussions table.topics tr.topic td.lastpost {
			font-size: 0.8em;
			color: inherit;
		}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    BBCODES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.csharpcode, .csharpcode pre {
	font-size: small;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #ffffff;
}

	.csharpcode pre {
		margin: 0em;
	}

	.csharpcode .rem {
		color: #008000;
	}

	.csharpcode .kwrd {
		color: #0000ff;
	}

	.csharpcode .str {
		color: #006080;
	}

	.csharpcode .op {
		color: #0000c0;
	}

	.csharpcode .preproc {
		color: #cc6633;
	}

	.csharpcode .asp {
		background-color: #ffff00;
	}

	.csharpcode .html {
		color: #800000;
	}

	.csharpcode .attr {
		color: #ff0000;
	}

	.csharpcode .alt {
		background-color: #f4f4f4;
		width: 100%;
		margin: 0em;
	}

	.csharpcode .lnum {
		color: #606060;
	}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    AJAX CONTROL TOOLKIT - TAB CONTROL CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.orange {
}

	.orange .ajax__tab_body {
		font-size: 10pt;
		border: 1px solid #333;
		border-top: none;
		background-color: #ffffff;
		padding: 10px 10px 10px 10px;
	}

	.orange .ajax__tab_header {
		background- border: solid 2px #333;
		border-bottom: none;
		padding: 2px 2px 4px 2px;
	}

	.orange .ajax__tab_tab {
		font-size: 1em;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		border: solid 1px #FFF;
		padding: 5px;
		background: #404040;
	}

	.orange .ajax__tab_active .ajax__tab_tab, .orange .ajax__tab_hover .ajax__tab_tab {
		color: #ff9933;
		border: solid 1px #ff9933;
	}

/* GREY THEME */

.grey .ajax__tab_header {
	background: url(images/tab-line.png) repeat-x bottom;
	font-size: 12px;
	display: block;
	cursor: pointer;
}

	.grey .ajax__tab_header .ajax__tab_outer {
		background: url(images/tab.png) no-repeat left top;
		border-color: #222;
		color: #222;
		padding-left: 10px;
		margin-right: 3px;
	}

	.grey .ajax__tab_header .ajax__tab_inner {
		background: url(images/tab.png) no-repeat right top;
		border-color: #444;
		color: #444;
		padding: 3px 10px 2px 0px;
	}

.grey .ajax__tab_hover .ajax__tab_inner {
	color: #000;
}

.grey .ajax__tab_active .ajax__tab_outer {
	background: url(images/tab.png) no-repeat 0pt -40px;
	border-bottom-color: #ffffff;
}

.grey .ajax__tab_active .ajax__tab_inner {
	background: url(images/tab.png) no-repeat right -40px;
	color: #000;
	border-
}

.grey .ajax__tab_body {
	font-size: 10pt;
	background-color: #fff;
	border: solid 1px #d7d7d7;
	border-top-width: 0;
}

.droplinetabs {
}

	.droplinetabs ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.droplinetabs li {
		display: inline;
		margin: 0 0px 0 0;
		padding: 0;
	}


	.droplinetabs a {
		float: left;
		height: 23px;
		cursor: pointer;
		font-size: 13px;
		color: #FFFFFF;
		font-weight: bold;
		text-transform: capitalize;
		text-align: center;
		padding: 10px 30px 5px 26px;
		text-decoration: none;
		border-right: 1px solid #0287ca;
	}

	.droplinetabs .endMenuItem a {
		padding: 10px 30px 5px 28px;
	}

	.droplinetabs a:link,
	.droplinetabs a::visited,
	.droplinetabs a:active {
		color: white;
	}

	.droplinetabs a span {
		float: left;
		display: block;
		padding: 7px 9px 3px 6px;
		cursor: pointer;
	}

	.droplinetabs a span {
		float: none;
	}

	.droplinetabs a:hover {
		background- color: white;
	}

		.droplinetabs a:hover span {
			background-color: transparent;
		}

	/* Sub level menus*/
	.droplinetabs ul li ul {
		position: absolute;
		z-index: 100;
		left: 0;
		top: 0;
		background-color: transparent;
		visibility: visible;
	}

		/* Sub level menu links style */
		.droplinetabs ul li ul li a {
			padding: 5px 5px 5px 5px;
			margin: 8px 0 0 0;
			background: #333; /*sub menu background color */
			border-right: 1px #0287ca solid;
			font-size: 10px;
			height: 10px;
			text-decoration: none;
			font-weight: normal;
		}

		.droplinetabs ul li ul .endMenuItem a {
			padding: 5px 5px 5px 5px;
			margin: 8px 0 0 0;
			background: #333; /*sub menu background color */
			border-right: 0px;
			font-size: 10px;
			height: 10px;
			text-decoration: none;
			font-weight: normal;
		}

		.droplinetabs ul li ul li a:hover {
			text-decoration: underline;
		}

.leftMenuListItem {
	border-left: 1px solid #0287ca;
}

a.rpxnow {
	cursor: pointer;
}

.insufficientPoints {
	background-color: #FFEEE8;
	font-size: 1.2em;
	border: 1px solid red;
	padding: 5px;
	font-style: italic;
	color: Red;
	margin-bottom: 10px;
}

.topup {
	background-color: #EEFFE8;
	font-size: 1.2em;
	border: 1px solid Green;
	padding: 5px;
	font-style: italic;
	color: Green;
	margin-bottom: 10px;
	min-height: 26px;
	line-height: 26px;
	margin-left: -10px;
	margin-right: -10px;
	padding-right: 15px;
}

	.topup .checkoutbutton {
		float: right;
	}

.arrowButton {
	color: #fff;
	padding: 4px 5px 3px 5px;
	border: 0px;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: 10px;
}

.disabledButton {
	padding: 3px 6px 3px 6px;
	background: #ccc;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
	font-weight: bold;
}

.deleteButton {
	background: #ff0000;
	padding: 4px 18px 3px 5px;
	color: #000;
	border: 0px;
	cursor: pointer;
	font-weight: bold;
}

.highlightButton {
	background: #339900;
	padding: 4px 18px 3px 5px;
	color: #000;
	border: 0px;
	cursor: pointer;
	font-weight: bold;
}

.buttonContainerMargin {
	position: relative;
	margin: 5px 0 5px 0;
}

.master-wrapper-rightside-3 .newslist .title {
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	font-size: 1.1em;
	border-bottom: solid 1px #C4C6C8;
}

.newslistTitle {
	position: relative;
	font-size: 0.88em;
	font-weight: bold;
	text-transform: Capitalize;
	padding: 2px 2px;
	background: #000;
	color: #FFFFFF;
	top: -1px;
	border: 1px solid #707070;
	/*
    padding: 10px 0px 1px 0px;
    margin: 0 5px 10px 5px;
    font-weight: bold;
    text-transform: uppercase;
    clear: both;
    font-size: 1.1em;
    border-bottom: solid 1px #0000ff;
*/
}

/*News Box news*/
.master-wrapper-rightside-3 .newslist .newsitems {
	margin: 0px;
	padding: 0 10px 0 10px;
}

	.master-wrapper-rightside-3 .newslist .newsitems .item {
		border-bottom: 0px;
		margin: 10px 0 30px 0;
		clear: both;
	}

	.master-wrapper-rightside-3 .newslist .newsitems .newsdate {
		color: #9a9a9a;
		font-style: italic;
	}

	.master-wrapper-rightside-3 .newslist .newsitems a.newstitle {
		text-decoration: underline /*Global change to check*/;
		font-size: 1em;
		font-weight: bold;
	}

		.master-wrapper-rightside-3 .newslist .newsitems a.newstitle:hover {
			text-decoration: underline;
		}

	.master-wrapper-rightside-3 .newslist .newsitems .newsdetails {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.master-wrapper-rightside-3 .newslist .newsitems .readmore {
		position: relative;
		float: right;
		margin: 0 0 2px 0;
		color: #fff;
		padding: 4px 5px 3px 5px;
		border: 0px;
		font-weight: bold;
		font-size: 11px;
		cursor: pointer;
		text-decoration: none;
		font-weight: bold;
		width: auto;
	}

a.readmore {
	position: relative;
	color: #fff;
	padding: 4px 5px 3px 5px;
	border: 0px;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	width: auto;
}

.topup .checkoutbutton {
	float: right;
	padding: 3px 6px 3px 6px;
	background: url(images/highlightButton.png) top right repeat-x;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
	font-weight: bold;
}

.calendarButton {
	background: url('Images/calendarIcon.png') 0 0 no-repeat;
	height: 23px;
	width: 27px;
	border: 0px;
	margin: 0px 2px 0px 2px;
}

.ajax__calendar_container {
	border: 1px solid #b8b8b8;
	-moz-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	background-color: white;
	position: relative;
	float: left;
}

.watermark {
	color: #aaa;
}

.floatLeft {
	position: relative;
	float: left;
}

.floatRight {
	position: relative;
	float: right;
}

.searchBoxButtonContainer {
	position: relative;
	margin: 2px 0 0 4px;
}

.newsListRSSIcon {
	display: none;
}

.contentTopMenu { /* Top horizontal menu bar */
}

	.contentTopMenu ul,
	.contentTopMenu li {
	}

	.contentTopMenu li {
	}
/*

.contentTopMenu li.endMenuItem
{
    background-image: none;
}

.contentTopMenu li a
{
    
}

.contentTopMenu li a:hover
{
    display:block;
    padding:10px 30px 10px 25px;
    background:#333; 
    color:#fff;
}

.contentTopMenu .topMenuHomeIcon
{
    padding:12px 45px 10px 40px;
    height:37px;
    cursor:pointer;
}

.contentTopMenu .floatRight ul, 
.contentTopMenu .floatRight li
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:inline-block;
}

.contentTopMenu .floatRight li
{
    border-left:1px solid #b0b0b0;
    padding:8px 20px 10px 20px;
    float:left;
    font-weight:bold;
}

*/

.defaultTableNoBorder {
}

	.defaultTableNoBorder td {
		padding: 8px 10px;
		vertical-align: top;
	}

.defaultTableNoStyle {
}

	.defaultTableNoStyle td {
		padding: 6px 6px 6px 0;
		vertical-align: middle;
	}

.defaultTable .parameter {
	font-weight: bold;
	white-space: nowrap;
	vertical-align: top;
}

.defaultTable .value {
	vertical-align: top;
}

.gridTitle {
	position: relative;
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
}

.grid table {
	margin: 0px;
	border: 0px solid #b8b8b8;
	width: 100%;
	border-collapse: collapse;
}

.grid td, .grid th {
	vertical-align: top;
	padding: 8px 10px;
	border: 0px;
}

.gridHeader {
	font-weight: bold;
	padding: 6px 8px 6px 8px;
}

	.gridHeader td, .gridHeader th {
	}

.grid td INPUT {
	position: relative;
	float: right;
	margin-top: -15px;
}

.altRow {
	background: #E2E2E2;
}

.approved ul {
	padding: 0px;
	margin: 30px 0 0 0;
	list-style-type: none;
}

.approved li {
	margin: 0px;
	padding: 10px 0 5px 60px;
	background: url('images/approvedIcon.png') 0 0 no-repeat;
	color: #444;
}

.approved H1 {
	font-weight: bold;
	margin: 0 0 2px 0;
}

.declined ul {
	padding: 0px;
	margin: 30px 0 0 0;
	list-style-type: none;
}

.declined li {
	margin: 0px;
	padding: 10px 0 5px 60px;
	background: url('images/declinedIcon.png') 0 0 no-repeat;
	color: #ff0000;
}

.declined H1 {
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
	margin: 0 0 2px 0;
}

.conflict ul {
	padding: 0px;
	margin: 30px 0 0 0;
	list-style-type: none;
}

.conflict li {
	margin: 0px;
	padding: 10px 0 5px 60px;
	background: url('images/conflictIcon.png') 0 0 no-repeat;
	color: #ff0000;
}

.conflict H1 {
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
	margin: 0 0 2px 0;
}

.genericMessage {
	font-size: 14px;
	color: #444;
}

.styledPanel {
	padding: 10px;
}

.buttonLink {
	position: relative;
	margin: 0 0 2px 0;
	padding: 3px 6px 3px 6px;
	color: #FFFFFF;
	border: 0px;
	cursor: help;
	text-decoration: none;
	font-weight: bold;
	width: auto;
}

	.buttonLink:hover {
		color: #fff;
		text-decoration: none;
	}

.frequently-asked-questions-container .toggleTitle {
	position: relative;
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

.frequently-asked-questions-container .toggleDetail {
	position: relative;
	margin: 0 0 0 0;
	border: 1px solid #b9b9b9;
	padding: 10px;
	background: #f0f0f0;
}

.terms-container {
}

/*Start FancyBox*/
#content {
	width: 350px;
	margin: 30px auto;
	padding: 20px 60px;
	border: 1px solid #D2D2D2;
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading { /* IE6 */
	position: absolute;
	margin-top: 0;
}

	#fancybox-loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background-image: url('images/fancybox.png');
	}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay { /* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0 !important;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 10px 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('images/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

	#fancybox-title-wrap span {
		height: 32px;
		float: left;
	}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('images/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('images/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('images/fancybox.png');
	background-position: -35px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('images/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('images/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

	#fancybox-left:hover span {
		left: 20px;
	}

	#fancybox-right:hover span {
		left: auto;
		right: 20px;
	}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('images/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -182px;
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('images/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -122px;
}

/* IE 

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png', sizingMethod='scale'); }
*/
/*End FancyBox*/

.login-page .login-register a {
}

.login-page-body .recylableLink {
}

.homepageTopicContainer {
}

.loginLogoLinkContainer {
	position: absolute;
	left: 0px;
	margin: 0;
	z-index: 999;
}

	.loginLogoLinkContainer .loginLogoLink {
		position: relative;
		margin: 0 auto 0 auto;
		cursor: pointer;
	}

.homepage-buttons {
	position: relative;
	z-index: 999;
}

	.homepage-buttons img {
		margin-right: 10px;
	}

.newsitem .page-title h1 {
	margin: 4px 0 0 0;
}

.faq .toggleTitle {
	cursor: pointer;
}

.faq .toggleDetail {
}

.vertical-align-top {
	vertical-align: top;
}

.topicpage-body li {
	margin: 6px 0 6px 0;
}

.fancy-box-privacy-container {
	background: #fff;
	padding: 20px;
}

.privacy-info-page-background {
	background: none;
}

.requiredasterix {
	color: Red;
}

.category-page h2 {
	display: none;
}

.category-page .product-item h2 {
	display: inline;
}

.required-fields {
	margin: 14px 0 4px 0;
}

.category-page .picture {
	min-height: 140px;
}

.homepageWelcomePanel {
}

	.homepageWelcomePanel .welcome-points {
		position: relative;
		float: left;
		width: 200px;
		margin-bottom: 14px;
	}

/*Default table style*/
.default-table,
.defaultTable {
	border-collapse: collapse;
	border: 1px solid #eee;
}

	.default-table th,
	.defaultTable th {
		background: #666;
		color: #fff;
		text-align: left;
		border-left: 1px solid #eee;
		font-weight: bold;
		text-transform: capitalize;
		padding: 10px;
	}

	.default-table td,
	.defaultTable td {
		vertical-align: top;
		padding: 8px 10px;
		border-left: 1px solid #eee;
		background: #fff;
		color: #000;
	}

	.default-table tr,
	.defaultTable tr {
		border-top: 1px solid #eee;
	}


/*Points Summary*/
.points-summary-expander {
	margin: 0 10px 20px 10px;
	padding-top: 20px;
}

.points-summary-header {
	margin-bottom: 0;
	padding: 0px 3px 3px 20px;
	cursor: pointer;
	background: #fff url('images/toggle-indicator.png') 5px 15px no-repeat;
	border-bottom: 1px solid #dadada;
	font-weight: bold;
}

.points-summary-header-selected {
	margin-bottom: 0;
	padding: 5px 3px 3px 20px;
	cursor: pointer;
	background: #f0f0f0 url('images/toggle-indicator.png') 5px -10px no-repeat;
	font-weight: bold;
}

.points-summary-details-container {
	background: #f8f8f8;
	border-top: 0px;
	margin: 0 0 10px 20px;
	padding: 6px 0;
	border-bottom: 1px solid #dadada;
}

	.points-summary-details-container table,
	.points-summary-header table,
	.points-summary-header-selected table {
		width: 100%;
		border-collapse: collapse;
	}

		.points-summary-header table .month-value,
		.points-summary-header-selected table .month-value,
		.points-summary-details-container table .details-value {
			text-align: right;
		}

		.points-summary-header table .month-name {
		}

		.points-summary-details-container table td, .points-summary-details-container table th {
			padding: 10px;
		}

		.points-summary-details-container table .details-name {
			font-weight: normal;
		}

		.points-summary-details-container table.redemptions {
			background: #fff;
		}

			.points-summary-details-container table.redemptions .redemptions-margin {
				width: 12px;
				background: #f8f8f8;
			}

		.points-summary-details-container table .details-value,
		.points-summary-details-container table .details-name {
			font-size: .9em;
			padding: 2px 4px;
		}

.view-customer-transaction {
	text-align: right;
	margin-right: 10px;
}

/*custom file upload control - function in public JS*/
input[type="file"] {
	cursor: pointer;
	display: block;
	height: 22px;
	width: 225px;
}

.file-input-wrapper {
	position: absolute;
	margin-top: -25px;
	margin-left: -140px;
	clip: rect(0px,225px,25px,150px);
	filter: alpha(opacity=0);
	opacity: 0;
}

.selected-file {
	position: relative;
	color: #444;
}

/* jQuery autocomplete */
.ac_results {
	border: solid 1px #444444;
	margin: 0px;
	padding: 2px;
	width: 400px;
	background-color: #ffffff;
	overflow: hidden;
	z-index: 99999;
}

	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		cursor: default;
		display: block;
		/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
		/*width: 100%;*/
		font: menu;
		/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
		line-height: 16px;
		color: #666666;
		overflow: hidden;
	}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #ffffff;
}

.ac_over {
	background-color: #ffc0c0;
}
/* jQuery autocomplete End */

INPUT[type="text"][readonly="readonly"],
INPUT[type="text"][disabled="disabled"] {
	background: none;
	cursor: default;
	border: 0px;
}

/*New Message Errors (May 2012)*/
.messageBox {
	margin: 10px;
	border: 1px solid #ccc;
	background: #F4F4F4;
	padding: 15px;
	text-shadow: none;
}

.nosuccess-message-panel,
.messageBoxError {
	margin: 10px 0 20px 0;
	background: #ffeded url(/Content/Core-Css/images/ico-nosuccess.png) 15px 5px no-repeat;
	border: 1px solid #ff0000;
	padding: 15px 15px 15px 60px;
	font-weight: bold;
	text-shadow: none;
}

.success-message-panel,
.messageBoxSuccess {
	margin: 10px 0 20px 0;
	background: #e1fae1 url(/Content/Core-Css/images/ico-success.png) 15px 5px no-repeat;
	border: 1px solid #008000;
	padding: 15px 15px 15px 60px;
	font-weight: bold;
	text-shadow: none;
}

.warning-message-panel,
.messageBoxWarning {
	margin: 10px;
	background: #ffff00 url(/Content/Core-Css/images/ico-warning.png) 15px 5px no-repeat;
	border: 1px solid #ebc700;
	padding: 15px 15px 15px 60px;
	font-weight: bold;
	text-shadow: none;
	color: #000 !important;
}

.no-redemptions-possible {
	background: #ffff00;
	border: 1px solid #ebc700;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: 1001;
}
	.no-redemptions-possible span {
		margin: 13px;
		position: relative;
		display: block;
		line-height: 160%;
		font-size: 14px;
		color:#000;
	}

.block-display {
	display: block;
}

.validation-summary-errors ul {
	position: relative;
	margin: 5px 0;
	list-style-type: none;
	background: #ffff00 url(/Content/Core-Css/images/ico-warning-small.png) 5px 5px no-repeat;
	border: 1px solid #ebc700;
	padding: 5px 15px 10px 25px;
	font-weight: bold;
	position: relative;
	font-size: .9em;
	font-weight: normal;
}

/*jQuery UI Overrides*/

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial, Verdana, Helvetica, sans-serif !important;
	font-size: 1em !important;
}

.ui-widget-content {
	/*background:none !important;*/
	border: 0px;
}

	.ui-widget-content a {
		color: #008DE2;
	}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .1em;
	cursor: pointer;
}

	.ui-dialog .ui-dialog-buttonpane button,
	.ui-dialog .ui-dialog-buttonpane button:hover {
		color: #212121 !important;
		padding: 12px !important;
		font-size: 1em !important;
	}

ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	padding: 0;
	background: none;
}

#tabs {
	border: 0px !important;
	display: none;
}

.ui-tabs-panel {
	border: 1px solid #aaaaaa !important;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}

.ui-widget-header {
	background: none !important;
	border: 0px !important;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 0.3em 0.8em !important;
	font-size: 1em !important;
	font-weight: normal !important;
}

.ui-tabs-nav .ui-state-hover {
	border: 1px solid #aaa !important;
}

.ui-datepicker {
	/*background:#000 !important;*/
	opacity: .9;
}

.ui-autocomplete {
	background: #eee !important;
	opacity: .95;
	border: 1px solid #aaa;
	font-size: 1em !important;
	z-index: 1001;
}

	.ui-autocomplete .ui-menu-item a {
		color: #333 !important;
	}

.ui-datepicker-title select {
	font-size: .85em !important;
	font-weight: normal;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 38% !important;
	max-width: 39%;
	min-width: auto;
}

.ui-datepicker-title select:focus,
.ui-datepicker-title select:active {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-collapse: separate !important;
	background: #fff !important;
	/* for Opera */
	z-index: 1;
}

.ui-state-highlight,
.ui-widget-content
.ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: url("../jQueryUI/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% top #EEEEEE;
	border: 1px solid #aaa;
	color: #000 !important;
}

.ui-datepicker-calendar th span {
	font-weight: normal !important;
}

.ui-dialog {
	background: #eee !important;
	border: 1px solid #999;
	color: #000;
	z-index: 10000;
}

	.ui-dialog a, .ui-dialog .ui-widget-content {
	}

	.ui-dialog .ui-widget-header {
		background: #444444 url("../jqueryui/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x !important;
		border: 1px solid #ccc !important;
		color: #000 !important;
	}

	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
		text-align: center !important;
		float: none !important;
	}

#ui-dialog-title-error-dialogue {
	color: #000 !important;
}

.ui-dialog-buttonpane {
	background: #eee !important;
	border-top: 0px solid #dadada;
}


#tabs .ui-state-hover, #tabs .ui-state-default {
	transition: border .4s;
	-moz-transition: border .4s;
	-webkit-transition: border .4s;
	-o-transition: border .4s;
}

.autocomplete-textbox-button {
	display: inline-block;
}

.field-validation-error {
	background: #ffff90 url(/Content/Core-Css/images/ico-warning-small.png) 3px 3px no-repeat;
	border: 1px solid #ebc700;
	margin: 0 0 0 -2px;
	padding: 4px 5px 2px 25px;
	position: absolute;
	white-space: nowrap;
	color: #000 !important;
	font-size: .9em;
	position: static;
}

.disclaimer {
	font-size: smaller;
	color: red;
}

.ui-dialog .field-validation-error,
.ui-dialog .message-error,
.message-error {
	background: #ffff90 url(/Content/Core-Css/images/ico-warning-small.png) 3px 7px no-repeat;
	border: 1px solid #ebc700;
	margin: 0 0 0 0;
	padding: 4px 5px 2px 25px;
	position: relative;
}

.ui-dialog .message-error {
	margin-bottom: 5px;
}

.ui-dialog .message-success {
	padding: 3px 0px 3px 23px !important;
	margin-bottom: 5px;
}

.ui-dialog .field-validation-error {
	background: #ffff90 url(/Content/Core-Css/images/ico-warning-small.png) 3px 3px no-repeat;
	border: 1px solid #ebc700;
	margin: 0 0 0 0;
	padding: 4px 5px 2px 25px;
	position: relative;
	white-space: nowrap;
}

.ajax-content-loading {
	position: fixed;
	text-align: center;
	left: 0px;
	top: 0px;
	z-index: 1005;
	width: 100%;
	height: 100%;
	display: none;
	color: #000000;
	background: url(images/ajax-loading-overlay.png) 0 0 repeat;
}

	.ajax-content-loading .loading-container {
		position: relative;
		width: 300px;
		padding: 20px;
		margin: 0 auto;
		width: 400px;
		background: url(images/ajax-content-loading-overlay.png) 0 0 repeat;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
		border-bottom: 0px solid #fff;
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
		-moz-border-bottom-right-radius: 12px;
		-moz-border-bottom-left-radius: 12px;
		-webkit-border-bottom-right-radius: 12px;
		-webkit-border-bottom-left-radius: 12px;
		box-shadow: 0px 3px 8px #333;
		-webkit-box-shadow: 0px 3px 8px #333;
		-moz-box-shadow: 0px 3px 8px #333;
	}

#ajax-content-loading-image {
	background: url(images/UpdateProgress.gif) 0 0 no-repeat;
	width: 220px;
	height: 19px;
	margin: 10px auto;
}

.master-wrapper-cph-3 #ajax-content-loading-image {
	margin: 10px 0;
}

.ui-widget-overlay {
	position: fixed !important;
	opacity: .70;
}

/* Tooltip container */
.tooltip {
	text-align: center;
	position: relative;
	margin-left: 10px;
	margin-top: 5px;
	cursor: help;
}

.tooltip.tooltipicon {
	display: inline;
	border-radius: 50%;
	border: 1px solid #ccc;
	color: #ccc;
	padding: 2px;
	width: 25px;
	text-align: center;
	font-size: .9em;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	cursor: help;
}
/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #fff;
	color: #999;
	text-align: center;
	padding: 5px;
	border-radius: 3px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 20px;
	border: 1px solid #ccc;
}
.tooltip.tooltipicon .tooltiptext {
	left: -100px;
	top: -116px;
}



	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}

/*tables outside of standard width*/
	.overflow-table {
	border-top: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
	padding: 10px 10px 10px 0;
	box-shadow: 10px 10px 8px #b0b0b0;
}

tr.excess-width-ui-note td {
	background: #fff;
	padding: 0 !important;
	font-size: .8em;
	font-weight: bold;
	border: 0px !important;
}

	tr.excess-width-ui-note td div {
		text-align: left;
		float: left;
		display: block;
		padding: 2px 10px;
		width: 380px;
		background: #ffffcc;
		border: 1px solid #ffcc00;
	}

	tr.excess-width-ui-note td div {
		border-top-right-radius: 30px;
		-mox-border-top-right-radius: 30px;
		-webkit-border-top-right-radius: 30px;
	}

		tr.excess-width-ui-note td div img,
		tr.excess-width-ui-note td div span {
			position: relative;
			float: left;
			margin: 0 15px 0 0;
		}

		tr.excess-width-ui-note td div img {
			width: 32px;
			margin-top: 5px;
		}

		tr.excess-width-ui-note td div span {
			width: 300px;
		}

.disabled-link {
	color: #999;
	cursor: not-allowed;
}

.button-container span.disabled-link {
	padding: 14px 30px 10px 30px;
	background: #eee;
}

/*News*/
.rightside-news-wrapper {
	display: none;
}

/*right side*/

.rightside-news-item h2,
.news-archive-item h2 {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

	.rightside-news-item h2 a,
	.news-archive-item h2 a {
		text-decoration: none;
	}

.rightside-news-item img {
	width: 200px;
	display: block;
	margin: 10px 0;
}

.rightside-news-item span.news-snippet-date,
.news-archive-item span.news-snippet-date,
.news-article span.news-article-date {
	font-size: .9em;
	color: #999;
	display: block;
}

.news-article span.news-article-date {
	margin: 2px 0 15px 0;
}

.rightside-news-item span.news-snippet-text,
.news-archive-item span.news-snippet-text {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #eee 1px solid;
	font-size: .9em;
}

.news-archive-item span.news-snippet-text {
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
	font-size: 1em;
}

.rightside-news-item .read-more,
.news-archive-item .read-more,
.news-archive {
	display: inline-block !important;
	margin: 10px 0 0 0;
}

/*archive*/
.news-archive-item {
	position: relative;
	float: left;
	width: 170px;
	margin: 10px;
	background: #fafafa;
	padding: 10px;
}

	.news-archive-item img {
		width: 150px;
		display: block;
		margin: 10px auto;
		border: 1px solid #eee;
	}

.no-news {
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px;
	background: #fafafa;
}

/*article*/
.news-article h2 {
}

/*Small Messages*/
.success-message {
	font-size: 1em;
	font-weight: bold;
	color: Green;
	padding: 3px 0px 3px 23px !important;
	background: url('images/completeIcon.png') 0 0 no-repeat;
	color: #000 !important;
}

.fail-message {
	font-size: 1em;
	font-weight: bold;
	color: red;
	padding: 3px 0px 3px 23px !important;
	background: url('images/incompleteIcon.png') 0 0 no-repeat;
	color: #000 !important;
}

.partial-change {
	position: relative;
	display: inline-block;
	color: #000;
	font-size: .9em;
	font-weight: bold;
	margin: 0 10px;
}

#error-dialogue {
	display: none;
}

	#error-dialogue .error {
		background: url(images/ico-nosuccess.png) 15px 15px no-repeat;
		border: 0px;
		padding: 15px 15px 15px 60px;
		font-weight: bold;
		margin: 10px;
	}

.item-value .error-block {
	position: relative;
	margin-left: -10px;
}

#inline-ajax-indicator {
	position: relative;
	margin-left: 6px;
}

.orderName a,
.orderName a:hover {
	color: #fff;
}

.hide, .hideme {
	display: none;
}

.section-title-detail {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	font-weight: normal;
}


.section-title-with-toggle {
	border-bottom: 1px solid #ccc;
	padding: 10px 0px !important;
	position: relative;
	margin: 10px 0 0 0;
	cursor: pointer;
	transition: background 2s;
	-moz-transition: background 2s;
	-webkit-transition: background 2s;
	-o-transition: background 2s;
}

	.section-title-with-toggle:hover {
		background: #ffffcc;
		transition: background .5s;
		-moz-transition: background .5s;
		-webkit-transition: background .5s;
		-o-transition: background .5s;
	}

.your-address-title {
	display: inline-block;
	width: 160px;
}

.section-title-toggle {
	background: #fcfce9;
}

.section-title-with-toggle-selected,
.section-title-with-toggle-selected:hover {
	background: #ffffcc;
	border-bottom: 0px;
}

	.section-title-with-toggle, .section-title-with-toggle:hover,
	.section-title-with-toggle-selected,
	.section-title-with-toggle-selected:hover {
		background-image: url(images/icons/ico-edit.png);
		background-position: right 8px;
		background-repeat: no-repeat;
	}

.pdf-link {
	background: url(images/thumbs/pdf-icon.gif) 0 0 no-repeat;
	padding: 15px 0 15px 50px;
}

/*Used in the admin html editor control toover-ride any unneccessary background images*/
.jhtmlArea {
	background: #fff;
}

tr.pending-claim-header-rowstyle {
	cursor: pointer;
	border-top: 1px solid #000 !important;
}

.edible-account-buttons {
	position: relative;
	margin: 4px;
}

.edible-button, .edible-button:hover {
	color: #232323;
	font-weight: normal;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #eee;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}

	.edible-button:hover {
		background: #e4e4e4;
	}

.edible-button-selected, .edible-button-selected:hover {
	background: #dadada;
}

#button-view-redemptions,
#button-view-details,
#button-view-summary,
#button-view-accounts,
#button-new-claim {
	background-position: 8px 10px;
	background-repeat: no-repeat;
}

#button-view-redemptions {
	background-image: url(images/icons/ico-sales.png);
}

#button-view-summary {
	background-image: url(images/icons/ico-points-summary.png);
}

#button-view-details {
	background-image: url(images/icons/ico-credit-card.png);
}

#button-view-accounts {
	background-image: url(images/icons/ico-accounts.png);
}

#button-new-claim {
	background-image: url(images/icons/ico-new-claim.png);
}

.file-link {
	display: inline-block;
	width: auto;
	padding: 2px 0 2px 20px;
	text-decoration: none;
}

a.claim {
	background: url(images/icons/ico-view-claim.png) 0 0 no-repeat;
}

a.attachment {
	background: url(images/icons/ico-attachment.png) 0 0 no-repeat;
}

a.add {
	background: url(images/icons/ico-add.png) 0 0 no-repeat;
}

a.delete {
	background: url(images/icons/ico-delete.png) 0 0 no-repeat;
}

a.link-with-margin-right {
	margin-right: 0px;
}

.pager-button, .pager-button-disabled {
	margin-right: 4px;
}

.report-parametres {
	margin-bottom: 20px;
}

.report-container {
	overflow: auto;
}

.report-wrapper .pager span {
	margin: 0 4px;
	cursor: pointer;
	transition: color 1s;
	-moz-transition: color 1s;
	-webkit-transition: color 1s;
	-o-transition: color 1s;
	text-decoration: none;
	font-size: 2em;
	color: #999;
	letter-spacing: -2px;
}

	.report-wrapper .pager span:hover {
		transition: color .5s;
		-moz-transition: color .5s;
		-webkit-transition: color .5s;
		-o-transition: color .5s;
		text-decoration: none;
		font-size: 2em;
		color: #444;
	}

.report-wrapper .pager {
	background: #F9F9F9;
	border: 1px solid #EEEEEE;
	margin: 0 0 10px 0 !important;
	padding: 0 6px 8px;
	position: relative;
}

.report-wrapper-fullscreen .pager {
	display: block !important;
	position: fixed;
	width: 100%;
	z-index: 999;
}

.report-wrapper .numericTextBox {
	width: 30px;
	padding: 4px 2px;
}

.report-wrapper-fullscreen .gridTitle {
	margin-top: 55px;
}

.report-wrapper .tablestyle {
	border: 1px solid #333;
}

.report-wrapper {
	position: relative;
	margin-top: 20px;
}

	.report-wrapper .warning-message-panel {
		margin: 0 0 10px 0;
	}

.draggable-report-area {
	overflow: hidden;
	cursor: e-resize;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

span.icon-button {
	position: relative;
	width: 24px;
	height: 24px;
	border: 0px;
	cursor: pointer;
	padding: 3px;
	border: 1px solid #fff;
	display: inline-block;
}

	span.icon-button:hover {
		background: #e2eef4;
		border: 1px solid #6fbfea;
	}

.report-wrapper span.icon-button {
	top: 8px;
}

span.excel-button {
	background: #FAFAFA url(images/buttons/excel-button.png) center center no-repeat;
	border: 1px solid #DADADA;
}

	span.excel-button:hover {
		background: #e2eef4 url(images/buttons/excel-button.png) center center no-repeat;
		border: 1px solid #6fbfea;
	}

span.fullscreen-button {
	background: #FAFAFA url(images/buttons/fullscreen-button.png) center center no-repeat;
	border: 1px solid #DADADA;
}

	span.fullscreen-button:hover {
		background: #e2eef4 url(images/buttons/fullscreen-button.png) center center no-repeat;
		border: 1px solid #6fbfea;
	}

.report-wrapper-fullscreen {
	background: none repeat scroll 0 0 #FFFFFF;
	left: 0 !important;
	margin-top: 0px !important;
	overflow: scroll !important;
	position: fixed !important;
	top: 0 !important;
	z-index: 1001 !important;
	width: 100% !important;
	height: 100% !important;
}

.report-wrapper .switchreport-view {
	position: relative;
	float: right;
	margin-right: 0px;
	cursor: pointer;
	padding: 1px 4px;
	display: inline-block;
	border: 1px solid #999;
}

.report-parameter-picker {
	float: left;
	position: relative;
}

	.report-parameter-picker table {
		border-collapse: collapse;
	}

	.report-parameter-picker td {
		padding: 4px;
	}

.report-paramter-title {
	width: 90px;
}

input[type="radio"], input[type="checkbox"] {
	top: 0px !important;
}

/*Tabbly account*/

.account-tabbed-month-selector,
.account-tabbed-month-selector .month {
	padding: 0;
	margin: 0;
}

.account-tabbed-month-selector {
	background: #eee;
	height: 31px;
}

*:first-child + html html > /**/ body .account-tabbed-month-selector {
	height: 30px;
}

html > /**/ body .account-tabbed-month-selector {
	height: 31px;
}

	.account-tabbed-month-selector .month {
		list-style-type: none;
		font-weight: bold;
		float: left;
	}

		.account-tabbed-month-selector .month a {
			display: block;
			padding: 8px 18px;
			text-decoration: none;
			transition: background .7s;
			-moz-transition: background .7s;
			-webkit-transition: background .7s;
			-o-transition: background .7s;
			color: #fff;
		}

			.account-tabbed-month-selector .month a:hover {
				background: #fff;
				transition: background .3s;
				-moz-transition: background .3s;
				-webkit-transition: background .3s;
				-o-transition: background .3s;
				color: #333;
			}

	.account-tabbed-month-selector a.current-month {
		background: #eee;
		color: #333;
	}

a.account-tabbed-current-year,
.account-tabbed-current-year a:hover {
	display: inline-block;
	float: left;
	padding: 8px 15px;
	color: #fff !important;
	font-weight: bold;
}

.account-tabbed-year-selector {
	background: #eee;
	margin-left: 55px;
	position: absolute;
	padding-right: 100px;
	z-index: 999;
	opacity: .97;
	box-shadow: 1px 5px 2px #bababa;
}

	.account-tabbed-year-selector ul,
	.account-tabbed-year-selector li {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.account-tabbed-year-selector ul {
		margin: 5px 0;
	}

	.account-tabbed-year-selector li a {
		display: block;
		padding: 5px 10px;
		text-decoration: none;
		color: #fff;
	}

		.account-tabbed-year-selector li a:hover {
			text-decoration: underline;
			color: #fff !important;
		}

.account-detail-container .gridHeader th,
.account-detail-container .gridHeader td,
.account-detail-container td.gridHeader {
	background: #e2e2e2 url(images/table-cell-background.png) 0 0 repeat-x;
	color: #333;
}

.account-detail-container table td {
	background: #f6f6f6;
	border-bottom: 1px solid #e6e5e5;
}

.account-detail-container #pointsDetailsContainer {
	position: relative;
	margin-top: 1px;
}

table#pointsDetails {
	width: 100%;
}

a.point-details-header-back {
	position: relative;
	display: inline-block;
	padding: 0 0 0 15px;
	background: url(images/points-header-back.png) 0 2px no-repeat;
	color: #fff;
	text-decoration: none;
}

	a.point-details-header-back:hover {
		color: #fff;
		text-decoration: none;
	}

.point-type-image-header {
	padding: 0px !important;
	vertical-align: middle !important;
}

.point-type-image-cell {
	padding: 2px 0 0 10px !important;
}

.points-balance .total-balance {
	background: #eee;
}

.points-balance .total-balance-value {
	font-weight: bold;
	font-size: 1.2em;
	text-align: right;
	background: #eee;
}

.cursor-pointer {
	cursor: pointer;
}

tr.cursor-pointer:hover td {
	background: #fafafa;
	transition: background .7s;
	-moz-transition: background .7s;
	-webkit-transition: background .7s;
	-o-transition: background .7s;
}

tr.cursor-pointer td {
	transition: background 3s;
	-moz-transition: background 3s;
	-webkit-transition: background 3s;
	-o-transition: background 3s;
}

ul.radio-button-list,
ul.radio-button-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	ul.radio-button-list li.float {
		display: inline;
	}

		ul.radio-button-list li.float label {
			position: relative;
			margin: 2px 8px 0 0;
			display: inline-block;
		}

	ul.radio-button-list li.tumble {
	}

		ul.radio-button-list li.tumble label {
			position: relative;
			margin: 2px 0 2px 4px;
			display: inline-block;
		}

.registration-view .header-links {
	display: none;
}

.powered-by-vault {
	display: block;
}

.clearfix, .reward-wrapper {
	display: block;
}

	.clearfix:after, .reward-wrapper:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

html[xmlns] .clearfix, html[xmlns] .reward-wrapper {
	display: block;
}

* html .clearfix, * .html .reward-wrapper {
	height: 1%;
}

.target-error {
	display: none;
}

.target-chart {
	position: relative;
	top: -20px;
	width: 100%;
	height: 500px;
}

.target-points {
	text-align: center;
}

.g-target-tracker-1,
.g-target-tracker-2,
.g-target-tracker-3,
.g-target-tracker-4,
.g-target-trackerAnnual {
	text-align: center;
}

.tableLayout {
	display: table;
	table-layout: fixed;
}

.tableRowLayout {
	vertical-align: top;
	display: table-row;
}

.customerRole {
	display: block;
}

.vspacer40 {
	position: relative;
	display: block;
	height: 40px;
	clear: both;
	float: none;
}

/*Rotate banner*/
ul.bxslider {
	left: -40px;
	top: -40px;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 0px solid #fff !important;
	left: 0 !important;
	background: #fff;
}

.bxslider-menu-container {
	display: block;
}

.bxslider-text-cell-container {
	display: block;
}

.bxslider-image-cell-container {
	display: block;
}
/*END Rotate banner*/

.filter {
	float: right;
	padding: 10px;
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

	.filter ul, .filter li {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.filter li {
		padding: 0 8px;
		border-right: 1px solid #ccc;
		display: inline-block;
		font-weight: normal;
	}

		.filter li:first-child, .filter li:last-child {
			border-right: 0px;
		}

		.filter li a {
			text-decoration: underline;
			font-size: .9em;
		}

span.add-shipping-address-button {
	display: block;
	margin: 0px 0px 20px 0;
}

/*new learning module UI*/

body#quiz .searchbox, body#quizindex .searchbox {
	margin: 0px;
}

	body#quiz .searchbox .searchboxtext, body#quizindex .searchbox .searchboxtext {
		background: #fff url(images/searchbox-icon.png) 260px 10px no-repeat !important;
		padding: 10px 15px 5px 10px;
		max-width: 260px;
		min-width: 260px;
	}

.quiz-title {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

.quiz-title-top {
	position: relative;
	margin-top: 20px;
}

.quizzes-wrapper {
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

h2.quiz-category-header {
	font-size: 42px;
	display: block;
}

.quiz-container {
	position: relative;
	min-height: 560px;
}

.quiz-questions-container {
	background: #fff;
	padding-top: 10px;
}

.quiz-wrapper .quiz-container {
	max-width: 760px;
	margin: 40px auto 0 auto;
}

.quizzes-wrapper .quiz-container {
	float: left;
	width: 31%;
	margin: 1%;
	display: inline-block;
	background: #fff;
}

.quiz-info {
	padding: 20px;
}

.quiz-wrapper .quiz-info {
	padding: 0px 20px;
}

.quiz-info .button-container {
	text-align: left;
}

.quiz-image img {
	width: 100%;
	margin-top: 0;
	height: auto;
}

.quiz-name, .quiz-type, .quiz-attempts, .quiz-question {
	display: block;
	position: relative;
	margin: 5px 0;
}

.quiz-name {
	font-size: 1.2em;
	font-weight: bold;
}

.quizQuestion {
	display: block;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.quiz-type, .quiz-attempts {
	font-size: .9em;
}

.quiz-attempts {
	font-weight: bold;
}

.quiz-status {
	position: relative;
	margin-top: 20px;
	font-weight: bold;
	font-size: 1.1em;
}

	.quiz-status .complete {
		background: url('images/quiz-tick.png') 0 0 no-repeat;
		padding: 2px 0 0 30px;
	}

	.quiz-status .incomplete {
		background: url('images/quiz-cross.png') 0 0 no-repeat;
		padding: 2px 0 0 30px;
	}

.quiz-button {
	display: inline;
	margin-right: 1px;
}

.quiz-pdf-viewer {
	width: 100%;
	height: 800px;
}

.quiz-new-tab {
	text-align: center;
}

.progress {
	position: relative;
	color: #fff;
	background: #ccc;
}

.progressBar {
	background: #00ae89;
}

	.progressBar.pass {
		background: #00ae89;
	}

	.progressBar.fail {
		background: #ccc;
	}

.progress-text {
	padding: 8px 10px 3px 10px;
}

.progressLabel {
	z-index: 100;
	position: relative;
}

ul#answersList {
	padding: 0;
}

.quiz-results {
	margin: 15px;
}

	.quiz-results li {
		list-style-type: none;
	}

.quiz-question-results li {
	margin: 5px 0;
}

.message-success {
	font-size: 1em;
	font-weight: bold;
	color: Green;
	background: url('images/quiz-tick.png') 0 0 no-repeat;
	padding: 2px 0 0 30px;
}

.message-fail {
	font-size: 1em;
	font-weight: bold;
	color: red;
	background: url('images/quiz-cross.png') 0 0 no-repeat;
	padding: 2px 0 0 30px;
}

/* End Quiz */

/*Acclaim*/
.mobile-acclaim-logo,
div.mobile-nav-points,
body.login-page-body .header-logo-container {
	display: none;
}
/*End Acclaim*/

/*Wishlist command Goals*/
.wishlist-goals-icons-wrapper {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 10px;
	z-index: 1001;
}

	.wishlist-goals-icons-wrapper .heart, .wishlist-goals-icons-wrapper .star {
		color: red;
		font-size: 20px;
	}

		.wishlist-goals-icons-wrapper .heart:hover, .wishlist-goals-icons-wrapper .star:hover {
			color: grey;
			cursor: pointer;
		}

	.wishlist-goals-icons-wrapper .fadeheart, .wishlist-goals-icons-wrapper .fadestar {
		color: grey;
		font-size: 20px;
	}

		.wishlist-goals-icons-wrapper .fadeheart:hover, .wishlist-goals-icons-wrapper .fadestar:hover {
			color: red;
			cursor: pointer;
		}

.reward-goal-wrapper, .reward-target-wrapper {
	position: relative;
	display: inline-block;
	float: left;
}

.reward-goal-wrapper {
	width: 30%;
	background: #fff;
	z-index:1001;
}

	.reward-goal-wrapper .item-box {
		min-width: 350px;
	}

	.reward-goal-wrapper .product-item {
		margin: 0px 10px;
	}

.reward-target-wrapper {
	width: 68%;
	background: #fff;
	min-height: 345px;
	margin-left: 1%;
}

.reward-target-graph-wrapper {
	position: relative;
	left: 0px;
	top: 60px;
	width: 300px;
	height: 300px;
}

.reward-target-graph {
	text-align: left;
}

.reward-target-achieved {
	position: absolute;
	color: inherit;
	top: 145px;
	z-index: 1001;
	font-size: 50px;
	margin-left: 60px;
	margin-right: 60px;
	width: 200px;
	text-align: center;
	left: 0;
}

.reward-target-info {
	position: absolute;
	text-align: left;
	color: inherit;
	top: 75px;
	z-index: 1001;
	font-size: 32px;
	margin-left: 360px;
}

	.reward-target-info small {
		font-size: 10px;
		display: block;
		margin: 4px 0;
	}

	.reward-target-info span {
		display: block;
		margin: 8px 0;
	}

.wishlist-wrapper {
	margin-top: 60px;
}
/*homepage reward widget*/
body#home .reward-wrapper {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #eee;
}

	body#home .reward-wrapper h4 {
		text-align: left;
		width: 30%;
		max-width: 400px;
		padding: 0 0 0 50px;
	}

table.reward-goal-product-wrapper {
	max-width: 400px;
	margin: 0 auto;
}

.diaClass button {
	background-color: #d8d8d8;
	padding: 10px;
}
/*Acclaim tyle target display*/
.target-container {
	background: #000;
	color: #fff;
	padding: 30px;
	margin-bottom: 30px;
	margin-top: 40px;
	min-height: 100px;
}

	.target-container h2 {
		color: #fff;
	}
/*progress indicator*/
div.progress-container {
	position: relative;
	width: 80%;
	margin: 40px auto;
	display: table-cell;
	padding: 30px;
	vertical-align: middle;
}

	div.progress-container .progress-outter {
		background: #484848;
		width: 100%;
		border-radius: 10px;
		margin-top: 45px;
	}

		div.progress-container .progress-outter .progress-inner {
			position: relative;
			background: #FDDD00;
			height: 10px;
			width: 0%;
			border-bottom-left-radius: 10px;
			border-top-left-radius: 10px;
		}

	div.progress-container .progress-indicator-text {
		text-align: right;
		width: 0%;
		/*border-right:1px solid #ccc;*/
		margin-top: 5px;
	}

	div.progress-container .progress-outter .progress-inner,
	div.progress-container .progress-indicator-text {
		-webkit-transition: width 2s;
		transition: width 2s;
	}

		div.progress-container .progress-indicator-text .progress-date,
		div.progress-container .progress-indicator-text .progress-value {
			display: block;
			text-align: right;
			white-space: nowrap;
			padding-right: 10px;
		}

		div.progress-container .progress-indicator-text .progress-date {
			font-size: 1.2em;
			color: #fff;
		}

		div.progress-container .progress-indicator-text .progress-value {
			font-weight: 700;
			font-size: 28px;
		}

/*target info*/
.target-details {
	text-align: center;
	color: inherit;
	font-size: 28px;
	font-weight: 300;
	line-height: 130%;
}

.column-display {
	display: table;
	width: 100%;
	padding-bottom: 60px;
}

.target-details .date {
	font-size: 18px;
}

.target-value {
	border: 10px solid #FDDD00;
	border-radius: 50%;
	height: 140px;
	width: 140px;
	vertical-align: middle;
	line-height: 140px;
	text-align: center;
}

	.target-value .targetview-donut-text {
		color: #fff;
	}

	.target-value.primary-border-colour {
		border: 10px solid #696969;
		background: #454545;
	}

		.target-value.primary-border-colour .targetview-donut-text {
			color: #eee
		}

.targetview-donut-text {
	font-size: 1.6em;
}

.target-reward-panel {
	background-color: #eee;
	border: 1px solid #CACAD9;
	padding: 30px;
	text-align: center;
	margin: 0 0 20px 0;
}

.arrow-indicator {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #EEEEEE;
	margin: 0 auto;
	padding-bottom: 3px;
}
/*target tracker June 2019*/
.target-wrapper {
	display: table;
	background: #000;
	padding: 40px;
}

.target-info, .target-tracker-container, .spend-to-date {
	display: table-cell;
	vertical-align: top;
	position: relative;
}

.target-tracker-container {
	width: 750px;
	position: relative;
	left: 30px;
}

	.target-tracker-container .loading-text {
		color: #fff;
		text-align: center;
		display: block;
	}

h4.current-pager-view {
	margin-left: 100px;
}

.target-info {
	width: 140px;
	text-align: center;
}

	.target-info h4, .spend-to-date h4, .target-tracker-container h4 {
		margin-bottom: 10px;
		position: relative;
		color: #fff;
	}

	.target-info h4, .spend-to-date h4 {
		margin-top: 35px;
	}

	.target-info .target {
		width: 80px;
		height: 80px;
		border-radius: 100%;
		border: 15px solid;
		background: #444444;
		margin: 0 auto;
	}

.target.target-1 {
	border-color: #00a5db;
}

.target.target-2 {
	border-color: #984fd8;
}

.target-info span {
	position: relative;
	margin-top: 30px;
	display: inline-block;
	font-size: 1.3em;
	font-weight: 400;
	color: #fff;
}

.spend-to-date {
	width: 260px;
	padding: 0 15px;
}

	.spend-to-date h1 {
		color: #fff;
	}

.progress-wrapper {
	width: 85%;
	position: relative;
	/* display: table-cell; */
	float: left;
}

.progress-tracker {
	background: #444;
	display: inline-block;
	width: 100%;
	min-height: 40px;
	margin-top: 5px;
}

	/*.progress-tracker.target-1 .progress {
		background: #00a5db;
	}

	.progress-tracker.target-2 .progress {
		background: #984fd8;
	}*/

	.progress-tracker .progress {
		position: relative;
		/*width:50%;*/
		height: 40px;
	}

.progress-wrapper ~ .progress-value {
	width: auto;
	position: relative;
	float: right;
	text-align: right;
	font-size: 22px;
	padding: 10px 0;
	margin-top: 5px;
}

/*.progress-value.target-1 {
	color: #00a5db;
}

.progress-value.target-2 {
	color: #984fd8;
}*/

/*custom color-profile input version 2*/
.js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	max-width: 80%;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	/*display: inline-block;*/
	overflow: hidden;
	/* 10px 20px */
}

.no-js .inputfile + label {
	display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
	/* pointer-events: none; */
	/* in case of FastClick lib use */
}

.inputfile + label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	font-size: 1.4em;
	margin-top: -0.25em;
	/* 4px */
	margin-right: 0.25em;
	/* 4px */
}

.inputfile-1 + label {
	color: #f1e5e6;
}


label.note.shipping-address {
	padding: 10px;
	display: inline-block;
	min-width: 180px;
	position: relative;
	max-width: 265px;
	background: #fafafa;
	border: 1px solid #ddd;
}

.box {
	border: 1px solid #ccc;
	border-radius: 0px;
	margin: 50px;
	padding: 20px;
}

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}


/*Start some basic global responsiveness ONLY*/
@media only screen and (max-width: 1023px) {
	/*target tracker*/
	.target-info, .target-tracker-container, .spend-to-date, .target-wrapper {
		display: block;
	}

		.target-info .target {
			width: 240px;
			height: 240px;
		}

	.target-info {
		width: auto;
	}

		.target-info span {
			margin-top: 100px;
			font-size: 3em;
		}

	.target-tracker-container {
		width: 100%;
		left: 0;
	}

	h4.current-pager-view {
		margin-left: 0;
	}

	.target-info h4, .spend-to-date h4, .target-tracker-container h4 {
		margin-top: 60px;
		text-align: center;
	}

	.spend-to-date {
		width: auto;
		text-align: center;
	}

	.progress-wrapper {
		float: none;
		width: auto;
	}

		.progress-wrapper ~ .progress-value {
			float: none;
			text-align: center;
		}

	.reward-goal-wrapper, .reward-target-wrapper {
		position: relative;
		display: block;
		float: none;
		width: auto;
		margin: 0;
	}

	.reward-target-graph-wrapper {
		margin: 0 auto;
	}

	.reward-target-achieved {
		margin-left: 10px;
		width: 100%;
		text-align: center;
	}

	.reward-target-info {
		position: relative;
		width: auto;
		margin: 10px auto;
		padding-bottom: 40px;
		top: 0;
		text-align: center;
	}

	body#home .reward-wrapper h4 {
		color: #000 !important;
		max-width: 100% !important;
		width: inherit !important;
	}
}

@media only screen and (max-width: 1300px) {
	.quiz-info .button-container {
		text-align: center;
	}

	.quiz-button {
		display: block;
		margin: 10px;
	}

	body#quiz .quiz-title, body#quizindex .quiz-title {
		border-bottom: 0px;
		padding-bottom: 0;
		float: none;
		padding-top: 0;
	}
}

@media only screen and (max-width: 761px) {
	.order-progress {
		display: none;
	}

	.order-summary-content tr,
	.order-summary-content td {
		font-size: .9em;
	}

		.order-summary-content tr td:nth-child(2),
		.order-summary-content tr td span.productPrice span {
			display: none;
		}

		.order-summary-content tr.cart-header-row td {
			width: auto !important;
			padding: 0 3px !important;
		}

	.order-summary-content table.cart-total {
		font-size: 1.3em;
		margin: 0 auto;
	}

		.order-summary-content table.cart-total .cart_total_left {
			width: auto;
		}

		.order-summary-content table.cart-total .cart_total_right {
			display: block !important;
		}

	.order-summary-content .buttons .common-buttons, div.buttons-centered {
		float: none;
		display: block;
	}

		.order-summary-content div.common-buttons input, div.buttons-centered input {
			display: block;
			width: 100% !important;
			margin: 10px 0;
		}

	.breadcrumb td.filter-container, .breadcrumb td.trail, .breadcrumb tr {
		display: block;
		text-align: left;
	}

		.breadcrumb td.filter-container .filter {
			float: none;
			margin: 0 0 0 0;
		}

	.quizzes-wrapper .quiz-container,
	.quiz-wrapper .quiz-container {
		position: relative;
		display: block;
		width: auto;
		margin: 0;
		float: none;
	}

	.reward-goal-wrapper .item-box {
		min-width: inherit;
	}

	label.note.shipping-address {
		max-width: 100%;
	}
	/*Some basic responsiveness for tables as part of basic responsiveness above*/
	@media only screen and (max-width: 481px) {
		/*as required*/
	}
