@charset "UTF-8";
/* CSS Document */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;/*background:#FFF;*/}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}




/* ----- BODY ----- */

body {
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}




/* ----- ENTIRE CONTAINER ----- */

div#entire-container {
	width:950px;
	margin:auto;
	background-color:#FFFFFF;
}




/* ----- CLEAR FLOATS ----- */

div.clearFloats {
	clear: both;
}




/* ----- HOMEPAGE NAV BAR ----- */

div#main-nav {
	padding-top:20px;
	width:910px;
	margin-left:auto;
	margin-right:auto;
}


ul#home-nav {
	height:26px;
	background-image:url(images/main-nav-pixy.jpg);
}


ul#home-nav li {
	float:left;
	padding-top:2px;
}


li.bar a:link, li.bar a:visited {
	font-size:14px;
	color:#FFFFFF;
	display:block;
	width:178px;
	height:22px;   /*<<< change back to 26px*/
	text-decoration:none;
	text-align:center;
	line-height:22px;
}

li.bar a:hover, li.bar a:active {
	font-size:14px;
	color:#FF0099;
	display:block;
	width:178px;
	height:22px;  
	background-color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}


li#about-nav a:link, li#about-nav a:visited {
	margin-left:10px;

}

li#about-nav a:hover, li#about-nav a:active {
	margin-left:10px;
}

li#about-on a:visited {
	background-color:#FFFFFF;
	color:#999999;
	height:22px;
}

li#flavors-on a:visited {
	background-color:#FFFFFF;
	color:#999999;
	height:22px;
}

li#find-on a:visited {
	background-color:#FFFFFF;
	color:#999999;
	height:22px;
}

li#press-on a:visited {
	background-color:#FFFFFF;
	color:#999999;
	height:22px;
}

li#merch-on a:visited {
	background-color:#FFFFFF;
	color:#999999;
	height:22px;
}




/* ----- HOMEPAGE IMAGES ----- */

div#home-image {
	margin-left:auto;
	margin-right:auto;
	width:184px;
	margin-top:58px;
}

div#home-image-2 {
	margin-left:auto;
	margin-right:auto;
	width:455px;
	margin-top:30px;
	margin-bottom:60px;
}




/* ----- PERSISTANT HEADER AND NAV ----- */

div#top {
	padding-top:20px;
}


h1#home-logotype {
	width:255px;
	height:26px;
	background-image:url(images/h1-bg.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
	margin-left:20px;
}

h1#home-logotype a {
	display:block;
	height:26px;
}



ul#nav {
	width:635px;
	height:26px;
	background-image:url(images/per-nav-bg.jpg);
	float:right;
	margin-right:20px;
}


ul#nav li {
	float:left;
	padding-top:2px;
}


li.sml-bar a:link, li.sml-bar a:visited {
	font-size:12px;
	color:#FFFFFF;
	display:block;
	width:99px;
	height:22px;
	text-decoration:none;
	text-align:center;
	line-height:22px;
}

li.sml-bar a:hover, li.sml-bar a:active {
	font-size:12px;
	color:#FF0099;
	display:block;
	width:99px;
	height:22px;   
	background-color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}


li#per-about a:link, li#per-about a:visited {
	margin-left:10px;
}

li#per-about a:hover, li#per-about a:active {
	margin-left:10px;
}

li#per-merch a:link, li#per-merch a:visited {
	width:120px;
}

li#per-merch a:hover, li#per-merch a:active {
	width:120px;
}



/* ----- ABOUT US + GENERAL PAGE ----- */

div#content {
	width:830px;
	margin:30px 50px 0px 50px;    
}


div#text {
	float:left;
	width:509px;
	}
	
	
div#image {
	float:right;
	width:300px;
	margin-bottom:60px;
}


h2.content-headers {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FF0099;
}

h2.content-headers-2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FF0099;
	margin-top:30px;              /*<<<<<< 	TOP MARGIN    */
}


h3.content-headers-3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0099;
	margin-top:9px;				 /*<<<<<< 	TOP MARGIN    */
}


p.content-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#999999;
	margin-top:7px;
}

p.content-text2-para {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#999999;
	margin-top:10px;   
}

span.press-link {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}




/* ----- SLIDESHOW ----- */

#slideShow	{
	width:301px;
	height:401px;
	overflow:hidden;
	list-style:none;
}



/* ----- SCROLL MAP ----- */

div#scroll-map {
	width:260px;
	height:360px;
	overflow:auto;
	overflow-y:hidden;
	margin-left:20px;
	padding-top:20px;
}

div#scroll-map-bdr {
	background-image:url(images/map-bdr.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:400px;
}


div#image-map {
	float:right;
	width:300px;
	margin-bottom:15px;
}

h3.content-headers-31 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0099;
	margin-left:535px;
}




/* ----- PRESS PAGE ----- */

ul.content-links { margin-top:0px;}


ul.content-links li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0099;
	text-decoration:none;
	line-height:35px;
}

p.press-below {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	margin-top:-8px;
}




/* ----- FLAVORS PAGE ----- */

ul.flavors	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:35px;
	color:#999999;
	margin-top:0px;			 /*<<<<<< 	TOP MARGIN    */
}


ul#col-2 {
	float:right;
	margin-right:40px
}
	
	
ul#col-1 {
	float:left;
	width:200px;
}




/* ----- FIND US PAGE ----- */

p#content-text-dir	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	margin-top:30px;				 /*<<<<<< 	TOP MARGIN    */
}

.content-headers-3 a {
	color:#FF0099;
	text-decoration:none;
}

.content-headers-32 {
	color:#FF0099;
	text-decoration:none;
	margin:12px 0px 0px 0px;
	font-size:14px;
}




/* ----- MERCH PAGE ----- */

ul.row li {
	float:left;
	margin:15px 30px 60px 0px;	/*<<<<<< 	TOP MARGIN    */
	height:170px;
	width:113px;
}


.row a:link, .row a:visited {
	border-width:2px;
	border-color:#999;
	border-style:solid;
	display:block;
	height:170px;
	width:113px;
}


.row a:hover, .row a:active {
	border-width:2px;
	border-color:#FF0099;
	border-style:solid;
	display:block;
	height:170px;
	width:113px;
}


p.content-text-merch {
	margin:9px 0px 15px 0px;		 /*<<<<<< 	TOP MARGIN    */
	color:#999999;
	font-size:14px;
	width:509px;
}


p.small-type {
	font-size:10px;
	color:#FF0099;
	margin:30px 0px 0px 0px;
}


li#last-merch-image	{
	margin-right:0px;
}




/* ----- BOTTOM COPY ----- */

p.btm-copy {
	margin:15px 0px 0px 50px;			 /*<<<<<< 	TOP MARGIN    */
}


p.btm-copy a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0099;
	text-decoration:none;
}


p.btm-copy img {
	margin-left:12px;
	vertical-align:middle;
}




/* ----- FOOTER ----- */

div#btm {
	width:910px;
	height:20px;
	background-image:url(images/footer-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	padding-bottom:30px;
	margin-top:60px;
}


ul#btm-nav {
	font-size:9px;
}


ul#btm-nav li {
	float:left;
	width:124px;
	text-align:center;
	height:20px;
	line-height:22px;
	color:#FFFFFF;
}


ul#btm-nav li a {
	text-decoration:none;
	color:#FFFFFF;
}