/*************************************************************************
' Function : CSS defintions for the store.
' Product  : CandyPress Store Frontend
' Version  : 4.1

' Modified : May 2007
' Copyright: Copyright (C) 2004 Webs Unlimited, Inc. 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at http://www.candypress.com
'**************************************************************************/

/* Sirvus Modifications */

* { behavior: url(iepngfix.htc) }

html, body{
  height: 100%;
  margin:0px;
  padding:0px;
  text-align: center;
  background: url(../usermods/img/background.gif) repeat-x top center;
  background-color: #ffffff;
  /* background-color: #000000; */
  }

#topnav {
  background-color: #ffffff;
  width: 100%;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#topnav_text {
  color: #515151;
  font-family: Verdana, Arial, helvetica;
  font-size: 9px;
  font-weight: normal;
  }

#topnav_text2 {
  color: #515151;
  font-family: Verdana, Arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  vertical-align:text-bottom;
  }

#bottomnav_text {
  color: #515151;
  font-family: Verdana, Arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  vertical-align:text-bottom;
  }
      
#container {
  background-color: #ffffff;
  width: 910px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  padding: 0px;
  }
  
.leftnav {
  background-color: #1c1f25;
  color: #ffffff;
  font-family: Verdana, Arial, helvetica;
  font-size: 10px;
  font-weight: normal;
}

.quotebg {
  background-color: #20afaf;
  height:100%;
  padding: 28px;
}

.quotebg2 {
  background-color: #20afaf;
  height:100%;
  padding: 0px;
}

.quotebg3 {
  background-color: #ccc;
  height:100%;
  padding: 0px;
}

.quote {
  color: #ffffff;
  font-family: Garamond, serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3;
  text-align:center;
}

#fade2 {
  color: #ffffff;
  font-family: Verdana, Arial, helvetica;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  line-height: 1.3;
  text-align:left;
}

#fade2 a:link		{color: #ffffff;font-family: Verdana, Arial, helvetica;font-size: 14px;font-weight: normal;font-style: italic; text-decoration: none;}
#fade2 a:visited	{color: #ffffff;font-family: Verdana, Arial, helvetica;font-size: 14px;font-weight: normal;font-style: italic; text-decoration: none;}
#fade2 a:active	{color: #ffffff;font-family: Verdana, Arial, helvetica;font-size: 14px;font-weight: normal;font-style: italic; text-decoration: none;}
#fade2 a:hover	  {color: #ffffff;font-family: Verdana, Arial, helvetica;font-size: 14px;font-weight: normal;font-style: italic; text-decoration: none;}
#fade2 a.		    {color: #ffffff;font-family: Verdana, Arial, helvetica;font-size: 14px;font-weight: normal;font-style: italic; text-decoration: none;}

.quoteleft {
  float:left;
  width:30px;
  height:30px;
  vertical-align:top !important;
  background: url(../2010/images/quotes-left.gif) no-repeat top center;
}

.quoteright {
  float:right;
  width:30px;
  height:30px;
  vertical-align:bottom !important;
  margin-top: -30px;
  margin-left: 10px;
  background: url(../2010/images/quotes-right.gif) no-repeat top center;
}

.quoteblock {
display: block;
width: 150px;
margin-left:30px;
padding: 0px 5px 0px 10px;
}

.quotename b {
  color: #ffffff;
  }
  
.quotename {
  color: #ffffff;
  width: 160px;
  margin-left:40px;  
  font-family: Verdana, Arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
}

.quotename2 {
  color: #808080;
  font-family: Verdana, Arial, helvetica;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
}

.author {
  color: #ffffff;
  font-family: verdana, arial, helvetica;
  font-size: 12px;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:center;
}

.formtext {
  color: #515151;
  font-family: verdana, arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  line-height:normal;
}

.extratitle {
  color: #000000;
  font-family: verdana, arial, helvetica;
  font-size: 16px;
  font-weight: normal;
}

.extratext {
  color: #515151;
  font-family: verdana, arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  line-height: 2;
}

.press {
  color: #515151;
  font-family: verdana, arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  vertical-align:top;
  height:60px;
}

.press_image {
  float: right;
  vertical-align:top;
}

#bottomnav {
  background-color: #ffffff;
  color: #515151;
  font-family: Verdana, Arial, helvetica;
  font-size: 9px;
  font-weight: normal;
  width: 100%;
  vertical-align: top;
  text-align: center;
}


#legals {
  color: #515151;
  font-family: Verdana, Arial, helvetica;
  font-size: 9px;
  font-weight: normal;
}

#slogan {
  color: #20afaf;
  font-family: Garamond,serif;
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
}

.10credit {
  font-family: Garamond, times new roman, serif;
  font-size: 15px;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
}

.bluetext {color: #20afaf;}

a:link		{color: #515151; text-decoration: none;}
a:visited	{color: #515151; text-decoration: none;}
a:active	{color: #515151; text-decoration: none;}
a:hover		{color: #20afaf; text-decoration: none;}
a			{text-decoration: none;}

a.bluelink:link		{color: #20afaf; text-decoration: none;}
a.bluelink:visited	{color: #20afaf; text-decoration: none;}
a.bluelink:active	{color: #20afaf; text-decoration: none;}
a.bluelink:hover	{color: #20afaf; text-decoration: none;}
a.bluelink			{text-decoration: none;}

a.linktag:link		{color: #515151; text-decoration: none;}
a.linktag:visited	{color: #515151; text-decoration: none;}
a.linktag:active	{color: #515151; text-decoration: none;}
a.linktag:hover		{color: #20afaf; text-decoration: none;}
a.linktag			{text-decoration: none;}

a.navlink:link		{color: #515151; text-decoration: none;}
a.navlink:visited	{color: #515151; text-decoration: none;}
a.navlink:active	{color: #515151; text-decoration: none;}
a.navlink:hover		{color: #20afaf; text-decoration: none;}
a.navlink			{text-decoration: none;}

a.bottomlink:link		{color: #515151; border-bottom: 0px solid #515151; text-decoration: none;}
a.bottomlink:visited	{color: #515151; border-bottom: 0px solid #515151; text-decoration: none;}
a.bottomlink:active		{color: #515151; border-bottom: 0px solid #515151; text-decoration: none;}
a.bottomlink:hover		{color: #515151; border-bottom: 1px dashed #515151; text-decoration: none;}
a.bottomlink			{text-decoration: none;}

a.collectionlink:link		{color: #515151; text-decoration: none; font-weight:normal;}
a.collectionlink:visited	{color: #515151; text-decoration: none; font-weight:normal;}
a.collectionlink:active		{color: #515151; text-decoration: none; font-weight:normal;}
a.collectionlink:hover		{color: #00cccc; text-decoration: none; font-weight:normal;}
a.collectionlink			{text-decoration: none;}

/* Snazzy Borders - Rounded Corners */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0px; letter-spacing:1px;}
#xsnazzy {background: transparent;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.xb1 {margin:0 5px; background:#999;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ccc; border:0 solid #999; border-width:0 1px;}

/* General Tag specifications */
B, TD, P     {COLOR: #515151; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 8pt}

/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #515151; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox1 A:link     {COLOR: #515151; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #515151; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #20afaf; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #515151; BACKGROUND-COLOR: #ffffff; text-align:left; FONT-FAMILY: Verdana, Arial, helvetica;}
.CPbox2H           {COLOR: #515151; BACKGROUND-COLOR: #f5f5f5; text-align:left; FONT-SIZE: 14px; padding-right: 12px;}
.CPbox2H B         {COLOR: #515151; text-align:right; FONT-SIZE: 14px;}
.CPbox2B           {COLOR: #515151; BACKGROUND-COLOR: #f5f5f5; text-align:right; padding-right: 12px;}
.CPbox2B A:link    {COLOR: #515151; FONT-SIZE: 13px; TEXT-DECORATION: none; text-align:left;}
.CPbox2B A:visited {COLOR: #515151; FONT-SIZE: 13px; TEXT-DECORATION: none; text-align:left;}
.CPbox2B A:hover   {COLOR: #20afaf; FONT-SIZE: 13px; TEXT-DECORATION: none; text-align:left;}

/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: transparent;}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc {FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, helvetica; color: #515151;}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 11px}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {COLOR: #800000}

/* Product Price - Price Value */
.CPprodPriceV {COLOR: #515151}

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through}

/* Product Sale Price - Text Label */
.CPprodSPriceT {}

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: red}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: red}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: normal}

/* Option Description for "Optional" options */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}


/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #ffffff; BORDER: 0px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #515151; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #515151; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #20afaf; TEXT-DECORATION: none}

/* System Messages */
.CPsysMsg    {FONT-SIZE: 10pt;}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 10pt;}
.CPsysMsgURL {FONT-SIZE: 10pt}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #515151; BACKGROUND-COLOR: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Description for "Mandatory" options*/
.CPoptDescM {color: #515151}


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {FONT-SIZE: 6pt; TEXT-DECORATION: none;}
.install { 
	BORDER: 1px solid #BBC3D3
}

.installcomment {
	PADDING-LEFT: 30px;
}

.textBlock {
	BACKGROUND-COLOR: #EEEEEE;
	BORDER: 1px solid #CCCCCC;
}

.maintClosed {
	color: red;
	font-size: 15pt;
	text-align: center;
}

.CPContactUs {

}

/* -------------------- */
/* ADDED -- Version 3.5 */
/* -------------------- */
.findTable {
	background-color: #EEEEEE;
	BORDER: 1px solid #CCCCCC;
}
.listTable {
	background-color: #EEEEEE;
}
.listRowTop {
	BACKGROUND-COLOR: #DDDDCC;
	BORDER-TOP: 1px solid #888888;
	BORDER-BOTTOM: 1px solid #888888;
}
.listRowHead {
	BACKGROUND-COLOR: #DDDDDD;
}
.listRowBot {
	BACKGROUND-COLOR: #DDDDCC;
	BORDER-TOP: 1px solid #888888;
	BORDER-BOTTOM: 1px solid #888888;
}

/* --------------------  */
/* ADDED -- Version 4.1  */
/* --------------------  */
.cpbeta {
	color: red;
	font-size: 14pt;
	
}

/* New template style */ 
html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0; /* center for now */
	width: 24em; /* ems so it will grow */
	background: url(../usermods/img/featurebox/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../usermods/img/featurebox/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../usermods/img/featurebox/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../usermods/img/featurebox/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	text-align: left;
}

.boxbody a {	
	text-decoration: none;
}
.boxbody a:hover {
	text-decoration: underline;
}
.boxbody span.cpCart {
	text-align: left;
	padding-right: 3em;
}


/*
---------- CP Mods Multiple IMages 4.1 ----------
[Begin]
*/
* {font-family: Verdana, Helvetica;}

.highslide {
	cursor: url(../Scripts/jscripts/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../Scripts/jscripts/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../Scripts/jscripts/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(../Scripts/jscripts/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../Scripts/jscripts/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}/*
[End]
*/