/* Copyright 2012 Hi Nutritionals Pty Ltd */
/* Site developed by GO Creative - www.go-creative.com.au */

/*	GLOBAL STYLES
****************************************************/

@font-face {
    font-family: 'Bellerose';
    src: url('../image/fonts/bellerose-webfont.eot');
    src: url('../image/fonts/bellerose-webfont.eot?#iefix') format('embedded-opentype'),
         url('../image/fonts/bellerose-webfont.woff') format('woff'),
         url('../image/fonts/bellerose-webfont.ttf') format('truetype'),
         url('../image/fonts/bellerose-webfont.svg#Bellerose') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}

body {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: url(../image/pattern1.png) top center repeat #252525;
	position: relative;
}

body, td, th, input, textarea, select {
	font-size: 11pt;
}

h1 {
	color: #dc1003;
	font-family: 'Bellerose', Arial, Helvetica, sans-serif;
	font-size: 22pt;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding: 0 210px;
	background: url(../image/heading-bkg.png) center center no-repeat transparent;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	margin: 0 0 20px 0;
	overflow: auto;
	text-transform: capitalize;
}

	h1.narrow {
		padding: 0 225px;
		background-image: url(../image/heading-bkg-narrow.png);
	}

h2 {
	font-family: 'Bellerose', Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 25px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding: 0 210px;
	background: url(../image/heading-bkg.png) center center no-repeat transparent;
	margin: 0 0 20px 0;
	clear: both;
	overflow: auto;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 5px 0;
	overflow: auto;
}

p {
	margin: 0;
	padding: 0 0 10px 0;
}

a, a:visited, a b {
	color: #F01402;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

sup {
	font-size: 50%;
}

/*	FORMS
****************************************************/

form {
	padding: 0;
	margin: 0;
	display: inline;
}

input[type='text'], input[type='password'], textarea {
	background: #FFF;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-left: 0;
	margin-right: 0;
}

select {
	background: #FFF;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

label {
	cursor: pointer;
}

/*	HEADER
****************************************************/

#header-bkg {
	background: url(../image/header_bar.png) top center repeat-x;
	height: 85px;
}

#header {
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 99;
	width:980px;
}

	#header #slogan {
		color: #FFF;
		font-size: 10pt;
		font-weight:normal;
		padding: 40px 0 15px 20px;
		text-transform: uppercase;
	}

	#header #logo {
		position: absolute;
		top: 1px;
		left: 350px;
	}
	
	#facebook-links {
		position: absolute;
		right: 265px;
		top: 34px;
	}

		#facebook-links img {
			vertical-align: top;
			margin-right: 4px;
		}
		
		#facebook-links iframe#facebook-like {
			border: none;
			overflow: hidden;
			width: 50px;
			height: 35px;
			margin-left: 0;
		}

#header-wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

	/* welcome message */
	#header-wrapper #welcome {
		position: absolute;
		top: 10px;
		right: 20px;
		z-index: 5;
		width: 298px;
		text-align: right;
		font-size: 10pt;
		font-weight: normal;
		color: #999999;
	}

		#header-wrapper #welcome a {
			text-decoration: none;
			margin-left: 5px;
		}
		
		#header-wrapper #welcome a:hover {
			text-decoration: none;
		}

		/* options bar */
		#header-wrapper #top-links {
			position: absolute;
			right: 20px;
			top: 50px;
			font-size: 10pt;
		}

			#header-wrapper #top-links a {
				float: left;
				display: block;
				text-decoration: none;
				font-size: 10pt;
			}
			
				#header-wrapper #top-links a:hover {
					text-decoration: underline;
				}
			
			#header-wrapper #top-links span {
				float: left;
				display: block;
				color: #CCC;
				margin: 0 5px;
			}

/* CART CONTENTS */

#header-wrapper #cart {
	position: absolute;
	top: 5px;
	left: 15px;
	z-index: 99999;
	min-width: 300px;
}

#header-wrapper #cart .heading {
	float: left;
	margin-right: 172px;
	margin-top: 15px;
	padding-left: 14px;
	padding-right: 14px;
	position: relative;
	z-index: 99999;
}

#header-wrapper #cart .heading h4 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 2px;
}

#header-wrapper #cart .heading a {
	color: #dc1003;
	text-decoration: none;
}

#header-wrapper #cart .heading a span {
	background: url('../image/arrow-down.png') 100% 50% no-repeat transparent;
	padding-right: 15px;
}

	#header-wrapper #cart.active .heading a span {
		background-image: url('../image/arrow-down-white.png');
	}
	
#header-wrapper #cart .content {
	clear: both;
	display: none;
	position: relative;
	top: 0;
	padding: 8px;
	min-height: 150px;
	background: #FFF;
	-moz-border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10px 10px 10px;
	-khtml-border-radius: 0 10px 10px 10px;
	border-radius: 0 10px 10px 10px;
	-khtml-box-shadow: rgba(0,0,0,0.25) 0 0 15px;
	-moz-box-shadow: rgba(0,0,0,0.25) 0 0 15px;
	box-shadow: rgba(0,0,0,0.25) 0 0 15px;
}

#header-wrapper #cart.active .heading {
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 6px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	background-color: #dc1003;
	-khtml-box-shadow: rgba(0,0,0,0.25) 0 0 15px;
	-moz-box-shadow: rgba(0,0,0,0.25) 0 0 15px;
	box-shadow: rgba(0,0,0,0.25) 0 0 15px;
	overflow: hidden;
}

/* box text colour on hover */
#header-wrapper #cart.active .heading h4,
#header-wrapper #cart.active .heading a {
	color: #FFF !important;
	text-decoration: none;
}

#header-wrapper #cart.active .content {
	display: block;
	z-index: 10000;
	position: relative;
}
#header-wrapper #cart .cart {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
#header-wrapper #cart .cart td {
	color: #000;
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #EEEEEE;
}
#header-wrapper #cart .cart .image {
	width: 1px;
}
#header-wrapper #cart .cart .image img {
	border: 1px solid #EEEEEE;
	text-align: left;
}
#header-wrapper #cart .cart .name small {
	color: #666;
}
#header-wrapper #cart .cart .quantity {
	text-align: right;
}
#header-wrapper #cart .cart td.total {
	text-align: right;
}
#header-wrapper #cart .cart .remove {
	text-align: right;
}
#header-wrapper #cart .cart .remove img {
	cursor: pointer;
}
#header-wrapper #cart table.total {
	border-collapse: collapse;
	padding: 5px;
	float: right;
	clear: left;
	margin-bottom: 5px;
}
#header-wrapper #cart table.total td {
	color: #000;
}
#header-wrapper #cart .content .checkout {
	text-align: right;
	clear: both;
}
#header-wrapper #cart .empty {
	padding-top: 50px;
	text-align: center;
}

/* HEADER SEARCH */

#header #search {
	position: absolute;
	top: 32px;
	right: 14px;
	width: 240px;
	z-index: 15;
}

#header .button-search {
	position: absolute;
	left: 160px;
	background: url(../image/bttn_1.png) center center no-repeat;
	width: 83px;
	height: 28px;
	border-right: 0 solid #CCCCCC;
	cursor: pointer;
	float: right;
}

#header #search input {
	background:url(../image/search_base.png) top center no-repeat;
	border: 0;
	margin: 0;
	width: 152px;
	height: 28px;
	padding: 0 0 0 10px;
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #000000;
}
			
/*	PRIMARY NAVIGATION
****************************************************/

#navigation {
	background: url(../image/menu_base.png) top center no-repeat;
	width: 969px;
	height: 86px;
}

#social-toolbar {
	position: absolute;
	right: 8px;
	top: 17px;
}
	
#menu {
	margin-top: 80px;
	height: 37px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 2px 2px #DDDDDD;
	-moz-box-shadow: 0 2px 2px #DDDDDD;
	box-shadow: 0 2px 2px #DDDDDD;
	padding: 15px 5px 0 10px;
	position: relative;
	z-index: 9999;
	
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;
}
#menu > ul > li:hover {
	background: #F01402;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 2px 2px #DDDDDD;
	-moz-box-shadow: 0 2px 2px #DDDDDD;
	box-shadow: 0 2px 2px #DDDDDD;
	color:#FFFFFF;
}

#menu > ul > li > a {
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 12px 10px 11px 10px;
	z-index: 6;
	position: relative;
}

#menu > ul > li > a:hover {
	background: #F01402;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 2px 2px #DDDDDD;
	-moz-box-shadow: 0 2px 2px #DDDDDD;
	box-shadow: 0 2px 2px #DDDDDD;
	color: #FFFFFF;
}

#menu .sel {
	background: #F01402;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 2px 2px #DDDDDD;
	-moz-box-shadow: 0 2px 2px #DDDDDD;
	box-shadow: 0 2px 2px #DDDDDD;
	color: #FFFFFF;
}

#menu > ul > li > ul {
	display: none;	
	position: absolute;
	z-index: 5;
	padding: 10px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background: #333333;
	z-index: 9999;
}

#menu > ul > li:hover > ul {
	display: table;
}

#menu > ul > li > div > ul {
	display: table-cell;
}

#menu > ul > li ul + ul {
	padding-left: 20px;
}

#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 6px 10px;
	color: #FFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
	position: relative;
	z-index: 9999;
	font-size: 10pt;
	border-bottom: 1px solid #555;
}

#menu > ul > li ul > li > a:hover {
	background: #000000;
}

#menu > ul > li ul > li:last-child > a {
	border-bottom: none;
}

	#menu > ul > li ul > li > a.section {
		font-weight: bold;
		font-size: 13pt;
		cursor: pointer;
		margin-top: 5px;
		padding-left: 0;
		border: none;
	}
	
	#menu > ul > li ul > li > a.section.au {
		margin: 0;
	}

		#menu > ul > li ul > li > a.section:hover {
			background: transparent;
		}

#menu > ul > li > div > ul > li > a {
	color: #FFFFFF;
}

/*	LAYOUT
****************************************************/

#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#column-left {	
	float: left;
	width: 180px;
}

#column-right {
	float: right;
	width: 180px;
}

#content {
	/*min-height: 700px;*/
	margin-bottom: 25px;
}

#column-left + #column-right + #content, #column-left + #content {
	margin-left: 195px;
}

#column-right + #content {
	margin-right: 195px;
}

/* content */
#content .content {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
	background: #FFF;
}
#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}

/*	FOOTER
****************************************************/

#footer {
	clear: both;
	overflow: auto;
	background: #252525;
	color: #797979;
}

	#footer-message {
		background: url(../image/footer_bar.png) top center repeat-x #252525;
		height: 89px;
		line-height: 70px;
		color: #afafaf;
		font-size: 13pt;
		text-align: center;
	}

	#footer-columns {	
		width: 969px;
		margin: 10px auto 0 auto;
	}

		#footer h3 {
			color: #d6d6d6;
			font-size: 16pt;
			margin: 0;
			padding: 0 0 15px 0;
			font-weight: normal;
		}
		
		#footer-columns .column {
			float: left;
			width: 23%;
			min-height: 200px;
			margin-right: 2%;
		}
		
			#footer-columns .column:last-child {
				margin-right: 0;
			}
		
		#footer-columns .column ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		#footer-columns .column ul li {
			margin-bottom: 3px;
		}
		
		#footer-columns .column li a {
			text-decoration: none;
			font-size: 14px;
			color: #797979;
			font-weight: normal;
			display: block;
			padding: 3px 0 3px 15px;
			line-height: 25px;
			text-decoration: none;
			background: url(../image/arrow.png) left center no-repeat;
			border-bottom: 1px solid #333;
		}
		
			#footer-columns .column li:last-child a {
				border: none;
			}
		
		#footer-columns .column li a:hover {
			color: #FFF;
		}
		
	#copyright {	
		width: 969px;
		margin: 0 auto;
		color: #797979;
		font-size: 10pt;
		padding: 10px 0 20px 0;
		border-top: 1px solid #303030;
		display: block;
		margin-top: 35px;
		clear: both;
		text-align: center;
	}
	
		#copyright a {
			color: #797979;
			text-decoration: none;
		}
		
		#copyright a:hover {
			color: #FFF;
		}
		
		#copyright span {
			padding: 0 5px;
		}

/*	BREADCRUMBS
****************************************************/

.breadcrumb {
	color: #CCCCCC;
	margin-bottom: 10px;
	font-size: 10pt;
}

	.breadcrumb a {
		font-size: 10pt;
	}

/*	PAGE-SPECIFIC STYLES
****************************************************/

/* CONTACT US */

.contact-info {
	overflow: auto;
}

	.contact-info .content {
		background: #FFF;
	}
	
.contact-form .content {
	background: #FFF;
}

.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}

/* INFORMATION PAGES */

.information-info img[style*="float: left"] {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #333;
}

.information-info img[style*="float: right"] {
	float: right;
	margin: 0 0 20px 20px;
	border: 1px solid #333;
}

/* STRUCTURED PAGES - E.G. TESTIMONIALS, NONI IN THE PRESS */

.structured table {
	border-collapse: collapse;
}

.structured table td {
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
}

	.structured table tr:last-child td {
		border: none;
		padding-bottom: 0;
	}

.structured table img {
	float: none;
	margin: 0 20px 10px 0;
	border: 1px solid #333;
}

.structured table h3 {
	padding: 5px 0 0 0;
}

	.structured table h3:first-child {
		padding-top: 0;
		margin-top: 0;
	}

.structured table h4 {
	padding: 0;
	margin: 0;
	font-size: 85%;
	font-style: italic;
}

/* REGISTER */

.register-info .content {
	background: #FFF;
}

/* SITE MAP */

.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}
	
/* HOME - THREE GREY BOXES */

#visitor-options {
	overflow: auto;
}

#visitor-options,
#visitor-options  li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#visitor-options  li {
	display: block;
	float: left;
}

#visitor-options h3 {
	font-weight: bold;
	color: #282828;
	padding: 0 0 5px 0;
	margin: 0;
}

#visitor-options a {
	height: 160px;
	text-align: center;
	display: block;
	padding: 40px 50px 0 50px;
	border: none;
	text-decoration: none;
	text-align: center;
}

	#visitor-options li#option-consultant {
		background:url(../image/banner_1.png) top center no-repeat;
		width: 326px;
	}
	
		#visitor-options li#option-consultant a {
			padding-right: 15px;
			padding-left: 90px;
			text-align: right;
		}
			
	#visitor-options li#option-refer {
		background:url(../image/banner_2.png) top center no-repeat;
		width: 322px;
	}
	
		#visitor-options li#option-refer a {
			padding-right: 15px;
			padding-left: 70px;
			text-align: right;
		}

	#visitor-options li#option-shop {
		background:url(../image/banner_3.png) top center no-repeat;
		width: 321px;
	}
	
		#visitor-options li#option-shop a {
			padding-right: 100px;
			padding-left: 30px;
			text-align: left;
		}

	#visitor-options li a p {
		color: #282828;
		font-size: 13px;
		font-weight: normal;
		height: 40px;
	}
	
/* HOME - FEATURED PRODUCTS */

.featured-wrapper {
	padding-left: 5px;
	padding-top: 10px;
	text-align: center;
}

#featured-products .bottom {
	background: url(../image/img_back.png) bottom center no-repeat;
	width: 206px;
	height: 16px;
}

#featured-products .background {
	width: 206px;
	margin-right: 25px;
}

#featured-products a.wrapper {
	text-decoration: none;
	border: none;
	outline: none;
	display: block;
	position: relative;
	background: #FFF;
	border: 1px solid #d0d0d0;
	min-height: 275px;
}

#featured-products .thumbnail {
	height: 150px;
	width: 200px;
	padding-top: 40px;
}

#featured-products .price {
	width: 104px;
	height: 50px;
	position: absolute;
	top: -3px;
	right: 3px;
	padding-top: 4px;
	background: url(../image/price2.png) no-repeat;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

	/* .noni_14 */
	#featured-products .price .special-price {
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFF;
		font-style: italic;
		font-size: 18px;
		margin-top: 3px;
	}
	
	/* .noni_55 */
	#featured-products .price .normal-price {
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFF;
		font-style: italic;
		font-size: 13px;
		text-decoration: line-through;
	}

/* .noni_51 */
#featured-products .name {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #282828;
	font-size: 15px;
	/*margin-top: -30px;*/
	padding: 0 15px;
	font-weight: bold;
}

/* YOUTUBE VIDEOS */

.youtube-video {
	background: #FFF;
	border: 3px solid #e7e7e7;
	padding: 20px;
	width: 924px;
	overflow: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	z-index: 1;
}

	.youtube-video object {
		float: left;
		/*margin-right: 20px;*/
	}
	
	.youtube-video .text {
		float: right;
		background: #e6e6e6;
		width: 295px;
		padding: 25px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		height: 295px;
	}
	
		.youtube-video .text * {
			font-size: 17px;
		}
	
		.youtube-video .text h3 {
			padding: 0 0 15px 0;
			margin: 0;
			font-size: 30px;
			color: #333;
			line-height: 35px;
			
		}

.youtube-video .bottom { /* this can probably be deleted ... */
	background: url(../image/slide_base.png) top center no-repeat;
	width: 969px;
	height: 19px;
}

.slideshow-bottom {
	background: url(../image/slide_base.png) top center no-repeat;
	width: 969px;
	height: 19px;
	margin-bottom: 10px;
}

/*	BUTTONS
****************************************************/

a.button {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #dc1003;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	background: #dc1003;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef3c31', endColorstr='#dc1003'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ef3c31), to(#dc1003)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ef3c31, #dc1003); /* for firefox 3.6+ */
	outline: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}

a.button:hover {
	box-shadow: 0 0 8px rgba(220,16,3, 1);
    -webkit-box-shadow: 0 0 8px rgba(220,16,3, 1); 
    -moz-box-shadow: 0 0 8px rgba(220,16,3, 1);
	border: 1px solid rgba(220,16,3, 0.8);
	color: #FFF;
}

.buttons {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	overflow: auto;
	padding: 6px;
	margin-bottom: 20px;
}
.buttons .left {
	float: left;
	text-align: left;
}
.buttons .right {
	float: right;
	text-align: right;
}
.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.option-button {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #dc1003;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	background: #dc1003;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef3c31', endColorstr='#dc1003'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ef3c31), to(#dc1003)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ef3c31, #dc1003); /* for firefox 3.6+ */
	outline: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}

div.option-button:hover {
	box-shadow: 0 0 8px rgba(220,16,3, 1);
    -webkit-box-shadow: 0 0 8px rgba(220,16,3, 1); 
    -moz-box-shadow: 0 0 8px rgba(220,16,3, 1);
	border: 1px solid rgba(220,16,3, 0.8);
	color: #FFF;
}

/*	VALIDATION AND MESSAGES
****************************************************/
	
.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
}
.success {
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
}
.warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
}
.attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
}
.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	display: block;
	color: #FF0000;
}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}

/*	TABLES
****************************************************/

table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
	color: #000000;
}
table.form td {
	padding: 4px;
}
input.large-field, select.large-field {
	width: 300px;
}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background-color: #EFEFEF;
	padding: 0 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td a {
	text-decoration: underline;
}
table.list tbody td {
	vertical-align: top;
	padding: 0 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}

/*	PAGINATION
****************************************************/

.pagination {
	border-top: 1px solid #EEEEEE;
	padding-top: 8px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	display: inline-block;
	border: 1px solid #EEEEEE;
	padding: 4px 10px;
	text-decoration: none;
	color: #A3A3A3;
}
.pagination .links b {
	display: inline-block;
	border: 1px solid #269BC6;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #269BC6;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
	padding-top: 3px;
}

/*	PRODUCTS
****************************************************/

/* detail tabs */

.htabs {
	height: 30px;		
	line-height: 16px;
	border-bottom: 1px solid #DDDDDD;	
}

.htabs a {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD; 
	background: #FFFFFF url('../image/tab.png') repeat-x;
	padding: 7px 15px 6px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin-right: 2px;
	display: none;
}

.htabs a.selected {
	padding-bottom: 7px;
	background: #FFFFFF;
}

.tab-content {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 10px;
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;
	background: #FFF;
}

/* boxes */

.box {
	margin-bottom: 0;
}

.box .box-heading {
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-khtml-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	border: 1px solid #DBDEE1;
	background: url('../image/background.png') repeat-x;
	padding: 8px 10px 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #333;
}

.box .box-content {	
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-khtml-border-radius: 0 0 7px 7px;
	border-radius: 0 0 0 0;
	border-left: 1px solid #DBDEE1;
	border-right: 1px solid #DBDEE1;
	border-bottom: 1px solid #DBDEE1;
	padding: 10px;
	/*padding-left:20px;*/
	background: #FFF;
}

/* box products */
.box-product {
	width: 100%;
	/*overflow: auto;*/
	/*padding-left:20px;*/
}

.box-product > div {	
	display: inline-block;
	vertical-align: top;
	margin-right: 0;
	margin-bottom: 0;	
}

.box-product .image {
	display: block;
	margin-bottom: 0;
}
.box-product .image img {
	padding: 0;
	border: 1px solid #E7E7E7;
}
.box-product .name a {
	color: #F01402;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}
.box-product .price {
	display: block;
	font-weight: bold;
	color: #333333;
	margin-bottom: 4px;
}
.box-product .price-old {
	color: #F00;
	text-decoration: line-through;
}
.box-product .price-new {
	font-weight: bold;
}
.box-product .rating {
	display: block;
	margin-bottom: 4px;
}

/* box category */
.box-category {
	margin-top: -5px;
}
.box-category ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.box-category ul li * {
	font-size: 11pt;
}
.box-category > ul > li {
	padding: 8px 0;
}

.box-category > ul > li:first-child,
.box-category > ul > li:last-child {
	padding: 0;
}

.box-category  > ul > li ul > li:first-child {
	border: none;
	padding-top: 5px;
}

.box-category  > ul > li ul > li:last-child {
	padding-bottom: 0;
}

.box-category > ul  {
	padding: 0;
}

/* 'Shop' */
.box-category > ul > li > a {
	text-decoration: none;
	color: #000 !important;
	display: none;
}
.box-category > ul > li ul {
	display: none;
}
.box-category > ul > li a.active {
	font-weight: bold;
}
.box-category > ul > li a.active + ul {
	display: block;
}
.box-category > ul > li ul > li {
	padding: 10px 0;
	border-top: 1px solid #EEE;
}
.box-category > ul > li ul > li > a {
	font-weight: normal;
	color: #000 !important;
	text-decoration: none;
}

.box-category > ul > li ul > li > a:hover {
	text-decoration: underline;
}

.box-category > ul > li ul > li > a.active {
	font-weight: normal;
	color: #000 !important;
}


/* category */
.category-info {
	overflow: auto;
	margin-bottom: 10px;
	font-size: 11pt;
}
.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}
.category-list {
	overflow: auto;
	margin-bottom: 20px;
}
.category-list ul {
	float: left;
	width: 18%;
}
.category-list .div a {
	text-decoration: underline;
	font-weight: bold;
}
/* manufacturer */
.manufacturer-list {
	border: 1px solid #DBDEE1;
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px;
}
.manufacturer-heading {
	background: #F8F8F8;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 8px;
	margin-bottom: 6px;
}
.manufacturer-content {
	padding: 8px;
}
.manufacturer-list ul {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
/* product */
.product-filter {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 5px;
	overflow: auto;
}
.product-filter .display {
	margin-right: 15px;
	float: left;
	padding-top: 4px;
	color: #333;
}
.product-filter .display a {
	font-weight: bold;
}
.product-filter .sort {
	float: right;
	color: #333;
}
.product-filter .limit {
	margin-left: 15px;
	float: right;
	color: #333;
}
.product-compare {
	padding-top: 6px;
	margin-bottom: 25px;
	font-weight: bold;
}
.product-compare a {
	text-decoration: none;
	font-weight: bold;
}

.product-list > div {
	overflow: auto;
	margin-bottom: 15px;
}
.product-list .right {
	float: right;
	margin-left: 15px;
}
.product-list > div + div {
	border-top: 1px solid #EEEEEE;
	padding-top: 16px;
}
.product-list .image {
	float: left;
	margin-right: 10px;
}
.product-list .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}
.product-list .name {
	margin-bottom: 3px;
	font-size: 14pt;
}
.product-list .name a {
	color: #F01402;
	font-weight: bold;
	text-decoration: none;
	font-size: 14pt;
}
.product-list .description {
	line-height: 1.3em;
	margin-bottom: 5px;
	color: #4D4D4D;
	font-size: 10pt;
}
.product-list .rating {
	color: #7B7B7B;
}
.product-list .price {
	float: right;
	height: 50px;
	margin-left: 8px;
	text-align: right;
	color: #333333;
	font-size: 13pt;
	font-weight: bold;
}
.product-list .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-list .price-new {
	font-weight: bold;
}
.product-list .price-tax {
	font-size: 9pt;
	font-weight: normal;
	color: #bbb;
}
.product-list .cart {
	margin-bottom: 3px;
}

	.product-list .cart .button {
		padding-left: 15px;
		padding-right: 15px;
	}

.product-list .wishlist, .product-list .compare {
	margin-bottom: 3px;
}
.product-list .wishlist a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left center no-repeat;
	font-size: 9pt;
}
.product-list .compare a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left 60% no-repeat;
	font-size: 9pt;
}
.product-grid {
	width: 100%;
	overflow: auto;
}
.product-grid > div {
	width: 150px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 15px;
	background: #FFF;
	padding: 10px 15px;
	border: 1px solid #CCC;
}
#column-left + #column-right + #content .product-grid > div {
	width: 125px;
}
.product-grid .image {
	display: block;
	margin-bottom: 0;
	text-align: center;
}
.product-grid .image img {
	/*padding: 3px;
	border: 1px solid #E7E7E7;*/
	margin: 0 auto;
}
.product-grid .name a {
	color: #F01402;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px 0;
	min-height: 46px;
	font-size: 9pt;
	text-align: center;
}

	.product-grid .name a:hover {
		text-decoration: underline;
	}

.product-grid .description {
	display: none;
}
.product-grid .rating {
	display: block;
	margin-bottom: 4px;
}
.product-grid .price {
	display: block;
	font-weight: bold;
	color: #333333;
	margin-bottom: 4px;
	font-size: 12pt;
	text-align: center;
}
.product-grid .price-old {
	color: #F00;
	text-decoration: line-through;
	font-size: 9pt;
}
.product-grid .price-new {
	font-weight: bold;
}
.product-grid .price .price-tax {
	display: none;
}
.product-grid .cart {
	margin-bottom: 3px;
	text-align: center;
}
.product-grid .wishlist, .product-grid .compare {
	margin-bottom: 3px;
	text-align: center;
}

.product-grid .wishlist a {
	color: #333333;
	text-decoration: none;
/*	padding-left: 18px;*/
	display: block;
/*	background: url('../image/add.png') left center no-repeat;*/
	font-size: 9pt;
	margin-top: 8px;
}
.product-grid .compare a {
	color: #333333;
	text-decoration: none;
/*	padding-left: 18px;*/
	display: block;
/*	background: url('../image/add.png') left center no-repeat;*/
	font-size: 9pt;
}

.product-grid .wishlist a:hover,
.product-grid .compare a:hover {
	text-decoration: underline;
}

/* Product */
.product-info {
	overflow: auto;
	margin-bottom: 20px;
}
.product-info > .left {
	float: left;
	margin-right: 15px;
}
.product-info > .left + .right {
	margin-left: 265px;
}
.product-info .image {
	border: 1px solid #E7E7E7;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	background: #FFF;
}
.product-info .image-additional {
	width: 260px;
	margin-left: -10px;
	clear: both;
	overflow: hidden;
}
.product-info .image-additional img {
	border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
	float: left;
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
}
.product-info .description {
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	padding: 5px 5px 10px 5px;
	margin-bottom: 10px;
	line-height: 20px;
	color: #4D4D4D;
}
.product-info .description span {
	color: #F01402;
}
.product-info .description a {
	color: #4D4D4D;
	text-decoration: none;
}
.product-info .price {
	overflow: auto;
	border-bottom: 1px solid #E7E7E7;
	padding: 0 5px 10px 5px;
	/*margin-bottom: 10px;*/
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}
.product-info .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-info .price-new {
	
}
.product-info .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.product-info .price .reward {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.product-info .price .discount {
	font-weight: normal;
	font-size: 12px;
	color: #4D4D4D;
}
.product-info .options {
	border-bottom: 1px solid #E7E7E7;
	padding: 0 5px 10px 5px;
	margin-bottom: 10px;
	color: #000000;
}
	
	.product-info .options h2 {
		clear: none;
		font-size: 18px;
		color: #000;
		font-weight: normal;
		text-align: left;
		padding: 15px 0 0 0;
		background: transparent;
		margin: 0;
	}	

.product-info .option-image {
	margin-top: 3px;
	margin-bottom: 10px;
}
.product-info .option-image label {
	display: block;
	width: 100%;
	height: 100%;
}
.product-info .option-image img {
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}
.product-info .cart {
	border-bottom: 1px solid #E7E7E7;
	padding: 20px 5px 10px 5px;
	margin-bottom: 20px;
	color: #4D4D4D;
	overflow: auto;
}
.product-info .cart div {
	float: left;
	vertical-align: middle;
}
.product-info .cart div > span {
	padding-top: 7px;
	display: block;
	color: #999;
}
.product-info .cart .minimum {
	padding-top: 5px;
	font-size: 11px;
	color: #999;
	clear: both;
}
.product-info .review {
	color: #4D4D4D;
	border: 1px solid #E7E7E7;
	border-bottom: none;
	margin-bottom: 10px;
	background: #FFF;
}
.product-info .review > div {
	padding: 8px;
	border-bottom: 1px solid #E7E7E7;
	line-height: 20px;
}
.product-info .review > div > span {
	color: #F01402;
}
.product-info .review .share {
	overflow: auto;
	line-height: normal;
	background: #FFF;
}
.product-info .review .share a {
	text-decoration: none;
}
.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.attribute tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
	background: #FFF;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.compare-info tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
}
.compare-info td {
	padding: 7px;
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
	font-weight: bold;
}
.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}
.compare-info .price-new {
	font-weight: bold;
}
/* wishlist */
.wishlist-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.wishlist-product td {
	padding: 7px;
}
.wishlist-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-product thead .remove, .wishlist-product thead .image, .wishlist-product thead .cart {
	text-align: center;
}
.wishlist-product thead .name, .wishlist-product thead .model, .wishlist-product thead .stock {
	text-align: left;
}
.wishlist-product thead .quantity, .wishlist-product thead .price, .wishlist-product thead .total {
	text-align: right;
}
.wishlist-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-product tbody .remove {
	vertical-align: middle;
}
.wishlist-product tbody .remove, .wishlist-product tbody .image, .wishlist-product tbody .cart {
	text-align: center;
}
.wishlist-product tbody .name, .wishlist-product tbody .model, .wishlist-product tbody .stock {
	text-align: left;
}
.wishlist-product tbody .quantity, .wishlist-product tbody .price, .wishlist-product tbody .total {
	text-align: right;
}
.wishlist-product tbody .price s {
	color: #F00;
}
.login-content {
	margin-bottom: 20px;
	/*overflow: auto;*/
}

.login-content .left {
	float: left;
	width: 48%;
}
.login-content .right {
	float: right;
	width: 48%
}
.login-content .left .content, .login-content .right .content {
	min-height: 190px;
	background: #FFF;
}
/* orders */
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 33.3%;
}
.return-model {
	float: left;
	width: 33.3%;
}
.return-quantity {
	float: left;
	width: 33.3%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 33.3%;
}
.return-opened {
	float: left;
	width: 33.3%;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-remove {
	float: left;
	width: 33.3%;
	padding-top: 90px;
	text-align: center;
	vertical-align: middle;
}
.return-additional {
	overflow: auto;
	margin-bottom: 20px;
}
.return-comment {
	float: left;
	width: 49%;
}
.return-captcha {
	float: right;
	width: 49%;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}
/* cart */
.cart-info table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .remove, .cart-info thead .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model {
	text-align: left;
}
.cart-info thead .quantity, .cart-info thead .price, .cart-info thead .total {
	text-align: right;
}
.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .remove {
	vertical-align: middle;
}
.cart-info tbody .remove, .cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model {
	text-align: left;
}
.cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.cart-module .cart-heading {
	border: 1px solid #DBDEE1;
	padding: 8px 8px 8px 22px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
	cursor: pointer;
	background: #F8F8F8 url('../image/arrow-right.png') 10px 50% no-repeat;
}
.cart-module .active {
	background: #F8F8F8 url('../image/arrow-down.png') 7px 50% no-repeat;
}
.cart-module .cart-content {
	padding: 0 0 15px 0;
	display: none;
	overflow: auto;
}
.cart-total {
	border-top: 1px solid #DDDDDD;
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}
.cart-total table {
	float: right;
}
.cart-total td {
	padding: 3px;
	text-align: right;
}
/* checkout */
.checkout-heading {
	background: #F8F8F8;
	border: 1px solid #DBDEE1;
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
	clear: both;
}

.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}
.checkout-content {
	padding: 0 0 15px 0;
	display: none;
	/*overflow: auto;*/
}
.checkout-content .left {
	float: left;
	width: 48%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}
.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}
.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}




	







	










	












/* POSSIBLY UNUSED STYLES */

	.noni_15 {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:6px;
	padding-right:6px;
	}
	
.noni_16 {
	font-family:"Bellerose",Arial, Helvetica, sans-serif;
	color:#282828;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:8px;
	padding-bottom:5px;
	}
	
.noni_31 {
	font-family:"Bellerose",Arial, Helvetica, sans-serif;
	color:#282828;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:3px;
	padding-bottom:5px;
	}

.header_base_1{
background:url(../image/header_1.png) top center repeat-x;
height:144px;
}


.welcome_1{
background:url(../image/welcome.png) top center no-repeat;
height:62px;
}

	
	 .noni_2 {
     font-family:" Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size:13px;
     color:#797979;
    font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding-top:6px;
	padding-left:3px;
	padding-right:5px;
	font-style:italic;
	}
	
	 .noni_4 {
     font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
     font-size:13px;
     color:#797979;
     font-weight:normal;
	 text-decoration:none;
	 text-align:left;
	 font-style:italic;
	 }
	 
	  
	
	


  .noni_8 {
	font-family:Segoe UI,Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	padding-top:6px;
	padding-bottom:15px;
	padding-left:0px;
	}
	
	
	 .noni_8 a {
	font-family:Segoe UI,Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	}



	 .noni_8 a:hover {
	font-family:Segoe UI,Arial, Helvetica, sans-serif;
	color:#f41402;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	}


.noni_9 {
	font-family:Segoe UI,Arial, Helvetica, sans-serif;
	color:#f41402;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding-top:6px;
	padding-bottom:15px;
	padding-left:0px;
	}
	
	
	
	.noni_10 {
	font-family:Segoe UI,Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	}
	
	
	
	.noni_11 {
	font-family: 'Bellerose',Arial, Helvetica, sans-serif;   
	color: #dc1003;
	font-size:40px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	padding-top:0px;
	padding-bottom:20px;
	padding-left:0px;
	}



.noni_12 {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#949494;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	}

.noni_13 {
	font-family:Segoe UI,Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	padding-top:30px;
	padding-bottom:10px;
	padding-left:80px;
	padding-right:20px;
	font-style:italic;	
	}

.probase{
background:url(../image/product_base.png) top center no-repeat;
}

.probase_1{	
	font-family: 'Bellerose';
    font-style: normal;
	color:#777777;
	font-size:30px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;	
}
/*
.input_3{
background:url(../image/search_base.png) top center no-repeat;
border:0;
margin:0;
width:212px;
height:28px;
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
padding-right:0px;
font:normal 12px Arial, Helvetica, sans-serif; 
color:#000000;

}*/

.noni_14 {
	font-family:"Bellerose",Arial, Helvetica, sans-serif;
	color:#282828;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:15px;
	padding-bottom:5px;
	}

 .noni_14 a {
	font-family:"Bellerose",Arial, Helvetica, sans-serif;
	color:#282828;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:15px;
	padding-bottom:5px;
	}	
	
	.noni_15 {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:6px;
	padding-right:6px;
	}

	.noni_15 a {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:6px;
	padding-right:6px;
	}
	
.non_css1{
background:url(../image/banner_1.png) top center no-repeat;
height:195px;
width:326px;
float:left;
position:relative; 
width:326px; 
text-align:center;
}	

.non_css2{
padding:20px; 
padding-top:15px; 
text-align:right;
}

.non_css3 a {
font-family:'Bellerose',Arial, Helvetica, sans-serif; 
color:#282828; 
font-size:22px; 
font-weight:bold; 
text-decoration:none; 
text-align:right; 
padding-top:18px; 
padding-bottom:5px;
}

.noni_11 {
	font-family:font-family:'Bellerose',Arial, Helvetica, sans-serif;   
	color:#dc1003;
	font-size:40px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	padding-top:0px;
	padding-bottom:20px;
	padding-left:0px;
	}
	
/* banner */
.banner div {
	text-align: center;
	width: 100%;
}

.banner div img {
	margin-bottom: 20px;
}

/* app script - find in common.js */
#AppNag,
#AppNag p {
	margin:0;
	padding:0;
}
#AppNag {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	position:relative;
	background-color:#fff;
	height:66px;
	margin-top:-66px;
}
#AppNag * {
	color:#000;
}
#AppNag img {
	float:left;
	border-radius:5px;
	overflow:hidden;
	margin:7px 15px 7px 20px;
}
#AppNag a {
	text-decoration:none;
}
.slicknav_menu{display: none;}