/* DEFAULT STYLING */
*{
	margin: 0;
	padding: 0;
}
html, body, td{
	font:9pt Tahoma, Verdana, Arial, sans-serif;
	direction: ltr;
	color:#000;
	line-height:20px;
}
body{
	text-align:center;
	background-color:#fff9f4;
}
div#background{
	background:url(images/bg.gif) repeat-y scroll center 50%;
}
div#container {	
	margin:0px auto; 
	width:990px; 
	position:relative;
	text-align:left;
}
img{
	line-height:0;
	font-size:0;
	border:0px;
}
h2{
	font:18pt Georgia, "Times New Roman", Times, serif;
}
p{
	padding-bottom:10px;
}
a {
	color:#000;
}

/* CUSTOM STYLING */

div#header{
	height:120px;
	background:url(images/header.jpg) no-repeat;
	color:#fff;
}
div#header a#logo{
	width:185px;
	height:120px;
	display:block;
	float:left;
}
div#header ul{
	list-style-type:none;
	float:right;
	height:80px;
	padding-right:20px;
	margin-top:20px;
	line-height:20px;
	font:12pt Georgia, "Times New Roman", Times, serif;
	background: url(images/navbar.gif) no-repeat;
}
div#header a{
	text-decoration:none;
	color:#fff;
}
div#header a:hover{
	text-decoration:underline;
	color:#ffd5bb;
}
div#header a.active{
	color:#ffd5bb;
	font-weight:bold;
}
div#header ul li{
	margin:1 5px;
	text-align:left;
	padding-left:5px;
}
div#header #login{
	float:right;
	width:200px;
	margin:20px 10px 0 0;
	_margin-right:15px;
	_width:210px;
}
div#header div#login ul{
	position:absolute;
	right:5px;
	top:0;
}
div#header div#login{
	/*margin-top:13px;*/
	_margin-right:5px;
}
div#header form#login{
	margin-top:25px;
}
div#header form#login div{
	display:block;
	margin-bottom:5px;
}
div#header form#login div span{
	margin-right:5px;
}
div#header div#wardrobe{
	background: url(images/wardrobe_off.gif) no-repeat 5px;
	height:80px;
}
div#header div.active div#wardrobe{
	background: url(images/wardrobe_on.gif) no-repeat 5px;
}
div#header div#wardrobe a#wardrobe-link:hover{
	background: url(images/wardrobe_on.gif) no-repeat 5px;
}
div#header div#wardrobe div{
	margin-left:50px;
}
div#header a#wardrobe-link{
	width:45px;
	height:80px;
	display:block;
	float:left;
}
div#content{
	clear:both;
}
div#footer{
	background-color:#000;
	position:relative;
	clear:both;
}
div#footer ul{
	list-style-type:none;
}
div#footer ul li{
	display:inline;
}
div#footer ul li a{
	text-decoration:none;
	color:#fff;
	padding:0pt 10px;
	line-height:25px;
	height:25px;
}
div#footer ul li a:hover{
	text-decoration:underline;
}
div#content a{
	color:#000;
}
div#content a:hover{
	color:#000;
}
div#side-nav{
	width:200px;
	float:left;
}
div#side-nav ul{
	list-style-type:none;
	margin-left:10px;
	padding-left:10px;
	line-height:20px;
	font:10pt Georgia, "Times New Roman", Times, serif;
	border-left:1px black solid;
}
div#side-nav .top{
	background: url(images/black-dot.gif) no-repeat 8px bottom;
}
div#side-nav .bottom{
	background: url(images/black-dot.gif) no-repeat 8px top;
}
div#main-content{
	float:left;
	background-color:#F7F7F5;
	margin:10px 0;
	width:760px;
	_width:780px;
	padding:10px;
}
#whole-content{
	background-color:#F7F7F5;
	margin:10px;
	padding:10px;
}
div#inner-content{
	background-color:#FFF;
	padding:10px;
	margin-top:10px;
}
div#inner-content h2{
	display:inline;
}
div#inner-content div#text{
	margin:10px 0;
}
form#sendfriend, form#addFriend, form#reminder, form#addBlog, div#link, form#addItem,
form#addArticle, form#addCollection, form#addGarment, div#admin-panel, form#addPromo{
	border:1px #999 solid;
	background:#fff;
	padding:10px;
	position:absolute;
	color:#000;
	width:250px;
	z-index:100;
}
form#sendfriend{
	right:20px;
	top:-160px;
}
form#reminder{
	right:20px;
	top:140px;
}
form#reminder input.text, form#sendfriend input.text{
	width:250px;
}
form#reminder input.send, form#sendfriend input.send, form#addFriend input.save, form#addGarment input.save, form#addItem input.save,
form#addBlog input.save, form#addArticle input.save, form#addCollection input.save, div#link input.add, form#addPromo input.save{
	float:right;
	margin-top:10px;
}
form#reminder input.close, form#sendfriend input.close, form#addFriend input.close, form#addGarment input.close, form#addItem input.close,
form#addBlog input.close, form#addArticle input.close, form#addCollection input.close, div#link input.close, form#addPromo input.close{
	float:left;
	margin-top:10px;
}
form#addFriend{
	left:210px;
	top:180px;
}
form#addPromo{
	left:210px;
	top:180px;
}
form#addPromo div{
	line-height:20px;
	height:20px;
	clear:left;
}
form#addPromo label{
	float:left;
	display:block;
	width:90px;
}
form#addItem{
	right:13px;
	top:165px;
}
form#addItem div{
	line-height:20px;
	height:20px;
	clear:left;
}
form#addItem label{
	float:left;
	display:block;
	width:80px;
}
form#addItem input{
	float:left;
	display:block;
}
form#addArticle{
	right:100px;
	top:122px;
	width:260px;
}
form#addArticle input.text, form#addFriend input.text, form#addCollection input.text, form#addGarment input.text{
	width:250px;
}
form#addCollection, form#addGarment{
	right:100px;
	top:170px;
}
form#addBlog{	
	left:410px;
	top:180px;
	width:400px;
}
form#addBlog input.text{
	width:400px;
}
div#link{
	left:110px;
	top:430px;
	width:400px;
}
div#link input.text{
	width:300px;
}
div#admin-panel{
	/*left:226px;*/
	right:10px;
	padding:0 0 5px 0;
	top:10px;
	width:65px;
}
div#admin-panel ul{
	background:none;
	height:auto;
	float:none;
	margin:0pt;
	padding-right:0;
	font-size:10pt;
}
div#admin-panel ul li{
	margin:0;
}
div#admin-panel a, div#admin-panel a:hover{
	color:#000;
}
div#left{
	background-color:#F7F7F5;
}
div#left div#breadcrumb{
	padding:10px 0 0 10px;
}
div#left div#inner-content{
	margin-top:0;
	background:none;
}
div#alert{
	border:1px solid #FFFFFF;
	white-space:nowrap;
	color:#FFFFFF;
	left:200px;
	padding:20px;
	position:absolute;
	text-align:center;
	top:30px;
}
div.warning{
	background-color:#cf0000;
}
div.success{
	background-color:#00AF00;
}
div#homeicon a{
	background:url(images/home_off.gif) no-repeat;
	width:43px;
	height:80px;
	left:445px;
	_left:250px;
	position:relative;
	top:20px;
	display:block;
}
div#homeicon a:hover{
	background:url(images/home_on.gif) no-repeat;
}
div#breadcrumb{
	position:relative;
	font:13pt Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	height:20px;
}
div#breadcrumb input{
	float:right;
	margin-left:10px;
	width:auto;
}
div#breadcrumb span{
	float:left;
}
div#copyright{
	font-size:8pt;
	color:#777;
}
div#copyright a{
	color:#777;
}
div#copyright a:hover{
	color:#000;
}
/* HOME */
.home div#left{
	float:left;
	width:665px;
	margin:20px;
	_margin-left:10px;
}
.home div#main{
	background:url(images/home.jpg) no-repeat right top;
	color:#000;
	width:665px;
	height:400px;
}
.home div#main p{
	padding-left:20px;
	padding-bottom:10px;
	width:200px;
}
.home div#main p a{
	font-weight:bold;
}
.home div#main h2{
	padding:20px;
	width:320px;
}
.home div#window{
	color:#000;
	width:665px;
	margin-top:20px;
	height:154px;
	border:1px solid #CCCCCC;
	background-color:#fff;
}
.home div#window div{
	background:url(images/window.gif) no-repeat;
	padding:5px 0 0 20px;
	height:29px;
}
.home div#window a{
	padding-left:3px;
}

/* LATEST COLLECTION */
div#latest{
	float:left;
	background:url(images/vines.gif) no-repeat;
	height:615px;
	width:285px;
}
div#latest div{
	margin-top:20px;
}
div#latest h2{
	margin-top:20px;
}
div#latest ul#quick-links{
	list-style-type:none;
}
div#latest ul#quick-links li{
	padding-top:20px;
	float:left;
	clear:both;
	width:265px;
}
div#latest ul#quick-links li img{
	float:left;
	margin-right:10px;
}
div#latest ul#quick-links li div{
	float:left;
	width:140px;
}

/* SHOP */
.shop div#main-content ul#shop-items{
	list-style-type:none;
	_margin-left:-10px;
}
.shop div#main-content ul#shop-items li{
	text-align:center;
	float:left;
	margin:10px;
	width:132px;
	height:210px;
	_height:225px;
	_margin-bottom:0;
}
.shop div#main-content ul#shop-items li img{
	display:block;
	height:180px;
	border:1pt solid #cccccc;
}
.shop div#main-content ul#shop-items li span{
	line-height:15px;
	display:block;
}

/* ITEM */
.item div#images{
	background-color:#fff;
	text-align:center;
	width:430px;
	float:left;
}
.item #breadcrumb{
	margin-bottom:10px;
}
.item div#images img{
	cursor:pointer;
}
.item div#images img#main{
	margin:10px;
	cursor:default;
}
.item form#details{
	float:left;
	padding-left:10px;
	width:310px;
}
.item form#details *{
	display:block;
	margin-bottom:5px;
	/*width:320px;*/
}
.item form#details select{
	width:200px
}
.item form#details select#colour{
	margin-bottom:5px;
}
.item form#details select option{
	margin-bottom:0;
}
.item form#details input{
	margin-bottom:10px;
	width:auto;
}
.item div#lookgood{
	width:285px;
}
.item div#lookgood div#wethink{
	padding:10px 0;
	font:11pt Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
.item div#lookgood a{
	float:left;
	display:block;
	margin:0 10px 10px 0;
}
.item div#lookgood a span{
	display:block;
}
.item div.line{
	margin:30px 0;
}
.item span#signin{
	font:11pt Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding:10px 0pt;
}
.item h1#name{
	display:inline;
	font:14pt Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
.item span#item-number{
	font-size:7pt;
	color:#AAA;
	display:inline;
	padding-left:5px;
}
.item div#sig{
	background:url(images/love.gif) no-repeat;
	clear:both;
	height:82px;
	width:240px;
}

/* CHECKOUT */
.checkout table{
	width:950px;
	padding-top:10px;
}
.checkout table tr{
	background-color:#fff;
}
.checkout table tr.line{
	background:#fff url(images/separeter.gif) no-repeat center;
}
.checkout table td{
	padding:5px;
}
.checkout table td img{
	height:100px;
}
.checkout table select{
	width:50px;
}
.checkout div#address{
	float:left;
	margin:10px 0;
}
.checkout div#payment{
	float:right;
	margin:10px 0;
}
.checkout div#postage{
	text-align:right;
	font-size:10pt;
	line-height:30px;
}
.checkout div#promo{
	text-align:right;
}
.checkout div#total{
	text-align:right;
	font-size:12pt;
	font-weight:bolder;
	line-height:30px;
}
.checkout div#contbtn{
	float:left;
}
.checkout div#buybtn{
	clear:both;
	float:right;
}
.checkout form.login{
	margin-top:10px;
	float:left;
	width:475px;
}
.checkout form.login fieldset{
	background-color:#FFF;
	margin-top:10px;
	padding:10px;
	border:none;
}
.checkout form#login fieldset{
	margin-right:10px;
}
.checkout form.login label{
	width:100px;
	float:left;
}
.checkout form#address-form input,.checkout form#address-form select{
	width:200px;
}

/* BLOG */
.blog h1{
	margin-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.blog div.comment{
	background-color:#FFF;
	padding:10px;
	margin-top:10px;
}
.blog div.comment h3{
	display:inline;
}
.blog div#addcomment{
	margin:10px 0;
}
.blog div.comment input{
	float:right;
	margin-top:10px;
}
.blog div.line{
	text-align:center;
}

/* PRESS */
.press div#inner-content div#text {
	float:left;
	width:535px;
}
.press div#side-nav ul, .blog div#side-nav ul{
	padding-left:0;
}
.press li, .blog li{
	padding-left:10px;
	/*height:30px;*/
	line-height:25px;
}
.press li.month, .blog li.month{
	background:#fff url(images/side_line.gif) no-repeat -5px bottom;
	height:30px;
	line-height:25px;
	cursor:pointer;
}

/* STORY */
div.story{
	background-color:#FFFFFF;
	margin:10px;
	padding:10px;
}

/* FRIENDS */
.friends{
	background-color:#F7F7F5;
}
.friends p{
	padding:10px 0;
}
.friends div#inner-content{
	background:none;
}
.friends div#inner-content ul{
	list-style-type:none;
}
.friends div#inner-content li{
	background-color:#FFF;
	margin-top:10px;
	padding:10px;
}
.friends div#breadcrumb input{
	margin-right:10px;
}

/* SIGNUP */
.signup fieldset{
	background-color:#FFF;
	margin-top:10px;
	padding:10px;
	border:none;
}
.signup input, .signup select{
	width:200px;
}
.signup input.checkbox, .signup input#admin{
	width:auto;
}
.signup div#inner-content input.button{
	padding-top:20px;
	width:auto;
}
.signup div#breadcrumb input{
	margin-right:10px;
}

/* POPUP */
div#popup{
	text-align:left;
}
div#popup div#header{
	background:url(images/header_popup.jpg) no-repeat;
}
div#popup div#footer{
	background:url(images/footer_popup.jpg) no-repeat;
	height:20px;
}
div#popup div#header span{
	font:18pt Georgia, "Times New Roman", Times, serif;
	text-align:right;
	float:right;
	position:relative;
	right:10px;
	top:42px;
}
div#popup div#header span.labels, div#popup div#header span.sizes{
	top:30px;
}
div#popup div#inner-content{
	margin:10px;
	background-color:#F7F7F5;
}
div#popup ol, div#popup ul{
	padding-left:30px;
}
div#popup ol li{
	padding-top:10px;
}

/* SIZES */
.sizes div#inner-content{
	float:left;
	width:440px;
}
.sizes td{
	text-align:center;
}
.sizes thead td{
	font-weight:bold;
}
.sizes table{
	margin-bottom:10px;
}

/* LABELS */
div.labels{
	background-color:#FFF;
}
.labels div{
	padding:10px
}
.labels td{
	line-height:15px;
}

/* EDIT ITEM */
.edit div#images{
	background-color:#fff;
	text-align:center;
	width:420px;
	float:left;
}
.edit #breadcrumb{
	margin-bottom:10px;
}
.edit div#images img{
	cursor:pointer;
}
.edit div#images img#main{
	margin:10px;
	cursor:default;
}
.edit div#images div#noimages{
	height:250px;
	border:1px solid black;
	padding-top:200px;
}
.edit form{
	float:left;
	width:330px;
	padding-left:10px;
}
.edit form select, .edit form input{
	width:225px;
}
.edit form input.save{
	width:auto;
	margin-top:10px;
	float:right;
}
.edit table#matches input.button{
	width:60px;
}
.edit td.line{
	padding:10px 0;
}

/* EMAILER */
#emailer div#left{
	width:720px;
	margin:0px;
	margin-right:10px;
}
#emailer div#latest {
	width:259px;
	background-color:#FFF;
	height:auto;
}
#emailer div#latest ul#quick-links{
	height:1060px;
	width:259px;
	overflow:auto;
}
#emailer div#latest ul#quick-links li{
	overflow:hidden;
	width:350px;
	padding-top:10px;
}
#templates img{
	width:229px;
	float:left;
}
#emailer ul#shop-items{
	list-style-type:none;
	width:680px;
}
#emailer ul#shop-items li{
	float:left;
	width:135px;
	text-align:center;
}
#emailer ul#shop-items li span{
	line-height:15px;
	display:block;
}

/* MENU */
#sddm{
	z-index: 30;
	position:absolute;
	right:10px;
	top:10px;
}
#sddm li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial
}
#sddm li a{
	display: block;
	padding: 4px 10px;
	background: #666;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#sddm li a:hover{	
	background: #333;
}
#sddm div{
	display: none;
	background: #FFF;
	border: 1px solid #666
}
#sddm div a{
	text-align: left;
	text-decoration: none;
	color: #000;
	background: #FFF;
	font: 11px arial
}
#sddm div a:hover{
	background: #333;
	color: #FFF
}

/* WINDOW */
#editWindow a img{
	border:1pt solid #CCCCCC;
}

/* SHOP FRONT */
.shop-front #left{
	float:left;
	margin:10px 10px 0 0;
	width:495px;
}
.shop-front #collections{
	padding-bottom:10px;
	position:relative;
}
.shop-front #collections img{
	border:1px solid black;
	margin:10px 0 0 10px;
}
.shop-front #col-left{
	position:absolute;
	top:20px;
	left:20px;
}
.shop-front #col-right{
	position:absolute;
	top:20px;
	right:15px;
}
.shop-front #col-bottom{
	position:absolute;
	bottom:140px;
	left:20px;
}
.shop-front #col-limited{
	position:absolute;
	right:30px;
	bottom:45px;
}
.shop-front #update{
	position:absolute;
	right:20px;
	bottom:20px;
}
.shop-front #collections div *{
	display:block;
}