/* 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, dt, dd{
	margin: 0;
	padding: 0;
	border: 0;
}

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

#wrapper{
	margin: 0 auto;
	width: 752px;
	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 330% "Times New Roman", serif;
}

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

#mainMenu{
	background-color: #0F2556;
	color: #FFFFFF;
	width: 100%;
	height: 30px;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}

#mainMenu ul{
	margin: 0;
	padding: .5em 0 0 0;
	text-align: center;
}

#mainMenu li{
	display: inline;
	padding: 0 1.25em 0 1.25em; /* reduce or increase these numbers to fit more or fewer links in menu */
}

#mainMenu li a{
	text-decoration: none;
}

#mainMenu ul li a:link, #mainMenu ul li a:visited{
	background-color: #0F2556;
	color: #FFFFFF;
}

#mainMenu ul li a:hover{
	background-color: #0F2556;
	color: #CCCCCC;
}
/***** end of page header image and mainMenu bar *****/

/***** start of page content section *****/
#content{
	margin: 5px 0 0 0;
	width: 752px;
	background-color: #FFFFFF;
	color: #000000;
}

#main{
	border: #CCCCCC solid 1px;
	float: left;
	width: 548px;
	padding: 0 8px 0 12px;
	margin: 0 0 10px 0;
}

p{
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 5px 0;
	text-align: left;
}

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 h3 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 gift basket menu bar ***/
#basketMenu{
	background-color: transparent;
	color: #003399;
	clear: both;
}

#basketMenu ul{
	text-align: center;
	padding-top: 0.5em;
}

#basketMenu li{
	font-weight: bold;
	font-size: 0.70em;
	display: inline;
	text-decoration: none;
}

#basketMenu ul li a:link, #basketMenu ul li a:visited{
	background-color: transparent;
	color: #003399;
}

#basketMenu ul li a:hover{
	background-color: transparent;
	color: #990000;
}
/*** end gift basket menu bar ***/

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

#dates h4{
	padding: 0;
}

div.basketGroup{
	clear: both;
	float: left;
	width: 100%;
	color: #003399;
	margin-top: 10px;
}

.basketTitle {
width: 92%;
background-color: #003366;
color: #FFF;
padding: 5px 20px;
margin-bottom: 10px;
}
.basketTitle h2 a, .basketTitle h2 {
color: #FFF;
font-size: 100%;
display:inline;
text-align:left;
}
.basketTitle h2 a:hover {
text-decoration: none;
}

.basketGroupLeft{
	float: left;
	width: 30%;
	height: 158px;
	padding: 0 0 0 0;
}

.basketGroupRight{
	float: right;
	width: 70%;
/*	height: 158px; */
	padding: 0.5em 0 0.5em 0;
}
.basketLinkImage {
width: 100%;
display:block;
text-align:right;
clear:both;
height: 28px;
}
/*** end main page definitions ***/

/*** start wine label definitions ***/
div.wineGroup{
	clear: both;
	float: left;
	width: 100%;
	color: #003399;
}

.wineGroupLeft{
	float: left;
	width: 22%;
	padding: 0;
}

.wineGroupRight{
	float: right;
	width: 78%;
	padding: 0;
}

/*** end wine label definitions ****/

/*** start sidebar definitions ***/
#sidebar{
	float: right;
	width: 176px;
	height: 100%;
	border: #000000 solid 1px;
	text-align: center;
	background-color: #CCCCCC;
	color: #0F2556;
	margin: 0 0 10px 0;
	padding: 0.5em 0.1em 0em 0.1em;
}

#sidebar h4, #sidebar h5{
	background-color: transparent;
	color: #0F2556;
	text-align: center;
	padding: 0 0 5px 0;
}

#sidebar p{
	padding: 0 0.5em 1.0em 0.5em;
	text-align: center;
	background-color: transparent;
	color: #0f2556;
}

#subsidebar{
	width: 86%;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0.25em 0.25em 0.5em 0.25em;
	padding: 0.5em 0.5em 0 0.5em;
	border: #666666 solid 1px;
}

#subsidebar img{
	margin: 0 auto;
}

#verisign img{
	clear: both
	display: block;
	border: 0;
	margin: 0.25em 0 0.75em 0;
	text-align: center;
}
/*** end sidebar definitions ***/
/***** end of page content section ***/

/***** start of page footer section *****/
#footer{
	clear: both;
	width: 100%;
	text-align: center;
}

#footer p{
	background-color: #FFFFFF;
	color: #003399;
	padding: 3px 0 0 0;
	text-align: center;
}

#footer ul{
	margin: 0.5em 0 1em 0;
}

#footer ul li{
	display: inline;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5em 0 5em;
}

#bottomNav{
	clear: both;
	width: 100%;
	text-align: center;
}

#bottomNav ul{
	text-align: center;
	padding: 0.25em 0 0.5em 0;
}

#bottomNav li{
	font-weight: normal;
	font-size: 0.70em;
	display: inline;
	text-decoration: none;
}

#bottomNav{
	background-color: #122452;
	color: #FFFFFF;
}

#bottomNav ul li a:link, #bottomNav ul li a:visited{
	background-color: transparent;
	color: #FFFFFF;
}

#bottomNav ul li a:hover{
	background-color: transparent;
	color: #CCCCCC;
}
/***** end of page footer section *****/

/***** start of individual basket page formatting *****/
#basketTitle h5{
	background-color: #003366;
	color: #FFFFFF;
	margin: 0.25em 0.2em 0.25em .25em;
	padding: 0.15em 0.15em 0.15em 0.25em;
	font-size: 90%;
}

#basketDetails p{
	padding: 0 0.5em 0 0.5em;
	font-weight: bold;
}

#basketLeft{
	float: left;
	width: 60%;
	height: 315px;
	padding: 0.5em 0 0 0;
}

#basketRight{
	float: right;
	width: 40%;
}

#basketRight ul{
	text-align: left;
	list-style-type: none;
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #003366;
	padding: 1.5em 0 0 0;
	margin-left: 0;
}

#basketRight ul li{
	background: url(../images/bullet.gif) center left no-repeat;
	padding: 0 0 0 15px;
	margin: 0;
	color: #003366;
	display: inline-block;
}

#basketSelection{
	clear: both;
}

#basketSelection h3, #basketConfirm h3, #formInfo h3{
	text-align: left;
	padding: 0.25em 0 0.1em 0.75em;
	margin: 0;
}

#basketSelection p, #basketConfirm p, #formInfo p{
	display: inline;
	background-color: transparent;
	color: #000000;
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0;
	margin-bottom:0;
}

#basketSelection fieldset{
	background-color: #6699CC;
	color: #000000;
	border: #000000 1px solid;
	width: 98%;
	margin: 0 0 1.0em 0.25em;
	padding: 0 0 0.1em 0;
}

div.row{/*used for details.php and order.php pages */
	clear: both;
	font: normal 75% Verdana, Arial, Helvetica, sans-serif;
}

div.row span.basketItem{/*used for details.php and order.php pages */
	float: left;
	width: 88%;
	text-align: left;
	padding: 0;
}

div.row span.price{/*used for details.php and order.php pages */
	float: right;
	width: 10%;
	text-align: right;
	font-weight: bold;
	padding: 7px 4px 0 0;
}

#detailsCaveat{
	font: italic 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	
}
/***** end of individual basket page formatting *****/

/***** start of basket confirm & delivery info page formatting *****/
/**** format basket confirmation data - Step 3 ****/
#basketConfirm fieldset{
	padding: 3px 3px 2px 3px;
}

#basketConfirm div.row span.label{
	float: left;
	width: 24%;
	text-align: right;
	padding: 3px 2px 2px 0;
}

#basketConfirm div.row span.price, #basketConfirm div.row span.tax{
	float: right;
	width: 10%;
	text-align: right;
	padding: 6px 0 0 0;
}

#basketConfirm div.row span.basketBev{
	float: right;
	width: 74%;
	background-color: #003366;
	color: #FFFFFF;
	border: #CCCCCC 1px solid;
	padding: 1px 0 1px 3px;
}

#basketConfirm div.row span.basketAdd{
	float: right;
	width: 74%;
	background-color: #FFFFCC;
	color: #000000;
	border: #CCCCCC 1px solid;
	padding: 1px 0 1px 3px;
	min-height: 1.1em;
}

dl.itemList
{
width: 100%;
margin: 0;
padding: 0;
}

.itemList dt{
width: 80%;
float: left;
margin: 0 0 0 0;
padding: .15em 0 .15em .25em;
text-align: left;
}

.itemList dd{
float: right;
width: 10%;
margin: 0 0 0 0;
text-align: right;
padding: .15em .25em .15em 0;
}

/* commented backslash hack for mac-ie5 \*/
/*needed for Firefox & Opera */
dt{
clear: both;
}
/* end hack */

/**** format basket delivery information - Step 4 ****/
#formInfo{
	clear: both;
	padding: 10px 0 0 0;
}

#formInfo form{
	margin: 0;
}

#formInfo div.row{
	padding: 2px;
	clear: both;
}

#formInfo div.row span.infoLabel{
	float: left;
	width: 24%;
	text-align: right;
	padding: 10px 2px 2px 0;
}

#formInfo div.row span.infow{
	float: right;
	width: 74%;
	text-align: left;
	font-weight: bold;;
	background-color: #FFFFCC;
	color: #000000;
	border: #999999 1px solid;
	padding: 5px 0 5px 5px;
}

fieldset #city {
	clear: both;
	border: #336699 1px solid:
	width: 100%;
	margin: 0 0.5% 0 1%;
	padding: 0 0 5px 0;
}

#city legend{
	color: #000000;
	background: #ffffff;
	border: 1px solid #000000;
	padding: 0 6px;
	font-size: 80%;
}

#city p{
	padding-left: 10%;;
}

#formInfo textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
}
/**** end of basket delivery information - Step 4 ****/
/***** end of basket confirm & delivery info page formatting *****/

/***** format save order error *****/
#orderInfo p{
	display: inline;
	font-size: 100%;
}

#saveError img{
	clear: both;
	float: left;
	margin: 3% 0 0 2%;
}

#saveError ul{
 float: right;
 padding: 5% 20% 0 0;
}
/***** end of save order error *****/

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

#basketList td.td1{
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 0.2em;
}

#basketList td.td2r{
	font: normal 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	cellpadding: 0 .25em 0 .25em;
}

#basketList td.td3l{
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
}

#basketList td.td3m, #basketList td.td3r{
	text-align: right;
	vertical-align: top;
}

/*** general class definitions ***/
/** text formatting **/
.format1{
	background-color: transparent;
	color: #000000;
	font-weight: bold;
}

.format2{
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
}

.format3{
	clear: both;
	background-color: transparent;
	color: #003399;
	font-weight: bold;
	font-size: 100%;
}

.format4{
	display: inline;
	padding: 0;
	margin: 0 0 0 0;
	text-align: center;
	position: relative;
	top: -7px;
}

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

.floatLeft{
	clear: both;
	float: left;
}

.nopad{
	padding: 0;
}

.boldtxt{
	font-weight: bold;
}

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

.smtxt{
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
}

.error{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	color: #FF0000;
}

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

/** button image formatting **/
#orderButton{
	float: right;
}

#backButton{
	float: left;
	padding: 1px 0 0 0;
}

#nextButton{
	float: right;
	padding: 3px 5px 0 0;
	width: 43px;
}

#saveButton{
	clear: both;
	display: inline;
}

#saveButton p{
	text-align: center;
}

#saveButton a{
	text-decoration: none;
	background-color: #003366;
	color: #ffffff;
	padding: 2px;
	border: #000000 2px ridge;
}

#saveButton a:hover{
	background-color: #ffffff;
	color: #003366;
}
/** colours **/
.dkred, .mred, .ored, .grey, .blue, .dkblue{
	background-color: transparent;
}

.dkred{
	color: #990000;
}

.mred{
	color: #990033;
}

.ored{
	color: #FF0000;
}

.grey{
	color: #666666;
}

.blue{
	color: #003399;
}

.dkblue{
	color: #0F2556;
}

.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 */