/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Shopping Tree Store Frontend
' Version  : 3.3
' Modified : January 2005
' Copyright: Copyright (C) 2004 Shopping Tree.Com 
'            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 webmaster@ShoppingTree.com
'**************************************************************************/

/* General Tag specifications */
body {
	COLOR: #333333;
	font: 12px Arial, Helvetica, sans-serif;
	background: #252b35;
	margin: 0px auto;
}
img {
	border-width: 0px;
}
img, div { behavior: url(iepngfix.htc) }
p {
	line-height: 1.5em;
	margin: 0px 0px 1em;
}
h1 {
	margin: 0px 0px 14px;
	font-size: 15px;
}
h2, h3, h4 {
	margin: 0px 0px 14px;
}
h3 {
	margin: 0px 0px 14px;
	font-size: 13px;	
}
a, a:active, a:visited {
	color: #185d92;
	text-decoration: underline;
}
a:hover {
	color: #185d92;
	text-decoration: none;
}
form {
	margin: 0px;
}
.error_strings {
	color: #CC0000;
}
.error_strings ul {
	margin: 0 0 1.3em 0;
	padding: 0;
}
.error_strings ul li {
	list-style: none;
}
#openPolicy {
	color: #FFFFFF;
	margin: 16px;
}
#container {
	margin: 0px auto;
	background: #2e3541;
}
#container #main {
	width: 800px;
	margin: 0px auto;
}
#container #main #top {
	background: url(../Images/bg_top.gif) repeat-x;
	height: 104px;
}
#container #main #top #logo {
	padding: 29px 42px 29px 27px;
	float: left;
}
#container #main #top #newsletter {
	float:left;
	/*background:url(../Images/bg_newsletter.gif) no-repeat;*/
	height: 72px;
	width: 229px;
	margin: 19px 17px 13px 0px;
}

#container #main #top #newsletter p {
	color: #FFFFFF;
}
#container #main #top #newsletter div {
	float: left;
	padding-bottom:10px;
}
#container #main #top #newsletter .formEmail {
	height: 17px;
	width: 129px;
	border: 0;
	font-size:11px;
	margin: 45px 4px 0 44px;
	padding: 4px 0 0 3px;
	color: #666666;
}
#container #main #top #newsletter .formSubmit {
	margin: 44px 0 0 0;
}
#container #main #nav ul {
	margin: 1px 0 4px;
	padding: 0;
	height: 48px;
}
#container #main #nav li {
	float: left;
	margin-right: 1px;
	list-style-type: none;
}
#container #main #nav li.last {
	margin-right: 0;
}
#container  #main  #header {
	background: #ffffcc;
	width: 740px;
	margin-bottom: 1px;
	padding: 15px 30px;
}
#container #main #content {
	background: #FFFFFF;
	padding: 10px 24px;
}
#container    #main #contentHome   {
	background: #FFFFFF;
	padding: 0px;
}


#container #main #featuredmerch {
	background: #FFFFFF;
	width: 263px;
	margin-right: 1px;
	padding: 15px 30px;
	border-right: 1px solid #2e3541;
	vertical-align: top;
}
#container #main #featuredmerch td {
	vertical-align: top;
	padding: 0;
}
#container #main #featuredmerch .featured_image {
	margin: 3px 7px 8px 0;
}
#container #main #featuredmerch h4 {
	margin: 0 0 3px 0;
	color: #000000;
}
#container #main #featuredmerch p {
	margin: 0 0 3px 0;
}
#container #main #featuredmerch .categoryDesc {
	font-size: 10px;
	color: #185d92;
}
#container #main #featuredmerch .learnMore a {
	background: url(../Images/icn_bullet.gif) 0 3px no-repeat;
	padding-left: 14px;
}
#container #main #featuredmerch span.sep {
	color: #8d8d8d;
	padding: 0 2px;
}
#container #main #campsclinics {
	width: 416px;
	background: #FFFFFF;
	vertical-align: top;
	padding: 15px 30px;
}
#container #main #campsclinics td {
	vertical-align: top;
	padding: 0;
}
#container #main #campsclinics h4 {
	margin: 0 0 3px 0;
	color: #000000;
}
#container #main #campsclinics p {
	margin: 0 0 3px 0;
}
#container #main #campsclinics .categoryDesc {
	font-size: 10px;
	color: #185d92;
}
#container #main #campsclinics .learnMore a {
	background: url(../Images/icn_bullet.gif) 0 3px no-repeat;
	padding-left: 14px;
}
#container #main #campsclinics span.sep {
	color: #8d8d8d;
	padding: 0 2px;
}
#container #main #endorsements {
	width: 428px;
	background: #8aa00f url(../Images/bg_endorsements.gif) repeat-x;
	margin: 0;
	vertical-align: top;
}
#container #main #endorsements p {
	color: #FFFFFF;
	margin: 0px 24px 1em 24px;
}



#container #main #border #content #contactForm tr td {
	vertical-align:middle;
	padding: 0 8px 8px 0;
}
#container #main #border #content #contactForm p {
	margin:0 4px 0 0;
	vertical-align:middle;
	line-height:20px;
}


#container #main td.pricingCol {
	background:#d8e5ff;
	padding: 24px;
	vertical-align:top;
}

#container #main td.pricingTable {
	padding: 0px 0px 0px 24px;
	vertical-align:top;
}







#footer {
	text-align: center;
	width: 800px;
	margin: 0 auto;
	padding-bottom: 1px;
}
#footer #nav_footer {
	text-align: center;
	color: #626d7e;
}
#footer #nav_footer a {
	padding-right: 8px;
	padding-left: 8px;
	color: #ffffff;
}
#footer  #nav_footer p  {
	font-size: 13px;
	margin: 8px 0px 0.5em;
}
#copyright {
	text-align: center;
	color: #d8e5ff;
	width: 800px;
	margin: 0 auto;
}
#copyright a {
	color: #d8e5ff;
	padding-right: 4px;
	padding-left: 4px;
}
#copyright p  {
	font-size: 12px;
	margin: 12px 0px 0.5em;
}
#copyright span {
	padding-right: 16px;
	padding-left: 16px;
}


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

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox2H           {COLOR: #333333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px}
.CPbox2H B         {COLOR: #333333;}
.CPbox2B           {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5}
.CPbox2B A:link    {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline}

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

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #EEEEEE}

/* 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: 9pt}

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

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {COLOR: #800000; font-weight:bold;}

/* Product Price - Price Value */
.CPprodPriceV {COLOR: #800000; font-weight:bold;}

/* 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; font-weight:bold;}

/* 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: bold}

/* 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: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* 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: #000000; 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 {FONT-STYLE: italic; color: Red}


/* ---------------------*/
/* 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 {

}

/* Fix for clearing floated elements */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
	clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearBoth {
	clear: both;
}