/*
Theme Name: HK Ties
Theme URI: http://www.hkties.com
Description: HK Ties theme based off the default Wordpress theme.
Version: 1.5
Author: Marcus Wickes
Author URI: http://www.jungledsales.com
*/

/* CSS Document */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#707070; font-size:12px; line-height:18px; }
a { color:#008ccc; }
a:hover { color:#008ccc; text-decoration:none; }
b { color:#008ccc; }
h1 { color:#018ccc; font:bold 20px/26px arial,helvetica,sans-serif; padding:0; margin:0; }
h3 { padding-top:10px; }
#headerHold { width:850px; }
#header { width:848px; height:123px; border:1px solid #008ccc; float:left; background:url('images/header_bg.gif') repeat-x; }
img { border:0; }
img.logo { width:134px; height:55px; float:left; margin:40px 0 0 27px; }
#phoneNumber { float:right; color:#fff; font-size:22px; font-weight:bold; margin:12px 15px 0 0; width:300px; height:30px; text-align:right; }
#mainNav, mainNav ul { float:right; margin:-41px 0 0 0; padding:0; width:664px; height:40px; position:relative; z-index:4; }
#mainNav li { float:left; list-style-type:none; display:inline; margin:0 0 0 1px; padding:0; overflow:hidden; }
#mainNav li.home a { width:112px; height:40px; display:block; background:url('images/btn_home.gif') no-repeat; }
#mainNav li.home a:hover { background-position:0 -40px; }
#mainNav li.homeOn { width:112px; height:40px; background:url('images/btn_home.gif') no-repeat; background-position:0 -40px; }
#mainNav li.products a { width:109px; height:40px; display:block; background:url('images/btn_products.gif') no-repeat; }
#mainNav li.products a:hover { background-position:0 -40px; }
#mainNav li.productsOn a { width:109px; height:40px; background:url('images/btn_products.gif') no-repeat; background-position:0 -40px; display:block; }
#mainNav li.projects a { width:109px; height:40px; display:block; background:url('images/btn_projects.gif') no-repeat; }
#mainNav li.projects a:hover { background-position:0 -40px; }
#mainNav li.projectsOn { width:109px; height:40px; background:url('images/btn_projects.gif') no-repeat; background-position:0 -40px; }
#mainNav li.installation a { width:109px; height:40px; display:block; background:url('images/btn_installation.gif') no-repeat; }
#mainNav li.installation a:hover { background-position:0 -40px; }
#mainNav li.installationOn a { width:109px; height:40px; background:url('images/btn_installation.gif') no-repeat; background-position:0 -40px; display:block; }
#mainNav li.about a { width:109px; height:40px; display:block; background:url('images/btn_about_us.gif') no-repeat; }
#mainNav li.about a:hover { background-position:0 -40px; }
#mainNav li.aboutOn { width:109px; height:40px; display:block; background:url('images/btn_about_us.gif') no-repeat; background-position:0 -40px; }
#mainNav li.contact a { width:109px; height:40px; display:block; background:url('images/btn_contact_us.gif') no-repeat; }
#mainNav li.contact a:hover { background-position:0 -40px; }
#mainNav li.contactOn { width:109px; height:40px; display:block; background:url('images/btn_contact_us.gif') no-repeat; background-position:0 -40px; }
#mainNav li ul { /* second-level lists */ position: absolute; width:170px; height:auto; margin:0 0 0 -1px; padding:0; clear:both; background:#52b1dc; border:1px solid #259dd3; font-size:11px; z-index:5; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#mainNav li ul li.dropNav { border:0; text-align:left; margin:0; padding:0; }
#mainNav li ul li.dropNav a {  width:170px; height:21px; display:block; padding:3px 0 0 9px; margin:0; background:none; text-decoration:none; color:#fff; }
#mainNav li ul li.dropNav a:hover { background:#41a9d9; color:#fff; cursor:pointer; }
#mainNav li:hover ul, #mainNav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
#content { border-top:1px solid #80c6e5; border-bottom:1px solid #80c6e5; float:left; width:100%; clear:both; margin:1px 0 0 0; }
#imageHolder { margin:-1px 0 -1px 0; width:852px; background:#fff; border-left:1px solid #80c6e5; border-right:1px solid #80c6e5; }
#contentHold { width:854px; }
#secondaryContent { margin:-1px 0 -1px 0; width:850px; float:left; background:#fff; border-left:1px solid #80c6e5; border-right:1px solid #80c6e5; padding:0 1px 0 1px; }
#secondaryBorder { width:808px; float:left; background:#fff; border:1px solid #80c6e5; text-align:left; padding:20px; }
img.homeImage { width:848px; height:247px; border:1px solid #008ccc; }
#introBox { width:808px; border:1px solid #80c6e5; float:left; margin-top:1px; padding:20px 20px 0 20px; }
#homeTextArea { width:554px; margin:0; text-align:left; float:left; }
#homeTextArea p { margin:0 25px 15px 0; }
img.homeTitle { width:569px; height:27px;	 }
#addOnBox { float:right; width:218px; border:1px solid #80c6e5; border-bottom:0; text-align:left; font-size:11px; padding:10px 10px 0 10px; }
img.productThumb { width:90px; height:90px; float:left; margin:0 10px 10px 0; }
p.homeTitle { font-weight:bold; color:#008ccc; margin:55px 0 0 0; }
img.homeBttn { width:108px; height:24px; float:right; clear:both; position:relative; margin:-15px -31px 15px 0; }
#footer { float:left; font-size:10px; margin:5px 0 25px 20px; }
#secondaryImage { float:right; width:255px; height:126px; border:1px solid #80c6e5; border-top:0; border-right:0; background:#fff; margin:-53px -21px 20px 20px; }
img.t2Image { width:252px; height:123px; float:right; border:1px solid #80c6e5; }
img.pageTitles { width:511px; height:29px; float:left; }
img.pageTitlesDeep { width:511px; height:50px; float:left; }
.highlight { font-size:14px; color:#FF7F00; clear:left; }
table.formTable td { font-size:10px; color:#008ccc; text-transform:uppercase; }
input.xForm { border:1px solid #80c6e5; height:18px; color:#707070; font-size:11px; }
textarea { border:1px solid #80c6e5; color:#707070; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.submit { width:109px; height:24px; background:url('images/btn_send_message.gif') no-repeat; border:0; }
table.paging { border:0; float:left; clear:both; font-size:11px; margin:0 0 10px 0; color:#008ccc; }
table.paging td { padding:0 8px 0 0; }
img.pageBtn { width:12px; height:13px; }
table.productDescript { border:0; float:left; clear:both; width:100%; border-bottom:1px dotted #666666; margin:0 0 20px 0; font-size:11px; }
table.productDescript td { padding:0 0 15px 0; }
.tieTitle { font-weight:bold; color:#008ccc; }
table.productTable { border:0; float:left; clear:both; width:100%; }
img.productImage { width:178px; height:178px; border:1px solid #80c6e5; float:left; clear:both; }
#backBtn a {  width:178px;  height:25px;  overflow:hidden;  border:1px solid #008ccc;  background:url('images/btn_back_to_list.gif') no-repeat;  float:left;  margin:0 0 10px 0; }
#backBtn a:hover { background-position:0px -25px; cursor:pointer; }
#datasheetBtn a {  width:178px;  height:25px;  overflow:hidden;  border:1px solid #008ccc;  background:url('images/btn_product_data_sheet.gif') no-repeat;  float:left;  clear:both;  margin:15px 0 0 0; }
#datasheetBtn a:hover { background-position:0px -25px; }
h2 { font-size:16px; color:#FF7F00; clear:left; font-weight:normal; margin:0; padding:0; }
table.productSpec { float:left; clear:both; background:#f2f9fc; border-collapse:collapse; width:100%; font-size:11px; color:#3F3F3F; }
table.productSpec td { border:1px solid #80c6e5; text-align:left; padding:5px 10px 5px 10px; }
table.productSpec tr.row2 td { background:#e8f5fa; }
#flashHold { width:808px; height:400px; position:relative; float:left; z-index:0; }
#addtocart { width: 180px; }
#addtocart h1 { color:#09a909; font: 24px/30px arial,verdana; font-weight: bold; }
.orderhere { width: 180px; font: 20px/20px arial; font-weight: bold; text-align: center; color: #00a600; background: url('images/blue-arrows.gif') 50% 100% no-repeat; height: 50px; padding-top: 40px; margin-top: 20px; }
.thumbnail-class { width:178px; height:178px; border:1px solid #80c6e5; float:left; clear:both; }
.grid-thumbnail-class { width:178px; border:2px solid #80c6e5; text-align: center; }
.grid-thumbnail-class:hover { border: 2px solid #0D92CF; }
.postleft { float: left; width: 190px; }
.postright { float: right; width: 605px; }

#productsgrid ul { margin: 0; padding: 0; list-style: none; display: block; }
#productsgrid ul li { margin: 0; width: 180px; height: 245px; padding: 10px; text-align: center; float: left; }
#productsgrid ul li:hover { background-color: #ECF7FB; }
#productsgrid h4 { font: bold 14px/20px Arial, Helvetica, sans-serif; height: 30px; }