/* a compilation of the three main Switch styles, reset, global and Nav
for them each section also calls its own stylesheet


I'm pretty sure there are sume big dupliactions in here. 

*/


/* ---------------------------------------------
- - - -   HTML RESET 
 ---------------------------------------------*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
h2{font-size:20px;font-family: verdana, Helvetica, sans-serif;}
h3{color:#8cc63f;font-size:18px;font-family: 'Trebuchet MS', Helvetica, sans-serif;padding:0px;margin-bottom:8px;}

/* ---------------------------------------------
 - - - - - -   GLOBAL STYLES 
-----------------------------------------------*/

body {
	font: 11px arial, verdana, sans-serif;
	color: #000;
	background: #FFF;
	height: 100%;
	text-align:center;
}

a { text-decoration:none;color:#8CC63F} 
a:hover{color:#6B9E28}
em{font-style: italic;}
* a:hover, * a:active{outline:none;}
/* GENERAL STYLES*/
html {height: 100%;}
*  {padding:0;margin:0;}	
* a:hover, * a:active{outline:none;}		
.clear, .clearboth { clear: both;}
li li, li p, td p, blockquote p {font-size:1em}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.right{text-align:right;}
img {border: 0;vertical-align:bottom;}
p{line-height:1.5em;margin:0 0 8px 0;font-size:12px}
.errorMessage{display:block;background:url(../img/failed.png) no-repeat; padding:10px 20px 10px 20px; font-size:16px; text-indent:2em}
.smalltext{font-size:0.8em;}
.biggertext{font-size:1.25em!important;}
.grey{background: #f9f9f9;}
.greytext{color:#999}
.alignright{text-align:right}
.aligncenter{text-align:center}
.visiblelink{text-decoration:underline; color:#6B9E28;}
#searchnav{
	width: 900px;
	height: 31px;
	clear: both;
	background: #000;
}

* html #searchnav{overflow: hidden;}
#searchbox label{color:#fff;font-weight:bold;padding:5px 8px 0px 8px;display:block;float:left;margin-top:4px}
#searchterm{height:23px;width:170px;background:#333333;border:1px solid #444;margin-top:3px;color:#FFFFFF;font-size:14px}

#navfix{position:relative;height:134px;}/*solving switch problems!*/
.hasgroove{border-left:1px solid #fff; border-right:1px solid #ddd }
#lower-titles{
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #6b9e28;
	color: #0c0c0c;
	font-weight: bold;
	font-size:14px;
	overflow: auto;
}

* html #lower-titles{height:24px;}
#lower-titles p{padding: 0;margin: 0;}

.lower-left{width: 360px;float: left;}
.lower-right{width: 540px;float: left;}
.lower-rightvideo{width: 540px;float: right;}
ul.lower-left{width: 340px;float: left;margin: 10px 0 0 0;}
* html ul.lower-left{line-height: 3px;}
ul.lower-left li{clear: left;display: block;}

ul.lower-left li a{
	padding: 3px;
	background: #deebcd url(../img/switch_img/green-arrow.gif) right no-repeat;
	display: block;
	border-bottom: 1px solid #fff;;
	color: #535151;
	text-transform:capitalize
}

ul.lower-left li.visitblog a{background:none;cursor:pointer;text-align:right;color:#6B9E28;text-decoration:underline}
ul.lower-left li.visitblog a:hover{background:none;color:#4B7E08;text-decoration:underline}


* html ul.lower-left li a{height: 14px;vertical-align: middle;}
ul.lower-left li a:hover, ul.lower-left li.lightrow a:hover{
	background: #b7ca9e url(../img/switch_img/green-arrow2.gif) right no-repeat;
	color: #fff;
	text-decoration: none;
}
ul.lower-left li.lightrow a{background: #fff url(../img/switch_img/green-arrow.gif) right no-repeat;}

/* HEADER STYLES ----------------------------------- */

h1 a{
	float:left;
	display:block;position:relative;
	text-indent: -5000px;
	width:240px;
	height:70px;
	background:url(../img/switch_img/logo.gif);
	overflow:hidden;
	margin: 37px 0 0 0;z-index:1000;
}
h2{color:#666}
#searchnav h2{
	float:left;
	display:block;
	text-indent: -5000px;
	width:122px;
	height:31px;
	background: url(../img/switch_img/buy-clothes.gif);
	overflow:hidden;
}


/* CONTENT AREAS -------------------------- */
#wrapper{width:956px;margin:0 auto;text-align:left;min-height: 100%;}

#top{width: 900px;padding: 0 28px;}
#searchnav{
	clear: both;
	background: url(../img/switch_img/searchnav-bg.gif) top repeat-x;
	height: 31px;
}
#searchbox{width: 278px;float: right;}

input.editing, textarea.editing, select.editing {background:#444444;border-top: 0;margin: 0;} 
.searchgo{border: 0;padding: 0;float: right;}

* html #content{overflow: visible !important;}

#content-flash, #content-left{width: 623px;float: left;}

#content{
	width: 900px;
	padding: 7px 28px 7px 28px;
	background: url(../img/switch_img/content-bottom.gif) no-repeat bottom left ;
	min-height:300px;
	overflow: auto;
	position:relative;height:100%
}
#content.paddedcontent{padding:20px 28px 0px 48px;}
#content.paddedcontent p {margin-right:20px}
#lower{
clear:both;
	width: 900px;
	padding: 15px 28px;
	background: url(../img/switch_img/lower-background.gif) top no-repeat;
	min-height: 90px;
}

.otheritem{
display:block;
	width: 140px;
	float: left;
	margin-top: 17px;
	margin-right:35px;
	text-align:center;
	font-weight:bold;
}
.otheritem img{border: 6px solid #ececec;margin-bottom:8px;width:150px}
.otheritem:hover img{border: 6px solid #94ca4c!important;}
.otheritem:hover a{color:#6B9E28}

/* homepage stuff */

#home #right-in-upper h3{
background:url(../img/switch_img/sell-your-clothes.gif) no-repeat;
display: block;
height: 63px;
width: 213px;
text-indent: -9999px;
}
#home #content-right{
	float: right;
	width: 277px;
	min-height: 420px;
	background: #8cc63f url(../img/switch_img/content-right-bottom.gif) no-repeat right bottom;
}

#home #right-in-upper{
width: 241px;

background: #ececec url(../images/template/right-top.gif) no-repeat;
padding: 18px 18px 0pt 18px;
	/*height: 150px;*/
	background: #ececec url(../img/switch_img/right-top.gif) top right no-repeat;
	font-size:1.2em;margin-top:0px;}
	
a.register {
background: url(../img/switch_img/right-register.gif) no-repeat;
	display: block;
	height: 33px;
	width: 181px;
	text-indent: -9999px;
	margin: 18px 0pt 0pt 0pt;
	}
.featuredcharity{background: url(../img/switch_img/featured.gif);width: 204px;height: 19px;display: block;text-indent: -9999px;overflow:hidden;}
#featuredCharity{width:250px;overflow:hidden;word-wrap:break-word;/*color:#EAFABF*/color:#FCFFE4}

#home #right-in-lower{width: 241px;height: 214px;padding: 50px 18px 0pt 18px;background: url(../img/switch_img/right-curves.gif) no-repeat;}
#home #right-in-lower a {font-weight:bold;color:#fff; text-decoration:underline}
#home #right-in-lower img{position:absolute;bottom:20px;}

/*******Category listings********/
.floatycatlist{display:block;float:left;width:175px; margin:10px;min-height:230px}
.floatycatlist ul{margin-top:8px;}
.floatycatlist li{font-size:12px}
#subselector{margin:7px 0px 8px 0px}
#subselector a{margin:0px 0px 0px 10px;text-decoration:underline;}

.sorrynoitems{display:block;text-align:center;font-size:24px;color:#CCCCCC;padding:40px 0px 40px 0px}
/* some stuff for the adverts*/
.breadcrumb{cursor:default; color:#888; margin:8px 0px 0px 10px; }
h3.breadcrumb{margin-bottom:0px;font-family:Verdana, Arial, Helvetica, sans-serif}
.breadcrumb a{text-decoration:underline;}

#refashAd .addtobasket{display:block; width:175px;height:37px;background:url(../img/add-to-basket-button_b.jpg);text-indent:-1000em;overflow:hidden; margin-left:-8px}
#refashAd  a.addtobasket:hover {background:url(../img/add-to-basket-button_b.jpg) 0px -37px;}

#gotobasket{display:block; width:155px;height:37px;overflow:hidden;margin-left:-8px;padding-left:20px;text-decoration:underline}
.gotobasket{background:url(../img/button-viewbasket.gif);text-indent:-1000em;}/*this is dynamically assigned to the named div above.*/
.gotobasket:hover {background:url(../img/button-viewbasket.gif) 0px -37px;}

#refashAd #content-left{
	min-height: 350px;
	padding: 15px 25px 20px 15px;
	width: 577px;
}

#content-flash{height: 420px;}

#refashAd #content-right{
	float: right;
	width: 217px;
	min-height: 420px;
}
#refashAd #lowblob{position:absolute;bottom:0px; right:30px;width:215px;height:200px;background:url(../img/switch_img/right-curves.gif)bottom right no-repeat}
#refashAd #purchasing-buttons{padding:0px 20px 0px 0px;margin-top:25px;}
#refashAd #itemdetails{width: 390px;
	float: left;
	color: #515151;
	line-height: 19px;
	font-size:12px;
	padding:0px 0px 0px 10px;
}
#refashAd #itemdetails h2{padding:4px 0px;Margin-left:-2px;}
#refashAd h3.breadcrumb{margin-bottom:20px;}

#refashAd p.price{margin-top:30px;}
#refashAd p.price b{font-size:16px}

.roundgreybox{background:#f2f2f2; color:#888; font-size:12px; font-family:Arial, Helvetica, sans-serif;line-height:16px;position:relative;top:0px;width:215px;margin-bottom:20px;}
.roundgreybox p{padding:0px 21px 20px 8px;margin-left:10px;line-height:1.6em}
.roundgreybox h3{padding:20px 10px 12px 16px;margin-bottom:0px}
.roundgreybox b{color:#666}
 p.percentage{font-size:12px;color:#666;}
.percentage span{font-size:30px;}

/*rounded corners on boxes *****/
.tr, .tl, .br, .bl{display:block;position:absolute;width:7px;height:7px;background:url(../img/cornercirc.png);z-index:1234;font-size: 0px}
.tl{right:0px;background:url(../img/cornercirc.png) 7px 0px;z-index:1235;}
.bl{bottom:0px;background:url(../img/cornercirc.png) 0px 7px;}
.br{bottom:0px;right:0px;background:url(../img/cornercirc.png) 7px 7px;}



#refashAd #imagearea{width: 230px;float: left;padding-left:10px; margin-right:10px}
#refashAd .medimage{border: 1px solid #e6e6e6;width:220px}
#refashAd .smallimage{float: left;border: 1px solid #e6e6e6;margin: 8px 8px 0 0;width:105px;}



/*************** Forms ********************/
fieldset{margin-bottom:15px;}
legend{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;margin-top:10px;color:#333333}
#regForm{padding-right:30px;}

#sidebox{display:block;position:absolute;width:400px;height:300px;right:40px;top:64px;}

#loginForm{margin:15px 0px 60px 0px;padding-left:50px;} #regForm{margin:15px 15px 60px 15px;}
#loginForm h3, #regForm h3{margin-bottom:30px}
#loginForm label, #regForm label, #userForm label, #pwdReset label{width: 148px;float: left;padding: 3px 0px 3px 0px;height: 20px;display: block;
margin: 0px 0px 5px 0px;clear:both;font-size:12px;color:#333333
}
#userlogin input.text, #regForm input.text, #userForm input.text, pwdReset input.text{border: 1px solid #ccc;padding: 3px;width: 194px;height: 20px;float: left;display: block;}
.textarea{border: 1px solid #ccc;padding: 3px;width: 194px;height: 100px;float: left;display: block;}
#userlogin #forgot {background:#f8f8f8;clear:both; font-size:12px;padding:5px 0px;  width:810px; margin:20px 0px 0px 40px}
#userlogin #forgot a {display:inline-block; padding:3px 50px 3px 50px; font-weight:bold; }
.inset{margin-left:8px;}
form .inset{margin-left:150px}
.loginbutton{clear:both;} .loginbutton input{padding:2px 8px;margin: 10px 0px 0px 280px}
/***sim***/
.errMsg .errorMessage{font-weight:bold;color:#a33;}
.ajaxwait{  }

/* FOOTER AREAS*/
* html #wrapper{height: 100%;}

#footer{
width: 100%;
background: url(../img/switch_img/footer-bg.gif) top repeat-x;
padding: 0;
height: 91px;
position: relative;
text-align: right;
margin-top: -91px;
}

#foot-right{
	width: 100%;
	height: 91px;
	background: url(../img/switch_img/footer-right.gif) right no-repeat;
	float: right;
}

#foot-right div#links{width:900px;text-align:left;margin:0 auto;margin-top:33px;}
* html #foot-right div#links{width:0;height:0;display:none;visibility: hidden;}

#foot-right #links a{
color:#666666;
	Width: 140px;
	height: 13px;
	float:left;
	display:block;
	text-align: left;
}

#foot-right div.more a{
	Width: 76px;
	height: 28px;
	background: url(../img/switch_img/foot-readmore.gif) right no-repeat;
	right:0;
	bottom:0;
	float:right;
	display:block;
	clear:both;
	text-indent: -5000px;
	overflow:hidden;
	margin: 17px 15px 0 0;
	text-align: left;
}

* html #foot-right div.more a{margin: 63px 7px 0 0;}
* html #foot-right div a{margin:63px 7px 0 0;}
.clearer {height: 91px;display: block;clear: both;}

/******* USER ALERTS (MESSAGEBOX) **********/
#messagebox{ background-color: #f1f1f1;margin:0px 40px 20px 40px;padding:10px;clear:both;font-size:14px;text-align:center}	
#messagebox img{margin:-3px 10px 0px 0px;}

/* ---------------------------------------------
the upper right menu (About, Login etc)
---------------------------------------------*/
ul.commandnav, ul.aboutusnav{
	list-style: none;
	float:right;
	width: 140px;
	padding: 13px 10px 0 10px;
	border-right: 1px solid #ececec;
	text-align: right;
	margin: 20px 0 20px 0;
	line-height: 14px;
}

.aboutusnav{background: url(../img/aboutus.gif) 97px 0px  no-repeat;}
* html ul.commandnav {line-height: 8px;}
ul.commandnav li, ul.aboutusnav li{clear: left;}
ul.commandnav li a, ul.aboutusnav li a{
	color: #696764;
	padding: 3px 0 0 0;
	display: block;
}

.cn1{background: url(../img/youraccount.gif) 68px 0px  no-repeat;}


/*********  BASKET MENU  *************/
#basketnav{position:absolute; overflow:hidden;
border-right: 1px solid #ececec;
padding: 0px 10px 0 10px;
width:140px;
background:url(../img/shoppingbasketnav.gif) no-repeat 13px 0px;
height:35px;
margin-top:5px;
top:80px;right:161px}

#basketnav a{display:block;width:139px;height:34px;text-align:right;padding-top:16px;cursor:pointer}
#bitems{font-weight:bold; color:#111; font-size:1.1em}


/****** CHROMESTYLE DROPMENU TRANSPLANT ***********/

.chromestyle{width:500px;font-weight: bold;float: left;text-align: left;}
.chromestyle ul{width: 500px;margin: 0;list-style: none;}
.chromestyle ul li{width: 99px;float: left;border-left:1px solid #fff}
.chromestyle ul li a {
color: #fff;background: url(../img/switch_img/navbutton.gif) 0px -31px;height: 15px;width: 90px;padding: 9px 0px 7px 10px;margin: 0;display: block;text-decoration: none;}
.chromestyle ul li a:hover, .chromestyle ul li a.selected { background: url(../img/switch_img/navbutton.gif);color: #fff;text-decoration: none;}
.chromestyle ul li a.on {background: url(../img/switch_img/navbutton.gif);color: #fff;text-decoration: none;}
.dropmenudiv{
position:absolute;top: 0;margin: -1px 0 0 1px;padding: 0 0 10px 0;
border-top-width: 0;font:normal 11px arial;line-height:18px;z-index:100;background: url(../img/switch_img/dropmenu.gif) bottom left no-repeat;
width: 220px;visibility: hidden;}

.dropmenudiv a{width:80px;padding: 0 10px;float: left;display: block;text-decoration: none;font-weight: 100;color: #fff;font-size: 12px;}
.dropmenudiv div{width: 208px;height: 15px;background: url(../img/switch_img/curve.gif) no-repeat;display: block;padding: 0 0 0px 0;}
* html .dropmenudiv a{ /*IE only hack*/width:80px;}
.dropmenudiv a:hover{ color:#fff;background:#333}