/* 
    
  == Color Palette: ========================
   * PB Blue:           004990
   * PB Dark Blue		284a79
  ======================================
   
*/

body {background:url(/img/bg.gif) top left repeat; color:#004990; background-color: #004990}
a {color:#284a79}
a:hover {color:#284a79;text-decoration:none}
ul {margin-left:2em;}
ul li ul {list-style:circle;}
h4 {font-weight:bold}
h6 {color:#284a79;}

/* ==== Masthead ==== */
#masthead {text-align:center;}
#masthead-to {text-align:center; overflow: visible; height: 300px; width: 895px; z-index: 999; position: absolute;}
.shopping-bag {z-index:1000;top:58px;left:100px;display:block;position:absolute;}
.shopping-bag.template {}
.shopping-bag a {background:none;display:block;}
.store-locator {z-index:1000;top:55px;right:100px;display:block;position:absolute;}
.store-locator.template {}
.store-locator a {background:none;display:block;}
.logo {z-index:1000;margin:0 auto;text-align:center;}
#navigation {margin:0 auto; z-index: 999; }

/* === Layout ==== */
.container {width:895px;margin:0 auto;}
.html-header {width:895px;padding:0;position:relative;}
.html-header.template {background:url(/img/html-temp-bg-header.gif) bottom left no-repeat;height:304px;display:block;}
.html-header.potc-template {background:url(/img/html-temp-bg-header-template.gif) bottom left no-repeat;height:164px;display:block;}
.html-header.potc-template-to {background:url(/img/html-temp-bg-header-template-to.gif) bottom left no-repeat;height:164px; display:block; z-index: 1;}
.html-content {position:relative;}
.html-content.template {background:url(/img/html-temp-bg-middle.gif) top left repeat-y;}
.html-content.takeover {height: 611px; text-align: center; overflow: hidden;}
.html-content .content-container {padding:0.1em 50px 1em 65px;position:relative;}
.html-content .content-container.top {margin-top:-150px;}
.html-content .content-container.three-quarter {padding-right:250px;}
.html-content .content-container.blog-post {width:570px;float:left;}
.html-footer {padding:2em 0 1em 0;text-align: center}
.html-footer.template {background:url(/img/html-temp-bg-footer.gif) top left no-repeat;padding-top:75px;}
.html-footer.spotted {background:url(/img/html-spot-bg-footer.gif) top left no-repeat;padding-top:250px;}
.html-footer a {color:#FFF;padding:0.25em;text-decoration:none;}
.html-footer a:hover {background:#10397F;text-decoration:none;}
.html-footer ul {list-style:none;display:block;margin:0;}
.html-footer ul li a {color:#9CF;}
.html-footer ul.top {margin-bottom:1em;}
.html-footer ul li {list-style:none;display:inline;margin-right:0.75em;font-size:0.95em}

h1.header {color: #10397f;font-weight:bold;left:50px;font-size:48px;}
h1.header.template {position:absolute;bottom:8px;left:65px;}

.st-bg {height:755px;width:895px;}

.scroll {background:url(/img/our-story-scroll.png) top left no-repeat;height:520px;width:470px;position:absolute;}
.scroll.blog {background:url(/img/blog-scroll.png) top left no-repeat;}
.scroll .scroll-content {padding:70px 60px 100px 40px;}
.scroll.blog .scroll-content {padding:70px 30px 100px 50px;}

div.scroll-pane {width:385px;height:315px;padding-right:0.25em}
.jScrollPaneTrack {background:#C3CDDF;}
.jScrollPaneDrag {background:#10397F;}

.download-pdf {padding:0 0 0 20px;margin:1em 0;background:url("/img/pdf.gif") left top no-repeat;color:#004990;}
.download-pdf a {color:#004990;font-size:1em;border:none;font-weight:bold; }
.download-pdf a:hover {color:#004990;text-decoration:none;}

ul.error-msg {list-style:none;margin:0;}
ul.error-msg li {list-style:none;display:inline;}

h4.error, h4.success, h4.notice {font-weight:bold;}
h4.error {color:#8a1f11;}
.notice h5 {color:#514721;}

.hide {display:none;}
.small {font-size:0.875em;}

.button {
	color:#FFF;text-decoration:none;display:block;font-weight:bold;border:1px solid #00305E;padding:0.5em 1.5em;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
	background:#004990;
	background: -moz-linear-gradient(top, #004990 0%, #1B446C 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004990), color-stop(50%,#1B446C));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004990', endColorstr='#1B446C',GradientType=0 );
}





.button:hover {color:#5A92C8;}

/* === Homepage ==== */
.home-blog {padding:0 80px;display:block;text-align:left}
.home-blog hr {background:#10397F;color:#10397F;}
.home-blog-posts {float:left;width:350px;margin:0;}
.home-blog-posts.first {margin-right:100px}
.home-blog-posts p {color:#FFF;}
.home-blog-posts p.date {margin-bottom:0.25em;}
.home-blog-posts h2, .home-blog-posts a {color:#9CF;text-decoration:none;padding:0;margin-bottom:.5em}
.home-blog-posts a:hover {background:#10397F;color:#FFF;padding:0;}
.home-blog-posts.facebook h1 {margin-left:45px;}

/* === Forms ==== */
fieldset {height:365px;width:367px;background:url(/img/form-fieldset-bg.png) top left no-repeat;display:block;padding:2em 0 0 0;}
form fieldset {display:none;visibility:hidden;}
legend {}
div.input {display:block;clear:both;float:none;margin-top:0.25em;}
label {color:#004990;font-weight:bold;width:130px;text-align:right;float:left;padding-right:1em;}
input[type=text] {width:184px;background:url(/img/form-text-bg.png) top left no-repeat;border:none;padding:6px 8px;}
textarea {width:184px;height:84px;background:url(/img/form-textarea-bg.png) top left no-repeat;border:none;padding:6px 8px;line-height:1.5;}
input[type=submit] {background:none;border:none;color:#004990;font-weight:bold;font-family:Helvetica, Arial, sans-serif;font-size:1em;position:relative;left:135px}

/* === Our Story ==== */
#our-story {background:url(/img/our-story-bg.gif) bottom left no-repeat;}
#our-story .scroll {right:40px;top:5px;}
#our-story #large-logo {position:absolute;left:30px;top:30px;z-index:99;}
#our-story div.scroll-pane {width:375px}

/* === Healthy Snacking ==== */
#healthy-snacking {background:url(/img/healthy-snacking-bg.jpg) bottom left no-repeat;}
#healthy-snacking h1.header {width:500px;}
div#healthy-snacking p#piratesbooty,div#healthy-snacking p#smartpuffs,div#healthy-snacking p#potatoflyers {margin:0;padding:0;display:block; text-indent:-9999px; outline:none; position:absolute;}
div#healthy-snacking ul.benefits {display:none;}
div#healthy-snacking p#piratesbooty { top:109px; left:46px; }
div#healthy-snacking p#piratesbooty a {width:496px; height:377px;display:block;}
div#healthy-snacking p#smartpuffs { top:0; left:561px;}
div#healthy-snacking p#smartpuffs a {width:293px; height:212px;display:block;}
div#healthy-snacking p#potatoflyers { top:230px; left:561px;}
div#healthy-snacking p#potatoflyers a {width:320px; height:255px;display:block;}

/* === Contact Us ==== */
fieldset#contact-form {float:left;width:430px;}
fieldset#contact-form div.error {width:250px;margin:0 0 8px 75px;}
div#contact-list {float:left;width:250px;}

/* === Blog ==== */
#blog {background:url(/img/blog-bg.jpg) bottom left no-repeat;}
#blog .scroll {right:110px;top:0px;}
ul#blog-nav {width:100%;}
ul#blog-nav, ul#blog-nav li ul {list-style:none;list-style-type:none;margin:0;padding:0;}
ul#blog-nav li, ul#blog-nav li ul li {list-style:none;display:inline;float:left;margin:0;padding:0;}
ul#blog-nav li.header {left:0;display:inline}
div.post-header {color:#000;}
div.post-header h2 {font-weight:bold;font-size:1em;}
div.post-header h2 a {color:#000;text-decoration:none}
div.blog-post div.entry p {font-size:1.25em;}
#sidebar {width:185px;float:left;margin:0 25px 0 0;}
#sidebar h2 {color:#5E789B;font-size:1em;font-weight:bold;}
#sidebar ul {list-style:none;margin:0 0 1em 0;}
#sidebar ul li {margin-bottom:0.25em;color:#999;}
#sidebar ul li a {color:#94A5BD;}
#sidebar ul li a:hover {background:#5E789B;color:#FFF;}
.entry h3, .hentry h3  {color:#284a79;font-weight:bold;}
.blog-archive-nav {display:block;margin:0 0 1.5em 0;overflow:auto;}
.blog-archive-nav p {display:inline;float:left;width:150px;}
div.blog-post div.entry p.postmetadata {font-size:1em;color:#666;font-weight:bold;}
.postmetadata a {}

/* === Press ==== */
ul.spotted-images {list-style:none;margin:0;padding:0;display:block;}
ul.spotted-images li {float:left;width:195px;list-style:none;margin:0;padding:0;min-height:230px;_height:auto !important;height:230px;}
ul.spotted-images li img{border: 0px solid #999}
#spotted-image {float:left;}
#spotted-image img{border: 0px solid #999}

ul.press-images {list-style:none;margin:0;padding:0;display:block;}
ul.press-images li {float:left;width:195px;list-style:none;margin:0;padding:0;min-height:230px;_height:auto !important;height:230px;}
ul.press-images li img{border: 1px solid #999}
#press-image {float:left;}
#press-image img{border: 1px solid #999}
#press-copy {float:left;}
h2.press-header {color:#284a79;font-size:2em;font-weight:bold;margin-bottom:0;}

/* === Products ==== */
ul#product-listings {list-style:none;display:block;position:relative;margin:0 auto;padding:0;overflow:auto}
ul#product-listings li {list-style:none;width:260px;float:left;margin:0px 110px 30px 0;text-align:center;}
ul#product-listings li p {margin:1.5em 0;}

/* === Product Locator ==== */
table#location-form {margin-bottom:1.5em;}
table#location-form tr, table#location-form td {vertical-align:middle;} 
table#location-form label {width:auto;}
table#location-form input[type=submit] {left:0;}
table#location-form .error {margin:0 0 0.5em 1em;}
ol#location-results {}
ol#location-results li {display:block;width:426px;margin-bottom:1.5em;overflow:auto;}
ol#location-results li div.location {width:200px;border-right: 2px solid #eee;float:left;}
ol#location-results li div.location h4 {margin-bottom:0.25em;font-weight:bold;color:#284a79;}
ol#location-results li div.distance {width:200px;padding:1em 0 0 2em;vertical-align:middle;float:left;}
ol#location-results li div.distance h4 {font-weight:bold;margin:0 0 0.5em 0;}

/* === POTC ==== */
ul#potc-banners {list-style:none;list-style-type:none;margin:0 auto;padding:0;display:block;height:150px;width:860px;}
ul#potc-banners li {list-style:none;float:left;margin:0;padding:0;width:286px;}
ul#potc-banners li a {display:block;height:150px;}
ul#potc-banners li a:hover {background:none;}

div#potc-sweeps-left {width:550px;float:left;margin-right:30px}
div#potc-sweeps-right {width:200px;float:left;}

ul#campo-photos {list-style:none;list-style-type:none;margin:0;padding:0;}
ul#campo-photos li {list-style:none;float:left;margin:0 11px 11px 0;padding:0;}
ul#campo-photos li a {display:block;height:87px;width:87px;border:1px solid #ddd;}
ul#campo-photos li a:hover {border:1px solid #666;}


ul#wallpaper-thumbs {padding:0px; margin:0px; float:left;  position:relative; width:220px;}
ul#wallpaper-thumbs li { list-style:none; float:left; position:relative; width:105px; height:105px; display:block; padding:10px 0px 0px 5px;}
ul#wallpaper-thumbs a {display:block; width:100px; height:100px; float:left; position:relative; border: 1px solid #FFF;}
ul#wallpaper-thumbs a:hover {border: 1px solid #036; }

div#potc-donate-left {width:440px;float:left;margin-right:30px}
div#potc-donate-right {width:310px;float:left;}
div#potc-chest {display:block; right:0px; text-align:right; width:800px;}


div#potc-trailer-cont {width:550px; height:280px; padding:90px 0px 0px 0px; float:left; position:relative;}
div#potc-treasures-cont {float:left; width:220px; position:relative; padding:0px 0px 0px 10px; height:251px; text-align:center;}
img#potc-treasures-heading { padding:10px 0px 10px 0px; }

div#potc-trailer {position:relative;height:490px;text-align:center;margin:0 auto 1.5em auto; float:left;}
ul#trailer-buttons {list-style:none;list-style-type:none;margin:0 auto;padding:0;display:block;position:absolute;top:460px; left:0px; width:600px;}
ul#trailer-buttons li {list-style:none;float:left;margin:10px 1em 0 0;padding:0;width:127px;}
.button_potc {
	color:#FFF;
	text-decoration:none;
	display:block;
	font-size:11px;
	font-weight:bold;
	border:1px solid #00305E;
	padding:0px 0px 0px 0px; 
	width:127px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:#004990;
	background: -moz-linear-gradient(top, #004990 0%, #1B446C 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004990), color-stop(50%,#1B446C));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004990', endColorstr='#1B446C',GradientType=0 );
}

.button_potc#lightbox { margin-right:2px;}

.button_potc:hover {color:#CFEDFF;}


div.potc-dvd {height:380px; max-height: 380px;}
h2.dvd-head {margin-top:50px;}




/*=====POTC FACEBOOK ==============*/
body#potc-fb-body {background-image:none; background-color:#FFF;}
div#potc-fb-container {float:left; position: relative; width:300px; padding-left:110px;}
div#potc-fb-container {float:left; position: relative; width:300px; }


/*======POTC TAKEOVER ======== ADDED 9/27/11 */
potc-takeover-cont {
height: 164px;
display: block;
width: 895px;
padding: 0;
position: relative;
}

h2.to-headline {
position: absolute;
left: 370px;
top:40px;
z-index: 99;
}

span.to-pirate {
height: 460px;
width: 323px;
bottom:2px;
right: 150px;
margin-right: -600px;
position: absolute;
background: url(/img/to-pirate.png) no-repeat 0px 0px;
z-index: 99;
}

h3.to-coupon {
 position: absolute;
 left: 80px; 
 top:40px;
 z-index: 99;
}

p.potc-to-p {
	font-size: 14px;
}

p.potc-to-p strong {
	font-style: italic;
	font-weight: normal;
}

span.potc-dvd {position:absolute; z-index:99; top:120px; right:40px;}

p.disney-privacy-policy {
padding-top: 20px;
}

/* ==== Pagination ======================== */
div.pagination {}
div.pagination div.pages p {font-weight:bold;}
div.pagination div.page-links p span.current {padding:4px;background:#284a79;font-weight:bold;color:#fff;margin:0 0.25em;}
div.pagination div.page-links p a {padding:4px;border:1px solid #555;margin:0 0.25em;text-decoration:none} 
div.pagination div.page-links p a:hover {border:1px solid #284a79;}

/* === Hacks ==== */
.clear {clear:both;margin:0;}