/******** Top level / layout elements  ********/

*{
padding:0;
margin:0;
}

img{
vertical-align:bottom;
-ms-interpolation-mode:bicubic;   
}

BODY{
font-size:100%;/*16px*/
font-size:12px;
font-family:Arial, sans-serif, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode";
margin:0em;
padding:0em;
color:#64411b;
}

P{margin-left:0em}


HR{
height:1px;
border:0px dotted #ccc2bd;
border-bottom-width:1px;
background:inherit;
clear:both;
margin:1em 0;
}

br{
clear:both;
}

ul{list-style:none;}

/******** Text elements  ********/

H1{ /* page title */
   text-align:left;
   font-size:2em;
   font-weight:bold;
   margin-bottom:.25em;
   letter-spacing:-1px
}

H2{ /* page sub-title */
   font-size:1.3em;
   font-weight:bold;
   margin-bottom:.25em
}

H3 { /* menu title */
   border:0px solid #eee;
   padding:5px;
   font-weight:normal;
   font-size:14px;
   text-align:center;
}

H4 { /* menu sub-title */ 
   font-weight:bold;
   font-size:1em;
   margin-bottom:.25em;
   display:block;
}

EM{
   font-weight:bold;
   font-style:inherit;
   color:#d43a1b
}

a, a:focus, a:hover, a:active {outline:none; text-decoration:none;}

a img{border:0}

a{color:#2ca4d6;}

TEXTAREA {
font-size:1em;
overflow:visible;
overflow-y:visible;
font-family:verdana
}

TABLE{
width:100%;
text-align:center;
padding:0;
}

TD{padding:.25em}

TD.data{text-align:left}
TD.name{text-align:right}

FORM TD{padding:0;}

FIELDSET{
padding:1em;
}

SELECT{width:100%}

LABEL{
margin-right:.5em;
}


/*****************************************************************************************************************************************


item.php
*****************************************************************************************************************************************/
#item_info{
   margin:10px;
}
#item_info div.section{
   padding:10px;
   border:0 dotted #eee;
   border-bottom-width:2px;
} 
#item_info .title{
   font-weight:bold;
   font-size:20px;
   margin:5px;
   color:#ccc2bd

}
#item_info p{
   margin-left:20px;
}
#item_info #item_tags{
   font-size:15px;
   font-weight:bold;
}
#item_info #item_dest{
   font-weight:bold;
   font-size:15px;   
}
#item_info #item_dest .h2{
   font-weight:normal;
   font-size:12px;

}
#buy_now{
   display:block;
   width:175px;
   height:50px;
   background:url(../img/icons/buy_now.png) no-repeat -180px 0px;
   cursor:pointer;
   margin:0 auto;
}    
#buy_now:hover{
   background:url(../img/icons/buy_now.png) no-repeat -4px 0px;
} 

#seller_info div.box{
   background:url(../img/backgrounds/grey_stripe.png);
   padding:10px;
   border:3px solid #f8f8f8;
   margin:10px 0;
   font-size:12px;
   color:#8c7f76
}
#seller_info div em{
   font-weight:bold;
   font-style:normal;
   color:#64411b
}
#seller_info div .title{
   font-size:20px;
   font-weight:bold;
   text-align:center;
   color:#64411b;
}
#seller_info div .links{
   text-align:center;
}
#seller_info img{
   border:1px solid #bbb;
}


.thumbs{
float:left;
margin:0 auto;
}
.thumbs A{
padding:.25em;
margin:.25em;
float:left;
border:1px solid #ccc
}

.infobox, .contentbox, FIELDSET.filter{
border:6px solid #ddd;
background:#fdfcfb;
padding:0 .5em .5em .5em;
margin-bottom:1em;
text-align:center
}

.contentbox, FIELDSET.filter{
border:0px solid #ddd;
background:#fdfcfb;
font-size:1.091em;
text-align:left;
padding:1em
}
FIELDSET.filter{background:#edf7fb}
.infobox > LEGEND, .contentbox > LEGEND, FIELDSET.filter>LEGEND{
color:#8c7f76;
font-weight:bold;
font-size:1.273em;
}
FIELDSET.filter>LEGEND{color:#fff;background:#c1d7df;width:100%;padding:.5em 1em}

.contentbox > LEGEND{
font-size:1.167em;
color:#ed5200;
color:#bbb;
}

.infobox > .title{
font-size:1.8em;
margin:0;
padding:0;
text-align:center;
color:#ed5200;
color:inherit;
}

.infobox > .info{
font-size:1em;
font-weight:normal;
text-align:left;
margin:.5em 0;
}

.infobox > .info > EM, .contentbox EM{
font-weight:bold;
font-size:1.091em;
color:#555
}

.infobox IMG{
text-align:center;
padding-top:.5em;
vertical-align: bottom;
float:left
}

/*****************************************************************************************************************************************


shop page
*****************************************************************************************************************************************/
#shop_name{
margin:10px;
font-size:30px;
font-weight:bold;
}
#shop_cats{
margin-bottom:10px;
border:0 solid #f8f8f8;
border-bottom-width:3px;
}

#shop_cats li{
padding:5px;
border:3px solid #f8f8f8;
border-bottom-width:0;
}

#shop_cats li a{
font-size:14px;
font-weight:bold
}

#shop_cats li.active a{
color:#ccc2bd
}

#shop_banner{margin:10px;}

#shop_msg{
padding:10px;
margin:0;
}

#shop_items{
margin:20px 0;
padding:10px 0;
border:0 dotted #eee;
border-top-width:1px;
}

#shop_items > #category{
font-size:25px;
font-weight:bold;
color:#ccc2bd
}
/*****************************************************************************************************************************************


communty "block links"
*****************************************************************************************************************************************/
ul#community{
margin:20px auto;
width:570px
}
ul#community a{
width:150px;
height:150px;
background:#d2de0c;
display:block;
float:left;
margin:10px;
padding:10px;
font-size:25px;
font-weight:bold;
}
ul#community a:hover{
background:#64411b;
}
/*****************************************************************************************************************************************


account navigation
*****************************************************************************************************************************************/
#acc #content{width:740px;margin:5px 0 0 5px;padding-left:15px;border:0 solid #eee;border-width:0 0 0 0}

.accnav{
margin:5px 0;
padding-bottom:5px;
font-weight:bold;
font-size:11px;
}

.accnav li{padding:2px 10px}

.accnav#main li{background:#fbfce7}
.accnav#shop li{background:#fef7ec}
.accnav#items li{background:#fdf3f6}
.accnav#promote li{background:#f3f7fd}

.accnav li.title{
font-size:18px;
padding:2px 5px;
font-weight:bold;
color:#fff;
letter-spacing:-1px
}

.accnav#main li.title{background:#d2de0c}
.accnav#shop li.title{background:#f6ac3d}
.accnav#items li.title{background:#ee86a6}
.accnav#promote li.title{background:#86adee}

.accnav li.active{background:#fff !important}
.accnav li.active a{color:#64411b !important}

/**********************************************************************************


layout
**********************************************************************************/
#page, #header_wrap, #footer, #topsearch{
width:955px;
margin:0 auto;
position:relative;
}
/***********************************************************************************


eh?
**********************************************************************************/
a:hover, ul#main_nav li a{color:#64411b;} 

.ubertitle{
font-size:30px;
font-weight:bold;
letter-spacing:-2px;
text-align:left;
color:#ccc2bd;
margin:10px 0 .25em 0;
}
/*****************************************************************************************************************************************


address book
*****************************************************************************************************************************************/

.address{
width:530px;
border:5px solid #d2de0c;
margin:5px auto;
padding:10px
}

.address .title{
font-weight:bold;
font-size:18px;
margin:0 0 5px 0;
color:#8c7f76
}

.address .tools{
float:right;
font-size:11px;
}

.add_address{
margin:0 150px;
width:40em;
text-align:left;
background:inherit;
padding:1em;
color:#5B5C5C;
}

.add_address .col0{text-align:right}
.add_address .col1{}
.add_address .col2{}

/*****************************************************************************************************************************************


footer
*****************************************************************************************************************************************/
#footer{
color:#b3aaa6;
font-size:14px;
border:0 dotted #bbb;
border-top-width:1px;
margin-top:40px;
padding-top:10px;
background:#fff;
height:200px;
width:100%;
text-align:center;
}
#footer a{
color:#b3aaa6;
}
#footer a:hover{
color:#64411b;
}
#footer .comingsoon{
color:#ddd;
text-decoration:line-through;
display:none;
}
#footer ul{
text-align:left;
margin:0 auto;
width:955px;
font-size:1em;
font-weight:bold;
}
#footer ul li{
line-height:2.5em;
float:left;
margin:0 .75em;
}
#footer ul li ul{
width:auto;
font-size:.75em;
font-weight:normal;
}
#footer ul li ul li{
line-height:1.3em;
float:none;
margin: 0;
}

/*****************************************************************************************************************************************


header
*****************************************************************************************************************************************/
#header{
width:100%;
position:relative;
}

#feedback{
position:absolute;
top:0;
left:0;
z-index:99;
}

ul#account{
background:url(../img/backgrounds/blue_stripe.png);
text-align:center;
border:0 solid #f3f3fd;
border-width:0 0 2px 0;
padding:10px;
font-size:11px;
font-weight:bold;
margin:0;
}

ul#account li{display:inline; margin:0 8px}

ul#account li#logout{position:absolute;right:0;top:1em;font-size:11px;padding:0 10px}

#topsearch{
float:right;
display:inline;
text-align:right;
height:2em;
position:relative;
top:20px;
width:500px;
clear:both
}

#logo{
width:180px;
height:109px;
position:absolute;
top:-30px
}

ul#main_nav{
font-size:15px;
font-weight:bold;
text-align:right;
margin:10px 0;
width:520px;
float:right;
}

ul#main_nav li{
padding:1px;
display:inline;
margin:0 0 0 1em;
}

ul#main_nav li a:hover{
border:0 solid #c8d200;
border-width:0 0 5px 0;
color:#c8d200
}

#breadcrumb{
font-size:11px;
border:0 dotted #bbb;
border-width:1px 0;
padding:3px;
margin:5px 0 0 0;
text-align:left;
float:left;
clear:both;
width:950px;
position:relative;
top:20px
}

.pngfix { azimuth: expression(
     this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
     this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
     this.src = "/img/alphapixel.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
     this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
     this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
)}
/**********************************************************************************


search results page
**********************************************************************************/
#filter {
background:url(../img/backgrounds/blue_stripe.png);
width:165px;
margin:10px 5px 0 0;
border:2px solid #f3f3fd;
display:block;
float:left;
}

#filter h1{
font-weight:bold;
color:#563626;
font-size:14px;
letter-spacing:-1px;
}

input{margin:0;padding:0}

#filter input{width:120px}

#categories,#tags,#price,#filter #other,#filter #submit{
float:left;
margin:10px;
background:#d2cdb5;
background:#fff;
padding:10px
}
#categories{
float:none !important;
min-height:85px !important}

#filter .price{width:40px;display:inline}

#price, #filter #other, #submit{
margin:0;
}

#narrow{
background:#fff;
margin:10px;
}

#narrow div{
border:0 dotted #563626;
border-bottom-width:1px;
width:125px;
margin:10px 10px 0 10px;
padding:0 0 10px 0;
}

.noborder{border-width:0}

.paginate_info{
float:right;
font-size:.833em;
line-height:2.4em;
font-family:'Trebuchet MS';
color:#563626
}

.paginate_found{
float:left;
font-size:1.2em;
font-weight:normal;
color:#ccc2bd;
}

#items .paginate_found{
font-size:18px;
letter-spacing:-1px;
font-weight:bold
}

#categories{width:125px}

#categories ul li{
clear:both;
font-size:15px;
font-weight:bold
}

#related_tags{
border:0 dotted #f6f8ce;
border-top-width:1px;
margin:10px 0;
padding:10px 0;
width:100%
}

#related_tags > a{
letter-spacing:-1px;
font-weight:bold;
font-family:tahoma;
padding:1px
}

#cat_feedback{
overflow:hidden;
font-size:15px;
font-weight:bold;
color:#fff;
color:#563626;
letter-spacing:-1px;
padding-bottom:10px;
margin-bottom:10px;
border:0 dotted #8e786d;
border-bottom-width:1px;
float:left
}

#cat_feedback > *{
float:left;
clear:both;
}

#cat_feedback .link{
float:right;
font-size:11px;
letter-spacing:0;
position:relative;
top:3px;
}

#cat_feedback:last-child{border-width:0;margin:0;padding:0}

#cat_feedback .cat{
font-size:18px;
width:100%
}

#cat_feedback .title{
color:#8e786d;
}

.item_preview{
text-align:left;
border:1px solid #ddd;
padding:5px;
margin:9px;
width:158px;
background:#fefef9;
}

.item_preview img{
width:158px;
height:158px;
display:block;
background:url(../img/icons/loading_stripe.gif);
}

.item_preview  .title{
width:100%;
height:1.3em;
line-height:1.3em;
overflow:hidden
}

.item_preview  .title a{
color:inherit;
}

.item_preview  .seller{
float:left;
}

.item_preview a.seller {color:#aaa}
.item_preview a.seller:hover{color:#aaa;text-decoration:underline}

.item_preview  .price{
float:right;
font-size:1em;
color:#99c511;
}
/**********************************************************************************


browse by categories
**********************************************************************************/
ul#browse_cats{float:left;width:48.5%;}

ul.left{
border:0 solid #eee;
border-right-width:0px
}

ul#browse_cats > li{
font-size:20px;
font-weight:bold;
margin:5px;
padding:5px 10px
}

ul#browse_cats > li > a{color:#876f54;}

ul#browse_cats > li > a:hover{color:#64411b;}

ul#browse_cats ul li{
font-weight:normal;
font-size:12px;
float:left;
border:0 dotted #ccc2bd;
border-right-width:1px;
padding:0 5px 0 0;
margin: 0 5px 0 0;
}

ul#browse_cats ul li:last-child{border-right-width:0}
/**********************************************************************************/

/*used to contain/seperate columns of info. eg content and nav*/
#leftbar, #rightbar, #content, #full, .half{
float:left;
min-height:30em;
margin:1em 0 0 0;
display:inline
}

#leftbar, #rightbar{width:180px;margin:0;padding:0}/* 180px @11px*/

#rightbar{margin:1em 0 0 1em}

#leftbar{margin:1em 1em 0 0}

#content{width:759px;margin:0 0px 0px 0}/*696px @11px*/

#full{width:75em; min-height:0;}/*900px @11px*/

.JS_only{display:none}

/*======================================================================================================
colour.css
======================================================================================================*/

/* light grey, slight orange tint */
.menu, #listing FIELDSET{
background:#fefefb;
border-color:#ebe9e8
}


/* mid grey, slight orange tint */
H3
{background:#ebe9e8;}


 /* page title */
H1, H2
{color:#64411b}

/* menu title */
H3, H4
{color:#85796b;}

#listing FIELDSET > LEGEND
{color:#d9d8d7}

/* account balance display */
.price_pos
{color:#cbe72d;}

.price_neg
{color:#ff6f3e;}

/*======================================================================================================
pages.css
======================================================================================================*/

/* listing.php */
#listing .picker{padding-left:1em}

div#listing_submit{
display:none;
}

#listing FIELDSET{
text-align:left;
margin:1em 0;
padding:0;
background:#fff;
border:6px solid #eee;
position:relative;
}

#listing FIELDSET > LEGEND{
font-weight:bold;
font-size:1.5em;
color:#ccc2bd
}
#listing h1{color:#ccc2bd;font-size:18px}
#listing FIELDSET>DIV{
border:0 solid #e5e2df;
border-width:0 0 1px 0;
padding:1em;
}

#listing FIELDSET .tooltip{
position:absolute;
top:-1.4em;
right:-.7em;
background-image:url(../img/icons/info.png);
width:20px;
height:20px;
}

#listing LABEL{
   font-size:1.2em;
   font-weight:bold;
}

#listing .tag, .tag{
font-size:1.1em;
font-weight:bold;
display:inline;
margin:.75em
}

.tag{
display:block;
margin:0;
padding:0
}

.shipping{
background:#fefefe;
padding:1em;
margin:1em;
text-align:left;
border:1px solid #e5e2df;
}
#tag_wrapper *{margin:0}
#tag_wrapper{margin:0;font-size:20px}
#tag_wrapper a{color:red}

/*=========== ORDER PROCESS PAGES ===========*/
/*===========================================*/
	
.order{
border:3px solid #dcdcdc;
margin:0 0 1em 0;
}

.order > .title, .order > .total, .order > .items, .order > .options{
border:1px solid #dcdcdc;
border-width:0 0 1px 0;
}

.order DIV:last-child{border-width:0}

.order > .title{
background:#fdfcfb;
padding:.25em 1em;
font-size:1.333em;
font-weight:bold;
margin:0;
}

.order > .options{
background:#fdfcfb;
padding:.5em;
font-size:1.1em;
}

.order > .total{
background:#fefefe;
text-align:right;
font-size:1.6em;
font-weight:bold;
padding:.5em;
border:1px solid #eee;

}

.order .item{
font-size:1.2em;
padding:.5em;
border:1px dashed #dcdcdc;
border-width:0;
}

.order .item:last-child{border-width:0}

.order .item  .costs{
text-align:right;
font-size:1em;
float:right;
line-height:.9em;
margin:auto 0;
width:210px
}

.order .item  .title a{
color:#64411b;
}
.order .item  .title{
float:left;
font-weight:normal;
font-size:1em;
background:inherit;
padding:0;
margin:0
}

.order .item  IMG.thumb{
float:left;
margin-right:.5em
}

.order .item .remove{color:#FF3300}

.order .item .price{
font-weight:bold;
font-size:1.1em;
}

.order > .actions{
padding:.5em;
text-align:center;
font-weight:bold;
font-size:1.3em;
}

.order > .actions > .pay{
font-size:1.8em;
color:#95df2e;
}

.order .item HR{margin:.5em}

.order FIELDSET{
border:1px solid #ddd;
border-style:dashed;
background:#fefefe;
margin:.5em;
}

/*.order FIELDSET:last-child{margin:0}*/

.order LEGEND{
font-weight:bold;
color:#ccc2bd;
font-size:1.18em
}
.order > .options > .shipping SELECT{width:100%}

.order > .options .new_address{
font-size:0.917em;
margin-top:.5em
}

.order > .options .message{
font-size:.833em;
width:99.5%;
height:5em;
/*resize:none;*/ 
}

.order FIELDSET.payment{
line-height:2.1em;
}

.order > .payment{
background:#fff;
font-size:1.3em;
font-weight:bold;
color:#95df2e;
text-align:center;
padding:.25em;
}

.order_overview{text-align:center;}

.order_overview FIELDSET{
color:#bbb;
padding:.5em;
margin:.5em 0;
background:#fdfcfb;
border:0;
text-align:left;
font-size:11px;
}

.order_overview LEGEND{
font-weight:bold;
font-size:1.5em
}

.order_overview FIELDSET.current{
border:6px solid #ddd;	
color:inherit;
}

.order_overview FIELDSET.current LEGEND{color:#f84e0b}

.order_navbar{
color:#eee;
text-align:center;
font-size:2em;
padding:.5em;
font-weight:bold
}

.thanks{
font-size:2em; 
 background:url(../img/backgrounds/grey_stripe.png);
font-weight:normal; 
border:3px solid #dedede; 
text-align:center; 
padding:1em; 
margin:1em;
}

/*============= ITEM.PHP ====================*/
/*===========================================*/


/*****************************************************************************************************************************************
style
*****************************************************************************************************************************************/
/* page_alert class */

.pa_error, .pa_alert{
border:2px dashed #eee;
color:#555;
font-size:1.3em;
font-weight:bold;
padding:.5em;
margin:.5em;
}

.pa_error{
border-color:#eb5151;
background:#f8a494;
color:#f14929
}

.pa_alert{
border-color:#fbdf3b;
background:#fff2a9;
color:#f8ba00;
}

/* leftbar menus, as on results.php */
.menu{
background:#f7f7e9;
background:#f5f5f5;
border:3px solid #d1d1d1;
padding:5px;
}


.box{
border:1px solid #ddd;
color:#5B5C5C;
padding:1em;
background:#fdfcfb;
margin-bottom:.5em;
}

/*========================================================================
text definitions
==========================================================================*/

.smallest{font-size:.5em}
.smaller{font-size:.666em}
.small{font-size:.833em}
.big{font-size:1.1em}
.bigger{font-size:1.3em}
.biggest{font-size:1.6em}
.huge{font-size:1.8em}

.indent{margin-left:1em;}


/*========================================================================
form layout classes
==========================================================================*/

.field{
font-size:1.2em;
color:#f84e0b;
margin:.25em;
clear:left;
float:left;
width:10em;
}

.profile > .field{width:6em;}

.data {
margin:.25em;
float:left;
max-width:47em;
}

INPUT.error,TEXTAREA.error
{
   color:#494138;
   background:#ffeeee;
   border:1px solid #7f9db9;
   padding:1px;
}

#listing .error{
   margin:.25em;
   padding:.25em;
   background:#ffc40e;
   color:#fff;
   font-weight:bold
}

/*========================================================================
image classes
==========================================================================*/
IMG.avatar{width:4em; height:4em; vertical-align:middle}

/*========================================================================
pagination classes
==========================================================================*/

TABLE.paginate{
border:5px solid #fff;
line-height:2em;
color:#665f58;
text-align:left;
}

TABLE.paginate THEAD{
font-weight:bold;
font-family:Trebuchet MS;
background:#fff;
color:#403c37;
font-size:.9em;
line-height:1.2em;
}

TABLE.paginate TD{
border:0 dotted #ddd;
border-bottom-width:1px;
padding:5px 0;
} 

A.dead_link{
color:#eee;
text-decoration:none;
}

.odd{background:#fff !important}
.even{background:#fbfaf4 !important}

/* page nav styles */


.paginate_nav{
font-size:1.4em;
font-weight:bold;
color:#85796b;
text-align:center;
font-family:Trebuchet MS;
margin-top:1em;
}

.norm, .paginate_nav .curr, .prev, .next{
   display:inline;
   padding:.1em;
   margin:.1em;
}

.prev{text-align:left;float:left}
.next{float:right}

.norm{}

.paginate_nav .curr{
	background:#64411b;
   color:#fff;
}

.bookend{font-size:1.2em; display:inline;padding:.5em;}

.unread{
background:#fff6d2 !important;
background:#f0ffd2 !important;
font-weight:normal;
}


.positive{background:#e7f59e;}
.negative{background:#f2aeae;}
.neutral{background:#fefefe;}

/*****************************************************************************************************************************************


misc
*****************************************************************************************************************************************/
.nav_link{
text-align:center;
width:20em;
margin:0 auto;
}

#trackback{
background:#fff !important;
border:0 !important;
width:150px;
text-align:center !important;
margin:0 auto !important;
font-weight:bold !important;
font-size:14px !important
}

.blue_stripe{
background:url(../img/backgrounds/blue_stripe.png);
border:3px solid #f6f6fd;
}

.information{
background:url(../img/backgrounds/blue_stripe.png);
padding:10px;
border:3px solid #f6f6fd;
text-align:left;
color:#64411b
}

.information p{   color:#64411b}

.information .h1{
margin-bottom:6px;
padding:0;
font-size:17px;
color:#64411b;
font-weight:bold;
letter-spacing:-1px;
}

.information p{background:#fff;padding:5px;}

#acc > #content label{
font-weight:bold;
font-size:15px;
color:#b0a7a3
}

.item_pool{width:740px;
float:left;
clear:both;
border:3px solid #eee;
margin:1em;
text-align:left;
}

.item_pool>DIV{
background:#eee;
padding:.25em;
font-size:15px;
color:#fff;
color:#8c7f76;
font-weight:bold;
text-align:left;
margin-bottom:.25em;
}

.item_pool>IMG{
border:1px solid #eee;
padding:.5em;
margin:0 0 .5em .5em;
}

.delisted{background:#ddd}

#convo{
   border:3px solid #ccc;
   border-width:2px 3px 3px 3px;
   margin:0 auto;
   width:720px;
}
#convo td{
   border:3px solid #ddd;
   border-width:0 1px;
   
}
#convo .msg{
   float:left;
   padding:0;
   width:100%;
   border:0 solid #ddd;
   border-width:1px 0 0 0;
}
#convo .msg > *{ 
   line-height:1em; 
   padding: 1em;
   min-height:60px
}

#convo .msg .avatar{
   width:60px;

}
#convo .msg .datestamp{
   width:65px

}
#convo .msg .contents{
   width:420px;
}
#convo .msg .msg_action{
   width:65px;
   text-align:center
}

#register_pitch{
   margin:20px 0 0 80px;
   float:right;
   border:0 solid #eee;
   border-width:0 0 0 3px;
   padding:20px 0 20px 50px;
   font-size:12px;
   font-weight:bold;
   color:#776
}

#register_pitch li {
   padding:5px;
   margin:0 0 0 5px;
   list-style:disc
}

#coming_soon{
   float:left;
   display:none;
}

#coming_soon *{
   padding:2px;
   margin:0;
}

#trustlogo {
position:relative;
bottom:30px;
float:left;
clear:both;
margin:0 0 0 260px;
z-index:99
}

ul#index_cats li{
font-size:15px;
font-weight:bold;
padding:5px;
border:0 solid #eee;
border-width:1px 0 0 0
}
ul#index_cats{
width:170px;
float:left;
margin:10px 0 10px 5px;
border:0 solid #eee;
border-width:0 1px 1px 1px
}

.profile_info{
   font-size:20px;
   font-weight:bold;
   letter-spacing:-1px;
   margin:5px;
}
.profile_info .label{
   font-size:18px;
   color:#ccc
}

/*****************************************************************************************************************************************


search by seller
*****************************************************************************************************************************************/
.seller_thumb a{
   color:#64411b;
}
.seller_thumb{
   float:left;
   padding:2px;
   margin:3px;
   border:1px solid #eee;
   text-align:center;
   width:114px;
   overflow:hidden;
   font-size:10px;
   white-space:nowrap;
}

.seller_thumb .avatar {
   width:114px;
   height:114px
}

.seller_thumb .shopname {
   font-size:15px;
   font-weight:bold;
}


/** Gift section */
.gifts{
background:#fefef9;
background:#fff;
border:1px dashed #e2d0b1;
border-width:0;
margin:0 auto;
padding:5px;
width:755px
}
.gifts h1{
color:#fff;
letter-spacing:-2px
}
.gifts > img{
float:left;
clear:both;
display:block;
}
.gifts .suggest{
margin:0 auto;
display:block;
text-align:center;
font-weight:bold;
font-size:14px
}

/* free stuff page */
.massive{
font:bold 80px/80px "trebuchet ms";
}
.downloadable{
float:left;
clear:both;
margin:10px 0;
padding:0 0 10px 0
}
.downloadable .preview{
float:left;
}
.downloadable .formats{
margin-left:65px;
float:left;
}
.downloadable .formats div{
margin:10px;
float:left;
text-align:center;
}
.downloadable .formats div a{
font-weight:bold;
}
.downloadable .formats div img{
display:block;
margin:5px;
}
.h1{font-size:30px;color:#c5c0ba}

#featseller{
border:1px solid #dcd9d4;
width:400px;
margin:0;
padding:10px 10px 5px 10px;
font-size:14px;
font-weight:bold;
float:left;
display:inline;
}
#featseller a{color:#b7b0b0}
#featseller a:hover{color:#64411b}
#featseller #links{margin:5px 0 0 0}
#featseller #links #shop{float:left;display:block}
#featseller #links .interview{float:right;display:block}

#twitter{display:inline;margin:0 0 0 65px}

#inbox_unread{color:#ee3501}
a:hover #inbox_unread {color:#64411b}

/*=====================================================================
Thumbnail  creation UI , slideTo implementation
=====================================================================*/
#slider {
  position: relative;
}
.scroll {
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}
.scrollContainer div.panel {
  padding: 20px;
}
.scrollContainer div.panel .title{
   font-size:27px;
   font-weight:bold;
   color:#fff;
   letter-spacing:-1px;
}
.scroll #done, .scroll #next,.scroll #back{
   position:relative;
   top:20px;
   cursor: pointer;
}   
.scroll #back{
   left:0;
}
.scroll #next {
  left: 0;
}
#loadingbar{
   background:url(../img/icons/loading_stripe.gif);
   height:15px;
   margin:200px 0 0 120px;
   width:200px;
   border:2px solid #DEE694
}
#waiting_modal{
background:transparent !important
}
#preview_frame{
   width:100px;
   height:100px;
   overflow:hidden;
   position:relative;
   bottom:15px;
   border:2px solid #fff
}
/*=====================================================================
Ajaxuplaoder styling
=====================================================================*/
#upload_box{
height:192px;
position:relative;
}
#upload_button{
position:absolute;
bottom:10px;
left:223px;
}

/*=====================================================================
Listing creation image preview
=====================================================================*/
#listing #gallery{
   padding:0 0 0 4px;
}

#listing #gallery .thumb{
   float:left;
   margin:0 5px 10px 0;
   width:136px;
   display:none;
}
#listing #gallery .thumb img{
   width:136px;
   height:136px;
}
#listing #gallery .thumb a{
   background:url(../img/icons/remove_me.gif) 0 0;
   clear:both;
   display:block;
   float:left;
   margin-top:2px;
   text-align:center;
   width:136px;
   text-indent:-9999px
}
#listing #gallery .thumb a:hover{
      background:url(../img/icons/remove_me.gif) 0 15px;
}

/* jqModal base Styling courtesy of	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow {
display: none; 
position:fixed;
position:absolute;
top: 500px;
left: 50%;
margin:0 0 0 -220px;
background:#908f8f;
background:transparent;
color: #fff;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
position:absolute;
top:0;
left:0;
z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6. Star selector used to hide definition from browsers other than IE6. For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmClose{
bottom:0;
color:red;
cursor:pointer;
font-size:30px;
font-weight:bold;
left:180px;
left:0px;
position:relative;
z-index:999;
}

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder
{
	text-align: left;
}

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker {
	*background-color: gray;
	width: 100%; height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Favourite button styling */
#favourite_button{
font-size:12px;
font-weight:bold;
line-height:1.6em;
margin:0 auto 20px auto;
padding:0 0 0 15px
}

#favourite_button .add{
padding:0 0 0 10px;

}
#favourite_button img{border:0}

/* Item comments */
#comment_stack{width:500px;padding:10px}
#comment_stack #new_comment_content{width:100%;margin:1em 0}
#comment_stack #new_comment_submit{}
.comment{width:100%;margin:1.5em 0;}
.comment .avatar{width:50px;height:50px;display:block;float:left}
.comment .content{display:block;float:left}
.comment .info{font-size:.9em;color:#777;margin:.25em 0 0 0}
.comment img{display:inline;margin:0 1em 0 0}
.comment .info input{border:0;background:transparent;cursor:pointer;color:#2ca4d6;font-size:.9em;}

/**********************************************************************************
   Gift Guides
**********************************************************************************/

.gift_guide_preview{
border:1px solid #ddd;
margin:.25em 0;
padding:.75em 1em 1em 1em;
background:#f3f3ef;
float:left;
}

.gift_guide_preview h2 {
font-size:1.2em;
margin:0 0 0.25em;
padding:0;
}
.gift_guide_preview img {
margin:0 1px;
}

/* tweaks for mini previews in navbar */
#full .gift_guide_preview img {
margin:0.25em;
}
#full .gift_guide_preview{
margin:1em;
}
#full  .gift_guide_preview h2 {
font-size:1.5em;
}