@charset "UTF-8";
@import url('reset.css');

/* ===== colors ==================================== */

.success {
	font-weight: bold;
	color: #090;
}

.error,
.requiredField {
	font-weight: bold;
	color: #c00;
}

/* ===== base ====================================== */

html,
body {
	background: #333131;
	color: #000;
	text-align: center;
}

#container {
	position: relative;
	/*width: 1280px;*/
	width: 1236px;
	margin: 0 auto;
	overflow: hidden;
	background: #ebebeb url(../images/headerAndBkgd.jpg) no-repeat 0 0;
}

h1 { font-size: 24px; }

h2 { font-size: 21px; }

h3 { font-size: 16px;}

h4 { font-size: 14px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h1,
h2,
h3,
h4,
h5,
h6 { color: #666666; }

em,
strong { color: #000; }

a { color: #000; text-decoration: none;}

a:hover { color: #000; text-decoration: underline; }

p,
dl,
ol,
ul { margin-bottom: 1em; }

dt { font-weight: bold; }

li,
dt,
dd { margin-bottom: .5em; }

dd { padding-left: 2.5em; }

.hr {
	border-bottom: 1px solid #000;
	margin: 1em 0;
}

label {font-size: 14px;}

.productNumber {
	font-size: 12px;
	color: #888888;
	font-weight: bold;
}

/* Tool Tip */

a.toolTip {
    color:#000000;
    text-decoration:none;
	padding: 0;
	background: transparent;
	z-index:24;;
}

a.toolTip img {
	height: 22px;
	width: 22px;
	display: block;
	margin: 4px 2px 0 0;
	position:relative; /*this is the key*/
    float: right;
	background: transparent url(../images/infoIcon.png) no-repeat 0 0;
}

a.toolTip:hover img {
	background-position: 0 -22px;
}

a.toolTip:hover {
	z-index:25; 
	background-color: #8c0001;
}

a.toolTip span {display: none}

a.toolTip:hover span { /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    bottom: 70px; 
	left: 10px; 
	width: 160px;
    border:1px solid #fff;
    background-color:#666666; 
	color:#fff;
	text-align: left;
	padding: 7px;
	text-decoration: none;
}

#Error a.toolTip:hover span {
	width: 200px;
	bottom: -80px;
	left: 10px;
}

/* ===== header ==================================== */

#header  {
	width: 100%;
	padding: 0 0 0 60px;
	height: 44px;
	*height: 55px;
	clear: both;
	text-align: left;
}

#banner  {
	margin: 10px 0 0 0;
	padding: 2px 0 0 0;
}

a#cartModalLink {
	position: absolute;
	right: 30px;
	top: 20px;
	color:#EBEBEB;
	width: 40px;
	height: 30px;	
	text-indent: -9999px;
	background: transparent url(../images/cartIcon.png) no-repeat 0 0;
}

a#cartModalLink:hover {
	background-position: -40px 0;
}

body#mySelections #cartModalLink,
body#dealerContactInfo #cartModalLink,
body#emailConfirm #cartModalLink,
body#selectedDetails #cartModalLink, 
body#Login #cartModalLink {
	display: none;
}

.interior-logo {
	background: transparent url('../images/headerLogo.gif') no-repeat 0 0;
	width: 148px;
	height: 45px;
}

/* ===== nav buttons ======================================= */

a.btnLeft,
span.btnLeft {
	display: inline-block;
	height: 20px;
	background: #aa0000 url(../images/btnSprite.gif) no-repeat 0 -20px;
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
	line-height: 18px;
	color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	border:  none;
	overflow: hidden;	
}

a span.btnRight,
span input.btnRight {
	display: block;
	height: 20px;
	background: #aa0000 url(../images/btnSprite.gif) no-repeat right 0px;
	padding: 0 10px 3px 0;
	margin: 0;
	color: #FFFFFF;
	border: none;
	overflow: hidden;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

span.previousBtn {
	background: #aa0000 url(../images/btnSprite.gif) no-repeat 0 -40px;
	padding: 0 0 0 20px;
}

a.btnInfo {
	display: block;
	padding: 0;
	height: 22px;
	width: 22px;
	position: absolute; 
	bottom: 10px; 
	right: 28px;
	text-indent: -9999px;
	background: transparent url(../images/infoIcon.png) no-repeat 0 0;
}

a.btnInfo:hover {
	background: transparent url(../images/infoIcon.png) no-repeat 0 -22px;
}

#lockModel a.btnInfo {
	right: 18px;
}

.nextBtn span.btnRight,
.nextBtn input.btnRight,
.chooseBtn span.btnRight,
.chooseBtn input.btnRight {
	background: #aa0000 url(../images/btnSprite.gif) no-repeat right -60px;
	padding: 0 18px 3px 0;
	display: block;
	height: 20px;
	color: #FFFFFF;
	border: none;
	overflow: hidden;
}

a.btnLeft:hover,
span.btnLeft:hover {
	color: #FFFFFF;	
	text-decoration: none;
	background-color: #ca1414;
}

a.btnLeft:hover span.btnRight,
span.btnLeft:hover input.btnRight {
	background-color: #ca1414;
}

.disabled .nextBtn input.btnRight {
	background: #aa0000 url(../images/btnSprite.gif) no-repeat right -224px;
}

.disabled .nextBtn input.btnRight,
.disabled span.nextBtn,
.disabled span.nextBtn:hover input.btnRight {
	background-color: #CCC;
	cursor: text;
}

div.stepNavPosition {
	margin: 30px 0 15px 0;
	float: right;
	clear: both;
}

div.stepNavPositionTop {
	margin: 22px 0 0 0;
	float: right;
	clear: both;
}

div#stepNavPositionKeyNumberTop {
	position: absolute;
	top: 34px;
	right: 0;
	width: 390px;
	z-index: 1;
}

div#stepNavPositionKeyNumberBottom {
	clear: both;
	float: right;
	width: 390px;
}

div#stepNavPositionKeyNumberTop fieldset {
	width: 180px;
	float: left;
	padding: 1px 0 0 0;
}

div#stepNavPositionKeyNumberTop fieldset label {
	position: relative;
	top: 2px;
}

div#stepNavPositionKeyNumberTop span.btnLeft,
div#stepNavPositionKeyNumberBottom span.btnLeft {
	float: right;
}

div#serviceOptions .stepNavPositionTop {
	position: absolute;
	top: 0;
	right: 15px;
}

#saveToCartBtn.btnLeft:hover,
#exitBtn.btnLeft:hover,
#goBackBtn.btnLeft:hover {
	color: #FFFFFF;	
	text-decoration: none;
	background-color: #ca1414;
}

#exitBtn.btnLeft:hover input.btnRight,
#goBackBtn.btnLeft:hover input.btnRight {
	background-color: #ca1414;
}

#saveToCartBtn.btnLeft,
#exitBtn.btnLeft {
	background: #aa0000 url(../images/btnSprite.gif) no-repeat 0 -80px;
	height: 24px;
}

#goBackBtn.btnLeft {
	background: #aa0000 url(../images/btnSprite.gif) no-repeat 0 -128px;
	height: 24px;
	padding: 0 0 0 20px;
}

#exitBtn.btnLeft input.btnRight,
#goBackBtn.btnLeft input.btnRight {
	background: #aa0000 url(../images/btnSprite.gif) no-repeat right -104px;
	height: 24px;
	padding: 0 10px 0 0;
}

span#purchaseBtn.btnLeft,
#saveToCartBtn.btnLeft {
	background: #000000 url(../images/btnSprite.gif) no-repeat 0 -200px;
	height: 24px;
	font-size: 11px;
}

span#purchaseBtn.btnLeft input.btnRight,
#saveToCartBtn.btnLeft input.btnRight {
	background: #000000 url(../images/btnSprite.gif) no-repeat right -176px;
	height: 24px;
	line-height: 22px;
	padding-right: 20px;
}

body#mySelections #purchaseBtn {
	float: right;
	margin: 0 20px 0 0;
	position: relative;
	top: -2px;
}

#purchaseBtn.btnLeft:hover,
#purchaseBtn.btnLeft:hover input.btnRight,
#saveToCartBtn.btnLeft:hover input.btnRight,
#saveToCartBtn.btnLeft:hover {
	background-color: #333333;
}

#reqDealerQuoteBtn,
#reqDealerQuoteBtn input {
	background-color: #003399;
}
#reqDealerQuoteBtn:hover,
#reqDealerQuoteBtn input:hover {
	background-color: #3366cc;
}

.printBtn,
.emailBtn {
	margin: 0;
    cursor: pointer;
    display: inline-block;
    height: 21px;
	width: 24px;
    margin: 0 3px 0 6px;
    overflow: hidden;
	border: none;
	background: transparent url(../images/iconSprite.gif) no-repeat 0 0;
	position: relative;
	top: -7px;
}

.emailBtn:hover {
	background-position: 0 -26px;
}

.printBtn {
	background-position: -31px 0;
}

.printBtn:hover {
	background-position: -31px -26px;
}

#saveToCartBtn {
	float: right;
	margin: 20px 0 30px 0; 
	display: block;
}

hr.finalDivider {
	border-color: #E7E7E7;
	border-width: 2px;
	clear: both;
}

/* ===== home landing ============================== */

#mainLanding #container {
	background: #ffffff url(../images/headerAndBkgdLanding.jpg) no-repeat 0px 0;
}

#mainLanding #content {
	height: 520px;
	background: none;
}

#mainLanding #banner {
	display: none;
}

#mainLanding .colA {
	width: 510px;
	padding: 104px 0 0 0;
	margin: 0;
}

#mainLanding h1 {
	margin: 0 0 0 46px;
	width: auto;
}

#mainLanding .colA .home-logo {
	background: transparent url('../images/reverseLogo.gif') no-repeat 0 0;
	width: 148px;
	height: 35px;
	margin: 0 0 0 46px;
}

#mainLanding h1 span.top {
	font-size: 44px;
	letter-spacing: -.05em;
	border-bottom: dotted 2px #8c8c8c;
	padding: 0;
	clear: both;
}

h1 span.top a {
	color: #666666;
	text-decoration: none;
}

h1 span.top a:hover {
	color: #666666;
	text-decoration: none;
}

#mainLanding .colA h1 span.bottom {
	font-size: 200px;
	color: #aa0000;
	letter-spacing: -.155em;
	display: block;
	clear: both;
	line-height: 180px;
	text-indent: -10px;
}

h1 span.bottom a,
h1 span.bottom a:hover {
	color: #aa0000;
	text-decoration: none;
}

#mainLanding .colA h2 {
	height: 31px;
	display: block;
	padding: 0 111px 0 0;
	background: transparent url(../images/howWork.gif) no-repeat top right;
	text-align: right;
	color: #FFFFFF;
	line-height: 30px;
	font-size: 18px;
}

#mainLanding .colA h2 span {
	height: 31px;
	display: block;
	padding: 0 5px 0 0;
	background-color: #666666;
}

#mainLanding .colA a {
	color: #FFFFFF;
}

#mainLanding .colB {
	background: none;
	width: 700px;
	height: 500px;
	position: relative;
	padding-bottom: 0;
	min-height: inherit;
}

#mainLanding .colB p.intro {
	width: 250px;
	margin: 28px 0 0 20px;
	line-height: 15px;
	font-size: 11px;
	color:#666666;
	text-align: left;
}

#mainLanding .colB h2 {
	background: none;
	width: 180px;
	position: absolute;
	left: 132px;
	top: 264px;
	color: #FFFFFF;
	text-align: center;
	padding: 0;
	border: none;
}

#mainLanding .colB h2 span.top {
	font-size: 20px;
	letter-spacing: -.05em;
	border-bottom: dotted 2px #FFFFFF;
	padding: 0;
	clear: both;
	color: #FFFFFF;
}

#mainLanding .colB h2 span.bottom {
	font-size: 60px;
	letter-spacing: -.055em;
	display: block;
	clear: both;
	line-height: 60px;
	color: #FFFFFF;
}

#mainLanding fieldset {
	width: 120px;
	position: absolute;
}

#mainLanding fieldset#keyNumberOption {
	top: 120px;
	left: 440px;
	width: 140px;
}

#mainLanding fieldset#lockTypeOption {
	top: 280px;
	left: 440px;
	width: 141px;
}

#mainLanding fieldset#lockNumberOption {
	top: 400px;
	left: 440px;
	width: 140px;
}

#mainLanding fieldset label {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	line-height: 15px;
}

#mainLanding fieldset input#keynumber,
#mainLanding fieldset input#locknumber {
	width: 108px;
	margin: 5px 0 10px 0;
	font-size: 12px;
	float: left;
}

#locknumberForm input#locknumber {
	width: 108px;
}

#mainLanding fieldset input#KeyNumberSubmit,
#mainLanding fieldset input#LockNumberSubmit {
	background: transparent url(../images/chooseBtn.gif) no-repeat top right;
	border: none;
	width: 78px;
	height: 24px;
	padding: 0 13px 3px 0;
	font-size: 12px;
	color: #a70000;
	letter-spacing: 0;
	font-weight: bold;
	float: right;
	margin: 0 28px 0 0;
	cursor: hand;
	cursor: pointer;
}

#mainLanding fieldset#lockTypeOption  label {
	float: left;
}

#mainLanding fieldset#lockTypeOption a.lock-type-choose {
	background: transparent url(../images/chooseBtn.gif) no-repeat top right;
	display: block;
	border: none;
	width: 78px;
	height: 24px;
	padding: 5px 0 0 14px;
	font-size: 12px;
	letter-spacing: 0;
	color: #a70000;
	font-weight: bold;
	float: right;
	margin: 7px 29px 0 0;
	text-indent: 6px;
	text-decoration: none;
}

.homeIntroModal {
	padding: 20px; 
	text-align: left;
	width: 630px;
	height: 250px;
	background: #FFF url(../images/homeIntroLocks.jpg) no-repeat 400px bottom;
}

.homeIntroModal p {
	width: 370px;
	font-size: 13px;
}

.homeIntroModal h4 {
	font-size: 20px;
	color: #aa0000;
	border-bottom: dotted 1px #8c8c8c;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

/* ===== content =================================== */

div#content {
	width: 100%;
	margin: 7px 0 0 0;
	text-align: left;
	height: auto;
	background: transparent url(../images/colBBkgd.png) repeat-y 490px 0;
	overflow: hidden;
}

/* Product Spotlight */

div#productSpotlight,
div#productSpotlightPlaceholder {
	z-index:99;
	position: absolute;
	top: 20px;
	left: 482px;
	background: transparent url(../images/productSpotlight.png) no-repeat top left;
	width: 245px;
	height: 245px;
}

div#productSpotlightPlaceholder {
	background: transparent url(../images/productSpotlightDefault.png) no-repeat top left;
}

body#mySelections div#productSpotlightPlaceholder,
body#dealerContactInfo div#productSpotlightPlaceholder {
	background: transparent url(../images/productSpotlightDefaultBlank.png) no-repeat top left;
}

div#productSpotlight ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 38px;
	left: 42px;
	width: 160px;
	overflow: hidden;
}

div#productSpotlight ul li {
	margin: 0;
	padding: 0;
	clear: both;
	text-align: center;
}

div#productSpotlight ul li#productImageMask {
	height: 130px;
	overflow: hidden;
}

div#productSpotlight ul li#productImageMask img.productImage {
	height: 129px;
	max-height: 129px;
}

div#productSpotlight ul li.productNumber {
	margin: 2px 0 4px 0;
}

div#productSpotlight ul li#productFeatures,
div#productSpotlight ul li#productBestUsedFor {
	font-size: 10px;
	color: #FFFFFF;
	margin: 0 0 4px 0;
}

div#productSpotlight ul li a {
	color: #FFFFFF;
}

div#productSpotlight ul li a:hover {
	color: #d8d8d8;
}

img.enlargeProductImage {
	position: absolute;
	top: 10px;
	right: 10px;
}

#largeImgLink {display: block;}

/* Detail Modal */

.detailsModal {
	padding: 20px; 
	text-align: left;
	width: 360px;
	height: auto;
	overflow: hidden;
}

.detailsModal h4 {
	font-size: 20px;
	color: #aa0000;
	border-bottom: dotted 1px #8c8c8c;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

.detailsModal ul {
	padding: 0 0 10px 15px;
	margin: 0;
}

.modalColLayout {
	width: 800px;
	padding-left: 0;
	overflow: hidden;
}

.modalColLayout  br {
	display: none;
}

.modalColLayout div.modalCol1, 
.modalColLayout div.modalCol2 {
	width: 359px;
	float: left;
	margin: 0;
}

.modalColLayout div.modalCol2 {
	margin:0 0 0 30px;
}

#masterKeyedDiagram.detailsModal {
	width: 600px;
	text-align: center;
}

/* ====== Column A ====== */

div.colA  {
	width: 396px;
	padding: 10px 0 20px 0;
	margin: 0 0 0 54px;
	position: relative;
	float: left;
	overflow: hidden;
}

div.colA h1 {
	margin: 0;
}

div.colA h1 span.top {
	font-size: 44px;
	letter-spacing: -.05em;
	border-bottom: dotted 1px #8c8c8c;
	padding: 0;
	clear: both;
}

.colA h1 span.bottom {
	font-size: 170px;
	color: #aa0000;
	letter-spacing: -.155em;
	display: block;
	clear: both;
	line-height: 150px;
	text-indent: -10px;
}

/* Selection Chart */

div#selectionChart {
	width: 100%;
	margin: 10px 0 0 0;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div#selectionChart table {
	width: 100%;
	border: none;
}

div#selectionChart table#outer {
	background-color: transparent;
}

td#title {
	-webkit-border-top-left-radius: 18px;
	-moz-border-radius-topleft: 18px !important;
	border-radius: 18px 0 0 0; 
	background-color: #aa0000;
	overflow: hidden;
	width: 40px;
	height: auto;
	padding: 0;
}

td#title h2 {
	padding: 0;
	margin: 0;
	position: relative;
	left: 10px;
	background: transparent url(../images/headlineItemSelection.gif) no-repeat top left;
	width: 20px;
	height: 154px;
	overflow: hidden;
	text-indent: -9999px;
}

table#details td,
table#details thead th {
	border: solid 4px #e6e8e5;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 8px;
	height: 20px;
	line-height: 20px;
	color: #000000;
}

table#details thead th {
	background-color: #333333;
	color:#FFFFFF;
	padding: 6px 5px 8px 8px;
	text-transform: uppercase;
	font-weight: bold;}	

table#details td.col1,
table#details td.col1 a {
	color: #aa0000;
}

table#details td.col1 a {
	text-decoration: underline;
}

table#details td.col3 {
	text-align: right;
	padding-right: 10px;
	width: 84px;
}

table#details th.col3 {
	text-align: right;
}

table#details tr.blankRows td {
	background-color: #cacaca;
}

div#selectionChart #bottom {
	-webkit-border-bottom-right-radius: 18px;
	-moz-border-radius-bottomright: 18px !important;
	border-radius: 0 0 18px 0; 
	background-color: #aa0000;
	border: solid 4px #e6e8e5;
	border-top: 0px;
	padding: 10px 5px 10px 8px;
}

div#selectionChart #bottom td.totalAmount {
	text-align: right;
	padding-right: 5px;
}

div#selectionChart table#quantityTotal td {
	color: #000000;
	text-align:right;
	padding: 5px 10px 0 0;
}

div#selectionChart table#quantityTotal td input {
	width: 40px;
}

fieldset#quantityCalc {
	clear: both;
	float: right;
	margin: 20px 0 0 0;
	padding: 10px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px !important;
	border-radius: 18px;
	background-color: #aa0000;
	border: solid 4px #e6e8e5;
}

fieldset#quantityCalc label {
	color: #FFFFFF;
	*position: relative;
	*top: -5px;
}

fieldset#quantityCalc input.quantity {
	width: 50px;
	margin: 0 2px;
}

p.priceDisclaimer {
		color: #c00;
		width: auto;
		float: left;
		clear: both;
		margin: 24px 0 0 0;
}

/* ====== Column B ======*/

div.colB {
	width: 729px;
	position: relative;
	padding: 0 0 200px 11px;
	margin: 0 0 0 0;
	float: right;	
	height: auto;
	overflow: hidden;
}

img.colBTop {
	background: transparent url(../images/colBTopBkgd.gif) repeat-x 0 0;
	height: 15px;
	/*width: 696px;*/
	width: 696px;
	clear: both;
	position: absolute;
	z-index:5;
	left: 5px;
}

div.colB h2,
#selectedDetails h1 {
	display: block;
	width: 440px;
	height: auto;
	position: absolute;
	top: 86px;
	right: 37px;
	border-top: dotted 1px #8c8c8c;
	padding: 5px 0 0 40px;
}

div.colB h2 span.top,
#selectedDetails h1 span.top {
	font-size: 18px;
	letter-spacing: -.05em;
	border-bottom: dotted 1px #8c8c8c;
	padding: 0 0 3px 0;
	clear: both;
}

.colB h2 span.bottom,
#selectedDetails h1 span.bottom {
	font-size: 46px;
	color: #aa0000;
	letter-spacing: -.05em;
	display: block;
	clear: both;
}

.totalProducts h4 {
	color:#077107;
	margin: 3px 0 0 0;
	display: inline;
	padding: 3px 0 3px 4px;
}

.totalProducts h4 span {
	color: #fff;
	background-color:#077107;
	display: inline;
	padding: 1px 5px 2px 5px;
	font-size: 16px;
}

ul#lockFamily li.totalProducts, 
ul#typeOfLockProducts li.totalProducts,
div.totalProducts {
	display: block;
	width: 100%;
	clear: both;
	height: auto;
	margin: 0;
	padding: 5px 0;
	text-align: left;
	overflow: hidden;
}

div.totalProducts {
	margin: 15px 0 0 22px;
}

#lockOptions div.totalProducts,
#lockModel div.totalProducts {
	margin: 15px 0 0 0;
	display: block;
	width: auto;
	float: left;
	clear: none;
}

h5.keyNumber {
	display: block;
	width: 100%;
	clear: both;
	text-align: right;
	font-size: 16px;
	margin: 0;
	color: #077107;
}

select#f1, select#f2 {
	width: 160px;
	margin: 2px 0 0 8px;
	float: left;
}

/* Progress Indicator */

div#progressIndicator {
	position: absolute;
	z-index: 51;
	top: 13px;
	left: 270px;
}

div#progressIndicator h5 {
	font-size: 14px;
	padding: 0 0 5px 0;
}

div#progressIndicator span.percentText {
	line-height: 0;
	position: relative;
	top: -2px;
	left: 5px;
}	

div#progressIndicator p {
	width: 300px;
	font-size: 11px;
	line-height: 12px;
	padding: 2px 0 0 0;
}

/* Bread Crumb */

ul#breadCrumb {
	list-style-type: none;
	position: absolute;
	top: 178px;
	*top: 176px;
	left: 116px;
	border: dotted 1px #8c8c8c;
	border-width: 1px 0 1px 1px;
	padding: 4px 0 4px 154px;
	/*width: 438px;*/
	width: 430px;
	clear: both;
	font-size: 12px;
}

ul#breadCrumb li {
	display: inline;
	padding: 0;
}

ul#breadCrumb li a {
	color: #666666;
}

ul#breadCrumb li.current a {
	color: #aa0000;
	font-weight: bold;
}

/* Product Main */

ul#shackleLengthProducts,
ul#typeOfLockProducts,
div#lockOptions,
div#lockModel,
div#lockBodySize,
div#serviceOptions,
ul#lockFamily {
	width: 680px;
	position: relative;
	top: 200px;
	overflow: hidden;
	padding: 0;
}

div#lockModel,
div#lockBodySize {
	padding: 15px 0 15px 15px;
	width: 665px;
}

ul#shackleLengthProducts,
ul#typeOfLockProducts,
div#lockOptions ul,
div#lockModel ul,
div#lockBodySize ul,
div#serviceOptions ul,
ul#lockFamily {
	list-style-type: none;
	overflow: hidden;
	padding: 15px 15px 15px 0;
	margin: 0 auto;
}

ul#lockFamily,
ul#typeOfLockProducts {
	margin: 15px auto;
}

div#shackleLengthOptions ul,
div#generalOptions ul,
div#lockModel ul,
div#lockBodySize ul {
	list-style-type: none;
	width: 650px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

ul#typeOfLockProducts li,
ul#shackleLengthProducts li,
div#lockModel ul li,
div#lockBodySize ul li,
div#shackleLengthOptions ul li,
div#generalOptions ul li,
ul#lockFamily li {
	width: 210px;
	height: 260px;
	float: left;
	text-align: center;
	overflow: hidden; 
}

div#shackleLengthOptions ul li,
div#lockModel ul li,
div#lockBodySize ul li{
	height: 215px;
	width: 160px;
}

div#generalOptions ul li {
	height: 202px;
	width: 160px;
}

ul#lockFamily li,
ul#typeOfLockProducts li,
div#lockBodySize ul li {
	height: 225px;
}

ul#typeOfLockProducts li div,
ul#shackleLengthProducts li div,
div#lockModel ul li div,
div#shackleLengthOptions ul li div,
div#generalOptions ul li div,
ul#lockFamily li div,
div#lockBodySize ul li div {
	height: 165px;
	overflow: hidden;
	position: relative;
}

ul#lockFamily li div,
ul#typeOfLockProducts li div,
div#generalOptions ul li div,
div#lockBodySize ul li div,
div#lockModel ul li div,
div#shackleLengthOptions ul li div {
	height: 145px;
}

div#shackleLengthOptions ul li div,
div#lockModel ul li div,
div#generalOptions ul li div,
div#lockBodySize ul li div {
	text-align: center; 
}

ul#typeOfLockProducts li div img.productImage,
ul#shackleLengthProducts li div img.productImage,
div#lockModel ul li div img.productImage,
div#lockBodySize ul li div img.productImage,
div#shackleLengthOptions ul li div img.productImage,
ul#lockFamily li div img.productImage {
	max-height: 249px;
	position: absolute;
	bottom: 0;
	left: 20%;
}

div#shackleLengthOptions ul li div img.productImage, 
div#lockModel ul li div img.productImage,
div#lockBodySize ul li div img.productImage,
div#generalOptions ul li div img.productImage {
	max-height: 185px;
	position: absolute;
	bottom: 0;
	left: 10%;
}

ul#shackleLengthProducts h5
div#shackleLengthProducts ul li h5,
ul#typeOfLockProducts h5,
div#generalOptions h5,
ul#lockFamily h5,
div#lockModel ul h5,
div#lockBodySize ul h5 {
	line-height: 15px;
	font-size: 15px;
}

ul#shackleLengthProducts h5
div#shackleLengthProducts ul li h5,
ul#typeOfLockProducts h5,
div#generalOptions h5,
ul#lockFamily h5,
div#lockBodySize ul h5 {
	padding: 5px 15px;
	display: block;
	height: 36px;
}

div#lockBodySize ul h5 {
	height: 46px;
}

div#generalOptions h5 {
	height: 18px;
}

div#lockModel ul h5 {
	padding: 5px 15px 0 15px;
	display: block;
	height: 18px;
}

body#knlockModel div#lockModel ul h5 {
	padding: 5px 15px 0 15px;
	display: block;
	height: auto;
}

div#lockModel ul input.lockModelRadio {
	padding: 0;
	margin: 10px;
}

/* Options */

div#lockOptions,
div#serviceOptions {
	padding: 0 15px 60px 22px;
	width: 658px;
	top: 220px;
}

div#lockOptions p {
	margin: 0;
}

div#lockOptions .stepNavPositionTop,
div#lockModel .stepNavPositionTop {
	margin-bottom: 20px;
	clear: none;
}

#lockOption .stepNavPosition {
	margin: 0 50px 20px 0;
	clear: both;
}

div#lockOptions h3,
div#serviceOptions h3 {
	color: #000;
	margin: 0 0 10px 0;
}

div#serviceOptions h3 {
	margin: 65px 0 20px 0;
}

p.serviceOptionIntro {
	font-size: 14px;
}

div#lockOptions fieldset.radioOptions {
	margin: 0 0 5px 0;
}

div#lockOptions fieldset.radioOptions input {
	margin: 0 5px 0 0;
	position: relative;
	top: -1px;
}

div#KAsuboptions {
	margin: 15px 0 0 0;
	padding: 10px;
	background-color: #f0f0f0;
	width: 210px;
}

div#KAsuboptions fieldset.radioOptions {
	margin: 0 0 10px 0;
}

div#KAsuboptions fieldset.radioOptions input {
	display: block;
	float: left;
	top: 1px;
	margin-top: 0;
}

div#KAsuboptions fieldset.radioOptions label {
	display: block;
	float: left;
	width: 180px;
}

fieldset.radioOptions label {
	/*font-weight: bold;*/
}

aside#bumpstopBlurp,
#photoLabelBlurp {
	overflow: hidden;
	clear: both;
	height: 1%;
	font-size: 14px;
}

#photoLabelBlurp {
	padding: 6px 0 0 0;
}

aside#bumpstopBlurp p,
#photoLabelBlurp p {
	float: left;
	width: 425px;
	overflow: hidden;
	margin: 5px 0 10px 0;
}

aside#bumpstopBlurp img {
	float: right;
	margin: 0 30px 0 0;
}

aside#keyedBlurp {
	overflow: hidden;
	float: right;
	height: 1%;
	width: 400px;
	font-size: 14px;
}

aside#keyedBlurp p {
	float: left;
	width: 330px;
	margin: 0;
	padding: 20px 0 0 10px;
}

aside#keyedBlurp img {
	float: left;
	width: 60px;
	height: 75px;
	margin: 0 0 5px 0;
}

aside#keyedBlurp img.keyedDiff {
	background: #FFF url(../images/keyedDifferent.gif) no-repeat 0 0;
}

aside#keyedBlurp img.keyedAlike {
	background: #FFF url(../images/keyedAlike.gif) no-repeat 0 0;
}

div#keysearch {
	background-color: #FFFFFF;
	padding: 10px;
}

div#keysearch input#keynumber {
	margin: 5px 0;
	width: 97%;
}

div#lockOptions p#searchresults {
	margin: 0;
	overflow: hidden;
	background-color: #FFFFFF;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
}

div#lockOptions #KAsuboptions p {
	color: #090;
}

div#lockOptions #KAsuboptions p.InvalidKeyNumber {
	color:#C00;
}

div#lockOptions p#searchresults a {
	text-decoration: underline;
}

div#lockOptions p#searchresults br {
	margin: 5px 0 0 0;
}

div#shackleLengthOptions ul fieldset.radioOptions input {
	margin: 0;
}

div#shackleLengthOptions ul fieldset.radioOptions label,
div#generalOptions ul fieldset.radioOptions label {
	display: block;
	clear: both;
	margin: 5px 0;
	font-weight: bold; 
	font-size: 15px;
    line-height: 16px;
    color: #666666;
}

/* Services */

div#serviceOptions {
 	padding: 0 15px 60px 22px;
    width: 658px;
}

div#serviceOptions fieldset {
	padding: 6px 0;
}

div#serviceOptions fieldset input[type=checkbox] {
	position: relative;
	top: 1px;
	float: left;
}

div#serviceOptions fieldset.optionsSelection {
	margin: 15px 0;
}

div#serviceOptions fieldset.optionsSelection div {
	display: block;
	float: left;
	overflow: hidden;
	margin: 13px 0 0 0;
}

div#serviceOptions fieldset.optionsSelection aside {
	display: block;
	overflow: hidden;
	float: right;
	width: 480px;
	padding: 5px 0 0 0;
}

div#serviceOptions fieldset.optionsSelection aside img {
	display: block;
	float: left;
}

div#serviceOptions fieldset.optionsSelection aside p {
	display: block;
	float: left;
	width: 380px;
	padding: 0 0 0 5px;
	margin: 0;
	overflow: hidden;
	font-size: 14px;
}

div#serviceOptions fieldset.optionsSelection label {
 	width: 150px; 
 	display: block; 
	float: left;
	padding: 2px 0 0 3px;
}

div#serviceOptions fieldset.optionsSelection.noImage label {
 	width: auto; 
}

div#serviceOptions fieldset.stampingFlag {
	margin: 0 0 0 20px;
	padding: 5px 0;
}

dl#productDecriptionOptions {
	padding: 0;
	margin: 30px 0 60px 0;
	width: auto;
	float: left;
}

dl#productDecriptionOptions dt {
	color: #a60400;
	display: block;
	border-bottom: dotted 1px #8c8c8c;
	padding: 0 0 3px 0;
	clear: both;
	font-size: 16px;
}

dl#productDecriptionOptions dd {
	list-style-type: none;
	padding: 5px 0 0 0;
	float: left;
}

dl#productDecriptionOptions input {
	width: 160px;
}

/* ===== My Selections / Purchase Options Pages ==== */

#mySelections section,
#dealerContactInfo section {
    position: relative;
    top: 220px;
	left: -6px;
	padding: 15px 0 50px 0;
    width: 696px;
	overflow: hidden;
}

#dealerContactInfo section {
	padding: 15px 20px 50px 20px;
	width: 656px;
}

p.mySelectionIntro {
	font-size: 14px;
	padding: 10px 20px;
}

#mySelections section table {
    width: 100%;
	overflow: hidden;
}

table#cartSelections {
    width: 680px;
	overflow: hidden;
}

#mySelections section table th,
#mySelections section table td,
table#cartSelections th,
table#cartSelections td {
    padding: 8px 4px 10px 4px;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}

#mySelections table thead tr th,
table#cartSelections thead tr th {
    background-color: #333333;
    color: #FFFFFF;
	padding: 10px 0;
    text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

table#cartSelections thead tr th {
	padding: 10px;
}

table#cartSelections th.col1 {
	border-left:  solid 3px #333333;
}

#mySelections table tbody td,
table#cartSelections tbody td {
	border-right: solid 3px #f4f4f4;
}

#mySelections table tbody td.col8 {
	border-right: 0px;
}

#mySelections table tbody td.divider,
table#cartSelections tbody td.divider {
	height: 1px;
	background-color:#f4f4f4;
	padding: 3px 0 0 0;
	border: 0; 
	overflow: hidden;
}

table#cartSelections tbody td.divider {
	border-left: solid 3px #f4f4f4;
}

#mySelections table tfoot td {
	border: none;
	border-bottom: solid 4px #333333;
	background: #f4f4f4;
	text-align: right;
	padding: 12px 20px 8px 0;
}

#mySelections table td.col1 {
	text-align: left;
	padding-left: 10px;
}

table#cartSelections td.col1 {
	text-align: left;
	padding-left: 10px;
	border-left:  solid 3px #f4f4f4;
}

#mySelections table .col4,
table#cartSelections .col4 {
	text-align: left;
	padding-left: 10px;
	width: 180px;
}

#mySelections table th.col4,
table#cartSelections th.col4 {
	text-align: center;
}

#mySelections table td.col4 ul,
table#cartSelections td.col4 ul {
	padding: 0;
	margin: 3px 0 0 10px;
}

#mySelections table td.col4 ul li,
table#cartSelections td.col5 ul li {
	margin: 0 0 1px 0;
}

#mySelections table td.col6,
#mySelections table td.col5,
#mySelections table th.col6,
#mySelections table th.col5,
#mySelections table th.col7,
#mySelections table th.col7 {
	padding: 0;
}

#mySelections table td.col6 input {
	width: 40px;
	margin: 0 2px;
}

table#cartSelections .col5 input {
	text-align: center;
	border: none;
	width: 50px;
}

#mySelections table tr.total td {
	text-align: right;
	border: none;
	font-weight: bold;
}

#mySelections table tr.total td.col7 {
	text-align: center;
}

#mySelections table tbody td .btnLeft {
	position: relative;
	top: 3px;
	margin: 0;
}

#mySelectionNav {
	margin: 20px 0 10px 20px;
}

a.removeBtn {
	width: 22px;
	height: 31px;
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	background: #FFF url(../images/trashCan.gif) repeat-x 0 0;
}

a.removeBtn:hover {
	width: 22px;
	height: 31px;
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	background: #FFF url(../images/trashCan.gif) repeat-x -25px 0;
}

#tosendemail {
	margin: 30px 0 0 0;
	padding: 10px 25px;
	overflow: hidden;
	width: 300px;
	background-color: #f4f4f4;
}

#tosendemail p { 
	padding: 12px 0;
	font-size: 14px;
}

#tosendemail fieldset { 
	margin: 12px 0;
	clear: both;
}

#tosendemail fieldset label {
	width: 90px;
	display: block;
	float: left;
}

#tosendemail fieldset.commentField label {
	width: 300px;
	clear: both;
}

#tosendemail fieldset.commentField label small,
#dealerContactInfo section fieldset.quoteComments small {
	font-size: 12px;
	font-style: italic;
}

input#senderemail,
input#receipientemail {
	width: 190px;
}

#tosendemail fieldset.commentField textarea {
	width: 294px;
	margin: 5px 0 0 0;
}

#dealerContactInfo section h3 {
	margin-bottom: 24px;
	float: left;
	clear: none;
}

#dealerContactInfo section p.requiredKey {
	float: right;
	padding: 6px 0 0 0;
	font-style: italic;
}

#dealerContactInfo section fieldset { 
	margin: 18px 0 24px 0;
	clear: both;
	width: 100%;
	border-bottom: 3px solid #f4f4f4;
	padding: 0 0 10px 0;
	*padding: 15px 0 0 0;
	overflow: hidden;
}

#dealerContactInfo section fieldset fieldset { 
	margin: 0 0 15px 0;
	float: left;
	width: 325px;
	height: 24px;
	overflow: hidden;
	clear: none;
	border: none;
	padding: 0;
}


#dealerContactInfo section fieldset label { 
	width: 115px;
	display: block;
	float: left;
	position: relative;
	top: 2px;
}

#dealerContactInfo section fieldset select,
#dealerContactInfo section fieldset input {
	width: 185px;
}
#dealerContactInfo section fieldset .productCategories input {
	width: auto;

}
#dealerContactInfo section fieldset.noBorder { 
	border-bottom: 0px;
	margin: 0;
}

#dealerContactInfo section fieldset.additionalCopies,
#dealerContactInfo section fieldset.quoteComments,
#dealerContactInfo section fieldset fieldset.productCategories{ 
	height: auto;
	width: 100%;
	clear: both;
}
#dealerContactInfo section fieldset fieldset.productCategories {
	font-size: 14px;
}

#dealerContactInfo section fieldset fieldset.additionalCopies input { 
	display: inline;
}

#dealerContactInfo section fieldset.quoteComments textarea {
	clear: both;
	width: 640px;
}

#dealerContactInfo section fieldset fieldset.additionalCopies label,
#dealerContactInfo section fieldset.quoteComments label,
#dealerContactInfo section fieldset.productCategories label{
	width:100%;
	clear: both;
	margin: 0 0 15px 0;
}

#dealerContactInfo section fieldset fieldset.additionalCopies span { 
	padding: 0 6px 0 10px;
	font-size: 20px;
	position: relative;
	top: 5px;
}

body#emailConfirmSimple .confirmMessage,
body#emailConfirm .confirmMessage {
	padding: 90px 0 0 20px;
	width: 650px;
	font-size: 14px; 
}

body#emailConfirm table {
	font-size: 14px !important;
}

body#emailConfirm table font {
	font-size: 14px !important;
}

body#emailConfirm table td {
	padding: 2px 0;
	color: #000000;
}

body#emailConfirm table#confirmContactInfo {
	width: 500px;
	line-height: 19px;
}

body#emailConfirm table#confirmContactInfo strong {
	font-size: 18px;
	color: #AA0000;
}

body#emailConfirm table#confirmContactInfo tr#confirmContactInfoBottom td {
	border-bottom: solid 1px #CCC;
	padding: 0 0 20px 0;
}

body#emailConfirm table.confirmProductInfo td.confirmProductLockNumber {
	padding: 20px 10px 0 10px;
}

body#emailConfirm table.confirmProductInfo td.confirmProductLockNumber font,
body#emailConfirm table.confirmProductInfo td.confirmProductLockNumber font strong {
	color: #000000;
	font-size: 16px;
}

body#emailConfirm table.confirmProductInfo td.confirmProductHeader {
	background-color: #AA0000;
	padding: 5px;
}

body#emailConfirm table.confirmProductInfo td.confirmProductHeader font strong {
	color: #FFFFFF;
}

body#emailConfirm table.confirmProductInfo td.confirmProductSpec,
body#emailConfirm table.confirmProductInfo td.confirmProductSpecRight {
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 7px;
	padding-left: 7px;
}

body#emailConfirm table.confirmProductInfo td.confirmProductSpecRight {
	text-align: right;
        padding-right: 7px;
}

body#emailConfirm table.confirmProductInfo td ul {
	margin: 10px 0 0 0;
}

body#emailConfirm .previousBtn {
	margin: 0 0 0 20px;
}

body#emailConfirm .emailDisclaimer {
	display: none;
}

/* Detail Window Pop-up */

body#selectedDetails #content {
	background: #FFF;
	padding: 180px 40px 40px 40px;
	position: relative;
	min-height: 660px;
}

body#selectedDetails h1 {
	position: absolute;
	top: 50px;
	left: 180px;
	margin: 0;
	padding: 0;
	border: none;
}

body#selectedDetails .social-share {
	position: absolute;
	top: 135px;
	left: 177px;
}

/* hides buble counter on sharethis facebook and twitter buttons*/
.stButton .stArrow {display: none !important;}

body#selectedDetails .buildItLogo {
	position: absolute;
	top: 54px;
	left: 560px;
	width: 188px;
	height: 90px;
}

body#selectedDetails #footer div {
	display: none;
}

body#selectedDetails #footer {
	height: 80px;
}

body#selectedDetails img#productImg {
	position: absolute;
	top: 30px;
	left: 40px;
}

body#selectedDetails table {
	width: 700px;
	float: left;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 20px 0;
}

body#selectedDetails table td {
    background-color: #FFFFFF;
    border: 4px solid #E6E8E5;
    color: #000000;
    height: 20px;
    line-height: 20px;
    padding: 5px 5px 5px 8px;
}

body#selectedDetails table td.col2 {
	width: 400px;
}

body#selectedDetails table#middleTable td.col2 {
	width: 120px;
	text-align: right;
	padding-right: 15px;
}

body#selectedDetails table tr.price td {
	background-color: #F3F3F3;
}

body#selectedDetails table tr.totalPrice td {
	background-color: #333333;
	color: #FFFFFF;
	padding: 10px;
}

body#selectedDetails table#bottomTable td {
	padding: 15px 10px 5px 10px;
}

body#selectedDetails table#bottomTable ul {
	margin: 10px 0 15px 0;
	overflow: hidden; 
	font-weight: normal;
}

body#selectedDetails table#bottomTable p {
	font-weight: normal;
	font-size: 12px;
}

body#selectedDetails #featuresBestCol {
	width: 400px;
	float: right;
	color: #333;
	position: absolute;
	top: 180px;
	right: 0;
	margin: 0 120px 0 40px;
	font-size: 14px;
	overflow: hidden;
}

body#selectedDetails h4 {
	margin: 10px 0 20px 0;
	font-size: 16px;
}

#btnClosePosition {
	position: absolute;
	top: 20px;
	right: 100px;
}

.cartModal {
	padding: 5px;
	overflow: hidden;
}

/* ===== footer ==================================== */

footer#footer  {
	/*width: 1280px;*/
	width: 1236px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	background-color: #000;
	padding: 20px 0 50px 0;
	border: 1px solid #333;
	border-top: none;
	font-size: 10px;
	line-height: 16px;
	color: #999;
}

#footer p.tagline {
	position: absolute;
	right: 60px;
	top: 10px;
	color: #FFFFFF;
	font-size: 14px;
	border-right: solid 1px #8f8f8f;
	height: 45px;
	padding: 0 14px 0 0;
	margin: 0 22px 0 0;
	line-height: 38px;
}

#footer img.toughUnderFireLogo {
	position: absolute;
	right: 20px;
	top: 10px;
	color: #FFFFFF;
	font-size: 14px;
}

#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

#footer a.alert {
	font-weight: bold;
	color: #f00;
}

#footer a.alert:hover {
	color: #f00;
	text-decoration: underline;
}

#footer ul {
	list-style-type: none;
	padding: 0;
}

#footer ul li,
#footer h5 {
	margin: 0;
	text-align: left;
}

#footer .col1,
#footer .col2,
#footer .col3,
#footer .col4,
#footer .col5 {
	margin: 5px 10px 15px 10px;
	width: 175px;
	float: left;
	overflow: hidden;
}

#footer .col1 {
	margin-left: 25px;
}

#footer .col4 { 
	background: transparent url('../images/vr.gif') repeat-y right top; 
	padding-bottom: 0;
	width: 165px;
	padding-bottom: 10px;
}

#footer .col5 {
	margin: 40px 0 0 19px;
	width: 400px;
	overflow: hidden;
	float: left;
}

#footer .col5 a { text-decoration: underline; }

#footer h5 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #CCC;
}

#footer h5 a { color: #CCC; }

#footer .col5 p { color: #FFF; }

#footer h5,
#footer .col5 p {
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	margin: 0 0 3px;
}

#footer small { 
	font-size: 10px;
	clear: both;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
}

#footer .col5 ul {
	padding: 0;
	clear: both;
}

#footer .col5 li {
	display: block;
	padding: 0 10px 0 0;
	white-space: nowrap;
	float: left;
}

a.icon_pdf {
    background: url("../images/icon_pdf.gif") no-repeat scroll right top transparent;
    display: inline-block;
    padding: 0 20px 0 0;
}

.site-links { }

.site-links li { }

.social-media { }

.social-media li { }

small.copyright  { 
	font-size: 10px; 
	text-align: left;
}

#footer .social {
	width: auto;
	position: absolute;
	left: 794px;
	top: 110px;
	text-align: right;
}

#footer .social h5 {
	display: inline-block;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0 5px 0 10px;
	float: none;
	text-transform: uppercase;
	vertical-align: middle;
	font-weight: normal;
}

#footer .social ul {
	display: inline-block;
	float: none;
	padding:0;
	margin: 0;
	vertical-align: middle;
}

#footer .social .like-follow {margin-top:-3px;}

#footer .social ul li {
	display: inline-block;
	vertical-align: middle;
	float: none;
	padding:0;
	margin:0;
	border: none;
}

/********* FOOTER SIGN UP BAR - MASTERLOCK *********/

#footer #sign-up {
	width: 100%;
	background: #990000;
	height: 35px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}

#footer #sign-up  h4 {
	color: #fff;
	width:auto;
	margin: 4px 0 0 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#footer #sign-up  h4 span {
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
}

#footer #sign-up > p {
	padding: 0;
	margin: 3px 0 0 0;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

#footer #sign-up  a {
	width: 76px;
	height: 28px;
	background: transparent url('../images/btn-signup-email.png') no-repeat 0 0; 
	text-indent: -9999px;
	vertical-align: middle;
	display: inline-block;
	margin: 3px 0 0 10px;
}

#footer #sign-up  a > span {
	color: #c60001;
	margin: 0 0 0 4px;
	display: inline-block;
}

/* ===== tables ==================================== */

table.super { font: normal 11px Arial, Helvetica, sans-serif; }

table.super caption,
table.super th,
table.super td {
	padding: .5em 1em;
	border: 1px solid #ccc;
}

table.super caption {
	font-weight: bold;
	border-bottom: none;
}

table.super td { background-color: #fff; }

table.super caption,
table.super th,
table.super tr.odd td { background-color: #eee; }

table.super thead th,
table.super tfoot td,
table.super tr.odd th { background-color: #ddd; }

/* ===== forms ===================================== */

fieldset.super legend { color: #000; }

fieldset.super li { margin: 1em auto; }

fieldset.super li li { margin: .5em auto; }

fieldset.super label {
	display: block;
	color: #000;
}

fieldset.super li li label {
	display: inline;
	width: auto;
	color: #444;
}

fieldset.super .textfield,
fieldset.super .textarea,
fieldset.super .select,
fieldset.super .multiselect {
	border: 1px solid #999;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
}

fieldset.super .textfield:focus,
fieldset.super .textarea:focus,
fieldset.super .select:focus,
fieldset.super .multiselect:focus { border-color: #000; }

fieldset.super .multiselect,
fieldset.super .textarea { vertical-align: top; }

fieldset.super .textfield { width: 200px; }

fieldset.super .textarea {
	width: 400px;
	height: 100px;
}

fieldset.super .select,
fieldset.super .multiselect { width: 202px; }

fieldset.super .radio,
fieldset.super .checkbox { margin-left: 0; }

.focusField {
	border-color: #333333;
}

/* ===== Login Page ====================================== */

#Login div.colB {
	padding: 48px 0 40px 30px;
}

fieldset#loginForm {
	padding: 10px;
	font-size: 14px;
}

fieldset#loginForm legend {
	padding: 10px 0;
	font-size: 16px;
}

fieldset#loginForm label {
	width: 70px; display: inline-block;
}

/* ===== Error Page ====================================== */

#Error div.colB {
	padding: 72px 100px 60px 30px;
	width: 600px;
}

#Error div.colB p {
	font-size: 14px;
}

#Error div.colB p.error {
	font-size: 16px;
}

#Error div.colB fieldset {
	padding: 14px 0 18px 0;
	border: solid 1px #CCC;
	border-width: 1px 0;
	width: 55%;
}

#Error div.colB span.chooseBtn {
	top: 6px;
	position: relative;
}

#Error div.colB p a {
	color: #AA0000;
	text-decoration: underline;
}

/* ===== default =================================== */

.btn { }

.btn-submit { }

.icon { }

.large { font-size: 1.5em; }

.small { font-size: 10px; }

.nowrap { white-space: nowrap; }

.block { display: block; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-left { text-align: left; }

.alignright,
.right {
	margin: 0 0 1em 1em;
	float: right;
}

.alignleft,
.left {
	margin: 0 1em 1em 0;
	float: left;
}

.uppercase {text-transform:uppercase;}

.floatLeft {float: left;}

.clear-right { clear: right; }

.clear-left { clear: left; }

.clear { clear: both; }

.reduced-top { margin-top: 0; }

.reduced,
fieldset.super ol,
#site-title {
	padding: 0;
	border: none;
	margin: 0;
	list-style: none;
}

.hid,
#site-title a { text-indent: -9999px; }

.hide,
.print,
.hr hr { display: none; }

/* ===== .ie, .ie6 .ie7, .ie8, .ie9, .lte7, .lte8, .lte9, .gt9 ===== */

.ie6 div.colA  {
	margin: 0 0 0 26px;
}

.lte8 div.colB   {
	width: 729px;
}

.ie9 #mainLanding .colB h2 {
	left: 133px;
}

.lte8 #mainLanding .colB h2 {
	left: 134px;
	overflow: hidden;
}

.lte7 #mainLanding .colB h2 {
	top: 256px;
}

.lte7 #mainLanding h1 span.top,
.lte7 div.colA h1 span.top {
	letter-spacing: -.25em;
}

.lte7 #mainLanding .colB h2 span.top {
	letter-spacing: -.03em;
}

.lte7 #mainLanding .colA h1 span.bottom {
	letter-spacing: -2.8em;
}

.lte7 #mainLanding .colB h2 span.bottom {
	letter-spacing: -0.48em;
	text-indent: -0.3em;
}

.ie8 #mainLanding .colB h2 span.bottom,
.ie9 #mainLanding .colB h2 span.bottom {
	letter-spacing: -0.12em;
	text-indent: -0.1em;
}

.lte8 #mainLanding fieldset input#KeyNumberSubmit,
.lte8 fieldset#quantityCalc #CalcBtn input {
	padding-bottom: 0;
}

.lte7 .colA h1 span.bottom {
	letter-spacing: -2.1em;
}

.ie6 div#productSpotlight,
.ie6 div#productSpotlightPlaceholder {
	top: -42px;
}

.ie6 div#content  {
	overflow: visible;
}

.lte7 div#productSpotlight ul li#productFeatures,
.lte7 div#productSpotlight ul li#productBestUsedFor {
	margin: -2px 0 4px 0;
}

.lte7 span.btnRight,
.lte7 input.btnRight {
	padding: 0 20px 0 0;
}

.ie9 div#productSpotlight ul li#productFeatures, 
.ie9 div#productSpotlight ul li#productBestUsedFor {
	padding-top: 1px;
}

.ie9 span.btnRight,
.ie9 input.btnRight,
.ie8 span.btnRight,
.ie8 input.btnRight {
	padding-bottom: 0;
}

.lte7 #footer .social ul li,
.lte7 #footer .social h5,
.lte7 #footer .social ul,
.lte7 div#productDecriptionOptions dt {
	display: inline;
}

.lte7 #mainLanding fieldset#lockTypeOption {
	top: 265px;
	left: 440px;
}

.ie7 div.colB,
.ie8 div.colB   {
	padding-right: 0;
}

.ie6 span.btnRight,
.ie6 input.btnRight {
	display: inline-block;
	cursor: hand;
}

.lte8 div#lockOptions fieldset.radioOptions input {
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}

.lte8 a.toolTip:hover span { /*the span will display just on :hover state*/
	bottom: 80px;
}

.ie7 img.colBTop {
	left: 5px;
}

.lte7 input#removeAllBtn {width: 186px;}
.lte7 input#continueShoppingBtn {width: 136px;}
.lte7 #reqDealerQuoteBtn input {width: 172px;}

.ie6 body#selectedDetails aside {
	margin-right: 50px;
}

.ie6 #lockOption .stepNavPosition {
	margin: 0 25px 20px 0;
	clear: both;
}

.lte7 div#stepNavPositionKeyNumberTop .btnLeft  input,
.lte7 div#stepNavPositionKeyNumberTop .btnLeft,
.lte7 div#stepNavPositionKeyNumberBottom .btnLeft  input,
.lte7 div#stepNavPositionKeyNumberBottom .btnLeft {
	width: 83px;
}

.lte7 .printBtn,
.lte7 .emailBtn {
	top: -2px;
}

.lte7 #sign-up h4,
.lte7 #sign-up h4 span,
.lte7 #sign-up > p,
.lte7 #sign-up a,
.lte7 #sign-up a > span {display: inline !important;}

.ie8 select#f1:focus,
.ie8 select#f2:focus {
    width: auto;
    position: absolute;
	z-index: 99;
}
/* Backgrounds used for create borders with jquery curve fix */

.lte7 .ieBkgdBorderFix {
	background-color: #E6E7E8;
}
input.error {
	border: 2px solid red;
}

iframe input {display: none;}

.lte8 #bottom,
.lte8 #title { 
	behavior: url(../../scripts/PIE.htc); /* CSS Pie supporter for IEs */
	position: relative;
}

#cookie-notification {
    position: relative;
    z-index: 999999;
    display: block;
    width: 100%;
    background-color: #225e9a;
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
}

#cookie-notification .row {
    min-height: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

#cookie-notification p {
    margin: 0 50px;
}

#cookie-notification a {
    color: inherit;
}

#cookie-notification a#privacy {
    text-decoration: underline;
}

#cookie-notification a:hover {
    opacity: 0.8;
}

#cookie-notification-close {
    position: absolute;
    top: 10px;
    right: 30px;
    display: block;
    font-size: 30px;
    width: 30px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
}

.assistive-text {
	visibility: hidden;
}