﻿/* --------------------------------------------------
CSS Document For The Cashback Express
-------------------------------------------------- */

body {background:white url("images/backround6.jpg") repeat fixed} 
/* image positioning - left, right and center */
.left
{ float: left; 
  padding-right:3px;
  padding-top:0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* CONTAINER */

		#container {
			width: 1040px;
			margin: 0 auto;
			padding:4px;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 75%;
			line-height: 1.6em;
			color: #4e4e4e;
			background-color: #FFFFFF;
			border:2px #949CCE solid;
		}
		
/* GENERAL MOJO AND MULA */
		
		h1 {text-align:center;
			color: #dd44aa;
			font-size: 140%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFFFFF;
			margin-bottom: 0px;
		}
		
		
		h2 {
			color: #6e6e6e;
			font-size:140%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFFFFF;
		}
				
		
				
		h3 {
			color: #6e6e6e;
			font-size:118%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFFFFF;
		}

		h4 {
			color: #6C6C6C;
			font-size: 125%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFFFFF;
		}
		
		h5 {
			color: #666666;
			font-size: 105%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFFFFF;
		}


		
		p{font-size: 127%;
			font-family: Arial, Helvetica, sans-serif;
			color:#575755;
			padding-right:2%;
			padding-left:1%;
			}
p.justify {text-align:justify;
}
		
		a {	color: #0086B3;
			text-decoration: none;	
		}

		a:hover {
			color: #0000cc;	
		}

		
		form {
			font-size: 110%;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
		#disclaimer {
	font-size: 10px;
}

		
/* HEADER ELEMENTS */

		#header {
		width: 990px;
		height:75px;
			border-bottom:#949CCE  
			2px solid;
			padding-top: 5px;
			clear: both;
			margin-bottom: 15px;
			background-color: #FFFFFF;
		}
		

		/* the top bit */
				
		#logo {
			float:left;
			}
			
			#logo img {border: 0px #CCCCCC groove;}

#feature_boxshopbanner {
  float:right;
  margin-top:2px;
  background-color: #ffffff;
  ;
   
 }
  
 #feature_boxshopbanner img {border: 0px;}

/* NAVIGATION ELEMENTS */
	
		/* sidebars */
.sidebar
{ float: left;
  width: 190px;
  border-right:1px silver solid;
  padding: 0px 0px 0px 0px;
}

#adside {width:160px;
display: block;
  text-align: center;
  margin: 0 auto;
		background-color: #FFFFFF;
		border:1px #C0C0C0 solid;
		padding: 3px;}
				
		#adside a {margin: 0px 0px 4px 0px;
  padding: 10px 0px 0px 0px;
}

#adsidefb {width:200px;
display: block;
  text-align: center;
  margin: 0 auto;
		background-color: #FFFFFF;
		border:1px #C0C0C0 solid;
		padding: 2px;}
				

/* sidebar items / links */
.sidebaritem
{ text-align:left;
  width: 190px;
  float: left;
  margin: 0px 0px 4px 0px;
  padding: 10px 0px 0px 0px;
  }

.sidebaritem h2, .sidebaritem h3, .sidebaritem p{margin: 0px 5px 0px 5px}

.sidebaritem h3
{ font-weight:700; padding: 0px 0px 10px 0px;
  
}

.sidebaritem p
{ line-height: 16px; 
display: inline-block;
font-weight:300;
  padding: 2px 0px 5px 0px;
  background-color: white; 
  border-bottom:0px #949CCE solid;
  border-top:0px #949CCE solid;
  border-left:0px #949CCE solid;
  border-right:0px #949CCE solid;

}

.sidebaritem a 
{padding: 0px 0px 2px 1px;
color:#0174df;
  text-decoration: none;
 
}

.sidebaritem a:hover
{ padding: 0px 0px 2px 2px;
  text-decoration: none;
  color: #cc00cc;
}

.sidebaritem h3 {color:#cc00cc;}

.sbilinks ul{margin: 0px 0px 10px 10px;}

.sbilinks li
{ list-style: none; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
}

.sbilinks li a, .sbilinks li a:hover
{ height: 16px;
  text-decoration: none; 
  width: 149px;
} 
	

/* CONTENT ELEMENTS */

		#content {
			width: 620px;
			margin-left: 200px;
			margin-right: 180px;
		}
		
		#content p {padding-top:2px;
			padding-bottom: 7px;
			text-align:justify;
			border-bottom: 1px #dbdcdc solid; /* A faint grey line below the text */
		}
				
				
		#content ul {
		margin-left: 16px;
		list-style-type: circle;
			}
			
			#content ul li{font-size: small ;
			 font-family: Arial, Helvetica, sans-serif; 
			 padding-bottom: 3px;}
			 
			 #content img {padding:0px ;border:0px;
			 float:left;}
			 
			 #content h2 {color:#585858;
			 text-align: left;
			 padding-bottom:1%;}
			 
			 #content .flag img {padding-right:2px ;border:0px;float:none;}
			 
			 #content .right img {float:right;
			 padding-bottom:2%;padding-top:2%;}
			 
			 #content .newwindow img {padding:0px ;border:0px;
			 float: none;}
			 
			 .center { margin-left: 2%;}
			
			#content p.nobottomline {border-bottom: none;
			margin-bottom:-1px;}
			
			.righttext { float: right;
			}
			
/* individual site reviews */
#review {width: 800px;
	margin-left: 200px;
		}
		
		#review p {padding-top:2px;
			padding-bottom: 7px;
			text-align:justify;
		}
		
		#review p.bottomline {border-bottom: 1px #dbdcdc solid; /* A faint grey line below the text */
			margin-bottom:-1px;}
		
		#review ul{font-family: Arial, Helvetica, sans-serif;
		font-size:120%;}
		
		#review ul.link {list-style: url("images/bullet_blue.png");}
		
		#review ul li {padding-bottom:2%;}
		
		#review ul.plus {list-style: url("images/plus.png");
		}
		#review ul.minus {list-style: url("images/minus.png");
		}	
		 #review h2 {text-align:center; color:purple;}
		 #review h3 {color:#a3a3a3;
		 font-size:140%;}
		  
		 #left {float:left;
		 width:48%;
		 padding-right:1%;
		 padding-left:3%;
		 border-right:0px solid black;}
		 
		 #right{float:right;
		 width:48%;
		 }
		 
/* blog comments styling */
		 

#contact-area {
	width: 750px;
	margin-top: 25px;
	font-size:105%;
}
#contact-area textarea {
	padding: 5px;
	width: 425px;
	font-family: Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #ccc;
}
#contact-area input{
	padding: 5px;
	padding-bottom:7px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ccc;
}

#contact-area .submit-button{
	width: 50%;
	border: 3px solid #eee;
	float: none;
	margin-left:107px;
}

td.left {
	text-align: left;
	font-size: 100%;
}

/* end blog comments styling */

.moderate {
	font-size: 80%;
}

		#blank {
		height:100%;}

/* end of individual site reviews */
					
	 		#bestcashback {width:605px;
		background-color: #FFFFFF;
		border:1px #797979 solid;
		padding: 3px;}
		
		#bestcashback p {border-bottom: 0px;
		padding-right:1%;
		padding-left:1%;}
		
		#bestcashback h4 {
		background-color: #F4F4F4
		;color:#949CCE;
		margin-top: 0;
		text-align: center;}

#bestcashback img {padding-right:5px;
padding-top: 2px;}


		#newcashback {width:605px;
		background-color: #FFFFFF;
		border:1px #808000 solid;
		padding: 3px;}
		
		#newcashback p {border-bottom: 0px;
		padding-right:1%;
		padding-left:1%;}
		
		#newcashback h4 {
		background-color: #F0F3FB
		;color: #6086D7;
		margin-top: 0;
		text-align: center;}
		
		#newcashback img {padding-right:5px;padding-top: 2px;}
		
		#ad {width:605px;
		background-color: #FFFFFF;
		border:1px #C0C0C0 solid;
		padding: 3px;}
		
		#ad p {border-bottom: 0px;
		padding-right:1%;
		padding-left:1%;}
		
		#ad img {padding-right:2px;
		padding-top: 3px;}
		
		#ad h6 {
		background-color: #FFFFFF
		;color: #CCCCCC;
		font-style:italic;}
		
		#guide p {border-bottom: 0px;}

#bingocashback {width:605px;
		background-color: #FFFFFF;
		border:1px #FAB1F0 solid;
		padding: 2px;}
		
		#bingocashback p {border-bottom: 0px;
		padding-right:1%;
		padding-left:1%;
		margin-top:0;}
		
		#bingocashback a {color: #FF66CC;
		}
		#bingocashback h4 {
		background-color: #FFFFFF
		;color:#ff66bb;
		margin-top: 0;
		text-align: center;}
		
		#bingocashback img {padding-right:5px;padding-top: 2px;}
	/*  bingo to bongo */
	#bongocashback {width:605px;
		background-color: #ffffff;
		border:1px #d3dbff solid;
		padding: 2px;}
		
		#bongocashback p {border-bottom: 0px;
		padding-right:1%;
		padding-left:1%;
		margin-top:0;}
		
		#bongocashback a {color: #0099cc;
		}
		#bongocashback h4 {
		background-color: #FFFFFF
		;color:#0099cc;
		margin-top: 0;
		text-align: center;}
		
		#bongocashback img {padding-right:5px;padding-top: 2px;}
		
	/* bongo to blue */
	#bluecashback {width:605px;
		background-color: #ffffff;
		border:1px #a8aaee solid;
		padding: 2px;}
		
		#bluecashback p {border-bottom: 0px;
		padding-right:1%;
		padding-left:1%;
		margin-top:0;}
		
		#bluecashback a {color: #3366cc;
		}
		#bluecashback h4 {
		background-color: #ffffff
		;color:#3366cc;
		margin-top: 0;
		text-align: center;}
		
		#bluecashback img {padding-right:5px;padding-top: 2px;}
		
	
			 #putocashback {width:605px;
		background-color: #FFFFFF;
		border:1px #9393FF solid;
		padding: 3px;}
		
		#putocashback p {border-bottom: 0px;
		padding-right:1%;
		padding-left:1%;}
		
		#putocashback h4 {
		background-color: #F2F2FF
		;color: #9F9F9F;}
		
		
#putocashback img {padding-right:5px;
padding-top: 2px;}

		
		#nocashback {width:605px;
		background-color: #FFFFFF;
		border:1px #9393FF solid;
		padding: 3px;}
		
		#nocashback p {border-bottom: 0px;
		padding-right:1%;
		padding-left:1%;}
		
		#nocashback h4 {
		background-color: #DADADA
		;color: #7A7A7A;}
		
#nocashback img {padding-right:5px;
padding-top: 2px;}

			 #tinyimg {float:left;
			 padding-right:4px;			
		}
		#tinyimg1 {float:left;
			 padding-right:3%;
			 padding-bottom:2%;
		}
	
		
		#imgspace img{padding-right:7px;
		padding-bottom:5px;}
		
		#innercontainer {
			width: 100%;
			padding-bottom:25%;
		}
		.leftside {float: left;
		width:50%;}
		.rightside {float: right;
		width: 50%;}
		

 #horizontalclear {float: left;
  width:267px;
  background-color: #ffffff;
  border:0px;
  padding:1px;
  margin-top:2px;
  margin-bottom:5px;
  margin-left:10px;

 }
 


/* SIDEBAR ELEMENTS */

		#sidebarright {
			float:right; width:210px;
			border-left:1px silver solid;
			padding-left:7px}
			
		#sidebarright h2 {font-size:14px}	
#sidebarright h3 {font-size:130%}

.sidebar1 p {
			padding:0 0 1em 0;
			border-bottom: 1px solid #DDDDDD;
		}

.sidebar1 h5 {font-size:120%; }

.sidebar1 img {
	border:0px;}

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 10px;
			clear: both;
			background-color: #FFFFFF;
			padding: 0px 2px 0px 2px;
		}
		
		#footer p { text-align:center; color:#949CCE;padding:4px; 
		}
		
		#footer p a {
			color: #C0C0C0;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}
	
