/*
 * rbrth.com stylesheet
 * Author : Angga Negara <angga@helloangga.com>
 *
 * Sorry for anyone working on this file, i had to make it
 * oneline rule to save space. go ahead and curse me :)
 *
 */

@import url('reset.css');
@import url('form.css');
@import url('tabs.css');

body { font: 62.5%/1.3em Helvetica, arial, sans-serif; color: #333; }

/* .. temporary */
.cleaner { clear: both; }
.imgTest { display: block; background-color: #F0F0F0; height: 160px; border: 1px solid #FFF; width: 190px; }


/* .. splash */
#splash { width: 800px; height: 600px; margin: 0 auto; }
#splash h1 { font-size: 28px; font-family: Georgia, Times, serif; display: block; margin: 0 0 20px 0; border-bottom: 1px solid #EEE; padding: 0 0 12px 0; }
#splash h2 { font-size: 18px; font-family: Georgia, Times, serif; display: block; }
#splash h2 a { color: #2099ff; text-decoration: underline; }
#splash h2 a:hover { text-decoration: none; }


/* .. header */
#wrapper { width: 930px; margin: 0 auto 50px auto; padding: 0; background-color: #FFF; }
#header {  width: 930px; height: 200px; padding: 0; background: #fff url('../images/logo.jpg') left bottom no-repeat; position: relative; font-size: 10px;}
	
	.topmenu-left { position: absolute; left: 5px; top: 10px; }
	.topmenu-right { position: absolute; right: 140px; top: 10px; }
	
	.topmenu-left a { color: #000; text-decoration: underline; }
	.topmenu-right a { color: #000; text-decoration: underline;  }
	.topmenu-right a.bigbold { text-transform: uppercase; font-weight: bold; }
	
	.topmenu-left a:hover, .topmenu-right a:hover { text-decoration: none; }
	
	.bag { position: absolute; top: 5px; right: 0; display: block; padding: 5px 5px 4px 22px; background: #000 url('../images/cart.png') left center no-repeat; color: #999; }
	.bag a { color: #999; text-decoration: underline; }
	.bag a:hover { color: #FFF; text-decoration: none; }

/* .. menu */
#menu { width: 930px; margin: 10px auto; height: 24px; overflow: hidden; }
#menu ul { position: relative; left: 50%; float: left; }
#menu ul li { position: relative; right: 50%; display: inline; float: left; }
#menu ul li a { display: block; float: left; margin-right: 90px; }

	#menu ul li a#m-about { background: transparent url('../images/menu-about.png') left top no-repeat; width: 68px; height: 24px; background-position: 0 0; }
	#menu ul li a#m-lookbook { background: transparent url('../images/menu-lookbook.png') left top no-repeat; width: 109px; height: 24px; background-position: 0 0; }
	#menu ul li a#m-press { background: transparent url('../images/menu-press.png') left top no-repeat; width: 68px; height: 24px; background-position: 0 0; }
	#menu ul li a#m-shop { background: transparent url('../images/menu-shop.png') left top no-repeat; width: 55px; height: 24px; background-position: 0 0; }
	#menu ul li a#m-blog { background: transparent url('../images/menu-blog.png') left top no-repeat; width: 55px; height: 24px; background-position: 0 0; }
	#menu ul li a#m-inquiry { background: transparent url('../images/menu-inquiry.png') left top no-repeat; width: 96px; height: 24px; background-position: 0 0; }
	#menu ul li a#m-stockists { background: transparent url('../images/menu-stockists.png') left top no-repeat; width: 123px; height: 24px; background-position: 0 0; }
	
	#menu ul li a#m-about:hover,
	#menu ul li a#m-lookbook:hover,
	#menu ul li a#m-press:hover,
	#menu ul li a#m-blog:hover,
	#menu ul li a#m-inquiry:hover,
	#menu ul li a#m-stockists:hover,
	#menu ul li a#m-shop:hover,
	#b-about #menu ul li a#m-about,
	#b-lookbook #menu ul li a#m-lookbook,
	#b-press #menu ul li a#m-press,
	#b-blog #menu ul li a#m-blog,
	#b-contact #menu ul li a#m-inquiry,
	#b-shop #menu ul li a#m-shop { background-position: 0 -24px; }

/* .. content body */
#container { width: 930px; background-color: #FFF; margin: 20px auto; overflow: hidden; }

	/* don't mess around */
	.colMargin { float: left; margin-right: 20px; }
	.col { float: left; }
	
	.m7 { margin-right: 7px; }
	.m10 { margin-right: 10px; }
	.m17 { margin-right: 17px; }
	.m18 { margin-right: 18px; }
	.m20 { margin-right: 20px; }
	
	.s60 { width: 60px; }
	.s98 { width: 98px; }
	.s100 { width: 100px; }
	.s102 { width: 102px; }
	.s116 { width: 116px; }
	.s125 { width: 125px; }
	.s130 { width: 140px; }
	.s150 { width: 150px; }
	.s180 { width: 180px; }
	.s190 { width: 190px; }
	.s200 { width: 200px; }
	.s210 { width: 210px; }
	.s230 { width: 230px; }
	.s240 { width: 240px; }
	.s290 { width: 290px; }
	.m325 { width: 325px; }
	.m350 { width: 350px; }
	.m370 { width: 370px; }
	.m460 { width: 460px; }
	.m440 { width: 440px; }
	.m550 { width: 550px; }
	.m595 { width: 595px; }
	.w670 { width: 670px; }
	.m720 { width: 720px; }
	.m740 { width: 740px; }
	.m760 { width: 760px; }
	.w930 { width: 930px; }
	
	/* facebook, twitter, etc in home */
	.homeBtnWrap { width: 930px; border-top: 1px solid #111; padding: 0 0 5px 0; overflow: hidden; }
	.homebutton { width: 300px; text-align: center; }
	.homebutton a { font-size: 16px; display: block; }
	
	.txt h1 { font-size: 14px; display: block; margin: 10px 0 15px 0; padding-bottom: 12px; border-bottom: 1px solid #222; text-transform: uppercase; color: #000; }
	.txt p { line-height: 150%; color: #000; font-size: 11px; text-align: justify; margin-bottom: 10px; }
	.txt p:last-child { margin-bottom: 0; }
	
	.txt a { color: #000; }
	.txt a:hover { border-bottom: 1px dotted #000; }
	.txt a.bigbold { text-transform: uppercase; font-weight: bold; }
	.txt a.smallbold { font-weight: bold; }
	.txt a.smallbold:hover { border-bottom: 1px dotted #000; }
	
	.thumb { text-align: left; line-height: 150%; min-height: 220px; margin-bottom: 10px; }
	.thumb a:hover { border: 0; }
	.morepics { border: 1px solid #EEE; padding: 10px 5px; line-height: 150%; min-height: 90px; margin-bottom: 10px; }
	.morepics a:hover { border: 0; }
	
	.sortby { position: relative; padding: 3px 0 24px 0; width: 740px; text-align: right; height: 20px; }
		.sortbypos { position: absolute; right: 25px; top: 7px; }
		.sortbygo { position: absolute; right: 0px; top: 5px; }
	.crumb { position: absolute; left: 2px; top: 6px; font-size: 10px; color: #222; text-transform: uppercase; }
		.crumb a { color: #999; text-decoration: underline; }
		.crumb a:hover { color: #000; border: 0; text-decoration: underline; }
		.crumb .cur { color: #000; font-weight: bold; }
	.crumbdetail { font-size: 11px; color: #222; padding: 3px 0 10px 0; }
		.crumbdetail a { color: #999; }
		.crumbdetail a:hover { color: #000; border: 0; }
		.crumbdetail .cur { color: #000; font-weight: bold; }
	
	.categoryempty { font-size: 1.1em; font-style: italic; color: #999; padding: 0 0 10px 0; }
	.grey { color: #888; }
	
	.pressImage { width: 930px; position: relative; }
	.pressImage a.next { width: 100px; position: absolute; top: 0; right: 0; }
	.pressImage a.next:hover { border: 0; background: transparent url('../images/next.gif') right center no-repeat; }
	.pressImage a.prev { width: 100px; position: absolute; top: 0; left: 0; }
	.pressImage a.prev:hover { border: 0; background: transparent url('../images/prev.gif') left center no-repeat; }
	
	.itemUsedBy { width: 265px; position: relative; height: 100%; }
	.itemUsedBy a { position: absolute; top: 0; left: 0; z-index: 2; width: 265px; display: block; height: 100%; }
	.itemUsedBy a:hover { border: 0; background: transparent url('../images/next.gif') left center no-repeat; }
	.itemUsedBy img { positon: relative; z-index: 1; }
	
	.sharewrap { position: relative; height: 20px; }
		a.sharelink { display: block; position: absolute; left: 0; top: 0; padding: 3px; width: 120px; }
		a.sharelink:hover { border: 0; }
		#sharetab { position: absolute; left: 0; top: 20px; z-index: 10; width: 200px; }
		
	.foot a { color: #000; text-decoration: underline; }
	.foot a:hover { color: #000; text-decoration: none; border: 0; }
	
	.newsletterwrap { border-top: 1px solid #111; padding-top: 10px; }
	
	.faq_category { font-weight: bold; font-size: 14px !important; text-transform: uppercase; }
	a.faq_title { font-weight: bold; font-size: 12px; text-decoration: underline; color: #555; }
	.faq_ans { display: none; font-size: 11px; }
	
	.imagemap { position: relative }
	.map-vimeo { position: absolute; top: 15px; left: 10px; width: 130px; height: 80px; }
	.map-youtube { position: absolute; top: 15px; right: 10px; width: 140px; height: 80px; }
	
	.social li { display: block; float: left; padding: 3px 5px 3px 0 }
	.social li a:hover { border: 0 }
	
	#share-window { width: 270px; overflow: hidden; display: none }
	
/* .. heading */
h1.lookbook { margin-bottom: 5px; text-transform: uppercase; font-size: 11px; }
h1.product { margin-bottom: 5px; text-transform: uppercase; font-size: 11px; }
h1.pressTitle { margin-bottom: 5px; font-size: 14px; }
h2.lookbook, h2.product { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #DDD; font-size: 11px; color: #999; }
	h2.lookbook a, h2.product a { color: #999; text-decoration: underline; }
	h2.lookbook a:hover { border: 0; text-decoration: none; }
	h2.lookbook a.cur, h2.product a.cur { color: #000; font-weight: bold; }

div.wishlist-wrap { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #DDD; font-size: 11px; color: #999; position: relative; height: 15px; }
	a.wishlist-btn { position: absolute; left: 0; top: 0; width: 210px; color: #111; text-decoration: underline; z-index: 9; text-transform: uppercase; font-size: 10px; }
	a.wishlist-btn:hover { text-decoration: none; border-bottom: 0; }
	#wishlist-share { position: absolute; top: 15px; left: 0; display: block; z-index: 10; border: 1px solid #AAA; background-color: #FAFAFA; padding: 10px 10px; color: #111; width: 400px; display: none; }

h1.cart { margin-bottom: 5px; font-size: 11px; }
h2.cart { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #EEE; font-size: 10px; color: #999; }
	h2.cart strong { font-weight: bold; color: #000; }

h1.itemTitle { font-size: 16px; border: 0; margin-bottom: 5px; text-transform: uppercase; }
h1.shareTitle { margin-bottom: 0; margin-top: 6px; }
h1.mainItemTitle { font-size: 16px; border: 0; margin-bottom: 15px; text-transform: uppercase; }

h1.categorytitle { font-size: 12px; }

/* .. links */
a.noborder { border: 0; }
a.noborder:hover { border: 0; }

a.itemname { text-transform: uppercase; text-decoration: underline; }
a.itemname:hover { color: #999; }

a.fancy { display: block; border: 1px solid #EEE; padding: 3px 3px 0 3px; background-color: #FFF; margin-bottom: 5px; }
a.fancy:hover { border: 0; border: 1px solid #CCC; }

a.underline { text-decoration: underline; }
a.underline:hover { text-decoration: none; border: 0; }

.login, .search {
	margin: 10px 0 0 0;
}

	.login p {
		font-size: 1.2em;
	}
	
	.login a { color: #555; font-weight: bold; }
	.login a:hover { color: #5fc1c0; }

.featureditembox {
	width: 120px;
	float: left;
}

.newitem {
	margin: 10px auto 0 auto;
	width: 100px;
	text-align: center;
}

.newitem {
	font-size: 1.1em;
}

.pagenav {
	border-top: 1px solid #222;
	padding: 5px 0;
	font-size: 1em;
	text-transform: uppercase;
}

.detailtext {
	font-size: 1.2em;
	line-height: 150%;
}

.paymentbox {
	border-top: 1px solid #222;
	padding: 10px 0;
	margin-top: 10px;
}

.paymentbox p {
	color: #666;
	line-height: 150%;
	font-size: 1.2em;
	margin-top: 5px;
}

.infoBox {
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

	.infoBox p {
		display: block;
		border-bottom: 1px solid #EEE;
		padding: 5px 0;
		line-height: 150%;
	}
	
	.infoBox p:last-child { border: 0; }
	
.cardInfo {
	border-top: 1px solid #CCC;
	padding-top: 10px;
	margin-top: 50px;
	font-size: 1.2em;
	line-height: 150%;
}

.myaccText {
	font-size: 1.2em;
}

.docText {
	font-size: 12px;
	line-height: 140%;
}

.docText p {
	margin-bottom: 10px;
}

.docText a {
	color: #5fc1c0;
}

.docText a:hover {
	color: #555;
}

.formTitle {
	margin-bottom: 4px;
}

.formField {
	margin-bottom: 8px;
}

/* @end */


/* @group button / link */
	
#logininfo a { color: #5fc1c0; }
#logininfo a:hover { color: #222; }

.itemdisplay a { color: #222; }
.itemdisplay a:hover { color: #5fc1c0; }

.newitem a { color: #222; }
.newitem a:hover { color: #5fc1c0; }

.pageCur { color: #FFF; background-color: #000; padding: 2px 5px; }
.pagenav a { color: #000; padding: 2px 5px; background-color: #CCC; }
.pagenav a:hover { color: #FFF; background-color: #000; }

.imgBtn { float: right; }

.orderLeft { width: 350px; float: left; margin-right: 20px; }
.orderRight { width: 350px; float: left; }

/* @end */


/* @group heading */

h1.title {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

h1.title_shoppingbag {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	display: inline;
	padding: 0 5px 0 0;
}

div.greentitle {
	display: block;
	border-bottom: 1px solid #111;
	margin-bottom: 10px;
}

/* @end */


/* @group List */


ul.listaccount li a {
	color: #FFF;
	font-size: 1em;
	display: block;
	width: 167px;
	height: 20px;
	text-transform: uppercase;
	font-family: arial;
	padding: 4px 0 0 10px;
}

	ul.listaccount li a:hover {
		color: #5fc1c0;
	}

	a#btnblack1 { background: transparent url('../images/btnblack1.png') left top no-repeat; }
	a#btnblack2 { background: transparent url('../images/btnblack2.png') left top no-repeat; }
	a#btnblack3 { background: transparent url('../images/btnblack3.png') left top no-repeat; }
	a#btnblack4 { background: transparent url('../images/btnblack4.png') left top no-repeat; }

ul#fmenu { padding-bottom: 20px; }
ul#fmenu li { display: inline; }
ul#fmenu li a { display: block; float: left; padding: 0 5px; text-transform: uppercase; color: #333; font-size: .8em; border-right: 1px solid #BBB; }
ul#fmenu li a:hover { color: #5fc1c0; }
ul#fmenu li:last-child a { border: 0; }

ul#category { font-size: 11px; }
ul#category li.mother a { font-weight: bold; display: block; padding: 5px 0; border-bottom: 1px solid #222; text-transform: uppercase; text-decoration: none; }
ul#category li.mother a:hover { color: #999; }
ul#category li.child a { display: block; padding: 4px 0 4px 8px; border-bottom: 1px solid #EEE; color: #888; text-transform: uppercase; text-decoration: underline; }
ul#category li.child a:hover { color: #000; }
ul#category li.sel a { color: #000; background-color: #EFEFEF; }
/*
a.sharelink { padding-top: 10px; border-bottom: 0; display:block; width: 110px; border-bottom: 0; text-transform: uppercase; }
a.sharelink:hover { border-bottom: 0; }*/
ul#share { font-size: 11px; border: 1px solid #AAA; }
ul#share li a { display: block; padding: 5px 0 5px 25px; border-bottom: 1px solid #DDD; }
	ul#share li a.facebook { background: #FFF url('../images/icon_fb.png') left center no-repeat; background-position: 5px 5px; }
	ul#share li a.twitter { background: #FFF url('../images/icon_twitter.png') left center no-repeat; background-position: 5px 5px; }
	ul#share li a.stumble { background: #FFF url('../images/icon_stumble.png') left center no-repeat; background-position: 5px 5px; }
	ul#share li a.delicious { background: #FFF url('../images/icon_del.png') left center no-repeat; background-position: 5px 5px; }
	ul#share li a.myspace { background: #FFF url('../images/icon_myspace.png') left center no-repeat; background-position: 5px 5px; }
	ul#share li a.digg { background: #FFF url('../images/icon_digg.png') left center no-repeat; background-position: 5px 5px; }
ul#share li a:hover { color: #888; }
/* @end */


/* @group picture */

.item-picture { border: 1px solid #EEE; }

/* @group end */


/* @group Item details */

#item_price { font-weight: bold; font-size: 14px; display: block; margin-bottom: 5px; }
.item_code { color: #AAA; font-size: 11px; display: block; margin-bottom: 3px; }
.item_weight { color: #555; font-size: 11px; }

.detailone { padding: 0 10px; background-color: #FAFAFA; border: 1px solid #DDD; font-size: 1.1em; margin: 0; }
	.detailone p { display: block; border-bottom: 1px dotted #CCC; padding: 5px 0; line-height: 150%; margin-bottom: 0; }
	.detailone p:last-child { border: 0; }
	
.itemUsedBy { padding: 10px; background-color: #FAFAFA; border: 1px solid #DDD; font-size: 1.1em; margin: 0; }
	
.detailtwo { font-size: 1.2em; margin: 0 0 10px 0; }
	.detailtwo p { line-height: 130%; margin-bottom: 5px; }
	
#itemtbl tr td { border-bottom: 1px dotted #CCC; padding: 5px 0; line-height: 150%; }
#itemtbl tr:last-child td { border: 0; }

.oldprice { color: #FF0000; text-decoration: line-through; }

/* @group end */


/* @group Table */

table#cartTable { width: 100%; margin: 0; padding: 0; font-size: 1.1em; }
table#cartTable tr th { color: #444; text-transform: uppercase; padding: 0 5px 5px 5px; font-weight: bold; border-bottom: 1px solid #EEE; }
table#cartTable tr td { color: #444; padding: 5px; border-bottom: 1px solid #F0F0F0; }
	table#cartTable tr td.txr { text-align: right; border-bottom: 0; }
	table#cartTable tr td.tdr { text-align: right; }
	
td a { color: #222; font-weight: bold; }

table.formTbl {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FAFAFA;
	border: 1px solid #DDD;
	padding: 10px;
	font-size: 1.2em;
}

table.formTbl tr th {
	color: #444;
	text-transform: uppercase;
	padding: 0 5px 5px 5px;
	font-weight: bold;
	border-bottom: 1px solid #EEE;
}

table.formTbl tr td {
	background-color: #FAFAFA;
	color: #444;
	padding: 5px;
	border-bottom: 1px dotted #DDD;
}

table#totalTbl {
	margin-top: 10px;
}

table#totalTbl tr td {
	font-size: 1.3em;
	padding: 5px;
}

table#totalTbl tr td.l {
	text-align: right;
}


table.accTbl { width: 100%; margin: 0; font-size: .9em; }
table.accTbl tr th { color: #111; text-transform: uppercase; padding: 0 0 5px 0; font-weight: bold; border-bottom: 1px solid #EEE }

	table.accTbl a { color: #777; }
	table.accTbl a:hover { color: #333; }

table.accTbl tr td {
	color: #111;
	padding: 5px 0;
	border-bottom: 1px dotted #EEE;
	line-height: 140%;
}

table.accTbl tr:last-child td { border-bottom: 0; padding-bottom: 0;}

table.orderTbl { width: 100%; margin: 0; padding: 0; font-size: .9em; }
table.orderTbl tr th { color: #111; text-transform: uppercase; padding: 10px 0 6px 0; font-weight: bold; border-bottom: 1px solid #EEE; }

	table.orderTbl tr th span {
		font-weight: normal;
		text-transform: none;
		font-size: .9em;
	}
	
	table.orderTbl a { color: #000; }
	table.orderTbl a:hover { border-bottom: 1px dotted #111;; }

table.orderTbl tr td { color: #444; padding: 5px 0; border-bottom: 1px solid #F3F3F3; line-height: 140%; }

table.size {
	width: 100%;
	font-family: arial,'trebuchet ms';
	font-size: 11px;
	background-color: #BBB;
}
table.size th {
	text-align: center;
	text-transform: uppercase;
	padding: 7px 0;
	background-color: #DDD;
}
table.size tr.tbltitle td {
	text-align: center;
	padding: 5px 0;
	background-color: #EEE;
}
table.size tr.light td {
	padding: 3px;
	background-color: #FFF;
}
table.size tr.dark td {
	padding: 3px;
	background-color: #FAFAFA;
}
/* @group end */

#slider { position:relative; width:930px; background:url(themes/default/images/loading.gif) no-repeat 50% 50%; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider a { border:0; display:block; }

.login-form label { font-size: 12px; display: block; margin-bottom: 5px }
.login-form form input.input-txt { width: 200px; font-size: 12px; font-family: Arial, sans-serif; padding: 5px 8px; display: block; margin-bottom: 10px }
.login-form form input.input-txt-register { width: 274px; font-size: 12px; font-family: Arial, sans-serif; padding: 5px 8px; display: block; margin-bottom: 10px }
.login-form form input.input-txt-inline { font-size: 12px; font-family: Arial, sans-serif; padding: 5px 8px; display: inline-block; margin-bottom: 10px }
.login-form form input.input-txt,
.login-form form input.input-txt-inline,
.login-form form input.input-txt-register { -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc }

input.input-submit { font-weight: bold; font-size: 12px; font-family: Arial, sans-serif; padding: 5px 8px; display: inline-block; margin-bottom: 10px; background-color: #000; color: #fff }
input.input-submit { border: 1px dotted #000; text-transform: uppercase; cursor: pointer }
input.input-submit:hover { background-color: #fff; color: #000 }

.login-form form textarea.input-textarea { width: 200px; font-size: 12px; font-family: Arial, sans-serif; padding: 5px 8px; display: block; margin-bottom: 10px; height: 110px }
.login-form form textarea.input-textarea { -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc }

.login-form form select.select-country { width: 292px; font-size: 12px; font-family: Arial, sans-serif; display: block; margin-bottom: 10px }

.login-form form input.captcha { font-size: 16px; border: 1px solid #ccc; padding: 5px 8px; font-family: 'Andale Mono', 'Courier New', monospace; color: #111; letter-spacing: 1px; width: 70px }
.login-form form button.disable { font-size: 16px; border: 0; padding: 0; margin: 0; background-color: #fff; font-family: 'Andale Mono', 'Courier New', monospace; color: #111; letter-spacing: 1px }

a.link-submit { border: 1px dotted #000; text-transform: uppercase; font-weight: bold; font-size: 12px; font-family: Arial, sans-serif; padding: 5px 8px; display: inline-block; margin-bottom: 10px; background-color: #000; color: #fff }
a.link-submit:hover { background-color: #fff; color: #000 }

.login-form p { font-size: 12px; font-family: Arial, sans-serif; line-height: 160%; margin-bottom: 10px; color: #333 }
.login-form p a { color: #000; font-weight: bold }
.login-form a:hover { background-color: #000; color: #fff }

.sizechart { position: absolute; width: 600px; height: 543px; z-index: 999999; left: 50%; top: 50%; margin: -300px 0 0 -271px; display: none }