/* CSS Document */
/* default high level */

/* this file is mostly global font styling - avoids layout*/
/* local.css files should avoid fonts and just be layout */

/* that way class="globalfontstyle locallayoutstyle" will work and
not be over complicated */



/* em sizes:  

MainContent:    0.75em

gives 12px base

10px = 0.833em
11px = 0.917em
12px = 1em
13px = 1.083em
14px = 1.167em
15px = 1.25em
16px = 1.333em
17px = 1.417em

keep font sizes in this global file as much as possible

*/



html{
	font-size: 100%; /* cures IE em sizing bug */ 
} 

body 
{
	font-family: 	Verdana,Arial,Helvetica,sans-serif;
	margin:			0px 0px 0px 0px;
	color: 			#464646;
	height:			100%;
	text-align: center;
	background-color: #FFFFFF;
	background-image:url(../images-design/back.jpg);
	background-repeat:repeat;
	font-size:0.8em; 
	line-height:160%;
}

.BulletImage {
 position:relative;
 top:3px;
}


/* Outer Main */
.OuterMain 
{
	width:980px; 
	margin:0 auto; 
	text-align: left;

}

.MainContent
{
}

.MainHeader
{
	position:relative;
	height:130px;
}

.HeaderBorder
{
	width:100%;
	height:6px;
	background-color:#b8860b;
}

h1 
{
	font-size:  1.5em;  
	color: #a0730a;
	font-weight: 	bold;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}

h2 
{
	font-size:  1.3em;  
	color: #a0730a;
	font-weight: 	bold;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;	
} 
	

h3 
{
	font-size:  1.083em;  /* 13px */
	/* (same colour as body) */
}	

/* Page text*/
.PageHeading
{
	font-size:  1.417em;  /* 17px */
	font-weight: 	bold;
	line-height: 	1em;
	color: 			#999999;
	background-color: inherit;		
	margin-bottom:  10px;
	margin-top: 	0px;
}

.PageText 
{
	font-size: 		1em; /* 12 px */
	padding-bottom: 1em;
}

.TopPageDesc
{
	padding-bottom:1em;
}

.PageButtonSection
{
	padding-bottom: 1em;
}

.PageLinkSection
{
	padding-bottom: 1em;
}

.Mandatory
{
	color:#44FF44; 
}

.Clear
{
	clear:both;
}

/* EntryTable - form filling */
.EntryTable
{
	color:Black;
	background-color:White;
	padding-bottom: 1em;
}		
.EntryTableHeading
{
	font-weight:700;
}
.EntryTableLabel
{
	font-weight:700;
}
.EntryTableWideLabel
{
	font-weight:700;
	margin:0 auto;
	text-align:center;
}
.EntryTableField
{

}
.EntryTableWideField
{
	margin:0 auto;
	text-align:center;
}
.EntryTableNote
{

}
.EntryTableWideNote
{
	margin:0 auto;
	text-align:center;
}

/* EntryList - list of fields eg. two label radio buttons */
.EntryListHeading
{
	font-weight:700;
}

.EntryListSubHeading
{
	font-weight:700;
}

.EntryListField
{
	font-weight:700;
}


/* TableList - datagrid and css table FONT ONLY info */
.TableListHeader
{
	 background-color:#808080;
	 color:White;
	 font-size:1.167em; /* 14 px */
} 

.TableListGrandTotal
{
	font-size:1.25em; /* 15 px */
	font-weight:700; 
} 

.TableListRow
{
	background-color:#AAAAAA;
}

.TableListAltRow
{
	background-color:#D4E57E;
}

.TableListSubHeading
{
	font-size:1.083em; /* 13 px */
	font-weight:700;
}

/* Validation */
.ValidationError
{
	color:Red;
}

/* HR */
HR.Dotted 
{ /* http://www.thatvoodooyoudo.com/css/styling-horizontal-rules/ */
	color: white;
	background-color: white;
	border: 1px dotted #909090;
	border-style: none none dotted;
}

.BarBreaker
{
 border-top: 1px solid #a0730a;
 padding-bottom:0em;
}


/* rounded box */
.roundedcornr_box_simple {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_tl.png) no-repeat top left;
}
.roundedcornr_top_simple {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_tr.png) no-repeat top right;
}
.roundedcornr_bottom_simple {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_simple div {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_br.png) no-repeat bottom right;
}
.roundedcornr_content_simple {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_r.png) top right repeat-y;
}

.roundedcornr_top_simple div,.roundedcornr_top_simple,
.roundedcornr_bottom_simple div, .roundedcornr_bottom_simple {
	width: 100%;
	height: 20px;
	font-size: 1px;
}
.roundedcornr_content_simple, .roundedcornr_bottom_simple {
	margin-top: -19px;
}
.roundedcornr_content_simple { padding: 0 15px; }


/* simple raised box rounded corners */
.raised {background: transparent;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}




/* Ajax controls */

.AccordionContent
{
	 background-color:#ccccff;
	 border:dashed 1px black; 
}

.AccordionHeader
{
	 background-color:#4444ff;
	 color:#ffffff; 
	border:1px solid #ffffff;
}

.AccordionSelectedHeader
{
	 background-color:#8888ff;
	 color:#ffffff;
	border:1px solid #ffffff;
}

.AccordionHeader a:link
{
	color:#ffffff;
	text-decoration:none;
}

.ModalBackground /* 70% opaque whole screen */
{
   background-color:Gray;
   filter:alpha(opacity=70); 
   opacity:0.7;  
}

.ModalPopup
{
    background-color:#ffffdd;
    border: 3px solid gray;
    padding: 3px;
    width: 200px;        
}

.CollapsePanel
{
	/* width:640px; */
	height:0px;  /* to stop flashing */
	background-color:White;
	overflow:hidden;
}
.CollapsePanelHeader
{
	/* width:640px; */
	height:20px;
	color:Yellow;
 	background-color:black;
 	font-weight:bold;
 	/* float:left; donno why in video */
 	padding:5px;
 	cursor:pointer;
 	vertical-align:middle;            
}




.MainDialog
{
	font-size: 		0.9em; /* 12px, this is a correction - the dialog text must be modified in js */
}

/* New Header CSS Document */

#new-header {
	width:980px;
	height:130px;
	background-image: url(../images-design/blank-header.jpg);
}

#new-header-logo {
	position:relative;
	float:left;
	left:0px;
	width:300px;
	height:55px;
	padding:5px 5px 0px 0px;
}

#new-header-menu {
	left:300px;
	width:350px;
	height:55px;
	color: #FFFFFF;	
	float:left;
	padding:5px 5px 0px 10px;
	font-size:0.7em;	
}

#new-header-search {
	text-align:right;
	left:740px;
	width:305px;
	height:30px;
	float:right;
	padding:4px 5px 0px 0px;
}

#new-header-shop{
	left:0px;
	top:55px;
	width:980px;
	height:75px;
}

/* Header CSS Document */

#Header {
	width:980px;
	height:130px;
	background-image: url(../images/header/CoupleBouquet.jpg);
}

#header-logo {
	position:absolute;
	left:8px;
	top:90px;
	width:300px;
	height:40px;
	z-index:2;
}

#header-menu {
	position:absolute;
	font-size:0.8em;
	left:300px;
	top:109px;
	width:520px;
	height:25px;
	z-index:3;
	text-align: left;
	color: #FFFFFF;
	background-color: inherit;		
}

#header-add-this {
	position:absolute;
	left:850px;
	top:109px;
	width:130px;
	height:25px;
	z-index:3;
	text-align: left;
	color: #FFFFFF;
	background-color: inherit;		
}

.headermenuwhite {
	font-size: 100%;
	color:        white;
	font-weight: bold;
	background-color: inherit;	
}

.headermenuwhite a {

	text-decoration:none; 
  	color:          white;
	font-weight: normal;
	background-color: inherit;		
}

a.headermenuwhite:link { text-decoration: none; color: white; background-color: inherit;	}
a.headermenuwhite:visited { text-decoration: none; color: white; background-color: inherit;	}
a.headermenuwhite:hover { text-decoration: none; color: #CDCDCD; background-color: inherit;	}
a.headermenuwhite:active { text-decoration: none; color: white; background-color: inherit;	}

#footer {
 clear:    both;
 background-color:  #999999;
 text-align:   center;
 height:    25px;
 color:     #FFFFFF;
 min-width:   772px;
 padding-top:   9px;
 margin-top:   0;   
 font-size: 0.8em;
}


/* auto-complete */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	text-align:left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


.ListingTable
{
	border-collapse: collapse;
	background-color: white;
}

.ListingTable a
{
	font-weight:700;
}

.ListingRow
{
	padding-left:15px;
	vertical-align:top;
}
.ListingRow td
{
	border-bottom: 1px solid #e9e9e9;	
}
.ListingRowJoinTop
{
	padding-left:15px;
	vertical-align:top;
}
.ListingRowJoinBottom
{
	padding-left:15px;
	vertical-align:top;
}
.ListingRowJoinBottom td
{
	border-bottom: 1px solid #e9e9e9;	
}
.ListingSpacedRow
{
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:15px;
	border-bottom: 1px solid #e9e9e9;		
	vertical-align:top;
}
.ListingRowHighlight
{
	padding-left:15px;
	background-color:#feffe0;	
	vertical-align:top;
}
.ListingRowFooter
{
	padding-left:15px;
	vertical-align:top;
}
.ListingInfo
{
}
.TrailingListingInfo
{
	padding-top:2em;
}
.ListingHeader
{
	padding-left:10px;
	font: bold 1em arial, helvetica, sans-serif;
	color:#555555;
	height:34px;
}
.ListingHeaderLhs
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border: 0px;
      background: url(table-head-left.gif) no-repeat top left;
}
.ListingHeaderMid
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border: 0px;
 	  background: url(table-head-mid.gif) repeat-x top left;
}
.ListingHeaderRhs
{
	width:4px;
	padding:0px;
	border : 0px;
	height:34px;
	font-size:1px;
	background: url(table-head-right.gif) no-repeat top right;
    margin:0px;
}

.ListingHeaderParaLhs
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border: 0px;
      background: url(table-head-para-left.gif) no-repeat top left;
}
.ListingHeaderParaMid
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border: 0px;
 	  background: url(table-head-mid.gif) repeat-x top left;
}
.ListingHeaderParaRhs
{
	width:4px;
	padding:0px;
	border : 0px;
	height:34px;
	font-size:1px;
	background: url(table-head-para-right.gif) no-repeat top right;
    margin:0px;
}


.ListingHeaderSmall
{
	padding-left:10px;
	font: bold 1em arial, helvetica, sans-serif;
	color:#555555;
	height:28px;
}
.ListingHeaderSmallLhs
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border : 0px;
 	background: url(table-head-small-left.gif) no-repeat top left;
}
.ListingHeaderSmallMid
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border : 0px;
 	background: url(table-head-small-mid.gif) repeat-x top left;
}
.ListingHeaderSmallRhs
{
	width:4px;
	padding:0px;
	  border : 0px;
	height:28px;
	font-size:1px;
	background: url(table-head-small-right.gif) no-repeat top right;
}
.ListingTab
{

}
.ListingItem
{
	  padding-left:5px;
	  padding-right:5px; 
      line-height:1.7;
	 border : 0px;
}
.ListingAction
{
	  line-height:1.7;
	  vertical-align:top;
   	border-bottom: 1px solid #e9e9e9;	
}
.ListingActionPadded
{
   line-height:1.7;
   vertical-align:top;
   border-bottom: 1px solid #e9e9e9;
   padding-top:0.5em;
   padding-bottom:0.5em; 	
}
.ListingDescription
{
	color:#707070;	
}
.ListingSubTotal
{
	padding-left:5px;
	padding-right:5px;
	font-size:1.083em; /* 13 px */
    line-height:1.7;
} 
.ListingSummary
{
	padding-left:5px;
	padding-right:5px;
	font-size:1.083em; /* 13 px */
	font-weight:700; 
    line-height:1.7;
} 
.Right
{
    text-align:right;	
}
.Center
{
    text-align: center ;	
}
.NoWrap
{
	white-space: nowrap;
}
.FaqLink
{
	 line-height:1.7;
}

.FaqPopup 
{
	padding-bottom:1em;
}
.FaqPopupHeading
{
	 font-weight:700;
  	 padding-bottom:1em;
}
.FaqPopupDesc
{
	font-size:12px; /* default font size needs resetting in popup */
	padding-bottom:1em;
}

.GeneralPopup 
{
	padding-bottom:1em;
}