/* 
WEBSITE: The White Flower Company
---------------------
AUTHOR: Mark Scholey
---------------------
DATE CREATED: 10/07/07
---------------------
Generic.css
Provides generic styles that are included on every page regardless of section

*/
BODY		{
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 100%;
	text-align: center;
	background-repeat: repeat-x;
	background-color: #FFF;
	background-image: url('../Images/page-back.jpg.jpg');
	margin: 0px;
}

/*markup styles*/
p		{ text-align:left; margin:0px 5px 0px 15px; padding: 0px; color:#5C5C5C; font-weight:normal; font-size:100%; }
h1		{ text-align:left; margin:0px 5px 0px 15px; padding: 0px; color:#4d3d2e; font-weight:normal; font-size:120%; font-family: "lucida Sans Unicode", Verdana, Helvetica, sans-serif;}
h2		{ text-align:left; margin:0px 5px 0px 5px; padding: 0px; color:#5C5C5C; font-weight:normal; font-size:120%; font-family: "lucida Sans Unicode", Verdana, Helvetica, sans-serif;}
h3		{ text-align:left; margin:0px 5px 0px 15px; padding: 0px; color:#4d3d2e; font-weight:normal; font-size:100%; font-family: "lucida Sans Unicode", Verdana, Helvetica, sans-serif;}
a 		{ text-decoration: underline; color: #fc693e; font-weight: normal;  }
a:hover	{
	text-decoration: none;
	color:#CC9966;
	font-weight: normal;
}
.boldMe		{font-weight:bold;}

/* 
This holds all the content centred in the page, but aligned left
*/

#holder			{ width: 970px; height:auto; display: table; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-left: 0px; padding-right: 0px; }

#pageHeader		{ width: 970px; height: 80px; padding: 20px 10px 0px 0px; margin: 0; text-align:right; }

#helpHeader		{ height: 100px; padding: 40px 10px 0px 0px; margin: 0; text-align:center; }

#popupHeader		{ height: 100px; padding: 40px 10px 0px 0px; margin: 0; text-align:center; }

/* 
This holds all the body copy it's been split up to make the design work
*/
#contentWrap	{ text-align: left; margin: 0; padding: 0; float: left; width: 980px; }

#pageContent	{ width: 970px; text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

#mainColumn 	{ width: 710px; margin: 0px; float:left;}
#sideColumn		{ width: 250px; float: right;}
#flashSideColumn { width: 250px;}

#pageFooter 			{ clear:both; width: 760px; margin: 0px; }


.footer 				{ font-size:60%; text-align:center; color: #FFFFFF; padding: 40px 0 20px 0; clear: both;}
#pageFooter a 			{ color: #CC9933;}
#pageFooter a:hover 	{ color:#000000; text-decoration: underline; }
#pageFooter p 			{ color: #999999; line-height: 130%; }

.accessibility			{ display:none;}

/*MAIN NAVIGATION, BREADCRUMB and SEARCH*/


#mainNavWrap			{ margin: 0; width: 240px; float:right;  background-repeat: no-repeat; background-position: right bottom; height: 300px; padding-top: 0; padding-bottom: 0; padding-left: 0; font-family: "lucida Sans Unicode", Verdana, Helvetica, sans-serif; font-size:130%;}
#mainNavWrap ul			{ margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; display:block; text-align: right; }
#mainNavWrap ul li		{ list-style: none;	padding-top: 2px; padding-bottom: 5px; background-image: url(../images/menu-line.jpg); background-position: bottom; background-repeat: repeat-x; margin: 0px 10px 0px 0px; }

#mainNavWrap a			{ color:#999999;  text-decoration:none;	text-align: right;}
#mainNavWrap .chosen	{ color:#B7B7B7;  text-decoration:none;	text-align: right; background-color: #EFEFEF;}
#mainNavWrap .shop	{ color:#ff6633;  text-decoration:none;	text-align: right; }

#mainNavWrap a:hover	{ color:#000000; text-decoration:none; }
.subNav					{ font-size: 85%; padding-right: 15px; background-color: #F9F9F9; }
.subNavChosen					{ font-size: 85%; padding-right: 15px; background-color: #EFEFEF; }
.shop			{ color:#ff6633;  text-decoration:none;	text-align: right; }


#flashHead			{text-align:center; background-color:#FFFFFF; margin: 0px 0px 0px 0px;}


/*subNavigation

#mainNavWrap .sub a			{ color:#C93092; font-size:85%; text-decoration:none; display:block; background-color:#FBF0F7; margin: -3px 0px -2px 0px; padding:2px 0px 5px 20px;  }
#mainNavWrap .subChosen a	{ color:#666666; font-size:85%; text-decoration:none; display:block; background-color:#F7E2F0; font-weight:normal; margin: -3px 0px -1px 0px; padding:2px 0px 5px 20px;}
#mainNavWrap .subChosen a:hover	{ color:#000000; text-decoration:underline; display:block;  }
#mainNavWrap .sub a:hover		{ color:#000000; text-decoration:underline; display:block;   }
*/

/* Horizontal dotted line */
.divider		{ background: url(../images/horizontal_divider.gif); width: 560px; height: 23px; margin: 0px 0px -10px 0px}

.defaultbutton	{ background-color:#194983; color:#ffffff; font-size:80%; border:1px solid #000000; font-weight: bold;}
.footer 		{
	color:#999999;
	text-align:center;
	font-size:70%;
	margin:-10px 0px 10px 0px;
}
.references		{ color:#000000; text-align:left; font-size:70%; }


/* Header Image div */
#headerImage		{ float:none; clear:both; margin-bottom: 15px;}

img.thomson { 
    float: right; 
    margin: 4px; 
}

ol.thomson {
	font-size: 80%;
}