/*
*************************************************
Just Cabinets
Print Styles

Author:		andCulture, info@andCulture.com
Updated:	November 13, 2007
Notes:		None
*************************************************
*/


@import url(/jc/GetResource.aspx?src=~/assets/styles/sIFR-print.css);


/* =HIDE DIVS
----------------------------------------------- */

#search, #navPrimary, #navMainCat, #navSubCat, #pageTools, .navProductGrid, #navSubCatType, #sidebar, #footer ul, dd.details, dd#prodDetails, .hide, .noPrint {
	display: none;
}


/* =RESTYLE LINKS
----------------------------------------------- */

a:link,
a:visited {
	color: #000;
	text-decoration: none;
}
a:link:after,
a:visited:after {
	font-style: italic;
	content: " ["attr(href)"] ";
}


/* =OVERRIDE LINK RESTYLING
----------------------------------------------- */

#header a:link:after,
#header a:visited:after,
#browseSelection a:link:after,
#browseSelection a:visited:after,
#prodDetailMain a:link:after,
#prodDetailMain a:visited:after,
.productGrid a:link:after,
.productGrid a:visited:after,
#optionProducts a:after {
	content: "";
}


/* =BASIC HTML ELEMENTS
----------------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3.2em;
}
hr {
	clear: both;
}
img {
	border: 0;
}


/* =TABLES
----------------------------------------------- */
#content table {
	margin: 0 0 1em 0;
}
th, td {
	text-align:left;
	vertical-align:top;
}


/* =GENERAL STYLES
----------------------------------------------- */

#logo {
	margin-bottom: 2em;
}


/* =HOME PAGE
----------------------------------------------- */

.home #productNav {
	display: none;
}
.boxFeature1, .boxFeature2, .boxFeature3 {
	float: left;
}
#footer {
	border-top: 1px solid #CCC;
	clear: both;
}

/* =MAIN PRODUCT CATEGORY PAGE
----------------------------------------------- */
#featuredMessage {
	color: #999;
	float: left;
	font-size: 1.3em;
	padding: 0 30px 0 0;
	width: 260px;
}
#browseSelection {
	margin-left: 290px;
}
#browseSelection h2 {
	border-bottom: 1px solid #CCC;
	margin: 0;
}
.cabinets #browseSelection h2 {
	border-bottom: 1px solid #CCC;
	margin: 0 0 23px 0;
}
#browseSelection dl {
	float: left;
	height: 16.5em;
	margin: 0;
	width: 135px;
}
.cabinets #browseSelection dl {
	height: auto;
	margin: 0 0 15px 0;
}
#browseSelection dt {
	font-weight: bold;
}
#browseSelection dd {
	margin: 0 15px 0 0;
}
.cabinets #browseSelection dd {
	margin: 8px 0 0 0;
}


/* =FEATURE AREA
----------------------------------------------- */

#featuredProduct dl {
	font-size: 1em;
}
#featuredProduct dt#prodImage {
	float: right;
}
#featuredProduct dd {
	margin: 0;
}
#featuredProduct dd#prodPreTitle {
	font-size: 1.3em;
	margin: 0 0 -.2em 0;
	color: #999999;
}
#featuredProduct dd#prodTitle {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 -.2em 0;
}
#featuredProduct dd#prodSubTitle {
	font-size: 2.3em;
	font-weight: bold;
}
#featuredProduct dd#prodDesc {
	font-size: 1.1em;
}
#featuredProduct dd#prodItemNum {
	margin: .5em 0;
}
#featuredProduct dd#prodPrice {
	color: #F00;
	float: right;
	font-size: 3em;
	font-weight: bold;
	margin: 0 10px 0 0;
}
#featuredProduct dd#prodClearance {
	color: #F00;
	float: right;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 10px 0 0;
	text-decoration: line-through;
}
#featuredProduct dd#prodPrice sup {
	font-size: .5em;
}


/* =PRODUCT GRID
----------------------------------------------- */

.productGrid {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	clear: both;
	margin: 0 0 0 auto;
	width: 100%;
}
.productGrid td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 6px;
}
.productGrid dl {
	font-size: 1em;
	margin: 0;
	position: relative;
}
.productGrid dt {
	margin: 0;
}
.productGrid dd {
	margin: 0;
}
dd.price {
	color: #F00;
	font-weight: bold;
	font-size: 2em;
	text-align: right;
}
dd.clearance {
	text-align: right;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #ff0000;
}
dd .currency, dd .cents {
	font-size: .6em;
	vertical-align: top;
}
dd.title {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1em;
}
dd.item {
	font-size: 1em;
}
dd.tag {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	height: auto;
	position: absolute;
	padding: 0 5px 0 0;
	right: -6px;
	top: -6px;
	width: auto;
}
dd.sale:after {
	content: "Sale";
}
dd.new:after  {
	content: "New";
}
dd.asSeen:after  {
	content: "As Seen";
}
dd.hotSeller:after  {
	content: "Hot Seller";
}


/* =PRODUCT DETAIL PAGE
----------------------------------------------- */

#prodDetailMain dl {
	font-size: 1em;
}
#prodDetailMain dt#prodImage {
	float: right;
}
#prodDetailMain dd {
	margin: 0;
}
#prodDetailMain dd#prodTitle {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 -.2em 0;
}
#prodDetailMain dd#prodPreTitle {
	font-size: 1.5em;
	margin: 0 0 -.2em 0;
	color: #999999;
}
#prodDetailMain dd#prodSubTitle {
	font-size: 2.3em;
	font-weight: bold;
}
#prodDetailMain dd#prodDesc {
	font-size: 1.1em;
}
#prodDetailMain dd#prodItemNum {
	font-weight: bold;
	margin: .5em 0;
}
#prodDetailMain dd#listPrice {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 10px 0 0;
}
#prodDetailMain dd#ourPrice {
	color: #F00;
	font-size: 1.7em;
	margin: 0 10px 0 0;
}
#prodDetailMain dd#ourPriceCollection {
	color: #F00;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#prodDetailMain dd#ourPriceClearance {
	color: #F00;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 10px 0 0;
	text-decoration: line-through;
}
#prodDetailSub {
	clear: both;
}
#prodDetailSub, #prodDetailMeasurements {
	float: left;
	margin: 0 1em 0 0;
	width: 40%;
}
#prodDetailSub h2, #prodDetailMeasurements h2, #relatedProducts h2 {
	border-bottom: 1px solid #CCC;
}
#relatedProducts {
	clear: both;
}
#relatedProducts dl {
	float: left;
	font-size: 1em;
	margin: 0 10px 0 0;
	position: relative;
	width: 125px;
}
#relatedProducts dt {
	margin: 0;
}
#relatedProducts dd {
	margin: 0;
}
#relatedProducts dd.title {
	font-size: 1.2em;
	font-weight: bold;
}
#relatedProducts dd.price {
	color: #F00;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}
#optionProducts dl {
	clear: left;
}
#optionProducts dt {
	margin: 0;
	float: left;
}
#optionProducts dd {
	margin-left: 90px;
}
#optionProducts dd.checkAvail {
	float: right;
}
#optionProducts dd.price {
	text-align: left;
}


/* =STORE PAGES
----------------------------------------------- */

.storeGrid {
	border-top: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	width: 100%;
}
.storeGrid th, .storeGrid td {
	padding: 5px 10px;
}
.storeGrid th, .storeGrid td {
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.storeGrid th {
	border-bottom-width: 2px;
}


/* =CABINET BRANDS PAGE
----------------------------------------------- */

#buildToOrder {
	float: left;
	margin: 0 0 20px 0;
	width: 351px;
}
#inStock {
	float: right;
	margin: 0 0 20px 0;
	width: 191px;
}
#inStock h3, #inStock p {
	padding: 0 20px;
}
#inStock ul {
	margin: 0 0 0 20px;
}
#kraftMaid, #qualityCabinets, #kitchensToGo {
	margin-top: 1em;
}
#kraftMaid {
	float: left;
	margin-left: 20px;
	width: 40%;
}
#qualityCabinets {
	float: right;
	margin-right: 20px;
	width: 45%;
}


/* =CABINET DOOR STYLES PAGE
----------------------------------------------- */

#sampleDoorStyles, #sampleLaminates {
	width: 360px;
}
#sampleLaminates {
	clear: left;
	padding: 16px 0 0 0;
}
#sampleDoorStyles h2, #sampleLaminates h2, #sampleFinishes h2 {
	border-bottom: 1px solid #CCC;
	padding: 0 0 3px 0;
}
#sampleDoorStyles ul, #sampleLaminates ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sampleDoorStyles ul li, #sampleLaminates ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#sampleDoorStyles ul img, #sampleLaminates ul img {
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
}
#sampleFinishes {
	float: right;
	padding: 0;
	width: 161px;
}
#sampleFinishes ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sampleFinishes ul li {
	list-style: none;
	margin: 0 0 3px 0;
	padding: 0;
}
#sampleFinishes ul li img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}


/* =FORM PAGES
----------------------------------------------- */

form table .colLabels {
	width: 30%;
}
form table td.colLabels {
	padding-right: 10px !important;
}
form table .colFields {
	width: 70%;
}
fieldset {
	border: 1px solid #CCC;
	margin: 1em 0;
	padding: 15px;
	width: 415px;
}
legend {
	display: none;
}


/* =CUSTOM CLASSES
----------------------------------------------- */

.floatLeft {
	margin: 0 10px 10px 0;
	float: left;
}
.floatRight {
	margin: 0 0 10px 10px;
	float: right;
}


/* =CLEARFIX
   by Tony Aslett
   http://www.positioniseverything.net/easyclearing.html
   IE7 fix found here
   http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
----------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block; /* FOR IE7 */
}

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