/*
	Copyright Code Computerlove Ltd 2009-2010
	Build: 1.0.0.107
	Date: 07/01/2010 09:46:12
*/

html { background: #363428 url(../Images/Global/BackgroundRepeater.jpg) 0 -20px repeat-x; }
* { margin: 0; padding: 0; }
body  { background: transparent url(../Images/Global/Background.jpg) center 0 no-repeat;  font: 62.5%/1.3 Arial, Helvetica, Geneva, sans-serif; color: #000000; }
html>body { font-size: 10px; }
p { font-size: 1.2em; margin: 5px 0; }
a { outline: none; }
a:hover { }
img { border: none; display: block; }
h1 { margin: 0; padding: 0; clear: both; }
h2 { margin: 0; padding: 0; }
h3 { margin: 0; padding: 0; }
ul { list-style-type: none; margin: 0; padding: 0; } 
ol { margin: 0; padding: 0; } 
ul li { margin: 0; padding: 0; }
form { height: 100%; }
legend { display: none; }
fieldset { border: none; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div#Skiplinks { left: -9999em; position: absolute; top: -9999em; }
.replace { background-repeat: no-repeat; overflow: hidden; position: relative; }
.replace span { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 100; }
ul#Accessibility, .accessibility { left: -9999em; position: absolute; top: -9999em; }
.adn { display: block; height: 0; overflow: hidden; width: 0; }

#Container { width: 964px; margin: 0 auto; }

#Branding { height: 1%; position: relative; z-index: 10; }
#Branding:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#Branding .logo { width: 234px; height: 106px; position: absolute; top: 0; left: -30px; z-index: 10; }
#Branding .logo a { height: 106px; display: block; text-indent: -9999em; background: transparent url(../Images/Global/PieFactoryLogo.jpg) 0 0 no-repeat; }

#NavigationPrimary { margin-left: 232px; float: left; position: relative; z-index: 10; }
#NavigationPrimary ul { height: 1%; }
#NavigationPrimary ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#NavigationPrimary li { float: left; position: relative; }
#NavigationPrimary li a { display: block; height: 58px; text-indent: -9999em; font-size: 1.1em; font-weight: bold; background: transparent url(../Images/Global/NavigationPrimary.png) 0 15px no-repeat; }
#NavigationPrimary li#NP1 a { width: 173px; background-position: 0 15px; }
#NavigationPrimary li#NP2 a { width: 185px; background-position: -173px 15px; }
#NavigationPrimary li#NP3 a { width: 178px; background-position: -372px 15px; }
#NavigationPrimary li#NP4 a { width: 172px; background-position: -562px 15px; }
#NavigationPrimary li#NP1 a:hover, #NavigationPrimary li#NP1.hover a { background-position: 0 -142px; }
#NavigationPrimary li#NP2 a:hover, #NavigationPrimary li#NP2.hover a { background-position: -173px -142px; }
#NavigationPrimary li#NP3 a:hover, #NavigationPrimary li#NP3.hover a { background-position: -372px -142px; }
#NavigationPrimary li#NP4 a:hover, #NavigationPrimary li#NP4.hover a { background-position: -562px -142px; }
#NavigationPrimary li#NP1.active a { background-position: 0 -298px; }
#NavigationPrimary li#NP2.active a { background-position: -173px -298px; }
#NavigationPrimary li#NP3.active a { background-position: -372px -298px; }
#NavigationPrimary li#NP4.active a { background-position: -562px -298px; }
#NavigationPrimary li.active-hover ul { z-index: 101; }
#NavigationPrimary li#NP1.active-hover a { background-position: 0 -410px; }
#NavigationPrimary li#NP2.active-hover a { background-position: -173px -410px; }
#NavigationPrimary li#NP3.active-hover a { background-position: -372px -410px; }
#NavigationPrimary li#NP4.active-hover a { background-position: -562px -410px; }
#NavigationPrimary li#NP1.active a:hover, #NavigationPrimary li#NP1.active a.hover { background-position: 0 -410px; }
#NavigationPrimary li#NP2.active a:hover, #NavigationPrimary li#NP2.active a.hover { background-position: -173px -410px; }
#NavigationPrimary li#NP3.active a:hover, #NavigationPrimary li#NP3.active a.hover { background-position: -372px -410px; }
#NavigationPrimary li#NP4.active a:hover, #NavigationPrimary li#NP4.active a.hover { background-position: -562px -410px; }

#NavigationPrimary li.active .sub-navigation { display: none; }
#NavigationPrimary .sub-navigation { display: none; zoom:1; padding: 7px; width: 151px; height: auto; position: absolute; left: 0px; top: 47px; z-index: 10; background: #d7d5d2 url(../Images/Global/NavigationPrimarySub.jpg) 0 0 no-repeat; }
#NavigationPrimary .sub-navigation li { float: none; position:static; margin: 7px 0; padding-bottom: 7px; border: none; border-bottom: 1px solid #b4b1ab; }
#NavigationPrimary .sub-navigation li.last { border: none; }
#NavigationPrimary .sub-navigation a { text-indent: 0; font-weight: bold; width: 151px; height: auto; text-transform: uppercase; text-decoration: none; color: #363428; background: none; }
#NavigationPrimary .sub-navigation a:hover { color: #3e7fa3; }
#NavigationPrimary li#NP1 .sub-navigation a { width: auto; }
#NavigationPrimary li#NP2 .sub-navigation a { width: auto; }
#NavigationPrimary li#NP3 .sub-navigation a { width: auto; }
#NavigationPrimary li#NP4 .sub-navigation a { width: auto; }
#NavigationPrimary li:hover .sub-navigation, #NavigationPrimary li.hover .sub-navigation, #NavigationPrimary li.active-hover .sub-navigation { display: block; }

#NavigationPrimary li#NP1 .sub-navigation { left: 7px; }
#NavigationPrimary li#NP2 .sub-navigation { left: 3px; }

#NavigationSecondary { height: 40px; margin-top: 20px; }
#NavigationSecondary h2 { font-size: 11px; color: #ffffff; text-transform: none; }
#NavigationSecondary ul { float: left; }
#NavigationSecondary li { float: left; width: auto; margin: 3px 7px 0 0; padding-right: 7px; border-right: 1px solid #66645A; }
#NavigationSecondary li.last { border: none; }
#NavigationSecondary li a { color: #d7d6d4; text-decoration: none; text-transform: uppercase; font-size: 11px; }
#NavigationSecondary li a:hover { color: #3e7fa3; } 
#NavigationSecondary li.active a { color: #3e7fa3; }

#ContentPrimary { height: 1%; position: relative; }
#ContentPrimary:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }


#FlashContainer { position: relative; z-index: 1; padding-bottom: 60px;   }
.flash-alt { padding-top: 10px; }
.flash-alt .alt-img { height: 325px; }
.flash-alt .get-flash { float: left; margin-left: 20px; color: #66645a; font-size: 1em; text-decoration: none; width: 163px; padding: 5px 0 2px 37px; background: transparent url(../Images/Global/GetFlash.png) 0 5px no-repeat; }

.messages { height: 1%; position: absolute; top: 335px; right: 0; z-index: 2; }
.messages:after { display: block; content: "."; height: 0; visibility: hidden; clear: both; }
.signup { float: right; display: block; width: 234px; height: 11px; text-indent: -9999em; margin-top: 5px; text-transform: uppercase; text-decoration: none; color: #FFF; font-weight: bold; font-size: 11px; clear: both; background: transparent url(../Images/Buttons/SignUpNewsletter.png) 0 0 no-repeat; } 
.signup:hover {background-position: 0 -13px;  }
.speak-to-us { float: right; display: block; width: 194px; height: 24px; text-indent: -9999em;  background: transparent url(../Images/Buttons/SpeakToUs.png) 0 1px no-repeat; }
.speak-to-us:hover { background-position: 0 -26px; }

#Footer { height: 1%; border-top: 1px solid #66645a; padding-top: 10px; margin-top: 20px; position: relative; }
#Footer:after { display: block; content: "."; height: 0; visibility: hidden; clear: both; }
#Footer .site-info { height: 1%; float: left; width: 50%; }
#Footer .site-info:after { display: block; content: "."; height: 0; visibility: hidden; clear: both; }
#Footer .site-info p { font-size: 1em; color: #FFFFFF; text-transform: uppercase; }
#Footer .site-info p em { font-style: normal; color: #36b8d1; }
#Footer .site-info li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #66645a; }
#Footer .site-info li a { text-transform: uppercase; text-decoration: none; color: #66645a; font-size: 1em; }
#Footer .site-info li.last { border: none; }
#Footer .logo-link { position: absolute; left: 0; top: 0; height: 35px; width: 160px; display: block; text-indent: -9999em; }

#Footer .external-links { float: right; width: 40%; text-align: right; }
#Footer .external-links img { display: inline; }

.pdf { color: #FFFFFF; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 5px 25px 5px 0; margin-right: 15px; background: transparent url(../Images/Global/PDF.png) right center no-repeat; }

.content-slide-container { height: 500px; overflow: hidden; width: 964px; position: relative; z-index: 1; }
.loader {  position: absolute; left: 0; top: 0;width: 964px; height: 500px; z-index: 99; }
.image-loader { width: 964px; text-align: center; padding-top: 100px; position: absolute; left: 0; top: 0; z-index: 100; }
.image-loader img { display: inline; }
.image-loader p { font-size: 11px; color: #CFC9BF; }

.content-container { margin-top: 50px; height: 500px; overflow: hidden; width: 964px; float: left; }
.content-container h1 { color: #FFFFFF; text-transform: uppercase; font-size: 30px; }
.content-container h1 em { color: #8c8787; font-style: normal; }
.content-container h2 { color: #FFFFFF; font-size: 15px; text-transform: uppercase; margin-left: 42px; font-weight: bold; }
.content-container h3 { color: #FFFFFF; font-size: 14px; font-weight: bold; margin-top: 10px; }
.content-container h4 { color: #FFFFFF; font-size: 12px; font-weight: bold; margin-bottom: 10px; }
.content-container:after { display: block; content: "."; height: 0; visibility: hidden; clear: both; }
.content-container .copy-container { width: 290px; float: left; margin-top: 20px; }
.content-container p { color: #d7d6d4; font-size: 11px; line-height: 1.6; }
.content-container a { color: #8C8787; text-decoration:none; }
.content-container a:hover { color: #FFFFFF; }
.content-container li { color: #d7d6d4; font-size: 11px; line-height: 1.6; margin-left: 20px; list-style: disc; }
.content-container .floated { height: 1%; clear: both; }
.content-container .floated:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.content-container .floated li { width: 125px; float: left; }
.content-container .image-container { width: 640px; float: right; text-align: right; margin-top: 20px; }
.content-container .image-container img { display: inline; }
.content-container .image-container p { text-align: right; }
.content-container .image-container p a { color: #FFFFFF; }
.content-container blockquote { color: #d7d6d4; font-size: 11px; line-height: 1.6; }

address { font-style: normal; color: #d7d6d4; margin-top: 20px; }
address .arow { display: block; clear: both; margin: 5px 0; font-size: 11px; }

fieldset { width: 272px; }
.frow { height: 1%; margin: 10px 0; }
.frow:after { display: block; content: "."; height: 0; visibility: hidden; clear: both; }
.frow label { width: 86px; float: left; color: #d7d6d4; font-size: 11px; }
.frow-input input { width: 176px; float: left; background: #f6f1e6; border: none; font-size: 12px; padding: 5px; }
.frow-action input { float: right; }
.frow-action img { display: inline; }
.frow-input input.validation-failed { background: #c94577; color: #ffffff; }
.frow-checkbox input.validation-failed { background: #c94577; color: #ffffff; }

#ClientValidationSummary p { color: #c94577; font-size: 12px; }
#ClientValidationSummary ul { display: none; height: 0; }


.frow-checkbox { height: 1%; margin: 20px 0; }
.frow-checkbox input { float: left; margin-left:86px;  }
.frow-checkbox label { float: left; margin-left:10px; width: 156px; float: left; color: #d7d6d4; font-size: 11px; }

.three-column { height: 1%; margin-top: 20px; }
.three-column:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.three-column .column { width: 262px; margin-right: 80px; float: left; }
.three-column .column-3 { margin: 0; }
.three-column .column h2 { margin-left: 0; }
.three-column .column .copy { height: 120px;  }

.two-column { height: 1%; margin-top: 20px; }
.two-column:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.two-column .column-1 { width: 280px; margin-right: 20px; float: left; }
.two-column .column-2 { width: 305px; margin-right: 20px; float: left; }
.two-column .image-container { width: 335px; float: left; position: relative; }
.two-column .image-container h2 { margin-left: 0; }
.two-column .image-container h4 { font-size: 12px; text-transform: uppercase; color: #d7d6d4; }

.blog-button { position: absolute; top: -30px; left: -15px; width: 196px; height: 61px; display: block; text-indent: -9999em; text-align: left; background: transparent url(../Images/Content/FindOutMore/BlogButton.png) 0 0 no-repeat; }
.blog-button:hover { background-position: 0 -63px; }

.one-column-large { height: 1%; margin-top: 20px;  }
.one-column-large:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.one-column-large .column-1 { width: 605px; margin-right: 20px; float: left; }
.one-column-large .image-container { width: 335px; float: left; }
.one-column-large h3, .contact h3 { margin-bottom: -5px; }


#ContentPrimary .content-container ul#sitemap li {margin:5px 0 5px 10px; font-weight:bold; display:block; list-style-type:none; }
#ContentPrimary .content-container ul#sitemap li a {color: #fff; font-size: 14px; line-height: 1.6; float:left; display:block; text-decoration:none; }
#ContentPrimary .content-container ul#sitemap li a:hover {color:#3E7FA3;}
#ContentPrimary .content-container ul#sitemap li ul { display:block;}
#ContentPrimary .content-container ul#sitemap li ul li {margin:0px 10px 5px 10px; font-weight:bold; float:left;}
#ContentPrimary .content-container ul#sitemap li ul li ul { display:block;  clear:both;}
#ContentPrimary .content-container ul#sitemap li ul li ul li {margin:5px 0 5px 5px; font-weight:normal; float:none;}
#ContentPrimary .content-container ul#sitemap li ul li ul li a {color: #fff; font-size: 11px; float:none; line-height: 1.6; margin-left: 5px; text-decoration:none;}