/*************************************************************************
' 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, B, TD, P {COLOR: #9E7B77; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt}
/* Info Box WITHOUT Headings */
.CPbox1 {COLOR: #F7DBC6; BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #DEC5AB}
.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: #FFF5E1; BORDER: 1px solid #DEC5AB}
.CPbox2H {COLOR: #855C5C; BACKGROUND-COLOR: #E5D1BC; PADDING: 1px}
.CPbox2H B {COLOR: #855C5C;}
.CPbox2B {COLOR: #663333; BACKGROUND-COLOR: #FFFFFF}
.CPbox2B1 {COLOR: #663333; BACKGROUND-COLOR: #FFFBEF}
.CPbox2B A:link {COLOR: #9E7B77; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #9E7B77; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:hover {COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: underline}
/* GB Box Styles */
.GBbox2 {COLOR: #333333; BACKGROUND-COLOR: #FFF5E1; BORDER: 1px solid #DEC5AB}
.GBbox2H {COLOR: #855C5C; BACKGROUND-COLOR: #E5D1BC; border-top: 1px solid #9E7B77; border-bottom: 1px solid #9E7B77; PADDING: 1px}
.GBbox2H B {COLOR: #663333;}
.GBbrown_container .rcp_n .rcp_w {background:url(../usermods/v8_cornerTopLeft_.gif) no-repeat top left; width:15px; left:-2px}
.GBbox2H2 {COLOR: #855C5C; BACKGROUND-COLOR: #DEC5AB; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding:6px}
.GBbox2H2 B {COLOR: #855C5C}
.GBbox2H2 A:link {COLOR: #855C5C; FONT-SIZE: 10px; TEXT-DECORATION: none}
.GBbox2H2 A:visited {COLOR: #855C5C; FONT-SIZE: 10px; TEXT-DECORATION: none}
.GBbox2H2 A:hover {COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.GBbox2B {COLOR: #663333; BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #DEC5AB}
.GBbox2B1 {COLOR: #663333; BACKGROUND-COLOR: #FBE8D0; BORDER: 1px solid #DEC5AB}
.GBbox2B A:link {COLOR: #9E7B77; FONT-SIZE: 10px; TEXT-DECORATION: none}
.GBbox2B A:visited {COLOR: #9E7B77; FONT-SIZE: 10px; TEXT-DECORATION: none}
.GBbox2B A:hover {COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.GBbox2B1 {COLOR: #663333; BACKGROUND-COLOR: #FFFBEF}
.GBbox3 {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #DEC5AB}
.GBbox3 A:link {COLOR: #FF8B53; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.GBbox3 A:visited {COLOR: #FF8B53; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.GBbox3 A:hover {COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.GBbox4 {BACKGROUND-COLOR: #FFFFFF; border-left: 1px solid #DEC5AB; border-right: 1px solid #DEC5AB; border-top: 1px solid #DEC5AB; border-bottom: 1px solid #DEC5AB}
.GBbox4 A:link {COLOR: #9E7B77; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.GBbox4 A:visited {COLOR: #9E7B77; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.GBbox4 A:hover {COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.GBlink1 A:link {COLOR: #FF8B53; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.GBlink1 A:visited {COLOR: #FF8B53; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.GBlink1 A:hover {COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: underline}
/* GB System Text Messages */
.GBsystemText {COLOR: #FF0000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; background-color: #FFE8E8; border: 1 solid #FF0000; padding: 3 }
.GBTaxInvHead {BACKGROUND-COLOR: #FCE9DD; border-top: 1 solid #FF8B53; border-bottom: 1 solid #FF8B53}
/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #FAC5A5; PADDING-BOTTOM: 4px}
.GBpageHead {BACKGROUND-COLOR: #FFF5F0; BORDER-BOTTOM: 2px solid #FAC5A5; PADDING-BOTTOM: 4px}
/* Orange Status Indicator Box */
.GBstatusHead B {BACKGROUND-COLOR: #FFFFFF; font-family: Arial; font-size: 8pt; color: #800000}
.GBstatusOn {BACKGROUND-COLOR: #FFE3D7; border: 1 solid #FF8B53; font-family: Arial; font-size: 8pt; color: #800000}
.GBstatusOff {BACKGROUND-COLOR: #FFFFFF; border: 1 solid #FF8B53; font-family: Arial; font-size: 8pt; color: #800000}
/* Blue Status Indicator Box */
.GBstatusBLHead B {BACKGROUND-COLOR: #FFFFFF; font-family: Arial; font-size: 8pt; color: #0000FF}
.GBstatusBLOn {BACKGROUND-COLOR: #D7EBFF; border: 1 solid #0000FF; font-family: Arial; font-size: 8pt; color: #0000FF}
.GBstatusBLOff {BACKGROUND-COLOR: #FFFFFF; border: 1 solid #0000FF; font-family: Arial; font-size: 8pt; color: #0000FF}
/* Green Status Indicator Box */
.GBstatusGRHead B {BACKGROUND-COLOR: #FFFFFF; font-family: Arial; font-size: 8pt; color: #008000}
.GBstatusGROn {BACKGROUND-COLOR: #DFFFDF; border: 1 solid #008000; font-family: Arial; font-size: 8pt; color: #008000}
.GBstatusGROff {BACKGROUND-COLOR: #FFFFFF; border: 1 solid #008000; font-family: Arial; font-size: 8pt; color: #008000}
/* Pink Status Indicator Box */
.GBstatusPIHead B {BACKGROUND-COLOR: #FFFFFF; font-family: Arial; font-size: 8pt; color: #FF6464}
.GBstatusPIOn {BACKGROUND-COLOR: #FFE3D7; border: 1 solid #FF8080; font-family: Arial; font-size: 8pt; color: #FF6464}
.GBstatusPIOff {BACKGROUND-COLOR: #FFFFFF; border: 1 solid #FF8080; font-family: Arial; font-size: 8pt; color: #FF6464}
/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #FFF5F0}
/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #FCE9DD}
/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #DEC5AB}
/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #DEC5AB;}
/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #DEC5AB}
/* Product Short Description (Except Detail page) */
.CPprodDesc {FONT-SIZE: 11px}
.CPprodDesc B {FONT-SIZE: 11px}
.CPprodDesc A:link {COLOR: #9E7B77; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPprodDesc A:visited {COLOR: #9E7B77; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPprodDesc A:hover {COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: underline}
/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 11pt}
/* Product Long Description */
.CPprodDescLong {}
/* Product Detail */
.CPprodDet {FONT-SIZE: 11px; line-height: 155%;}
.CPprodDet2 {float: left; width: 285px; padding-top: 5px;}
.CPprodDet2 p {margin: 15px 0px 15px 0px; line-height: 155%; position: relative; z-index: 50;}
.CPprodDet2 ul {margin: 10px 0px 10px 25px; padding: 0px 0px 0px 0px; line-height: 155%;}
.CPprodDet2 ul li {margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px;}
/* Product SKU */
.CPprodSKU {}
/* Product Price - Text Label */
.CPprodPriceT {COLOR: #800000}
/* Product Price - Price Value */
.CPprodPriceV {COLOR: #800000}
/* Product List Price - Text Label */
.CPprodLPriceT {COLOR: #9E7B77}
/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through; COLOR: #9E7B77}
/* Product Sale Price - Text Label */
.CPprodSPriceT {COLOR: #9E7B77}
/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: #9E7B77}
/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}
/* In Stock text */
.CPinStock {COLOR: #888888}
/* Out of Stock text */
.GBoutStock {COLOR: #FF0000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; background-color: #FFE8E8; border: 1 solid #FF0000; padding: 3 }
.CPoutStock {COLOR: red}
/* No Image text */
.CPnoImgT {COLOR: #FF9B6A}
/* Category List */
.CPcatDescList {}
/* Category Description - No products linked to it */
.CPcatDesc {}
/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: normal; FONT-SIZE: 10pt}
.CPcatDescProd A:link {COLOR: #BD3442; TEXT-DECORATION: none}
.CPcatDescProd A:visited {COLOR: #BD3442; TEXT-DECORATION: none}
.CPcatDescProd A:hover {COLOR: #FF0000; TEXT-DECORATION: underline}
/* 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: 1px solid #FAC5A5}
.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 {color: red; 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;
}
/* ------------------------*/
/* GB's Mods - */
/* ------------------------*/
.hline { border:none;border-top:dotted 2px #FAC5A5;}
.hline1 { border:none;border-bottom:dashed 1px #C0C0C0;}
.vline { width:0;height:100px;margin-left:50%;border-left:dashed 2px #FAC5A5;}
.boxline { width:650px;height:50px;border:dotted 1px green;}
.input { color: #000000; border: 1px solid #DEC5AB }
.form { margin: 0;}
.gbBold1 { font-size: 12px; color: #DEC5AB; font-weight: bold }
.gbBold2 { font-size: 12px; color: #855C5C; font-weight: bold }
/* Uses for the above:
*/
/* ------------------ */
/* Multiple Image Mod */
/* ------------------ */
/*ADDED for CPMods.com Multiple Image Support */
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../scripts/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
/* GB Mod removed suffix :hover from #prevLink, and #nextLink, */
#prevLink, #prevLink:visited:hover { background: url(../scripts/images/prevlabel.gif) left 5% no-repeat; }
#nextLink, #nextLink:visited:hover { background: url(../scripts/images/nextlabel.gif) right 5% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
/* Min-Width */
.lbWidth { /* most browsers */
position: absolute;
top: 0px; left: 0px;
width: 100%;
min-width: 790px;
}
* html .lbContent { /* IE6 */
margin-left: -790px;
position:relative;
}
* html .lbMinWidth { /* IE6 */
padding-left: 790px;
}
/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END of CPMods.com Multiple Image Support*/
/* ------------------ */
.CPContactUs {
}