/* ------------------------------------------------*/
/* emmalappingflowers.co.uk
/* Revision: 1
/* Date: 17-11-2009
/* Author: GS - origin-services.co.uk
/* hex ref: #878986 (grey), #4b1c3e (purple), #303535 (dark grey)
---------------------------------------------------*/

/* Global styles
---------------------------------------------------*/
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, hr, form, fieldset, a, div, img, blockquote, dl, dt, dd {
	margin: 0; padding: 0; border: 0; }

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.45em;
	text-align: left;
	color: #000;
	font-size: 0.75em;
	background-color: #878986;
	margin: 0; padding: 0; }

p { margin: 0 0 15px 0; padding: 0; }

a { text-decoration: none; color: #878986; }
a:hover { text-decoration: underline; }
a:active { outline: none; }

.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }		
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */

a.goto { position: absolute; text-indent: -9999px; }

/* Wrapper
---------------------------------------------------*/
#wrapper { position: relative; width: 960px; margin: 0 auto 0 auto; }

	
/* Header
---------------------------------------------------*/
#header { position: relative; margin: 0 auto 0 auto; width: 960px; height: 108px; background: transparent url(/images/hdr-bg.gif) right top no-repeat; border-bottom: 6px solid #4b1c3e; z-index: 100 !important; }
#header #skip { display: none; }
#header h1 { position: absolute; width: 207px; height: 108px; top: 0; left: 0; margin: 0; padding: 0; background: transparent url(/images/logo-main.gif) 0 0 no-repeat; }
#header h1 a { position: absolute; display: block; width: 207px; height: 108px; text-indent: -9999px; }

#header #topNav { position: absolute; top: 0; right: 0; width: auto; float: right; padding: 0; margin: 3px 0 0 0; z-index: 100 !important; }

#header #topNav div { float: left; }

#header #topNav #nav1 { margin: 0 25px 0 0; color: #e9e9e9; }

#header #topNav #nav2 { margin: 0 7px 0 0; }
#header #topNav #nav2 a { display: block; width: 13px; height: 9px; background: transparent url(/images/icn-sprite-email.gif) 0 0 no-repeat; margin: 3px 18px 0 0 ; }
#header #topNav #nav2 a:hover { background-position: 0 -9px; }
#header #topNav #nav2 a span { display: none; }

#header #topNav #nav3 { margin: 0 15px 0 0; color: #e9e9e9; cursor: pointer; }
#header #topNav #nav3:hover { color: #4b1c3e; text-decoration: none; } 



/* modal pop-up
---------------------------------------------------*/
.callme:hover { color: #000; text-decoration: underline; cursor: pointer; }
.callmeForm {  position: absolute; left: 40px; top: 0; background-color: #fbfbfc; width: 180px; height: 152px; margin: 20px 0 17px 0; padding: 10px 0 0 10px; border: 6px solid #4b1c3e; visibility: hidden; z-index: 200 !important;  }
.callmeForm p { font-size: 1.0em; line-height: 1.2em; margin: 0 10px 10px 0; }
.callmeField { color: #666; font-size: 1em; width: 155px; border: 1px solid #666; margin: 0 0 10px 0; }
.callmeEmail a { line-height: 0.8em;  text-decoration: none; font-size: 0.8em; margin: 0; padding: 0 0 0 20px; }
.callmeEmail a:hover { text-decoration: underline; }	

#callback { position: absolute; float: right; right: 0; }
#callback img { margin: 2px 6px 0 0; }

.callmeForm .callme2 { position: relative; float: right; height: 9px; width: 90%; background: transparent url(/images/icn-close.gif) top right no-repeat; cursor: pointer; text-align: right; margin: 0 0 3px 0;  }
.callmeForm .callme2 span { display: none; }



/* main menu
---------------------------------------------------*/
#mainMenuContainer { position: absolute; top: 66px; right: 0; }

#mainMenu {  position: relative; float: right; margin: 0 0 0 0; width: 630px; height: 20px; }

#mainMenu ul { padding: 0; margin: 0; list-style-type: none; display: block;}
#mainMenu li { padding: 0; margin: 0; position: relative; float: left; display: block;}

#mainMenu a.home, 
#mainMenu a.about, 
#mainMenu a.weddings, 
#mainMenu a.events, 
#mainMenu a.gallery, 
#mainMenu a.workshops, 
#mainMenu a.blog, 
#mainMenu a.contact { position: relative; display: block; text-decoration: none; height: 20px; }

#mainMenu .home, 
#mainMenu .about, 
#mainMenu .weddings, 
#mainMenu .events, 
#mainMenu .gallery, 
#mainMenu .workshops, 
#mainMenu .blog, 
#mainMenu .contact { border: 0 !important; }

#mainMenu .home a.home, 
#mainMenu .about a.about, 
#mainMenu .weddings a.weddings, 
#mainMenu .events a.events, 
#mainMenu .gallery a.gallery, 
#mainMenu .workshops a.workshops, 
#mainMenu .blog a.blog, 
#mainMenu .contact a.contact { border: 0 !important; text-indent: -9999px; background: transparent url(/images/main-menu.gif) 0 0 no-repeat;}

#mainMenu .home { width: 61px !important; }
#mainMenu .about { width: 60px !important; }
#mainMenu .weddings { width: 89px !important; } 
#mainMenu .events { width: 63px !important; } 
#mainMenu .gallery { width: 69px !important; } 
#mainMenu .workshops { width: 98px !important; } 
#mainMenu .blog { width: 113px !important; }
#mainMenu .contact  { width: 77px !important; }

#mainMenu .home a.home { width: 61px !important; background-position: 0 0; } 
#mainMenu .about a.about { width: 60px !important; background-position: -61px 0; } 
#mainMenu .weddings a.weddings { width: 89px !important; background-position: -121px 0; } 
#mainMenu .events a.events { width: 63px !important; background-position: -210px 0; } 
#mainMenu .gallery a.gallery { width: 69px !important; background-position: -273px 0; } 
#mainMenu .workshops a.workshops { width: 98px !important; background-position: -342px 0; } 
#mainMenu .blog a.blog { width: 113px !important; background-position: -440px 0; } 
#mainMenu .contact a.contact { width: 77px !important; background-position: -553px 0; }

#mainMenu .home a.home:hover { width: 61px !important; background-position: 0 -40px; } 
#mainMenu .about a.about:hover { width: 60px !important; background-position: -61px -40px; } 
#mainMenu .weddings a.weddings:hover { width: 89px !important; background-position: -121px -40px; } 
#mainMenu .events a.events:hover { width: 63px !important; background-position: -210px -40px; } 
#mainMenu .gallery a.gallery:hover { width: 69px !important; background-position: -273px -40px; } 
#mainMenu .workshops a.workshops:hover { width: 98px !important; background-position: -342px -40px; } 
#mainMenu .blog a.blog:hover { width: 113px !important; background-position: -440px -40px; } 
#mainMenu .contact a.contact:hover { width: 77px !important; background-position: -553px -40px; }

#mainMenu .home a.current { background-position: 0 -20px; } 
#mainMenu .about a.current { background-position: -61px -20px; } 
#mainMenu .weddings a.current { background-position: -121px -20px; } 
#mainMenu .events a.current { background-position: -210px -20px; } 
#mainMenu .gallery a.current { background-position: -273px -20px; } 
#mainMenu .workshops a.current { background-position: -342px -20px; } 
#mainMenu .blog a.current { background-position: -440px -20px; } 
#mainMenu .contact a.current { background-position: -553px -20px; }


/* main container
---------------------------------------------------*/
#home #mainContainer { border-bottom: 6px solid #4b1c3e; color: #fff; }
#sub #mainContainer { border-bottom: 6px solid #4b1c3e; background: #fff url(/images/bg-sub.gif) 0 0 no-repeat; margin: 1px 0 0 0; padding: 12px; }


/* main container, leftCol
---------------------------------------------------*/
#home #mainContainer #leftCol { position: relative; float: left; width: 480px; margin: 0 20px 0 0;  }

#sub #mainContainer #leftCol { position: relative; float: left; width: 169px; margin: 0 20px 0 0; }

#sub #mainContainer #leftCol h2 { display: block; width: 168px; height: 41px; }
#sub #mainContainer #leftCol h2 span { display: none; }
#sub #mainContainer #leftCol ul { margin: 0; padding: 0; list-style-type: none; }
#sub #mainContainer #leftCol li { margin: 0; padding: 0; }

#sub #mainContainer #leftCol a { display: block; width: 145px; margin: 0 0 5px 0; padding: 3px 0 4px 15px; line-height: 1.3em; color: #4b1c3e; background: #fff url(/images/bg-local-nav-off.gif) 0 0 no-repeat; }
#sub #mainContainer #leftCol a:hover { text-decoration: none; background-color: #e4dde2; background: #fff url(/images/bg-local-nav-on.gif) 0 0 no-repeat; }
#sub #mainContainer #leftCol a.current { text-decoration: none; background-color: #e4dde2; background: #fff url(/images/bg-local-nav-on.gif) 0 0 no-repeat; }

#sub #wrapper #mainContainer #leftCol ul#faceb { list-style-type: none !important; margin: 35px 0 0 0; }
#sub #wrapper #mainContainer #leftCol ul#faceb li { padding: 0; margin: 0 0 0 18px; }
#sub #wrapper #mainContainer #leftCol ul#faceb a { padding: 0; margin: 0; background: none;}


/* main container, centreCol
---------------------------------------------------*/
#home #mainContainer #centreCol { position: relative; float: left; width: 300px; margin: 27px 20px 0 0;  }

#home #mainContainer #centreCol h2 { font-family: Times, Sans Serif; font-size: 1.8em; font-weight: normal; line-height: 1.1em; letter-spacing: 0.05em; margin: 0 0 10px 0; }
#home #mainContainer #centreCol h3 { font-family: Times, Sans Serif; }
#home #mainContainer #centreCol h4 { font-family: Times, Sans Serif; }
#home #mainContainer #centreCol h5 { font-family: Times, Sans Serif; }

#sub #mainContainer #centreCol { position: relative; float: left; width: 387px; margin: 13px 20px 0 0;  }


#sub #mainContainer #centreCol #scrollable { position: relative; margin: 0; }
#sub #mainContainer #centreCol #scroll-pane { width: 385px; height: 433px; padding: 0 10px 10px 0; }

#sub #mainContainer #centreCol .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
#sub #mainContainer #centreCol .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #fff url(/images/icn-scroll-track.gif) 0 0 repeat; border: none; }
#sub #mainContainer #centreCol .jScrollPaneDrag { position: absolute; background: transparent url(/images/icn-scroll-drag-tab.gif) 0 0 no-repeat; height: 106px !important; cursor: pointer; overflow: hidden; }
#sub #mainContainer #centreCol .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
#sub #mainContainer #centreCol .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }


/* general content managed CSS */
#sub #mainContainer #centreCol h3 { color: #4b1c3e; font-size: 1.35em; margin: 0 0 10px 0; }
#sub #mainContainer #centreCol h4 { color: #4b1c3e; font-size: 1.25em; }
#sub #mainContainer #centreCol h5 { color: #4b1c3e; font-size: 1.15em; }
#sub #mainContainer #centreCol h6 { color: #4b1c3e; font-size: 1.05em; }

#sub #mainContainer #centreCol a.arrow-link { display: block; height: 18px; color: #4b1c3e; font-weight: bold; padding: 0 0 0 24px; background: transparent url(/images/icn-arrow.gif) 0 0 no-repeat; text-decoration: none; }
#sub #mainContainer #centreCol a.arrow-link:hover { color: #4b1c3e; }

#sub #mainContainer #centreCol a { color: #4b1c3e; text-decoration: underline; }
#sub #mainContainer #centreCol a:hover { color: #666; text-decoration: underline; }

#sub #mainContainer #centreCol ul { padding: 0; margin: 0 0 0 15px;  }
#sub #mainContainer #centreCol ul ul { padding: 0; margin: 10px 0 0 15px;  }
#sub #mainContainer #centreCol li {  padding: 0; margin: 0 0 10px 0;  }



/* main container, rightCol
---------------------------------------------------*/
#home #mainContainer #rightCol { position: relative; float: left; width: 133px; margin: 18px 0 0 0; }

#home #mainContainer #rightCol ul { list-style-type: none; margin: 0; padding: 0; }
#home #mainContainer #rightCol li { display: block; margin: 0 0 10px 0; padding: 0; width: 133px; height: 90px; }
#home #mainContainer #rightCol li a { display: block; margin: 0; padding: 0; width: 133px; height: 90px; }
#home #mainContainer #rightCol li a:hover { background: transparent url(/images/quicklink-overlay.png) 0 0 no-repeat; }
#home #mainContainer #rightCol li a span { display: none; } 

#sub #mainContainer #rightCol { position: relative; float: left; width: 340px; margin: 0; }

#sub #mainContainer #rightCol #bannerGallery {}
#sub #mainContainer #rightCol #bannerGallery ul { margin: 0; padding: 0; list-style-type: none; }
#sub #mainContainer #rightCol #bannerGallery li { margin: 0 0 5px 0; padding: 0; display: block; float: left; width: 110px; height: 110px; }

#sub #mainContainer #rightCol #bannerGallery li.padYes { margin-right: 5px; }

#sub #mainContainer #rightCol #bannerGallery a span { display: none; }

#sub #mainContainer #rightCol #bannerGallery a { display: block; width: 110px; height: 110px; background: transparent url(/images/icn-gallery-overlay.png) 0 0 no-repeat; text-decoration: none; }
#sub #mainContainer #rightCol #bannerGallery a:hover { background-position: 0 -110px; text-decoration: none; }



/* banner image
---------------------------------------------------*/
#home #leftCol #bannerImg { position: relative; width: 480px; height: 480px; padding: 0; margin: 0; }
#home #leftCol #bannerImg img { width: 480px; height: 480px; border: 0; top: 0; left: 0; }
#home #leftCol #bannerImg span { display: none; }

#home #leftCol #bannerNav { position: absolute; width: 37px; height: 363px; top: 0; left: 443px; font-size: 0; background: transparent url(/images/bg-slider.png) 0 0 no-repeat; margin: 0; padding: 5px 0 0 0; z-index: 200 !important; }

#home #leftCol #bannerNav .non { display: none; }

#home #leftCol #bannerNav a { display: block; width: 21px; height: 21px; font-size: 0; color: #5f6061; border: 0; background: transparent url(/images/icn-slider-dot.png) 0 0 no-repeat; text-decoration: none; margin: 5px 0 0 8px; padding: 0; }
#home #leftCol #bannerNav a:hover { font-size: 0; background: transparent url(/images/icn-slider-dot.png) 0 -21px no-repeat; color: #3a222b; }
#home #leftCol #bannerNav a.activeSlide { font-size: 0; background: transparent url(/images/icn-slider-dot.png) 0 -21px no-repeat; color: #3a222b; }
#home #leftCol #bannerNav a:focus { font-size: 0; outline: none; }

#home #leftCol #bannerContent { display: none; }

#sub #rightCol #bannerImg { position: relative; width: 340px; height: 456px; padding: 0; margin: 0; }
#sub #rightCol #bannerImg img { width: 340px; height: 456px; border: 0; top: 0; left: 0; }
#sub #rightCol #bannerImg span { display: none; }

#sub #rightCol #bannerNav { position: absolute; width: 340px; height: 37px; bottom: 0; right: 0; font-size: 0; background: transparent url(/images/bg-slider-horiz.png) right bottom no-repeat; margin: 0; padding: 5px 10px 0 0; z-index: 102; }

#sub #rightCol #bannerNav a { display: block; float: right; width: 21px; height: 21px; font-size: 0; color: #918f8f; border: 0; background: transparent url(/images/icn-slider-dot.png) 0 0 no-repeat; text-decoration: none; margin: 8px 0 0 8px; padding: 0; z-index: 102; }
#sub #rightCol #bannerNav a:hover { font-size: 0; background: transparent url(/images/icn-slider-dot.png) 0 -21px no-repeat; color: #3a222b; z-index: 102; }
#sub #rightCol #bannerNav a.activeSlide { font-size: 0; background: transparent url(/images/icn-slider-dot.png) 0 -21px no-repeat; color: #3a222b; z-index: 102; }
#sub #rightCol #bannerNav a:focus { font-size: 0; outline: none; z-index: 102; }

#sub #rightCol #bannerContent { display: none; }


/* modal pop-up
---------------------------------------------------*/
.BorderlessWithClose { }
.BorderlessWithClose h2 { display:none; }
.BorderlessWithClose .closeHandle { cursor: pointer; top: 4px; right: 4px; width: 9px; height: 9px; background-image: url(/images/btn-close-modal-off.gif); border: 1px solid #000; }
.BorderlessWithClose .closeHandle:hover { cursor: pointer;  top: 4px; right: 4px; width: 9px; height: 9px; background-image: url(/images/btn-close-modal-on.gif); }
.dmxWindow { border-style:none !important; }
body:first-of-type .dmxWindow { border-right: 0px solid #fff !important; border-bottom: 1px solid #fff !important; }
/* Hacked for IE 7 and below */
.dmxWindow { *border-right: 1px solid #fff !important; *border-bottom: 1px solid #fff !important; }
/* Hacked FOR Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
body:first-of-type .dmxWindow { border-right: 1px solid #fff !important; }
}

/* modal pop-up
---------------------------------------------------*/
@media projection, screen {

.toggler2 { margin: 5px 0 15px 0; cursor:pointer; text-decoration: none; font-size: 1em;
	font-weight: normal; line-height: 1.4em; display: block; border: solid 1px #ccc;  
	padding: 10px 35px 10px 10px; background-color: #e4dde2; }

.toggler2-closed { color: #fff; text-decoration: none; background: #e9e9e9 url(/images/icn-arrow-right.gif) 350px 12px no-repeat; }
.toggler2-closed:hover { color: #fff; text-decoration: none; background: #e4dde2 url(/images/icn-arrow-down.gif) 350px 12px no-repeat; }
.toggler2-opened { color: #fff;  background: #e4dde2 url(/images/icn-arrow-down.gif) 350px 12px no-repeat; }
.toggler2-opened:hover { color: #fff; text-decoration: none; background: #e9e9e9 url(/images/icn-arrow-right.gif) 350px 12px no-repeat; }

.toggler2-c { margin-bottom: 25px; }
.toggler2-c-closed { margin: -14px 0 10px 0; background: #fff; border: solid 1px #a6aeb0; border-top: 0; padding: 10px; width: 358px; }
.toggler2-c-opened { margin: -14px 0 10px 0; background: #fff; border: solid 1px #a6aeb0; border-top: 0; padding: 10px; width: 358px; }

}

@media print {

.toggler2-c { margin-bottom: 25px; }
.toggler2 { display: none; }
	
}
#newsContent { line-height: 1.4em; position: relative; float: left; margin: 5px 5px 10px 0; width: 380px; }
#newsContent h3 { color: #003c75; font-size: 1.1em; margin: 5px 0 10px 0; }
#newsContent .toggleNews a { color: #000; text-decoration: none; }
#newsContent .toggleNews a:hover { color: #000; text-decoration: underline; }
#newsContent ul { padding: 0 0 0 10px; margin: 0 0 20px 10px; }
#newsContent h4 { color: #003c75; font-size: 1.0em; margin: 5px 0 10px 0; }
#newsContent h5 { color: #003c75; font-size: 0.9em; margin: 5px 0 10px 0; }
#newsContent em { font-weight: normal; font-style: normal; } 
.toggleNews img { position: relative; float: left; margin: 0 10px 0 0; }
.toggleNews .backtop a { color: #003762; }
.toggleNews .backtop a:hover { color: #00aade; }
.pagination a { text-decoration: none; color: #94a5c6; border: 1px solid #ccc; padding: 4px 6px 4px 6px; }
.pagination a:hover { text-decoration: none; background-color: #e4dde2; }
.pagination strong { color: #4b1c3e;  border: 1px solid #4b1c3e; padding: 4px 6px 4px 6px; }


/* Footer
---------------------------------------------------*/
#footer { position: relative; width: 928px; padding: 0 0 0 12px; color: #dbdcdb; }
#footer a { color: #dbdcdb; }
#footer a:hover { color: #4b1c3e; text-decoration: none; }

#footer ul { padding: 0; margin: 16px 0 0 0; list-style-type: none; }
#footer ul li { float: left; font-size: 0.95em; border-right: 1px solid #dbdcdb; height: 10px; line-height: 0.7em; margin: 0 10px 0 0; padding: 0 10px 0 0; }
#footer ul li.last { border: none; }