html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
}
body, td, th, input, textarea, select, a {
	font-size: 14px;
}
h1, .welcome {
	color: #636E75;
	font: Verdana;
	//margin-top: 28px;
	margin-bottom: 1px;
	font-size: 32px;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
h2 {
	color: #000000;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
}
p {
	margin-top: 0px;
	margin-bottom: 2px;
}
a, a:visited, a b {
	color: #38B0E3;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type='text'], input[type='password'], textarea {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
}
select {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
label {
	cursor: pointer;
}
/* layout */
#container {
	width: 1193px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#fff;
	padding: 10px;
	border: 2px solid #A2A2A2;
border-radius: 7px;
background-clip: padding-box;
box-shadow: 15px 15px 13px 0 rgba(54,69,102,.5);

}
#column-left {
	float: left;
	width: 180px;
}
#column-right {
	float: right;
	width: 180px;
}
#content {
	min-height: 400px;
	margin-bottom: 25px;
}
#column-left + #column-right + #content, #column-left + #content {
	margin-left: 195px;
}
#column-right + #content {
	margin-right: 195px;
}
/* header */
#top {
	height: 30px;
	border-top: 1px solid #DBDEE1;
	border-bottom: 1px solid #DBDEE1;
	background: #F8F8F8;
}

#header {
	height: 125px;
	//margin-bottom: 7px;
	//padding-bottom: 4px;
	position: relative;
	z-index: 99;
}
#header #logo {
	position: absolute;
	//top: 22px;
	left: 18px;

	    margin-top: 5px;
}
#phone {
    width: auto;
    position: absolute;
    top: 56px;
    left: 410px;
    
    line-height: 22px;
}
#language {
	position: absolute;
	top: 59px;
	right: 260px;
	width: 108px;
	color: #999;
	line-height: 17px;
}
#language img {
	cursor: pointer;
	margin-right: 5px;
	padding-left:5px;
}
#currency {
	width: 150px;
	position: absolute;
	top: 56px;
	left: 450px;
	color: #999;
	line-height: 17px;
}
#currency a {
	display: inline-block;
	padding: 2px 4px;
	color: #999;
	text-decoration: none;
	margin-right: 2px;
	margin-bottom: 2px;
}
#currency a b {
	color: #000;
	text-decoration: none;
}
#header #cart {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9;
	min-width: 300px;
}
#header #cart .heading {
	float: right;
	margin-right: 2px;
	height: 30px;
	padding-left: 14px;
	padding-right: 14px;
	background: url('../image/cart.png') 0% 50% no-repeat;
	position: relative;
	z-index: 1;
}
#header #cart .heading h4 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}
#header #cart .heading a {
	color: #000;
	text-decoration: none;
	display: block;
}
#header #cart .heading a span {
	background: url('../image/arrow-down.png') 100% 50% no-repeat;
	padding-right: 15px;
	margin-left:30px;
	line-height: 30px;
}
#header #cart .content {
	clear: both;
	display: none;
	position: relative;
	top: 2px;
	padding: 8px;
	min-height: 150px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	-webkit-border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-khtml-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	background: #FFF;
}
#header #cart.active .heading {
font-weight:700;
}
#header #cart.active .content {
	display: block;
}
.mini-cart-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
.mini-cart-info td {
	color: #000;
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #EEEEEE;
}
.mini-cart-info .image {
	width: 1px;
}
.mini-cart-info .image img {
	border: 1px solid #EEEEEE;
	text-align: left;
}
.mini-cart-info .name small {
	color: #666;
}
.mini-cart-info .quantity {
	text-align: right;
}
.mini-cart-info td.total {
	text-align: right;
}
.mini-cart-info .remove {
	text-align: right;
}
.mini-cart-info .remove img {
	cursor: pointer;
}
.mini-cart-total {
	text-align: right;
}
.mini-cart-total table {
	border-collapse: collapse;
	display: inline-block;
	margin-bottom: 5px;
}
.mini-cart-total td {
	color: #000;
	padding: 4px;
}
#header #cart .checkout {
	text-align: right;
	clear: both;
}
#header #cart .empty {
	padding-top: 50px;
	text-align: center;
}
#header #search {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 298px;
	z-index: 7;
}
#header .button-search {
	position: absolute;
	left: 0px;
	background: url('../image/button-search.png') center center no-repeat;
	width: 28px;
	height: 24px;
	border-right: 1px solid #CCCCCC;
	cursor: pointer;
}
#header #search input {
	background: #FFF;
	padding: 1px 1px 1px 33px;
	width: 262px;
	height: 21px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 0px #F0F0F0;
	-moz-box-shadow: 0px 2px 0px #F0F0F0;
	box-shadow: 0px 2px 0px #F0F0F0;
}
#header #welcome {
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 5;
	width: 298px;
	text-align: left;
	color: #999999;
}
#header #welcome a{
	color: #000;
}
#header .links {
	position: absolute;
	left: 290px;
	top: 8px;
	font-size: 10px;
	padding-right: 10px;
	z-index:11;
}
#header .links a {
	float: left;
	display: block;
	padding: 0px 0px 0px 7px;
	color: #000;
	text-decoration: underline;
	font-size: 12px;
}
#header .links a:hover {
	text-decoration: none;
}
#header .links a + a {
	margin-left: 8px;
	border-left: 1px solid #CCC;
}
/* menu */
#menu {
	//background: #0F7C0A;
	//border-bottom: 1px solid #000000;
	height: auto;
	margin-bottom: 2px;
	//-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: 0px 2px 2px #DDDDDD;
	//-moz-box-shadow: 0px 2px 2px #DDDDDD;
	//box-shadow: 0px 2px 2px #DDDDDD;
	//padding: 0px 5px;
        background: url(//dmypbau5frl9g.cloudfront.net/elements_header_background.png),linear-gradient(to right,rgba(220, 45, 47, 0),rgba(220, 45, 47, 0));
}
#menu ul {
	list-style: none;
    margin: 0px;
    padding-left: 35px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#menu > ul > li {
	    position: inherit;
    z-index: 20;
    padding: 6px 1px 5px 1px;
    display: inline-block;
    text-align: justify;

}
#menu > ul > li:hover {
	 background: url(//dmypbau5frl9g.cloudfront.net/elements_header_background.png),linear-gradient(to right,rgba(220, 45, 47, 0),rgba(220, 45, 47, 0));



}
#menu > ul > li > a {
	font-size: 14px;
    color: #FFF;
    line-height: 14px;
    text-decoration: none;
    display: table-cell;
    padding: 9px 15px 9px 12px;
    margin-bottom: 15px;
    text-align: justify;
    position: relative;
    border: 1px solid #f3fff3;
	background-color:#1eb944;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .3), -23px 0 10px -23px rgb(255, 255, 255), 23px 0 10px -23px rgb(255, 255, 255), 0 0 10px rgba(0, 0, 0, .1) inset;
}
#menu > ul > li:hover > a {


}
#menu > ul > li > div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 25;
	padding: 5px;
	border: 1px solid #000000;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	//background: url('../image/menu.png');
	    background: #145211;
}
#menu > ul > li:hover > div {
	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: 4px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
	font-size: 12px;
}
#menu > ul > li ul > li > a:hover {
	background: #000000;
}
#menu > ul > li > div > ul > li > a {
	color: #FFFFFF;
}
.breadcrumb {
	background: url('../image/background.png') repeat-x transparent;
	border: 1px solid #DBDEE1;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
	color: #CCCCCC;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.breadcrumb a {
color:#000;
}


.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
	-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;
}
.success {
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	-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;
}
.warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	-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;
}
.attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-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;
}
.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;
}
table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
	color: #000000;
}

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: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td {
	padding: 0px 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;
}
table.radio {
	width: 100%;
	border-collapse: collapse;
}
table.radio td {
	padding: 5px;
}
table.radio td label {
	display: block;
}
table.radio tr td:first-child {
	width: 1px;
}
table.radio tr td:first-child input {
	margin-top: 1px;
}
table.radio tr.highlight:hover td {
	background: #F1FFDD;
	cursor: pointer;
}
.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;
}
/* button */
a.button, input.button {
	cursor: pointer;
	color: #FFFFFF;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url('../image/button.png') repeat-x;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
}

a.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}
input.button {
	margin: 0;
	border: 0;
	height: 24px;
	padding: 0px 22px 0px 22px;
}
a.button:hover, input.button:hover {
	background-position: 0px -24px;
}
.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;
}
.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: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin-right: 2px;
	display: none;
}
.htabs a.selected {
	  background: #E81818;
      color: white;
}
.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;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3),
 -23px 0 20px -23px rgba(0, 0, 0, .8),
 23px 0 20px -23px rgba(0, 0, 0, .8),
 0 0 40px rgba(0, 0, 0, .1) inset;
}
/* box */
.box {
	margin-bottom: 20px;
}
.box .box-heading {
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
	border: 1px solid #DBDEE1;
	background: url('../image/background.png') repeat-x;
	padding: 8px 10px 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 14px;
	color: #F20202;
	text-align: -webkit-center;
}
.box .box-content {
	background: #FFFFFF;
	-webkit-border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-khtml-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	border-left: 1px solid #DBDEE1;
	border-right: 1px solid #DBDEE1;
	border-bottom: 1px solid #DBDEE1;
	padding: 10px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3),
 -23px 0 20px -23px rgba(0, 0, 0, .8),
 23px 0 20px -23px rgba(0, 0, 0, .8),
 0 0 40px rgba(0, 0, 0, .1) inset;
}
/* box products */
.box-product {
	width: 100%;
	overflow: auto;
}
.box-product > div {
	width: 168px;
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	margin-bottom: 20px;
}

#column-left   .box-product > div , #column-right .box-product > div{
	width: 155px;
	margin-right: 0px;
}

#column-left + #column-right + #content .box-product > div {
	width: 119px;
}
.box-product .image {
	display: block;
	margin-bottom: 0px;
}
.box-product .image img {
	padding: 3px;
	/border: 1px solid #E7E7E7;
}
.box-product .name a {
	color: #38B0E3;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
}
.box-product .price {
	display: block;
	font-weight: bold;
	color: #FA2020;
	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 */
ul.box-category, ul.box-category ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.box-category > li:first-child {
	padding: 0px 8px 8px 0px;
}
ul.box-category > li {
	padding: 8px 8px 8px 0px;
}
ul.box-category > li + li {
	border-top: 1px solid #EEEEEE;
}
ul.box-category > li > a {
	text-decoration: none;
	color: #333;
}
ul.box-category > li ul {
	display: none;
}
ul.box-category > li a.active {
	font-weight: bold;
}
ul.box-category > li a.active + ul {
	display: block;
}
ul.box-category > li ul > li {
	padding: 5px 5px 0px 10px;
}
ul.box-category > li ul > li > a {
	text-decoration: none;
	display: block;
}
ul.box-category > li ul > li > a.active {
	font-weight: bold;
}
/* box filter */
ul.box-filter, ul.box-filter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.box-filter span {
	font-weight: bold;
	border-bottom: 1px solid #EEEEEE;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
ul.box-filter > li ul {
	padding-bottom: 10px;
}
/* content */
#content .content {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}
#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}
/* category */
.category-info {
	overflow: hidden;
	margin-bottom: 20px;
}
.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}

.category-list {
	overflow: auto;
	margin-bottom: 20px;
}
.category-list ul {
	padding-left:0px;
}
.category-list ul li {
	/border: 1px solid #eee;
	text-align:center;
	float: left;
	list-style:none;
	line-height:16px;
	width:22%;
	padding:10px 5px 5px 5px;
	margin-bottom:10px;
	margin-right:10px;
}
.category-list ul li a{
display: inline;
}
.category-list ul li span{
display:block;
height:30px;
}
.category-list ul li  img{}

/* 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 {
	background: #F5F5F5;
	border-bottom: 1px solid #EEEEEE;
	padding: 5px;
	overflow: auto;
	margin-bottom:25px;
}
.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 {
	float:left;
	padding-top: 5px;
	margin-left: 50px;
	font-weight: bold;

}
.product-compare a {
	text-decoration: none;
	font-weight: bold;
}
.product-list > div {
	overflow: auto;
	margin-bottom: 15px;
}
.product-list .right {
	height: 130px;
	float: right;
	padding-left: 18px;
	border-left: 1px solid #EEEEEE;

}
.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;
}
.product-list .name a {
	color: #38B0E3;
	font-weight: bold;
	text-decoration: none;
}
.product-list .description {
	line-height: 15px;
	margin-bottom: 5px;
	color: #4D4D4D;
}
.product-list .rating {
	color: #7B7B7B;
}
.product-list .price {
	float: right;
	height: 130px;
	width: 100px;
	margin-left: 8px;
	text-align: center;
	color: #333333;
	font-size: 12px;
	border-left: 1px solid #EEEEEE;

}
.product-list .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-list .price-new {
	font-weight: bold;
}
.product-list .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #BBBBBB;
}
.product-list .cart {
	margin-bottom: 3px;
}
.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;
}
.product-list .compare a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left 60% no-repeat;
}
.product-grid {
	width: 100%;
	overflow: auto;
}
.product-grid > div {
	width: 130px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 15px;
}
#column-left + #column-right + #content .product-grid > div {
	width: 125px;
}
.product-grid .image {
	display: block;
	margin-bottom: 0px;
}
.product-grid .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}
.product-grid .name a {
	color: #38B0E3;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}
.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;
}
.product-grid .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-grid .price-new {
	font-weight: bold;
}
.product-grid .price .price-tax {
	display: none;
}
.product-grid .cart {
	margin-bottom: 3px;
}
.product-grid .wishlist, .product-grid .compare {
	margin-bottom: 3px;
}
.product-grid .wishlist a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left center no-repeat;
}
/* 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;
}
.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: #25D31D;
	font-weight: bold;
}
.product-info .description span {
	color: #000000;
	font-weight: bold;
}
.product-info .description a {
	color: #4D4D4D;
	text-decoration: none;
}
.product-info .price {
	overflow: auto;
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;

}
.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: 0px 5px 10px 5px;
	margin-bottom: 10px;
	color: #000000;
}
.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: 0px 5px 10px 5px;
	margin-bottom: 20px;
	color: #4D4D4D;
}
.product-info .cart div > span {
	color: #999;
}
.product-info .cart .links {
	display: inline-block;
	vertical-align: middle;
}
.product-info .cart .minimum {
	padding-top: 5px;
	font-size: 11px;
	color: #999;
}
.product-info .review {
	color: #4D4D4D;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	margin-bottom: 10px;
}
.product-info .review > div {
	padding: 8px;
	border-bottom: 1px solid #E7E7E7;
	line-height: 20px;
}
.product-info .review > div > span {
	color: #38B0E3;
}
.product-info .review .share {
	overflow: auto;
	line-height: normal;
}
.product-info .review .share a {
	text-decoration: none;
}
.review-list {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}
.review-list .author {
	float: left;
	margin-bottom: 20px;
}
.review-list .rating {
	float: right;
	margin-bottom: 20px;
}
.review-list .text {
	clear: both;
}
.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;
}
.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-info 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-info td {
	padding: 7px;
}
.wishlist-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
	text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
	text-align: right;
}
.wishlist-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
	text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}
.wishlist-info tbody .price s {
	color: #F00;
}
.wishlist-info tbody .action img {
	cursor: pointer;
}
.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;
}
/* 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 0px;
	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 0px;
	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: 31%;
	margin-right: 15px;
}
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.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 0px;
	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: 15px;
	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 .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
	text-align: left;
}
.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 .image img {
	border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
	text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
	position: relative;
	top: 4px;
	cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.cart-module > div {
	display: none;
}
.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;
}
.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}
.checkout-content {
	padding: 0px 0px 15px 0px;
	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;
}
.contact-info {
	overflow: auto;
}
.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}
/* footer */
#footer {
	clear: both;
	overflow: auto;
	min-height: 100px;
	padding: 20px;
	border-top: 1px solid #DBDEE1;
	border-bottom: 1px solid #DBDEE1;
	background: #F8F8F8;
}
#footer h3 {
	color: #000000;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 8px;
}
#footer .column {
	float: left;
	width: 25%;
	min-height: 100px;
}
#footer .column ul {
	margin-top: 0px;
	margin-left: 8px;
	padding-left: 12px;
}
#footer .column ul li {
	margin-bottom: 3px;
}
#footer .column a {
	text-decoration: none;
	color: #000;
}
#footer .column a:hover {
	text-decoration: underline;
}
#powered {
	margin-top: 5px;
	text-align: right;
	clear: both;
}
/* banner */
.banner div {
	text-align: center;
	width: 100%;
	display: none;
}
.banner div img {
	margin-bottom: 20px;
}
.clearbreak {
	clear: both;
}
.clearafter:after {
	height: 0;
	clear: both;
	content: "";
	display: block;
	visibility: hidden;
}
#mainmenu-toggle {
	display: none;
}

.menuclear:after {
	clear: both;
}

.menuclear {
	*zoom: 1;
}
/* ------------------------------------------------------------------
--  Copyright             :  2014
--  Author                :  JOHN J YIN
--	Email				  :	 john.yin@ebizdesigner.com
--  Version               :  0.1
--  Date                  :  14/03/2014
--  Description           :
-- 			Responsive Styles of Opencart Default Responsive Theme
--
--
--
--
--  History               :
--     <author>   <time>      <version >       <desc>
--		John	14/03/2014		0.1				initial
--
--------------------------------------------------------------------- */


/* =================================================================

							1040px
	container (980px)
	+ left & right padding (20px + 20px)
	+ right sroll bar (20px)
	-----------------------------
	=	1040px

 * ================================================================= */

@media screen and (max-width: 1040px) {


/* ------------------------------------
	.wrapper
	- for left and right margin
 * ------------------------------------ */
.wrapper {
    margin: 0 20px;
    width: auto;
}

#container {
	margin: 0px;						/* remove 20px top/bottom margin */
	padding: 0px;						/* remove 20px padding */
	width: 100%;
	border-radius: 0px;
}

#topbar #welcome {
    display: none;
}

 .nivoSlider {
      width: auto !important;
}
	#currency {
    display: none;
}
	#header .links  {
    display: none;
}
	#header #welcome  {
    display: none;
}
	.b-share  {
    display: none;
}
	#header #cart .heading {
  float: left;
	}
	#container  {
  border:none;
	}
	#header #search {
    display: none;
}
	#header #logo {
     left: 1px;
}
.product-filter  {
	display: none;
}


	.category-list ul li {
    padding: 10px 55px 5px 5px;
}
/* ------------------------------------
	.box-product

	- Related Products

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

.box-product > div {
	width: 22%;
	padding: 1%;
	margin-right: 8px;
}

#tab-related .box-product .image img {
    /* width: 100%; */ 					/* to show on img original size is the best */
}



.jcarousel-skin-opencart {
	display: none;
}

#toppanel #search {
    margin: 0px;
    width: 100%;
	position: relative;
	right: 0px;
	top: 0px;							/* when full length, need for Chrome, Safari */
}

#toppanel #search-inner {
    display: table;
	width: 100%;
}
#header #search  input {
	 display: none;
}

#header .button-search {
	 display: none;

}


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

	- 	Product Details  -

 	when =< 980px, as for two columns,
	product photo and description
    column, to be changed into one column

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

#content,								/* only #content, like when Category */
										/* will be covered when #column-left + #content */
#column-right,							/* only #column-right, like when Product
										/* & screen width < 980px */
#column-left + #content{					/* like when Sub-Category */
	margin-right: 20px;
}

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



#column-left + #content,
#column-right + #content {
    width: 70%; 						/* IE 8, better than be fixed 615px */
	width: -moz-calc(100% - 240px);		/* firefox 15- */
	width: -webkit-calc(100% - 240px);	/* Safari 6, Chrome 25- */
	width: calc(100% - 240px);

}

#column-left + #column-right + #content,
#column-left + #content {
    margin-left: 220px;					/* column-left (180px) + left margin(20px) + space (20px) */
}

.product-info > .left {
    clear: both;
    float: none;
    width: 100%;
	margin: 0 auto;
}

.product-info .image-additional {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.product-info > .left + .right {
    margin-left: 0;
}

.product-info .image {
	float: none;
}

.product-info > .right textarea {
	margin: 0 auto;
	width: 95%;							/* IE 8 */
	width: -moz-calc(100% - 10px);		/* firefox 15- */
	width: -webkit-calc(100% - 10px);	/* safari 6, chrome 25- */
    width: calc(100% - 10px);
}


input.large-field, select.large-field {
    width: 90%;
}
.box-product {
    overflow: auto !important;
}

/* ------------------------------------
	#topmenu - > #menu
 * ------------------------------------ */
#menu {
	border-radius: 0;					/* remove default radius */
	padding: 0px;						/* remove default padding */
	box-shadow: none;
	height: auto;
}

#menu > a {
	font-weight: bold;
    text-transform: uppercase;
}

#menu > a,
#menu > ul > li > a,
#menu > ul > li > div > ul > li > a {
	color: #FFF;
	font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    padding: 12px 1%;
	text-decoration: none;
	z-index: 7;
	width: 98%;
	background: #649B04;
	text-align: center;
	min-width: 270px;
}

#menu > ul {
	display: none;
	width: 100%;
}

#menu > ul > li {
	/background: #585858;
	display: block;
	float: none;
	vertical-align: middle;
}

#menu > ul > li:hover > a {
	background: #2958AE;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	/* box-shadow: 2px 0 10px -5px rgba(0, 0, 0, 0.6) inset, -2px 0 10px -5px rgba(0, 0, 0, 0.6) inset;*/
}
#menu > ul > li > div {
	display: none;
	position: relative;
	z-index: 6;
	padding: 0px;						/* remove default padding */
	margin: 0 0 0 10px;  				/* move to right indicate 2nd level menu*/
	background: none;					/* remove default background */
	border: none;						/* remove default border */
}
#menu > ul > li:hover > div {
	display:none;
}
#menu > ul > li > div ul {
	display: none;
}
#menu > ul > li > div ul > li a:hover {
	background: #DBDBDB;
}


#mainmenu-toggle {
	display: block;
	/* background-color: #283744; */
	width: 100%;
	position: relative;
	text-align: left;
}

#menu #mainmenu-toggle:after {
	content:" ";
	background: url('../image/menu-tog-icon.png') no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
}

/* ------------------------------------
	#content -> input
	- Purchase a Gift Certificate
		table td input
 * ------------------------------------ */

#content input[type="text"],
#content textarea {
	padding: 0px;						/* clear padding */
	width: 98%;							/* streth 98% width of all input
										   in containers: table, tr, td  */
}

/* ------------------------------------
  	Product Details
 		.product-info textarea
 		.product-infor input
 	Return Product
		.return-product input
 * ------------------------------------ */

#content .product-info input[type="text"],
#content .return-product input[type="text"]{
    width: 98%;							/* */
	padding: 0px;						/* remove default 3px padding and
										   good at textarea as 99% width */
}


/* ------------------------------------
	#tabs
 * ------------------------------------ */

#tabs.htabs {
	overflow: hidden;
}

#tabs.htabs a {
	display: block;						/* display as block */
    padding: 7px 2%;					/* must be 7px for line height is 30px */
	font-weight: normal;				/* remove bold as default */
}

.tab-content {
	float: left;
	width: 80%;							/* IE 8-, Opera 12- */
	width: -moz-calc(100% - 20px);		/* firefox 15- */
	width: -webkit-calc(100% - 20px);	/* chrome 25-, safari 6 */
	width: calc(100% - 20px);			/* streth full width when one children */
}


#footer {
	margin: 0 20px;
}

#powered {
	margin: 0 20px;
}


}



/* ==================================================================
								700px
				= 	640px
					+ left & right padding (20px + 20px)
					+ right sroll bar (20px)
 * ================================================================== */

@media screen and (max-width: 700px) {

/* ------------------------------------
 * 	table, td
 * ------------------------------------ */

table {
	table-layout: fixed;				/* table full with its container div */
}


table.radio td,							/* shopping cart voucher/coupon */
table td {								/* #return-product */
	word-wrap: break-word;				/* text content in table td column
										   break and wrap onto the next line */
	padding: 2px;						/* padding between lines and columns */
}



.sh_btn_left .sh_title_text, .sh_btn_right .sh_title_text {
	display: none;
}
/* ------------------------------------
	#cart
 * ------------------------------------ */
#header #cart {
    height: 60px;
    margin: 0 auto;
	display: block;
}

#cart .h4,
#cart a {
	/* float: left; */
}

/* ------------------------------------
	#slideshow
 * ------------------------------------ */
.slideshow .nivoSlider {
	display: none;
}



/* ------------------------------------
	.box-product

	-
	- #tab-related  (Product Related)

 * ------------------------------------ */
.box-product {
	 overflow: hidden;
}

.box-product > div {
	width: 45%;
	padding: 1%;
}

#tab-related .box-product .image img {
    /* width: 150px; *					/* to show on img original size is best */
}


#footer .column {
    width: 45%;
	height: 130px;
	text-align: left;
}



 /* ------------------------------------
	 #content .product-list
	- Products List Page
 * ------------------------------------ */
.product-list .left {
	width: 70%;
}

.product-list .right {
}

.product-list .name {
	width: 50%;
}

.product-list .price {
    float: none;
	height: auto;
}

.product-list .description {
    width: 100%;
	line-height: 20px;
}
	.category-list ul li {
	width: auto;
 }
	.product-list .right {
  float: left;
  height:auto;
		}
/* ------------------------------------
	#column-left
 * ----------------------------------- */
#column-left {
    clear: both;
    float: none;
    margin: 0 auto;
	width: 90%;							/* IE 8 */
	width: -moz-calc(100% - 40px);		/* firefox 15- */
	width: -webkit-calc(100% - 40px);	/* safari 6, chrome 25- */
    width: calc(100% - 40px);
}

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

#column-left + #content, #column-right + #content {
	width: auto;
}
#content {
    clear: both;
    /*margin: 20px;*/
	width: 80%;							/* IE 8 */
	width: -moz-calc(100% - 40px);		/* firefox 15- */
	width: -webkit-calc(100% - 40px);	/* safari 6, chrome 25- */
    width: calc(100% - 40px);
}


#column-left > .banner {
	display: none;						/* hide banner */
}

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

	Product Details

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

#column-right {
    clear: both;
    float: none;
    margin: 0 auto;
	width: 90%; 						/* no support calc(), IE8- */
	width: -moz-calc(100% - 40px);		/* firefox 15- */
	width: -webkit-calc(100% - 40px); 	/* chrome 25-, safari 6 */
    width: calc(100% - 40px);
}


/* ------------------------------------
	#content .content .login-content
	- Account Login
 * ------------------------------------ */
#content .login-content .left {
	width: 100%;						/* replace default 48% */
}
#content .login-content .right {
	width: 100%;						/* replace default 48% */
}

.login-content .left .content,
.login-content .right .content {
	min-height: 50px;					/* replace default 190px */
}

#content  select {
	width: 100%;						/* avoid collapse its parent: dv */
}


/* ------------------------------------
	#content -> Order Information
 * ------------------------------------ */
#content .content .left {
	float: none;
	width: 100%;
}

#content .content .right {
	float: none;
	width: 100%;
}

input.large-field, select.large-field {
    width: 98%;
}


/* ------------------------------------
 * 	#return-product
 * ------------------------------------ */

#return-product .return-name,
#return-product .return-model,
#return-product .return-code,
#return-product .return-reason,
#return-product .return-opened,
#return-product .return-captcha{
	float: none;
	width: 95%;
	margin-right: 0;					/* remove default margin-right: 15px */
}




/* ------------------------------------
	#tabs
	- to be vertical tabs when
	  width < 640px
	- add #tab-container in product.tpl
	  to wrap .tab-content
 * ------------------------------------ */

#tabs.htabs {
	height: auto;
	border: 1px solid #DDDDDD;
}

#tabs.htabs a {
	display: block;
    border: medium none;
    color: #FFFFFF;
    display: block;						/* display as block */
    width: 100%;
	background: none repeat scroll 0 0 #525252;
}

#tabs.htabs a.selected {
    background: none repeat scroll 0 0 #FFFFFF;
	color: #525252;
}

#tab-container {
	border: 1px solid #DDDDDD;
	border-top: none;					/* remove top border */
    overflow: hidden;					/* content a little bit bigger */
}

.tab-content {
	border: medium none;				/* remove default border */
}



}


/* ==================================================================

							540px

						= 480px + 60px

 * ================================================================== */

@media screen and (max-width: 540px) {



.box-product > div {
	width: 95%;
	padding: 1%;
}

#phone {
    display: none;
}

#header {
    text-align: left;
}

#header #topbar {
    /* color: #FFFFFF;*/
    font-size: 12px;
}

#topbar form {
    display: inline-block;
}

#topbar form,
#topbar #welcome,
#topbar .links  {
    display: inline-block;
    float: none;
    margin: 5px auto;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}

#topbar #welcome a {
    /* font-weight: 700; */
}

#topbar .links {
    clear: both;
}


#header #cart .content {
	width: 250px;						/* replace normal size of 380px */
}


/* ------------------------------------
	.buttons .right

	- Purchase Gift Btn: Continue
 * ------------------------------------ */
#content .buttons .right {
    text-align: center;					/* center input button and text */
}


/* ------------------------------------
	.product-info

	Products List Page

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

.product-filter .display {
    margin-right: 0;
}


.product-filter .sort {
    float: left;
}

/* ------------------------------------
	#content .product-list
 * ------------------------------------ */

.product-list .name {
    width: 100%;
}


/* ------------------------------------
	.compare-info at width < 350px
 * ------------------------------------ */

table.compare-info  {
	table-layout: fixed;
}

.compare-info td {
	overflow: hidden;
}

.compare-info td img {
	width: 100%; 					/* not good when one product */
}

/* ------------------------------------
	.wishlist-info img
	- when in narrow space
	  img auto strech?
 * ------------------------------------ */

.wishlist-info tbody .image img {
    width: 100%;
}


/* ------------------------------------
	#footer .column
 * ------------------------------------ */

#footer .column {
	width: 95%;
	height: auto;
}


/* ------------------------------------
 *	#cboxTitle
 * ------------------------------------ */

#cboxTitle {
    bottom: 5px;					/* two rows of photo title and navigator
									   to avoid overlap when in narrow window */
}

}


/* ==================================================================

								380px

 * ================================================================== */

@media screen and (max-width: 320px) {

body {
	min-width: 300px;					/* IE 6- not support */
}


}

.image i, .compare-info i {
    width: 99px;
    height: 41px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.product-info .left .image i {
    width: 99px;
    height: 41px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
}