/* general formatting*/ 


body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #555; background-color: #eee; }
	 
a {
	color: #CC3300;
	text-decoration: none;
	}
a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC3300;
}

img {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	}

form {
	margin:0px;padding:0px
	}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2em;
	color: #333333;
	margin-bottom: 15px;
	}
h2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	color: #333333;
	margin-top: 4px;
	margin-bottom: 3px;
	}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-top: 5px;
	}
h4 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 23px;
	color: #333333;
	margin-top: 2px;
	margin-bottom: 7px;
	padding-top: 2px;
	}
h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	color: #333333;
	margin-top: 2px;
	margin-bottom: 9px;
	padding-top: 6px;
	}
h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	color: #333333;
	margin-top: 2px;
	margin-bottom: 7px;
	padding-top: 2px;
	}


.sep { background-image: url(http://www.ecardsystems.com/images/border2.gif); background-repeat: repeat-x; height:2px; }

.red {
	color: #CC3300
	}
	
.morelink {
	margin-top:8px
	}
.morelink a {
	color: #BD2600;
	font-weight:normal;
	text-decoration:none;
	}
.morelink a:hover {
	}

.arrow {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	}
	
/* end general formatting */ 



 
/* page layout */ 
.page { background-image: url(http://www.ecardsystems.com/images/blueback.gif) !important; background-repeat: repeat-y; width: 789px; padding:0; margin:0 auto; voice-family: "\"}\""; /* these two lines hide...     */
	voice-family: inherit; /* ...the next line from ie5 pc */
	}

.page { margin:0 auto; }

#maincontainer { background-image: url(http://www.ecardsystems.com/images/whiteback.gif); background-repeat: repeat-y; background-position: center; height: 100%; overflow: hidden; padding: 0 0 0 10px; }

/* Hidden from Mac IE5 \*/
#maincontainer {overflow: visible;}
/* stop hiding from Mac IE5 */
	

#pageleft {
	float: left;
	width:167px;
	padding-top:1px;
	}

#pageright {
	float: right;
	width:596px;
	}

#footer {
	padding: 0 20px;
	clear:both;
	background:#bcc9e2 url(http://www.ecardsystems.com/images/blueback.gif) repeat-y -9px 50%;
	voice-family: "\"}\""; /* these two lines hide...     */
	voice-family: inherit; /* ...the next line from ie5 pc */
}

#footer { background:#bcc9e2 url(http://www.ecardsystems.com/images/blueback.gif) repeat-y -11px 50%; width:730px; border-top: 1px solid #a5c3db; }

/* end page layout */ 




/* header */ 

#pageheader {
	padding: 0 0 8px 10px;
	overflow:hidden;
	height:86px;
	}
/* Hidden from Mac IE5 \*/
#pageheader {height:86px;}
/* stop hiding from Mac IE5 */

#topnavarea { background-image: url(http://www.ecardsystems.com/images/border.gif); background-position: left bottom; background-repeat: repeat-x; padding-right:20px; _border-bottom-width: 1px; _border-bottom-style: solid; _border-bottom-color: #FFFFFF; width: 735px; }	 
/* Hidden from Mac IE5 \*/
#topnavarea { width: 770px; }
/* stop hiding from Mac IE5 */

.toptable {
	width: 460px;
	}

#logo {
	width:324px;background-image: url(http://www.ecardsystems.com/images/border.gif);
    background-position: bottom left;
	background-repeat: repeat-x;
	}

/* Hidden from Mac IE5 \*/
#logo {width:200px;background-image: url(http://www.ecardsystems.com/images/border.gif);
    background-position: bottom left;
	background-repeat: repeat-x;}
/* stop hiding from Mac IE5 */

#logo img {
	margin-left:12;margin-top:-10;
	voice-family: "\"}\""; /* these two lines hide...     */
	voice-family: inherit; /* ...the next line from ie5 pc */
	}
#logo img {
	margin-left:0;margin-bottom:0;
	}


#logo a {
	position:relative;
	left:0px;
	top:-3px;
	margin-left:14px;
	border-bottom-style: none;
	}


/* Holiday Alert*/ 

#pageheader iframe {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin: 0px;
	overflow: hidden;
	height: 82px;
	_height: 84px;
	width: 450px;
	}
/* Hidden from Mac IE5 \*/
#pageheader iframe {width: 450px;}
/* stop hiding from Mac IE5 */
	
#datealert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #61676B;
	text-align: center;
	padding-top: 6px;
	padding-right: 8px;
	padding-left: 2px;
	}

#datealert h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 13px;
	margin-top: -2px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #262626;
	}
#datealert h5 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	line-height: 13px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #262626;
	}

#datealert a {
	color: #CC3300;
	text-decoration: none;
	}

#datealert a:hover {
	}

#datealert select {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	}

#selectrow {
	margin-bottom:8px
	}
.form {
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #333333;
	margin: 2px;
	}

/* end Holiday Alert*/ 

/* top navigation*/ 


/* Tabs */ 

#topnav {
	font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;line-height: auto;font-size: 14px;margin-top: 21px;
	}
#topnav ul, #topnav li {
	list-style-type: none;display: inline;
	}
#topnav li { background-image: url(http://www.ecardsystems.com/images/left2.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin:0; padding:8px 0 5px 1px; }
/* Hidden from Mac IE5 \*/
	#topnav li {padding:8px 0px 5px 8px;}
/* stop hiding from Mac IE5 */
#topnav li {
	_padding-top:0px;
	_padding-bottom:0px;
	}

#topnav a { padding:8px 12px 5px 14px; text-decoration:none; color:#999999; background-image: url(http://www.ecardsystems.com/images/right2.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; }
/* Hidden from Mac IE5 \*/
	#topnav a {padding:8px 12px 5px 6px;}
/* stop hiding from Mac IE5 */

#topnav a:hover {
	color:#333;
	}
#topnav #current {
	background-image:url(http://www.ecardsystems.com/images/left_on.gif);background-repeat: no-repeat;background-position: left top;border-width:0;padding-bottom:8px;_padding-bottom:10px;
	}
#topnav #current a {
	background-image:url(http://www.ecardsystems.com/images/right_on.gif);background-repeat: no-repeat;background-position: right top;color:#333;padding-bottom:8px;
	}

/* end Tabs */ 
/* end header */ 



/* left column */

.leftbuttons {
	padding: 6px 0px 15px 10px;
	}
.greenbutton a  { color: #336600; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 3em; text-decoration: none; background-image: url(http://www.ecardsystems.com/images/button_green.gif); background-repeat: no-repeat; text-align: center; white-space: nowrap; display: block; width: 167px; height: 40px; vertical-align: middle  }
.greenbutton a:hover {
	color: #333333;
	font-weight: normal;
	border-bottom: none;
	}
.bluebutton a  { color: #336699; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 3em; text-decoration: none; background-image: url(http://www.ecardsystems.com/images/button_blue.gif); background-repeat: no-repeat; text-align: center; white-space: nowrap; display: block; width: 167px; height: 40px }
.bluebutton a:hover {
	color: #333333;
	font-weight: normal;
	border-bottom-style: none;
	}
.orangebutton a  { color: #cc3300; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 3em; text-decoration: none; background-image: url(http://www.ecardsystems.com/images/button_orange.gif); background-repeat: no-repeat; text-align: center; white-space: nowrap; display: block; width: 167px; height: 40px; vertical-align: middle }
.orangebutton a:hover {
	color: #333333;
	font-weight: normal;
	border-bottom-style: none;
	}

/* left navigation */

#leftnavheader  { color: #ffffff; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; background-image: url(http://www.ecardsystems.com/images/band_drkgrey.jpg); background-repeat: repeat-x; margin-bottom: 6px; padding-top: 4px; padding-left: 16px; width: 167px; height: 27px; voice-family: inherit }

.naviheads {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #61676B;
	font-weight:bold;
	margin-top: 0px;
	}

#navi {
	margin-left:17px;
	margin-bottom: 14px;
	}
#navi ul {
	margin:2px 0px;
	padding:0px;
/*	list-style-position: inside;
	display: inline;*/
	}
#navi li {
	line-height:20px;
	list-style-type: none;
	display: block;
	_margin-left: -10px;
	list-style-position: inside;
	_text-indent: -8px;
	text-indent: 8px;
	}
#navi a {
	color:#666666;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#navi a:hover { color: #333; border-bottom: 1px dotted #333333; }
#navi .sep {
	margin-top:10px;
	_margin-bottom:-6px;
	margin-bottom: 12px;
	}

/* left sub-page navigation */

#subleft {
	margin-top:3px;width: 164px;margin-left:18px;
	voice-family: "\"}\""; /* these two lines hide...     */
	voice-family: inherit; /* ...the next line from ie5 pc */
	}
#subleft {
	margin-top:3px;width: 182px;margin-left:0px;
	}

#subleft a {
	margin-top:3px;
	font:14px/24px georgia, Serif;
	text-decoration:none;
	color:#666666;
	margin-left:16px;
	}

#subleft a:hover {
	color: #333333;
	border-bottom-style: none;
	}
           
#subleft .sep {
	margin-top:3px;
	margin-bottom:1px;
	_margin-bottom:-12px;
	}

#subpageleft {
	float: left;
	width:167px;
	padding-top:1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
	}
	
/* end left sub-page navigation */
/* end left column */



/* right column */

/* home page */

#photobox  { background-image: url(http://www.ecardsystems.com/images/photoback.jpg); background-repeat: no-repeat; background-position: -1px 0; padding-top: 21px; padding-left: 20px; width: 590px; height: 256px; voice-family: inherit }
#photobox {
	height: 235px;width:570px;
	}

#homephoto  { background-color: #eee; background-image: url(http://www.ecardsystems.com/eCardSystems/images2/LaBouCard2.jpg); background-repeat: no-repeat; width: 273px; height: 221px }


#homespotlight {
	height: 219px;
	background-color: #f4f1d0;
	width: 246px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 17px;
	padding-left: 8px;
	padding-right: 8px;
	color: #4E555A;font-weight:bold
	}
#homespotlight .sep {
	margin-top:8px;margin-bottom:14px;_margin-bottom:0px;
	}
/* end home page */

/* content area */

.content { color: #555; padding: 0 30px 10px 8px; }

.copy {
	padding-left: 20px;
	padding-top: 10px;
	width: 530px;
}

/* end content area */

/* colored boxes */

.boxes {
	padding-top: 10px;
	padding-bottom: 20px;
   }
.box {
	height: 177px;width:177px;
	background-image: url(http://www.ecardsystems.com/images/boxback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 4px 4px 4px
	}
.tanband {
	background-image: url(http://www.ecardsystems.com/images/band_tan.gif);
	background-repeat: repeat-x;
	background-position: 0px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	color: #666666;
	line-height: 15px;
	padding-right: 10px;
	}
.tanband ul {
	margin: 0; 
	padding: 0;
	line-height:14px;
	list-style-type: none;
	}
.blueband {
	background-image: url(http://www.ecardsystems.com/images/band_blue.gif);
	background-repeat: repeat-x;
	background-position: 0px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	color: #666666;
	line-height: 15px;
	padding-right: 8px;
	}
.greenband {
	background-image: url(http://www.ecardsystems.com/images/band_green.gif);
	background-repeat: repeat-x;
	background-position: 0px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	color: #666666;
	line-height: 15px;
	padding-right: 8px;
	}
	
#occasionhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BD2600;
	font-weight:bold;
	}
	
/* end colored boxes */

/* tables for the right column */

.righttable {
	font-size: 10px;
	float: right;
	clear: both;
	margin-right: 6px;
	border-left: 1px dotted #999999;
	}			 
.righttable td {
	padding: 0px 0px 0px 3px;
	}

/* tables for the right column */

/* sub-page content area */

#submaincontainer {
	background-image: url(http://www.ecardsystems.com/images/greyback_sub.gif);
	background-repeat: repeat-y;
	background-position: center;
	height: 100%;
	/*overflow:hidden;*/
	padding: 0px 0px 0px 10px;
}

#subpageright {
	float: right;
	width:595px;
	position: relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDDDDD;
}

.subgreysep {
	width: 530px;
	position: relative;
	background-image: url(http://www.ecardsystems.com/images/border2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 0px;
	_margin-bottom:0px;
}

.subbox {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 0px;
}

/* sub-page content area */
/* end right column */




/* footer */


#bottomlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4E555A;
	line-height: 18px;
	padding: 10px 0px 10px 166px;
}

#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #878787;
	line-height: 18px;
    padding: 10px 0px 10px 166px;
}
#copyright a {
	color: #666666;
	text-decoration: none;		
}
#copyright a:hover {
	color: #666666;
	text-decoration: underline;
	border-bottom-style: none;
}
.greysep {
	_margin-bottom:0px;
	width: 550px;
	position: relative;
	left: 4px;
	background-image: url(http://www.ecardsystems.com/images/border2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: -20px;
}
.bluesep {
	_margin-bottom:0px;
	width: 585px;
	position: relative;
	left: 165px;
	background-image: url(http://www.ecardsystems.com/images/border.gif);
	background-repeat: repeat-x;
	background-position: center;
}
#bottomlinks a {
	color: #666666;
	text-decoration: none;
}
#bottomlinks a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}

/* end footer */