/* -----------------------*/
/* Common */
/* -----------------------*/
body {
    margin: 0; padding: 0;
    background: #fff;
	font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, Times, 'DBHelvethaicaX', Tahoma, serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.35em;
    color: #353535;
}
body#popup-dialog {
	background: #ecece8;
	margin: 0;
}

img {border: 0;}
form {margin: 0;}
em { font-style: italic; }
strong { font-weight: bold; }

.clear {clear: both !important; line-height: 0 !important; height: 0 !important; width:0 !important; display: block !important; overflow:hidden !important;}
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.strikethrough { text-decoration: line-through; }
.underline { text-decoration: underline; }
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.hidden { display: none; }
.defaultCursor { cursor: default; }
.pointer { cursor: pointer; }
.float-left {float: left; }
.float-right {float: right; }
.small { font-size: 11px; }
.nobr { white-space: nowrap !important; }
.red { color: #ea0c00; }
.green { color: #47c34c; }
.captalize { text-transform: uppercase; }

.ol, .ul { padding-left: 16px; margin: 0 0 0 5px; }
.ol li { list-style: decimal outside; }
.ul li { list-style: disc outside; }

h1.heading {
    margin: 0; padding: 0;
    font-size: 16px;
    font-weight: bold;
	line-height: normal;
}

h2.heading {
	border: 1px solid #000;
	border-right: 0;
	border-left: 0;
	padding: 0.1em 0;
	text-transform: uppercase;
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: normal;
}

a {
    color: #333;
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}

/* -----------------------*/
/* Page */
/* -----------------------*/

.page {
	margin-top: 10px;
}
.page .b-space { margin-bottom: 1.5em; }
.page .t-space { margin-top: 1.5em; }

.page .header {
	height: 30px;
	position: relative;
	margin-bottom: 10px;
}
.page .header h1, .page .header h2 {
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	line-height: 16px;
}
.page .header h2 {
	font-size: 16px;
	line-height: 11px;
}

.page .page-panel {
	background: #ecece8;
	padding: 25px 20px;
}
.page .page-panel h2 {
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0 0 6px 1px;
	border-bottom: 1px dotted #9d9e9d;
	margin-bottom: 20px;
	line-height: normal;
}
.page .page-panel h2.no-border { border-bottom: 0; padding-bottom: 0; }
.page .page-panel .section-break {
	margin: 20px -20px 19px;
	border-top: 1px solid #fff;
	height: 1px;
	overflow: hidden;
}
.page .page-panel .dotted-break {
	border-bottom: 1px dotted #9d9e9d;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.page .page-panel .p {
	font-weight: bold;
	line-height: 1.5em;
}

.page .wide-panel {	width: 525px; }

/* -----------------------*/
/* Text Page */
/* -----------------------*/

.text-page .sidebar-item {
	padding-bottom: 170px;
}
.text-page .content-panel {
	margin-bottom: 100px;
}
.text-page .content-panel .header { margin-bottom: 30px; }
.text-page .content-panel p {
	padding-bottom: 20px;
	padding-right: 110px;
}
.text-page .content-panel h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.35em;
	padding-top: 20px;
	padding-bottom: 3px;
}
.text-page .content-panel h3 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.35em;
	padding-top: 10px;
	padding-bottom: 8px;
}
.text-page .content-panel .ol,
.text-page .content-panel .ul { padding: 0 0 20px 2em; margin: 0; }
.text-page .content-panel .ol li { list-style: decimal outside; padding-left: 0.5em; }
.text-page .content-panel .ul li { list-style: disc outside; padding-left: 0.5em; }

.text-page .content-panel .ol.lower-roman li { list-style-type: lower-roman; }
.text-page .content-panel .ol.lower-alpha li { list-style-type: lower-alpha; }

.text-page .content-panel .ol.step-list li { padding-bottom: 20px; }

.text-page .content-panel p.address { padding-left:6em; }


/* -----------------------*/
/* Form */
/* -----------------------*/

/* Text field */
input.text {
	font-weight: normal;
	font-size: 12px;
	font-family: Helvetica, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	border: 1px solid #c6c6c6;
	height: 21px;
	line-height: 21px;
	background: #fff url('../img/form/bg-textfield.gif') repeat-x top left;
	resize: none;
	vertical-align: middle;
}

/* Button */
.button-grey {
	text-transform: uppercase;
	font-family: Helvetica, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	border: 1px solid #c6c6c6;
	background: #e0e0e0 url('../img/form/bg-button-grey.gif') repeat-x 0 0;
	text-align: center;
	padding: 0 9px;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
}
.mac .button-grey { font-size: 10px; } /* Fix font size for Mac */
.button-grey:hover {
	border-color: #373737;
}
.button-grey.big {
	height: 23px;
	padding: 0 14px;
}
.mac .button-grey.big { font-size: 11px; }

.button-grey.l-space { margin-left: 10px }
.button-grey.r-space { margin-right: 10px; }

.button-grey.icon {
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
}
.button-grey.icon .icon {
	position: absolute;
	width: 15px;
	height: 15px;
	display: block;
	top: 2px; left: 4px;
	background-repeat: no-repeat;
}
.button-grey.icon.big .icon {
	top: 3px;
}
.button-grey.icon .icon.facebook { background-image: url('../img/icons/facebook-15.gif'); }
.button-grey.icon .icon.twitter { background-image: url('../img/icons/twitter-15.gif'); }

.button-grey.wide {
	padding: 0 25px;
}

.link-button {
	display: block;
	text-decoration: none;
	height: 18px;
	line-height: 18px;
}
.mac .link-button {
	height: 15px;
	line-height: normal;
	padding-top: 3px;
}
.mac.gecko .link-button { height: 13px; padding-top: 5px; }
.link-button.button-grey:hover {
	text-decoration: none;
}
.link-button.big {
	height: 21px;
	line-height: 21px;
}
.mac.gecko .link-button.big { height: 20px; padding-top: 1px; }

.link-icon {
	font-weight: bold;
	padding-left: 22px;
	height: 16px;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	/* Inline block set */
	display:-moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline; /* For IE */
}
.link-icon.cancel { background-image: url('../img/icons/cancel-16.png'); }
.link-icon.exclamation { background-image: url('../img/icons/exclamation-16.png'); }
.link-icon.help { background-image: url('../img/icons/help-16.png'); }

/* Form Panel */

.form-panel.narrow { width: 290px; }
.form-panel.wide { width: 468px; }

.form-panel label { vertical-align: middle; }

.form-panel dt {
	font-weight: bold;
	margin-bottom: 0.3em;
}
.form-panel dt.empty { margin: 0; height: 0; overflow: hidden; }
.form-panel dd {
	margin-bottom: 1.5em;
}
.form-panel dd.small-margin { margin-bottom: 0.3em; }
.form-panel dd.no-margin { margin-bottom: 0; }
.form-panel dd.empty { margin: 0; height: 0; overflow: hidden; }

.form-panel .w-narrow { width: 100px; }
.form-panel .w-normal { width: 272px; }
.form-panel .w-wide { width: 450px; }

.form-panel input.text,
.form-panel textarea.text {
	border: 1px solid #efefef;
	border-top-color: #cfcfcf;
	border-bottom-color: #ecece8;
	background: #fff;
	padding: 6px 8px 7px;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	vertical-align: middle;

	height: auto;
	line-height: normal;
}
.form-panel textarea.text {
	padding: 8px;
	resize: none;
	height: 110px;
	line-height: 1.5em;
}

.form-panel input.checkbox {
	margin-right: 0.5em;
	vertical-align: middle;
}

.form-panel .link-icon {
	font-size: 12px;
	margin-left: 0.5em;
}

.form-panel .note {
	font-size: 0.85em;
	color: #8f8f8d;
	font-weight: bold;
	padding-top: 0.3em;
}
.form-panel .note a { color: #8f8f8d; }

.form-panel .button-panel,
.form-panel #submit-element { text-align: right; margin-bottom: 1em; }
.form-panel .button-panel.left { text-align: left; }
.form-panel .button-panel.with-break {
	border-top: 1px solid #a7a7a5;
	padding-top: 10px;
}

/* Hardcode form elements */
.form-panel #next-label, .form-panel #next-element,
.form-panel #forgotPasswd-label,
.form-panel #submit-label
{ 
	display: none;
}

.form-panel #loginPassword-element { margin-bottom: 0.3em; }

/* Same as note */
.form-panel #forgotPasswd-element {
	font-size: 0.85em;
	color: #8f8f8d;
	font-weight: bold;
	padding-top: 0.3em;
}
.form-panel #forgotPasswd-element a { color: #8f8f8d; }

/* -----------------------*/
/* Tab Panel */
/* -----------------------*/

.tab-panel .tab-menu li {
	float: left;
}
.tab-panel .tab-menu li a {
	display: block;
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 16px;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	width: 160px;
	padding: 0.4em 0.8em;
}
.tab-panel .tab-menu li.current a {
	background: #ecece8;
}
.tab-panel .tab-content-panel {
	
}

/* -----------------------*/
/* core */
/* -----------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* -----------------------*/
/* Top bar */
/* -----------------------*/

#topbar-wrapper {
	background: #fff;
	border-bottom: 1px solid #dcdcdc;
	font-size: 12px;
	color: #353531;
	background: url('../img/sprites-topbar.png') repeat-x top left;
	height: 29px;
	position: relative;
}
#topbar-panel {
	
}
#topbar-panel a { text-decoration: none; }
#topbar-panel a:hover { text-decoration: underline; }
#topbar-panel .item {
	padding: 0 10px 0 10px;
	position: relative;
	line-height: 29px;
	height: 29px;
}
#topbar-panel .item.first {
	padding-left: 0;
}
#topbar-panel .item.last {
	padding-right: 0;
}
#topbar-panel .separator {
	width: 1px; height: 29px;
	background: #dcdcdc;
	border: 1px solid #fff;
	border-top: 0;
	border-bottom: 0;
	overflow: hidden;
}

#topbar-panel #topbar-search .search-input-wrap {
	padding-right: 16px;
	background: url('../img/sprites-topbar.png') no-repeat 94px -88px;
}

#topbar-panel #topbar-search .search-input-wrap #search {
	border: 0; padding: 0; margin: 0;
	background: none;
	font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Helvetica, Arial, 'DBHelvethaicaX', Tahoma, serif;
	font-size: 12px;
	color: #353531;
	width: 90px;
}
#topbar-panel #topbar-lang {
	width: 41px; /* Need to change this value if there is a change on the number of supported languages. */
}
#topbar-panel #topbar-lang .flag {
	float: left;
	width: 17px;
	height: 12px;
	overflow: hidden;
	margin: 8px 7px 0 0;
	background: url('../img/sprites-topbar.png') no-repeat 0 -32px;
	text-indent: -9999px;
	display: block;
}
#topbar-panel #topbar-lang .flag-th {
	background-position: 0 -44px;
	margin-right: 0;
}
#topbar-panel #topbar-basket {
	padding-left: 33px;
	background: url('../img/sprites-topbar.png') no-repeat 10px -61px;
}

/* Notification */
#topbar-wrapper .notification-bar {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 10;
}
#topbar-wrapper .notification-bar .background {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: #353535;
	opacity: 0.9;
	filter:alpha(opacity=90);
}
#topbar-wrapper .notification-bar .message {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	text-align: center;
	color: #fff;
	line-height: 29px;
	font-size: 14px;
	font-family: Helvetica, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
}
#topbar-wrapper .notification-bar .message a { color: #fff; }

/* -----------------------*/
/* Header */
/* -----------------------*/

#header {
	padding: 24px 0;
}
#header .slogan {
	padding-top: 12px;
	text-align: right;
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	color: #90908c;
	line-height: normal;
}
#header .slogan p.title {
	font-size: 18px;
	color: #333;
}

/* -----------------------
 * Menu
 * http://lwis.net/free-css-drop-down-menu/
 * -----------------------*/

#menu-panel {
	margin-bottom: 10px;
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 16px;
	line-height: normal;
}
#menu-panel #mainmenu {
	border: 2px solid #363636;
	border-left: 0;
	border-right: 0;
	position: relative;
	z-index: 500;
}
#menu-panel #mainmenu a { color: #353535; text-decoration: none; }
#menu-panel #mainmenu a:hover { color: #90908c; }

#menu-panel #mainmenu li {
	float: left;
	zoom: 1;
}
#menu-panel #mainmenu li a {
	display: block;
	text-transform: uppercase;
	padding: 0.35em 22px;
}

#menu-panel #mainmenu #menu-home { padding-left: 0; padding-right: 0; width: 70px; }
#menu-panel #mainmenu #menu-fashion { padding-left: 0; padding-right: 0; width: 121px; text-align: center; }
#menu-panel #mainmenu #menu-interiors { padding-left: 0; padding-right: 0; width: 130px; text-align: center; }
#menu-panel #mainmenu #menu-design-tech { padding-left: 0; padding-right: 0; width: 158px; text-align: center; }
#menu-panel #mainmenu #menu-destinations { padding-left: 0; padding-right: 0; width: 154px; text-align: center; }
#menu-panel #mainmenu #menu-dining { padding-left: 0; padding-right: 0; width: 111px; text-align: center; }
/*#menu-panel #mainmenu #menu-shop { padding-left: 0; padding-right: 0; width: 90px; text-align: center; }
#menu-panel #mainmenu #menu-stylize { padding-left: 0; padding-right: 0; width: 102px; text-align: center; }*/
#menu-panel #mainmenu #menu-magazine { padding-left: 0; padding-right: 0; width: 130px; text-align: center; }
#menu-panel #mainmenu #menu-blog { padding-left: 0; padding-right: 0; width: 66px; text-align: right; }

#menu-panel #mainmenu li.dir:hover a,
#menu-panel #mainmenu li.dir.current a {
	background: url('../img/menu-hover-arrow.gif') no-repeat center bottom;
}
#menu-panel #mainmenu li:hover > ul.submenu,
#menu-panel #mainmenu li.current > ul.submenu
{
	visibility: visible;
}

#menu-panel #mainmenu ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 501;
	background: #363636;
	width: 100%;
}

#menu-panel .submenu li {
	float: left;
	position: relative;
}
#menu-panel #mainmenu .submenu li a {
	display: block;
	text-transform: uppercase;
	padding: 0.4em 12px;
	text-decoration: none;
	color: #fff;
	background-image: none !important;
}
#menu-panel #mainmenu li.hover .submenu li a { color: #fff; }

#menu-panel #mainmenu ul.ddmenu {
	z-index: 502;
	top: 100%;
	width: auto;
}
#menu-panel #mainmenu .submenu .ddmenu li a {
	float: none;
	padding: 0.3em 20px;
	width: 100px;
}
#menu-panel #mainmenu .submenu .ddmenu li.first a { padding-top: 0.8em; }
#menu-panel #mainmenu .submenu .ddmenu li.last a { padding-bottom: 0.8em; }
#menu-panel #mainmenu .submenu li:hover > ul {
	visibility: visible;
}

/* Colorize */
#menu-panel #mainmenu li.hover a.red,
#menu-panel #mainmenu a.red:hover,
#menu-panel #mainmenu .submenu.red a:hover,
#menu-panel #mainmenu .submenu a.red:hover {
	color: #cf6860;
}
#menu-panel #mainmenu li.hover a.orange,
#menu-panel #mainmenu a.orange:hover,
#menu-panel #mainmenu .submenu.orange a:hover,
#menu-panel #mainmenu .submenu a.orange:hover {
	color: #ffc170;
}
#menu-panel #mainmenu li.hover a.green,
#menu-panel #mainmenu a.green:hover,
#menu-panel #mainmenu .submenu.green a:hover,
#menu-panel #mainmenu .submenu a.green:hover {
	color: #317b72;
}
#menu-panel #mainmenu li.hover a.blue,
#menu-panel #mainmenu a.blue:hover,
#menu-panel #mainmenu .submenu.blue a:hover,
#menu-panel #mainmenu .submenu a.blue:hover {
	color: #6cacc0;
}
#menu-panel #mainmenu li.hover a.lime,
#menu-panel #mainmenu a.lime:hover,
#menu-panel #mainmenu .submenu.lime a:hover,
#menu-panel #mainmenu .submenu a.lime:hover {
	color: #a4d75c;
}


/* -----------------------*/
/* Body */
/* -----------------------*/

#body {

}

/* -----------------------*/
/* Slideshow Banner (940x355px) */
/* -----------------------*/

#main-banner {
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
#main-banner .banner-list img { display: block; }
#main-banner .direction {
	width: 41px;
	height: 80px;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -40px;
	background: url('../img/carousel-arrows.png') no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}
#main-banner .direction.previous {
	left: 0;
}
#main-banner .direction.next {
	right: 0;
	background-position: -41px 0;
}
#main-banner .nav {
	position: absolute;
	z-index: 2;
	text-align: center;
	width: 200px; height: 15px;
	margin-left: -100px;
	bottom: 18px;
	left: 50%;
}
#main-banner .nav .item {
	width: 6px; height: 5px;
	vertical-align: top;
	background: url('../img/carousel-indicator.png') no-repeat center center;
	text-indent: -9999px;
	overflow: hidden;
	padding: 3px 5px;
	cursor: pointer;
	opacity: 0.3;
	filter:alpha(opacity=30);
	display: inline-block;
}
#main-banner .nav .item.current {
	opacity: 1;
	filter:alpha(opacity=100);
}

/* -----------------------*/
/* Breadcrumb */
/* -----------------------*/

.breadcrumb {
	text-align: center;
	font-size: 12px;
	color: #333;
	margin-bottom: 10px;
}

/* -----------------------*/
/* Circle */
/* -----------------------*/

.sale-circle {
	width: 40px;
	height: 60px;
	padding: 4px 12px 0;
	text-align: center;
	color: #fff;
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 16px;
	line-height: normal;
	text-transform: uppercase;
	background: url('../img/sprites-circle.png') no-repeat 0 0;
}
.sale-circle.orange { background-position: 0 0; }
.sale-circle.red { background-position: 0 -64px; }
.sale-circle.green { background-position: 0 -128px; }
.sale-circle.blue { background-position: 0 -192px; }
.sale-circle.lime { background-position: 0 -256px; }

/* -----------------------*/
/* Product List - Common */
/* -----------------------*/

.product-list {

}
.product-list .product {
	position: relative;
	margin: 0 20px 20px 0;
	float: left;
	display: block;
}
.product-list .product.portrait {
	width: 300px; height: 464px;
	overflow: hidden;
}

.product-list .product.landscape {
	width: 300px; height: 230px;
	overflow: hidden;
}
.product-list .product.last {
	margin-right: 0;
}
.product-list .product .sale-circle {
	position: absolute;
	bottom: 100px; left: 10px;
	z-index: 3;
}
.product-list .product .info {
	border: 1px solid #90908c;
	border-left: 0;
	border-right: 0;
	background: #fff;
	padding: 0.2em 0;
	font-size: 13px;
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	z-index: 3;
}
.product-list .product .info h3 {
	font-weight: bold;
}
.product-list .product .info h3 a {
	text-decoration: none;
}
.product-list .product .hover {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.product-list .product:hover .hover {
	display: block;
}
.product-list .product .hover-bg {
	background: #666 url('../img/bg-product-hover.gif');
	opacity: 0.05;
	filter:alpha(opacity=5);
}
.product-list .product .hover-buttons {
	top: 228px; left: 40px;
	width: 220px;
}
.product-list .product.landscape .hover-buttons {
	top: 103px;
}
.product-list .product .hover-buttons .link-button {
	width: 80px;
	float: left;
}

.product-list .product .section-title {
	position: absolute;
	bottom: 6px; left: 10px;
	z-index: 5;

	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 16px;
	line-height: normal;
	color: #333;
	text-transform: uppercase;
}
.product-list .product .section-title .em {
	color: #90908c;
}
.product-list .product:hover .section-title { color: #fff; }
.product-list .product:hover .section-title .em { color: #b7b7b7; }



.product-list .product .more-info-panel {
	position: absolute;
	bottom: 6px; right: 6px;
	z-index: 5;
}
.product-list .product .more-info-panel .link-button {
	width: 70px;
}

/* Product list with content */
.product-list.with-content .product .hover-bg {
	opacity: 0.9;
	filter:alpha(opacity=90);
}
.product-list.with-content .product .hover-info {
	z-index: 3;
	width: 190px; height: auto;
	top: 50%;
	left: 50%;
	margin-left: -95px;
	margin-top: -65px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.product-list.with-content .product .hover-info h2 {
	border-bottom: 1px solid #fff;
	font-size: 22px;
	line-height: normal;
	padding-bottom: 6px;
	margin-bottom: 4px;
	font-weight: bold;
}
.product-list.with-content .product .hover-info h2.section {
	padding-top: 45px;
	background-position: top center;
	background-repeat: no-repeat;
}

.product-list.with-content .product .hover-info h2.fashion {
	background-image: url('../img/icons/fashion-35.png');
}
.product-list.with-content .product .hover-info h2.interiors {
	background-image: url('../img/icons/interiors-35.png');
}
.product-list.with-content .product .hover-info h2.design-tech {
	background-image: url('../img/icons/design-tech-35.png');
}
.product-list.with-content .product .hover-info h2.destinations {
	background-image: url('../img/icons/destinations-35.png');
}
.product-list.with-content .product .hover-info h2.dining {
	background-image: url('../img/icons/dining-35.png');
}

.product-list.with-content .product .hover-info h2 a { color: #fff; text-decoration: none; }
.product-list.with-content .product .hover-info p {
	font-size: 16px;
	line-height: normal;
}

/*  List in full page */

.list-full-page.product-list .product {
	text-decoration: none;
	cursor: pointer;
}
.list-full-page.product-list .product.landscape {
	height: auto;
}
.list-full-page.product-list .product img {
	display: block;
}
.list-full-page.product-list .product .sale-circle {
	bottom: 54px;
}
.list-full-page.product-list .product .info {
	font-weight: bold;
}
.list-full-page.product-list .product.landscape .info {
	position: relative;
	bottom: auto;
	left: auto;
	width: auto;
	zoom: 1;
}
.list-full-page.product-list .product .info h3 { float: left; }
.list-full-page.product-list .product .info .price { float: right; }

/* -----------------------*/
/* Homepage */
/* -----------------------*/

/* Home block */
#homepage .home-block {
	position: relative;
	margin: 0 20px 20px 0;
	float: left;
	display: block;
	width: 300px; height: 230px;
}
#homepage .home-block.last {
	margin-right: 0;
}
#homepage .home-block .title {
	border: 1px solid #000;
	border-left: 0; border-right: 0;
	padding: 0.1em 0;
}
#homepage .home-block .title h2 {
	text-transform: uppercase;
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	color: #363636;
	float: left;
}
#homepage .home-block .title h2 a { color: #363636; text-decoration: none; }
#homepage .home-block .title .links {
	float: right;
	margin-top: 0.4em;
}
#homepage .home-block .title .links a {
	display: block;
	float: right;
	width: 8px; height: 8px;
	overflow: hidden;
	text-indent: -9999px;
	padding: 0 2px;
	margin-left: 4px;
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#homepage .home-block .title .links a.rss {
	background-image: url('../img/icons/rss-8.png');
}

#homepage .home-block.blog .title { margin-bottom: 10px; }

/* -----------------------*/
/* Share Panel */
/* -----------------------*/

.share-panel ul li {
	float: left;
	margin-right: 15px;
}

/* -----------------------*/
/* Blog Page */
/* -----------------------*/

.blog-page .blog-content .blog-head {
	margin-bottom: 25px;
}
.blog-page .blog-content .blog-head .main-photo { margin-bottom: 1em; }
.blog-page .blog-content .blog-head h1 {
	font-weight: bold;
	font-size: 30px;
	line-height: normal;
	margin-bottom: 5px;
}
.blog-page .blog-content .blog-head .meta { font-size: 12px; }
.blog-page .blog-content .blog-author { font-weight: bold; color: #999; margin-bottom: 1.5em; }
.blog-page .blog-content .blog-body {
	line-height: 1.5em;
	padding-bottom: 2.5em;
	border-bottom: 1px dotted #9d9e9d;
}

.blog-page .blog-share-panel {
	margin-bottom: 2em;
}
.blog-page .blog-share-panel .share-panel {
	float: left;
	padding: 10px 10px 0 10px;
	height: 45px;
	border-left: 1px dotted #9d9e9d
}
.blog-page .blog-share-panel .share-panel.first {
	padding-left: 0;
	border-left: 0;
}
.blog-page .blog-share-panel .share-panel.share-icons {
	padding-right: 40px;
}
.blog-page .blog-share-panel .share-panel h2.heading {
	border: 0;
	padding: 0;
	margin-bottom: 2px;
}
.blog-page .blog-share-panel .fb-like-panel { width: 230px; }

.blog-page .blog-comment-panel h2.heading { margin-bottom: 0; }

/* Sidebar */

.blog-page .sidebar-panel .sidebar-item.blog { margin-bottom: 20px; }

/* -----------------------*/
/* User Comment Panel */
/* -----------------------*/

.comment-panel {
	border-bottom: 1px solid #363636;
	margin-bottom: 20px;
}
.comment-panel .comment-item {
	font-size: 12px;
	border-bottom: 1px dotted #9d9e9d;
	padding: 1.4em 0 2em;
}
.comment-panel .comment-item.last { border-bottom: 0; }
.comment-panel .comment-item .comment-meta {
	float: left;
	width: 170px;
}
.comment-panel .comment-item .comment-meta .author { font-weight: bold; margin-bottom: 0.3em; }
.comment-panel .comment-item .comment-meta .comment-date { color: #9d9e9d; }

.comment-panel .comment-item .comment-body {
	float: right;
	width: 430px;
}

.leave-comment-panel h2.heading {
	border: 0; padding: 0;
	margin-bottom: 0.3em;
}
.leave-comment-panel .page-panel {
	padding: 20px;
}
.leave-comment-panel textarea.text {
	width: 562px;
}

/* -----------------------*/
/* Blog List */
/* -----------------------*/

.blog .post-list .post-item {
	margin-bottom: 10px;
	text-decoration: none;
	cursor: pointer;
	height: 94px;
	display: block;
}
.blog .post-list .post-item:hover { background: #f6f6f6; }
.blog .post-list .post-item.last { margin-bottom: 0; }
.blog .post-list .post-item img { float: left; }
.blog .post-list .post-item .detail {
	float: left;
	padding: 10px;
	width: 158px;
}
.blog .post-list .post-item .detail .date {
	color: #90908c;
	text-transform: uppercase;
	font-family: Helvetica, Arial, 'DBHelvethaicaX', Tahoma, serif;
	font-size: 10px;
	line-height: normal;
	margin-bottom: 2px;
}
.blog .post-list .post-item .detail .post-title {
	color: #333;
}

/* -----------------------*/
/* Accordian UI */
/* -----------------------*/

/* Product Detail Stack */
.product-info-stack {
	margin-bottom: 10px;
	border-top: 1px solid #000;
}
.product-info-stack .stack {
	position: relative;
}
.product-info-stack .stack h3 {
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	text-transform: uppercase;
	padding: 0.2em 2px 0.2em 0;
}
.product-info-stack .stack .body {
	padding: 0 2px;
	font-size: 12px;
}

/* Expandable Stack */
.product-info-stack .stack.expandable h3 {
	border-bottom: 1px solid #000;
	background: url('../img/sprites-arrow.png') no-repeat 288px 0;
}
.product-info-stack .stack.expandable.open h3 {
	background-position: 288px -20px;
}
.product-info-stack .stack.expandable .body {
	display: none;
	border-bottom: 1px solid #000;
	padding: 10px 2px;
}
.product-info-stack .stack.open .body {
	display: block;
}

/* Fixed Stack */
.product-info-stack .stack.fixed {
	padding: 10px 0;
	border-bottom: 1px solid #000;
}
.product-info-stack .stack.fixed h3 {
	padding-bottom: 0.5em;
}

/* -----------------------*/
/* View Product */
/* -----------------------*/
.view-product {
	margin-bottom: 40px;
	position: relative;
}

/* Product Gallery */
.view-product .product-gallery .photo {
	text-align: center;
}
.view-product .product-gallery .carousel li {
	margin-bottom: 12px;
}
.view-product .product-gallery .carousel li.last { margin-bottom: 0; }
.view-product .product-gallery .carousel li a {
	display: block;
	border: 1px solid #fff;
}
.view-product .product-gallery .carousel li a.current {
	border-color: #c6c6c6;
}

/* Product Gallery - Portrait */
.view-product .product-gallery.portrait .carousel {
	float: left;
	margin-right: 2px;
	width: 78px;
}
.view-product .product-gallery.portrait .carousel li a { height: 106px; overflow: hidden; }
.view-product .product-gallery.portrait .photo {
	float: right;
	width: 390px; height: 575px;
	margin: 0 75px;
	text-align: center;
}

/* Product Gallery - Landscape */
.view-product .product-gallery.landscape .carousel {
	margin-top: 2px;
}
.view-product .product-gallery.landscape .carousel li { float: left; margin: 0 12px 12px 0; }
.view-product .product-gallery.landscape .carousel li.last { margin-right: 0; }
.view-product .product-gallery.landscape .photo {
	height: 500px;
	text-align: center;
}

/* Product Zoom */
.view-product .product-zoom {
	width: 798px;
	height: 573px;
	border: 1px solid #c6c6c6;
	overflow: hidden;
	position: absolute;
	top: 0; right: 0;
	background: #fff;
	text-align: center;
	z-index: 5;
	display: none;
}
.view-product .product-zoom .product-zoom-photo {
	cursor: move;
}
.view-product .product-zoom .close {
	position: absolute;
	width: 21px;
	height: 21px;
	background: url('../img/icons/close-17.png') no-repeat center;
	top: 8px; right: 8px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	z-index: 6;
}

.view-product.show-zoom .product-gallery .carousel {
	float: left !important;
}
.view-product.show-zoom .product-gallery .carousel li {
	float: none !important;
	margin: 0 0 12px 0 !important;
}
.view-product.show-zoom .product-gallery .carousel li.last {
	margin: 0 !important;
}

/* Product Detail */
.view-product .product-detail {
	position: relative;
}
.view-product .product-detail .sale-circle {
	position: absolute;
	top: 0; right: 0;
}

/* Product Metadata */
.view-product .product-detail .product-meta {
	margin-bottom: 15px;
}
.view-product .product-detail .product-meta .brand {
	font-family: Helvetica, Arial, 'DBHelvethaicaX', Tahoma, serif;
	font-size: 10px;
	line-height: normal;
	color: #90908c;
	text-transform: uppercase;
}
.view-product .product-detail .product-meta .name {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.35em;
	margin-bottom: 10px;
}
.view-product .product-detail .product-meta .price {
	font-size: 18px;
	line-height: normal;
	margin-bottom: 5px;
}

/* Color form */
.view-product .product-detail .product-info-stack .stack .color-form .color {
	width: 26px; height: 18px;
	margin: 2px 8px 7px 3px;
	cursor: pointer;
	float: left;
}
.view-product .product-detail .product-info-stack .stack .color-form .color.disabled {
	background: url('../img/form/size-disabled.png') no-repeat top left;
	cursor: default;
}
.view-product .product-detail .product-info-stack .stack .color-form .color.last {
	margin-right: 3px;
}
.view-product .product-detail .product-info-stack .stack .color-form .color.current {
	width: 30px; height: 20px;
	margin: 0 5px 5px 0;
	border: 1px solid #373737;
}
.view-product .product-detail .product-info-stack .stack .color-form .color.current.first {
	margin-left: 0;
}
.view-product .product-detail .product-info-stack .stack .color-form .color.current.last {
	margin-right: 0;
}

/* Size form */
.view-product .product-detail .product-info-stack .stack .size-header .size-chart-link {
	display:block;
	float:right;
	font-size: 11px;
}
.view-product .product-detail .product-info-stack .stack .size-form .size {
	width: 30px; height: 20px;
	margin: 0 4px 4px 0;
	border: 1px solid #b9b9b9;
	color: #b9b9b9;
	line-height: 20px;
	text-align: center;
	float: left;
	font-family: Helvetica, Arial, 'DBHelvethaicaX', Tahoma, serif;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 12px;
}
.view-product .product-detail .product-info-stack .stack .size-form .size.last {
	margin-right: 0;
}
.view-product .product-detail .product-info-stack .stack .size-form .size.disabled {
	background: url('../img/form/size-disabled.png') no-repeat top left;
	cursor: default;
}
.view-product .product-detail .product-info-stack .stack .size-form .size.current {
	border-color: #373737;
	color: #373737;
}

/* Quantity form */
.view-product .product-detail .product-info-stack .stack .quantity-form {
	vertical-align: top;
}
.view-product .product-detail .product-info-stack .stack .quantity-form .button-grey {
	padding-left: 0;
	padding-right: 0;
	width: 24px;
	vertical-align: middle;
}
.view-product .product-detail .product-info-stack .stack .quantity-form .text {
	width: 30px;
	vertical-align: middle;
}

/* Button Panel */
.view-product .product-detail .product-info-stack .stack .button-panel {
	margin-top: 20px;
}

/* Product Detail Post Info */
.view-product .product-detail .product-post-info .code {
	font-size: 12px;
	color: #ababa8;
	float: left;
}
.view-product .product-detail .product-post-info .social-buttons {
	float: right;
}
.view-product .product-detail .product-post-info .social-buttons .button {
	float: left;
	margin-left: 10px;
}

/* -----------------------*/
/* Magazine Archive */
/* -----------------------*/
.magazine-archive {
	padding-bottom: 30px;
	margin-top: 10px;
}
.magazine-archive .product-list .product .hover { display: block; }
.magazine-archive .product-list .product .hover-bg {
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.magazine-archive .product-list .product .hover-info {
	z-index: 3;
	width: 250px; height: auto;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -25px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.magazine-archive .product-list .product .hover-info h2 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.35em;
}

.magazine-archive .archive-date li a {
	text-align: center;
	display: block;
	text-decoration: none;
}
.magazine-archive .archive-date li a:hover { text-decoration: underline; }
.magazine-archive .archive-date .year a {
	font-size: 10px;
	font-family: Helvetica, Arial, 'DBHelvethaicaX', Tahoma, serif;
	padding: 12px 0;
	color: #333;
}
.magazine-archive .archive-date .month {
	border-bottom: 1px dotted #9d9e9d;
}
.magazine-archive .archive-date .month a {
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	padding: 0.4em 0;
}

.magazine-archive .archive-date .issue-list {
	margin-bottom: 0.5em;
}
.magazine-archive .archive-date .issue-list li a {
	color: #90908c;
	font-size: 12px;
	font-weight: normal;
	padding: 0.2em 0;
}
.magazine-archive .archive-date .issue-list li a.current {
	color: #333;
}

/* -----------------------*/
/* Magazine Theme */
/* -----------------------*/

/* Common */
.magazine-section-break {
	padding-top: 29px;
	border-top: 2px solid #333;
	height: 1px; overflow: hidden;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

.view-magazine {
	margin-top: 30px;
	margin-bottom: 30px;
}
.view-magazine.first { margin-top: 0; }

.view-magazine .main-photo {
	margin-bottom: 20px;
	position: relative;
}
.view-magazine .main-photo img { display: block; }

.view-magazine .body {
	color: #333;
}
.view-magazine .body .body-space {
	margin: 0 30px;
}
.view-magazine .body .credit {
	font-size: 12px;
	font-weight: bold;
	padding: 18px 0 28px;
	text-align: center;
}
.view-magazine .body .category {
	text-transform: uppercase;
	font-family: Helvetica, Arial, 'DBHelvethaicaX', Tahoma, serif;
	font-size: 10px;
	margin-bottom: 5px;
	text-align: center;
}
.view-magazine .body p {
	margin-bottom: 1.5em;
	line-height: 1.5em;
}
.view-magazine .body h1 {
	font-size: 30px;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	padding: 0 0 7px;
}
.view-magazine .body .teaser {
	font-size: 20px;
	line-height: normal;
	text-align: center;
	padding: 0 0 7px;
}
.view-magazine .body h2 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
}
.view-magazine .body .separator {
	border-top: 1px solid #333;
	width: 140px; height: 1px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 1.8em;
}
.view-magazine .body.over-photo {
	position: absolute;
	z-index: 10;
	width: 380px;
	left: 50%;
	margin-left: -190px;
}
.view-magazine .body.over-photo h1 {
	padding-bottom: 0em;
}
.view-magazine .body.over-photo .teaser {
	padding-left: 30px;
	padding-right: 30px;
}

.view-magazine .sidebar .photo {
	margin-bottom: 20px;
}
.view-magazine .sidebar .photo img { display: block; }

.view-magazine .sidebar .share-panel {
	padding-bottom: 15px;
}
.view-magazine .sidebar .share-panel h2.heading {
	margin-bottom: 15px;
}

.view-magazine .post-meta.landscape {
	border-top: 1px dotted #9d9e9d;
	zoom: 1;
}

.view-magazine .post-meta.landscape .block {
	float: left;
	width: 210px; height: 89px;
	padding: 6px 14px 0 15px;
	border-right: 1px dotted #9d9e9d;
	color: #333;
}
.view-magazine .post-meta.landscape .block.first {
	padding-left: 0;
}
.view-magazine .post-meta.landscape .block.last {
	padding-right: 0;
	border-right: 0;
}

.view-magazine .post-meta .post-meta-row {
	border-bottom: 1px dotted #9d9e9d;
}
.view-magazine .post-meta .post-meta-row.last {
	border-bottom: none;
}
.view-magazine .post-meta.landscape .post-meta-row .block { padding-bottom: 12px; }
.view-magazine .post-meta.landscape .post-meta-row .photo-info .button-panel { bottom: 12px; }
.view-magazine .post-meta.landscape .post-meta-row.last .block { padding-bottom: 0; }
.view-magazine .post-meta.landscape .post-meta-row.last .photo-info .button-panel { bottom: 0; }

.view-magazine .post-meta .browse-featured {
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	text-transform: uppercase;
	padding: 2px 0 0 47px;
	margin-bottom: 22px;
	background-repeat: no-repeat;
	background-position: top left;
	width: 130px; height: 34px;
}
.view-magazine .post-meta .browse-featured.oneline {
	padding-top: 10px;
	height: 28px;
}
.view-magazine .post-meta .browse-featured.fashion {
	background-image: url('../img/icons/fashion-35.png');
}
.view-magazine .post-meta .browse-featured.interiors {
	background-image: url('../img/icons/interiors-35.png');
}
.view-magazine .post-meta .browse-featured.design-tech {
	background-image: url('../img/icons/design-tech-35.png');
}
.view-magazine .post-meta .browse-featured.destinations {
	background-image: url('../img/icons/destinations-35.png');
}
.view-magazine .post-meta .browse-featured.dining {
	background-image: url('../img/icons/dining-35.png');
}

.view-magazine .post-meta .photo-info p { line-height: 1.5em; }
.view-magazine .post-meta .photo-info .photo-meta {
	color: #9d9e9d;
	font-weight: bold;
}
.view-magazine .post-meta .photo-info .product-name {
	font-weight: bold;
}
.view-magazine .post-meta .photo-info .product-meta {
	font-style: italic;
}
.view-magazine .post-meta .photo-info .button-panel {
	margin-top: 10px;
}
.view-magazine .post-meta .photo-info .button-panel .link-button {
	float: left;
}

.view-magazine .post-meta.landscape .photo-info {
	position: relative;
	zoom: 1;
}
.view-magazine .post-meta.landscape .photo-info .button-panel {
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 210px;
}
.view-magazine .post-meta.landscape .photo-info.first .button-panel { left: 0; }

/* Theme 1 */
.view-magazine.theme-1 .body.over-photo {
	bottom: 15px;
	color: #fff;
}

.view-magazine.theme-1 .post-meta.landscape .block.first {
	width: 215px;
}
.view-magazine.theme-1 .post-meta.landscape .block.last {
	width: 215px;
}

.view-magazine.theme-1 .sidebar .share-panel {
	padding-bottom: 45px;
}

/* Theme 2 */
.view-magazine.theme-2 .post-meta .photo-info {
	padding: 10px 0;
	border-top: 1px dotted #9d9e9d;
	color: #333;
}

/* Theme 3 */
.view-magazine.theme-3 .body {
	padding: 0 30px;
}
.view-magazine.theme-3 .body h1 {
	margin-top: 25px;
}
.view-magazine.theme-3 .body .credit { padding-bottom: 18px; }

.view-magazine.theme-3 .post-meta {
	margin-top: 50px;
}
.view-magazine.theme-3 .post-meta.landscape .block {
	width: 185px;
}

/* Theme 4 */
.view-magazine.theme-4 .body h1 {
	margin-top: 25px;
}
.view-magazine.theme-4 .body .credit { padding-bottom: 18px; }

.view-magazine.theme-4 .body.over-photo {
	top: 30px;
	color: #fff;
}
.view-magazine.theme-4 .post-meta.landscape .block.first {
	width: 215px;
}
.view-magazine.theme-4 .post-meta.landscape .block.last {
	width: 215px;
}

/* Theme 5 */
.view-magazine.theme-5 .sidebar .photo-info {
	margin-bottom: 55px;
	margin-top: 20px;
	border-top: 1px dotted #9d9e9d;
	padding-top: 6px;
}
.view-magazine.theme-5 .body.over-photo {
	top: 100px;
	color: #fff;
	margin-left: 50px;
}

/* -----------------------*/
/* Address panel */
/* -----------------------*/

.page-panel.address-panel .address-item {
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	clear: left;
}
.page-panel.address-panel .address-item.last { margin-right: 0; clear: right; }
.page-panel.address-panel .address-item dd { float: left; width: 20px; }
.page-panel.address-panel .address-item dt {
	float: left;
	width: 250px;
	padding-left: 10px;
}
.page-panel.address-panel .address-item .action {
	margin-top: 10px;
	font-weight: normal;
	display: block;
}
.page-panel.address-panel .address-item .action a { color: #ccc; }
.page-panel.address-panel .address-item .action a strong { font-weight: normal; color: #333; }

/* -----------------------*/
/* Help menu in sidebar */
/* -----------------------*/
.page .sidebar-panel ul.help-menu li {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0.4em;
}

/* -----------------------*/
/* Guest Account Page */
/* -----------------------*/

.guest-account-page .sidebar-panel .sidebar-item {
	margin-bottom: 20px;
}
.guest-account-page .sidebar-panel .sidebar-item.product {
	margin: 0 0 20px;
}
.guest-account-page .page-panel ul {
	margin-bottom: 1.5em;
}

/* -----------------------*/
/* My Account Page */
/* -----------------------*/

.my-account-page .sidebar-panel .sidebar-item {
	margin-bottom: 20px;
}
.my-account-page .sidebar-panel .sidebar-item p {
	font-size: 12px;
	color: #333;
	margin-bottom: 1.5em;
}

/* My Account Menu */
.my-account-page .menu li {
	margin-bottom: 0.5em;
}
.my-account-page .menu li a {
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #9a9a9a;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
.my-account-page .menu li a.current,
.my-account-page .menu li a:hover {
	color: #333;
}

/* My Account block */

.my-account-page .account-block-list .account-block {
	display: block;
	height: 169px;
	margin-bottom: 20px;
	position: relative;
	background: #edede9 url('../img/my-account/bg-block.jpg') repeat 0 0;
	text-decoration: none;
}

.my-account-page .account-block-list .account-block .icon {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 50% 30%;
}
.my-account-page .account-block-list .account-block.no-section-title .icon { background-position: center; }
.my-account-page .account-block-list .account-block .icon.profile-settings {
	background-image: url('../img/my-account/icons/profile-settings.jpg');
}
.my-account-page .account-block-list .account-block .icon.shipping-address {
	background-image: url('../img/my-account/icons/shipping-addresses.jpg');
}
.my-account-page .account-block-list .account-block .icon.billing {
	background-image: url('../img/my-account/icons/billing.jpg');
}
.my-account-page .account-block-list .account-block .icon.orders-returns {
	background-image: url('../img/my-account/icons/orders-returns.jpg');
}
.my-account-page .account-block-list .account-block .icon.wallet {
	background-image: url('../img/my-account/icons/wallet.jpg');
}
.my-account-page .account-block-list .account-block .icon.wish-list {
	background-image: url('../img/my-account/icons/wish-list.jpg');
}
.my-account-page .account-block-list .account-block .icon.invite-friends {
	background-image: url('../img/my-account/icons/invite-friends.jpg');
}

.my-account-page .account-block-list .account-block .hover {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.my-account-page .account-block-list .account-block:hover .hover {
	display: block;
}
.my-account-page .account-block-list .account-block .hover-bg {
	background: #666 url('../img/bg-product-hover.gif');
	opacity: 0.9;
	filter:alpha(opacity=90);
}
.my-account-page .account-block-list .account-block .hover-info {
	z-index: 3;
	width: 190px; height: auto;
	top: 50%;
	left: 50%;
	margin-left: -95px;
	margin-top: -25px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.my-account-page .account-block-list .account-block .section-title {
	position: absolute;
	bottom: 3px; left: 8px;
	z-index: 5;

	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #333;
	text-transform: uppercase;
}
.my-account-page .account-block-list .account-block:hover .section-title { color: #fff; }

/* My Account Main Area */
.my-account-page .content-panel .header {
	margin-top: 10px;
}
.my-account-page .content-panel .header.first { margin-top: 0; }

.my-account-page .email-setup-panel .email-type-panel {
	float: left;
	width: 160px;
	margin-right: 20px;
}
.my-account-page .email-setup-panel .email-type-panel .child {
	margin: 0.8em 0 0 1.5em;
}
.my-account-page .email-setup-panel .email-type-panel .child .item { margin-bottom: 0.5em; }

/* Profile Settings */
#preferred-lang-panel {
	height: 120px;
}
#preferred-lang-panel #submit-element {
	padding-top: 29px;
}

/* Shipping Address */
.my-account-page .page-panel.address-panel .address-item {
	font-size: 12px;
}

/* Billing */
.my-account-page .cc-accept-note { margin-bottom: 20px; }

/* Orders & Returns */

.my-account-page .tbl-orders-returns {
	width: 100%;
}

.my-account-page .tbl-orders-returns thead td.order-head-row {
	border: 1px solid #363636;
	border-left: 0;
	border-right: 0;
	padding: 0.2em 0;

	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #333;
	text-transform: uppercase;
}

.my-account-page .tbl-orders-returns thead td,
.my-account-page .tbl-orders-returns tbody td {
	padding-right: 1em;
	vertical-align: top;
}
.my-account-page .tbl-orders-returns td.last { padding-right: 0; }

.my-account-page .tbl-orders-returns td.order-head { width: 20%; }
	.my-account-page .tbl-orders-returns td.icon { width: 5%; }
	.my-account-page .tbl-orders-returns td.order-id { width: 15%; }
.my-account-page .tbl-orders-returns td.order-date { width: 15%; }
.my-account-page .tbl-orders-returns td.total-price { width: 15%; }
.my-account-page .tbl-orders-returns td.order-status { width: 50%; }

.my-account-page .tbl-orders-returns td.order-item-row {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #9a9a9a;

	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}

.my-account-page .tbl-orders-returns .expander {
	height: 17px;
	background: url('../img/sprites-arrow.png') no-repeat 0 -42px;
}
.my-account-page .tbl-orders-returns .expand .expander {
	background-position: 0 -2px;
}
.my-account-page .tbl-orders-returns .expand td.order-item-row {
	border-bottom: 0;
}

.my-account-page .tbl-orders-returns .return-form-panel {
	padding-bottom: 1em;
	border-bottom: 1px dotted #9d9e9d;
}

/* Wallet */
.my-account-page .credit-panel {
	position: relative;
}
.my-account-page .credit-panel .button-panel {
	position: absolute;
	bottom: 0.5em; right: 0;
	width: 250px;
}
.my-account-page .credit-panel .button-panel .link-button {
	float: right;
	margin-left: 1em;
}

/* Invites Friend */
.my-account-page .invite-panel .social-panel {
	margin: 1.5em 0 1em;
}

/* Referral Tab */
.my-account-page .referral-panel .tbl-referral {
	width: 100%;
}
.my-account-page .referral-panel .tbl-referral thead td {
	border-bottom: 1px solid #9a9a9a;
	padding: 0 0 0.2em;

	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #333;
	text-transform: uppercase;
}
.my-account-page .referral-panel .tbl-referral td {
	vertical-align: top;
	padding-right: 1em;
}

.my-account-page .referral-panel .tbl-referral .referral-email { width: 40%; }
.my-account-page .referral-panel .tbl-referral .referral-updated { width: 20%; }
.my-account-page .referral-panel .tbl-referral .referral-status { width: 37%; }
.my-account-page .referral-panel .tbl-referral .referral-delete { width: 3%; text-align: right; padding-right: 0; }

.my-account-page .referral-panel .tbl-referral tbody td {
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	border-bottom: 1px dotted #9d9e9d;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
.my-account-page .referral-panel .tbl-referral tbody .even td { background-color: #e7e7e1; }

.my-account-page .referral-panel .tbl-referral .delete-button {
	display: block;
	width: 16px;
	height: 16px;
	background: url('../img/icons/cancel-grey-16.png') no-repeat 0 0;
	text-indent: 9999px;
	overflow: hidden;
}

/* -----------------------*/
/* Wallet Panel */
/* -----------------------*/

.wallet-panel .credit {
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 36px;
	line-height: normal;
}

.point-panel .page-panel {
	margin: 1.5em 0 1.5em 10px;
	background: #dadad3;
	padding: 20px;
}

/* -----------------------*/
/* Table Product List */
/* -----------------------*/

table.tbl-product-list {
	width: 100%;
	border-bottom: 1px solid #9a9a9a;
	margin-bottom: 1em;
}

table.tbl-product-list thead td {
	border-bottom: 1px solid #9a9a9a;
	padding: 1em 1em 0.2em 0;

	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #333;
	text-transform: uppercase;
}
table.tbl-product-list thead td select { font-size: 11px; }
table.tbl-product-list tbody td {
	vertical-align: top;
	padding: 1em 1em 1em 0;
	border-bottom: 1px dotted #9d9e9d;
	font-size: 12px;
}

table.tbl-product-list td.first { padding-left: 0 !important; }
table.tbl-product-list td.last { padding-right: 0 !important; }

table.tbl-product-list tbody td.product-thumb { text-align: center;  }

table.tbl-product-list tbody .b-space { margin-bottom: 0.5em; }

table.tbl-product-list tbody .expand td { border-bottom: 0; }

table.tbl-product-list tbody td.product-detail-row {
	border: 0;
	padding: 0;
	font-size: 14px;
}

.tbl-orders-product-list.tbl-product-list td.product-thumb { width: 15%; }
.tbl-orders-product-list.tbl-product-list td.product-desc { width: 25%; }
.tbl-orders-product-list.tbl-product-list td.product-color { width: 10%; }
.tbl-orders-product-list.tbl-product-list td.product-qty { width: 10%; }
.tbl-orders-product-list.tbl-product-list td.product-price { width: 12%; }
.tbl-orders-product-list.tbl-product-list td.product-status { width: 28%; }

.tbl-orders-product-list.tbl-product-list thead td {
	border-top: 1px dotted #9d9e9d;
	padding: 1.5em 0 0.2em;
}

.tbl-wish-list-product-list.tbl-product-list td.product-checkbox { width: 8%; }
.tbl-wish-list-product-list.tbl-product-list td.product-thumb { width: 15%; }
.tbl-wish-list-product-list.tbl-product-list td.product-desc { width: 22%; }
.tbl-wish-list-product-list.tbl-product-list td.product-color { width: 10%; }
.tbl-wish-list-product-list.tbl-product-list td.product-stock { width: 10%; }
.tbl-wish-list-product-list.tbl-product-list td.product-price { width: 35%; }
.tbl-wish-list-product-list.tbl-product-list tbody td.product-checkbox { vertical-align: middle; }

.tbl-basket-list.tbl-product-list td.product-checkbox { width: 9%; }
.tbl-basket-list.tbl-product-list td.product-thumb { width: 17%; }
.tbl-basket-list.tbl-product-list td.product-desc { width: 17%; }
.tbl-basket-list.tbl-product-list td.product-delivery { width: 15%; }
.tbl-basket-list.tbl-product-list td.product-time { width: 14%; }
.tbl-basket-list.tbl-product-list td.product-price { width: 10%; }
.tbl-basket-list.tbl-product-list td.product-qty { width: 9%; }
.tbl-basket-list.tbl-product-list td.product-total { width: 9%; }

.tbl-basket-list.tbl-product-list { margin-bottom: 0.5em; }
.tbl-basket-list.tbl-product-list tbody td { font-size: 14px; }
.tbl-basket-list.tbl-product-list tbody td.product-checkbox { padding-left: 1em; vertical-align: middle; }
.tbl-basket-list.tbl-product-list tbody td.product-thumb { vertical-align: middle; }
.tbl-basket-list.tbl-product-list tbody td.product-time { font-weight: bold; }
.tbl-basket-list.tbl-product-list tbody td.product-desc { font-size: 12px; }
.tbl-basket-list.tbl-product-list tbody td.product-desc .meta { padding-top: 0.8em; font-weight: bold; }

/* -----------------------*/
/* Basket page */
/* -----------------------*/

.basket-page .order-total-panel .header {
	height: 24px;
	margin-bottom: 8px;
}
.basket-page .order-total-panel .page-panel {
	padding: 15px 20px;
}

/* -----------------------*/
/* Checkout page */
/* -----------------------*/

.checkout-page .button-grey { width: 170px; }

/* Step Navigation */

.checkout-content-panel .checkout-nav {
	margin-bottom: 1.5em;
}
.checkout-content-panel .checkout-nav li {
	float: left;
	color: #d9d9d9;
	border-width: 1px 0;
	border-style: solid;
	margin-right: 2px;
	width: 153px;
	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	text-transform: uppercase;
}
.checkout-content-panel .checkout-nav li.last { margin-right: 0; }
.checkout-content-panel .checkout-nav li.current { color: #686868; }

.checkout-content-panel .checkout-nav li a {
	cursor: pointer;
	text-decoration: none;
	color: #d9d9d9;
	display: block;
}
.checkout-content-panel .checkout-nav li.current a { color: #686868; }

.checkout-content-panel .checkout-nav li .step-no {
	font-size: 42px;
	line-height: normal;
	display: block;
	float: left;
}
.checkout-content-panel .checkout-nav li .step-detail {
	padding: 6px 0 0 10px;
	font-size: 16px;
	line-height: normal;
	display: block;
	float: left;
}

/* Payment page */
.checkout-payment-page .payment-item {
	margin-bottom: 1.5em;
}
.checkout-payment-page .payment-item .payment-form-panel {
	font-weight: bold;
}
.checkout-payment-page .payment-item .payment-detail-panel {
	background: #dadad3;
	margin-left: 1.65em;
	margin-top: 1em;
	padding: 20px;
	display: none;
}
.checkout-payment-page .payment-item .payment-detail-panel .credit-panel {
	float: left;
	width: 230px;
	margin-right: 20px;
}
.checkout-payment-page .payment-item .payment-detail-panel .button-panel {
	margin-bottom: 0;
	margin-top: 1.5em;
}

/* Review page */
.checkout-review-page .button-panel { margin: 1em 0 0; }
.checkout-review-page .page-panel.button-panel { padding: 20px; margin-top: 1.5em; }

/* Confirm page */
.checkout-confirm-page .button-panel { margin-top: 1.5em; }

/* Sidebar */
.checkout-page .tbl-order-details {
	width: 100%; 
	border: 1px solid #9a9a9a; 
	border-right: 0; border-left: 0;
	margin-bottom: 1.5em;
}
.checkout-page .tbl-order-details td { padding: 0.3em 0; border-bottom: 1px solid #9a9a9a; }
.checkout-page .tbl-order-details td.label { font-weight: bold; width: 40%; }
.checkout-page .tbl-order-details td.amount { text-align: right; width: 60%; }

/* -----------------------*/
/* Brand page */
/* -----------------------*/

/* Brand Stack */
.brand-page .sidebar-item .product-info-stack .stack.expandable h3 {
	background-position: -100px 0;
}
.brand-page .sidebar-item .product-info-stack .stack.expandable.open h3 {
	background-position: 210px -20px;
}
.brand-page .sidebar-item .product-info-stack .stack .body {
	padding-top: 6px;
	padding-bottom: 26px;
}
.brand-page .sidebar-item .product-info-stack .stack .body a { text-decoration: none; }

/* Brand List Blocks */
.brand-page .brand-block-list .brand-block {
	display: block;
	height: 169px;
	margin-bottom: 20px;
	position: relative;
	background: #fff;
	text-decoration: none;
}

.brand-page .brand-block-list .brand-block .icon {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.brand-page .brand-block-list .brand-block .section-title {
	position: absolute;
	bottom: 3px; left: 8px;
	z-index: 5;

	font-family: ITCFranklinGothicStdMdCn, Arial, 'DBHelvethaicaX', Tahoma, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #333;
	text-transform: uppercase;
}
.brand-page .brand-block-list .brand-block.white .section-title { color: #fff; }

/* -----------------------*/
/* Size Chart page */
/* -----------------------*/

.size-chart-page { margin-bottom: 30px; }
.size-chart-page .tbl-size-chart {
	width: 100%; border: 0;
}
.size-chart-page .tbl-size-chart.tbl-6-cols td { width: 16%; }
.size-chart-page .tbl-size-chart.tbl-10-cols td { width: 10%; }
.size-chart-page .tbl-size-chart td {
	color: #333;
	background: #fff;
	text-align: center;
	vertical-align: top;
	padding: 6px 0;
	font-weight: bold;
}
.size-chart-page .tbl-size-chart thead td {
	background: #353535;
	color: #fff;
}
.size-chart-page .tbl-size-chart tbody tr.odd td {
	background: #ecece8;
}

/* -----------------------*/
/* Error page */
/* -----------------------*/
.error-page .page-panel {
	height: 350px;
	margin-bottom: 100px;
}
.error-page .page-panel p {
	padding-right: 120px;
	padding-bottom: 20px;
}
.error-page .page-panel h2 {
	padding-top: 24px;
}

.error-page .content-panel {
	position: relative;
	zoom: 1;
}
.error-page .content-panel .button-panel {
	position: absolute;
	bottom: 125px; left: 20px;
	width: 580px;
}

/* -----------------------*/
/* Footer */
/* -----------------------*/

#footer {
	margin-top: 20px;
	background: #363636;
	padding: 35px 0 100px 0;
	color: #9e9f99;
	font-size: 11px;
}
#footer .logo {
	padding-bottom: 14px;
}
#footer .nav a {
	color: #9e9f99;
	text-decoration: none;
}
#footer .nav a:hover { text-decoration: underline; }
#footer .nav .socials {
	padding-bottom: 8px;
}
#footer .nav .socials a {
	display: block;
	height: 18px;
	line-height: 18px;
	padding-left: 24px;
	background: url('../img/sprites-bottom.png') no-repeat 0 0;
}
#footer .nav .socials a.facebook {
	background-position: 0 0;
}
#footer .nav .socials a.twitter {
	background-position: 0 -36px;
}