/* global style sheet for the pistachio media CMS */


/* NAVIGATION MENU CSS */
/* Basic code - don't modify */
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */ 
 
#nav {  height: 24px; }
#nav *:hover { background-color: none; }
#nav a { font-family: "Century Gothic", Arial, Helvetica; font-size: 20px; color: #666666; text-align: left; vertical-align: middle; text-decoration:none;  padding-left: 10px; padding-right:6px;  }

  #nav li.hover a { font-family: "Century Gothic", Arial, Helvetica; font-size: 20px; color: #666666; text-align: left; vertical-align: middle; text-decoration:none;  padding-left: 10px; padding-right:6px;}
  #nav ul { top: 25px; }
    #nav ul li a { font-family: "Century Gothic", Arial, Helvetica; font-size: 20px; color: #666666; text-align: left; vertical-align: middle; text-decoration:none;  padding-left: 10px; padding-right:6px; }
      #nav ul a.hover { font-family: "Century Gothic", Arial, Helvetica; font-size: 20px; color: #666666; text-align: left; vertical-align: middle; text-decoration:none;  padding-left: 10px; padding-right:6px; }
   #nav ul a {  border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* END NAVIGATION MENU CSS */
/* Easy Slider */
	
	#slider ul, #slider div, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		height:350px;
		width:696px;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:706px;
		height:400px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */

/* login Slider */
	
	#loginSlider ul, #loginSlider div, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		height:350px;
		width:696px;
		}
	#loginSlider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:706px;
		height:400px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // login Slider */



/* jquery alert styles */

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(/images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(/images/info.gif);
}

#popup_content.confirm {
	background-image: url(/images/important.gif);
}

#popup_content.prompt {
	background-image: url(/images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/* preview image tool tips css */
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav{clear:both}
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(/images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:182px;}
#mainNav.fiveStep li a{width:182px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:303px;}
#mainNav.threeStep li.mainNavNoBg{width:304px;}
#mainNav.threeStep li a{width:303px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;}
#mainNav.twoStep li a{width:455px;}


*{margin:0; padding:0;} /* clear all default CSS */



body {
	  font:13px arial,helvetica,
      clean,sans-serif;
      
      }

table {font-size:inherit;font:100%;}


/* facebox css */

#facebox .b {
  background:url/b.png);
}

#facebox .tl {
  background:url/tl.png);
}

#facebox .tr {
  background:url/tr.png);
}

#facebox .bl {
  background:url/bl.png);
}

#facebox .br {
  background:url/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: center;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}


/* blog css classes */
.BlogHeaderSmallLarge {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	color: #666666;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	text-decoration: underline;
}

.BlogHeaderSmall {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #999999;
	text-align: left;
	vertical-align: bottom;
}
.BlogBodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
	padding-top: 10px;
	line-height: 14px;
	padding-right: 20px;
}

/* end blog css classes */









.HeaderLocationText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #666666;
	text-align: left;
	vertical-align: middle;
}
.MainNavigationText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #666666;
	text-align: left;
	vertical-align: middle;
}
.MainNavigationBackgroundImage {
	background-image: url(/images/Header.gif);
	background-repeat: no-repeat;
}
.MainFooterBackgroundImage {
	background-image: url(/images/MainFooterBackground.gif);
	background-repeat: repeat-x;
}
.MainFooterText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #999999;
	text-align: center;
	vertical-align: bottom;
}
.MainFooterSubText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
}
.HeaderLocationTextSelected {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #666666;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}
.BlogHeaderSmall {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #999999;
	text-align: left;
	vertical-align: bottom;
}
.BlogBodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
	padding-top: 10px;
	line-height: 14px;
	padding-right: 20px;
}
.MainNavigationSubText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 14px;
	color: #999999;
	text-align: left;
	vertical-align: middle;
}
.BlogHeaderSmallLarge {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	color: #666666;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	text-decoration: underline;
}
.PopUpMenuText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
	padding-top: 10px;
	line-height: 14px;
	padding-right: 20px;
}
.PopUpTextBoxes {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #666666;
	text-align: left;
	vertical-align: middle;
}
.ProductDetailVerticalBackground {
	background-image: url(/images/ProductPageVerticalScollerBackground.jpg);
	background-repeat: no-repeat;
}
.ProductDetailMainBackground {
	background-image: url(/images/ProductPageProductBackground.jpg);
	background-repeat: no-repeat;
}
.ProductDetailHorizontalBackground {
	background-image: url(/images/ProductPageHorizontalScollerBackground.jpg);
	background-repeat: no-repeat;
}
.ProductDetailButtonPad {
	padding-left: 7px;
}
.ProductDetailProductHeader {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 33px;
	font-weight: normal;
	color: #0099FF;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 10px;
}
.Divider {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.ProductDetailProductPrice {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	padding-left: 6px;
}
.ProductDetailProductPriceSale {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
	vertical-align: middle;
	padding-left: 6px;
}
.ProductDetailProductInformationHeader {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	padding-left: 6px;
}
.ProductDetailProductBodyText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
}
.ProductDetailBuyBackground {
	background-image: url(/images/ProductPageBuyButton.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.ProductListingProductHeader {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	padding-left: 6px;
}
.ProductListingProductPrice {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	padding-left: 6px;
}
.ProductListingProductPriceSale {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	vertical-align: middle;
	padding-left: 6px;
}
.ProductListingNavigationHeader {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
}
.ProductListingNavigationSUBHeader {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
}
.ProductListingNavigationSubDetails {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
}
.GeneralBodyText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding-right: 20px;
	line-height: 14px;
}

a.GeneralBodyText:link, a.GeneralBodyText:active, a.GeneralBodyText:visited, a.GeneralBodyText:hover {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding-right: 20px;
	line-height: 14px;
	text-decoration:none;
}


.GeneralBodyTextHeader {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 15px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
}
.ShoppingCartHeader {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
}
.ShoppingCartHeaderText {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	text-decoration: none;
	padding-left: 15px;
}
.ShoppingCartFooter {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
}
.ShoppingCartFooterBackground {
	background-image: url(/images/ShoppingCartFooterBackground.gif);
	background-repeat: repeat-x;
}
.OrderConfirmBackground {
	background-image: url(/images/ShoppingCartFooterBackground.gif);
	background-repeat: repeat-x;
}
.TwitterText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
	padding-top: 10px;
	line-height: 14px;
	padding-right: 20px;
}
.TwitterTextHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding-top: 0px;
	line-height: 14px;
	padding-right: 0px;
	font-weight: bold;
}

.GeneralBodyTextPoints {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding-right: 20px;
	line-height: 18px;
	list-style-type: square;
	text-decoration:none;
}


a.GeneralBodyTextPoints:link, a.GeneralBodyTextPoints:active, a.GeneralBodyTextPoints:visited, a.GeneralBodyTextPoints:hover {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding-right: 20px;
	line-height: 18px;
	text-decoration:none;
}



.ProductDetailProductHeaderSmall {
	font-family: "Century Gothic", Arial, Helvetica;
	font-size: 25px;
	font-weight: normal;
	color: #0099FF;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 10px;
}
.DividerBottom {
	border-top-width: thin;
	border-top-color: #CCCCCC;
	border-bottom-style: solid;
}

body {
	background-image: url(/images/TopBackground.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-color: #666666;
}