@charset "UTF-8";
/* CSS Document */

/* RESET */

html { height: 100%; margin-bottom: 1px; }

body {
	margin: 0 auto;
	padding: 0;
	background: #006D96;
	font: 10pt Helvetica, Arial, sans-serif;
	color: #555;
}

p {
	margin: 0;
	padding: 0 0 20px;
	line-height: 15pt;
}

a { outline: none; 
	text-decoration: none; }

img { border: none; outline: none; }

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
} h1 { padding: 0 0 15px 0; font-size: 14pt; font-weight: bold; color: #999; }
  h2 { padding: 0 0 10px 0; font-size: 12pt; font-weight: bold; }
  h3 { padding: 0 0 10px 0; font-size: 11pt; }
  h4 { padding: 0 0 10px 0; font-size: 11pt; font-weight: bold; color: #888; }
  

ul, li, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

form {
	margin: 0;
	padding: 0;
	border: none;
}

/* END OF RESET */

/* WRAPPERS */

div#top, div#middle, div#bottom { clear: both; }

div#top {
	background: #FAFAFA url(../images/background/topBack.png) repeat-x;
	height: 40px;
}

div#middle {
	margin: 0px 0 0;
	background: #FAFAFA;
}

div#bottom {
	background: url(../images/background/bottomBack.png) repeat-x;
	color: #fff;
}

div#headerSearch, div#navMenu, div#content, div#footer, div#homeBillboard, div#homeCopyBoxes, div#quickLinks, 
div#mainCatalog, div#subCategoryDetails, div#itemDetails
{
	margin: 0 auto;
	padding: 0;
	width: 900px;
	clear: both;
}

div#mainCatalog, div#subCategoryDetails, div#itemDetails, div#homeBillboard {
	margin: 10px auto 0;
}

div#itemDetails h1,  div#subCategoryDetails h1 { padding: 15px 0 0 0; }
div#itemDetails div#details h1 { padding: 0px 0 15px 0; }


/* END OF WERAPPERS */

/* SEARCH / HEADER / NAVMENU */

div#headerSearch {
	background: url(../images/background/headerSearch.png) no-repeat top right;
	height: 35px;
	text-align: right;
	color:#FFF;
}


div#headerSearch a { color: #FFF; }
div#headerSearch a:hover { border-bottom: #FFF dotted 1px; }
div#headerSearch .language {
    float:left;
	margin-top:5px;
	margin-right:100px;
}

div#headerSearch form {
	float: right;
}

div#headerSearch #searchBox {
	padding: 2px;
	background: none;
	width: 115px;
	height: 23px;
	border: none;
	outline: none;
	color: #666;
}

div#headerSearch #headerGo {
	margin: 5px 0 0;
	background: none; /*url(../images/background/headerGo.png) no-repeat;*/
	width: 30px;
	height: 15px;
	border: none;
	outline: none;
}


div#searchDefault #searchButton {
	margin: 0 10px;
	background: url(../images/searchButton.png) no-repeat;
	width: 62px;
	height: 20px;
	border: none;
	outline: none;
}

	
div#navMenu {
	padding: 15px 0 0;
	font-size: 12pt;
}

div#navMenu li {
	display: inline;
	margin: 20px 0 0 -7px;
	text-align: right;
}

/*div#navMenu li#logoButton {	margin: -10px 130px 0 0;} - original logo*/
div#navMenu li#logoButton  { margin: 20px 0 0; }
div#navMenu li#logoButton a:hover { border: none; }
div#navMenu li#logoButton img { margin-right: 60px; }
  
div#navMenu li#spacer70px { display: inline-block; width: 55px; height: 10px; }  

div#navMenu a#deltana, div#navMenu a#doralLock, div#navMenu #lightBright, div#navMenu a#newProducts, div#navMenu a#tools,
div#navMenu a#hardware, div#navMenu a#locks, div#navMenu #lighting,
div#navMenu a#hardware_sp, div#navMenu a#locks_sp, div#navMenu #lighting_sp, div#navMenu a#newProducts_sp
{
	display: inline-block;
	margin: 33px 0 0;
	background-position: 0 0;
	width: 132px;
	height: 45px;
}

div#navMenu a#deltana:hover, div#navMenu a#doralLock:hover, div#navMenu #lightBright:hover, div#navMenu a#newProducts:hover, div#navMenu a#tools:hover,
div#navMenu a#hardware:hover, div#navMenu a#locks:hover, div#navMenu #lighting:hover,
div#navMenu a#hardware_sp:hover, div#navMenu a#locks_sp:hover, div#navMenu #lighting_sp:hover, div#navMenu a#newProducts_sp:hover
{ background-position: 0px -60px; border: none; }
 
 div#navMenu a#hardware, div#navMenu a#deltana { background: url(../images/hardwareButton.png) no-repeat; }
 div#navMenu a#locks, div#navMenu a#doralLock { background: url(../images/locksButton.png) no-repeat; }
 div#navMenu a#lighting, div#navMenu a#lightBright { background: url(../images/lightingButton.png) no-repeat; }
 div#navMenu a#newProducts { background: url(../images/newproductsButton.png) no-repeat; }
 
 div#navMenu a#hardware_sp { background: url(../images/hardwareButton_sp.png) no-repeat; }
 div#navMenu a#locks_sp { background: url(../images/locksButton_sp.png) no-repeat; }
 div#navMenu a#lighting_sp { background: url(../images/lightingButton_sp.png) no-repeat; }
 div#navMenu a#newProducts_sp { background: url(../images/newproductsButton_sp.png) no-repeat; }
  
 div#navMenu a#tools { background: url(../images/toolsButton.png) no-repeat; }

/* END OF SEARCH / HEADER / NAVMENU */

/* HOME */

div#homeCopyBoxes {
	padding: 10px 0;
} 

div#homeCopyBoxes div#homeBoxesButton { margin: -555px 0 0; height: 450px; z-index: 10; }

div#homeCopyBoxes li { display: inline; margin: 0 3px; text-align: left; }
div#homeCopyBoxes div#homeBoxesButton li { display: inline; margin: 0 8px; text-align: left; }

div#homeCopyBoxes li div {
	display: inline-block;
	vertical-align: top;
	padding: 65px 47px 20px 43px;
	background: url(../images/background/homeBox.png) no-repeat; 
	width: 200px; 
	height: 405px;
	z-index: 0;
}

div#homeCopyBoxes div#homeBoxesButton li div { display: inline-block; margin: 0; padding: 0; background: none; vertical-align: top; width: 280px; height: 450px; }

div#homeCopyBoxes li div h1 { padding: 0 0 10px; font-size: 12pt; font-weight: normal; text-transform: uppercase; color: #417994; text-align: center; }

div#homeCopyBoxes li div p { padding: 0 0 10px; }

div#homeCopyBoxes li div hr { margin-bottom: 10px; }

div#homeCopyBoxes  div#homeBoxesButton li a { display: block; width: 280xp; height: 450px; z-index: 100; } div#homeCopyBoxes div#homeBoxesButton li a:hover { border: none; }

div#homeCopyBoxes div#homeBoxesImages { margin: -180px 0 0; text-align: center; z-index: 5; }

div#homeCopyBoxes p.homeCopy { margin: 95px auto 0; width: 850px; }


/* END OF HOME */

/* CONTENT */

div#content { 
	padding: 10px 0 20px;
}

div#content img { float: right; }

div#content p { width: 600px; }

/* END OF CONTENT */

/* CATALOG */

	/* Main Catalog Page */

div#mainCatalog div.mainCatalogColumns {
	width: 280px;
	float: left;
}

div#mainCatalog div.lockCatalogColumns {
	width: 700px;
	float: left;
}

div#mainCatalog div.lockCatalogColumns div.lockText { width: 380px; text-align: left; vertical-align: top; float: right; }
div#mainCatalog div.lockCatalogColumns div.lockText p { width: 360px; }
div#mainCatalog div.lockCatalogColumns div.lockText div h5 { margin-top: -5px; padding: 0; font-size: 11pt; font-weight: bold; color: #888; }

div#mainCatalog li.mainCategory {
	padding: 10px 0 10px 30px;
	clear: both;
}


div#mainCatalog p {
	width:600px;
}

div#mainCatalog h1 { padding: 10px 0 15px; /*background: url(../images/background/boxLogo.png) no-repeat;*/ }

div#mainCatalog li.mainCategory a { color: #03438D; }

div#mainCatalog li.mainCategory img { margin: -5px -30px; float: left; }



div.subCatalogTop {
	margin: -5px 0 10px;
	padding: 15px 0 0;
	background: /*#6C89A9*/ url(../images/background/subcatalogBoxTop.png) top left no-repeat;
	width: 220px;
}

div.subCatalogBottom {
	padding: 0 10px 15px;
	background: #046990 url(../images/background/subcatalogBoxBottom.png) bottom left no-repeat;
}

div.subCatalogBottom li, div#subMenuBottom li {
	margin: 10px 0;
	color: #FFF;
	line-height: 14pt;
} 

div#mainCatalog li.mainCategory div.subCatalogBottom li a, div#subMenuBottom li a { color: #FFF; }
div.subCatalogBottom li a:hover, div#subMenuBottom li a:hover { border-bottom: #FFF dotted 1px; }

	/* END OF Main Catalog Page */
	
	/* Subcategory Page / Item Details Page */

div#breadcrumb {
	margin: 0;
	font-size: 10pt;
	color: #999;
} div#breadcrumb a { color: #999; } div#breadcrumb a:hover { }
div#breadcrumb img, .catalogLogo { margin: 0 2px 20px 0; float: right; }

div#subMenuTop {
	margin: 0 20px 20px 0;
	padding: 15px 0 0;
	background: #046990 url(../images/background/subcatalogBoxTop.png) top left no-repeat;
	width: 220px;
	float: left;
} div#subMenuBottom {
  	padding: 0 10px 15px;
	background: #046990 url(../images/background/subcatalogBoxBottom.png) bottom left no-repeat;
}

div#itemsTable, div#details {	
	width: 660px;
	float: left;
} div#itemsTable { margin: 0 0 20px; }
  div#details { margin: 15px 0 30px; }
 
div#details img.detailsImage { /*margin: 0 0 25px 25px;*/ border: #E1E1E1 solid 2px; float: right; }

div#details img.detailsImage:hover { cursor: url(../images/magnify.cur), url(http://deltana.net/images/magnify.cur), default; }

div#details h1,div#details h4, div#details p { width:400px; float:left; } div#details h1 { color: #22749B; }


table#detailsTable { width: 400px; float:left; }

table#detailsTable tr { vertical-align: top; }

table#detailsTable td { padding: 5px; width: 250px; text-transform: capitalize; }

table#detailsTable td.detailsLabel { padding: 5px 15px 5px 5px; width: 100px; text-align: right; }

div#itemsTable div#pages {
	padding: 20px 0;
	text-align: right;
}

div#itemsTable div#pages ul {
	float: right;
}

div#itemsTable div#pages li {
	display: inline;
	margin: 0 0 0 15px;
}

div.productNavButtons {
	padding: 20px 0;
}
div.productNavButtons a:hover  { border-bottom: #034780 dotted 1px; }
div.productNavButtons a { color: #034780; }
div.productNavButtons a img:hover { border: none; }

div#prevNext {
	text-align: right;
	float:right;
}

div#prevNext ul {
	float: right;
}

div#prevNext li {
	display: inline;
	margin: 0 0 0 15px;
}

div#prevNext li a { display: inline-block; height: 15px; color: #22749B; font-weight: bold; }
div#prevNext li a:hover { border-bottom: none; }
div#prevNext li a.previous { padding: 0 0 0 20px; background: url(../images/background/prevArrow.png) no-repeat; } 
div#prevNext li a.previous:hover { background-position: 0 -20px; }
div#prevNext li a.next { padding: 0 20px 0 0; background: url(../images/background/nextArrow.png) right 0 no-repeat; }
div#prevNext li a.next:hover { background-position: right -20px ; }

div.productNavButtons div#back {
	float:left;
	margin-left:250px;
}div.productNavButtons div#back img { float: right; }

div.productImageBox {
	float:right;
	text-align:center;
	padding: 0 0 25px 25px;
	margin:0;
}
div.productImageBox  a {
	color: #034780; 
}
div.productImageBox  a:hover {
	border-bottom: #034780 dotted 1px; 
}

div.productImageBox .imageCaption {
	width: 200px;
	height:30px;
	float:right;
	font-size:8px;

}






		/* Rounded Corners for tables */

div#itemsTableTop, div#partNumbersTop { 	 
	padding: 15px 0 0;
	background: url(../images/background/detailsTableTop.png) top left no-repeat;
	width: 660px;
	clear: both; 
} div#itemsTableTop { margin: 0; }
  div#partNumbersTop { margin: 20px 0 0; }

div#itemsTableBottom, div#partNumbersBottom {
	padding: 0 0 15px;
	background: url(../images/background/detailsTableBottom.png) bottom left no-repeat;
	width: 660px;
}

div#partNumbersTop400px {
	margin: 20px 0 0;
	padding: 15px 0 0;
	background: url(../images/background/detailsTableTop400px.png) top left no-repeat;
	width: 400px;
	clear: both; 
} 

div#partNumbersBottom400px {
	padding: 0 0 15px;
	background: url(../images/background/detailsTableBottom400px.png) bottom left no-repeat;
	width: 400px;
}

div#partNumbersTop900px {
	margin: 20px 0 0;
	padding: 15px 0 0;
	background: url(../images/background/detailsTableTop900px.png) top left no-repeat;
	width: 900px;
	clear: both; 
} 

div#partNumbersBottom900px {
	padding: 0 0 15px;
	background: url(../images/background/detailsTableBottom900px.png) bottom left no-repeat;
	width: 900px;
}

		/* END OF Rounded Corners */

		/* Table for content in: Subcategory Page / Details Page Part Numbers */
		
div#itemsTable table, div#partNumbersBottom table { 
	margin: 0;
	padding: 0;
	width: 660px;
}

div#partNumbersBottom400px table { margin: 0; padding: 0; width: 400px; }

div#partNumbersBottom900px table { margin: 0; padding: 0; width: 900px; }

div#itemsTable td, div#partNumbersBottom td, div#partNumbersBottom400px td, div#partNumbersBottom900px td {
	margin: 0;
	background: #E1E1E1 url(../images/background/detailsTableCellsBottom.png) bottom left repeat-x;
} div#itemsTable td { padding: 15px 15px 18px 90px; }
  div#partNumbersBottom td, div#partNumbersBottom400px td, div#partNumbersBottom900px td { padding: 10px 5px 10px 10px; vertical-align: top; }
  
div#itemsTable td.detailsTableLabel { padding: 0 15px 15px; background: #22749B; font-size: 12pt; font-weight: bold; color: #FAFAFA; }

div#itemsTable td.detailsTableLabelSpacer { padding: 0; background: #F2F2F2; height: 5px; }

div#itemsTable td p { margin: 0; padding: 0 0 10px; }


div#itemsTable a { color: #034780; } div#itemsTable a:hover  { border-bottom: #034780 dotted 1px; }

div#itemsTable td img { margin: 0 0 0 -75px; float: left; border: none; }
div#itemsTable td a img:hover { border: none; }


div#partNumbersBottom tr.partNumbersTableLabels td, div#partNumbersBottom400px tr.partNumbersTableLabels td,
div#partNumbersBottom900px tr.partNumbersTableLabels td { padding: 0 5px 10px 10px; background: #22749B url(../images/background/detailsTableCellsBottom.png) bottom left repeat-x; color: #FFF; }

div#partNumbersBottom td img {  }

div#partNumbersBottom p { margin: -5px 0 0; float left; }

table#detailsTable  a, div#partNumbersBottom  a, div#partNumbersBottom900px  a { color: #22749B; } 
table#detailsTable a:hover, div#partNumbersBottom a:hover, div#partNumbersBottom900px a:hover  { border-bottom: #22749B dotted 1px; }

/* Finishes Thumbnails */
div#finishesThumbsBox { float:right;  text-align: right; clear:both; }
div#finishesThumbsBox li { display: inline-block; margin: 5px 0 5px 14.5px; }
div#finishesThumbsBox h4 { width:200px; float:right; clear:both; padding:5px; margin:10px 0 0 0; }

div#download {  text-align: right; float:right; clear:both;}
div#download h4  { width:200px;  clear:both; padding:5px; margin:5px 0 0 0; }
div#download img { float: right; }






/* END OF CATALOG */

/* QUICKLINKS */

div#quickLinks {
	padding: 20px 0 0;
	font-size: 10pt;
	color: #CCC;
} div#quickLinks h3 { color: #FFF; }

div#quickLinks a { color: #CCC; }
div#quickLinks a:hover { border-bottom: #CCC dotted 1px; }

div#mainQuickLinks {
	width: 550px;
	float: left;
	margin: 0 35px 0 0;
}

div#mainQuickLinks div.mainQuickLinksColumns {
	float: left;
	margin: 0 0 0 25px;

}

div#mainQuickLinks li {
	margin: 0 25px 5px 0;
	list-style: decimal outside;
}

div#DoralandLightQuickLinks {
	width: 135px;
	float: left;
	margin: 0 35px 0 0;
}

div#DoralandLightQuickLinks li {
	margin: 0 0 5px 0;
}

div#loginQuickLinks {
	width: 145px;
	float: left;
}

div#loginQuickLinks li {
	margin: 0 0 5px 0;
}

/* END OF QUICKLINKS */

/* CONTACT */

div#contact {
	width:950px;
	margin: 20px auto 30px;
	font-size: 9pt;
	color: #CCC;
	text-align: center;
}

div#contact li {
	display: inline;
	margin: 0 10px;
}

div#contact a { color: #CCC; } div#contact a:hover { border-bottom: #CCC dotted 1px; }

/* END OF CONTACT */

/* FOOTER */

div#footer {
	margin: 10px auto;
	padding: 0 30px 0 0;
	font-size: 9pt;
	text-align: right;
	color: #CCC;
}

/* END OF FOOTER */

/* New Item */

form#newItem li {
	margin: 10px 0;
}

form#newItem label {
	margin: 0 20px 0 0;
	vertical-align: top;
}

form#newItem td { margin: 0 10px 0 0; }

/* END OF New Item */

/* MISC */

div.horizontalBar, div.horizontalBarBlue, div.padding10px {
	padding: 10px 0;
	height: 2px;
} div.horizontalBar { background: url(../images/background/horizontalBar.png) repeat-x; }
  div.horizontalBarBlue { background: url(../images/background/horizontalBarBlue.png) repeat-x; }

.clear { clear: both; }

.floatLeft { float: left; }

.floatRight { float: right; }

.topMargin20px { margin: 20px 0 0; }

.topMargin30px { margin: 30px 0 0; }

.topMargin-5px { margin: -5px 0 0; }

.rightMargin25px { margin: 0 25px 0 0; }

.rightMargin30px { margin: 0 30px 0 0; }

.rightMargin35px { margin: 0 35px 0 0; }

.rightMargin9px { margin: 0 9px 0 0; }

.leftMargin20px { margin: 0 0 0 20px; }

.leftMargin30px { margin: 0 0 0 30px; }

.leftMargin35px { margin: 0 0 0 35px; }

.padding20px { padding: 20px; }


.valignMiddle { vertical-align: middle; }

.fontSize8Normal { font-size: 8pt; font-weight: normal; }

.selected { border-bottom: solid 1px; }

.blink { text-decoration: blink; color: #F09; text-transform: uppercase; text-shadow: 0.1em 0.1em .5em #F09; font-weight: bold; }

.fontSize30pt { font-size: 30pt; }

.textCenter { text-align: center; }

.textRight { text-align: right; }


/* MISC */
.errorText {
        color:#FF0000;
        /*font-size:11px;*/
}

.goodText {
        color:#006600;
        /*font-size:11px;*/
}


/* 		AUTO COMPLETE TEXT	*/

div.autocomplete {
	position: absolute;
	margin: -2px 0 0 -23px;
	padding: 0 0 0 23px;
	width: 140px;	
	height: 150px;
	overflow: hidden;
    background: #FFF;
    border: #03478D solid 1px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

/*
div.autocomplete ul {
    list-style-type:none;
    margin:0px;
    padding:0px;



div.autocomplete ul
{
    height: 20em;
    overflow: auto;
}
}*/

div.autocomplete ul li.selected { 
	background: #6C89A9;
	color: #FFF;
}

div.autocomplete ul li {
/*    list-style-type:none; */
/*	width: 128px; */
	width: 138px;
    display: block;
/*    margin: 0 0 0 -23px; */
	margin: 0 0 0 -30px;
    padding: 5px 10px 0 0;
    height: 20px;
    cursor: pointer;
    clear: both;
}

/*		END AUTO COMPLETE TEXT	*/