/*************************************************************************
' Function : CSS defintions for the store.
' Product : FilterKing Store Frontend
' Version : 2.4
' Modified : June 2003
'**************************************************************************/
/**************************************************************************
'
'**************************************************************************/
body {
font-family: Arial, Helvetica, sans-serif;
scrollbar-base-color:#d4d1c0;
scrollbar-3dlight-color:#d4d1c0;
scrollbar-arrow-color:#B71C12;
scrollbar-darkshadow-color:#d4d1c0;
scrollbar-face-color:#B9B397;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#f3f2ed;
}
/**************************************************************************
' default redefinitions
'**************************************************************************/
td {
font-size: 12px;
}
select {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-style: solid;
border-width:1px;
background-color: #f3f2ed;
}
input {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border-style: solid;
border-width:1px;
background-color:#f3f2ed;
}
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border-style: solid;
border-width:1px;
background-color:#f3f2ed;
}
.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-style: solid;
border-width:1px;
background-color: #B71C12;
color:#FFFFFF;
}
.checkbox {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border-style: solid;
border-width:0px;
background-color: #FFFFFF;
}
/**************************************************************************
' - default
'**************************************************************************/
a:link
{
font-family : Arial, Helvetica, sans-serif;
color : #555555;
text-decoration: underline;
}
a:visited
{
font-family : Arial, Helvetica, sans-serif;
color : #555555;
text-decoration: underline;
}
a:active
{
font-family : Arial, Helvetica, sans-serif;
color : #000000;
text-decoration: underline;
}
a:hover
{
font-family : Arial, Helvetica, sans-serif;
color : #000000;
text-decoration: underline;
}
/**************************************************************************
' - custom
'**************************************************************************/
a.leftnavi:link
{
color : #555555;
text-decoration:none;
}
a.leftnavi:visited
{
color : #555555;
text-decoration:none;
}
a.leftnavi:active
{
color : #FFFFFF;
text-decoration:none;
}
a.leftnavi:hover
{
color : #FFFFFF;
text-decoration:none;
}
a.topnavi:link
{
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #FFFFFF;
text-decoration:none;
}
a.topnavi:visited
{
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #FFFFFF;
text-decoration:none;
}
a.topnavi:active
{
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #000000;
text-decoration:none;
}
a.topnavi:hover
{
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #000000;
text-decoration:none;
}
/**************************************************************************
' custom styles
'**************************************************************************/
.text {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #555555;
text-align : justify;
}
.textsmall {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555555;
}
.textwhite {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #FFFFFF;
}
.textred {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #B71C12 ;
}
.aBox1 {
border: 1px solid #898a82;
font-style: normal;
font-weight: normal;
font-variant: normal;
background: #d4d1c0
}
.aBox2H {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555555;
border: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
background: #B9B397
}
.aBox2B-topline {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #555555;
border: solid;
background: #d4d1c0;
border-color: #f3f2ed black black;
border-width: 1px 0px 0px
}
.aBoxBody1 {
border: 1px solid #898a82;
font-style: normal;
font-weight: normal;
font-variant: normal
}
/**************************************************************************
' standard definitions / shop
'**************************************************************************/
/* Info Box WITHOUT Headings */
.CPbox1 {
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 {
BACKGROUND-COLOR: #F5F5F5;
BORDER: 1px solid #BBC3D3;
}
.CPbox2H {
BACKGROUND-COLOR: #DDDDDD;
PADDING: 1px
}
.CPbox2B {
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-TOP: 1px solid #CCCCCC;
BORDER-RIGHT: 1px solid #CCCCCC;
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 */
.CPoptDesc {
FONT-STYLE: italic;
}
/* Option Select box */
.CPoptSel {
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
FONT-SIZE: 8pt
}
/* Option Text box */
.CPoptTxt {
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
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
}