﻿body { font-family: Arial, Helvetica, Verdana, Sans-serif; color: #3a3a3a; }
form { margin: 0px; }
p { margin-top: 10px; margin-bottom: 10px; }
div { font-size: 12px; line-height: 150%; }
table { font-size: 12px; line-height: 150%; }
hr { color: #cccccc; }
img {border: 0px;}
sup { vertical-align: text-top; font-size: 60%; }
h1 { font-size: 100%; font-weight: 700; margin: 0px; padding: 0px; line-height: 120% }
h2 { font-size: 100%; font-weight: 700; margin: 0px; padding: 0px; line-height: 120% }
h3 { font-size: 100%; font-weight: 700; margin: 0px; padding: 0px; line-height: 120% }
h4 { font-size: 100%; font-weight: 700; margin: 0px; padding: 0px; line-height: 120% }
h5 { font-size: 100%; font-weight: 700; margin: 0px; padding: 0px; line-height: 120% }
ul { margin-top: 0px; margin-bottom: 0px; padding-left: 15px; margin-left: 15px; line-height: 130%; }
ol { margin-top: 0px; margin-bottom: 0px; padding-left: 15px; margin-left: 15px; line-height: 130%; }
li { padding-top: 6px; }

.scInvalidQuantity { background-color: #ff99cc; font-weight: bold; }

.pinktext { color: #da1d6f; }
.header { font-family: "Century Gothic"; color: #da1d6f; font-weight: bold; font-size: 21px; }
.header2 { font-family: Helvetica, "Century Gothic"; color: #da1d6f; font-weight: normal; font-size: 24px; }
.legendheader { font-size: 16px; font-weight: bold; }

.dotrepeaterbottom { background-image: url('/images/Icons/dotrepeater.gif'); background-repeat: repeat-x; background-position: bottom; }


/* PRODUCT DISPLAY STYLES */
.productbox { padding: 3px 4px 0px 5px; font-size: 11px; height: 45px; line-height: 120%; background-color: #e4dde1; text-align: left; vertical-align: top; }
.categorybox { padding: 3px 4px 0px 4px; font-size: 11px; height: 35px; line-height: 110%; text-align: center }
.breadcrumbon { font-size: 16px; font-weight: bold; color: #644853; }


/* LEFT NAVIGAITON CONTROL STYLES */
.lnbg { background-color: #716c73; }
.lnnavitem { background-color: #716c73; padding: 7px 5px 8px 11px; font-size: 11px; line-height: 120%; }
.lnnavitemalt { background-color: #5d585e; padding: 7px 5px 8px 11px; font-size: 11px; line-height: 120%; }
.lnnavitemon { border-top: 1px #28202c solid; background-color: #28202c; background-image: url('/images/Rounded/LeftNav/on_repeater.jpg'); background-repeat: repeat-x; padding: 7px 5px 8px 11px; font-size: 11px; line-height: 120%; }
/* for Design Center Categories */
.lndcnavitem { background-color: #716c73; padding: 2px 10px 2px 2px; font-size: 11px; line-height: 120%; }
.lndcnavitemalt { background-color: #5d585e; padding: 2px 10px 2px 2px; font-size: 11px; line-height: 120%; }

/* DESIGN CENTER */
.dcproductbox { padding: 3px 4px 0px 5px; height: 41px; line-height: 120%; background-color: #e4dde1; text-align: left; vertical-align: top; color: #403e3f; font-size: 10px; font-weight: normal; }
.dcInstructionText { font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight: bold; color: Black; }
.dcFormHeader { font-size: 11px; font-weight: bold; color: black; text-align: right; }
.dcFormText { font-size: 11px; font-weight: normal; color: black; }
.dcFabricHeader { font-size: 13px; font-weight: bold; color: black; }
.dcFabricHeaderSm { font-size: 11px; font-weight: bold; color: #0033ff; }
.dcFabricHeaderPrice { font-size: 11px; font-weight: normal; color: black; }
.dcCheckbox { font-size: 11px; font-weight: normal; color: black; }
.dcTextboxBorder { border: 1px #FA6633 solid; }
.dcViewingCategory { font-size: 12px; font-weight: bold; color: White; }
.dcFabricRevCell { padding: 29px; padding-right: 0px; vertical-align: middle; }
.dcFabricMainCell { padding: 29px; vertical-align: middle; }


/* GRADIENT DIV STYLES - on Press, Distributors and Policies pages - all very similar */
.presswebdiv { background-image: url('/images/Press/press_webrepeater.jpg'); background-repeat: repeat-y; border-bottom: 1px #dfdfdf solid; padding: 5px; padding-top: 8px; padding-left: 20px; }
.pressprintdiv { background-image: url('/images/Press/press_alternaterepeater.jpg'); background-repeat: repeat-y; padding: 6px; padding-left: 50px; }
.pressprintdiv2 { padding: 6px; padding-left: 50px; }
.pressprinttext { color: #513742; }
.pressprintheader { font-size: 13px; color: #513742; padding-bottom: 3px; }
.distributordiv { background-image: url('/images/Press/press_webrepeater.jpg'); background-repeat: repeat-y; border-bottom: 1px #dfdfdf solid; padding: 5px; padding-top: 8px; padding-left: 20px; color: black; }
.distributorheaderdiv { background-image: url('/images/Press/press_alternaterepeater.jpg'); background-repeat: repeat-y; background-position: left; padding: 26px; padding-left: 50px; }
.distributorheader { font-size: 13px; color: #513742; padding-bottom: 3px; }
/* faq styles are also used on shopping help popup and instructions and full image */
.faqdiv { background-image: url('/images/Press/press_webrepeater.jpg'); background-repeat: repeat-y; background-position: right; padding: 10px 30px 12px 25px; color: black; }
.faqheaderdiv { background-image: url('/images/Press/press_alternaterepeater.jpg'); background-repeat: repeat-y; background-position: left; padding: 10px; padding-left: 30px; }
.faqheader { font-size: 13px; color: #513742; padding-bottom: 3px; }
.faqlcol { width: 300px; border-top: 1px #b7acb2 solid; }
.faqrcol { border: 1px #b7acb2 solid; border-right: 0px; border-bottom: 0px; background-color: #dfdfdf; background-image: url('/images/Press/press_webrepeater.jpg'); background-repeat: repeat-y; background-position: right; } /*c3babf*/
/* MY ACCOUNT STYLES - also used on CART PAGE */
.madiv { background-image: url('/images/Press/press_webrepeater.jpg'); background-repeat: repeat-y; background-position: right; padding: 15px 20px 15px 20px; color: black; }
.madiv2 { background-image: url('/images/Press/press_webrepeater_rev.jpg'); background-repeat: repeat-y; background-position: left; padding: 15px 20px 15px 20px; color: black; }
.maheaderdiv { background-image: url('/images/Press/press_alternaterepeater.jpg'); background-repeat: repeat-y; background-position: left; padding: 10px; padding-left: 30px; padding-bottom: 20px; }
.maheader { font-size: 13px; color: #513742; padding-bottom: 3px; }
.malcol { width: 220px; border-top: 1px #b7acb2 solid; }
.marcol { border: 1px #b7acb2 solid; border-right: 0px; background-color: #dfdfdf; background-image: url('/images/Press/press_webrepeater.jpg'); background-repeat: repeat-y; background-position: right; } /*c3babf*/



/* MAIN LINK STYLES */
.mainnavcell { color: white; font-size: 13px; font-weight: normal; padding-top: 8px; padding-bottom: 8px; line-height: 100%; }
a.mainnav:link, a.mainnav:active, a.mainnav:visited { font-family: "Century Gothic"; color: white; text-transform: uppercase; font-size: 15px; font-weight: normal; background-color: #e94c90; padding: 5px 14px 5px 14px; text-decoration: none; }
a.mainnav:hover { color: white; text-decoration: none; background-color: #6d525f; }

.topnavcell { color: #3a3a3a; }
a.topnav:link, a.topnav:active, a.topnav:visited { color: #3a3a3a; }
a.topnav:hover { text-decoration: underline; color: #0066ff; }

.bottomnavcell { color: #b23b62; }
a.bottomnav:link, a.bottomnav:active, a.bottomnav:visited { font-size: 11px; color: #b23b62; }
a.bottomnav:hover { text-decoration: none; color: #0066ff; }

a.white:link, a.white:active, a.white:visited { color: white; }
a.white:hover { color: #99ccff; text-decoration: none; }

a.lnpink:link, a.lnpink:active, a.lnpink:visited { color: #eda0c5; }
a.lnpink:hover { color: #99ccff; text-decoration: none; }

a.black:link, a.black:active, a.black:visited { color: black; text-decoration: underline; }
a.black:hover { color: #0066ff; }

a.black2:link, a.black2:active, a.black2:visited { color: black; text-decoration: none; }
a.black2:hover { color: #0066ff; text-decoration: none; }

a.productlink:link, a.productlink:active, a.productlink:visited { color: #403e3f; text-decoration: none; font-size: 10px; font-weight: normal; }
a.productlink:hover { color: #0066ff; text-decoration: none; }

a.pink:link, a.pink:active, a.pink:visited { color: #da1d6f; text-decoration: none; }
a.pink:hover { text-decoration: underline; }

a:link, a:visited { color: #0066ff; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }



/* FORM STYLES */
.button { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: bold; padding: 3px; }
.button2 { font-family: Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: bold; padding: 0px; }
.formHeader { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: 700; }
.formHeader2 { font-family: Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; }
.formElementText { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: normal; }
.formValidation { font-family: Arial; font-size: 12px; font-weight: bold; color: #cc0000; }
.formValidator { font-family: Arial; font-size: 12px; font-weight: bold; color: #cc0000; }
.formValidator2 { font-family: Arial; font-size: 12px; font-weight: bold; color: #da1d6f; line-height: 130% }
.formTextbox { font-family: Arial; font-size: 12px; }
.formTextbox2 { font-family: Arial; font-size: 11px; }
.formText { font-family: Arial; font-size: 12px; }


/*	Default stylesheet for the Carpe Slider
	By Tom Hermansson Snickars                 
	2005-12-17 version 1.5
	Copyright CARPE Design                     
	carpe.ambiprospect.com
*/
*.carpe_horizontal_slider_display_combo {
	clear: left;
	margin: 0;
}
*.carpe_vertical_slider_display_combo {
	float: left;
	margin: 0;
}
*.carpe_horizontal_slider_track {
	background-color: #bbb;
	color: #333;
	width: 120px;
	float: left;
	margin: 0;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	padding: 4px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.carpe_vertical_slider_track {
	background-color: #bbb;
	color: #333;
	padding: 3px 6px 15px 6px;
	width: 24px;
	height: 100px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.carpe_horizontal_slider_track *.carpe_slider_slit {
	background-color: #333;
	color: #ccc;
	width: 110px;
	height: 2px;
	margin: 4px 4px 2px 4px;
	line-height: 0px;
	position: absolute;
	z-index: 1;
	border: 1px solid;
	border-color: #999 #ddd #ddd #999;
}
*.carpe_vertical_slider_track *.carpe_slider_slit {
	background-color: #000;
	color: #333;
	width: 2px;
	height: 100px;
	position: absolute;
	margin: 4px 10px 4px 10px;
	padding: 4px 0 1px 0;
	line-height: 0px;
	font-size: 0;
	border: 1px solid;
	border-color: #666 #ccc #ccc #666;
}
*.carpe_horizontal_slider_track *.carpe_slider {
	width: 16px;
	background-color: #666;
	color: #333;
	position: relative;
	margin: 0;
	height: 8px;
	z-index: 1;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.carpe_vertical_slider_track *.carpe_slider {
	width: 20px;
	background-color: #666;
	color: #333;
	position: relative;
	margin: 0;
	height: 8px;
	z-index: 1;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.carpe_slider_display_holder {
	background-color: #bbb;
	color: #333;
	width: 34px;
	margin: 0;
	float: left;
	padding: 0 2px 0 0;
	height: 20px;
	text-align: right;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
.carpe_slider_display {
	background-color: #bbb;
	color: #333;
	padding: 3px 1px 0 0;
	width: 30px;
	text-align: right;
	font-size: 11px;
	line-height: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	border: 0;
	cursor: default;
}
/* end slider css */

