/* - - - - - - - - - - - - - - - - - - - - -
Title: Main Uswapit CSS v1.0
Author: ndupe
URL: www.uswapit.com
- - - - - - - - - - - - - - - - - - - - - */


#close { display:none;} 

a {
	color: #1171ca;
	text-decoration: none;
}
a:active { outline: none; }
a:hover {
	color:##1171ca;
	text-decoration: underline;
	outline: none;
}
a img { border: 0; }

hr { margin:2px 0 2px 0;
	 size:1px;
   }


.clear
{
	clear: both;
	display: block;
	float: none;
	margin: 0;
	padding: 3px;
	overflow: hidden;
	width: 0;
	height: 0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.odd
{
background-color: #fff;
}
.even{
background-color: #eee;
}
.matched{
background-color: #FFFFCC;
}


/* =Top Header
----------------------------------------------------------------------*/
#main_header{
	background: url(../images/frontpage/top_bg.gif) repeat-x center top;
	border-top: 4px solid #999;
	height:66px;
}

#logo
{
	margin: 0 0 0 1px;
	padding: 7px;
	float: left;
}

/* =Icon Bar
----------------------------------------------------------------------*/
#iconContainer{
	float: left;
	height: 66px;
	width:960px;
	
}
#iconBar {
	float: right;
	height: 66px;
	width:282px;
	overflow:hidden;
}

#iconBar UL {

	font-size: 11px;
	margin:0;
	}

#iconBar LI {	
	display: inline;
	
	}
	
#iconBar a {	

	padding-left: 12px;	
	padding-right: 8px;	
	padding-top: 12px;	
	text-align: center;
	color: #666;
	float: left;
	background:  url(../images/nav/IconNav_off.png) no-repeat top left;
	height: 66px;
	}	
	
#iconBar a:hover {
	color: #0066FF;
	text-decoration: none;

	}


/* =Main Navigation area
----------------------------------------------------------------------*/

	
#main_nav{
background: url(../images/nav/navBkgrd.gif) repeat-x center top;
	height:31px;
	display:block;
}	


#swapper  {
 color: #666;
	line-height: 25px;
	padding-top: 3px;
	font-size: 11px;
	padding-left: 11px;
	float: left;
	width: 148px;
}
#swapper a {
	color: #666;

}
#swapper a:hover{
	color: #999;
	text-decoration: none;
}

#user_nav UL {
	font-size: 11px;
	list-style-type:none;
	margin:0;
	width:880px;
	}

#user_nav LI  {	
	display: inline;
	margin:0;
	}
	
	#user_nav a {	
	padding: 9px;
	padding-left: 20px;
	padding-right:  20px;
	color: #666;
	float: left;
	background: url(../images/nav/mainnav_left.gif) no-repeat top left;
	}
	
#user_nav a:hover {

	color: #fff;
	text-decoration: none;
	background:  url(../images/nav/mainnav_overleft.gif) no-repeat top left;
	}



/* = Settings Navigation - Found under profile, groups, and Contorl Panel
----------------------------------------------------------------------*/

#settingsNav {
	
	margin-top:2px; margin-left:10px;
		padding-top:6px;
		width:760px;
		
}

#settingsNav  UL {
	
	list-style:  url(../images/frontpage/bullet_arrow.gif);
	margin:0;
	padding:0;
	}

#settingsNav  li {
	display:inline;	
	}
	
#settingsNav  a {
	text-decoration: none;
		padding: 6px 10px ;
	margin:0;

	background: #eee;
	
	}

#settingsNav  a:hover {
	text-decoration: none;
	background: #666666; 
	color: #ffffff;
	}
	
#settingsNav  .activated {
	color: #ffffff;
	text-decoration: none; 
	font-weight: bold;
	background: #3399FF; 
	}



/* =Avatars	
----------------------------------------------------------------------*/

#avatar {

	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

#badge{
	padding-top: 7px;
	margin-right: 3px;
	}

.iconR {
padding-right:8px;
}

.iconL {
padding-left:8px;
}


/* =Frontpage Headers
----------------------------------------------------------------------*/

#header_wrap
{
	background: url(../images/frontpage/top_bg.gif) repeat-x center top;
	border-top: 4px solid #999;
	width: 100%;
}

#header
{
	background: url(../images/frontpage/top_bg.gif) no-repeat center top;
	border-top: 4px solid #999;
	margin: -4px auto 0;
	overflow: hidden;
	position: relative;
	width: 960px;
	height: 94px;
}

#header h1
{
	margin: 0 0 0 25px;
	padding: 7px 0;
	width: 147px;
}

#header h1 a
{
	background: url(../images/frontpage/logo_uswapit.gif) no-repeat;
	color: #fff;
	display: block;
	text-indent: -99999px;
	width: 154px;
	height: 52px;
}

#header h1 img
{
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}

#header span
{
	color: #999;
	font-size: 11px;
	position: absolute;
	top: 10px;
	right: 100px;
}

/* =Content
----------------------------------------------------------------------*/

#content_wrap
{
	background: #fff url(../images/content_wrap.jpg) repeat-y center top;
	width: 100%;
}

#content
{
	background-color: #fff;
	color: #666;
	margin: -2px auto 0;
	width: 960px;
}




#homeSearch {
padding:0px 0px 0px 10px; display: block; float:left; 
}

/* =Most Wanted
----------------------------------------------------------------------*/

.MWprodContainer { width:110px; background-color:#FFFFFF; margin-bottom:5px;}

.MWprodImage { width:110px; height:100px; overflow:hidden; background-position:1px 1px; background-repeat:no-repeat;
}






/* CONTENT AREA
----------------------------------------------------------------------------- 
*/

#contentArea {
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding: 0px;
	vertical-align: top;

	line-height: 1.4em;
}

#contentArea #sideBar #nav {
	/* background: url("/images/sidenav-dotline.png") left bottom no-repeat; */
	/* margin-top: 15px; this creates and open space above the sidebar nav */
	width: 160px;
	                                                                           
	                                                                         
}

#contentArea #sideBar #nav a,
#contentArea #sideBar #nav span, 
#contentArea #sideBar #nav textarea {
	display: block;
	font-size: 11px; 
	color: #000000;
	padding-left: 10px;
	line-height: 24px;
	vertical-align: middle;
	background: url("../images/nav/sidenavdotline.gif")right bottom no-repeat;
}

#contentArea #sideBar #nav a:hover {
	color: #000000;
	background: #ffffff url("../images/nav/sidenavdotline.gif")right bottom no-repeat;
	text-decoration: none;
}
#contentArea #sideBar #nav a.selected {
	color: #0033FF;
	background: url("../images/nav/sidenavdotline.gif")right bottom no-repeat;
	text-decoration: none;
}

#contentArea #sideBar #nav p {
	height: 21px;
	padding: 0px;   
	margin: 0px;
	background: url("../images/nav/sidenavdotline.gif") right bottom no-repeat;
}

#oneColumn {	
	padding-top: 5px;
	padding-left: 9px;
	margin-left: 1px;
	margin-right:20px;
	}
#450column{
	 margin-right:10px;
	 width:450px;
	
	}
	
	
	
.navTD {
	width: 160px;
	vertical-align: top;
	background: #fff url("../images/nav/sidenav-bkgd.gif")right repeat-y;
	margin: 0px;
	padding: 0px;
	}
.tableTD {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}
#navHolder {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 100%;
	}

 .paddedBox {
	padding: 0px 10px 0px 10px;
	}
 .paddedBoxTop {
	padding: 10px 10px 10px 10px;
	}
.banners {
	margin: 5px;
}



/* STRECHY ROUNDED CORNER BOXES
---------------------------------------------------------------------------- 
*/
.roundedBox {
}
.roundedBox .hd {
	background: url("../images/roundedbox/topleft.gif") left top no-repeat;
	height: 10px;
	/*line-height: 8px; 
	font-size: 12px;*/
	line-height: 0px; 
	font-size: 0px;
}
.roundedBox .hd .c {
	float: right;
	background: url("../images/roundedbox/topright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
}
.roundedBox .bd {
	background: url("../images/roundedbox/middleleft.gif") left top repeat-y #FFFFFF;
	padding: 0px 10px 0px 10px;
	margin:0;
	border-right: 1px solid  #3399FF;
	}
.roundedBox .bd .c {
	position: relative;
	float: right;
	width: 11px;
	background: url("../images/roundedbox/middleright.gif") right top repeat-y;
	}
.roundedBox .ft {
	height: 10px;
	background: url("../images/roundedbox/bottomleft.gif") left top no-repeat;
	font-size: 0px;
	line-height: 0px;
	}
.roundedBox .ft .c {
	float: right;
	background: url("../images/roundedbox/bottomright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
	}
.roundedBox .arrowDown 
{
	position:relative; top:-1px; background-image:url(../images/swap_bar/tip_arrow_down.png); height:12px; width:10px; left: 25px;
}
.tooltip 
{
	position:relative; z-index: 10000;
}

/*Messages for Forms, Errors, Non Errors*/


#Message .infoText {
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	}	
#Message .Error {
	color: #FF0000;
	font-weight:bold;
}
#Message .nonError {
	color: #009900;
	font-weight:bold;}

#SubmitLoading {
	display:none;
}


/*small Date and time Stamps*/


.date, .time  {
	margin: 0px 0px 0px 0px;
	color: #999999;
	font: font: Helvetica, Arial, sans-serif;
	 font-size:10px;

}
.hostName {
	color: #333;
	font: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:16px;

}
.hostMessage {
	margin: 0px 0px 0px 0px;
	color: #000000;
	font: Arial, Helvetica, sans-serif normal;
	font-size:10px;

}
.status {
	margin: 0px 0px 0px 0px;
	color: #000000;
	font: Arial, Helvetica, sans-serif normal;
	font-size:9px;

}



/*Background Graphics*/

#hedbkgrd {
margin: 3px 0 3px 0;
padding:5px;
background-color:#eeeeee;
border-bottom: thin #999999 solid;

}

#formBkgrd {
margin: 3px 0 3px 0;
padding:5px;
font-size:11px;
border-bottom: thin #999999 dotted;
border-top: thin #999999 dotted;

}


 
.highlight {
background-color: #3399FF; padding:2px; margin:2px 0; color:#FFFFFF; text-decoration:none; font-weight:bold;

}

/* Footer
----------------------------------------------------------------------*/


.shadow
{
	background: url(../images/footer/shadow.png) repeat-x;
	clear: both;
	font-size: 0;
	top: -5px;
	left: 0;
	width: 100%;
	height: 5px;
	
}

#footer_wrap
{
background-color:#555555;
	width: 100%;
	height: 115px;
}

#footer
{
	color: #999999;
	margin: 0 auto;
	line-height: 140%;
	padding: 15px 0 0 15px;
	font-size: 11px;
	width: 945px;
}

#footer a
{
	color: #999;
}

#footer a:hover
{
	color: #fff;
}

#footer .email_friend,
#footer .email_registration,
#footer .feed
{
	display: block;
	padding: 3px 0 3px 20px;
	text-transform: lowercase;
}

#footer .email_friend
{
	background: url(../images/footer/icon_email_friend.gif) no-repeat left center;
}

#footer .email_registration
{
	background: url(../images/footer/icon_email_registration.gif) no-repeat left center;
}

#footer .feed
{
	background: url(../images/footer/icon_feed.gif) no-repeat left center;
}

#footer .vcard
{
	float: right;
	font-style: normal;
	padding: 0 20px 50px 175px;
	text-align: right;
}




/* Email
----------------------------------------------------------------------*/

.emailContainer {
	width:720px;
	height:auto;
	position: relative;
	margin: auto;
	
}


/* Category Button
----------------------------------------------------------------------*/
.buttonCat a{
	position:absolute;
	margin:6px 0 0 2px;
	padding:8px 1px 0 3px;
	width:160px;
	height:22px;
	overflow:hidden;
	z-index:20;
	background:url(../images/buttons/bigblue.png) no-repeat;
}


.buttonCat a:hover{
	position:absolute;
	margin:7px 0 0 2px;
	padding:8px 1px 0 3px;
	width:160px;
	height:21px;
	overflow:hidden;
	text-decoration:none;
	color: #0066FF;
	z-index:20;
	background:url(../images/buttons/bigblue2.png) no-repeat;
}
#catButton ul {
	
	margin:0 0 0 1px;
	
	}
#catButton .top {
	background:url(../images/buttons/bigblueTop.png) no-repeat;
	height:7px;
	overflow:hidden;
	}
	
#catButton .bottom {
	background:url(../images/buttons/bigblueBottom.png) no-repeat;
	height:11px;
	}
	

#catButton li a{
	display:block;
	list-style: none;
	margin: 0px;
	padding:3px 3px 3px 10px;
	border-bottom:#70b9ff dotted 1px;
	 color:#000000;
	 background:url(../images/buttons/bigblueRight.png) repeat-y;
	}

#catButton a:hover{
	color:#99999;
	text-decoration:none;
	border-bottom:#0066CC dotted 1px;
	 background:url(../images/buttons/bigblueRight_On.png) repeat-y;
	}
	
.catOpen input, .catClose input {
	position:absolute;
	z-index:21;
	padding:0; 
	width:17px;
	height:17px;
	margin:13px 0 0 130px;
	text-decoration:none;
	border:none;
	cursor: default;
}

.catClose input 
{
	background: url(../images/buttons/arrow_upOff.png) no-repeat;
}
.catOpen input{
	 background: url(../images/buttons/arrow_downOff.png) no-repeat;
}

.catOpen input:hover, .catClose input:hover
{
	text-decoration:none;
	border:none;
	cursor: pointer;	
}

.catOpen input:hover{
	 background: url(../images/buttons/arrow_downOn.png) no-repeat;  
}
.catClose input:hover{
	 background: url(../images/buttons/arrow_upOn.png) no-repeat;  
}
.catOpen input:active, .catClose input:active
{
	text-decoration:none;
	margin:14px 0 0 131px;
	border:none;
	cursor: pointer;
}
.catOpen input:active{
	background: url(../images/buttons/arrow_downOff.png) no-repeat;	  
}
.catClose input:active{
	background: url(../images/buttons/arrow_upOff.png) no-repeat;	  
}


/* Power Search Box
----------------------------------------------------------------------*/

#searcherGo input{
	width:25px;
	height:22px;
	border:none;
	padding:0;
	margin:0;
	text-decoration:none;
	background: none;
	background: url(../images/frontpage/searcher_buttonOff.png) no-repeat;
	}

#searcherGo input:hover{
	 background: url(../images/frontpage/searcher_buttonOn.png) no-repeat;
	 text-decoration:none;
	  border:none;
	  cursor: pointer;
	  
}
#searcherGo input:active{
	 background: url(../images/frontpage/searcher_buttonOff.png) no-repeat;
	 text-decoration:none;
	  border:none;
	  cursor: pointer;
	  
}

#searcherBox{
	width:100%;
	height:16px;
	border-left:none;
	border-right:none;
	border-bottom: 1px  solid #99ccff;
	border-top: 1px  solid #99ccff;
	font-size: 14px;
	line-height:13px;
	background: url(../images/frontpage/searcher_bkgrd.png) repeat-x; background-color:#FFFFFF;
	text-decoration:none;
}
#searcherBox  input:focus{

	background: url(../images/frontpage/searcher_bkgrd.png) repeat-x; background-color:#FFFFFF;
	text-decoration:none;
}
#searcherBox  input:active{

	background: url(../images/frontpage/searcher_bkgrd.png) repeat-x; background-color:#FFFFFF;
	text-decoration:none;
}
.searcher{
	background: url(../images/frontpage/bkgrd_blue.gif) repeat-x;
	height:35px;
	border-bottom:1px solid #e1e1e1;
}

.searcherBkgrdLeft{
	background:url(../images/frontpage/searcher_left.png) no-repeat;
	height:22px;
	width:30px;
	text-align:right;
}
#advSearchButton input{
	width:122px;
	height:22px;
	border:none;
	padding:0;
	margin:0;
	text-decoration:none;
	background: none;
	background: url(../images/buttons/advancedSearch_off.png) no-repeat;
}

#advSearchButton input:hover{
	 background: url(../images/buttons/advancedSearch_on.png) no-repeat;
	 text-decoration:none;
	  border:none;
	  cursor: pointer;
}
#advSearchButton input:active{
	 background: url(../images/buttons/advancedSearch_off.png) no-repeat;
	 text-decoration:none;
	  border:none;
	  cursor: pointer;  
}




/* Advanced Search Box
----------------------------------------------------------------------*/

.advancedSearch{

visibility:visible;
height:300px;
background:url(../images/bkgrd_lightblue.gif) repeat-x;
padding:12px;

}


/* Power Searcher
----------------------------------------------------------------------*/
.powerSearcher{
position:absolute;
margin:27px 0 0 210px;
width:570px;
height:auto;
z-index:10;
}
.grayVertical {
	background:url(../images/bkgrd_vertGrayLine.gif) repeat-y;
	height:100%;
}


#searcher ul {
	margin: 1px;
	margin-left:130px;
	}
#searcher li a {
	display:block;
	list-style: none;
	margin: 0px;
	padding:1px 5px 1px 5px;
	color:#000000;
	}

#searcher a:hover {
	color:#99999;
	text-decoration:none;
	background: url(../images/bkgrd_lightblue.gif) repeat-x;
	}
	

#searcher .Left{
	width:115px;
	float:left;
	text-align:right;
	padding:1px 5px 1px 5px;
	font-weight:bold;
}

/* Category Chooser
----------------------------------------------------------------------*/
.catChooser{
	position:absolute;
	margin:27px 0 0 210px;
	width:225px;
	height:auto;
	z-index:20;
}
	
#catHover, #autocomplete_choices ul {

	margin: 1px;
	
	}

#autocomplete_choices li {
	display:block;
	list-style: none;
	margin: 0px;
	padding:3px ;
	font-weight:bold;
	 color:#000000;
	
	}

#autocomplete_choices li:hover{
	color:#99999;
	text-decoration:none;
	background: url(../images/bkgrd_lightblue.gif) repeat-x;
	}
	
#catHover li a{
	display:block;
	list-style: none;
	margin: 0px;
	padding:3px ;
	font-weight:bold;
	 color:#000000;
	
	}

#catHover a:hover{
	color:#99999;
	text-decoration:none;
	background: url(../images/bkgrd_lightblue.gif) repeat-x;
	}
	
#catHover, #autocomplete_choices .seperator {
background:url(../images/bkgrd_dottedhorz.gif) right repeat-x;
padding:2px;
}
	
/* Hover Box
----------------------------------------------------------------------*/

.hoverContainer {
	width:100%;
	
}

.hoverContainer .box {
	border:1px #99ccff solid;
	min-height:40px;
	padding:0;
	margin:0;
	background-color: #ffffff;
	
}

.hoverContainer .boxLT {
	background:url(../images/shadowbox/dropShadow_LeftT.png) no-repeat;
	margin:0;
	padding:0;
	width:16px;
	height:27px;
}

.hoverContainer .boxRT {
	background:url(../images/shadowbox/dropShadow_RightT.png) no-repeat;
	margin:0;
	padding:0;
	width:16px;
	height:27px;
}

.hoverContainer .boxLM {
	background: url(../images/shadowbox/dropShadow_left.png) repeat-y; height:auto;
	width:16px;
}

.hoverContainer .boxRM {
	background: url(../images/shadowbox/dropShadow_right.png) repeat-y; height:auto;
	width:16px;
}

.hoverContainer .boxLC {
	background: url(../images/shadowbox/dropShadow_leftC.png) no-repeat;
	margin:0;
	padding:0;
	width:16px;
	height:21px;
}

.hoverContainer .boxRC {
	background: url(../images/shadowbox/dropShadow_rightC.png) no-repeat;
	margin:0;
	padding:0;
	width:16px;
	height:21px;
}

.hoverContainer .boxBottom {
	background: url(../images/shadowbox/dropShadow_bottom.png) repeat-x ; 
	margin:0;
	padding:0;
	height:21px;
}

/* Advanced Basic List
----------------------------------------------------------------------*/
.advancedKeyword{
position: relative;
height: 0px;
width:192px;
left:-15px;
}

.basicList{
	position:absolute;
	margin:26px 0 0 200px;
	width:192px;
	height:auto;
	z-index:20;
}

#basicList ul {

	margin: 1px;
	
	}
#basicList li a{
	display:block;
	list-style: none;
	margin: 0px;
	padding:1px ;
	font-size:10px;
	 color:#000000;
	
	}

#basicList a:hover{
	color:#99999;
	text-decoration:none;
	background: url(../images/bkgrd_lightblue.gif) repeat-x;
	}
	
}
	
/* Hover Box
----------------------------------------------------------------------*/

#hoverContainer {
	width:100%;
	
}

#hoverContainer .box {
	border:1px #99ccff solid;
	min-height:40px;
	padding:0;
	margin:0;
	background-color: #ffffff;
	
}

#hoverContainer .boxLT {
	background:url(../images/shadowbox/dropShadow_LeftT.png) no-repeat;
	margin:0;
	padding:0;
	width:16px;
	height:27px;
}

#hoverContainer .boxRT {
	background:url(../images/shadowbox/dropShadow_RightT.png) no-repeat;
	margin:0;
	padding:0;
	width:16px;
	height:27px;
}

#hoverContainer .boxLM {
	background: url(../images/shadowbox/dropShadow_left.png) repeat-y; height:auto;
	width:16px;
}

#hoverContainer .boxRM {
	background: url(../images/shadowbox/dropShadow_right.png) repeat-y; height:auto;
	width:16px;
}

#hoverContainer .boxLC {
	background: url(../images/shadowbox/dropShadow_leftC.png) no-repeat;
	margin:0;
	padding:0;
	width:16px;
	height:21px;
}

#hoverContainer .boxRC {
	background: url(../images/shadowbox/dropShadow_rightC.png) no-repeat;
	margin:0;
	padding:0;
	width:16px;
	height:21px;
}

#hoverContainer .boxBottom {
	background: url(../images/shadowbox/dropShadow_bottom.png) repeat-x ; 
	margin:0;
	padding:0;
	height:21px;
}

.seperator {
background:url(../images/bkgrd_dottedhorz.gif) right repeat-x;
padding:2px;"
}

/*Category Page 
-------------------------------------------------------------*/

#categoryGroup{
	margin:3px;
	border-bottom:1px dotted #999999;
	
}

#categoryGroup ul {

	margin: 1px;
	
	}
#categoryGroup li a{
	display:block;
	list-style: none;
	margin: 0px 0 0 25px;
	padding:2px ;
	text-decoration:underline;
	color:#333;
	}

#categoryGroup a:hover{
	color:#333;
	text-decoration:none;
	background: url(../images/bkgrd_lightblue.gif) repeat-x;
	}
	



.categoryName {
padding:0px;
margin: 0px;
}


.leftBorder {
border-left:1px dotted #999999;
margin: 0 5px 0 0;
}

.selectBox {text-align:left; width: 350px; position: relative; z-index:100; top:-150px; left:-50px;}

.weight1 { font-size: 1.8em; font-weight:bolder; }
.weight2 { font-size:1.5em; font-weight:bolder; }
.weight3 { font-size: 1.4em; font-weight:bolder; }
.weight4 { font-size: 1.2em; }
.weight5 { font-size: 1.0em; }