@charset "utf-8";

html { margin:0;padding:0;border:0; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
d {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left; float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); }

html {font-size:100.01%;}
body { line-height: 1.5; background: white; font-size:75%;color:#222;background:#fff; font-family: 'Akkurat', 'Gotham SSm A', 'Gotham SSm B', 'Arial'; font-weight: 300; font-style: normal; color: #414141; font-size: 11pt; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin: 0px;}
.left { float:left !important; }
.right { float: right !important; }
a { color: inherit; text-decoration: none; cursor: pointer; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table { width: 100%; }
th {font-weight:bold;}
tfoot {font-style:italic;}
caption {background:#eee;}
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select { margin:0.5em 0 };
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.placeholder { color: #aaa; }

.round5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.os-button { display: inline-block; height: 55px; line-height: 55px; padding-left: 20px; padding-right: 20px; text-align: center; font-size: 13pt; color: #FFF; font-weight: 700; font-style: normal; border-radius: 5px; background-color: #3a99d8; color: #fff; cursor : pointer; }
.os-button.green { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00)); background: -webkit-linear-gradient(top, #8fcf00, #6b9c00); background: -moz-linear-gradient(top, #8fcf00, #6b9c00); background: -o-linear-gradient(top, #8fcf00, #6b9c00); background: linear-gradient(top, #8fcf00, #6b9c00); background-color: #7db500; border-color: #5a8200; color: #fff; border: 1px solid #598300; box-shadow: inset 0 1px 0 #d2ec9c; -webkit-box-shadow: inset 0 1px 0 #d2ec9c; *zoom: 1;}
.os-button.blue {  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3a99d8), color-stop(100%, #3a99d8)); background: -webkit-linear-gradient(top, #3a99d8, #3a99d8); background: -moz-linear-gradient(top, #3a99d8, #3a99d8); background: -o-linear-gradient(top, #00b5e5, #008db2); background: linear-gradient(top, #3a99d8, #3a99d8); background-color: #3a99d8; border-color: #3a99d8; color: #fff; border: 1px solid #267db7; box-shadow: inset 0 1px 0 #c1e6ff; -webkit-box-shadow: inset 0 1px 0 #c1e6ff; *zoom: 1;}
.os-button.white {  background: -webkit-gradient(linear, 0% 0%, 94% 100%, color-stop(0%, #efefef), color-stop(100%, #fefefe)); background: -webkit-linear-gradient(top, #efefef, #fefefe); background: -moz-linear-gradient(top, #efefef, #fefefe); background: -o-linear-gradient(top, #efefef, #fefefe); background: linear-gradient(top, #efefef, #fefefe); background-color: #efefef; border-color: #e1e1e1; color: #363636; border: 1px solid #e1e1e1; box-shadow: inset 0 1px 0 #e1e1e1; -webkit-box-shadow: inset 0 1px 0 #e1e1e1; *zoom: 1;}
.os-button.pink {  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4b6aaf), color-stop(100%, #4b6aaf)); background: -webkit-linear-gradient(top, #4b6aaf, #5d7fc7); background: -moz-linear-gradient(top, #4b6aaf, #5d7fc7); background: -o-linear-gradient(top, #4b6aaf, #5d7fc7); background: linear-gradient(top, #4b6aaf, #5d7fc7); background-color: #00a1cb; border-color: #007998; color: #fff;}
.os-button.gyan {  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #394e64), color-stop(100%, #476078)); background: -webkit-linear-gradient(top, #394e64, #476078); background: -moz-linear-gradient(top, #394e64, #476078); background: -o-linear-gradient(top, #394e64, #476078); background: linear-gradient(top, #394e64, #476078); background-color: #00a1cb; border-color: #007998; color: #fff;}
.os-button.gold { background-image:-moz-linear-gradient( 90deg, #f1c240 0%, #f7de9c 100%);background-image:-webkit-linear-gradient( 90deg, #f1c240 0%, #f7de9c 100%); background-image:-ms-linear-gradient( 90deg, #f1c240 0%, #f7de9c 100%); background-color: #f7de9c; border: 1px solid #c19d3c; color: #000;}
.os-button.grey { background-image:-moz-linear-gradient( 90deg, #808080 0%, #a3a3a3 100%);background-image:-webkit-linear-gradient( 90deg, #808080 0%, #a3a3a3 100%); background-image:-ms-linear-gradient( 90deg, #808080 0%, #a3a3a3 100%); background-color: #808080; border: 1px solid #676666; color: #fff; box-shadow: inset 0 1px 0 #d5d5d5; -webkit-box-shadow: inset 0 1px 0 #d5d5d5; *zoom: 1;}
.os-button.blue-new { background-image: -moz-linear-gradient( 90deg, #3498db 0%, #48adf0 100%);background-image:-webkit-linear-gradient( 90deg, #3498db 0%, #48adf0 100%); background-image:-ms-linear-gradient( 90deg, #3498db 0%, #48adf0 100%); background-color: #3498db; border: 1px solid #1271b0; color: #fff; box-shadow: inset 0 1px 0 #aed7ff; -webkit-box-shadow: inset 0 1px 0 #aed7ff; *zoom: 1;}


.os-button2 { display: block; height: 50px; line-height: 50px; padding-left: 5px; padding-right: 5px; text-align: center; font-size: 14pt; color: #FFF; background: url("/_ui/images/but2.jpg") repeat-x; font-weight: 400; font-style: normal; cursor : pointer; }
.os-button3 { display: inline-block; height: 49px; line-height: 49px; padding-left: 20px; padding-right: 20px; text-align: center; font-size: 13pt; color: #FFF; font-weight: 700; font-style: normal; border-top: solid 1px #91cdea; border-bottom: solid 1px #003b56; background: #229bd4; background: -webkit-gradient(linear, left top, left bottom, from(#3fa8d9), to(#028dcd)); background: -moz-linear-gradient(top, #3fa8d9, #028dcd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fa8d9', endColorstr='#028dcd'); }
.greengradient {  color: white !important; border: solid 1px #74ac6d !important; background: #f78d1d !important; background: -webkit-gradient(linear, left top, left bottom, from(#85de8b), to(#5bb153)) !important; background: -moz-linear-gradient(top, #85de8b, #5bb153) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85de8b', endColorstr='#5bb153') !important; }
.os-dialog { position: absolute; top: 150px; box-shadow: 0px 2px 30px  rgba(0, 0, 0, 0.20); z-index: 11000; }
.os-dialog .close { background: url("/_ui/images/os/login/close1.png") no-repeat; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; cursor: pointer; }

.os-page-title { color: #666666; font-size: 14pt; font-family: 'Akkurat', 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; text-transform: uppercase; }
.os-form-input { width: 230px; height: 25px; line-height: 25px; padding: 3px; font-size: 14px; font-family: 'Akkurat', 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; }
.os-form-error { color: $color-error; }
.os-scroll-top { display: none; float: right; background:url("/_ui/images/os/scroll_top.jpg?v=20121120") no-repeat; width: 44px; height: 42px; cursor: pointer; position: fixed; bottom: 0px; right: 20px; *right: 20px; }

.os-design-button { cursor: pointer; display: inline-block; color: #4d4d4d !important; height: 53px; line-height: 53px; padding-left: 19px; padding-right: 19px; border: 1px solid #7d7d7d; font-size: 22px; margin-top: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; cursor : pointer; }
.os-design-button2 { display: inline-block; cursor: pointer; background-color: #23b5f4; height: 50px; line-height: 50px; padding: 0px 30px; font-size: 22px; border: 4px solid #ccc; border-radius: 5px; color: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#2fc5fe), to(#21b2f2)); background: -moz-linear-gradient(top, #2fc5fe, #21b2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2fc5fe', endColorstr='#21b2f2'); }

.os-design-but { display: inline-block; cursor: pointer; padding-left: 10px; padding-right: 10px; min-width: 80px; height: 50px; line-height: 50px; text-align: center; background-color: #3498db; border-radius: 3px; color: #fff; font-size: 22px;}

/* LAYOUT */
#container {}
.os-container { width: 100%; margin: auto; }
.os-main { width: 981px; overflow: hidden; margin: 0 auto; }
.os-content { width: 981px; margin: auto; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),
@media only screen and (max-device-width: 480px) {
	#container { padding-top: 0px !important; }
	.os-header-small { position: static !important; }
}


.social-sharing-box { display: none; margin: auto; }
.social-sharing-box .amount { color: #689fee; font-size: 25px; }
.social-sharing-box .desc { font-size: 15px; }

/* DISCOVER */

.discover-navi { background: url(/_ui/images/v6/popular/navi-bg.jpg) repeat-x; border: 1px solid #e1e1e1; width: 978px; height: 117px; border-radius: 5px; text-align: center; margin: auto; margin-top: 20px; }
.discover-navi .title { height: 117px; float: left; text-align: center; text-decoration: none; font-weight: 500; color: #4d4d4d; display: block; }
.discover-navi .title img { padding-top: 18px; }
.discover-navi .title .text { display: block; margin-top: 15px; }
.discover-navi .title.popular { width: 254px; margin-left: 30px; }
.discover-navi .title.popular:hover { background: url(/_ui/images/v6/popular/navi-254.png) no-repeat; }
.discover-navi .title.popular.active { background: url(/_ui/images/v6/popular/navi-254.png) no-repeat; }
.discover-navi .title.photo { width: 140px; }
.discover-navi .title.photo:hover { background: url(/_ui/images/v6/popular/navi-140.png) no-repeat; }
.discover-navi .title.photo.active { background: url(/_ui/images/v6/popular/navi-140.png) no-repeat; }
.discover-navi .title.video { width: 140px; }
.discover-navi .title.video:hover { background: url(/_ui/images/v6/popular/navi-140.png) no-repeat; }
.discover-navi .title.video.active { background: url(/_ui/images/v6/popular/navi-140.png) no-repeat; }
.discover-navi .title.fabric { width: 140px; }
.discover-navi .title.fabric:hover { background: url(/_ui/images/v6/popular/navi-140.png) no-repeat; }
.discover-navi .title.fabric.active { background: url(/_ui/images/v6/popular/navi-140.png) no-repeat; }
.discover-navi .title.people { width: 140px; }
.discover-navi .title.people:hover { background: url(/_ui/images/v6/popular/navi-140.png) no-repeat; }
.discover-navi .title.people.active { background: url(/_ui/images/v6/popular/navi-140.png) no-repeat; }
.discover-navi .title.activity { width: 164px; }
.discover-navi .title.activity:hover { background: url(/_ui/images/v6/popular/navi-164.png) no-repeat; }
.discover-navi .title.activity.active { background: url(/_ui/images/v6/popular/navi-164.png) no-repeat; }
.discover-navi .title.designs { width: 164px; }
.discover-navi .title.designs:hover { background: url(/_ui/images/v6/popular/navi-164.png) no-repeat; }
.discover-navi .title.designs.active { background: url(/_ui/images/v6/popular/navi-164.png) no-repeat; }

/* WILL BE REMOVE SOON */

.clear { clear:both; }
.error-holder { color: $color-error; }
.auto-hint { color: #aaa !important; }
a.button-hover:hover { opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); }

a.button-v4-blue { background-color:#4d90fe; display:block; height:42px; line-height:42px; display:block; float:left; text-align:center; color:#F2F2F2; text-decoration:none !important; font-family: Arial; font-size: 13pt;  -moz-border-radius: 20px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5x; }
a.button-v4-blue:link { color:#F2F2F2; }
a.button-v4-blue:visited { color:#F2F2F2; }
a.button-v4-blue:hover { opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); }
a.button-v4-red { background-color:#d14836; display:block; height:42px; line-height:42px; display:block; float:left; text-align:center; color:#F2F2F2; text-decoration:none !important; font-family: Arial; font-size: 13pt;  -moz-border-radius: 20px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5x; }
a.button-v4-red:link { color:#F2F2F2; }
a.button-v4-red:visited { color:#F2F2F2; }
a.button-v4-red:hover { opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); }

.treasure-left { background: url(/_ui/images/v4/icon-gift.png) 0px 8px no-repeat; padding-left:25px; text-align:left; }
.treasure-right { background: url(/_ui/images/v4/icon-gift.png) right 12px no-repeat; padding-left:20px; text-align:left; }

.prettyLoader { position: absolute; width: 72px; z-index:300000; height: 72px; background: #fff; border: 1px solid #eee;}
.prettyLoader img { display: block; margin:7px 0 0 7px; }
.pl_ie6 { }
.background-color-brown {background-color: #EBEBEB; }
.background-color-blue {background-color: #EFF8FB; }

/* Layout */

.page-header { width:100%; }
.page-header .banner { background-color:#f8efe6; width:100%; height:306px; }
.page-header .banner .title { float:left; color:#606060; font-size:25pt; font-weight:bold; padding-top:100px; padding-left:50px; line-height:45px; }
.page-header .banner .image { float:right; width:237px; height:306px; }
.page-header .menu { background-color:#dfdfdf; width:100%; height:70px; }
.page-header .menu ul { margin:0px; padding:0px; list-style:none; }
.page-header .menu ul li { float:left; line-height:70px; width:100px; }
.page-header .menu ul li.item1 { width:170px; }
.page-header .menu ul li.item2 { width:190px; }
.page-header .menu ul li.item3 { width:130px; }
.page-header .menu ul li.item4 { width:200px; }
.page-header .menu ul li.item5 { width:130px; }
.page-header .menu ul li.item6 { width:150px; }
.page-header .menu ul li a { color:#fff; font-size:17pt; font-weight:bold; display:block; width:100%; text-align:center; }
.page-header .menu ul li a:hover { color:#000; background:#cecece url("/_ui/images/v4/arrow.png") center 59px no-repeat; }
.page-header .menu ul li a.active { color:#000; background:#cecece url("/_ui/images/v4/arrow.png") center 59px no-repeat; }

/* Buttons */
.button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50); background:#0088CC url(../images/buttons/button-overlay.png) repeat-x; border: 1px solid rgba(0, 0, 0, 0.25); color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; line-height: 1; overflow: visible; padding: 5px 15px 6px; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); width: auto; text-align: center; }
.button:hover { background: #0088CC; color: #FFFFFF; }
.button:active { background: #242424; }
.green.button { background-color: #91BD09; }
.green.button:hover { background-color: #749A02; }
.green.button:active { background-color: #a4d50b; }
.blue.button { background-color: #0E59AE; }
.blue.button:hover { background-color: #063468; }
.blue.button:active { background-color: #1169cc; }
.blue2.button { background-color: #0066ff; }
.blue2.button:hover { background-color: #9900FF; }
.blue2.button:active { background-color: #0066ff; }
.purple.button { background-color: #660099; }
.purple.button:hover { background-color: #330066; }
.purple.button:active { background-color: #7f02bd; }
.breen.button { background-color: #2DAEBF; }
.breen.button:hover { background-color: #007D9A; }
.breen.button:active { background-color: #36cbdf; }
.red.button { background-color: #CC0000; }
.red.button:hover { background-color: #990000; }
.red.button:active { background-color: #ea0202; }
.magenta.button { background-color: #A9014B; }
.magenta.button:hover { background-color: #630030; }
.magenta.button:active { background-color: #ce025c; }
.orange.button { background-color: #FF5C00; }
.orange.button:hover { background-color: #D45500; }
.orange.button:active { background-color: #fd762a; }
.yellow.button { background-color: #FFE115; }
.yellow.button:hover { background-color: #E4C913; }
.yellow.button:active { background-color: #fee539; }
.white.button { background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #666666 !important; font-weight: bold; text-shadow: 0 1px 1px #FFFFFF; }
.white.button:hover { background-color: #EEEEEE; }
.white.button:active { background-color: #ffffff; }
.gray.button { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50); background: #FFFFFF url("/_ui/images/buttons/button-overlay-black.png") repeat-x; border: 1px solid #BBBBBB; color: #555555 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }
.gray.button:hover { background-color: #EEEEEE; border-color: #999999; color: #444444 !important; }
.gray.button:active { background-color:#ffffff; }
.small.button { font-size: 11px; padding: 5px 15px 6px; background-image: url("/_ui/images/buttons/small-button-overlay.png"); }
input[type="submit"].small.button, .small.button.input { padding: 3px 15px 4px; }
input[type="button"].small.button, button.small.button { padding: 4px 15px; }
.large.button { font-size: 14px; padding: 8px 19px 9px; background-image: url("/_ui/images/buttons/large-button-overlay.png"); }
input[type="submit"].large.button, .large.button.input { padding: 6px 16px 6px; }
input[type="button"].large.button, button.large.button { padding: 7px 16px; }
.tall.button { font-size: 14px; padding: 8px 19px 9px; background-image: url("/_ui/images/buttons/tall-button-overlay.png"); }
.tall.gray.button { background-color: #FFFFFF; background-image: url("/_ui/images/buttons/tall-black.png"); background-repeat: repeat-x; }
.tall.gray.button:hover { background-color: #EEEEEE!important; border-color: #999999; color: #444444 !important; }
.tall.gray.button:active { background-color: #FFFFFF!important; }
.tall.button em { font-size: 11.5px; font-style: normal; display: block; margin-top: 5px; }
.round.button { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-image: url("/_ui/images/buttons/round-button-overlay.png"); border: 1px solid rgba(0, 0, 0, 0.25); font-size: 13px; padding: 0; }
.round.button span { -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; display: block; line-height: 1; padding: 4px 15px 6px; }
.round.button.input { padding: 3px 13px 4px; }
.small.round.button { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; font-size: 11px; }
input[type="button"].round.small.button, button.round.small.button { padding: 0; }
.small.round.button span { -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; padding: 6px 15px 6px; }
.large.round.button { -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; background-position: left bottom; }
.large.round.button span { -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; font-size: 14px; padding: 7px 20px 9px; }

/* Tipsy */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner {padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: left;}
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url("/_ui/images/tipsy.gif") no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/* Why Us */
#whyus .top { background:none; width: 990px; height: 17px; }
#whyus .bot { background:none; width: 990px; height: 22px; }
#whyus .mid { background:none; padding: 0 22px 0 17px; overflow: hidden; }
#whyus .item { overflow: hidden; margin: auto; }
#whyus .item .img { float: left; width: 600px;}
#whyus .item .info { float: left; width: 300px; margin: 50px 0px 0px 20px; }
#whyus .even { overflow: hidden; margin: auto; position: relative; }
#whyus .even .top { position: absolute; top: 0; background: url(/_ui/images/layout/whyus/top.png) repeat-x; width: 100%; height: 24px; }
#whyus .even .bot { position: absolute; bottom: 0; background: url(/_ui/images/layout/whyus/bot.png) repeat-x; width: 100%; height: 24px; }
#whyus .even .img { float: right; }
#whyus .even .info { float: right; }
#whyus .info h1 { font-size: 68px; color: #006fff; margin: 0; font-weight: bold; }
#whyus .info h2 { font-size: 43px; color: #000; margin: 0 0 10px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; line-height: 1em; font-weight: bold; }
#whyus .info .content { color: #555; }

/* About Us */
.about-heading { height: 30px; line-height: 30px; width: 100%; background-color: #efefef; }
.about-heading .inner { width: 980px; margin: auto; }
#aboutUs h2.title { font-size: 20pt; margin-top: 30px; margin-bottom: 20px; }
#aboutUs .banner .image { background:url(/_ui/images/v4/about/about.jpg) no-repeat; }
#aboutUs .about-wrapper { background-color: #FFF; width: 100%; overflow: auto; }
#aboutUs .about { width: 980px; margin: auto; }
#aboutUs .about .left { float: left; width: 550px; }
#aboutUs .about .left p { margin-top:15px; line-height:26px; }
#aboutUs .about .right { float: right; margin-top: 90px; }
#aboutUs .recent-wrapper { background-color: #fafafa; width: 100%; }
#aboutUs .recent { width: 980px; margin: auto; overflow: auto; }
#aboutUs .recent .boxes { margin-top:20px; }
#aboutUs .recent .box { width: 230px; float: left; margin-right: 10px; line-height: 26px }
#aboutUs .recent .box-inner { padding:15px; }
#aboutUs .contact-wrapper { background-color: #FFF; width: 100%; overflow: auto; }
#aboutUs .contact { width: 980px; margin: auto; }
#aboutUs .contact .subtitle { font-weight: bold; }
#aboutUs .contact .left { float:left; width: 550px; }
#aboutUs .contact .left p { line-height: 25px; }
#aboutUs .contact .right { float: left; text-align: left; margin-left: 20px; }
#aboutUs .contact .right p { line-height: 25px; }

/* Craftsmanship */
#craftsmanship h2.title { font-size:26pt; }
#craftsmanship .banner .image { background:url(/_ui/images/v4/craftsmanship/banner.jpg) no-repeat; }
#craftsmanship .collar { height:460px; padding: 45px; }
#craftsmanship .collar .left { float:left; width:450px; }
#craftsmanship .collar .title { color:#5db8cf; }
#craftsmanship .collar .left p { margin-top:15px; line-height:20px; }
#craftsmanship .collar .right { float:right; }
#craftsmanship .tailor { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:460px; }
#craftsmanship .tailor .left { float:left; }
#craftsmanship .tailor .title { color:#717171; }
#craftsmanship .tailor .right { float:right; text-align:left; width:470px; }
#craftsmanship .tailor .right p { margin-top:15px; line-height:20px; }
#craftsmanship .cuffs { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:450px; }
#craftsmanship .cuffs .left { float:left; }
#craftsmanship .cuffs .title { color:#717171; }
#craftsmanship .cuffs .right { float:right; text-align:left; width:470px; }
#craftsmanship .cuffs .right p { margin-top:15px; line-height:20px; }
#craftsmanship .monogram { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:460px; }
#craftsmanship .monogram .left { float:left; width:450px; }
#craftsmanship .monogram .title { color:#717171; }
#craftsmanship .monogram .left p { margin-top:15px; line-height:20px; }
#craftsmanship .monogram .right { float:right; text-align:left; }
#craftsmanship .buttons { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:440px; }
#craftsmanship .buttons .left { float:left; }
#craftsmanship .buttons .title { color:#717171; }
#craftsmanship .buttons .right { float:right; text-align:left; width:470px; }
#craftsmanship .buttons .right p { margin-top:15px; line-height:20px; }
#craftsmanship .tags { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:460px; }
#craftsmanship .tags .left { float:left; width:450px; }
#craftsmanship .tags .title { color:#717171; }
#craftsmanship .tags .left p { margin-top:15px; line-height:20px; }
#craftsmanship .tags .right { float:right; text-align:left; }
#craftsmanship .tags .right img { margin-right:15px; margin-bottom:15px; }

/* Design App */
#designApp h2.title { font-size:26pt; }
#designApp .banner .image { background:url(/_ui/images/v4/craftsmanship/banner.jpg) no-repeat; }
#designApp .app1 { height:280px; padding: 50px; }
#designApp .app1 .left { float:left; width:400px; }
#designApp .app1 .title { color:#5db8cf; }
#designApp .app1 .left p { margin-top:15px; line-height:20px; }
#designApp .app1 .right { width:400px; float:left; margin-left:70px; text-align:left; }
#designApp .app2 { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:50px; height:350px; }
#designApp .app2 .left { float:left; width:400px; }
#designApp .app2 .left p { margin-top:15px; line-height:20px; }
#designApp .app2 .right { float:left; width:400px; margin-left:70px; text-align:left; }
#designApp .app2 .right p { margin-top:15px; line-height:20px; }

/* Our Shirts */
#ourShirts h2.title { font-size:26pt; }
#ourShirts .banner .image { background:url(/_ui/images/v4/our-shirts/banner.jpg) no-repeat; }
#ourShirts .app1 { height:250px; padding: 50px; }
#ourShirts .app1 .left { float:left; width:400px; padding-top:70px; }
#ourShirts .app1 .title { color:#5db8cf; }
#ourShirts .app1 .left p { margin-top:15px; line-height:20px; }
#ourShirts .app1 .right { width:400px; float:left; margin-left:70px; text-align:left; }
#ourShirts .app2 { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:50px; height:350px; }
#ourShirts .app2 .left { float:left; width:400px; }
#ourShirts .app2 .left p { margin-top:15px; line-height:20px; }
#ourShirts .app2 .right { float:left; width:400px; margin-left:70px; text-align:left; }
#ourShirts .app2 .right p { margin-top:15px; line-height:20px; }

/* fabrics */
#fabrics h2.title { font-size:26pt; }
#fabrics .banner .image { background:url(/_ui/images/v4/fabrics/banner.jpg) no-repeat; }
#fabrics .app1 {postition:relative; margin: 50px; }
#fabrics .app1 .thum-fabrics {float:left;padding:25px;display:block;position:relative; }
#fabrics .app1 .hover { background: url("/_ui/images/v4/fabrics/bullet.png") repeat scroll 0 0 transparent; cursor: pointer;   height: 21px;  right: 17px;    position: absolute;    top: 113px;    width: 21px;    z-index: 100;}
#fabrics .app1  .overlay { background: url("../images/seethru.png") repeat scroll 0 0 transparent; color: #FFFFFF; cursor: pointer; display: none; height: 200px; left: 25px; position: absolute; top: 25px;  width: 200px; z-index: 100;}
#fabrics .app1  .overlay-fabric { background: url("../images/seethru.png") repeat scroll 0 0 transparent; color: #FFFFFF; height: 50px; left: 10px; position: absolute; top: 125px;  width: 430px; z-index: 100;}
#fabrics .app1 .thum-fabrics .overlay span { display: block;font-weight: bold; margin-top: 80px; text-align: center;}
#fabrics .app1 .thum-fabrics .overlay-fabric span {  display: block; margin-top: 10px; text-align: center;font-size:28px;}
#fabrics .app1 .thum-fabrics:hover .overlay {display : block}

/* Making Process */
#makingProcess h2.title { font-size:26pt; margin-top: 0px; }
#makingProcess .banner .image { background:url(/_ui/images/v4/making-process/banner.jpg) no-repeat; }
#makingProcess .app1 { height:460px; padding: 45px; }
#makingProcess .app1 h2{ margin-bottom:25px }
#makingProcess .app1 .left { float:left; width:450px; }
#makingProcess .app1 .title { color:#5db8cf; }
#makingProcess .app1 .left p { margin-top:15px; line-height:20px; }
#makingProcess .app1 .right { float:right; }
#makingProcess .app2 { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:460px; }
#makingProcess .app2 h2{ margin-bottom:25px }
#makingProcess .app2 .left { float:left; }
#makingProcess .app2 .title { color:#717171; }
#makingProcess .app2 .right { float:right; text-align:left; width:470px; }
#makingProcess .app2 .right p { margin-top:15px; line-height:20px; }
#makingProcess .app3 { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:460px; }
#makingProcess .app3 h2{ margin-bottom:0px }
#makingProcess .app3 .left { float:left; width:450px; }
#makingProcess .app3 .title { color:#717171; }
#makingProcess .app3 .left p { margin-top:15px; line-height:20px; }
#makingProcess .app3 .right { float:right; text-align:left; }
#makingProcess .app3 .right img { margin-right:15px; margin-bottom:15px; }
#makingProcess .app4 { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:460px; }
#makingProcess .app4 .left { float:left; }
#makingProcess .app4 .title { color:#717171; }
#makingProcess .app4 .right { float:right; text-align:left; width:470px; }
#makingProcess .app4 .right p { margin-top:15px; line-height:20px; }
#makingProcess .app5 { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:460px; }
#makingProcess .app5 h2{ margin-bottom:0px }
#makingProcess .app5 .left { float:left; width:450px; }
#makingProcess .app5 .title { color:#717171; }
#makingProcess .app5 .left p { margin-top:15px; line-height:20px; }
#makingProcess .app5 .right { float:right; text-align:left; }
#makingProcess .app5 .right img { margin-right:15px; margin-bottom:15px; }
#makingProcess .app6 { background:url(/_ui/images/v4/bg2.jpg) repeat-x; padding:45px; height:460px; }
#makingProcess .app6 h2{ margin-bottom:0px }
#makingProcess .app6 .left { float:left; }
#makingProcess .app6 .title { color:#717171; }
#makingProcess .app6 .right { float:right; text-align:left; width:470px; }
#makingProcess .app6 .right p { margin-top:15px; line-height:20px; }

/* reviews */
#reviews h2.title { font-size:26pt; }
#reviews .review-body { padding-top:20px; position:relative; }
#reviews .banner .image { background:url(/_ui/images/v4/reviews/banner.jpg) no-repeat; }
#reviews .box { float:left; font-size:11pt; margin-right:35px; margin-bottom:35px; width:435px; }
#reviews .star-on {background: url("/_ui/images/v4/reviews/n-star.png") no-repeat; width:25px;height:24px;  float: left;  margin-right:5px; }
#reviews .star-off {background: url("/_ui/images/v4/reviews/n-star-x.png") no-repeat; width:25px;height:24px;  float: left; margin-right:5px; }
#reviews .top { background: url("/_ui/images/v4/reviews/top.jpg") no-repeat; width:435px; height:8px; }
#reviews .mid { background: url("/_ui/images/v4/reviews/mid.png") repeat-y; width:435px; }
#reviews .mid-body { padding:30px; padding-top:0px; padding-bottom:10px; line-height:25px; }
#reviews .bot { background: url("/_ui/images/v4/reviews/bot.jpg") no-repeat; width:435px; height:16px; }

/* FAQ */
.faq-heading { height: 30px; line-height: 30px; width: 100%; background-color: #efefef; }
.faq-heading .inner { width: 981px; margin: auto; }
#faq { width: 1050px; margin: auto; }
#faq h1 { font-size: 31.5px; margin-top: 20px; margin-bottom: 20px; }
#faq h2 { margin-top: 20px; margin-bottom: 10px; }
#faq .nav { width: 370px; float: left; }
#faq .nav ul { list-style-type: none; margin-left: 0px; margin-top: 20px; width:300px;}
#faq .nav ul li { padding:3px 15px; }
#faq .nav ul li.header-category { margin-top: 15px;}
#faq .nav ul li .category {  color: #757575; font-size: 20px; font-weight: bold; padding-top: 25px;}
#faq .nav ul li .question {  color: #50944a; font-size: 14x; font-weight: 400; font-size: 14px;}
#faq .nav ul li:hover { background: #eee; }
#faq .nav ul li.active { font-weight: bold; }
#faq .contents { float: left; overflow: hidden; width: 680px; }
#faq .contents hr {display: block; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; -webkit-margin-start: auto; -webkit-margin-end: auto;margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; border-color: #eeeeee -moz-use-text-color #ffffff; border-image: none; border-left: 0 none; border-right: 0 none; border-style: solid none; border-width: 1px 0; margin: 15px 0; }
#faq .contents .section .title { font-weight: 400; font-size: 24.5px;}
#faq .contents .section > ul { margin-left: 0px; padding-left:0px;}
#faq .contents .section > ul > li {margin-left: 0px; list-style:none; line-height: 30px; }
#faq .contents .q { color: #9b9b9b; font-weight: bold; list-style: none; padding-top: 20px;}
#faq .contents .a { margin-bottom: 20px; line-height: 25px; font-size: 14px;}
#faq .contents .a ul { list-style-type: square; margin-left: 20px; }

/* Privacy Policy */
#privacyPolicy { padding-right: 3rem; padding-left: 3rem; margin-top: 2rem; }
#privacyPolicy h2 { text-decoration: underline; }

/* Return Policy */
#returnPolicy .menu { background: url("/_ui/images/layout/our-promise-menu.png") no-repeat; width: 262px; height: 83px; position: absolute; left: 700px;  z-index: 10; }
#returnPolicy .menu p { margin-top: 20px; margin-left: 20px; }
#returnPolicy .menu a { color: #000; font-size: 11px; margin-left: 2px; margin-right: 2px; font-weight: bold; }
#returnPolicy .menu a:hover { color: #0066ff; cursor: pointer; }
#returnPolicy .menu a.current { color: #0066ff; }
#returnPolicy .introduction-wrapper { margin-left: 30px; margin-bottom: 50px; }
#returnPolicy .title { font-size: 26px; color: #0066ff; margin-top: 0px; border-bottom: 1px dashed #CCC; padding-bottom: 15px; }
#returnPolicy .introduction {  }

/* Customers */
#customers .top { background: url("/_ui/images/layout/bodier-cors-no.png") no-repeat; width: 990px; height: 480px; margin-left: 3px; }
#customers .bot { background: url("/_ui/images/layout/bodier-cors-no.png") no-repeat left bottom; width: 990px; height: 22px; }
#customers .mid .c-content { color: #999; line-height: 1.5; font-size:12pt; padding-right:20px;}
#customers .mid .c-author { color: #000; font-size: 16px; }
#customers .header {background-color: #66C2EF;border-bottom: 5px solid #D6F1FE;padding: 30px;}
#customers h1 {color: #FFFFFF;font-size: 1.5em;line-height: 1; margin: 0;font-weight: 200;font-style: inherit;vertical-align: baseline;}
#customers h1 em { color: #003366; font-style: normal;}
#customers .featured {background: url("/_ui/images/layout/customers/bg-customer.gif") no-repeat scroll 0 0 #E6F6FD;color: #003366;; margin-bottom: 30px; overflow: hidden;}
#customers .featured .testimonial {padding: 60px 80px;}
#customers .featured blockquote {font-size:22pt;}
#customers .featured cite {font-size:14pt;}
#customers .featured .source {font-size:14pt;}
#customers blockquote {margin: 0;color: #707070;};
#customers blockquote p:after {content: close-quote;}
#customers blockquote p:before {content: open-quote;}
#customers blockquote p { font-size: 1.1em; line-height: 1.5;}
#customers p {font-size: 0.875em; line-height: 1.5; padding-bottom: 1em; text-align: left; margin:0; font-family: inherit;font-style: inherit;font-weight: inherit;color: #003366;}
#customers cite {color:#003366; display:block; font-style:itatic; font-weight:normal; font-size:14pt;}
#customers .source { color: #66C2EF; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 1em; margin: 0; padding: 0; font-size:14pt;}
#customers table td {padding-top:10px; padding-bottom:10px;}
#customers .star_on {background: url("/_ui/images/v3/star_on.png?v=20121109") no-repeat ;width:24px;height:30px; padding-bottom: 10px; float: left}
#customers .star_off {background: url("/_ui/images/v3/star_off.gif?v=20121109") no-repeat ;width:24px;height:30px; padding-bottom: 10px; float: left}


/* How to Measure */
#howToMeasure .top { background: url("/_ui/images/layout/bodier-cors.png") no-repeat; width: 990px; height: 17px; }
#howToMeasure .bot { background: url("/_ui/images/layout/bodier-cors.png") no-repeat left bottom; width: 990px; height: 22px; }
#howToMeasure .mid { background: url("/_ui/images/layout/bodier-mid-no.png") repeat-y; padding: 0 22px 0 17px; overflow: hidden; }
#howToMeasure .howto { margin: 100px 0; }
#howToMeasure .howto h3 { text-align: center; color: #666; margin: 10px 0 40px; }
#howToMeasure .questions { width: 420px; margin: auto; }
#howToMeasure .questions .sep { float: left; width: 110px; text-align: center; color: #666; padding: 80px 0 0; }
#howToMeasure .questions .yourself { width: 150px; height: 177px; background: url("/_ui/images/layout/measure1.png") no-repeat; float: left; cursor: pointer; }
#howToMeasure .questions .yourself:hover { background: url("/_ui/images/layout/measure1_hover.png") no-repeat; }
#howToMeasure .questions .others { width: 150px; height: 177px; background: url("/_ui/images/layout/measure2.png") no-repeat; float: left; cursor: pointer; }
#howToMeasure .questions .others:hover { background: url("/_ui/images/layout/measure2_hover.png") no-repeat; }

/* Measure by Yourself */
#measureByYourself .top { background: url("/_ui/images/layout/bodier-cors.png") no-repeat; width: 990px; height: 17px; }
#measureByYourself .bot { background: url("/_ui/images/layout/bodier-cors.png") no-repeat left bottom; width: 990px; height: 22px; }
#measureByYourself .mid { background: url("/_ui/images/layout/bodier-mid-no.png") repeat-y; padding: 0 22px 0 17px; overflow: hidden; }

#measureByYourself .right2 { text-align: right; padding-right: 20px; }
#measureByYourself .right2 a { color: #666; font-size: 14px; }
#measureByYourself .right2 a:hover { text-decoration: underline; }
#measureByYourself .measure { margin-left: 13px; }
#measureByYourself .left2 h4 { margin: 0; font-size: 12px; line-height: 1em; }
#measureByYourself .left2 h2 { margin: 0; font-size: 36px; line-height: 1em; color: #006fff; }
#measureByYourself .measure ul { padding: 0; margin: 20px 0; list-style: none; overflow: hidden; }
#measureByYourself .measure ul li { float: left; }
#measureByYourself .measure ul li .video {background: url("/_ui/images/layout/smaller2.png") no-repeat scroll 0 0 transparent; height: 96px; position: relative; width: 120px; margin-right: 10px; }
#measureByYourself .measure ul li .pic {background: url("/_ui/images/layout/smaller2.png") no-repeat scroll 0 0 transparent; height: 96px; position: relative; width: 120px; margin-right: 10px; }
#measureByYourself .top2 { margin: 15px; }
#measureByYourself .view-video { margin: 0 auto; padding-top: 20px; text-align: center; margin-bottom: 30px; }
#measureByYourself .measure ul li .video.child {margin: 0px;}
#measureByYourself .measure ul li .video img { cursor: pointer; margin-top: 11px; margin-left: 12px; }
#measureByYourself .measure ul li .pic img { cursor: pointer; margin-top: 11px; margin-left: 12px; }
#measureByYourself .measure ul li h5 { font-size: 12px; font-weight: bold; margin: 0; }
#measureByYourself .measure ul li a { color: #666;     margin-left: 10px;}
#measureByYourself .measure ul li:hover a { color: #006fff; text-decoration: none; }
#measureByYourself .measure ul li.active a { color: #006fff; text-decoration: none; }
#measureByYourself .play-measure { width: 120px; height: 90px; position: absolute; left: 2px; top: 3px; background: url('/_ui/images/layout/play_icon.png') no-repeat center center; cursor: pointer; }
#measureByYourself .play-pic { width: 120px; height: 90px; position: absolute; left: 2px; top: 3px; background: url('/_ui/images/layout/play_icon.png') no-repeat center center; cursor: pointer; }

/* Shopping Guide */
#shoppingGuide .top { background: url("/_ui/images/layout/bodier-cors.png") no-repeat; width: 990px; height: 17px; }
#shoppingGuide .bot { background: url("/_ui/images/layout/bodier-cors.png") no-repeat left bottom; width: 990px; height: 22px; }
#shoppingGuide .mid { background: url("/_ui/images/layout/bodier-mid-no.png") repeat-y; padding: 10px 22px 30px 25px; overflow: hidden; }
#shoppingGuide .title1 { font-size: 12pt; color: #666; text-align: center; }
#shoppingGuide .title2 { font-size: 75pt; color: #666; text-align: center; margin: 0px; margin: auto; border-top: 2px dashed #E6E6E6; border-bottom: 2px dashed #E6E6E6; width: 750px; }
#shoppingGuide .title3 { font-size: 12pt; color: #666; text-align: center; }
#shoppingGuide .title4 { width: 750px; margin: auto; }
#shoppingGuide p.arrow { text-align: center; margin-top: 40px; margin-bottom: 30px; }
#shoppingGuide p.arrow2 { text-align: center; margin-top: 10px; margin-bottom: 10px; }
#shoppingGuide p.step { text-align: center; margin-top: 20px; margin-bottom: 20px; }

/* Sign In */
#signIn { width: 1208px; margin: auto; color: #FFF; }
#signIn .auth-error { text-align: center; background-color: #ADD8E6; color: #000; padding: 7px; font-size: 13pt; margin: auto; margin-bottom: 50px; line-height: 30px; }
#signIn .cart-auth-error { width: 450px; }
#signIn .delim { background: url("/_ui/images/v5/line.png") repeat-x; width: 100%; height: 3px; }
#signIn .delim2 { margin-top: 30px; clear: both; }
#signIn .logo2 { text-align: center; margin-bottom: 60px; }
#signIn .label1 { text-align: center; font-weight: bold; height: 100px; line-height: 100px; font-size: 13pt; }
#signIn .facebook-signin { display: block; background: url("/_ui/images/v5/login-facebook.png?v=1"); width: 280px; height: 54px; margin: auto; }
#signIn .facebook span.more { color:#FFF; line-height: 40px; font-size: 10pt; margin: auto; display: block; width: 200px; margin-top: 15px; margin-bottom: 15px; }
#signIn .facebook .email-signin { color: #FFF; font-size: 10pt; text-decoration: underline; }
#signIn .box-mid { width: 420px;  float: left; overflow: hidden; padding: 30px; padding-top: 0px; padding-bottom: 5px; margin: auto; }
#signIn .box-mid .login-form { display: none; border-collapse: collapse; width: 100%; background-color: #363636; padding: 10px 30px 10px 30px; }
#signIn .box-mid .login-form table { width: 90%; }
#signIn .box-mid .login-form table td { padding: 7px; }
#signIn .box-mid .forgot-password { text-decoration: underline; color: #FFF; font-size: 10pt; }
#signIn .box-mid .title { font-size:24pt; color:#666; font-weight:bold; }
#signIn .box-mid .input { height: 24px; line-height: 24px; width: 100%; font-size: 11pt; }
#signIn .box-mid .loading { display: none; }
#signIn .box-mid .label { color: #fff; font-size: 11pt; font-weight: bold; width: 60px; }
#signIn .box-mid .label2 { font-size: 10pt; }
#signIn .box-mid .signup { color: #FFF; text-decoration: underline; }
#signIn .box-mid a.submit { width:100px; display: block; background: url("/_ui/images/v5/login.png"); width: 136px; height: 29px; margin-left: 80px; }
#signIn .box-mid a.sign-up { color: #fff; font-size: 11pt; }
#signIn .box-mid a.sign-up:hover { text-decoration: underline; }
#signIn .copy { color: #aaaaaa; text-align: center; font-weight: bold; margin-top: 40px; margin-bottom: 40px; }

#signIn .login-box { margin-right: 30px; }

#signIn .signup-box { background: url("/_ui/images/v5/vertical-slim-line.png") repeat-y; }
#signIn .signup-box .facebook-signup { display: block; background: url("/_ui/images/v5/signup-facebook.png?v=2"); width: 366px; height: 71px; margin: auto; }
#signIn .signup-box .facebook span.more { color: #FFF; line-height: 40px; font-size: 10pt; margin: auto; display: block; margin-top: 15px; margin-bottom: 15px; text-align: center; }
#signIn .signup-box .facebook .email-signup { color: #FFF; font-size: 10pt; text-decoration: underline; }
#signIn .signup-box { width: 620px; overflow: hidden; padding: 30px; padding-top: 0px; padding-bottom: 5px; margin: auto; }
#signIn .signup-box .login-form { display: none; border-collapse: collapse; width: 100%; background-color: #363636; padding: 10px 30px 10px 30px; }
#signIn .signup-box .login-form table { width: 90%; }
#signIn .signup-box .login-form table td { padding: 7px; }
#signIn .signup-box .title { font-size: 15pt; color: #666; font-weight: bold; }
#signIn .signup-box .input { height: 24px; line-height: 24px; width: 100%; font-size: 11pt; width: 270px; }
#signIn .signup-box .source { width: 100%; font-size: 16pt; width: 276px; }
#signIn .signup-box .loading { display: none; }
#signIn .signup-box .label { color: #fff; font-size: 11pt; font-weight: bold; width: 300px; }
#signIn .signup-box .label2 { font-size: 10pt; }
#signIn .signup-box a.sign-up { color: #00ffff; font-size: 11pt; }
#signIn .signup-box a.sign-up:hover { text-decoration: underline; }
#signIn .signup-box a.forgot-password { color: #999; font-size: 8pt; }
#signIn .signup-box a.forgot-password:hover { text-decoration: underline; }
#signIn .signup-box .invited { color: #FFF; text-align: center; }
#signIn .signup-box a.submit { width:100px; display: block; background: url("/_ui/images/v5/signup.png"); width: 136px; height: 29px; margin: auto; }
#signIn .signup-box a.login { color: #fff; text-decoration: underline; }
#signIn .copy { color: #aaaaaa; text-align: center; font-weight: bold; margin-top: 40px; margin-bottom: 40px; }
#signIn .why { margin-top: 50px; }
#signIn .why .why-title { font-weight: bold; font-size: 14pt; margin-bottom: 20px; }
#signIn .why .why-title span { padding-left: 5px; padding-right: 5px; }
#signIn .why img { padding-bottom: 5px; }
#signIn .why .explain { margin-left: 80px; }
#signIn .why p { line-height: 30px; color: #FFF; font-size: 12pt; }
#signIn .why p.main .num { color: #555555; padding-right: 5px; font-size: 12pt; }
#signIn .why p.sub { padding-left: 20px; }

/* Sign Up */
#signUp { width: 980px; margin: auto; color: #FFF; }
#signUp .delim { background: url("/_ui/images/v5/line.png") repeat-x; width: 100%; height: 3px; }
#signUp .delim2 { margin-top: 30px; }
#signUp .logo2 { text-align: center; margin-bottom: 60px; }
#signUp .label1 { text-align: center; font-weight: bold; height: 50px; line-height: 100px; font-size: 13pt; }
#signUp .facebook-signup { display: block; background: url("/_ui/images/v5/signup-facebook.png"); width:366px; height:71px; margin: auto; }
#signUp .facebook span.more { color: #FFF; line-height: 40px; font-size: 10pt; margin: auto; display: block; margin-top: 15px; margin-bottom: 15px; text-align: center; }
#signUp .facebook .email-signup { color: #FFF; font-size: 10pt; text-decoration: underline; }
#signUp .box-mid { width: 620px; overflow: hidden; padding: 30px; padding-top: 0px; padding-bottom: 5px; margin: auto; }
#signUp .box-mid .login-form { display: none; border-collapse: collapse; width: 100%; background-color: #363636; padding: 10px 30px 10px 30px; }
#signUp .box-mid .login-form table { width: 90%; }
#signUp .box-mid .login-form table td { padding: 7px; }
#signUp .box-mid .title { font-size: 15pt; color: #666; font-weight: bold; }
#signUp .box-mid .input { height: 24px; line-height: 24px; width: 100%; font-size: 11pt; width: 270px; }
#signUp .box-mid .source { width: 100%; font-size: 16pt; width: 276px; }
#signUp .box-mid .loading { display: none; }
#signUp .box-mid .label { color: #fff; font-size: 11pt; font-weight: bold; width: 300px; }
#signUp .box-mid .label2 { font-size: 10pt; }
#signUp .box-mid a.sign-up { color: #00ffff; font-size: 11pt; }
#signUp .box-mid a.sign-up:hover { text-decoration: underline; }
#signUp .box-mid a.forgot-password { color: #999; font-size: 8pt; }
#signUp .box-mid a.forgot-password:hover { text-decoration: underline; }
#signUp .box-mid .invited { color: #FFF; text-align: center; }
#signUp .box-mid a.submit { width:100px; display: block; background: url("/_ui/images/v5/signup.png"); width: 136px; height: 29px; margin: auto; }
#signUp .box-mid a.login { color: #fff; text-decoration: underline; }
#signUp .copy { color: #aaaaaa; text-align: center; font-weight: bold; margin-top: 40px; margin-bottom: 40px; }
#signUp .why { margin-top: 50px; }
#signUp .why .why-title { font-weight: bold; font-size: 14pt; margin-bottom: 20px; }
#signUp .why .why-title span { padding-left: 5px; padding-right: 5px; }
#signUp .why img { padding-bottom: 5px; }
#signUp .why .explain { margin-left: 150px; }
#signUp .why p { line-height: 30px; color: #FFF; font-size: 12pt; }
#signUp .why p.main .num { color: #555555; padding-right: 5px; font-size: 12pt; }
#signUp .why p.sub { padding-left: 20px; }

#shirtApp .shortcut { position: absolute; cursor: pointer; border: 1px solid red; z-index: 1000; }
#shirtApp .shortcut-content { display: none; z-index: 1000; width: 100%; height: 100%; border-radius: 5px; z-index: 1000; }

#shirt .shirt-loading { width: 128px; height: 15px; background: url("/_ui/images/layout/loading.gif") no-repeat; position: absolute; top: 250px; left: 400px; z-index: 1000; display: none; }
#shirt .sample-loading { width: 128px; height: 15px; background: url("/_ui/images/layout/loading.gif") no-repeat; position: absolute; top: 180px; left: 400px; z-index: 1000; display: none; }

#shirt  a.inspriration-dress-shirt {font-size: 13pt;display: block;width: 176px;height: 40px;line-height: 40px;background-color: #666;text-align: center;color: white; float:left; margin-right:20px;}
#shirt  a.inspriration-dress-shirt:hover {background-color: #3EA4FF;}

#inspriration .toppage-custom-shirts .inspiration-shirts { overflow: hidden; }
#inspriration .toppage-custom-shirts .inspiration-each { float: left; width: 224px; margin: 0 15px 0 0; }
#inspriration .toppage-custom-shirts .inspiration-each h3 { font: normal 14px Arial; text-align: center; margin: 0 0 5px; height: 30px; }
#inspriration .toppage-custom-shirts .inspiration-each .inspiration-mid { background: #FFF; padding: 10px 0; height: 315px; padding-top: 10px; padding-bottom: 8px; }
#inspriration .toppage-custom-shirts .inspiration-each .inspiration-mid:hover { }
#inspriration .toppage-custom-shirts .inspiration-each .shirt { text-align: center; }
#inspriration .toppage-custom-shirts .inspiration-each .inspiration-shirt img { cursor: pointer; }
#inspriration .toppage-custom-shirts .inspiration-each span.inspiration-price { display: block; text-align: center; color: gray; line-height: 20px; font-weight: bold; }
#inspriration .toppage-custom-shirts .inspiration-each span.hot-icon { background: url(/_ui/images/v4/hot.gif) center right no-repeat; width: 60px; height: 20px; padding-right: 35px; text-align: right; margin: auto; }
#inspriration .inspiration-moreSample {font-size: 10pt;display: block;width: 80px;height: 25px;line-height: 25px;background-color: #333333;font-family: Arial;text-align: center;color: white; margin:auto;}
#inspriration .inspiration-moreSample:hover {opacity: 0.9;}

#shirtApp .fabric-selector .each { cursor: pointer; background: url(../images/base-fabrics-font.png) no-repeat; padding: 0px 0 0 2px; margin: 0 1px 1px 0; width: 50px; height: 50px; float: left; }
#shirtApp .fabric-selector .each:hover { z-index: 20; }
#shirtApp .fabric-selector .each:hover span { border: 1px solid #eee; }
#shirtApp .fabric-selector span { display: block; width: 50px; height: 50px; overflow: hidden; }
#shirtApp .fabric-selector .pos1 { left: 12px; z-index: 8; top: -5px; }
#shirtApp .fabric-selector .pos2 { left: 30px; z-index: 7; top: -5px; }
#shirtApp .fabric-selector .pos3 { left: 48px; z-index: 6; top: -5px; }
#shirtApp .fabric-selector .pos4 { left: 66px; z-index: 5; top: -5px; }
#shirtApp .fabric-selector .pos5 { left: 84px; z-index: 4; top: -5px; }
#shirtApp .fabric-selector .pos6 { left: 102px; z-index: 3; top: -5px; }
#shirtApp .fabric-selector .pos7 { left: 120px; z-index: 2; top: -5px; }
#shirtApp .fabric-selector .pos8 { left: 138px; z-index: 1; top: -5px; }
#shirtApp .all-fabric-selector .each { cursor: pointer; float: left; }
#shirtApp .all-fabric-selector .each:hover { z-index: 20; }
#shirtApp .all-fabric-selector .each:hover span { border: 1px solid #eee; }
#shirtApp .all-fabric-selector span { display: block; width: 50px; height: 50px; overflow: hidden; }

#shirtLeftToolbox .shirt-parts { display: none; }
#shirtLeftToolbox .attr-panel { width: 200px; position: absolute; left: 0px; z-index: 1; padding-bottom: 5px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
#shirtLeftToolbox .attr-panel .fit { padding: 10px 0 0 !important; position: relative; }
#shirtLeftToolbox .attr-panel .fit .title { padding: 0 !important; margin: 0px; }
#shirtLeftToolbox .attr-panel .fit .sub-title { margin: 0 10px; border-bottom: none !important; }
#shirtLeftToolbox .attr-panel .fit .buttons { margin: 0 10px; }
#shirtLeftToolbox .attr-panel ul { margin: 0px 15px 0px 15px; padding: 0px; list-style: none; }
#shirtLeftToolbox .attr-panel .title { line-height: 40px; }
#shirtLeftToolbox .attr-panel .sub-title { font-size: 8pt; border-bottom: 1px solid #C3C3C3; color: #808080; }
#shirtLeftToolbox .attr-panel .close-button { position: absolute; top: -7px; right: 10px; display: none; }
#shirtLeftToolbox .base-panel .fabric-chooser .forward-button { width: 10px; height: 180px; float: left; background: url("/_ui/images/layout/shirt/a3.png") center center no-repeat; cursor: pointer; }
#shirtLeftToolbox .base-panel .fabric-chooser .next-button { width: 10px; height: 180px; float: right; background: url("/_ui/images/layout/shirt/a4.png") center center no-repeat; cursor: pointer; }
#shirtLeftToolbox .base-panel .fabric-chooser { height: 480px; margin: 10px 0 0; position: relative; }
#shirtLeftToolbox .base-panel .fabrics { float: left; width: 100%; height: 100%; margin-left: 0px; overflow: auto; }
#shirtLeftToolbox .base-panel .fabrics .each { cursor: pointer; background: url(../images/base-fabrics-font.png) no-repeat; padding: 0px 0 0 2px; width: 50px; height: 50px; margin: 0 11px 11px 0; float: left; }
#shirtLeftToolbox .base-panel .fabrics .each:hover { }
#shirtLeftToolbox .base-panel .fabrics .each:hover span img{ border: 2px solid red; }
#shirtLeftToolbox .active-fabric {border:2px solid red !important;}
#shirtLeftToolbox .base-panel .fabrics span { display: block; width: 50px; height: 50px; overflow: hidden; }
#shirtLeftToolbox .attr-panel .more-links { position: absolute; font-size: 13px; top: 485px; right: 0px; text-align: center; cursor: pointer; font-weight: bold; display: block; width: 120px; height: 25px; line-height: 25px; background-color: #4d90fe; color: #FFF; float: right; }
#shirtLeftToolbox .attr-panel .more-links:hover { -webkit-opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); opacity: 0.8; }

#shirtLeftToolbox .cuffs-fabric-menu { margin-bottom: 10px; margin-left: 10px; font-size: 10pt; }
#shirtLeftToolbox .cuffs-fabric-menu-item { line-height: 22px; }
#shirtLeftToolbox .collar-fabric-menu { margin-bottom: 10px; margin-left: 10px; font-size: 10pt; }
#shirtLeftToolbox .collar-fabric-menu-item { line-height: 22px; }
#shirtLeftToolbox .fabric-menu-notes { padding-left: 10px; font-size: 9pt; margin-bottom: 10px; line-height: 15px; }
#shirtLeftToolbox .match-div { margin-left: 10px; font-size: 10pt; margin-bottom: 10px; }
#shirtLeftToolbox .match-div select { width: 117px; }

#shirtLeftToolbox .predefine-list { font-weight: 500; min-height: 355px;}
#shirtLeftToolbox .predefine-list .list-item {font-weight: 400px;font-size: 20px; color: #252525;border-radius: 5px; background-image: -moz-linear-gradient( 90deg, #e7e7e7 0%, #fdfdfd 100%); background-image: -webkit-linear-gradient( 90deg, #e7e7e7 0%, #fdfdfd 100%); background-image:-ms-linear-gradient( 90deg, #e7e7e7 0%, #fdfdfd 100%); background-color: #e7e7e7; border: 1px solid #cccccc;border-bottom: 1px solid #cccccc; padding: 6px 15px; cursor: pointer; line-height: 40px; height: 40px; margin-top: 10px; margin-bottom: 15px; width: 320px;}
#shirtLeftToolbox .predefine-list .list-item.act {color: #fff; background-image: -moz-linear-gradient( 90deg, #3699dc 0%, #4caaea 100%); background-image: -webkit-linear-gradient( 90deg, #3699dc 0%, #4caaea 100%); background-image:-ms-linear-gradient( 90deg, #3699dc 0%, #4caaea 100%); background-color: #3699dc;border: 1px solid #2980b9; border-bottom: 1px solid #2980b9;}
#shirtLeftToolbox .predefine-list .list-item:hover {opacity:0.7; }

#shirtLeftToolbox .user-input { margin: 0 10px 5px; margin-left: 0px; }
#shirtLeftToolbox .user-input input[type=text] { width: 170px; *width: 160px; background: #fff; border: 1px solid #ccc; }

#designerDialog .public { display:block;background-color: #3EA4FF; color: white !important; margin-left:130px;font-size: 14pt; height: 40px; line-height: 40px; text-align: center; width: 200px; text-decoration:none !important}
#designerDialog .public:hover {background-color: #666;}

.next-button { width: 10px; height: 90px; float: left; background: url("/_ui/images/layout/shirt/a4.png") center center no-repeat; cursor: pointer; }
.login-logo { width: 100%; height: 88px; background: url(../images/newlogo2.png) left center no-repeat; float: left; cursor: pointer; }

/*css personal account border layout */
.top-layout { background: url("/_ui/images/layout/bodier-cors-no.png") no-repeat; width: 990px; height: 17px; }
.bot-layout { background: url("/_ui/images/layout/bodier-cors-no.png") no-repeat left bottom; width: 990px; height: 22px; }
.mid-layout { overflow: hidden; }
.mid-layout-border { background: url("/_ui/images/layout/bodier-mid-no.png") repeat-y; overflow: hidden; }



.table_all th {
    background-color: #CCCCCC;
}

.table_all td, .table_all th {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}
table.table_all {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999;
    border-spacing: 0;
    border-style: solid;
    border-width: 1px 1px 0 0;
    color: #333333;
    margin: 0 0 23px;
}
.inner h2 {
    border-bottom: 1px solid #424242;
    color: #35465F;
    font-size: 1.75em;
    margin-bottom: 25px;
    padding-bottom: 6px;
}

.footer_column { margin: 0; padding-top: 15px; font-size:small; float:left;}
.footer_column h3{ font-size:15px;}
.footer_column ul { list-style-image:url(/_ui/images/newlayout/arrow.png);padding-top: 5px;}
.footer_column  ul li { padding: 5px 0 3px 5px; margin: 0; }
.footer_column ul li a.active, .footer_column ul li a:hover {  color:#c4cace; }

/*top bottom*/
.top-signin { background: url("/_ui/images/newlayout/top-signin.png") no-repeat; width: 252px; height: 42px;text-align: center;color:#fbf7f7;text-transform: uppercase;vertical-align:50%; line-height:42px;font-size: 16px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);font-weight: bold; }
.bot-signin { background: url("/_ui/images/newlayout/bottom-signin.png") no-repeat; width: 252px; height: 18px;clear:both; }

/*sign in*/
.mid-left-signin { background: url("/_ui/images/newlayout/left-signin.png") repeat-y; width: 4px; height: 374px; float:left}
.mid-signin { background: url("/_ui/images/newlayout/mid-signin2.png") repeat-x; width: 243px; height: 374px; float:left}
.mid-right-signin { background: url("/_ui/images/newlayout/right-signin.png") repeat-y; width: 5px; height: 374px; float:left}
.button-signin { background: url("/_ui/images/newlayout/button-normal.png") repeat-x scroll left top transparent; border-radius: 2px 2px 2px 2px;  border: 1px solid #DDDDDD; box-shadow: 0 1px 3px #DDDDDD; color: #FFFFFF; cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; line-height: 12px; overflow: visible; padding: 5px 15px 6px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); width: auto; text-align: center; }
.button-signin:hover{ background: url("/_ui/images/newlayout/button-hover.png") repeat-x scroll 0 0 transparent;}

/*guide*/
.guide-step {background: url("/_ui/images/newlayout/guide-arrow.png?v=20121010") no-repeat; width: 710px; height: 28px;}
.guide-step span{ color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; line-height: 12px; overflow: visible; padding: 5px 75px 6px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); width: auto; text-align: center;text-transform: uppercase;  line-height: 23px;}

.guide-step1 {background: url("/_ui/images/newlayout/step1.jpg?v=20121032") no-repeat; width: 223px; height: 156px; float:left; padding-left:21px;position: relative;}
.guide-step2 {background: url("/_ui/images/newlayout/auto-sizer.png") no-repeat; width: 223px; height: 157px; float:left; padding-left:21px;position: relative;}
.guide-step3 {background: url("/_ui/images/newlayout/step3.jpg") no-repeat; width: 223px; height: 156px; float:right;position: relative;}
.bottom-right {position: absolute; bottom: 5px; right: 15px; text-align: right;font-weight: bold;text-transform: uppercase; color:#FFFFFF; }
.below-guide {width: 223px; height: 70px; float:left; position: relative; color:#000;text-align: center; font-size: 17px;padding-top:15px; line-height: 18px; }

/*about us*/
.about-us-home { float:left; background: url("/_ui/images/newlayout/about-home.png") repeat-x; width: 252px; height: 229px;clear:both; color:#000; position: relative; vertical-align: middle; }
.about-us-home-inner { padding-top: 0px; padding-left: 10px; padding-right: 10px; font-size: 16px; line-height: 26px; color: #000; }
.about-us-home-inner p { font-weight: bold; }
.home-break {background: url("/_ui/images/newlayout/break-home.png") no-repeat 30px 20px; }

/*buttom*/
.small-button { background: url("/_ui/images/newlayout/small-button-normal.png") no-repeat top transparent; border-radius: 2px 2px 2px 2px; border: 1px solid #DDDDDD; box-shadow: 0 2px 2px #DDDDDD; color: #FFFFFF; cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; line-height: 12px; overflow: visible; padding: 5px 15px 6px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); width: auto; text-align: center; }
.small-button:hover{ background: url("/_ui/images/newlayout/small-button-hover.png") repeat-x scroll 0 0 transparent;}

/*menu*/
#menu {padding-top: 37px;width:100%; text-align: center;padding-left:75px;z-index:250px;clear:both;}
#menu ul {font-family: Arial, Verdana;font-size: 12px;margin: 0;padding: 0;list-style: none;font-weight: bold;}
#menu ul li {	display: block;	position: relative;	float: left;text-transform: uppercase;}
#menu ul li ul { display: none; }
#menu ul li a {display: block;text-decoration: none;	color: #ffffff;	padding: 12px 15px 5px 15px;margin-left: 1px;white-space: nowrap; height: 19px;font-size: 13px;}
#menu ul li:hover ul {display: block;position: absolute;}
#menu ul li:hover a { background: #000000; }
#menu ul li:hover ul li a{ background-image:url("/_ui/images/newlayout/sub_menu.png"); background-repeat:no-repeat;color: #ffffff; width:200px; text-align: left;}
#menu ul li a.current{background: #000000; }

/* Fabrics */
#fabrics .heading { border-bottom: 1px dashed #C3C3C3; clear: both; width: 902px; }
#fabrics .images { clear: both; margin: bottom: 30px; }
#fabrics .images img { float: left; margin-right: 15px; margin-bottom: 15px; }
#fabrics .images .each {position:relative; cursor: pointer; padding: 0px 1px 0 0px; width: 150px; height: 150px; margin: 0 14px 14px 0; float: left; }
#fabrics .images .each a {text-decoration:none;}
#fabrics .images .each .overlay {display:none; position:absolute; top:0px; left:0px; width:150px; height:150px; background: url(../images/seethru.png); z-index: 100; cursor:pointer; color:#FFF;}
#fabrics .images .each .overlay span {display:block;text-align:center; font-weight:bold;margin-top:60px;}
#fabrics .images .each:hover .overlay {display : block}

/* Return Exchange */
#return_exchange .messages {padding: 0;text-align: left; list-style-type: none;}
#return_exchange .mid {overflow: hidden;padding: 0;text-align: left; list-style-type: none;}
#return_exchange .messages .error-msg {background-color: #D91A00;border-color: #D91A00;color: #FFFFFF;border-style: solid !important;border-width: 1px !important; font-size: 11px !important; font-style: italic !important;font-weight: bold !important;}
#return_exchange .messages ul li {list-style-type: none; margin: 0; padding: 0 0 2px;line-height: 18px; list-style-position: outside;}
#return_exchange .getStarted-content {background-color: #F5F5F5; border-radius: 3px 3px 3px 3px;padding: 10px 20px 10px; position: relative; width:280px; float:left}
#return_exchange .intro-paragraph {color: #5F6A7E; float: left; font-family: rooney-web; font-size: 17px; line-height: 20px; margin-top: 15px;}
#return_exchange .input-box { float: left;}
#return_exchange .input-text {background-color: #FFFFFF; border: 1px solid #C0C7D4; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; color: #5F6A7E; font: 14px/36px museo-sans; height: 45px; padding: 0 10px; width: 100px;}
.return-form input[type=button] {width:50px;}
#return_exchange .tab-content-detail-item h2 {border-bottom: 1px solid #424242; margin-left: 330px}

#cart { width: 1000px; margin: auto; margin-bottom: 30px; }

#inspriration .search { line-height:24px;width:100%;color:#797979;}
#inspriration .search .item { float:left;font-size:14pt;}
#inspriration .search a.searchCollection {font-size: 10pt;display: block;width: 150px;height: 25px;line-height: 25px;background-color: #0CADE7;text-align: center;color: white; float:left; margin-right:20px;}
#inspriration .search a.searchCollection:hover {opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
#inspriration .search a.checked {background-color: #666;}

.description-fabric {background-color:black;font-size: 14pt;opacity: 0.6;filter: alpha(opacity=60);position: absolute;width:700px;color:white; padding-left:10px;padding-right:10px}
.description-fabric .titleDes {margin-right: 10px; margin-top:10px; margin-bottom:10px; width: 680px}

.lockOn { opacity:0; height: 100%; left: 0;  position: absolute; text-align: center;  top: 0; visibility: visible;  width: 100%;  z-index: 1101;}
.section-after-main-banner { width:100%; }
#content-shirt .signup:hover {background-color:#666;}

a.button-v3-black { background-color:#333; display:block; height:42px; line-height:42px; width:150px; display:block; float:left; text-align:center; color:#F2F2F2; font-weight:bold; text-decoration:none !important; font-family: Arial; font-size: 13pt; }
a.button-v3-black:link { color:#F2F2F2; }
a.button-v3-black:visited { color:#F2F2F2; }
a.button-v3-black:hover { opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); }
a.button-v3-design-it { background: #333 url("/_ui/images/v3/designx.png") 13px 9px no-repeat; padding-left:25px; width:135px; }

.section-after-main-banner .title{font-size:24pt; font-weight: bold; text-align: left; color:#111111; margin-bottom:0px;}
.section-after-main-banner .content{text-align: left; color:#000; font-size:13pt; font-weight:normal;margin-top:0px;}

#roi-calculator {margin-top:20px}
#roi-calculator .search-dress-shirts {display: inline-block;line-height:40px;width:100%;color:#797979; margin-bottom:5px;margin-left:400px;margin-top:10px}
#roi-calculator a.searchDressShirt {font-size: 20pt;display: block;width: 160px;height: 40px;line-height: 40px;background-color: #3EA4FF;text-align: center;color: white; float:left; margin-right:10px;}
#roi-calculator a.searchDressShirt:hover {background-color: #666;}
#roi-calculator a.checked {background-color: #666;}

.button-style a {font-size:13pt; display:block; width:150px; height:50px; line-height:50px; background-color:#3EA4FF; text-align:center; color:#FFF; text-decoration:none !important;}
.button-style a:hover {background-color:#666; text-decoration:none !important;}

.tooltip-target { display: block; padding: 20px; padding-top: 0px; text-align: center; width:103px; height:47px;}
.tooltip-target .number-shirt{background: url('/_ui/images/v3/number-shirt.png') no-repeat; text-align: center; position:absolute;color:#FFFFFF;width:25px;height:25px;top:75px;left:135px;font-weight:bold; padding-top: 5px;padding-left:1px;display:none; }
.tooltip-content { z-index:5000; /* required */ position: absolute; /* required */  text-align: center; color: black; }
.tooltip-content p { margin: 0; } #fancy-content-1 { border: none; background: url('/_ui/images/v3/original.png'); width: 277px; height: 96px; }
.tooltip-border{padding: 10px 0 10px 10px; border-radius:3px; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.33); background-color: #FFFFFF;height:245px; }

.popup-capture .left-column{text-align:center;display: inline-block;width:45px;float:left;padding-top:42px;}
.popup-capture .top-left{float:left;width:270px;text-align:center;padding-top:30px;}
.popup-capture .top-mid{text-align:center;display: inline-block;}
.popup-capture .top-right{float:left;width:320px;text-align:center;padding-top:30px;}
.popup-capture .top-mid-right{text-align:center;display: inline-block;}
.popup-capture .right-column{display: inline-block;width:45px;float:right;padding-top:42px;}

#fabric-dialog-image .content {width:1400px}
#fabric-dialog-image:hover .fabric-arrow-left{ background:url("/_ui/images/twelvegslider/prev.png") no-repeat; cursor: pointer; height: 80px; position: absolute; top: 300px; width: 40px;left:15px; display:none;}
#fabric-dialog-image:hover .fabric-arrow-right{ background:url("/_ui/images/twelvegslider/next.png") no-repeat; cursor: pointer; height: 80px; margin-left: 10px; position: absolute; top: 300px; width: 40px;right:15px; display:block;}

.header-cart .steps { background:#efefef;overflow:hidden; }
.header-cart .step { float:left;width:224px;font-weight: 700;vertical-align:top;font-size:13px;line-height:19px;position:relative; }
.header-cart .step a { padding:8px;display:block; color: #323232;}
.header-cart .step2 { margin-left:27px; }
.header-cart .step3 { margin-left:27px; }
.header-cart .step4 { margin-left:27px;width:228px; }
.header-cart .step span { background:#fff;width:19px;height:19px;font-size:12px;line-height:19px;text-align:center;display:inline-block;*display:inline;*zoom:1;vertical-align:top;border-radius:2px;-webkit-border-radius:2px;margin-right:5px; }
.header-cart .step:hover span,
	.header-cart .step.act span { background:#5ebad1;color:#fff; }
.header-cart .step .head,
	.header-cart .step .tail { background:url("/_ui/images/os/nav-arrow.png") no-repeat left bottom;width:27px;height:35px;position:absolute;left:-27px;top:0;z-index:1; }
.header-cart .step .head { left:auto;right:-27px;background-position:right bottom; }
.header-cart .step:hover,
	.header-cart .step.act {  background:#d3edf4; }
.header-cart .step:hover .num,
	.header-cart .step.act .num {  background:#5ebad1;color:#fff; }
.header-cart .step:hover .head,
	.header-cart .step.act .head { background-position:right top;z-index:3; }
.header-cart .step:hover .tail,
	.header-cart .step.act .tail { background-position:left top;z-index:3; }
.header-checkout { font-size: 16pt; font-weight: 700; margin-top: 5px; height: 42px; margin-bottom: auto; }

.out-of-stock {}

/* Custom Select Menu */
.custom-select-menu { display: inline-block; margin-bottom: 8px; outline: none; position: relative; font-weight: 300; }
.custom-select-menu label { font-weight: 300; border: 1px solid #CCC; border-radius: 4px; color: #000; display: inline-block; padding: 10px 32px 10px 10px; position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; width: 70px; }
.custom-select-menu label.selection-made { color: #000; }
.custom-select-menu label:after { border-top: 6px solid #CCC; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ''; position: absolute; right: 10px; top: 16px; }
.custom-select-menu label.opened { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.custom-select-menu:focus label,
.custom-select-menu:hover label { border-color: #CCC; }
.custom-select-menu ul { background: #fff; border: 1px solid #CCC; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; left: 10px; list-style: none; margin: 0 -10px; max-height: 400px; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 43px; width: 112px; z-index: 2; padding-left: 0px; }
.custom-select-menu  li { background-color: #fff; cursor: pointer; padding: 7px 10px; }
.custom-select-menu li:hover,
.custom-select-menu .selected { background-color: rgba(0,0,0,.05); }

.ajax-loading {position:fixed; z-index: 100000; width: 250px; padding:7px 10px; border-radius: 5px; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.33); background:#efefef;; font-size: 20px; font-weight: 400px; display: none; text-align: center;}

iframe[name="google_conversion_frame"] {height: 1px !important;}