/*************************************************************************
' 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: #4e4e4e;
	font: 12px Arial, Helvetica, sans-serif;
	background: #ab93c5 url(../Images/bg_main.jpg) repeat-x;
	margin: 0px;
}
img {
	border-width: 0px;
}
img, div { behavior: url(iepngfix.htc) }
p {
	line-height: 1.5em;
	margin: 0px 0px 1em;
}
h1 {
	margin: 0px 0px 6px;
	font-size: 18px;
	font-weight: normal;
	color: #af529d;
}
h1 a, h1 a:active, h1 a:visited {
	color: #af529d;
}
h2 {
	margin: 0px 0px 6px;
	color: #e35f28;
	font-size:12px;
}
h3 {
	margin: 0px 0px 0.3em;
	color: #e35f28;
	font-size:11px;
}
a, a:active, a:visited {
	color: #f56c33;
	text-decoration: none;
	outline: none !important;
}
a:hover {
	color: #f56c33;
	text-decoration: underline;
	outline: none !important;
}
:active {
	outline: none !important;
}
:focus {
	-moz-outline-style: none !important;
	outline: none !important;
}
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;
}
#container {
	margin: 0px auto;
	width: 986px;
}
#container #main {
	background: url(../Images/bg_mid.png) repeat-y;
	width: 996px;
}
#container #main #border {
	background: #FFFFFF;
	padding: 1px;
	margin: 0px auto;
	width: 982px;
}
#container #main #border #nav {
	/*background: url(../Images/bg_nav.gif) repeat-x;*/
	margin: 1px 0px;
	padding: 0px;
	height: 32px;
}
/*#container #main #border #nav ul {
	margin: 0px;
	padding: 0px;
	height: 32px;
}
#container #main #border #nav li {
	margin: 0px;
	float: left;
	list-style-type: none;
}
#container #main #border #nav li.nav_sep {
	padding: 9px 0px 0px;
}

#container #main #border #nav a {
	display: block;
	padding: 9px 22px 7px 21px;
}
#container #main #border #nav a:hover {
	background:url(../Images/bg_nav_ov.gif) repeat-x;
}
#container #main #border #nav a.nav_on {
	background:url(../Images/bg_nav_ov.gif) repeat-x;
}
*/#container #main #border .contentHeight {
	float:left;
}
#container #main #border #content {
	padding: 32px 15px 22px 15px;
	float:left;
	background:#FFFFFF
}
#container #main #border #content #col_left {
	padding: 0px 16px 0px 0px;
	float: left;
	width: 215px;
}
#container #main #border #content #col_left_sec {
	padding: 0px 16px 0px 0px;
	float: left;
	width: 206px;
}
#container #main #border #content #col_left .module_left {
	background: #ffffff;
	padding: 1px;
	border: 1px solid #e0e0e0;
	width: 213px;
	margin-bottom: 14px;
}
#container #main #border #content #col_left_sec .module_left, #container #main #border #content #col_left_sec .module_left_article {
	background: #ffffff;
	padding: 1px;
	border: 1px solid #e0e0e0;
	width: 204px;
	margin-bottom: 14px;
}
#container #main #border #content #col_left_sec .module_left_nav {
	background: #f03f87;
	padding: 1px;
	border: 1px solid #e0e0e0;
	width: 204px;
	margin-bottom: 14px;
}
#container #main #border #content #col_right_sec .module_cart {
	background: #ffffff;
	padding: 1px;
	border: 1px solid #e0e0e0;
	width: 166px;
	margin-bottom: 14px;
}
#container #main #border #content .module_purple_header {
	background: url(../Images/bg_module_purple.gif) repeat-x;
	height: 20px;
	padding-top: 4px;
	padding-left: 10px;
}
#container #main #border #content .module_orange_header {
	background: url(../Images/bg_module_orange.gif) repeat-x;
	height: 20px;
	padding-top: 4px;
	padding-left: 10px;
}
#container #main #border #content .module_purple_header h1, #container #main #border #content .module_orange_header h1 {
	font-size: 13px;
	color: #FFFFFF;
	margin: 0px;
	font-weight: normal;
}
#container #main #border #content .module_purple_content, #container #main #border #content .module_orange_content {
	padding: 10px 10px 0 10px;
}
#container #main #border #content #col_left .module_left .module_purple_content h2 {
	font-size: 15px;
	font-weight: bold;
	color: #f56c33;
	margin: 0px 0px 4px;
}
#container #main #border #content #col_left_sec .module_left_nav ul {
	margin: 0;
	padding:0;
}
#container #main #border #content #col_left_sec .module_left_nav li {
	list-style:none;
	height:30px;
}
#container #main #border #content #col_left_sec .module_left_nav p {
	margin:0;
	line-height:30px;
	vertical-align:middle;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
#container #main #border #content #col_left_sec .module_left_nav a {
	color:#FFFFFF;
	display:block;
	padding:0 0 0 16px;
}
#container #main #border #content #col_left_sec .module_left_nav a:hover {
	text-decoration:none;
	background:#f766a9;
}
#container #main #border #content #col_left_sec .module_left_nav a.nav_on {
	background:#f766a9;
}
#container #main #border #content #col_left_sec .module_left_article p {
	font-weight: bold;
	color: #af529d;
}

#container #main #border #content #col_left_sec .module_left_article p a {
	color: #af529d;
}
#container #main #border #content #col_left_sec .module_left_article p span {
	font-size: 11px;
	color:#4e4e4e;
	font-weight:normal;
}


#container #main #border #content #col_mid {
	padding: 0px 16px;
	float: left;
	width: 434px;
}
#container #main #border #content #col_mid_sec {
	padding: 0px 16px;
	float: left;
	width: 510px;
}
#container #main #border #content #col_mid_sec .prodImage {
	margin:4px 0 10px 10px;
	float:right;
}
#container #main #border #content #col_mid .module_article .module_article_image {
	margin-bottom: 12px;
}
#container #main #border #content #col_mid .module_article h2, #container #main #border #content #col_mid_sec .content_article h2 {
	font-size: 11px;
	color: #e35f28;
}
#container #main #border #content #col_mid .module_article span {
	text-transform: uppercase;
}
#container #main #border #content #col_left .module_left .module_purple_content .module_purple_product {
	clear: both;
}
#container #main #border #content #col_left .module_left .module_purple_content .module_purple_product .module_purple_image {
	float: left;
	width: 76px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#container #main #border #content #col_left .module_left .module_purple_content .module_purple_product .module_purple_image img {
	width: 76px;
}
#container #main #border #content #col_left .module_left .module_purple_content .module_purple_product .module_purple_desc {
	float: left;
	padding-bottom:10px;
}
#container #main #border #content #col_left .module_left .module_purple_content .module_purple_product .module_purple_desc h2 {
	font-size: 12px;
	font-weight: bold;
	color: #f56c33;
}
#container #main #border #content #col_right {
	float: left;
	width: 235px;
	padding-left: 16px;
}
#container #main #border #content #col_right_sec {
	float: left;
	width: 166px;
	padding-left: 16px;
}
#container #main #border #content #col_right .module_right {
	background: #daadce;
	padding: 1px;
	border: 1px solid #e0e0e0;
	width: 230px;
	margin-bottom: 14px;
	padding-bottom:6px;
}
#container #main #border #content #col_right_sec .module_right {
	background: #daadce;
	padding: 1px;
	border: 1px solid #e0e0e0;
	width: 166px;
	margin-bottom: 14px;
}
#container #main #border #content .module_right_orange {
	background: #f5956c;
	padding: 1px;
	border: 1px solid #e0e0e0;
	width: 214px;
	margin-bottom: 14px;
}
#container #main #border #content #col_right .module_right .module_purple_content p, #container #main #border #content #col_right_sec .module_right .module_purple_content p {
	color: #570043;
	margin:0 0 .5em 0;
}
#container #main #border #content #col_right_sec .module_cart .module_purple_content p {
	color: #787878;
	margin:0 0 .5em 0;
	font-weight:bold;
}
#container #main #border #content #col_right_sec .module_cart .module_purple_content p.module_cart_account, #container #main #border #content #col_right_sec .module_cart .module_purple_content p.module_cart_account a {
	color:#b23b8d;
}
#container #main #border #content #col_right_sec .module_cart .module_cart_productadded {
	background: #f03f87;
	height:26px;
	font-size:11px;
	text-transform:uppercase;
	padding:0 10px 0 10px;
	border-top:1px solid #ffffff;
}
#container #main #border #content #col_right_sec .module_cart .module_cart_productadded p {
	color:#FFFFFF;
	margin:0;
	line-height:26px;
	vertical-align:middle;
	font-weight:bold;
}
#container #main #border #content #col_right_sec .module_right .module_purple_content div {
	float: left;
	padding-bottom:10px;
}
#container #main #border #content #col_right .module_right .module_purple_content span {
	font-weight: bold;
	color: #FFFFFF;
}
#container #main #border #content #col_right_sec .module_right .module_purple_content span, #container #main #border #content #col_right_sec .module_cart .module_purple_content span {
	font-weight: bold;
	color: #570043;
}
#container #main #border #content #col_right .module_right .module_purple_content a {
	color: #570043;
}
#container #main #border #content #col_right .module_right .module_purple_content span a {
	font-size: 11px;
	font-weight: normal;
}
#container #main #border #content .module_right_orange .module_orange_content p {
	color: #FFFFFF;
}
#container #main #border #content .module_right_orange .module_orange_content div {
	float: left;
	padding-bottom:10px;
}
#container #main #border #content .module_right_orange .module_orange_content .formEmail {
	height: 14px;
	width: 125px;
	border: 1px solid #dddddd;
	font-size:11px;
	margin-right: 8px;
}
#container #main #border #content .module_right_orange .module_orange_content .formSubmit {
	margin-top:1px;
}
#container #main #border #content #col_right_sec .module_right .module_purple_content .formSubmit {
	margin-top:2px;
}
#container #main #border #content #col_right_sec .module_right .module_purple_content .formOptions {
	font-size:11px;
}
#container #main #border #content #col_right_sec .module_right .module_purple_content .formQuantity {
	height: 14px;
	width: 20px;
	border: 1px solid #dddddd;
	font-size:11px;
	margin-right: 8px;
	padding-left:4px;
	padding-right:4px;
}

#container #main #border #content #col_right .module_right_dyk {
	background: url(../Images/bg_didyouknow.gif) no-repeat;
	width: 194px;
	padding: 44px 20px 10px;
}
#container #main #border #content #col_right .module_right_dyk p {
	font-size: 14px;
	color: #f13f87;
	line-height:1.3em;
}

#container #main #border #content .module_right_fb {
	text-align: center;
}
#container #main #border #content #col_right_sec .module_right_etf {
	background: url(../Images/bg_emailtofriend.gif) no-repeat;
	width: 160px;
	padding: 44px 5px 10px;
}
#container #main #border #content #col_right_sec .module_right_etf p {
	font-size: 14px;
	color: #f13f87;
	line-height:1.3em;
	text-align: center;
}

#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 #footer {
	background: url(../Images/bg_bot.png) no-repeat;
	width: 982px;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 10px;
}
#container #footer .copyright {
	float: left;
	padding-left: 2px;
}
#container #footer .nav_footer {
	float: right;
}
#container  #footer  p  {
	color: #4b3169;
	font-size: 11px;
	margin: 0px 0px 0.5em;
}
#container   #footer   a,#container  #footer  a:active,#container #footer  a:visited    {
	color: #4b3169;
	text-decoration: none;
}
#container  #footer  a:hover  {
	text-decoration: underline;
}
#container #footer .nav_footer a {
	padding-right: 2px;
	padding-left: 2px;
}


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

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

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