/* GENERAL STYLES --------------------------------------------------------------------- */
* 
{
    margin: 0;
}
html, body
{
    height: 100%;
}
body 
{
	margin:0;
	padding:0;
		/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	background: #ffcc00 url('../Content/pagebg.jpg') repeat-x 50% top;
	color: #000;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 80%;
}
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul
{
	margin: 0;
	padding: 0;
}
#wrapper
{
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
    margin: 0 auto -10em;
	text-align: left;
	background-color: #fff;
	border-left: 10px solid #000;
	border-right: 10px solid #000;
}
a:link
{
	color: #0066CC;
}
a:visited
{
	color: #0066CC;
}
a:hover
{
	text-decoration: none;
}

/* HEADER --------------------------------------------------------------------- */

#newheader
{
    clear:both;
	width:100%;

}
#newheader
{
	margin:0;
	position: relative;
	background: #000;
	height: 154px;
	he\ight: 152px;

}
#newheader a
{
	text-decoration: none;
	color: #FFFFFF;
}
#logoArea
{
    float: left;   
    padding: 10px 0 0 5px;
}
#newheader #cart
{
    font-weight: bold;
}
#newheader #cart a
{
    text-decoration: underline;
}
#newheader #satisfaction
{
    float:left;
    padding:10px 15px 0 15px;
}
#newheader #promoArea
{
    float:left;
    padding: 17px 15px 0 0;
}
#newheader #promoArea #DeliveryPromo
{
    padding: 2px 0 0 0;
}
*:first-child+html #newheader #promoArea #DeliveryPromo
{
    padding: 4px 0 0 0;
}
* html #newheader #promoArea #DeliveryPromo
{
    padding: 4px 0 0 0;
}
#newheader #security
{
    padding: 17px 0 0 0;
}

#header a
{
	text-decoration: none;
	color: #FFFFFF;
}
#contactHeader
{
    width: 33%;
	float:left;
	font-size:large;
}
#contactHeader p
{
	color: #ffcc00;
	padding:5px 0 0 5px;
}
#cartHeader
{
	float:right;
	width: 30%;
	font-size:small;
	padding: 5px 0;
	text-align: right;

}
#cartHeader a
{
	padding:0px 0px 0 0;
	text-decoration: underline;
}

#headerTitle
{
    float:left;
    width: 28%;
    color: #ffcc00;
    text-align:right;   
    padding-top: 5px;  
    font-weight: bold;

}
#header h1
{
    font-size : small;
    padding:0;
    margin:0;
    text-align: right;

}

/* FOOTER ------------------------------------------------------------------- */
 .push
{
     height: 18.5em;
}
#footer
{
	clear:both;
	/*width:100%;*/
	width: 960px;
	margin: 0 auto 0 auto;
	/*padding: .5em 0 .5em 0;*/
	padding: 4px 0 10px 0;
	font-size: 85%;
	color: #ffcc00;
	background-color: #000;
    border-left: 10px solid #000;
	border-right: 10px solid #000;
}
#footer img
{
	display:block; 
	margin-left:auto;
	margin-right:auto; 
}
#footer p
{
    padding: 2px 0 2px 0;
}

/* COLUMN CONTAINER ------------------------------------------------------------------- */
.colmask
{
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.colmask h1
{
	padding: 10px;
}
.colmask li
{
	padding-top:5px;
	margin:25px;
}
.colmask h2
{
	padding: 10px 0px 0px 0px;
}

.colmask p 
{
    padding: 10px 0 10px 0;   
}
/* common column settings */
.colright,
.colmid,
.colleft 
{
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 
{
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

.col1 p
{
    line-height: 20px;
}
/* Full page settings */
.fullpage 
{
	background:#fff;		/* page background colour */
}
.fullpage .col1 
{
	width:96%;			/* page width minus left and right padding */
	left:2%;			/* page left padding */
}
/* 2 Column (double page) settings */
.doublepage
{
	background:#ffffcc;		/* right column background colour */
}
.doublepage .colleft 
{
	right:50%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.doublepage .col1 
{
	width:46%;			/* left column content width (column width minus left and right padding) */
	left:52%;			/* right column width plus left column left padding */
}
.doublepage .col2 
{
	width:46%;			/* right column content width (column width minus left and right padding) */
	left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.doublepage .col2 p
{
    padding: 10px 0 0 0;
}

/*BUTTONS ------------------------------------------------------------------- */
.contentButton
{
    color: #000;
    background-color:#ffcc00;
    outline: none;
    border: 1px solid #000;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    /*vertical-align: middle; 
    display: -moz-inline-box;
    display: inline-block;*/
    overflow: visible; /* IE6 form button fix */
    /*font-size:0.8em;*/ 
}
a.contentButton:link
{
	color: #000;
	/*font-size:0.8em;*/
}

/*PRODUCT ------------------------------------------------------------------- */
.productPrice
{
	display: block;
	padding: 5px 0px;
}
.colmask .pager
{
	padding-left: 10px; 
}
.colmask .pager a
{
	padding: 0px 5px; 
}
.colmask .pager .pageSelected 
{
	background: #000;
	margin: 5px;
	padding: 0px 5px;
	color: #ffcc00;
	text-decoration:none;
}
ul.display 
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.display li
{
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0;
}
/*ul.display li .productItem a
{
	padding: 1px 12px;
	text-decoration: none;
	font-weight: bold;
}*/
ul.display li .productItem 
{
	padding: 0 10px;
}
ul.display li .productItem h3
{
	min-height: 40px;
	height: 40px;
}
ul.display li .productItem img
{ /*--Double border technique--*/
	padding: 5px;
	/*border: 2px solid #ccc;*/
	border: 2px solid #fff;
	background: #fff;
	margin: 0px 15px 0 0;
}
.productDetailsImage
{ /*--Double border technique--*/
	padding: 5px;
	/*border: 2px solid #ccc;*/
	border: 2px solid #fff;
	background: #fff;
	margin: 10px 15px 0 0;
}
ul.thumb_view li
{ 
	width: 33%;
} /*--Switch the width to accommodate for the three column layout--*/
.colmask a
{
	padding: 2px 12px;
	text-decoration: none;
	font-weight: bold;
}
.colmask h3 a
{
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.colmask h3 a:hover
{
	text-decoration: underline;
}
.colmask .productImageLink
{
    padding: 0;
	text-decoration: none;
	font-weight: normal;
}
.colmask  input
{ 	
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

FORM { margin: 0; padding: 0;  }
DIV.productItem FORM { display:inline; }
DIV.productItem INPUT {
 cursor:pointer;
}
/*MENU ------------------------------------------------------------------- */
#menu
{
	float:left;
	border-bottom: 1px solid #000;
	background-color: #fff;
	width:100%;
	padding-bottom: 4px;
	font-size: 1.3em;
}
#menu ul
{
	float: left;
	list-style: none;
}
#menu li
{
	float: left;
	padding: 5px;
}
#menu a
{
	display: block;
	padding: 0.5em 16px;
	text-decoration: none;
	font-weight: bold;
}
* html #menu a
{
	float: left;
}
a.rounded
{
	color: #000;
}
a:visited
{
	color: #000;
}
a.rounded, .button 
{
    outline: none;
    border: none;
    /*border: 1px solid black;*/
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle; /* or top */
    /*display: -moz-inline-box;*/
    display: inline-block;
    overflow: visible; /* IE6 form button fix */
}
.button
{
    color: #000;
    background-color:#fff;
}
.button:hover 
{
  	color: #ffcc00;
	background-color: #000;
} 
li.on a.rounded
{
	color: #ffcc00;
	background-color: #000;
	font-weight: bold;
	cursor:default;
}

/*li.off a.rounded
{
	border: 1px solid #BBBBBB;
}*/
/*CART ------------------------------------------------------------------- */
.colmask table
{
    width: 80%;
}
.colmask table .quantity
{
	width:100px;
    text-align: center;
}
.colmask table .price,
.colmask table .subTotal,
.colmask table .removeItem
{
	width:100px;
    text-align: center;
}

.colmask table .total
{
	width:100px;	
    text-align: right;
}

.colmask table tfoot td 
{ 
    border-top: 1px dotted gray; 
    font-weight: bold;
}

.colmask table .productImage {
	text-align:center;
	width:75px;
}

.greyRow {
	background-color:#E9F2F9;
}

#orderHighlight {
	border-top:1px dotted gray;
	margin-top:50px;
}

#orderHighlightText 
{
	padding-left: 15px;
}

#reviewOrderHeading {
	padding: 10px 0 20px 0;
}

.removeItem a {
	color:#949494;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
}

.actionButtons 
{
	margin-right:10px;
	text-align: right;
}

#continueShoppingLink
{
	color:#5F5A59;
	font-size:85%;
	margin-right:15px;
}

/*DELIVERY FORM ------------------------------------------------------------------- */
#deliveryForm fieldset
{
	float: left;
	display: block;
	width: 24%;
	margin: 0 1em 1em 0;
	padding: 0 1em 1em 1em;
}
#deliveryForm .textarea
{
	width: 36%;
}
#deliveryForm textarea
{
    width: 90%;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}
#deliveryForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
}
#deliveryForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}
#deliveryForm fieldset.radio label
{
	font-weight: normal;
}
#deliveryForm input
{
	display: block;
	width: 15em;
}
#deliveryForm .submitDeliveryDetails
{
    width: 170px ! important;
}
.colmask #deliveryForm input
{
	font-weight: normal;
}
.colmask #deliveryForm  .checkBox
{
    display: inline;
    width: 40px;
}
#deliveryForm select
{
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#deliveryForm label
{
	display: block;
	margin-bottom: 1em;
	/*font-weight: bold;*/
}
/*.col1 form label.first
{
	padding-top: 1em;
}*/

#deliveryForm select
{
	display: block;
}

#deliveryForm legend {
	font-weight:bold;
}

/*CHECKOUT STEPS ------------------------------------------------------------------- */
#checkOutSteps
{
    padding: 0px 0px 10px 0px;
}
#checkOutStepsImages {
	clear:both;
	height:90px;
	padding:0 0 5px;
}
.step
{
    padding-right: 20px;
    font-weight: bold;
    color: Gray;
}

.step_image {
	float:left;
	height:75px;
	text-align:center;
	padding-right:10px;
	padding-top:10px;
	margin: 0;
	border: 0;
}
.current
{
    color: #000;
    text-decoration: underline; 
}

.smallTextNote {
	float:right;
	font-size:90%;
	padding-bottom:10px;
	width: 380px;
}

#continueToPayment
{
	text-align:right;
}

/*VALIDATION  ------------------------------------------------------------------- */
.field-validation-error 
{ 
    color: red; 
    font-weight: bold;
}
.input-validation-error
{ 
    border: 1px solid red; 
    background-color: #ffeeee; 
}
.validation-summary-errors
{ 
    font-weight: bold; color: red; 
}
.colmask .confirmOrderDetailsCol1
{
	margin:0 1em 1em 0;
	padding:0 1em 1em;
	border: 1px solid #CCCCCC;
    float:left;
    width: 45%;
}
.colmask .confirmOrderDetailsCol1 th
{
    text-align:left;
}
.colmask .confirmOrderDetailsCol2
{
	margin:0 1em 1em 0;
	padding:0 1em 1em;
	border: 1px solid #CCCCCC;	
    width: 50%;
}


.smallText
{
    font-size: 90%;
    padding-bottom: 10px;
}

.formFieldset
{

    border:0px;
    margin:0px;
    padding: 5px 0 5px 0;
}



/* Show only to IE7 */
*:first-child+html .formFieldset input {
	margin-bottom:-4px;
    display: inline;
}
 
/* Show only to IE6 */
* html .formFieldset input {
	margin-bottom:-4px;
    display: inline;
}

#footerInner .footerLink
{
    color: #fff;
    padding-bottom: 2px;
}
#footerInner .footerLink:hover
{
    text-decoration: underline;
}
#footerInner .footerLink img
{
    display:inline;
    margin:0 0 0 0;
    border: 0;
    padding: 0 0 0 0;
    
}

.footerParagraphLink, .footerParagraphLink:hover, .footerParagraphLink:visited 
{
	color:#FFCC00 !important;
	font-weight:bold !important;
	text-decoration: underline !important;
}

#flowerShop
{
    margin-top: 20px;
}
#flowerShopImage
{
    width:400px;
    height: 266px;
    float:left;
    margin-right: 100px;
    margin-top: 20px;

    border:2px solid #CCCCCC;
    padding:5px;
}
#flowerShopContactDetails
{
    width:400px;
    height: 400px;
    float:left;
    font-size: large;
    margin-top: 0px;

}
#flowerShopContactDetails p
{
    line-height: 35px;
}
#flowerShopContactDetails a
{
    padding: 0;
}

#flowerShopContactDetailsforWeddings
{
    float:left;
    font-size: large;
    margin-top: 20px;
}
#flowerShopContactDetailsforWeddings p
{
    line-height: 35px;
}
#flowerShopContactDetailsforWeddings a
{
    padding: 0;
}
#flowerWeddingBouquetImage
{
    width:400px;
    height: 300px;
    float:left;
    margin-right: 100px;
    margin-top: 20px;

    border:2px solid #CCCCCC;
    padding:5px;
}

#DeliveryContactInfo a
{
    padding: 0;
}

#skypedetectionswf
{
    display:none;
}

.normalH1
{
	color:#FFCC00;
	font-size:90%;
}

.DeliveryNote {
	color:#5F5A59;
	font-weight:bold;
	padding:2px;
}