/* HANDHELD CSS style sheet for Seascape Gift Baskets Web site.
   Created Jan 25, 2008 by Katherine Lock, KTML Pages.
*/

/*** Set all containers to 0 ***/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	margin: 20px 0 0 0;
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
width: 700px;
}

/*** for developing and test purposes only ***/
/*
div{
	margin:0;
	padding:0;
	outline:1px solid #F00;
}
#temp{
	clear: both;
}
*/
/*** for developing and test purposes only ***/

#wrapper{
	margin: 0 auto;
	width: 700px;
	text-align: left;
}

/***** start of page header image and mainMenu bar *****/
#header{
	margin: 0;
	height: 142px;
/*	background-color: #0F2556;*/
	color: #FFFFFF;
}
#header h1{
	background-color: transparent;
	color: #FFFFFF;
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
}

#header h1.first{
	font: bold italic 230% "Times New Roman", serif;
}

#header h1.second{
	font: bold normal 215% "Times New Roman", serif;
}

p{
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 5px 0;
	text-align: left;
}
table td { font-size: 11px;}
h1{
	font: 200% "Times New Roman", serif;
	background-color: transparent;
	color: #023263;
	text-align: center;
}

h2{
	font: bold 165% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: transparent;
	color: #0F2556;
}

h3{
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0.5em 0 0.5em 0;
	background-color: transparent;
	color: #003399; /* blue is default color for h2 elements */
}

h4{
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0.25em 0 0.25em 0;
	background-color: transparent;
	color: #003399;
}

h5{
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0.5em 0 0.5em 0;
}

h6{
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0 0 0.1em 0;
}

#main img{
	border: none;
}


/*** start main page definitions ***/
#dates{
	width: 100%;
	clear: both;
	background-color: transparent;
	color: #003399;
}

#dates h4{
	padding: 0;
}


/*** class definitions ***/
/** table formattting **/
td.td1, td.td1 a{
	background-color: #003366;
	color: #FFFFFF;
}

td.contactinfo {
	text-align: right;
	font-size: 13px;
}

td.centered {
	text-align: center;
	font-size: 13px;
}

td.left {
	width: 35%;
	vertical-align: top;
	text-align: right;
	border: 1px solid #000000;
	padding-right: 20px;
	font-size: 18px;
	font-weight: bold;
}

td.right {
	width: 65%;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
}

td.smallRight {
	width: 65%;
	vertical-align: middle;
	text-align: left;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
}

/* ================ LOCAL DELIVERY NOTICE ================ */

td.invoice {
	text-align: left;
	padding-left: 20px;
	font-size: 16px;
}

td.deliveryDate {
	text-align: right;
	padding-right: 20px;
	font-size: 16px;
}

td.signSignature {
	width: 60%;
	text-align: left;
	padding-left: 20px;
	border-top: 1px solid #000000;
}

td.signEmpty {
	width: 10%;
}

td.signDate {
	width: 30%;
	text-align: left;
	padding-left: 20px;
	border-top: 1px solid #000000;
}

td.title {
	border: 1px solid #000000;
}

/** text formatting **/
.pgname{	/* format page name image */
	border-top: #FFFFFF solid 3px;
}

.nopad{
	padding: 0;
}

.boldtxt{
	font-weight: bold;
}

.lgtxt{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
}

.leadin{	/* format paragraph lead-in text */
	display: inline;
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #003399;
}

/** colours **/
.dkred, .mred, .ored, .grey, .blue, .dkblue, .white{
	background-color: transparent;
}

.dkred{
	color: #990000;
}

.mred{
/*	color: #CC0033;*/
	color: #990033;
}

.ored{
	color: #FF0000;
}

.grey{
	color: #666666;
}

.blue{
	color: #003399;
}

.dkblue{
	color: #0F2556;
}
/*
.white{
	color: #FFFFFF;
}
*/

.clearfix:after {
    visibility: hidden;
    display: block; 
    font-size: 0;
		content: " "; 
    clear: both; 
    height: 0; 
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */