/* Html Tags*/
body {
background-color: #a1a3a6;
font-size: 13px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif
}
@font-face {
font-family: 'FuturaBold'; src: local('FuturaBold'), url('fonts/FutuBd.ttf') format('truetype');
font-family: 'Future'; src: local('Future'), url('fonts/FUTR1.ttf') format('truetype');
/*font-family: 'Agency'; src: local('Agency'), url('fonts/AGENCYR_0.TTF') format('truetype');
font-family: 'Bell'; src: local('Bell'), url('fonts/BellGothicStd-Black.otf');*/
}
input.entry { border: 1px solid #666699; text-align: left; padding: 2px; font-size: 14px}
.entry:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
select.entry { border: 1px solid #666699; text-align: left; padding: 2px; font-size: 14px}
.entryTitle { font-size: 14px; }
textarea {font-size: 12px;font-family: Arial, Helvetica, sans-serif }
a:link { text-decoration:none; font-weight: none; color: #0b4107; font-family: Arial, Helvetica, sans-serif background: none}
a:visited { text-decoration:none ; font-weight: none; color: #0b4107; font-family: Arial, Helvetica, sans-serif background: none}
a:active { text-decoration:none; font-weight: none; color: #0b4107; font-family: Arial, Helvetica, sans-serif background: none}
a:hover {font-weight: none; color: #000000; font-family: Arial, Helvetica, sans-serif text-decoration: underline }
fieldset {background-color: #efefef}
.clear { clear: both}
div.outer
{
position: absolute;
left:50%;
top:40%;
border:1px solid #000000; background:#ffffff; background-color:#ffffff; width:500px; z-index: 90;visibility: hidden;display: none;
margin-left: -250px; /* half of width */
margin-top: -250px; /* half of height */
}
/*li {list-style-type: square; display: block; padding: 0px 0px 5px 0px; margin: 5px; background: transparent url(../images/arrow.gif) no-repeat;}*/
h1 {font-size: 20pt; margin: 0; margin-top: 5px; color: #004A00;color: #004e38; text-shadow: 1px 1px 0 #FFF;}
h2 {font-size: 16pt; margin: 0; margin-top: 5px; color:#004A00;color: #004e38; text-shadow: 1px 1px 0 #FFF;}
h3 {font-size: 13pt; margin: 0; margin-top: 5px; color:#004A00;color: #004e38; text-shadow: 1px 1px 0 #FFF;}
h3.catTitle {font-size: 12pt; margin: 0; margin-top: 5px; color:#004A00;color: #004e38; text-shadow: 1px 1px 0 #FFF;}
h4 {font-size: 12pt; margin: 0; margin-top: 5px; color:#004A00;color: #004e38; text-shadow: 1px 1px 0 #FFF;}
/* Template */
.header {}
.body { margin: 0 auto; background-color: #FFF;}
.header { background-color: #083e68; height: 144px; }
.headerText { height: 104px; width: 100%;}
/*.logo { width: 235px; height: 179px; background-image: url(../images/kcliffs-logo.png); position: absolute; margin-left: calc(100% - 235px); text-indent: -200px; overflow: hidden; cursor: pointer;}*/
.logo { width: 400px; height: 134px; position: absolute; padding: 5px 10px}
.navContainer { clear: both; padding-left: 10px; height: 40px; background-color: #006}
.searchContainer { background-color: #e6e6e6; height: 40px; float: right; }
.searchBox {width: 294px; height: 34px; font-size: 18px; background-image: url(../images/icon_search.gif); background-repeat: no-repeat; padding-left: 40px; background-color: #e6e6e6;}
.main { }
.mainNotIndex { padding: 36px 5px 20px 5px; }
.mainBody
.footer
.footNotes
/* Navigation */
.navContainer ul.nav { padding: 0; margin: 0; list-style-type: none; }
.lastNav {
margin-right: 0 !important;
}
.nav_on, .nav_off { float: left; margin-right: 10px; padding: 10px; }
.nav_on:hover, .nav_off:hover { color: #000; }
.nav_on a { font-size: 15px; font-family: 'Century Gothic', 'Arial Narrow',Tahoma, Geneva, sans-serif; color: #a1a3a6; font-weight: bold; text-decoration: none; }
.nav_on a:hover { color: #fff; font-weight: bold; text-decoration: none; }
.nav_off a { font-size: 15px; font-family: 'Century Gothic', 'Arial Narrow',Tahoma, Geneva, sans-serif; color: #fff; font-weight: bold; text-decoration: none; }
.nav_off a:hover { color: #0068b3; font-weight: bold; text-decoration: none; }
/* KCLIFFS */
.kcliffCont { border: 2px solid #060;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top: 30px;
padding: 10px;
cursor: pointer;
}
.kcliffCont:hover { background-color: #FC0;}
.kclifflogoCont { width: 130px; float: right;}
.kcliffStore { margin: 10px 0; }
.kcliffLink a { color: #C00; cursor: pointer; }
.kcliffLink a:link { color: #C00; }
.kcliffLink a:hover { color: #ccc; }
/* Index*/
.bannerContainer { height: 415px; background-image: url(../images/mainbg.jpg); background-repeat: no-repeat; background-size: cover;}
.boxContainer { height: 65px; padding-top: 60px; padding-left: 10px; display: inline-block; width: 50%;}
.qtrBox { display: inline-block; width: 16%; text-align:center;}
.qtrBox p { font-family: 'FuturaBold', Arial,Tahoma, Geneva, sans-serif; font-size: 16px; font-style: italic; color: #FC3; font-weight: bold;}
.qtrBox i { color: #FFF;}
.prodContainer { }
.products { padding-top: 20px; }
.catTitle a { text-align: center; font-weight: bold;}
.homeprod { float: left; text-align: center; padding-right: 30px; min-width: 150px; height: 220px; margin-bottom: 20px;}
.homeprod img { max-width: 200px;}
.prodNav { padding: 16px 16px 26px 16px; width: 280px; float: left;}
ul.catNav { padding: 0; margin: 0; list-style-type: none;}
ul.catNav li { padding: 4px; background-color: #a1a3a6; font-size: 16px; font-family: 'Future', 'Arial',Tahoma, Geneva, sans-serif; margin-bottom: 2px; font-weight: bold; background-repeat: no-repeat;}
ul.catNav li:hover {background-color: #000; color: #fff; cursor: pointer; }
ul.catNav li a { width: 270px; padding: 4px; margin: 2px; }
ul.catNav li a:link { color: #052145; }
ul.catNav li a:hover { color: #fff; }
.content { float: left; width: auto; }
.prodList { float: right; padding-top: 26px; padding-left: 26px;}
h1.title { font-size: 36px; font-family: "FuturaBold", Arial,Tahoma, Geneva, sans-serif; color: rgb(161, 163, 166); font-weight: bold; text-shadow: 3px 4px 5px #052145; }
.featCatCont { background-color: #fff}
/* Info Box WITHOUT Headings */
.box1 {color: #333333; background-color: #FFFFFF; BORDER: 1px solid #BBC3D3; margin-top: 5px; padding: 5px; }
.box1 td {color: #333333; }
.box1 a:link {color: #333333; font-size: 8pt; font-weight: bold;text-decoration: none}
.box1 a:visited {color: #333333; font-size: 8pt; font-weight: bold;text-decoration: none}
.box1 a:hover {color: #fa8e2f; font-size: 8pt; font-weight: bold;text-decoration: underline}
.row1 {background-color: #F5F5F5; }
.row2 {background-color: #C2D3FC; }
.footer {color: #cccccc; font-size: 12px;}
.footer b {color: #333333; font-size: 12px;}
.footer A:link {color: #cccccc; font-size: 12px; font-weight: bold; text-decoration: none}
.footer A:visited {color: #cccccc; font-size: 12px; font-weight: bold; text-decoration: none}
.footer A:hover {color: #440000; font-size: 12px; font-weight: bold; text-decoration: underline}
.pageNav A:link {color: #FFFFFF; font-size: 11pt; font-weight: bold; text-decoration: none}
.pageNav A:visited {color: #FFFFFF; font-size: 11pt; font-weight: bold; text-decoration: none}
.pageNav A:hover {color: #551A8B; font-size: 11pt; font-weight: bold; text-decoration: underline}
/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.box2 {color: #333333; background-color: #99d195; BORDER: 1px solid #BBC3D3; margin-top: 5px; padding: 5px;
background-image: url(../images/img_leaf.png); background-position: left; background-repeat: no-repeat; padding-left: 42px;
}
.box2 a:link {color: #333333; font-size: 8pt; font-weight: bold;text-decoration: none}
.box2 a:visited {color: #333333; font-size: 8pt; font-weight: bold;text-decoration: none}
.box2 a:hover {color: #fa8e2f; font-size: 8pt; font-weight: bold;text-decoration: underline}
.box2H {color: #333333; background-color: #DDDDDD; PADDING: 1px}
.box2H B {color: #333333; }
.box2B {color: #333333; background-color: #FFFFFF}
.box2B B {color: #000000; background-color: #FFFFFF; font-weight: bold; font-size: 10pt}
.box2B A:link {color: #333333; text-decoration: none}
.box2B A:visited {color: #333333; text-decoration: none}
.box2B A:hover {color: #0011ff; text-decoration: underline}
.heading1 {color: #0000FF; font-size: 14px; text-decoration: none; font-weight: bold}
li.arrow {list-style-type: none; display: block; padding: 0px 0px 0px 12px; margin-left: -10px; margin-bottom: 5px; background: transparent url(../images/arrow_red.gif) no-repeat; color: #fa8e2f}
.roundtop {
background-color: #FFF;
padding: 5px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
}
.roundbottom {
background-color: #FFF;
padding: 5px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
}
.catItem { float: left; min-width: 220px; height: 200px; margin-right: 30px; margin-bottom: 20px;}
.catImage { text-align: center;}
.round4corners {
border: 2px solid #cccccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/* box-shadow: 10px 5px 5px #888;
padding: 10px;
padding: 5px 5px 5px 5px;
*/}
/* Checkout 1*/
#checkout {
padding: 10px;
}
.checkOutBox {
margin-bottom: 2px;
border: 1px solid #bbbbbb;
width: 98%;
padding: 5px auto;
}
.checkoutEdit {
margin-top: -2px;
float: right;
text-align: right;
width: 20%;
}
.checkoutEdit img {
max-height: 19px;
}
.checkoutTitle {
float: left;
width: 79%;
}
.titleBar {
font-family: Georgia, Verdana, Verdana, Helvetica, sans-serif;
background-color: #ffffff;
height: 20px;
padding: 10px 5px 10px 5px;
text-decoration:none;
font-size: 16px;
font-weight: bold;
color: #144f63;
}
.titleBar a: link, .titleBar a: visited, .titleBar a: active {
text-decoration: none;
font-size:12px;
}
.titleBar a: hover {
color: #000000;
}
.verticalMiddle {
display:table-cell;
vertical-align:middle;
}
/* Box - Page Headings */
.pageHead { font-size: 18Px; font-weight: bold; color: #052145; }
.pageHead a:link { text-decoration:none; font-size: 18Px; font-weight: none; color: #004e38; background: none }
.pageHead a:visited { text-decoration:none ; font-size: 18Px; font-weight: none; color: #004e38; background: none }
.pageHead a:active { text-decoration:none; font-size: 18Px; font-weight: none; color: #004e38; background: none }
.pageHead a:hover { font-size: 18Px; font-weight: none; color: #8b8d08; text-decoration: underline }
/* Box - Page Navigation */
.pageNav {background-color: #EEEEEE}
/* Box - General Headings */
.genHeadings {color: #346247; font-weight: bold; background-color: #cecece; padding: 2px; height: 18px;}
.heading {color: #bbbbbb; font-weight: bold; background-color: #cecece; padding: 2px; }
/* Box - Product Image (Home page) */
.homeImg { BORDER: 1px solid #CCCCCC; background-color: #FFFFFF}
/* Box - Product Description (Home page) */
.homeDesc {border-bottom: 1px solid #CCCCCC; background-color: #FFFFFF}
.PhotoTop {BORDER-TOP: 1px solid #CCCCCC;}
/* Horizontal and Vertical lines */
.lines { background-color: #CCCCCC}
/* Product Short Description (Except Detail page) */
b.prodDesc {text-decoration: none;
font-size: 13px;
font-weight: none;
color: #004e38;
font-family: Verdana, Arial, Helvetica, sans-serif }
/* Product Short Description (Detail page only) */
.prodDescDet {
font-size: 24px;
font-family: 'Century Gothic', 'Arial Narrow',Tahoma;
color: #0068b3;
/*text-shadow: 1px 1px 0 #555;*/
}
/* Product Long Description */
.prodDescLong {font-size: 12px; color: #444444}
/* Product Detail */
.prodDet {font-size: 10pt; color: #000000 }
/* Product SKU */
.prodSKU {}
/* Product Price - Text Label */
.prodPriceT {color: #903; font-size: 10pt;}
/* Product Price - Price Value */
.prodPriceV {color: #333333; font-size: 10pt;}
.bold { font-weight: bold}
.title { font-weight: bold; color: #333333; font-size: 14px; padding-bottom: 5px; padding-top: 5px}
/* Product List Price - Text Label */
.prodLPriceT {color: #903; font-size: 10pt;}
/* Product List Price - Price Value */
.prodLPriceV {text-decoration: line-through}
/* Product Sale Price - Text Label */
.prodSPriceT {}
/* Product Sale Price - Price Value */
.prodSPriceV {color: green}
/* Free Shipping text */
.freeShipMsg {color: #888888}
/* Special */
.splcolor {color: #FFCC00}
/* Special */
.spltitle {color: #000000; font-size: 10pt; }
/* In Stock text */
.inStock {color: #E58E13}
/* Out of Stock text */
b.outStock {color: red}
/* No Image text */
.noImgT {color: #000000}
/* Category List */
.catDescList {}
/* Category Description - No products linked to it */
span.catDesc {font-family: Verdana, Arial, helvetica; font-size: 10pt; color: #fa8e2f}
/* Category Description - Has products linked to it */
span.catDescProd {font-weight: bold; font-size: 9pt}
/* Option Description for "Optional" options */
.optDesc {FONT-STYLE: italic}
/* Option Select box */
.optSel {font-family: Verdana, Arial, helvetica; font-size: 8pt}
/* Option Text box */
.optTxt {font-family: Verdana, Arial, helvetica; font-size: 8pt}
/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */
/* Box - 2, 3 and 4 Column Layout for product list page */
.colsView {background-color: #FFFFFF; BORDER: 0px solid #CCCCCC}
.colsView A:link {color: #000099; text-decoration: none}
.colsView A:visited {color: #000099; text-decoration: none}
.colsView A:hover {color: #000000; text-decoration: underline}
/* System Messages */
.sysMsg {font-size: 10pt}
.sysMsgErr {color: red; font-size: 10pt}
.sysMsgURL {font-size: 10pt}
/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */
/* Highlights used in search results */
.highlight {color: #000000; background-color: #ffff66}
/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */
/* Radio Button options */
.optRadio {font-family: Verdana, Arial, helvetica; font-size: 8pt}
/* Option Description for "Mandatory" options*/
.optDescM {FONT-STYLE: italic; color: Red}
/* added style */
.prodRelated { font-family: 'Arial Narrow', Helvetica, sans-serif; font-size: 18px}
/* Date picker */
/* the div that holds the date picker calendar */
.dpDiv {
}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #505050;
background-color: #ece9d8;
border: 1px solid #AAAAAA;
}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
border: 1px solid #ece9d8;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
background-color: #aca998;
border: 1px solid #888888;
cursor: pointer;
color: red;
}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: white;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
font-size: 12px;
color: gray;
font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
color: 4060ff;
font-weight: bold;
}
/* the forward/backward buttons at the top */
.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
padding: 0px;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
}