/*******************************************************************************
*  Title: Swapaholic 
*  Version: 1.0
*  Author: Emily Hosking

*  Copyright 2006-2009 Emily Hosking
********************************************************************************/

@charset "utf-8";

body { font-family: verdana,arial,helvetica,sans-serif;	   
       margin: 0;
	   padding: 0; 
	   font-size: 10px; 
	   color: #4A4A4A; }  	
	   
h2 { font-size:18px; 
	 font-weight:bold; }	   
	   
h3 { font-size:16px; }	

h4 { font-size:12px; }     
	   
div#container-page { background-color: #F7F3F3; }	   

div#container-title { 	height: 90px;
		 				background-color:#F7F3F3;
		 				text-align:center; }          
	   
div#title { width: 970px;
			margin: 0 auto; }
			
div#container-loginbar { height: 20px;
		 				 background-image: url(images/teal.jpg); }  			

div#loginbar { color: white;
			   width: 970px;
			   margin: 0 auto;
			   padding:2px 0 }

div#main { width: 970px;
		   margin:10px auto;
		   }



div#leftmenu { float:left;
		    	width: 165px;   	    	
    	    	font-size:17px;
    	    	color:white;
    	    	padding:0 9px 7px 9px; 
    	    	
    	    	}
#content {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    float:left;		      		  
    width:605px;    		  
    min-height:580px;     

}

#content .shadow2,
#content .shadow3,
#content .container {
    position: relative;
    left: -1px;
    top: -1px;
    zoom:1;
}

    #content .shadow1 {
        background: #EDEBED;
    }

    #content .shadow2 {
        background: #C8C8C8;
    }

    #content .shadow3 {
        background: #8D858D;
    }

    #content .container {
        background: #ffffff;
        border-left: 1px solid #D4D4D4;
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #4A4A4A;
        border-right: 1px solid #4A4A4A;
        padding: 15px;
    }
    		 		
			  
div#rightmenu {  float:left;
				 width:170px;
    	   		 text-align:center;
    		  	 padding-top:0px; 
    		  	 padding-left:6px; } 
   	    	    	   
    	   		 
div#container-footer { clear:both;
					   width:100%;  
					   background-image: url(images/teal.jpg); 
					   text-align:center;}    	   		 

div#footer { color:white;
         	 font-size: 10px;
			 padding:5px;
			  width: 970px;
			margin: 0 auto;
			text-align:center;
				}
				
#logo {	position: relative; 
		top:10px;			 
		left:140px; }
		
#titletext { position: relative; 
			 top:-10px;			 
			 left:20px;
			  }			
				
#titlepic {	position: relative; 
			top:10px;			 
			left:-130px; }							
												 	   
.menubox {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    padding-bottom:7px;    
}

.menubox .shadow2,
.menubox .shadow3,
.menubox .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    .menubox .shadow1 {
        background: #EDEBED;
    }

    .menubox .shadow2 {
        background: #C8C8C8;
    }

    .menubox .shadow3 {
        background: #8D858D;
    }

    .menubox .container {
        background: #ffffff;
        border-left: 1px solid #D4D4D4;
          border-bottom: 1px solid #4A4A4A;
           border-right: 1px solid #4A4A4A;
    }			 	
			 	
			   
div.menubox_title { background-image: url(images/black.jpg); 
					padding:3px 0 3px 15px; 
					color:white;}
					
div.menubox_content { font-size:10px; 
						background-color:white;
						border-bottom: 1px solid #E8E7E2; 
						}	 

div.menubox_search { font-size:10px; 
						background-color:white; 
						border-bottom: 1px solid #E8E7E2; 
						text-align:center;
						}	
					  
a:link.menutext { color: white;
			 text-decoration: none; 
			 font-size: 14px; 
			 font-weight:bold;
			 }	
a:hover.menutext { color: white;
					text-decoration: none;
					font-size: 14px;
					font-weight:bold;}	
a:visited.menutext { color: white;
					 text-decoration: none;
					 font-size: 14px;
					 font-weight:bold;}	
							  
a:link{ color: #004080; }
a:visited{ color: #004080; } 
   
a:link{ color: #004080; }
a:visited.head { color: #004080; } 

table { font-size: 10px; }

table.menu { background-color:white;
			font-size: 17px;  
			border-style: solid; 
			border-color: black; 
			border-width: 1px;}

         
input#searchtext { margin-bottom:4px;
				   width: 140px; 
				   border-style: solid; 
				   border-color: black; 
				   border-width: 1px; }				
				     
select#searchselect {width: 93px;}
				   				 				 
input#searchbutton {  width: 47px; }
					 
div#loginlinkdiv { width:958px;
				   text-align:right; }   
	
div#loginusernamediv { color: white;
			 			width:600px;
			 			padding-left:10px;
			 			font-size: 12px;
			 			float:left; }			 			
			 			
a#loginlink { color: white;
              font-size: 12px; } 
              
div#logoutlinkdiv { float:left;
				   padding-right:10px;
				 width:345px;
				 text-align:right;}              
              
a:hover#loginlink { font-weight: bold; } 
               
a.menu { color: #4A4A4A; 
		 text-decoration: none; 
		 display:block;
		 padding:4px;
		 padding-left:16px; }
		 
a:hover.menu { font-weight: bold; 
			   background-color:#DE4957; 
			   color: white; } 
			   

a.menutitle { color: white; }
a:hover.menutitle { font-weight: bold; } 
a:visited.menutitle { color:white; }

a.profilemenu { color: #4A4A4A; }
a:hover.profilemenu { font-weight: bold; } 
a:visited.profilemenu { color:#4A4A4A; }

a.profilemenuselected { color:#4A4A4A;}
a:hover.profilemenuselected { font-weight: bold;}
a:visited.profilemenuselected { color:#4A4A4A; font-weight: bold; text-decoration:none;}

a.highlight { font-weight:bold; }
a:hover.highlight { font-weight:bold; } 
a:visited.highlight { font-weight:bold; }

a:link.nohighlight{ font-weight:normal; }
a:visited.nohighlight{ font-weight:normal; } 


ul.menu { font-size: 10px;
          list-style-type: none; }   

			
div#items { margin-right: 160px; 
 			border-style: double; 
		       border-color: gray;}

div#feedback { position: absolute;
			   right:15px;
		       top: 168px;
			   width: 150px; 
			   text-align:center;
			   padding:10px;
			   border-style: double; 
		       border-color: gray; }          
		       
table.profile { border-style: solid; 
             	border-color: black; 
             	border-width: 1px; }
             	
td.profile { height: 25px;
			 background-color: #76CDC4;
             text-align: center;
             color: white; }
             
td.myswaps { height: 25px;
		   font-weight:bold;
		   border: 1px solid black;
		   background-color: #76CDC4;
		   text-align: center;
		   color: black; }         
             
td.books { height: 25px;
		   font-weight:bold;
		   border: 1px solid black;
		   background-color: #76CDC4;
		   text-align: center;
		   color: black; }
             
td.cds { height: 25px;
		 font-weight:bold;
		 border: 1px solid black;
		 background-color: #76CDC4;
         text-align: center;
         color: black; }
                          	           	
td.dvds { height: 25px;
		  font-weight:bold;
		  border: 1px solid black;
		  background-color: #76CDC4;
          text-align: center;
          color: black; }
             
td.games { height: 25px;
		   font-weight:bold;
		   border: 1px solid black;
		   background-color: #76CDC4;
           text-align: center;
           color: black; }
 		   		   		   

tr.good { color:green; }
tr.ok { color:orange; }
tr.bad { color:#DE4957; }
p.notwilling { color:blue;
		   font-style:italic; }

td.heading { height: 25px;
		   font-weight:bold;
		   border: 1px solid black;
		   background-color: #76CDC4;
		   text-align: center;
		   color: black;
		   padding:0; }


td.profileheading { font-size: 17px; 
					font-weight: bold;
					background-color: white;
					border:1px black solid; }
				
input {font-family: verdana,arial,helvetica,sans-serif;
	   font-size: 10px;}
select {font-family: verdana,arial,helvetica,sans-serif;
		font-size: 10px;}
textarea {font-family: verdana,arial,helvetica,sans-serif;
		  font-size: 10px;}
		
textarea.register { height:54px;
	      		    width:190px;}
	      		    
textarea.comment { height:40px;
	      		    width:250px;}
	      		    
h1.pagetitle { background-color: white; 
			   color: #DE4957;
			   text-align:center; 
			   font-size:16px;
			   padding:2px;
			   margin:0 0 8px 0 }
			   
a#itemdetails { color:navy; }   

.faq { font-size:12px; 
	   font-weight:bold; } 
	   
.itempics {border-style: solid; 
			border-color: black; 
			border-width: 1px;	}   
			
a.itempics:hover { background-image: url("logo.jpg"); }
			
			
.myprofilewhitemenu {border-width: 1px; 
					 border-style:solid; 
					 border-color:black; 
					 background-color:white; }
			
.myprofilemainbox	{ border-style:solid; 
				 	  border-color:black; 
				  	  border-width:1px;  
 }
				  	  
span.asterisks { color:#DE4957; }

span.error { color:#DE4957;
			 font-weight:bold; }	
			 
span.highlight { font-weight:bold; }	
					 
span.nohighlight { font-weight:normal; }	

span.highlightdetails { color:#004080;
						font-weight:bold; }		 			

span.mustcomplete {color:#DE4957; }  	

span.updated { color:blue;
			   font-weight:bold; }	
			   
span.detailstitle { font-size:18px;
			   		font-weight:normal; }	
			   		
span.methodhighlight { color:blue;
					   font-weight:bold; }			   					   		   
			   
.gen1 { background-color:#E2F6F3; }
.gen2 { background-color:#F7FDFC; }
			   
.book1 { background-color:#E2F6F3; }
.book2 { background-color:#F7FDFC; }	

.cd1 { background-color:#E2F6F3; }
.cd2 { background-color:#F7FDFC; }		

.dvd1 { background-color:#E2F6F3; }
.dvd2 { background-color:#F7FDFC; }		

.game1 { background-color:#E2F6F3; }
.game2 { background-color:#F7FDFC; }			   

img.floatLeft { 
    float: left; 
    margin: 9px; 
    border-style:none;
}
img.floatRight { 
    float: right; 
    margin: 9px; 
    border-style:none;
}

.viewall { font-size:12px; 
		   font-weight:bold; }

.profile_view {	float:right;
				font-size:13px; 
				font-weight:bold; 
				color:black; 
				background-color:#DDD9D9;
				border:1px solid black; 
				padding:4px; }

a.searchAgain {	font-size:13px; 
				font-weight:bold; 
				color:black;
				background-color:#DDD9D9;
				border:1px solid black; 
				padding:2px 4px; }

.guide1 { font-size:17px; }
.guide2 { font-size:12px; }


			 
.holiday {	background-color:silver; 
			font-weight:bold; 
			font-size:15px; 
			color:#DE4957; 
			padding:2px; 
			border:2px dotted black; }
			
.guide { font-size:12px; }
	
				
.guidemenu { background-color:#F1F1F1; 
			 padding:2px;}