@charset "UTF-8";

/* ---Overall Structure--- */
* {
	outline: none;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #666;
	background: url(../images/bg.jpg);
	font: normal 75% "Gill Sans", "Gill Sans MT", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: 730px;
	background: url(../images/wrapper.png) no-repeat;
	text-align: left;
}

#wrapper img {
	border: none;
	vertical-align: bottom;
}

/* ---Header--- */
#header {
	margin: 0 auto 12px;
	padding: 0;
	width: 884px;
	height: auto;
}

h1#logo {
	margin: 48px 0 24px;
	padding: 0;
	float: left;
	width: 188px;
	height: 43px;
	background: url(../images/logo.png) no-repeat;
}

h1#logo a {
	display: block;
	height: 43px;
	text-decoration: none;
}

/* ---Shopping Navigation--- */
ul#shoppingnav {
	margin: 0;
	padding: 48px 0 0;
	float: right;
	width: 241px;
	list-style: none;
}

ul#shoppingnav li {
	display: inline;
}

ul#shoppingnav li a {
	margin: 0;
	padding: 0;
	float: left;
	height: 20px;
	background: url(../images/shoppingnav-sprite.png) no-repeat;
}

ul#shoppingnav li#shoppingnav-sign-in a {
	width: 92px;
	background-position: 0 0;
}

ul#shoppingnav.account li#shoppingnav-sign-in a,
ul#shoppingnav li#shoppingnav-sign-in a:hover {
	background-position: 0 -20px;
}

ul#shoppingnav li#shoppingnav-shop-assistant a {
	border-left: 1px solid #999;
	width: 118px;
	background-position: -92px 0;
}

ul#shoppingnav.shop-assistant li#shoppingnav-shop-assistant a,
ul#shoppingnav li#shoppingnav-shop-assistant a:hover {
	background-position: -92px -20px;
}

ul#shoppingnav li#shoppingnav-shopping-bag a {
	border-left: 1px solid #999;
	width: 121px;
	background-position: -210px 0;
}

ul#shoppingnav.shopping-bag li#shoppingnav-shopping-bag a,
ul#shoppingnav li#shoppingnav-shopping-bag a:hover {
	background-position: -210px -20px;
}

ul#shoppingnav li#shoppingnav-account a {
	width: 92px;
	background-position: -331px 0;
}

ul#shoppingnav.account li#shoppingnav-account a,
ul#shoppingnav li#shoppingnav-account a:hover {
	background-position: -331px -20px;
}

/* ---Search--- */
#search {
	margin: -48px 0 0;
	padding: 0;
	float: right;
	clear: both;
}

#searchform {
	margin: 0;
	padding: 0;
}

#s {
	margin: 0;
	padding: 0 6px;
	border: none;
	float: left;
	width: 188px;
	height: 20px;
	vertical-align: baseline;
	background: url(../images/search-box.png) no-repeat;
	font-size: 1em;
}

#submit {
	margin: 0 0 0 -1px;
	padding: 0;
	border: none;
	float: right;
	width: 20px;
	height: 20px;
	background: url(../images/search-submit.png) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}

#submit:hover {
	background-position: 0 -20px;
}

/* ---Top Navigation--- */
ul#topnav {
	margin: 0;
	padding: 0;
	clear: both;
	width: 884px;
	height: 30px;
	list-style: none;
	background: url(../images/topnav.png) no-repeat;
}

ul#topnav li {
	display: inline;
}

ul#topnav li a {
	margin: 0;
	padding: 0;
	float: left;
	height: 30px;
	background: url(../images/topnav-sprite.png) no-repeat;
}

ul#topnav li#topnav-bras a {
	margin: 0 0 0 86px;
	width: 73px;
	background-position: 0 0;
}

ul#topnav.bras li#topnav-bras a,
ul#topnav li#topnav-bras a:hover {
	background-position: 0 -30px;
}

ul#topnav li#topnav-briefs a {
	width: 82px;
	background-position: -73px 0;
}

ul#topnav.briefs li#topnav-briefs a,
ul#topnav li#topnav-briefs a:hover {
	background-position: -73px -30px;
}

ul#topnav li#topnav-tops a {
	width: 75px;
	background-position: -155px 0;
}

ul#topnav.tops li#topnav-tops a,
ul#topnav li#topnav-tops a:hover {
	background-position: -155px -30px;
}

ul#topnav li#topnav-pants a {
	width: 84px;
	background-position: -230px 0;
}

ul#topnav.pants li#topnav-pants a,
ul#topnav li#topnav-pants a:hover {
	background-position: -230px -30px;
}

ul#topnav li#topnav-pj-sets a {
	width: 86px;
	background-position: -314px 0;
}

ul#topnav.pj-sets li#topnav-pj-sets a,
ul#topnav li#topnav-pj-sets a:hover {
	background-position: -314px -30px;
}

ul#topnav li#topnav-nighties a {
	width: 103px;
	background-position: -400px 0;
}

ul#topnav.nighties li#topnav-nighties a,
ul#topnav li#topnav-nighties a:hover {
	background-position: -400px -30px;
}

ul#topnav li#topnav-gowns a {
	width: 96px;
	background-position: -503px 0;
}

ul#topnav.gowns li#topnav-gowns a,
ul#topnav li#topnav-gowns a:hover {
	background-position: -503px -30px;
}

ul#topnav li#topnav-best-sellers a {
	width: 127px;
	background-position: -599px 0;
}

ul#topnav.best-sellers li#topnav-best-sellers a,
ul#topnav li#topnav-best-sellers a:hover {
	background-position: -599px -30px;
}

ul#topnav li#topnav-sale a {
	width: 72px;
	background-position: -726px 0;
}

ul#topnav.sale li#topnav-sale a,
ul#topnav li#topnav-sale a:hover {
	background-position: -726px -30px;
}

/* ---Contents--- */
#contents {
	margin: 0 auto;
	padding: 0 12px;
	position: relative;
	clear: both;
	width: 860px;
	height: 483px;
	overflow-y: auto;
	overflow-x: hidden;
}

.col-left {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 483px;
	z-index: 1;
}

.col-right {
	margin: 0;
	padding: 0 12px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 362px;
	width: 510px;
	height: 483px;
	overflow-y: auto;
	overflow-x: hidden;
}

h2,
h3,
h4 {
	margin: 12px 0;
	padding: 0;
}

/* ---Side Images--- */
#side-shop-assistant,
#side-company-profile,
#side-philosophy,
#side-delivery,
#side-return-exchange,
#side-shopping-online,
#side-privacy-policy,
#side-disclaimer,
#side-stockists,
#side-contact-general,
#side-contact-wholesale,
#side-tiamo-vip,
#side-news-events {
	width: 350px;
	height: 483px;
	margin: 0;
	padding: 0;
}

#side-shop-assistant {
	background: url(../images/side/side-shop-assistant.jpg) no-repeat;
}

#side-company-profile {
	background: url(../images/side/side-company-profile.jpg) no-repeat;
}

#side-philosophy {
	background: url(../images/side/side-philosophy.jpg) no-repeat;
}

#side-delivery {
	background: url(../images/side/side-delivery.jpg) no-repeat;
}

#side-return-exchange {
	background: url(../images/side/side-return-exchange.jpg) no-repeat;
}

#side-shopping-online {
	background: url(../images/side/side-shopping-online.jpg) no-repeat;
}

#side-privacy-policy {
	background: url(../images/side/side-privacy-policy.jpg) no-repeat;
}

#side-disclaimer {
	background: url(../images/side/side-disclaimer.jpg) no-repeat;

}
#side-stockists {
	background: url(../images/side/side-stockists.jpg) no-repeat;
}

#side-contact-general {
	background: url(../images/side/side-contact-general.jpg) no-repeat;
}

#side-contact-wholesale {
	background: url(../images/side/side-contact-wholesale.jpg) no-repeat;
}

#side-tiamo-vip {
	background: url(../images/side/side-tiamo-vip.jpg) no-repeat;
}

#side-news-events {
	background: url(../images/side/side-news-events.jpg) no-repeat;
}

/* ---Footer--- */
#footer {
	margin: 12px auto 0;
	padding: 0;
	clear: both;
	width: 884px;
	height: auto;
}

/* ---Bottom Navigation--- */
ul#bottomnav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#bottomnav li {
	position: relative;
	float: left;
}

ul#bottomnav li a {
	margin: 0;
	padding: 0;
	float: left;
	height: 30px;
	background: url(../images/bottomnav-sprite.png) no-repeat;
}

ul#bottomnav li#bottomnav-about-tiamo a {
	width: 132px;
	background-position: 0 0;
}

ul#bottomnav.about-tiamo li#bottomnav-about-tiamo a,
ul#bottomnav li#bottomnav-about-tiamo a:hover {
	background-position: 0 -30px;
}

ul#bottomnav li#bottomnav-collections a {
	width: 129px;
	background-position: -132px 0;
}

ul#bottomnav.collections li#bottomnav-collections a,
ul#bottomnav li#bottomnav-collections a:hover {
	background-position: -132px -30px;
}

ul#bottomnav li#bottomnav-customer-service a {
	width: 160px;
	background-position: -261px 0;
}

ul#bottomnav.customer-service li#bottomnav-customer-service a,
ul#bottomnav li#bottomnav-customer-service a:hover {
	background-position: -261px -30px;
}

ul#bottomnav li#bottomnav-stockists a {
	width: 110px;
	background-position: -421px 0;
}

ul#bottomnav.stockists li#bottomnav-stockists a,
ul#bottomnav li#bottomnav-stockists a:hover {
	background-position: -421px -30px;
}

ul#bottomnav li#bottomnav-contact a {
	width: 107px;
	background-position: -531px 0;
}

ul#bottomnav.contact li#bottomnav-contact a,
ul#bottomnav li#bottomnav-contact a:hover {
	background-position: -531px -30px;
}

ul#bottomnav li#bottomnav-tiamo-vip a {
	width: 106px;
	background-position: -638px 0;
}

ul#bottomnav.tiamo-vip li#bottomnav-tiamo-vip a,
ul#bottomnav li#bottomnav-tiamo-vip a:hover {
	background-position: -638px -30px;
}

ul#bottomnav li#bottomnav-news-events a {
	width: 140px;
	background-position: -744px 0;
}

ul#bottomnav.news-events li#bottomnav-news-events a,
ul#bottomnav li#bottomnav-news-events a:hover {
	background-position: -744px -30px;
}

/* ---Pull Up Menu--- */
ul#bottomnav li ul.bottomnav-sub-menu {
	margin: 0;
	padding: 0;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	display: none;
	position: absolute;
	top: 1em;
	bottom: 30px;
	left: 0;
	list-style: none;
	z-index: 1;
}

ul#bottomnav li > ul.bottomnav-sub-menu {
	top: auto;
	left: auto;
}

ul#bottomnav li:hover ul.bottomnav-sub-menu,
ul#bottomnav li.over ul.bottomnav-sub-menu {
	display: block;
}

ul#bottomnav li ul.bottomnav-sub-menu li {
	margin: 0;
	padding: 0;
}

ul#bottomnav li ul.bottomnav-sub-menu li a {
	margin: 0;
	padding: 12px;
	height: auto;
	color: #666;
	background: #ccc;
	font-size: 80%;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

ul#bottomnav li ul.bottomnav-sub-menu li a:hover {
	color: #000;
}

ul#bottomnav li#bottomnav-about-tiamo ul.bottomnav-sub-menu li a {
	width: 108px;
}

ul#bottomnav li#bottomnav-collections ul.bottomnav-sub-menu li a {
	width: 105px;
}

ul#bottomnav li#bottomnav-customer-service ul.bottomnav-sub-menu li a {
	width: 136px;
}

ul#bottomnav li#bottomnav-stockists ul.bottomnav-sub-menu li a {
	width: 86px;
}

ul#bottomnav li#bottomnav-contact ul.bottomnav-sub-menu li a {
	width: 83px;
}

#copyright {
	margin: 0;
	padding: 0;
	position: relative;
	top: 48px;
	clear: both;
}

#footer-col-left {
	position: absolute;
	left: 0;
}

#footer-col-right {
	position: absolute;
	right: 0;
}

/* ---Links--- */
a:link,
a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #000;
	text-decoration: none;
}

/* ---Others--- */
.no-display {
	text-indent: -9999px;
}

.off-left {
	position: absolute;
	left: -9999px;
}

.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

hr.border {
	margin: 12px 0;
	border: 0;
	clear: both;
	height: 1px;
	color: #eee;
	background-color: #eee;
}

.ind12 {
	margin: 0 0 0 12px;
}