* {
	box-sizing: content-box;
}

/* jQuery Mobile 1.0 missing styles */
.ui-loader { display: none; position: absolute; opacity: .60; z-index: 100; }

.ui-loadership { position: absolute; opacity: .10; z-index: 100; }

.ui-loader h1 { font-family: Arial; font-size: 15px; text-align: center; }

.ui-loader .ui-icon, .ui-loadership .ui-icon{ position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }

.ui-corner-all {
	-moz-border-radius: 				.6em;
	-webkit-border-radius: 				.6em;
	border-radius: 						.6em;
}

.ui-icon {
	background: 						#666;
	background: 						rgba(0,0,0,.4);
	background-image: url(images/icons-18-white.png);
	background-repeat: no-repeat;
	-moz-border-radius: 				9px;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}

.ui-loader, .ui-loadership{
	width: 100%;
	height: 100%;
	-moz-border-radius: 				0px;
	-webkit-border-radius: 				0px;
	border-radius: 						0px;
}

.ui-loader-verbose {
	background-color: #000000;
	height: 250px;
}

.ui-icon-loading {
	width: 75px !important;
	height: 75px !important;
	background: url(images/spinner.png) no-repeat center center;
	
	-webkit-transform: rotate(360deg);
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:  infinite;
	-webkit-animation-timing-function: linear;
}

.spin  {
	-webkit-transform: rotate(360deg);
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:  infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg);}
  	to {-webkit-transform: rotate(360deg);}
}

/* jQuery Mobile overwrites */
.ui-mobile, .ui-mobile .ui-page {
	min-height: 300px;
}

.ui-mobile, .ui-mobile body {
	height: 99.9%;
}


.ui-body-c .ui-link {
  
}

.ui-select .ui-btn-icon-right .ui-icon {
	right:8px;
}

.ui-bar-a { float: left; clear: both; border: 0px solid #2A2A2A; background: #f0f0f0; color: #464646; font-weight: normal; text-shadow: 0 0 0 #000000; background-image: none; -ms-filter: none; }

.ui-body-a { border: 0px solid #2A2A2A; background: #000000; color: #fff; text-shadow: 0 0 0 #000; font-weight: normal; background-image: none; -ms-filter: none; }

.ui-body-c { width: 100%; margin: 0px; padding: 0px; font-size: 12px; border: 0px solid #B3B3B3; color: #464646; text-shadow: 0 0 0 #fff;background: transparent; background-image: none;-ms-filter: none;
}

.ui-btn-active { background: #6ea5cd; background-image: -moz-linear-gradient(top, #9bcbec, #6ea5cd); background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #9bcbec), color-stop(1, #6ea5cd)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9bcbec', EndColorStr='#6ea5cd')"; outline: none; }

.ui-loader {
	top: 0px !important;
	left: 0px !important;
	width: 100%;
	height: 70%;
	padding: 0px;
	padding-top: 50%;
	margin-top: 0px;
	margin-left: 0px;
}

.ui-loadership {
	top: 0px !important;
	left: 0px !important;
	width: 100%;
	height: 100% !important;
	padding: 0px;
	padding-top: 50%;
	margin-top: 0px;
	margin-left: 0px;
}

.ui-loader h1 {
	font-size: 18px;
	width: auto;
	height: auto;
	padding-bottom: 10px;
}

.ui-body-e h1 {
	color: #b2b2b2 !important;
}

.ui-page-active {
	outline-width: 0px !important;
	border-width: 0px !important;
}

.ui-btn-inner {
	font-size: 18px !important;
	padding: 8px !important;
}

.ui-btn-active {
	background: transparent !important;
}

.ui-icon-arrow-d {
	background-position: -108px 0 !important;
}

.ui-field-contain {
	margin: 0px !important;
	padding: 0px !important;
}

.ui-controlgroup-controls {
	width: 99% !important;
	margin-left: 1% !important;
}

.radio-count, .label_hidden {
	display: none;
}

.ui-radio {
	width: auto;
}

.ui-radio-1 {
	width: 100%;
}

.ui-radio-1 label {
	border-right-width: 1px !important;
}

.ui-radio-2 {
	width: 50%;
}

.ui-radio-3 {
	width: 33.4%;
}

.ui-radio label {
	padding-left: 25px;
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: 18px;
	line-height: 20px;
	text-align:center;
	text-shadow: 0 1px 0 #fff;
	color: #3d5266;
	font-weight: bold;
	text-align: center;
	border: 1px solid #8c99a7;
	border-right-width: 0px;
	background: #eceef2;
	background: #eceef2 url('images/form-radio.png') no-repeat 11px center;
}

.ui-radio label.ui-radio-on {
	text-align:left;
	background: #c8ccd5 url('images/form-radio.png') no-repeat -2972px center !important;
}

.ui-radio input {
	visibility: hidden;
}

.ui-radio:first-child label {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.ui-radio:last-child label {
	border-right-width: 1px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.ui-radio-1:first-child label {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 0;
}

.ui-radio-1:last-child label {
	border-top-right-radius: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-width: 1px;
}


.radio-count {
	display: none;
}

.radiotitle, .radioprice {
	float:left;
	width:100%;
	line-height: 22px;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height:25px;
	clear:both;
}

.ui-radiolist-1 label {
	padding-left: 25px;
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: 18px;
	line-height: 20px;
	text-shadow: 0 1px 0 #fff;
	color: #3d5266;
	font-weight: bold;
	text-align: center;
	border: 1px solid #8c99a7;
	border-right-width: 0px;
	background: #eceef2 url('images/form-radio.png') no-repeat 11px center;
	background: url('images/form-checkbox.png') no-repeat 11px center, -moz-linear-gradient(top, #eceef2 0%, #d8dbe2 50%, #c8ccd5 100%); /* FF3.6+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceef2), color-stop(50%,#d8dbe2), color-stop(100%,#c8ccd5)); /* Chrome,Safari4+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, -webkit-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* Chrome10+,Safari5.1+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, -o-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* Opera 11.10+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, -ms-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* IE10+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, linear-gradient(to bottom, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceef2', endColorstr='#c8ccd5',GradientType=0 ); /* IE6-9 */
}

.ui-radiolist-1 label.ui-radio-on {
	background: #c8ccd5 url('images/form-radio.png') no-repeat -2976px center !important;
	background: url('images/form-checkbox.png') no-repeat -2976px center, -moz-linear-gradient(top, #c8ccd5 0%, #d8dbe2 50%, #eceef2 100%) !important; /* FF3.6+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8ccd5), color-stop(50%,#d8dbe2), color-stop(100%,#eceef2)) !important; /* Chrome,Safari4+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, -webkit-linear-gradient(top, #c8ccd5 0%,#d8dbe2 50%,#eceef2 100%) !important; /* Chrome10+,Safari5.1+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, -o-linear-gradient(top, #c8ccd5 0%,#d8dbe2 50%,#eceef2 100%) !important; /* Opera 11.10+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, -ms-linear-gradient(top, #c8ccd5 0%,#d8dbe2 50%,#eceef2 100%) !important; /* IE10+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, linear-gradient(to bottom, #c8ccd5 0%,#d8dbe2 50%,#eceef2 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8ccd5', endColorstr='#eceef2',GradientType=0 ) !important; /* IE6-9 */
	border-bottom: 1px solid #e2e2e2;
}

.ui-radiolist,
.ui-checkbox {
	width: auto;
}

.ui-radiolist-1 .ui-btn,
.ui-checkbox .ui-btn{
	margin: 0 !important;
}

.ui-radiolist-1,
.ui-checkbox-1 {
	width: 100%;
}

.ui-radiolist-1 label,
.ui-checkbox-1 label {
	border-right-width: 1px !important;
}

.ui-checkbox-2 {
	width: 50%;
}

.ui-checkbox-3 {
	width: 33.4%;
}

.ui-checkbox label {
	padding-left: 25px;
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: 18px;
	line-height: 20px;
	text-shadow: 0 1px 0 #fff;
	color: #3d5266;
	font-weight: bold;
	text-align: center;
	border: 1px solid #8c99a7;
	border-right-width: 0px;
	background: #eceef2 url('images/form-checkbox.png') no-repeat 11px center;
	background: url('images/form-checkbox.png') no-repeat 11px center, -moz-linear-gradient(top, #eceef2 0%, #d8dbe2 50%, #c8ccd5 100%); /* FF3.6+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceef2), color-stop(50%,#d8dbe2), color-stop(100%,#c8ccd5)); /* Chrome,Safari4+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, -webkit-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* Chrome10+,Safari5.1+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, -o-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* Opera 11.10+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, -ms-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* IE10+ */
	background: url('images/form-checkbox.png') no-repeat 11px center, linear-gradient(to bottom, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceef2', endColorstr='#c8ccd5',GradientType=0 ); /* IE6-9 */
}

.ui-checkbox label.ui-checkbox-on {
	background: #c8ccd5 url('images/form-checkbox.png') no-repeat -2976px center !important;
	background: url('images/form-checkbox.png') no-repeat -2976px center, -moz-linear-gradient(top, #c8ccd5 0%, #d8dbe2 50%, #eceef2 100%) !important; /* FF3.6+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8ccd5), color-stop(50%,#d8dbe2), color-stop(100%,#eceef2)) !important; /* Chrome,Safari4+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, -webkit-linear-gradient(top, #c8ccd5 0%,#d8dbe2 50%,#eceef2 100%) !important; /* Chrome10+,Safari5.1+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, -o-linear-gradient(top, #c8ccd5 0%,#d8dbe2 50%,#eceef2 100%) !important; /* Opera 11.10+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, -ms-linear-gradient(top, #c8ccd5 0%,#d8dbe2 50%,#eceef2 100%) !important; /* IE10+ */
	background: url('images/form-checkbox.png') no-repeat -2976px center, linear-gradient(to bottom, #c8ccd5 0%,#d8dbe2 50%,#eceef2 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8ccd5', endColorstr='#eceef2',GradientType=0 ) !important; /* IE6-9 */
	border-bottom: 1px solid #e2e2e2;
}


/* different style */

.ui-radiolist-1 label:last-child,
.ui-checkbox label:last-child {
	border-bottom: 0;
}

.ui-radiolist-1 label {
	/*text-shadow: 0 -1px 0 #8b5c00;*/
	color: #666666;
	font-weight:normal;
	/*border: 1px solid #b6b4b4;*/
	border:0px;	
	background: #f6f5f5 url('images/form-radio.png') no-repeat 6px center;
	border-bottom: 1px solid #e2e2e2 !important;
}

.ui-radiolist-1 label.ui-radio-on {
	color: #e78e44;
	border-bottom: 1px solid #e2e2e2;
	border:0;
	background: #f6f5f5 url('images/form-radio.png') no-repeat -2976px center !important;
}
 
.ui-checkbox label {
	/*text-shadow: 0 -1px 0 #8b5c00;*/
	color: #666666;
	font-weight:normal;
	/*border: 1px solid #b6b4b4;*/
	border:0px;	
	background: #f6f5f5 url('images/form-checkbox.png') no-repeat 6px center;
	border-bottom: 1px solid #e2e2e2 !important;
}

.ui-readonly label {
	/*text-shadow: 0 -1px 0 #8b5c00;*/
	color: #666666;
	font-weight:normal;
	/*border: 1px solid #b6b4b4;*/
	border:0px;	
	text-align:left;
}

.ui-checkbox label.ui-checkbox-on {
	color: #e78e44;
	border-bottom: 1px solid #e2e2e2;
	background: #f6f5f5 url('images/form-checkbox.png') no-repeat -2976px center !important;
}
/* different style */

.ui-checkbox input {
	visibility: hidden;
}

.ui-checkbox:first-child label {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.ui-checkbox:last-child label {
	border-right-width: 1px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.ui-radiolist-1:first-child label,
.ui-checkbox-1:first-child label {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 0;
}

.ui-radiolist-1:last-child label,
.ui-checkbox-1:last-child label {
	border-top-right-radius: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-width: 0px !important;
}

/* quantity */
input.ui-input-text {
	float:right;
	width:85%;
	padding: 5px 10px;
	font-size: 16px;
	text-align:center;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	background:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: 2px solid #d1dbe7;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
	
	color: #0066cb;
	text-shadow: 0px -1px 0px #000000;
	/*font-family: "Helvetica Neue", helvetica, arial, sans-serif;*/
}	


input[type="text"],
input[type="number"] {
	-webkit-appearance: textfield;
	padding: 13px 10px;
	background-color: white;
	border-image: initial;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
	/*height: 24px;*/
	font-size: 16px;
	-webkit-appearance: none;
}

.form_textfield {
	float: left;
	margin: 0 2.5%;
	width: 91%;
	border: 1px #ffffff solid;
	color: black;
}

.paypal-logo {
	float: left;
	width: 100%;
	height: auto;
	clear: both;
}

.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select {
	display: block;
}

.ui-field-contain, .ui-controlgroup, .flex-viewport div {
	-webkit-transform: translate3d(0, 0, 0);
}

/* Theme Classes */
* {
	outline: none !important;
	outline-width: 0px !important;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font: normal normal 14px/1.2em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #000000;
	background-color: #ffffff;
	overflow: hidden;
}

.product-option-row2 ul,
.product-option-chk-row2 ul {
	list-style: none;
	padding:0;
	margin:0;
}

.product-option-chk-row2 ul li,
.product-option-row2 ul li {
	list-style: none;
}

.marginbottom {
	float:left;
	width:100%;
	clear:both;
	height:20px;
}

#wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#nav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 280px;
	height: 100%;
	background-color: #ffffff;
	overflow: hidden;
	z-index: 50;
}

.marginbottom {
	float:left;
	width:100%;
	clear:both;
	height:20px;
}

.data-role {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-left: 1px solid #bababa;
	color: #000000;
	font: normal normal 14px/1.2em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	line-height: 1.2em;
	background-color: #ffffff;
	overflow: hidden;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.7);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.7);
	z-index: 60;
}

.popup-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 1000;
	opacity: .70;
	display: none;
}

.popup-box {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden; /*auto;*/
	-webkit-overflow-scrolling: touch;
	-webkit-transform: transform3d(0, 0, 0);	
	-ms-scroll-chaining: chained;
	-ms-overflow-style: none;	
	z-index: 1001;
	display: none;
}

.popup-box-shadow {
	float: left;
	border: 2px solid #000000;
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 1px 5px  rgba(0, 0, 0, 0.75);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.75);
	height: 90%;
	width: 94%;
	margin-left: 3%;
	/*margin-top: 20px;*/
	background: #f6f5f5;
	overflow:scroll;
	clear: both;
}

.button-popup {
	/*float: left;
	height: auto;
	width: 95%;
	margin-left: 3%;*/
	float:right;
	height:auto;
	width:10%;
	margin-right:3%;
	padding: 2% 0;
	clear: both;
}

.closebtn {
	color:#000000;
	font-weight:bold;
	width:31px;
	float: right;
}

.closebtn img {
	width:100%;
}

#category-title {
	position: absolute;
	width: 90%;
	height: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 5%;
	padding-right: 5%;
	border-bottom: 1px solid #d0d0d0;
	font-size: 18px;
	font-weight: bold;
	color: #707070;
	text-shadow: 0px 1px 0px #ffffff;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	z-index: 55;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.7);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.7);
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

#category-scroll {
	float: left;
	margin-top: 40px;
	width: 100%;
	height: auto;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: transform3d(0, 0, 0);
	-ms-scroll-chaining: chained;
	-ms-overflow-style: none;
	z-index: 51;
}

#category-logo {
	float: left;
	width: 100%;
	height: auto;	
	text-align: center;
	background-color: #ffffff;
	clear: both;
	cursor: pointer;
}

#category-logo img {
	width:100%;
}

#product-search {
	float: left;
	width: 100%;
	height: 48px;
	clear: both;
	border-top: 1px solid #dddad9;
	background-color:#f5f5f5;
	margin-top:-3px;
}

#product-search-textbox {
	float: left;
	-moz-border-radius: 7px;
	-webkit-border-radius: 27px;
	border-radius: 27px;
	height: auto;
	width: 97%;
	margin: 4px 1% 0;
	background: #e1e1e1;
	clear:both;	
	/*background: #e1e1e1 url('images/ico-nav.png') no-repeat right 7px;*/
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
	
}

.search-input-text {
	float:left; 
	border: 0;
	width: 80%;
	padding: 2px 0 0.3% 4px !important;
	margin: 0;
	display: block;
	background: transparent none !important;
	outline: 0!important;
	font-size: 16px;
	color: #5d5d5d;
}

.search-input-ico {
	float:right;
	width:18%;
	height:24px;
	background: #e1e1e1 url('images/ico-nav.png') no-repeat right top;
	cursor: pointer;
}
#category-nav {
	float: left;
	width: 100%;
	height: auto;
	clear: both;
	border-bottom: 1px solid #dddad9;
}

#category-nav ul {
	margin: 0px;
}

.navigation-options {
	float:left;
}

.nav-opt-select {
	float: left;
	height: auto;
	width: 100%;
}

.nav-opt-box {
	float: left;
	border: 2px solid #cfdae6;
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1.0);
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1.0);
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 1.0);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	height: auto;
	width: 97%;
	margin: 4px 1% 0;
	background: #ffffff;
	clear:both;
}

.fontnavopt {
	font-size:16px !important;
	line-height:20px;
	color:#000000;
}

/* Accordion Styles */
.accordion {
	list-style-type: none;
	padding: 0;
	margin: 0 0 30px;
	border: 0px;
}

.accordion ul {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}

.accordion li {
	font: normal normal 18px/1.2em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #7d7d7d;
	text-shadow: 0px 1px 0px #ffffff;
	background: #fafafa;
	cursor: pointer;
	list-style-type: none;
	margin: 0;
	float: left;
	display: block;
	border-top: 1px solid #dddad9;
	width: 100%;
}

.accordion li.expandable>a {
	padding: 10px 35px 10px 10px;
	background: url('images/ico-nav.png') no-repeat right 7px;
}

.accordion li.expandable.active>a {
	padding: 10px 35px 0 10px;
	background: url('images/ico-nav.png') no-repeat right -548px;
}

.accordion a {
	text-decoration: none;
	color: #5d5d5d;
	display: block;
	cursor: pointer;
	padding: 10px 5px 10px 10px;
}

.accordion li ul {
	margin-top: 10px !important;
}
	
/* Accordion Level 2 */
.accordion li ul li {
	background: #f0f0f0;
}

/* Accordion Level 3 */
.accordion li ul li ul li {
	background: #e0e0e0;
}

/* Accordion Level 4 */
.accordion li ul li ul li ul li {
	background: #d0d0d0;
}

/* Accordion Level 5 */
.accordion li ul li ul li ul li ul li {
	background: #c0c0c0;
}

.bubble {
	float:right;
	padding: 1px 8px 1px;
	font-size: 14px;
	background-color: #f7f7f7;
	border: 1px solid #dddad9;;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin-top: -3px;	
}

.noborder {
	border:0;
}

.ppt {
	float: left;
	width: 1px;
	height: 1px;
	padding: 0px;
	background: url('http://mobipay.biz/version/track.png') no-repeat center top;
}

.paypal-logo {
	float: left;
	width: 100%;
	height: 38px;
	margin-top: 50px;
	padding: 0px;
	padding-bottom: 20px;
	background: url(images/paypal-logo.png) no-repeat center top;
}

/* Content Styles */
.content-title {
	position: absolute;
	width: 80%;
	height: 17px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 10%;
	padding-right: 10.3%;
	border-bottom: 1px solid #717171;
	font-size: 18px;
	/*font-weight: bold;*/
	color: #ffffff;
	text-shadow: 0px -1px 0px #333333;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.7);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.7);
	background: #959595; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #959595 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#959595)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#959595 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#959595 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#959595 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#959595 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#959595',GradientType=0 ); /* IE6-9 */
	z-index: 65;
}

.content-menu{
	position: absolute;
	left: 3px;
	top: 3px;
	width: 28px;
	height: 28px;
	padding: 2px;
	border-radius: 8px; /* W3C */
	border: 1px solid rgba(102,102,102,0.7);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
    cursor: pointer;
	background: #959595; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #959595 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#959595)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#959595 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#959595 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#959595 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#959595 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#959595',GradientType=0 ); /* IE6-9 */
	z-index: 66;
}

.content-menu-focus {
	position: absolute;
	left: 3px;
	top: 3px;
	width: 28px;
	height: 28px;
	padding: 2px;
	border-radius: 8px; /* W3C */
	border: 1px solid rgba(102,102,102,0.7);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
    cursor: pointer;
	background: #959595; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #959595 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#959595)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#959595 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#959595 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#959595 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#959595 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#959595',GradientType=0 ); /* IE6-9 */
	z-index: 66;
}

.content-cart {
	position: absolute;
	right: 8px;
	top: 3px;
	width: 28px;
	height: 28px;
	padding: 2px;
	border-radius: 8px; /* W3C */
	border: 1px solid rgba(102,102,102,0.7);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
    cursor: pointer;
	background: #959595; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #959595 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#959595)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#959595 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#959595 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#959595 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#959595 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#959595',GradientType=0 ); /* IE6-9 */
	z-index: 66;
}

.cart-count {
	position: absolute;
	margin-top: -2px;
	margin-left: 18px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	font: normal normal 12px/1.2em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #ffffff;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
}

.cart-color {
	color: #ffffff !important;
	background-color: #af0303 !important;
}

.content-box {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 41px;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: transform3d(0, 0, 0);
	-ms-scroll-chaining: chained;
	-ms-overflow-style: none;	
}

.home-content-box {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 44px;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: transform3d(0, 0, 0);
	-ms-scroll-chaining: chained;
	-ms-overflow-style: none;	
}

.placeholder {
	float:left;
	width:100%;
	clear: both;
}

/* Homepage Styles */

.banner-box {
	float: left;
	width: 100%;
	height: auto;
	min-height:164px;
	clear: both;
}


.banner {
	float: left;
	width: 100%;
	height: 175px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: transform3d(0, 0, 0);	
	-ms-scroll-chaining: chained;
	-ms-overflow-style: none;	
	clear: both;
}

.homepage-box {
	float: left;
	width: 100%;
	height: auto;
	/*min-height:350px;*/
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: transform3d(0, 0, 0);	
	-ms-scroll-chaining: chained;
	-ms-overflow-style: none;	
}


.homepagelist-title {
	float:left;
	width:96%;
	padding: 12px 2%;
	background-color: #ededf0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	color: #0066cb;
}

.homepage-split {
	margin-top: 4px !important; 
}

.homepage-link-box {
	float: left;
	border: 2px solid #cfdae6;
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1.0);
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1.0);
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 1.0);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 4px;
	height: auto;
	width: 93.3%;
	margin-left: 3%;
	margin-top: 5px;
	background: #ffffff;
	clear:both;
	cursor:pointer;
}

.homelink-arrow {
	background:0;
	width:21px;
	height:21px;
	background-image: url(images/ico-detail-arrow.png);
}

.homepage-subtitle {
	float: left;
	width: 92%;
	padding: 1% 4% 2% 4%;
	font-size:20px;
	font-weight:bold;
}

.homepage-img-box {
	float: left;
	width: 12%;
	/*padding: 1.5% 0 1.5% 3%;*/
}

.homepage-img {
	float: left;
	margin: 4px;
}

.homepage-img img {
	width:100%;		
	border-radius:4px;
	background-color: #ffffff;
	/*border: 1px solid #dddad9;
	padding: 4px;*/
}



.homepage-btn {
	float: left;	
	width: 15%;
	height: 46px;
	
	/*background-color: #e2e2e2;*/
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.home-link {
	float:right;
	width:80%;
	padding:2% 1% 1%;
	font-weight:bold;
}

.hometop-link {
	width:98%;
}


/* Product List Page */
.productGridList,
.productList {
	float: left;
	width: 100%;
}

.productlist-type {
	float: left;
	width: 97.2%;
	padding: 10px 1.5%;
	background-color: #cccccc;
	text-align: right;
}

.productlist-title {
	padding: 2% 2%;
	padding-right: 6%;
	background-color: #ededf0;
	font-size:18px;
}

.productlist-title_old {
	padding: 2% 4%;
	padding-right: 6%;
	background: #ededf0 url('images/arrow-left.png') no-repeat 5px center;
}

.productlist-title a {
	font-size:16px;
	line-height: 1.2em;
	color: #3d5266;
}

.product-grid-list,
.product-list {
	float:left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width:100%;
}

.product-grid-list ul,
.product-list ul {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
}

.product-list li {
	background: #ffffff;
	cursor: pointer;
	list-style-type: none;
	margin: 0;
	float: left;
	display: block;
	border-bottom: 1px solid #dddad9;
	padding: 2% 2% 2.5%;
	padding-right: 6%;
	width: 92%;
	background: #ffffff url('images/arrow-right.png') no-repeat right center;
}

.product-grid-list li {
	background: #ffffff;
	cursor: pointer;
	list-style-type: none;
	margin: 0;
	float: left;
	display: block;
	padding: 4px 2% 2.5%;
	width:45.5%;
	text-align:center;
}

.product-grid-list li .product-image {
	width: 96%; 
	height: 120px;
	overflow:hidden;
}

.product-grid-list li .product-image img {
	height: 100%;	
}

.product-grid-list .product-content {
	float: left;
	width: 100%;
	padding-top:10px;
	height: auto;
}


.product-image {
	float: left;
	width: 70px;
	height: auto;
	background-color: #ffffff;
	border: 1px solid #dddad9;
	padding: 4px 4px 1px;
	margin: 0px;	

	-moz-box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);
	-webkit-box-shadow: 0px 1px 2px  rgba(151, 151, 151, 0.75);
	box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}

.product-list li .product-image img {
	width: 100%;	
}

.product-detail.multipicture {
	background: transparent url(images/multipicture.png) no-repeat left top;
}

.product-content {
	float: left;
	width: 68%;
	height: auto;
	padding-left: 3%;
}


.product-title, .productlistitem-title {
	float: left;
	width: 100%;
	height: auto;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	color: #404a4f;
	clear: both;
}

.productlistitem-title {
	height: 22px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.product-description {
	float: left;
	width: 100%;
	height: 29px; /*42px*/;
	overflow:hidden;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3em;
	color: #545454;
	margin-top: 5px;
	clear: both;
}

.product-description p {
	margin-top: 0px;	
}

.productlistitem-price {
	float: left;
	width: 100%;
	height: 14px; 
	overflow:hidden;
	font-size: 14px;
	line-height: 1.2em;
	color: #545454;
	margin-top: 2px;
	clear: both;
}

.productlistitem-defprice {
	color:#666;
	margin-right:6px;
}

.productlistitem-specprice {
	color:red;
	margin-right:6px;
	text-decoration: line-through;
}

.productlistitem-fnlprice {
	color:#0066cb;
	font-weight:bold;
}


.productlistitem-qtydiscprice {
	float: left;
	width: 100%;
	overflow:hidden;
	font-size: 14px;
	line-height: 1.2em;
	color: #545454;
	margin-top: 2px;
	clear: both;
}

.nextpage {
	/*float:right;
	margin:20px 10px;*/ 
	float:left;
	width:96%;
	margin-top:20px;
	margin-left:2%;
}

/*.nextpage-btn .secondary-button {
	padding:0 10px;
	font-size:14px;
	line-height:25px;
}

.nextpage-btn .secondary-button:active{
	padding:0 10px;
}*/


/* Product Details Page */
.product-detail {
	float: left;
	padding: 15px 0 0 3%;
	width: 96%;
	margin: 0px;
	border: 0px;
	clear: both;
}

.product-detail-image {
	float: left;
	width: 30%;
	max-width:220px;
	height: auto;
	background-color: #ffffff;
}

.product-image-box {
	float:left;
	width: 96%;
	border: 1px solid #dddad9;
	padding: 4px 4px 2px;
	background-color:#ffffff;
	-moz-box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);
	-webkit-box-shadow: 0px 1px 2px  rgba(151, 151, 151, 0.75);
	box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.product-detail-image img {
	width: 100%;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.product-detail-content {
	float: left;
	width: 66%;
	height: auto;
	padding-left: 3%;
}

.product-detail-title {
	float: left;
	width: 100%;
	height: auto;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2em;
	color: #3d5266;
	text-shadow: 0px 1px 0px #ffffff;
	clear: both;
}

.product-detail-title a {
	color: #3d5266;
}

.product-detail-description {
	float: left;
	width: 100%;
	height: auto;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2em;
	color: #3d5266;
	margin-top: 5px;
	clear: both;
}

.product-topprice {
	float: left;
	width: 100%;
	height: auto;
	padding-top: 3px;
	font-size: 22px;
	line-height: 1.2em;
	color: #000;
}

#defpricebox {
	float:left;
}

.defpricebox {
	float:left;
	padding-top: 0px;
	color:#000;
	font-size: 22px;
	/*display: none;*/
	width:100%;
}
.defpricebox span {
	float:left;
	margin-right:2%;
}

.prices-box {
	/*float:left;*/
}

#finalpricebox {
	color:#0066cb;
}

.save-favorites {
	float:left;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2em;
	color: #3d5266;
	text-shadow: 0px 1px 0px #ffffff;
	padding-left:30px;
	background: url('images/ico-favorite.png') no-repeat left center;
	cursor:pointer;
	margin-bottom: 4px;
	margin-top:10px;
}

.change { float:left }

.saved-fav {
	background: url('images/ico-favorite-saved.png') no-repeat left center;
	color:#0066cb;
}

.outofstock {
	float:left;
	color:red;
	margin-top:6px;
}

.yousave {
	float:left;
	color:red;
	margin-top:6px;
}

.product-images-ico {
	/*position: absolute;
	float:left;
	margin-top: 10px;
	margin-left: 10px;
	width: auto;
	height: auto;
	background-color: #fff;
	padding: 2px 1px 0;	
	border: 1px solid #0066cb;*/
	clear: both;
	float: left;
	padding: 4px;
	width:16px;
	height:16px;	
	background-color:#eee;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-top: 10px;	
}

.product-images {
	width: 100%;
	height: auto;
	overflow:hidden;
	position:absolute;
	top:-100%;
}

.product-desc {
	clear:both;
	float: left;
	width: 100%;
	height: 64px;
	overflow:hidden;
}

.product-desc p {
	padding-bottom: 0;
	margin-bottom:0;
}

.product-desc p img {
	width: 100%;
	max-width:480px;
	text-align:center;
}

.product-desc table,
.product-desc tr {
	width: 100% !important;
}

.product-desc-more {
	clear:both;
	float: left;
	width: 94%;
	font-size:16px;
	padding-top:20px;
}

.arrow-down {
	padding-right:20px;
	background: url('images/arrow-down.png') no-repeat right;
}

.arrow-up {
	padding-right:20px;
	background: url('images/arrow-up.png') no-repeat right;
}

.heightAuto{
    height:auto;
}

.product-desc-more a {
	color:#0066cb;
}

#defpricebox, .defprice, .specialprice, .finalprice, .long-desc {
	display: none;
}

.product-box-shadow {
	float: left;
	border: 1px solid #a9a9ac;
	-moz-box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);
	-webkit-box-shadow: 0px 1px 2px  rgba(151, 151, 151, 0.75);
	box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

	height: auto;
	width: 94%;
	margin-left: 3%;
	margin-top: 20px;
	background: #f6f5f5;
	clear:both;
}






/* Shipping Page */
/* Recent order details */

.orderinfo-box-shadow,
.shipping-box-shadow {
	float: left;
	border: 1px solid #a9a9ac;

	border:1px solid #9fbee0;
	background-color:#ecf2f9;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(1,#ecf2f9));
	background-image:-moz-linear-gradient(top, #fff, #ecf2f9 100%);
	background-image:linear-gradient(180deg, #fff, #ecf2f9);

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

	height: auto;
	width: 94%;
	margin-left: 3%;
	margin-top: 20px;
	clear:both;
}

.orderinfo-box-shadow .product-option-row1 {
	padding: 0;
}

.orderinfo-box-shadow .product-option-row2 {
	float:left;
	padding: 14px 4%;
	width: 92%;
	font-size: 18px;
}

.orderinfo-box-shadow .product-option-row3 {
	float:left;
	padding: 0;
	width: 100%;
	font-size: 18px;
}
.order_status_row {
	clear:both;
	float:left;
	width:100%;
	padding:4px 0;
}

.order_status_txt {
	float:left;
	width:60%;
}

.order_status_date {
	float:right;
	width:40%;
	text-align:right;
}

.status-row {
	float:left;
	width:100%;
	padding:4px 0;
	line-height: 20px;
	font-size: 16px;
	color: #3d5266;
	text-shadow: 0 2px 0 #fff;
	clear:both;
}

.product-option-row1 {
	float:left;
	padding: 2% 0%;
	width: 100%;
	font-size: 18px;
	text-shadow: 0 1px 0 #fff;
	color: #3d5266;
	/*font-weight: bold;*/
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 1px solid #a9a9ac;
	
	background: #ced2da;
	background: -moz-linear-gradient(top, #eceef2 0%, #d8dbe2 50%, #c8ccd5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceef2), color-stop(50%,#d8dbe2), color-stop(100%,#c8ccd5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceef2', endColorstr='#c8ccd5',GradientType=0 ); /* IE6-9 */
}

.product-option-title {
	float:left;
	width: 92%;
	padding: 2% 4% 2%;
}

.product-option-row2 {
	float:left;
	padding: 3% 2%;
	width: 96%;
	font-size: 19px;
}

.product-option-chk-row2 {
	float:left;
	padding: 3% 2%;
	width: 96%;
	font-size: 19px;
}

.product-option-item {
	float:left;
	margin-left: 2.1%;
	padding: 4%;
	width: 22.5%;
	font-size: 18px;
	line-height: 20px;
	text-shadow: 0 1px 0 #fff;
	color: #3d5266;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	border: 2px solid #8c99a7;
	
	background: #ced2da;
	background: -moz-linear-gradient(top, #eceef2 0%, #d8dbe2 50%, #c8ccd5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceef2), color-stop(50%,#d8dbe2), color-stop(100%,#c8ccd5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eceef2 0%,#d8dbe2 50%,#c8ccd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceef2', endColorstr='#c8ccd5',GradientType=0 ); /* IE6-9 */
}

.product-box-input,
.product-box-input-text {
	float: left;
	border: 2px solid #cfdae6;
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1.0);
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1.0);
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 1.0);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	height: auto;
	width: 93.3%;
	margin-left: 2px;
	margin-top: 20px;
	background: #ffffff;
	clear:both;
}

.product-box-input-text {
	width: 64%;
}

.product-box-input-price {
	float: left;
	height: auto;
	width: auto;
	margin-left: 2px;
	padding-top:16px;
	color:#666666;
	font-size:18px;
}

.product-qty-min {
	color:red;
	float:left;
	width:100%;
	padding:2px;
}

.marginzero {
	margin:0;
}

.margintopzero {
	margin-top:0;
}

.paddingtopzero {
	padding-top:0 !important;
}

.product-input-left {
	float: left;
	width: 80%;
	padding: 3%;
}

.product-input-left input {
	width: 100%;
	border: 0px;
	font-size: 18px;
	color: #3d5266;
	font-weight: bold;
}

.product-input-left select {
	width: 100%;
	border: 0px;
	font-size: 18px;
	color: #3d5266;
	font-weight: bold;
}

.product-input-right {
	float: right;
	width: 25px;
	padding-right: 3%;
	padding-top: 13px;
}

.product-input-full {
	float: left;
	width: 94%;
	padding: 3%;
}

.product-input-full input {
	width: 95%;
	border: 0px;
	font-size: 18px;
	color: #dce1e6;
	font-weight: bold;
}

.button-active {
	float: left;
	height: auto;
	width: 94.5%;
	margin-left: 3%;
	padding: 8% 0;
	clear: both;
}

.product-summary {
	float: left;
	width: 94%;
	padding: 3%;
	margin-top: 2%;
}

.product-qty-label {
	float: left;
	width: auto;
	height: auto;
	margin-top: 35px;
	margin-right: 1%;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
	color: #3d5266;
}

.product-qty {
	float: left;
	width: 25%;
	height: auto;
}

.product-qty-select {
	float: left;
	height: auto;
	width: 100%;
}

.cart-text-qty{
	line-height: 42px;
	padding-right: 10px;
}

.txt-left {
	text-align: left;
}

.product-price-label {
	font-size: 24px;
	font-weight: normal;
	color: #3d5266;
}

.product-price {
	float: right;
	width: auto;
	height: auto;
	/*padding-top: 10px;*/
	font-size: 28px;
	/*font-weight: bold;*/
	line-height: 1.2em;
	color: #0066cb;
	text-shadow: 0px -1px 0px #000000;
}

.secondary-button {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	text-transform: capitalize;
	line-height:40px;
	width:94px;
	height:auto;
	color:#787878;
	cursor:pointer;
	display: inline-block;
	/*width:auto;*/
	text-align:center;
	text-decoration:none !important;
	text-shadow: 0px 1px 0px #fff !important;
	width:100%;
	padding:15px;
	
	position: static;
	/* these rules for the button press effect */
	padding-top:5px;
	padding-bottom:5px;
	
	margin-top:-1px;
	margin-bottom:1px;
	
	padding-left:10px;
	padding-right:10px;
	
	margin-left:-1px;
	margin-right:1px;
	
	/* default background-color */
	
	background-color: #d6d6d6;
	
	/* the mighty gradient */
	background: rgb(214,214,214); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,255,254) 0%, rgb(214,214,214) 50%, rgb(203,203,203) 51%, rgb(183,184,188) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,254)), color-stop(50%,rgb(214,214,214)), color-stop(51%,rgb(203,203,203)), color-stop(100%,rgb(183,184,188))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(255,255,254) 0%,rgb(214,214,214) 50%,rgb(203,203,203) 51%,rgb(183,184,188) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(255,255,254) 0%,rgb(214,214,214) 50%,rgb(203,203,203) 51%,rgb(183,184,188) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(255,255,254) 0%,rgb(214,214,214) 50%,rgb(203,203,203) 51%,rgb(183,184,188) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(255,255,254) 0%,rgb(214,214,214) 50%,rgb(203,203,203) 51%,rgb(183,184,188) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffe', endColorstr='#b7b8bc',GradientType=0 ); /* IE6-9 */
	
	        
	/* some nice roundy corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	/* for links in chrome */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box; 
	box-sizing: border-box; 
	
	
	/* a very subtle drop-shadow that ehances the pressed button effect */
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.30);
	box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.30); 
	
	/* remove any inherited or default borders - especially important for the <button> element*/
	border: 1px solid #a5a2a8 !important;
	
	/* a subtle text inset effect which will also help to enhance the pressed button effect */
	text-shadow:  rgba(255, 255, 255, 0.1) -1px 0, rgba(0, 0, 0, 0.3) 1px 1px;
	
	
	/* and of course a little animated background-color fade effect */
	
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
        
/* when pressed */
.secondary-button:active{
	/*background-color: #333333;*/
	border-color: #333333;
	color:#636363;
	
	padding-top:5px;
	padding-bottom:5px;
	
	margin-top:0;
	margin-bottom:0;
	
	padding-left:10px;
	padding-right:10px;
	
	margin-left:0;
	margin-right:0;
	
	box-shadow: none;
}  

.glossy-button {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	text-transform: capitalize;
	line-height:40px;
	width:94px;
	height:auto;
	color:#fff;
	cursor:pointer;
	display: inline-block;
	/*width:auto;*/
	text-align:center;
	text-decoration:none !important;
	text-shadow: 0px -1px 0px #0c5283 !important;
	width:100%;
	padding:15px;
	
	position: static;
	/* these rules for the button press effect */
	padding-top:5px;
	padding-bottom:5px;
	
	margin-top:-1px;
	margin-bottom:1px;
	
	padding-left:10px;
	padding-right:10px;
	
	margin-left:-1px;
	margin-right:1px;
	
	/* default background-color */
	
	background-color: #027bbf;
	
	/* the mighty gradient */
	
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(80, 183, 255, 1.0)), color-stop(0.49, rgba(9, 129, 215, 1.0)), color-stop(0.51, rgba(13, 115, 218, 1.0)), to(rgba(10, 88, 166, 1.0))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(80, 183, 255, 1.0) 0%, rgba(9, 129, 215, 1.0) 50%, rgba(13, 115, 218, 1.0) 51%, rgba(10, 88, 166, 1.0) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -moz-linear-gradient(top, rgba(80, 183, 255, 1.0) 0%, rgba(9, 129, 215, 1.0) 50%, rgba(13, 115, 218, 1.0) 51%, rgba(10, 88, 166, 1.0) 100%); /* FF3.6+ */
	background-image: -o-linear-gradient(top, rgba(80, 183, 255, 1.0) 0%, rgba(9, 129, 215, 1.0) 50%, rgba(13, 115, 218, 1.0) 51%, rgba(10, 88, 166, 1.0) 100%); /* Opera11.10+ */
	background-image: linear-gradient(top, rgba(80, 183, 255, 1.0) 0%, rgba(9, 129, 215, 1.0) 50%, rgba(13, 115, 218, 1.0) 51%, rgba(10, 88, 166, 1.0) 100%); /* W3C */
	
	    
	/* some nice roundy corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	/* for links in chrome */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box; 
	box-sizing: border-box; 
	
	
	/* a very subtle drop-shadow that ehances the pressed button effect */
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.30);
	box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.30); 
	
	/* remove any inherited or default borders - especially important for the <button> element*/
	border: 1px solid #4176aa !important;
	
	/* a subtle text inset effect which will also help to enhance the pressed button effect */
	text-shadow:  rgba(255, 255, 255, 0.1) -1px 0, rgba(0, 0, 0, 0.3) 1px 1px;
	
	
	/* and of course a little animated background-color fade effect */
	
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
        
/* when pressed */
.glossy-button:active{
	/*background-color: #333333;*/
	border-color: #333333;
	color:#eeeeee;
	
	padding-top:5px;
	padding-bottom:5px;
	
	margin-top:0;
	margin-bottom:0;
	
	padding-left:10px;
	padding-right:10px;
	
	margin-left:0;
	margin-right:0;
	
	box-shadow: none;
	
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px, rgba(255, 255, 255, 0.3) 0 1px;
	color:rgba(255, 255, 255, 0.9);
} 


.yellow-button {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size:24px;
	letter-spacing: 1px;
	text-transform: capitalize;
	line-height:40px;
	width:94px;
	height:auto;
	color: #252525;
	cursor:pointer;
	display: inline-block;
	/*width:auto;*/
	text-align:center;
	text-decoration:none !important;
	text-shadow: 0px 1px 0px #ffffff !important;
	width:100%;
	padding:15px;
	
	position: static;
	/* these rules for the button press effect */
	padding-top:5px;
	padding-bottom:5px;
	
	margin-top:-1px;
	margin-bottom:1px;
	
	padding-left:10px;
	padding-right:10px;
	
	margin-left:-1px;
	margin-right:1px;
	
	background: rgb(250,221,132); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(250,221,132,1) 0%, rgba(249,229,169,1) 50%, rgba(255,201,72,1) 51%, rgba(253,208,88,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,221,132,1)), color-stop(50%,rgba(249,229,169,1)), color-stop(51%,rgba(255,201,72,1)), color-stop(100%,rgba(253,208,88,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(250,221,132,1) 0%,rgba(249,229,169,1) 50%,rgba(255,201,72,1) 51%,rgba(253,208,88,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(250,221,132,1) 0%,rgba(249,229,169,1) 50%,rgba(255,201,72,1) 51%,rgba(253,208,88,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(250,221,132,1) 0%,rgba(249,229,169,1) 50%,rgba(255,201,72,1) 51%,rgba(253,208,88,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(250,221,132,1) 0%,rgba(249,229,169,1) 50%,rgba(255,201,72,1) 51%,rgba(253,208,88,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fadd84', endColorstr='#fdd058',GradientType=0 ); /* IE6-9 */
	
	    
	/* some nice roundy corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	/* for links in chrome */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box; 
	box-sizing: border-box; 
	
	
	/* a very subtle drop-shadow that ehances the pressed button effect */
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.30);
	box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.30); 
	
	/* remove any inherited or default borders - especially important for the <button> element*/
	border: 1px solid #f39231 !important;
	
	/* a subtle text inset effect which will also help to enhance the pressed button effect */
	text-shadow:  rgba(255, 255, 255, 0.1) -1px 0, rgba(0, 0, 0, 0.3) 1px 1px;
	
	
	/* and of course a little animated background-color fade effect */
	
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
        
/* when pressed */
.yellow-button:active{
	/*background-color: #333333;*/
	border-color: #333333;
	color:#252525;
	
	padding-top:5px;
	padding-bottom:5px;
	
	margin-top:0;
	margin-bottom:0;
	
	padding-left:10px;
	padding-right:10px;
	
	margin-left:0;
	margin-right:0;
	
	box-shadow: none;
	
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px, rgba(255, 255, 255, 0.3) 0 1px;

} 


#productInfo {
	z-index: 100;
	position:absolute;
	display:block;
	left:-150%;
}

.productinfo-title {
	padding: 10px 28px;
	background: #cccccc url('images/arrow-left.png') no-repeat 5px center;
}

.productinfo-title a {
	font-size:16px;
	line-height: 1.2em;
	color: #000000;
}

.product-info-box {
	float: left;
	width: 100%;
	height: auto;
	line-height: 1.3em;
	margin-top: 0px;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: transform3d(0, 0, 0);	
	-ms-scroll-chaining: chained;
	-ms-overflow-style: none;	
	background-color: #ededf0;
}

.product-info-box .flexslider {
	margin-bottom:10px;
}

.product-info-box .product-option-row2 {
	padding: 3%;
	width: 94%;
	font-size: 16px;
	line-height:20px;
}

.product-info-box .product-option-row2 p {
	margin-top: 0px;
}

.product-info-box .product-option-row2 p:last-child {
	margin-bottom: 0px;
}

.product-info-box .info-row {
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e2e2e2;
}

.product-info-box .info-row:first-child {
	padding-top: 0px;
}

.product-info-box .info-row:last-child {
	border-bottom: 0px solid #e2e2e2;
}

.product-info-box .info-left {
	float: left;
	width: auto;
}

.product-info-box .info-right {
	float: right;
	width: auto;
}

.txt-padding4 {
	padding-left:2%;
}

.info-remark {
	float: left;
	width: 94%;
	padding: 3%;
	font-size: 14px;
}

.button-gap-top {
	padding-top: 10px !important;
}

.button-gap-bottom {
	padding-bottom: 10px !important;
}

.productimage_container {
	float: left;
	width: 100%;
	margin: 0px;
	border: 0px;
	clear: both;
}


/*--------------------*/
/* Shopping cart page */

.greybg {
background: #ededf0;
}

.ppbluebg {
	background: #ecf2f9;
}

.page-title {
/*height: 30px;*/
width: 95%;
margin:auto;
margin-top:15px;
}

.text-attr {
line-height: 28px;
font-size: 18px;
color: #333;
text-shadow: 0 1px 0 #fff;
}

.text-title {
font-size: 22px;
color:#005ebb;
text-shadow: 0px -1px 0px #ffffff;
/*font-weight:bold;*/
}



.box-shadow {
	float:left;
	border:1px solid #bababd;
	-moz-box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);
	-webkit-box-shadow: 0px 1px 2px  rgba(151, 151, 151, 0.75);
	box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	height: auto;
	width: 94%;
	margin-left:3%;
	margin-top:20px;
	background:#f9f9f9;
	clear:both;
}

.drawer{

	float:left;
	border:1px solid #bababd;
	-moz-box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);
	-webkit-box-shadow: 0px 1px 2px  rgba(151, 151, 151, 0.75);
	box-shadow: 0px 1px 2px rgba(151, 151, 151, 0.75);


	border:1px solid #9fbee0;
	background-color:#ecf2f9;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(1,#ecf2f9));
	background-image:-moz-linear-gradient(top, #fff, #ecf2f9 100%);
	background-image:linear-gradient(180deg, #fff, #ecf2f9);

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	height: auto;
	width: 94%;
	margin-left:3%;
	margin-top:20px;
	clear:both;	
}

.darkgrey {
	border:1px solid #aaaaaa;
}

#cart-list-container {
	margin-top:10px;
}

#cart-list-box {
	float:left;
	width:100%;
}

.cart-row1 {
float:left;
padding: 3% 4% 0 4%;
width: 92%;
line-height: 24px;
font-size: 20px;
color: #3d5266;
text-shadow: 0 2px 0 #fff;
}
.cart-row1 a {
color: #3d5266;
}

.cart-list-name {
float: left;
width: 65%;
/*font-weight:bold;*/
padding-bottom: 10px;
}

.cart-list-remove {
float: right;
height: auto;
text-align: right;
font-size:16px;
}

.delete-button {
width: 30px;
height: 27px;
background: url('images/button-delete.png') no-repeat center top;
}

.delete-button-confirm {
width: 82px;
height: 26px;
background: url('images/bttn_remove_82x26.png') no-repeat left top;
font: normal normal 12px Helvetica, Arial;
text-shadow: 0px -1px 0px black;
color: white;
text-align: center;
padding-top: 4px;
display: none;
}

.displaynone {
	display:none;
}

.qtyselect { 
	margin-top:0;
}

.cart-row2 {
float:left;
padding: 1% 4% 2% 4%;
width: 92%;
line-height: 22px;
font-size: 19px;
color: #3d5266;
text-shadow: 0 2px 0 #fff;
}

.cart-empty-desc {
padding-top:10px;
padding-bottom:10px;
}

.cart-list-attr,
.cart-list-attr-full {
float: left;
width: 75%;
/*line-height:42px;*/
}

.cart-list-attr-full {
width:100%;
}

.cart-row3 {
float:left;
padding: 0 4% 2% 4%;
margin-bottom:4px;
width: 92%;
line-height: 22px;
font-size: 15px;
color: #3d5266;
text-shadow: 0 2px 0 #fff;
}


.cart-list-qty {
float: right;
text-align: right;
width: 25%;
}

/* quantity */
input.ui-input-text {
	float:right;
	width:85%;
	padding: 13px 10px;
	font-size: 16px;
	text-align:center;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	background:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: 2px solid #d1dbe7;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
	
	color: #0066cb;
	text-shadow: 0px -1px 0px #000000;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}	
	
#cart-total-container {
margin-top:26px;	
}

#cart-staticblock {
margin-top:26px;
padding: 4%;
width: 86%;	
font-size: 19px;
}

.cart-update {
float:left;
height: auto;
width: 94%;
margin-left:3%;
padding: 6% 0 0 0;
clear:both;
}

.total-row {
float:left;
padding: 1% 4% 1% 4%;
width: 92%;
line-height: 22px;
font-size: 19px;
color: #3d5266;
text-shadow: 0 2px 0 #fff;	
}

.total-row-top {
padding: 3% 4% 1% 4%;
}

.clabel, .order-qty, .order-item-text {
	float:left;
}
.order-qty {
	width:10%;
}
.order-item-price {
	float:right;
	font-weight:bold;
	text-align:right;
	width:28%;
}
.order-item-text {
	padding-left:5px;
	width:60%;
}

.subtotal, .taxes, .total, .ctext {
	float:right;
}

.ctimetext {
	font-size:18px;
}
.split {
	float:left;
	width:100%;
	height:2px;
	/*margin-top:2%;*/
	background:#e3e0e0;
}

.cart-total-amount {
	padding: 4% 4%;
	font-size: 24px;
	font-weight:bold;
	color: #0066cb;
	text-shadow: 0px -1px 0px #000000;
	clear: both;
}

.item-amount {
	font-size: 20px;
	color: #0066cb;
	text-shadow: 0px -1px 0px #000000;
	clear: both;
	font-weight:normal;
}

.pay-now {
	float:left;
	height: auto;
	width: 94%;
	margin-left:3%;
	padding: 4% 0 8% 0;
	clear:both;
}

/* Confirmation */

#merc-container{
	float:left;
	height: auto;
	width: 94%;
	margin-left:3%;
	margin-top:20px;
	text-shadow: 0 1px 0 #fff;
	clear:both;
}

.merc-left {
	float:left;
	width:34%;
	border:1px solid #bababd;
	-moz-box-shadow: -1px 1px 2px rgba(151, 151, 151, 0.75);
	-webkit-box-shadow: -1px 1px 2px  rgba(151, 151, 151, 0.75);
	box-shadow: -1px 1px 2px rgba(151, 151, 151, 0.75);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#ffffff;	
	padding:1%;
}
.merc-left img{
	width:100%;
}
.merc-right {
	float:right;
	width:62%;
	color: #0066cb;
	text-shadow: 0 2px 0 #fff;
	font-weight:bold;
}
.merc-right .clabel1,
.merc-right .clabel2 {
	float:left;
	width:100%;
	/*margin-top:2%;*/
	line-height: 24px;
	font-size: 18px;
	padding-bottom:8px;
}
.merc-right .clabel2 {
	margin-top:6%;
}
.merc-right .cvalue1,
.merc-right .cvalue2 {
	float:left;
	width:100%;
	line-height: 26px;
	font-size: 20px;
	font-weight:bold;
}
.merc-right .cvalue2 {
	font-size: 18px;
}

#qr-container {
	float:left;
	margin-top:10px;
	background:#ffffff;
}

.qr-row1 {
	float:left;
	width:92%;
	padding: 2% 4%;
	line-height: 24px;
	font-size: 20px;
	color: #3d5266;
	text-shadow: 0 2px 0 #fff;
}

.qr-hr {
	float:left;
	width:92%;
	margin: 0 4%;
	background:#aaaaaa;
	height:2px;
}

.qr-row2 {
	float:left;
	width:92%;
	padding: 2% 4%;
	line-height: 22px;
	font-size: 16px;
	color: #3d5266;
	text-shadow: 0 2px 0 #fff;
}
.qr-row2-left {
	float:left;
	width:40%;
	padding: 4px 0;
}

.bluetext {
	padding-top:2%;
	color:#0066cb;
}
.qr-row2-right {
	float:right;
	width:55%;
	margin:2% 0;
	padding: 1% 0;
	font-weight:bold;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#f1f3f5;
}
.qr-row2-right-text {
	text-align:center;
}
.qr-row2-label,
.qr-row2-amount {
	width:100%;
}

.qr-row3 {
float:left;
	padding:4% 20%;
}

/* shipping */

#addr-container {
	float:left;
	margin-top:10px;
	/*background:#f6f5f5;*/
}

.addr-row1 {
	float:left;
	width:92%;
	padding: 2% 4%;
	line-height: 26px;
	font-size: 22px;
	color: #3d5266;
	font-weight:bold;
	text-shadow: 0 2px 0 #fff;
}

.addr-hr {
	float:left;
	width:92%;
	margin: 0 4%;
	background:#e5e8e9;
	height:1px;
}

.addr-row2 {
	float:left;
	width:92%;
	padding: 3% 4% 2% 4%;
	line-height: 18px;
	font-size: 14px;
	color: #3d5266;
	text-shadow: 0 2px 0 #fff;
	font-weight:bold;
}

.addr-row-odd {
	float:left;
	background-color:#eeeeee;
	width:100%;
	clear:both;
}

.addr-row-even {
	float:left;
	width:100%;
	clear:both;
}

.addr-row2-left {
	clear:both;
	float:left;
	width:32%;
	padding: 1% 0;
	color:#0066cb;
}

.addr-row2-right {
	float:right;
	width:64%;
	padding: 1% 0;
}

.addr-info-color {
	background-color:#eeeeee;
}



#templates {
	display: none;
}

.error-box-shadow {
	float:left;
	border:1px solid #b42417;
	height: auto;
	width:100%;
	background:#b42417;
	clear:both;
}

.success-box-shadow {
	float:left;
	border:1px solid #dff0d8;
	height: auto;
	width:100%;
	background:#dff0d8;
	clear:both;
}

.error-desc {
	color:#ffffff;
	padding: 14px 0 14px 12%;
	background: url('images/ico-error.png') no-repeat 3% center;
}

.success-desc {
	color:#000000;
	padding: 14px 0 14px 12%;
	background: url('images/ico-tick.png') no-repeat 3% center;
}

.empty-box-shadow {
	float:left;
	border:1px solid #f7f7f7;
	height: auto;
	width:100%;
	background:#f7f7f7;
	clear:both;	
}

.empty-desc {
	color:#2d2d2d;
	padding: 25px 3%;
}



/* My Account Page */
.myaccount_container {
	float: left;
	padding: 3% 0 0 3%;
	width: 96%;
	margin: 0px;
	border: 0px;
	clear: both;
}

.greeting {
	font-size:20px;	
}	

.mypassword_row,
.myaccount_row {
	float: left;
	clear: both;
	width:100%;
	margin-bottom:20px;
}

.mypassword_row {
	margin-left: 3%;
	margin-top: 20px;
	width:97%
}

.myaccount_title {
	float: left;
	clear: both;
	padding:14px 0 20px;
	font-size:20px;
	font-weight:bold;
	color:#0066cb;
}
.myaccount_label {
	float: left;
	clear: both;
	padding:0;
	font-size:16px;

}
.myaccount-box {
	float: left;
	clear: both;	
	width:100%;
	text-align:center;
}

.myaccount-box .nav-opt-box {
	margin-left:0;
}


.button-login {
	width: 97%;
	padding: 16px 0;
}

.myaccount-box .ui-input-text {
	float:left;
	width:97%;
	text-align:left;
}

.myaccount_container .box-shadow{
	margin-left:0;
	width:97%;
}

.logoffmsg {
	float: left;
	padding: 3% 4% 3% 4%;
	width: 92%;
	line-height: 20px;
	font-size: 16px;
	color: #3d5266;
	text-shadow: 0 2px 0 #fff;
}

/* Recent order */
.recentorder_container {
	float: left;
	width: 100%;
	margin: 0px;
	border: 0px;
	clear: both;
}

.recentorder-row,
.recentorderitem-row{
	float:left;
	padding: 1% 4% 1% 4%;
	width: 92%;
	line-height: 18px;
	font-size: 16px;
	color: #3d5266;
	text-shadow: 0 2px 0 #fff;	
}


.recentorder-row {
	padding-top:10px;
	padding-bottom:10px;
	font-size: 18px;
}

.recent-item-price {
	float: right;
}
.recentorder-row2{
	float:left;
	padding:4px 4% 10px;
	width: 92%;
	line-height: 26px;
	font-size: 22px;
	cursor:pointer;
	text-align:center;
/*background-color:#aaa;*/
}

.recentorder-row2 .secondary-button {
	line-height: 30px;
}

.recent-orderid {
	float:left;
	color:#0066cb;
	width:60%;
}

.recent-date {
	float:right;
}

.order-status {
	float:left;
	font-size: 16px;
	padding: 0 4% 6px;
	color:#0066cb;
}

.recent-amount {
	float:right;
	font-weight:bold;
}



/* Responsive Rules */
@media screen and (min-width: 1020px) {
	.ui-loader, .ui-loadership {
		padding-top: 20%;
	}
	
	.product-content {
		width: 82%;
	}
}

@media screen and (min-width: 760px) {
	.content-menu, .content-menu-focus, .content-cart {
		display: none;
	}
	
	#nav {
		width: 35%;
		z-index: 80;
		border-right: 1px solid #bababa;
	}
	
	#category-title {
		width: 92%;
	}
	
	.data-role {
		left: 35% !important;
		width: 65% !important;
	}
	
	.product-content {
		width: 75%;
	}
}

@media screen and (min-width: 600px) and (max-width: 759px) {
	.product-content {
		width: 82%;
	}
}

@media screen and (min-width: 470px) and (max-width: 599px) {
	.ui-loader, .ui-loadership {
		padding-top: 20%;
	}
	
	.product-content {
		width: 78%;
	}
	
	.product-detail-title {
		font-size:18px;
	}
}

@media screen and (max-width: 500px) {
	.ui-loader, .ui-loadership {
		padding-top: 20%;
	}
	
	.product-content {
		width: 64%;
	}
	.product-detail-title {
		font-size:18px;
	}
	.product-detail-image {
		width: 42%;
	}
	.product-detail-content {
		width: 52%;
	}	
}

/* for windows phone device Rules */
@-ms-viewport {
  width: device-width;
  zoom: 1.0;
  user-zoom: fixed;
}

@media screen and (max-width: 500px) {
	@-ms-viewport {
	  width: 320px;
	  zoom: 1.0;
	  user-zoom: fixed;
	}
}