﻿*
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

html, body
{
	height: 100%;
	min-height: 100%;
	width: 100%;
	background-image: url("/common/images/bkg-content.gif");
	background-position: top left;
	background-repeat: repeat-x;
	font-family: "Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif;	
	padding-bottom: 100px;
}

/* feedback */
#floatMenu 
{
	float: left;
	position: absolute;
	left: 0;
	top: 160px;
}

/* common styles */
.clear
{
	clear: both;
}

a, a:visited
{
	color: #2A9CBC;
	text-decoration: none;
}
a:hover
{
	color: #000;
}

img { border: 0 }

ul 
{
	margin: 0 0 0 0;
}
li 
{
	list-style-type: none;
}

.sm-loading
{
	font-size: 0.80em;
	color: #808080;
}


.x-loading
{
	font-size: 0.90em;
	color: #808080;
	text-align: center;
	padding: 15px 0;	
}


.brBox
{
	border: 1px solid #dfdfdf;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;	
}

.gbtm1
{
	border-bottom: 1px solid #e6e6e6;
}

.bbtm1
{
	/*border-bottom: 1px solid #d8dfea;*/
	border-bottom: 1px solid #6085ba;
}

.bbtm2
{
	border-bottom: 1px dotted #e4e4e4;
}

/* =========== fonts ================ */

.f9, .f9 a
{
	font-size: 9px;
}

.f10, .f10 a
{
	font-size: 10px;
}

.f12, .f12 a
{
	font-size: .90em;
}

.fg
{
	color: #ccc;
}

.slate
{
    color: #474747;
}

.drkg
{
	color: #666666;
}

.flr
{
	float: right;
}



/* =============== margins ============ */
.m5 { margin: 5px 5px; }
.mt10 { margin: 10px 0 0 0; }
.mtb10
{
	margin: 10px 0;
}

.mb25
{
	margin: 0 0 25px 0;
}

/* =============== padding ============ */
.p5	{ padding: 5px 5px; }
.pb5 { padding: 0 0 5px 0; }
.plr5 { padding: 0 5px; }
.ptb5 { padding: 5px 0; }

.p10 { padding: 10px 10px; }
.ptb10 { padding: 10px 0; }


.p10 { padding: 10px 10px; }

.rtext
{
	text-align: right;
}

.x-sort-menu
{
	font-size: 0.80em;
	color: #ccc;
}

.x-sort-menu span
{
	color: #222;
	font-weight: bold;
	display: inline-block;
	padding: 0 5px;
	
}

/* ================ headings =================== */

h1
{
	font-size: 1.2em;
}

h4
{
	font-size: 0.85em;
	margin: 0 0;
}

a.disb
{
	color: #ccc;
}

.x-tab
{
	padding-top: 5px;
}


.x-tab  a
{	
	display: block;
	float: left;	
	background-color: #fff;
	padding: 5px 15px;
	margin: 0 0;
	color: #999;
}

.x-tab a:hover
{
	color: #000;
}
.x-tab a.active
{
	display: block;
	float: left;
	background-color: #f7f7f7;
	padding: 5px 15px;
	margin: 0 0;
	color: #000;	
}

.x-tab-active
{
}


/* ============== backgrounds =============== */
.bkg-light-gray
{
	background-color: #fafafa;
}



/* ui dialog */
#dialog
{
	display: none;
	font-size: 0.80em;
	font-weight: normal;
}
.dialog-content
{
	font-family: "Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif;
	padding: 5px 0;
}
.dialog-content a
{
	color: #2E6E9E;
	text-decoration: none;
}
.ui-widget-content { 	font-family: "Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; font-size: 0.80em; } 
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif; font-size: 0.75em; }

/* =================== overlay ============= */

/* the overlayed element */ 
div.overlay {      
       
    /* initially overlay is hidden */    
    display:none;      
    /* some padding to layout nested elements nicely*/
    padding: 0;
    
   
}
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(/common/images/overlay/close.png); 
    position:absolute;     
    right:0;     
    top:0;     
    cursor:pointer;     
    height:35px;     
    width:35px;  
} 
 
 
/* black  
div.overlay.black { 
    background:url(/common/images/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} */
 
/* petrol  
div.overlay.petrol { 
    background:url(/common/images/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} */

div#overlay-expired, div#overlay-draft { 
    background: url(/common/images/overlay/white_600x350_overlay.png) no-repeat !important; 
    color:#fff; 
    width: 600px;
    height: 350px;    
} 

div#overlay-edit { 
    background: url(/common/images/overlay/white.png) no-repeat !important; 
    color:#fff; 
    width: 656px;
    height: 526px;    
}



div.inner-overlay 
{
	margin: 45px 45px;
	color: #000;	
}
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}

/* ============== facebox dialogs ===================== */
.bigger { width: 500px; height: 375px }
.cancel-box { width: 500px; height: 375px;}




/* ============== form =============== */

.button  
{
	cursor: pointer; 
	padding: 3px 10px; 
	background-color: #f2f2f2;
	-moz-border-radius-bottomleft:11px;
	-moz-border-radius-bottomright:11px;
	-moz-border-radius-topleft:11px;
	-moz-border-radius-topright:11px;
	border:1px solid #bbb;
	cursor:pointer;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:12px;
	margin: 3px 0 3px 3px;	
	padding:3px 10px;
	text-decoration:none;
	color: #666666;	
}

.button-active
{
	color: #333;
	border: 1px solid #555;
}

.button:hover
{
	border: 1px solid #555;
	color: #333;
}



fieldset    { padding: 0.90em; margin: 1em 0; border: 1px solid #e4e4e4; }
label       { font-weight: bold; }
legend      { font-weight: bold; font-size: 0.90em; }

input.field
{
	font-family: "Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif;	
}

#x-search-filter label
{	
	display: inline-block;
	margin: 0 5px 0 0;
}


select.sub-options
{
	border:1px solid #EAEAEA;
	font-family:"Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif;
	font-size:14px;
	height:200px;
	padding:0 3px;
	width:225px;
}


/*  containers */
#x-layout
{	
	width: 1000px;
	height: 100%;
	min-height:100%;	
	margin: 0 auto;
	padding: 25px 0 0 0;
}




#x-header-wrap
{
	height: 70px;
}

#x-menu-bar
{
	font-size: 13px;
	color: #e4e4e4;
	padding-bottom: 5px;
}

#x-menu-bar a
{
	display: inline-block;
	margin: 0 5px;
}

#x-menu-bar span
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#x-search-box
{
	-moz-border-radius: 0.25em;
	border: 1px solid #dfdfdf;
	width: 230px; 
	padding: 0 0 0 0;
}

#search
{
	border: 1px solid #fff;	
	width: 200px; 
}

#x-search-filter
{
	font-size: 0.80em;
	color: #666666;
	padding: 5px 0;
	display: none;
}


#x-subnav-wrap
{
	margin: 10px 0 0 0;	
	background-image: url('/common/images/bg-navbar.gif');
	background-repeat: repeat-x;	
	height:48px;
	
}


#x-subnav-wrap .x-subnav-inner
{
	
	float:left;
	
}

#x-subnav-wrap .left-cap
{
	float: left;
	width:7px;	
}

#x-subnav-wrap .right-cap
{
	float: right;
	position: relative;
}


#x-subnav-wrap ul
{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;		
}

#x-subnav-wrap li
{
	float: left;
	margin: 1px 0 0 0;	
	font-weight: bold;	
	font-size: 1em;	
	list-style-type: none;
}

#x-subnav-wrap li.current
{

	background-image: url("/common/images/bg-navbar-on.gif");
	background-repeat: repeat-x;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}

#x-subnav-wrap li.current a, #x-subnav-wrap li.current a:hover
{
	color: #000;
}

#x-subnav-wrap li a
{
	display: block;
	text-align: center;
	padding: 13px 0 15px 0;
	width: 125px;	
	text-decoration: none;
	color: #11627f;

}

#x-subnav-wrap li a:hover
{	
	background-image: url("/common/images/bg-navbar-on.gif");
	background-repeat: repeat-x;
	color: #000;
}


#x-content-wrap
{
	min-height: 100%;		
	height: auto !important;
	height: 100%;	
	margin: 5px 0 -50px; /* bottom margin is footer's height */	
	padding-bottom: 100px;
}



#x-content-wrap .x-left-col
{
	float: left;		
	padding: 0 5px;
	color: #222;
}

#x-content-wrap .x-right-col
{
	width: 350px;
	float: right;	
	text-align: left;
}



#x-footer
{
	text-align: center;	
	color: #e4e4e4;	
	position: relative;	
	bottom: 0;	
	height: 50px;
	
	
}

#x-footer a, #x-footer a:visited
{
	color: #c2c2c2;
}

#x-footer a:hover
{
	color: #222;
}


/* banners */
#x-main-banner
{
	
	padding: 0 0 0 0;
	text-align: center;
	background-color: #000;
}



/* controls */
.column
{
	float: left;
}
.row
{
	display: block;
	clear: both;
}


.block-list
{
	background-color: #f7f7f7;
	padding: 0 0 10px 0;
}

.block-list .col
{	
	float:left;
	margin:0 1px 0 0;
	padding:0 0 0 10px;
	width:150px;
}

.block-list .row
{
	border-bottom:1px dotted #CCCCCC;
	margin:0 0 10px;
	padding:0 0 3px 15px;
}

.block-list .header
{
	color:#2C2C2C;
	font-size:15px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding: 10px 0 0 10px;
}



.x-block-wrap, .x-side-wrap
{
	margin: 10px 0;
	clear: both;
}

.x-block-header
{
	padding: 5px 5px;
	font-weight: bold;
	background-color: #dfdfdf;
	color: #474747;
	font-weight: bold;
	font-size: 0.90em;
}

.x-block-body
{
	clear: both;
	padding: 5px 0;

}

.x-block-footer
{
	clear: both;
	font-size: .80em;
}

.x-block-footer a
{
	font-size: 0.85em;
}


.x-side-header
{
	font-weight: bold;
	font-size: 0.80em;
	color: #808080;	
	padding: 0 0 3px 0;	
}

.x-side-body
{
	font-size: 0.90em;
}


.x-menu-icons
{	
	margin: 0 0 5px 0;
	width: 100%;
	text-align: right;
	float: left;
	padding: 0 0 2px 0;
}

.x-menu-icons .title
{
	float: left;
	font-weight: bold;
	font-size: 0.80em;
	color: #808080;
}

.buttons a
{
	font-size: 0.80em;
}



.x-menu-icons .buttons a.view-tile, .x-menu-icons .buttons a.view-tile:visited, 
#x-sort-menu .buttons a.view-tile, #x-sort-menu .buttons a:view-tile:visited
{
	display:inline-block;
	height: 16px;
	width: 16px;
	background-image: url("/common/images/view-tile.png");
	background-repeat: no-repeat;
	background-position: 0 0;	
	float: right;
	margin: 0 2px 0 0;
}

.x-menu-icons .buttons a.view-tile-active, #x-sort-menu .buttons a.view-tile-active
{
	display:inline-block;
	height: 16px;
	width: 16px;
	background-image: url("/common/images/view-tile.png");
	background-repeat: no-repeat;
	background-position: -19px 0;	
	float: right;
	margin: 0 2px 0 0;	
}

.x-menu-icons .buttons a.view-list, .x-menu-icons .buttons a.view-list:visited,
#x-sort-menu .buttons a.view-list
{
	display:inline-block;
	height: 16px;
	width: 16px;
	background-image: url("/common/images/view-list.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	margin: 0 2px 0 0;
}

.x-menu-icons .buttons a.view-list-active,
#x-sort-menu .buttons a.view-list-active
{
	display:inline-block;
	height: 16px;
	width: 16px;
	background-image: url("/common/images/view-list.png");
	background-repeat: no-repeat;
	background-position: -19px 0;
	float: right;
	margin: 0 2px 0 0;
}


.x-menu-icons .buttons a.reset
{
	background-position: 0 0;
}

.x-menu-icons .buttons a.view-tile:hover, .x-menu-icons .buttons a.view-list:hover
{
	background-position: -19px 0;
}



/* listing */
.x-thumb-outer
{
	float: left;
}

.x-thumb-friend
{
	
}

.x-thumb-wrap
{
	float: left;
	height: 150px;
	width: 160px;
	border: 1px solid #eaeaea;
	text-align: center;	
	margin: 0 5px;
	background-color: #fff;
}
.x-thumb-wrap:hover
{
	border:1px solid #2A9CBC;
}

.x-thumb-wrap img, .x-thumb-friend img
{
	height:5em;
	margin: 10px 0 0;
}




/* profiles */
#x-members-block
{
	width: 800px;
	margin: 20px auto;
	text-align: center;
}

#x-members-wrap
{
	text-align: left;
}

.x-member-thumb
{
	float: left;
	margin: 0 5px 30px 5px;
	width: 120px;
	height: 100px;
	border: 1px solid #f2f2f2;
	text-align: center;
}
.x-member-thumb a
{
	font-size: 0.75em;
}

.x-member-thumb:hover
{
	border: 1px solid #2a9cbc;
	cursor: pointer;
}

.x-member-thumb img
{
	height:5em;
	margin:5px;
	width:6em;
	
}

.x-member-thumb .x-inner-thumb
{
	height: 70px; 
	margin-top: 5px;
}




/* profile page */
.edit-btn
{
	float: right;
	display: inline-block;	
	font-size:13px;
	font-weight:bold;
}

table#x-profile-layout
{
	height: 100%;
	width: 100%;
	border: none;
}

#x-profile-wrap
{
	padding: 10px 0;
}

#x-profile-sidebar
{
	width: 200px;
	
	height: 100%;
}

#x-profile-photo
{
	background-color:#F2F2F2;
	padding:10px;
	text-align:center;
	width:200px;
}

#x-profile-photo img, .seller-info .photo img
{
	border: 3px solid #e4e4e4;
}

#x-profile-main
{
	padding: 0 15px;
}

#x-profile-main h1
{
	color: #000;
}

#x-profile-stats
{
	font-size: 0.80em;
	padding: 5px 0;
}

#x-profile-stats label
{
	font-weight:bold;
	width:100px;
	color: #474747;	
	display: inline-block;
	
}

#x-profile-actions li a
{
	display: block;
	padding:  0 0 3px 25px;	
	margin-bottom: 3px;
}


#x-profile-actions li a.add-friend
{
	background-image: url("/common/images/user_add.png");
	background-repeat: no-repeat;
	background-position:  0 2px;
}


#x-profile-actions li a.send-message
{
	background-image: url("/common/images/email_add.png");
	background-repeat: no-repeat;
	background-position:  0 2px;
}

#x-profile-actions li a.follow-me
{
	background-image: url("/common/images/twitter4.png");
	background-repeat: no-repeat;
	background-position:  0 2px;
}

#x-profile-actions li.following
{
	background-image: url("/common/images/accept.png");
	background-repeat: no-repeat;
	background-position:  0 2px;
	padding: 0 0 5px 25px;
	font-size: 0.90em;
}



#x-recent-listings .x-thumb-wrap, #x-category-items .x-thumb-wrap
{
	text-align:left;
	margin: 0 15px 10px 0;
}


#carousel .x-thumb-wrap
{
	text-align: left;
	margin: 0 10x;
}



#x-recent-listings .x-thumb-photo, #carousel .x-thumb-photo, #x-category-items .x-thumb-photo
{
	text-align:center;
	margin-bottom: 15px;
}


#x-recent-listings .title, #x-recent-listings .price, #carousel .title, #carousel .price, #x-category-items .title,#x-category-items .price
{
	padding: 0 0 0 10px;
	font-size: 0.85em;
}

#x-category-items .price
{
    font-size: .75em;
}


#x-recent-listings td.col
{
    color:#474747;
    font-size:14px;
    font-weight:bold;
    text-align:right;
}
#x-recent-listings td.price, #x-recent-listings td.expires 
{
    font-size:0.9em;
    text-align:right;
    vertical-align:top;
}

#x-recent-listings .x-item-details
{
	font-size: 0.85em;
	line-height: 20px;
	color: #474747;
	
}

#x-recent-listings .x-item-details a.item-title
{
	font-size: 1.1em;
	font-weight:bold;
}

#x-friends-wrap .x-thumb-outer, #x-comments-wrap .x-thumb-outer
{
	float: left;
	margin: 0 0 5px 0;
	
}

#x-friends-wrap .x-thumb-wrap, #x-comments-wrap .x-thumb-wrap
{
	width: 100px;
	height: 90px;
	cursor: pointer;
	float: none;
	border: none;	
}

#x-friends-wrap .x-thumb-wrap img
{
	height: 5em;
	width: 7em;
	border: 2px solid #e4e4e4;	
}

#x-friends-wrap .x-thumb-wrap a, #x-comments-wrap .x-thumb-wrap a
{
	font-size: .75em;
}

#x-follow-counts 
{
	padding-bottom: 5px;
}

#x-follow-counts span.count
{
	font-family:georgia;
	font-size:1em;
	text-decoration:none;
	display: block;
	margin: 0 0 0 0;
}

#x-follow-counts ul
{
	margin: 0;
	padding: 0;
}

#x-follow-counts li
{
	float: left;
	width: 100px;
}

#x-follow-counts a
{
	font-size: 0.90em;
}

#x-follow-members
{
	border-top: 1px solid #e6e6e6;
	padding: 5px 0 10px 0;	
}

#x-follow-members .x-thumb
{
	float: left;
	width: 25px;
	height: 25px;
	margin: 0 3px 3px 0;
	border: 1px solid #ccc;
}
#x-follow-members img
{
	width: 25px;
	height: 25px;
}

#x-follow-list
{
	margin: 15px 0 0 0;
	border-bottom: 1px solid #f2f2f2;
}

#x-follow-list .left
{
	float: left; 
	width: 100px; 
	margin: 0; 
}

#x-follow-list .right
{
	margin-left: 105px;
}

#x-follow-list .row
{
	
	background-color: #fff;
	padding: 5px 0;	
}

#x-follow-list .row-alt
{
	
	background-color: #f9f9f9;
	padding: 5px 0;
	
}

#x-follow-list .row:hover, #x-follow-list .row-alt:hover
{
	cursor: pointer;
	background-color: #eee;
}

#x-follow-list .x-thumb-outer
{
	float: left;
	margin: 0 10px 0 0;
	width: 100px;	
	text-align: center;
	padding: 5px 0;
}

#x-follow-list .x-thumb-photo img
{
	height: 3em;
	width: 4em;	
}

#x-follow-list .x-status-update
{
	float: left;
	
	
}

#x-follow-list .right .x-status-update .status
{
	font-size: 0.85em;
	width: 600px;
}

#x-follow-list .right .x-status-update .status .date, #x-follow-list .x-status-update .status span.alt, .x-side-wrap .status-date
{
	font-size: 11px;
	color: #999;
	margin: 5px 0;
}

#x-follow-list .x-status-update .logon a
{
	font-size: 0.90em;
	font-weight: bold;
	
}

.x-status-update .logon {width: 660px; }
.toolbar-wrap div.action-btn 
{
	float: right;		
}
.toolbar-wrap div.action-btn a, .toolbar-wrap div.action-btn a:visited
{
	display: inline-block;	
	background: url("/common/images/delete.gif") no-repeat 0 7px; 	
	height: 17px; 
	width: 10px;
	cursor: pointer;
}
.toolbar-wrap div.action-btn a:hover
{
	background-position: -10px 7px;
}

#x-comments-wrap
{
	padding: 5px 0;
}

#x-comments-wrap .row 
{
	display: block;
	margin: 0 0 25px 0;
	font-size: 0.90em;
}

#x-comments-wrap .row .x-thumb-wrap img
{
	height: 5em;
	width: 7em;
	margin: 0 0 3px 0;
	border: 2px solid #e4e4e4;	
}

#x-comments-wrap .row .x-thumb-wrap img:hover
{
	border:2px solid #2A9CBC;
}

#x-comments-wrap .x-thumb-outer
{
	width: 105px;
}


.comment 
{
	float: left;
	width: 450px;
}
.comment .date, .details .date
{
	font-size: 11px;
	color: #9a9a9a;
	background: #f7f7f7;
	padding: 4px 4px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
}

.comment .date a, .details .date a
{
	font-size: 14px;
	font-weight: bold;
}



.comment .date img
{
	vertical-align: middle;
}

.comment .message
{
	padding: 0 5px;
}

.comment .remove 
{
	float: right;
}

#x-comment-box
{
	border-top: 1px dotted #e4e4e4;
	margin: 25px 0;
	padding: 10px 0;
}
#x-comment-box small
{
	font-size: 11px;
	color: #999;
}

.x-comment-login 
{
	text-align: center;
	font-weight: bold;
	padding: 25px 0;
}

textarea.comment-field
{
	border: 1px solid #e4e4e4;
	background-color: #f9f9f9;
	width: 400px;
	height: 150px;
	margin: 5px 0 0 0;
	font-family: verdana;
	font-size: 13px;
	padding: 3px 3px;
	
}


/* ================ CONTACT ===================== */
#x-contact-wrap 
{
	margin: 10px 0;
}
#x-contact-wrap label
{
	display: block;
	margin: 0 0 5px 0;
}

/* ================ product ===================== */
#x-item-description 
{
  min-height:500px;
  height:auto !important;
  height:500px;

}
#x-item-info .row
{
	font-size: 0.80em;
	line-height: 22px;	
	color: #474747;	
}
#x-item-info label
{
	display: inline-block;
	margin-right: 10px;
	width: 120px;
	
}

#x-item-info #expires
{
	color: #0066cc;
}


.x-other-items-wrap
{
	background-color: #fafafa;
	margin: 0 auto;
	padding-left: 15px;
}

.x-other-items-wrap .arrow-left { float: left; margin: 0 0 0 5px 0; margin: 10px 0; height: 100px; }
.x-other-items-wrap .arrow-left img { margin: 40px 3px 0 5px; }
.x-other-items-wrap .arrow-right { float: left; margin: 0 0 0 5px 0; margin: 10px 0; height: 100px; }
.x-other-items-wrap .arrow-right img { margin: 40px 5px 0 3px; }
.x-other-items-wrap .x-thumb-wrap { background-color: #fff; float: left; margin: 10px 5px; width: 130px; height: 100px; cursor: pointer; }
.x-other-items-wrap .x-thumb-photo { text-align: center; padding: 10px 5px 0 5px;  }
.x-other-items-wrap .x-thumb-photo img 
{
	margin: 0 auto;
}


#x-product-wrap td.left-column
{
	padding-right: 25px;
}

#x-product-wrap h1
{
	font-size: 22px;
	margin: 0 0 5px 0;
}

.x-product-photo-ct
{
	background-color: #f2f2f2;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	
	
}

#x-seller-block, #x-trade-item
{
	border: 1px solid #e4e4e4;
}

#x-seller-block .title, #x-trade-item .title
{
	font-weight: bold;
	padding: 5px 5px;
}

.seller-info, .trade-info
{
	padding: 5px 3px;
	border-top: 1px solid #e4e4e4;
}

.seller-info .photo
{
	float: left;
	margin: 10px;
}

.seller-info .name
{
	color: #ccc;
	font-size: 10px;
	float: left;
	line-height: 18px;
	padding: 5px 0;	
	
}

.seller-info .name b
{
	color: #000;
	font-size: 13px;
}

.seller-info a
{
	font-size: 12px;
}

#x-seller-items
{
	margin: 5px 0;	
}


#x-seller-items .title
{
	font-size: 0.80em;
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #474747;
	text-align: right;
}



#x-seller-items a
{
	font-weight: normal;
}


.seller-stats
{
	margin: 0 0;
	padding: 0 10px 10px 10px;	
}

#x-buy-item 
{
	background-color: #f2f2f2;
	padding: 15px 0;
	text-align: center;
	margin: 5px 0;
}

#x-buy-item button, .trade-button button
{
	font-size:16px;
	padding:5px 5px;
	text-align:center;
	width:160px;
	cursor: pointer;
}


#x-price-block
{
	width: 160px;
	margin: 0 auto;
}

#x-price-block .price
{
	text-align: left;	
}
#x-price-block .price label
{
	font-weight: bold;
	display: inline-block;
	width: 75px;
}

.x-share-menu a
{
	display: inline-block;
	margin-right: 5px;
}

.x-share-menu img
{
	vertical-align:text-top;	
}
.x-product-photos
{
	padding: 0 0;	
}
.x-product-photos .x-thumb-wrap
{
	height: 100px;
	width: 130px;
	margin-bottom: 10px;
}

.trade-button
{
	text-align: center;
	padding: 15px 0;
	border-top: 1px dotted #e4e4e4;
}



.trade-info
{
	padding: 5px 5px;
	font-size: 0.90em;	
}

.trade-info .open-quote
{
	background-image: url(/common/images/open-quote.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 15px;
	height: 12px;
	margin: 3px 5px 3px 0;	
	float: left;	
}

.trade-info .close-quote
{
	background-image: url(/common/images/close-quote.gif);
	background-repeat: no-repeat;
	background-position: bottom right;	
	padding: 0 15px 0 0;
}


/* =================== category listings ====================== */
#x-category-wrap table td
{
	vertical-align: top;
}

#x-category-wrap td.left-column { width: 20% }
#x-category-wrap td.right-column { padding-left: 15px; }

#x-category-wrap .x-block-title
{
	border: 1px solid #eaeaea;
	padding: 3px 5px;
	background-color: #f7f7f7;
	color: #2c2c2c;
	font-weight:  bold;
	font-size: 0.90em;
}

#x-category-wrap .x-block-list , #location ul#city, ul#related-keywords, ul#category-items
{
	background-color:#FAFAFA;
	border:1px solid #EAEAEA;
	height:250px;
	overflow:auto;
	padding: 5px 5px;
	margin: 3px 0 10px 0;	
}

#x-category-wrap .x-block-list ul
{
	margin: 0 0;
	padding: 0 0;
}
#x-category-wrap .x-block-list li
{
	padding: 0 0 0 3px;
	margin-bottom: 3px;
}

#x-category-wrap .x-block-list li.child
{
	padding: 0 0 0 15px;
	margin-bottom: 3px;
}

#x-category-wrap a
{
	font-size: 0.90em;
}

#x-category-items td.col
{
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	color: #474747;
}

#x-category-items td.item, #x-category-items td.price, #x-category-items td.expires
{
	/*border-bottom: 1px dotted #e4e4e4;*/
	padding: 10px 0 0 0;
}

#x-category-items td.price, #x-category-items td.expires
{
	vertical-align: top;
	text-align: right;	
	font-size: 0.90em;
}

#x-category-items td.expires span 
{
	color: #999;
}

#x-category-items .row
{
	margin: 0 0 10px 0;
}

#x-category-items .x-no-items
{
	text-align: center;
	padding: 25px 0;
	margin-bottom: 25px;
	border: 1px solid #eaeaea;
}



#x-category-items .x-thumb-wrap /* list view */
{
	margin: 0 10px 15px 0;
	height: 150px;
}

#x-category-items .x-thumb-wrap img
{
	height: inherit;
}


#x-category-items .gallery-view
{
	margin: 0 10px 15px 20px;	
}


#x-category-items .gallery-view .size
{
    text-align: right;
    padding-right: 10px;
    
}

#x-category-items .gallery-view img
{
	height: 6em;
}



#x-category-items .list-view
{
	height: 145px;	
}


#x-category-items .list-view .x-thumb-wrap
{
	margin-bottom: 0;
}


#x-category-items .x-item-details
{
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	font-family:helvetica,arial;
	
}

#x-category-items .x-item-details a.title
{
	font-size: 16px;
	font-family: helvetica;
	font-weight: bold;
	display: inline-block;
	padding: 0 0 5px 0;
}

#x-category-items .x-list-cols-search
{
	width: 590px;
	float: left;
}



#x-sort-menu span#paginate
{
	font-size: 0.95em;
	display: block;
	float: left;
	width: 300px;	
	margin: 0 10px 0 0;
}



#x-sort-menu span#paginate a, #x-sort-menu span.current
{
	display: inline-block;
	margin: 0 3px;	
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	border: 1px solid #e4e4e4;
}

#x-sort-menu span#paginate .current
{
	border: 1px solid #808080;
}

#x-sort-menu span#paginate a:hover
{
	border: 1px solid #808080;
	background: #fff;
	color: #2a9cbc;
}

#x-sort-menu span#paginate .current.prev, #x-sort-menu span#paginate .current.next{
	color:#ccc;
	border-color:#e4e4e4;
	background-color: #fff;
}


#x-sort-menu td.results
{
	font-size: 0.80em;
	font-family: Helvetica,Arial,sans-serif;
	padding: 5px 0 0 0;
}

#x-sort-menu
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #eaeaea;
}

#x-sort-menu table 
{
	width: 100%;
}

#x-sort-menu select
{
	font-family: "Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif;	
	font-size: 0.90em;	
	border: 1px solid #e4e4e4;
	
}

#x-sort-menu .buttons
{
	margin: 3px 0 0 0;
}


#x-tag-container 
{
	padding: 5px 5px;
	background-color: #fafafa;
	margin: 3px 0 10px 0;
}

#x-tag-container li
{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #E6E6E6;
	padding: 2px 5px 0 5px;
	margin-bottom: 2px;
	text-align:right;
	
}

#x-tag-container span
{
	display:block;
	float:left;
	font-size: 0.85em;
}

#x-tag-container a.delete
{
	display: inline-block;
	background-image: url(/common/images/delete.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	width: 10px;
	overflow: hidden;
	color: #fff;
}

.x-nav-wrap
{
	
}

.x-nav-item .header, .x-nav-item-alt .header
{
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

.x-nav-item, .x-nav-item-alt  {  padding: 10px 0 10px 0; border-bottom: 1px solid #EAEAEA;}

.x-nav-item-alt { border: none; }

.x-nav-item ul
{
	margin: 0 0 0 0;
}
.x-nav-item li
{
	margin: 0 0 0 0;
	
	
}

ul#category-items { height: 80px; }

.x-nav-wrap div.ui-dynatree-container { border: none; font-family: "Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif; font-weight: normal; }
.x-nav-wrap div.ui-dynatree-container a { font-weight: normal; }
.x-nav-wrap span.ui-dynatree-icon { background-image: none; margin-left: -15px; }

/* =================== search ====================== */
#x-location-wrap { }

#location ul#city, ul#related-keywords {height: 150px; }

#size .option
{
	padding: 0 0 5px 15px; font-size: 0.90em;
}
#size .option a
{
	color: #2A9CBC;
	display: block;
	float: left;
	margin: 0 7px 5px 0;
	font-weight:bold;
}

#size .option a:hover
{
	color: #333;
}

#size .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited 
{
	color: #333;
}


/* ADS */
.ad300x200
{
	width: 325px;
	text-align: center;
	border: 1px solid #e4e4e4;
	padding: 15px 5px;
	float: right;
}
.ad160x600
{
	width: 160px;
	height: 600px;
	text-align: center;
	border: 1px solid #e4e4e4;
	padding: 15px 5px;
	float: left;
	margin: 0 0 0 15px;	
}

.ad160x600-alt
{
	width: 160px;
	height: 600px;
	text-align: center;	
	padding: 0 5px;
	float: left;
	margin: 0 0 0 15px;	
	color: #999;
}


/* LOGIN */
.login-wrap
{
	
	width: 310px;
	color: #555;
	text-align: left;
}

.login-wrap .title
{
	padding: 0 5px;
	font-size: 1em;	
	font-weight: bold;
}

.login-wrap .error
{
	color: #D35701;	
}
.login-box
{
	padding: 10px 15px 5px 15px;
	background-color: #f9f9f9;
	margin: 10px 0 5px 0;	
	-moz-border-radius: 11px;
	border: 1px solid #e5e5e5;
}


.login-box label
{
	font-weight: normal;
	color: #333;
}

.login-box .field
{
	border: 1px solid #dfdfdf;
	color: #555;
	font-size: 24px;	
	padding: 0 3px;
}

.login-box .button
{
	margin: 10px 0;
}
.login-wrap .login-buttons
{
	padding: 0 5px;
	color: #ccc;
}
.login-wrap .login-buttons a
{
	color: #21759B;
	font-size: 13px;
}

.login-box input.field { width: 270px;}


/* registration form */

.x-ad-panel
{
	float: left;
	margin: 0 0 0 10px;	
	width: 380px;
	text-align: center;
	padding: 30px 0 0 0;
}
.registration
{
	width: 600px;
	text-align: left;
	float: left;
}

.registration .error, #x-contact-wrap .error, .preview-mode, .x-status-wrap .error, #x-checkout-wrap .note
{
	background-color: #FFEF8F;
	padding: 10px 10px 10px 15px;
	border: 1px solid #F9DD34;
	margin: 0 0 10px;
	-moz-border-radius: 6px;
	font-family:"Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif;
	font-size: .85em;	
}

.registration .error span.ui-icon, #x-contact-wrap .error span.ui-icon, .x-status-wrap span.ui-icon, .x-feedback-wrap span.info
{
	height: 16px;
	width: 16px;
	margin-right: 5px;
	background: url("/common/js/jquery/themes/flick/images/ui-icons_0073ea_256x240.png") no-repeat -16px -142px;
	float: left;
	display: block;
}

.registration legend
{
	font-size: 15px;
}

.registration .row
{

   font-family:"Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif;
   padding:10px 15px 15px 15px;
   border-top:1px dotted #CCCCCC;
}

.registration .row-alt
{
	border-top: none;
	padding-left: 0;
}

.registration .label
{
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:3px;
}

.registration input.field, #x-contact-wrap input.field, #x-contact-wrap textarea.field, .container input.field
{
	border:1px solid #DFDFDF;
	font-family:'Lucida Grande',arial,sans-serif;
	font-size:15px;
	padding:3px;
	width: 98%;
	margin-bottom: 3px;
}

.registration select, .container select
{
	border:1px solid #E4E4E4;
	font-family:"Lucida Grande","Segoe UI",Verdana,Helvetica,Arial,sans-serif;
	font-size:0.9em;
	width: 150px;
}

.registration small, .container small.alt
{
	color:#6F6F60;
}
.stone 
{
	background-color:#F5F6F1;
}

.stone-gray
{
	background-color: #f8f8f8;
}

/* feedback */
#x-feedback
{	
	padding: 15px 0 0 0;
}

#x-feedback .x-thumb 
{
	float: left;
	width: 125px;
	text-align: center;
	background-color: #f9f9f9;
	padding: 10px 0;
}
#x-feedback .x-thumb img
{
	height: 3.5em;
	width: 4.5em;
}

#x-feedback .details
{
	margin: 0 0 0 140px;
	
}

#x-feedback .rating
{
	padding: 5px 0;
	font-size: 13px;
	color: #666666;
}

span.stars
{
	display: inline-block;
	width: 70px;
	height: 16px;
}

span.stars5
{
	background: url("/common/images/stars.gif") no-repeat 0 3px;
}

span.stars4
{
	background: url("/common/images/stars.gif") no-repeat 0 -14px;
}

span.stars3
{
	background: url("/common/images/stars.gif") no-repeat 0 -32px;
}

span.stars2
{
	background: url("/common/images/stars.gif") no-repeat 0 -48px;
}

span.stars1
{
	background: url("/common/images/stars.gif") no-repeat 0 -65px;
}

span.stars0, span.stars-1
{
	background: url("/common/images/stars.gif") no-repeat 0 -82px;
}




.container  
{
	height: 100%; 
	padding: 10px 2px;
	
}
.left-panel 
{
	float:left;
	width: 215px;
}
.right-panel
{
	margin: 0 0 0 230px;
	
}

.tabs
{
	border-bottom: 2px solid #6fa7d1;
	height: 37px;
}


.tabs a  
{	
	background: #5C9CCC url(/common/images/bg-navbar.gif) repeat-x scroll 50% 50%;
	width: 100px; 
	text-align: center; 
	/*background-color: #e6e6e6;	*/
	color: #9a9a9a;	
	display:block;
	float:left;	
	font-size:13px;
	font-weight:bold;
	height:20px;
	margin:10px 7px 0 0;
	padding: 4px 15px 2px;
	border-top: 1px solid #d7dcde;
	border-left: 1px solid #d7dcde;
	border-right: 1px solid #d7dcde;
}

.tabs a:hover 
{
	color: #474747;
}

.tabs a.current
{
	color: #fff;
	font-size: 16px;
	padding: 7px 20px 9px 20px;
	background: #5C9CCC url(/common/js/jquery/themes/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) repeat-x scroll 50% 50%;
	margin-top: 0;
	height: 20px;
	border-left: 1px solid #6fa7d1;
	border-right: 1px solid #6fa7d1;
	border-top: 1px solid #6fa7d1;
}

.tabs hr
{
	background-color:#6fa7d1;
	border:0 none;
	clear:both;
	color:#F2F2F2;
	height:2px;
}

.right-panel .tabs a
{
	font-size: 13px;
	
}
.right-panel .tabs a.current
{
	padding: 10px 20px 6px 20px;
}


/*  ========================= POST ITEM ========================= */
.container .container-left
{
	float: left;
	width: 650px;
}
.container .ui-bottom-border
{
	border-bottom: 1px solid #e5ecf3;
}
.container .ui-top-border
{
	border-top: 1px dotted #ccc;
}
.container .x-wrap
{
	padding: 0 0 0 35px;
	margin: 0 auto;
}
.container .x-col
{
	width: 300px;
	float: left;
	border-top: 1px solid #e5ecf3;
	border-left: 1px solid #e5ecf3;
	border-right: 1px solid #e5ecf3;
	
	margin: 0 5px 0 0;
}

.container .x-col-header
{
	text-align: center;
	padding: 5px 5px;
	background-color: #e5ecf3;
	font-weight: bold;
	font-size: 1.1em;
}

.container .x-row
{
	padding: 10px 5px 10px 10px;	
}

.container .x-days
{
	color: #0066cc;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding: 10px 5px;
	
}

.container .icon 
{
	display: block;
	float: left;
	height: 18px;
	width: 16px;
	margin: 0 5px 0 0;	
}
.container .check 
{
	background: url("/common/images/accept.png") no-repeat 0 2px;
}

.container .star
{
	background: url("/common/images/star.png") no-repeat 0 2px;
}

.container .cross
{
	background: url("/common/images/cross.png") no-repeat 0 2px;
}

.container .buy
{
	padding: 15px 0;
	text-align:center;
	height: 120px;
	background-color: #f8f8f8;

}

.container a.choose-btn
{
	display: block;
	background:url("/common/images/nextbtn.png") no-repeat 0 0;
	width: 192px;
	height: 57px;
	margin: 3px auto 0 auto;
}
.container a.subscribe-btn
{
	display: block;
	background:url("/common/images/subscribe-btn.gif") no-repeat 0 0;
	width: 192px;
	height: 57px;
	margin: 3px auto 0 auto;
}

.container small
{
	color: #72a336;
}

.container .cell-left
{
	float: left;
	width: 200px;
	padding: 10px 10px;	
}

.container .cell-right
{
	margin:  0 0 0 220px;
	padding: 10px 10px;
}

.container select 
{
	margin: 0 0 3px 0;
}

.container #x-tags
{
	width: 300px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 3px 3px;
	height: 200px;
	overflow: auto;
	/*float: left;*/
}

#x-tags .empty-tags
{
	padding: 65px 0 0 0;
	text-align: center;
	color: #999;
}

.container .info-panel
{
	width: 605px;
	margin: 0 0 0 315px;
	border: 1px solid #e4e4e4;
	background-color: #f9f9f9;
	padding: 10px 10px;
	height: 185px;
	
}

#x-checkout-wrap { padding: 10px 0; }
#x-checkout-wrap table 
{

}

#x-checkout-wrap th 
{
	background-color: #f9f9f9;
	text-align: left;
	padding: 5px 5px;
	color: #474747;
	font-size: 1em;
	border: 1px solid #f2f2f2;
}

#x-checkout-wrap th.item { width: 170px; }
#x-checkout-wrap td.item { text-align: center; padding: 5px 5px; }
#x-checkout-wrap th.price, #x-checkout-wrap td.price  { width: 90px; text-align:right;}
#x-checkout-wrap td { padding: 5px 5px; vertical-align: top; text-align: left; font-size: 0.90em; border: 1px solid #f2f2f2; }
#x-checkout-wrap td.description a { font-size: 1.2em; font-weight: bold;}
#x-checkout-wrap td.end-row { text-align: right;}
#x-checkout-wrap td.end-row strike { color: red;}
#x-checkout-wrap .x-payment-wrap { padding: 10px 15px; background-color: #f9f9f9; border: 1px solid #f2f2f2; margin: 2px 2px 5px 2px; line-height: 25px; }
#x-checkout-wrap .x-captcha-wrap { background-color: #f9f9f9; padding: 10px 0; margin: 0 2px 10px 2px;  }
#x-checkout-wrap .x-agree-wrap { font-size: .90em; padding: 5px 10px; font-weight: bold; }
#x-checkout-wrap .x-agree-wrap .x-agree-note { padding-bottom: 10px; }
#x-captcha { text-align: center; width: 350px; margin: 15px auto; }


.x-grid-wrap {width: 350px; margin: 0 auto; }
.x-grid-wrap .title { color: #0066cc; font-weight: bold; font-size: 1em; }


 

