/* CSS Document */

/*--- GLOBAL DEFS --------------------------------------------*/


p {
line-height: 150%;
font-family: arial;
color:#666666;
font-size:12px;
}

td {
font-family: arial,helvetica;
color:#666666;
font-size: 12px;
}

.pageTitle {
font-family: trebuchet ms;
color:#333333;
font-size:22px;
text-transform: capitalize;
}

h1 {
font-family: arial;
color:#FFFFFF;
font-size:24px;
}


h2 {
font-family: arial;
color:#666666;
font-size:17px;
font-weight:bold;
margin-bottom: 2px;
padding-bottom: 2px;
line-height: 100%;
} 

h3 {
font-family: arial;
color:#666666;
font-size:14px;
font-weight:bold;
margin-bottom: 5px;
} 

h4 {
font-family: arial;
color:#333333;
font-size:12px;
font-weight:bold;
margin-bottom: 5px;
} 


.subTitle {
line-height: 150%;
font-family: arial;
color:#999999;
font-size:16px;
font-weight:bold;
}


.tiny {
font-size:10px;
}

.hint {
font-size:10px;
color: #999999;
font-family: trebuchet ms;
}

hr.thin {
border: 0px;
background-color: #DDD;
height: 1px;
margin-top: 5px;
margin-bottom: 10px;
padding: 0px;
}

li {
line-height: 150%;
}

ul.featuresList {
margin-left: 10px;
padding-left: 10px;
}

li.featuresList {
line-height: 150%;
font-size:12px;
font-family:arial;
list-style-image: url(/img/bullet_check.gif);
list-style-position: outside;
padding-left: 0px;
padding-bottom: 5px;
}




/*--- TOP LOGIN BAR --------------------------------------------*/

.topBar {
background-color:#eeeeee;
background-image: url(http://www.iseecards.com/images/bg_loginbar.jpg);
background-repeat: repeat-x;
background-position: 0% bottom;
height: 30px;
padding-top:10px;
} 

.loginBar {
font-family:arial;
font-size:13px;
text-align:right;
width:740px;
color: #666666;
} 




/*---- TOP NAVIGATION -------------------------------------------*/


td.topNav {
font-size:13px;
font-weight: bold;
font-family:trebuchet ms;
background-image: url(http://www.iseecards.com/images/bg_topnav.jpg);
background-repeat: repeat-x;
padding-left:3px;
padding-right: 3px;
}



.subNav {
padding:10px;
text-indent: 15px;
font-size:11px;
color:#666666;
font-family:arial;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
text-transform: capitalize;
}

/*---- HOMEPAGE SPLASH IMAGE -------------------------------------------*/

#splash_spot{
	width:740px;
	margin:0 auto;
	}
	#splash_image{
		width:740px;
		height:315px;
		background:url(http://www.iseecards.com/images/splash_homepage.jpg) top left no-repeat;
		margin-bottom:-4px;
		}
		#splash_image h2{
			display:none;
			}
	#splash_more_info{
		width:215px;
		float:right;
		height:115px;
		padding:65px 0 0 0;
		}
		
		a.button_signup{
			width:200px;
			height:65px;
			display:block;
			background:url(http://www.iseecards.com/images/splash_image_button.png) top left no-repeat;
			}
			a.button_signup:hover{
				background:url(http://www.iseecards.com/images/splash_image_button.png) 0 -65px;
			}
			a.button_signup strong{
				display:none;color:#FFF00;
				}
		
		#splash_more_info h3{
			color:#a9a9a9;
			font-family:'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
			line-height:1.6em;
			font-size:17px;
			font-weight:normal;
			margin:0;
			padding:0 0 0 0px;
			}
			#splash_more_info h3 a{
				color:#a9a9a9;
				}



/*---- SIDE NAV -------------------------------------------*/

.sideHeader {
font-size: 15px;
font-family:arial;
font-weight: bold;
color: #999999;
}

ul.sideList {
margin-left: 10px;
padding-left: 10px;
}

li.sideList {
line-height: 150%;
font-size:12px;
font-family:arial;
list-style-image: url(/img/arrow.gif);
list-style-position: outside;
padding-left: 0px;
padding-bottom: 5px;
}


/*---- MISC -------------------------------------------*/

.exampleCode {
background-color:#FFFFCC;
border: 1px dashed #FFCC99;
padding:7px;
margin:3px;
font-size:12px;
font-family: courier new;
}

.examplePlainText {
background-color:#EEEEEE;
border: 1px dashed #666666;
padding:7px;
margin:3px;
font-size:12px;
font-family: courier new;
color: #000000;
}

.errorBox {
padding: 8px;
margin: 0px;
font-family: arial;
color: #FF0000;
font-weight: bold;
font-size: 15px;
line-height:18px;
background-color: #FFFF99;
border: 1px dashed #FFCC00;
}


.errorText {
color: #FF0000;
font-family: trebuchet ms;
font-size:11px;
background-color:#FFFF99;
line-height:125%;
}


ul.checkList {
margin-left: 10px;
padding-left: 10px;
}

li.checkList {
line-height: 150%;
font-size:12px;
font-family:arial;
list-style-image: url(/img/bullet_check.gif);
list-style-position: outside;
padding-left: 0px;
padding-bottom: 5px;
}





/*---- HYPERLINKS -------------------------------------------*/


a {color:#1F72C2; text-decoration: none;}
a:visited {color:#104A8A; text-decoration: none;}
a:hover,a:active {color:#104A8A; text-decoration: underline;}

a.topNav {color:#FFFFFF; text-decoration: none;}
a.topNav:visited {color:#104A8A; text-decoration: none;}
a.topNav:hover,a:active {color:#104A8A; text-decoration: none;}


a.copyright {color:#999; text-decoration:none;}
a.copyright:hover,a:active {color:#104A8A; text-decoration:underline;}
a.copyright:visited {color:#999; text-decoration:none;}

a.footer {color:#666; text-decoration:none;}
a.footer:hover,a:active {color:#104A8A; text-decoration:underline;}
a.footer:visited {color:#666; text-decoration:none;}

a.footer2 {color:#666; text-decoration:none;}
a.footer2:hover,a:active {color:#104A8A; text-decoration:underline;}

a.bold {color:#FFFF00; text-decoration: none;}
a.bold:visited {color:#104A8A; text-decoration: none;}
a.bold:hover,a:active {color:#104A8A; text-decoration: underline;}