img {margin: 0px; padding: 0px; border: none;}
form { margin: 0px; padding: 0px; }
html, body {height: 100%; margin: 0; padding: 0;}

HR { text-align: right; width: 100%; height: 1px; color: #808080; border: none; }
HTML>BODY HR { margin-right: 0; width: 100%; height: 1px; background-color: #808080; border: none; }
HTML>BODY HR { margin-right: 0; width: 100%; height: 1px; background-color: #808080; border: 0px solid #808080; }


body {
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    font-size: 10px; /* Resets 1em to 10px */
    font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;
    text-align: center;
    }
td {font-size: 12px; /* Resets 1em to 10px */} 
a {color: #003663; text-decoration: none;}
a:hover {color: #c60000;}
p {padding: 0px; margin: 4px 8px 8px 8px;}
h1 {font: bold 14px Arial, "Myriad Web Pro Condensed", "Arial Narrow", "Segoe UI",  "Arial Unicode MS"; margin-top: 3px; margin-bottom: 6px; margin-left: 0px; color: #0e6ab8;  letter-spacing: -0.6pt;  text-transform: uppercase;  }
h2 {clear: both; font: bold 13px 'trebuchet ms'; margin-top: 15px; margin-bottom: 2px; margin-left: 8px; color: #0e6ab8;}
h3 {font: bold 12px Arial, "Myriad Web Pro Condensed", "Arial Narrow", "Segoe UI",  "Arial Unicode MS"; margin-top: 0px; margin-bottom: 6px; margin-left: 0px; color: #0e6ab8; }
h4 {font: bold 10px Arial, "Myriad Web Pro Condensed", "Arial Narrow", "Segoe UI",  "Arial Unicode MS"; margin-top: 0px; margin-bottom: 6px; margin-left: 0px; color: #0e6ab8;  text-transform: uppercase;  }

.caption {font: bold 14px Arial, "Myriad Web Pro Condensed", "Arial Narrow", "Segoe UI",  "Arial Unicode MS"; margin-top: 3px; margin-bottom: 6px; margin-left: 0px; color: #0e6ab8;  letter-spacing: -0.6pt;  text-transform: uppercase;  }
.subcaption {clear: both; font: bold 13px 'trebuchet ms'; margin-top: 15px; margin-bottom: 2px; margin-left: 8px; color: #0e6ab8;}
.link {color: #0000ff; text-decoration: none; font-size: 10px;}




.breadcrumbs {border-bottom: 1px solid #aeaeae; font-size: 14px; padding: 6px; margin-bottom: 10px;}
    .breadcrumbs a {margin: 0px 5px 0px 5px;}
    .breadcrumbs p {display: inline; margin: 0px 5px 0px 5px;}
.red {color: #b70000;}
.blue {color: #6a88a4;}

/* breakers */
.blue_br {height: 2px; background-color: #5e7d9a; margin: 3px; line-height: 2px;}
.pdf {background: url(../images/icons/pdf_icn.gif) no-repeat top left; padding-left: 24px;}
.zip {background: url(../images/icons/zip_icn.gif) no-repeat top left; padding-left: 24px;}
.xls {background: url(../images/icons/xls_icn.gif) no-repeat top left; padding-left: 24px;}
.sav {background: url(../images/icons/save_icn.gif) no-repeat top left; padding-left: 24px;}
.main {
    width: 900px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    min-height: 100%;
    margin-bottom: -43px;
    }
* html .main {height: 100%;}
.header {
    height: 43px;
    background: #6a88a4 url(../images/header_bg.gif) no-repeat bottom left;
    text-align: left;
    }
.tagline {
    font-size: 12px;
    color: #ffffff;
    margin: 4px 0px 0px 20px;
    }
.header_search {
    font-size: 12px;
    color: #ffffff;
    margin: 4px 0px 0px 0px;
}
.header_search_input {
    width: 120px;
    height: 20px;
    margin: 4px 4px 0px 4px;
    background-color: #ffffff;
    border: 1px solid #567491;
    }
.header_search_submit {
    margin: 4px 0px 0px 0px;
    }
.navigation {
    height: 57px;
    }
.logo 
{	
	margin-top: 2px;
    width: 190px;
    height: 65px;
    background: url(../images/Peerlessav_72.jpg) no-repeat top left;/*peerless-mounts2.gif*/
    margin-bottom:5px;
    }
.logo a {
    display: block;
    width: 180px;
    height: 57px;
    text-decoration: none;
    }
/* navigation buttons*/


.product_btn_normal span,.product_btn_normal a { display: block; width: 72px; height: 25px;background: no-repeat 0px 0px;   text-decoration: none; }
.product_btn_normal a:hover { display: block; width: 72px; height: 25px; background: no-repeat 0 -25px; text-decoration: none; }
.product_btn_active { display: block; width: 72px; height: 25px; background: no-repeat 0 -50px; text-decoration: none; }

.company_btn_normal a { display: block; width: 72px; height: 25px; background: no-repeat 0px 0px; text-decoration: none; }
.company_btn_normal a:hover { display: block; width: 72px; height: 25px; background: no-repeat 0 -25px; text-decoration: none; }
.company_btn_active { display: block; width: 72px; height: 25px; background: no-repeat 0 -50px; text-decoration: none; }

.markets_btn_normal a { display: block; width: 64px; height: 25px; background: no-repeat 0px 0px; text-decoration: none; }
.markets_btn_normal a:hover { display: block; width: 64px; height: 25px; background: no-repeat 0 -25px; text-decoration: none; }
.markets_btn_active { display: block; width: 64px; height: 25px; background: no-repeat 0 -50px; text-decoration: none; }

.customers_btn_normal a { display: block; width: 78px; height: 25px; background: no-repeat 0px 0px; text-decoration: none; }
.customers_btn_normal a:hover { display: block; width: 78px; height: 25px; background: no-repeat 0 -25px; text-decoration: none; }
.customers_btn_active { display: block; width: 78px; height: 25px; background: no-repeat 0 -50px; text-decoration: none; }

.resources_btn_normal a { display: block; width: 74px; height: 25px; background: no-repeat 0px 0px; text-decoration: none; }
.resources_btn_normal a:hover { display: block; width: 74px; height: 25px; background: no-repeat 0 -25px; text-decoration: none; }
.resources_btn_active { display: block; width: 74px; height: 25px; background: no-repeat 0 -50px; text-decoration: none; }

.international_btn_normal a { display: block; width: 100px; height: 25px; background: no-repeat 0px 0px; text-decoration: none; }
.international_btn_normal a:hover { display: block; width: 100px; height: 25px; background: no-repeat 0 -25px; text-decoration: none; }
.international_btn_active { display: block; width: 100px; height: 25px; background: no-repeat 0 -50px; text-decoration: none; }

.customercare_btn_normal a { display: block; width: 102px; height: 25px; background: no-repeat 0px 0px; text-decoration: none; }
.customercare_btn_normal a:hover { display: block; width: 102px; height: 25px; background: no-repeat 0 -25px; text-decoration: none; }
.customercare_btn_active { display: block; width: 102px; height: 25px; background: no-repeat 0 -50px; text-decoration: none; }

.menu_btn_normal span,.menu_btn_normal a { display: block; height: 25px; background: no-repeat 0px 0px; text-decoration: none; }
.menu_btn_normal a:hover { display: block; height: 25px; background: no-repeat 0 -25px; text-decoration: none; }
.menu_btn_active { display: block; height: 25px; background: no-repeat 0 -50px; text-decoration: none; }

.content {
    display: block;
    margin-top: 0px;
    }



.page_image {
/*  width: 540px; */
/*  height: 92px; */
    border: 1px solid #6a88a4;
    border-bottom: 6px solid #6a88a4;
    margin-top: 5px;
    margin-bottom: 12px;
    }
html>body .page_image {width: auto; /* height: 92px; */}


.mountfinder {
    background: url(../images/mountfinder_bg.gif) repeat-y top left;
    }
.mountfinder_top {width: 220px; height: 15px; background: url(../images/mountfinder_top_bg.gif) no-repeat top left;}
.mountfinder_bot {width: 220px; height: 15px; background: url(../images/mountfinder_bot_bg.gif) no-repeat bottom left;}
.mountfinder_content {
/*  background: url(images/mountfinder_bot_bg.gif) no-repeat bottom left;  */
    width: 170px;
    color: #404040;
    margin: 0px 30px 0px 20px; 
    }
.mountfinder_content p { margin: 0px; padding: 0px; margin-top: 5px; }
.mountfinder_content p strong {display: block; font: bold 15px 'trebuchet ms'; color: #0e6ab8; height: 26px; border-bottom: 1px solid #8e939b;}
.mountfinder_content p, .mountfinder_content ul {font-size: 13px;}
.mountfinder_content li {margin-left: 16px;}

*html input.radio {
	vertical-align: middle;
	margin-top: -2px;
}
input[type="radio"] {
    vertical-align: sub;
}
            
/* LiveHelp Box */
.livehelp_box {background: url(../images/mountfinder_bg.gif) repeat-y top left; margin-top: 5px;}
    .livehelp_box p {margin: 0px; padding: 0px; margin: 5px 20px 5px 30px;}
    .livehelp_box p strong {display: block; font: bold 15px 'trebuchet ms'; color: #0e6ab8; height: 26px; border-bottom: 1px solid #8e939b;}
    .livehelp_box ul {margin-left: 20px; padding: 0px 0px 0px 24px;}
    .livehelp_box ul li {list-style-image: url(../images/bullet.gif);}

.livehelp_box_top {width: 220px; height: 25px; background: url(../images/livehelp_top_bg.gif) no-repeat top left;}
.livehelp_box_bot {width: 220px; height: 25px; background: url(../images/livehelp_bot_bg.gif) no-repeat top left;}

.livechat {clear: both; padding: 0px; margin: 0px; width: 210px; height: 95px; background: url(../images/live_chat_banner.gif) no-repeat top left; margin-left: 0px;}
    .livechat .livechat_box {clear: both; width: 120px; margin: 0px 5px 5px 80px; padding-top: 15px; }
    .livechat .livechat_box li {display: block; list-style-image: url(../images/bullet.gif); font-size: 11px; margin-left: 8px;}



.modelsearch_input {
    display: block;
    float: left;
    width: 128px;
    height: 20px;
    border: none;
    background: url(../images/modelsearch_input_bg.gif) no-repeat top left;
    margin-bottom: 0px;
    }
html>body .modelsearch_input {margin-bottom: 10px;}

.modelsearch_input .searchinput {
    width: 124px;
    height: 16px;
    border: none;
    background: none;
    margin: 2px;
    font-size: 11px;
    color: #6a88a4;
    }
.modelsearch_input .searchbutton {
    float: left;
    }
.modelsearch_button {width: 36px; float: left;}
.modelsearch_button .searchbutton {
    margin: 0px; padding: 0px;
    }

    
.mountfinder_select {
	width: 170px;
	height: 20px;
	border: 1px solid #989da5;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	}    
.mountfinder_brk 
{
    clear: both;
    width: 170px;
    height: 1px;
    border-top: 1px solid #989da5;
    border-bottom: 1px solid #ffffff;
    margin: 8px 0px 8px 0px;
    font-size: 0.5px;
    }

    
/* Product Categories */
.product_cat_tb {width: 100%;}
    .product_cat_tb p {margin: 0px; padding: 0px; margin: 2px 2px 4px 2px; font-weight: bold; font-size: 10px;}
    .product_cat_tb a {text-decoration: none;}
.product_cat {clear: both; display: block; width: 48px; height: 32px;}
    .product_cat a {padding: 1px; display: block; width: 46px; height: 30px; background-color: #989da5; text-decoration: none;}
    .product_cat a:hover {width: 46px; height: 30px; background-color: #dd3041;}
.product_cat_sub {clear: both; display: block; width: 76px; height: 50px;}
    .product_cat_sub a {padding: 1px; display: block; width: 76px; height: 50px; background-color: #989da5; text-decoration: none;}
    .product_cat_sub a:hover {width: 76px; height: 50px; background-color: #dd3041;}        


/* Content Block */
.content_block {
    width: 100%; /* border: 1px solid #989da5; */
    font-size: 12px;
    }
html>body .content_block {margin-right: 6px;}
/*  .content_block input[type=text] {width: 35%;} */
.center_content_tb {width: 100%;}
html>body .center_content_tb {width: 100%;}
/*.content_block p {padding: 0px; margin: 4px 8px 8px 8px;}*/

.content_block_brk {clear: both; height: 1px; background-color: #989da5; margin: 4px 0px 4px 0px;  line-height: 1px;}

.markets_item {display: block; width: 98%; margin: 4px; padding: 4px; border: 1px solid #8e939b;}
html>body .markets_item {width: 94%;}

.abc_head {font-size: 16px; font-weight: bold; color: red; margin: 15px 60px 4px 8px;}

.shopitems {font: 11px Tahoma; }
.price {font: bold 16px Trebuchet MS; color: #0765a5;}

.tradeshows {width: 100%; background-color: #6a9fd5;}
.tradeshows tr {background-color: #ffffff;}
.tradeshows p {padding: 0px; margin: 4px; font-size: 10px;}
.tradeshows p b {font-size: 11px;}

.letterwidth {display: inline; font: 32px 'Trebuchet MS', Arial, Tahoma, Verdana, Helvetica, Sans-serif; color: #dd2637;}
.letterheight {display: inline; font: 32px 'Trebuchet MS', Arial, Tahoma, Verdana, Helvetica, Sans-serif; color: #6a88a4;}

/* Footer */
.footer-clear {height: 50px; clear: both;}
.footer {
    width: 900px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
/*  position: absolute; */
    bottom: 0;
    height: 43px;
    background: #5e7d9a url(../images/footer_bg.gif) no-repeat top left;
/*  margin-top: 5px;  */
    color: #ffffff;
    padding: 6px 0px 6px 0px;
    }
    .footer p {margin: 0px; padding: 0px; padding: 8px 0px 8px 30px;}
    .footer p a {color: #ffffff; margin: 0px 6px 0px 6px; font-weight: bold;}
    
.content_grey
{
    background: #ececec;
    padding: 8px;
    font: bold 13px 'trebuchet ms', arial, Verdana, Sans-Serif;
}

/*
.content_grey p
{
    margin: 15px;
    margin-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
*/
.img_table
{
    
}

.subarticle {height: 30px; color: #ffffff; background-color: #6a88a4; font-size: 16px; margin-top: 30px; margin-bottom: 8px;}
    .subarticle a {display: block; color: #ffffff; margin-top: 6px; margin-left: 16px;}
    .subarticle p {display: block; color: #ffffff; margin-top: -1px; padding-top: 6px; margin-left: 8px;}    
    .subarticle table a {display: block; color: #ffffff; margin-top: 6px; margin-left: 16px;font-size: 12px;}
    .subarticle table p {display: block; color: #ffffff; margin-top: -1px; margin-left: 8px; font-size: 16px;}
    
    
.order_box {border: 1px solid #aeaeae; padding: 3px 2px 3px 2px; margin-top: 10px; margin-bottom: 10px;}
.orderitem_out {background-color: #ffffff; width: 99%;}
body>html .orderitem_out {width: 100%;}
.orderitem_over {background-color: #f0f0f0; width: 99%;}
body>html .orderitem_over {width: 100%;}


.content_block_table {margin-left: 18px;}
html>body .content_block_table {margin-left: 18px;}

@media print {
    body {width: 900px; font-size: 11px;}
    .header {display: none;}
    .footer {display: none;}
    .navigation {display: none;}
    .mountfinder {display: none;}
    a {color: #000000;}
}


.letterdiagonal {display: inline; font: 26px 'Trebuchet MS', Arial, Tahoma, Verdana, Helvetica, Sans-serif; color: #6add6a;}

.required_accessories {display: block;}
.required_accessories a {display: block; width: 140px; height: 26px;  margin-bottom: 1px; background: url(../images/buttons/required_accessories.gif) no-repeat 0px -28px;}
.required_accessories a:hover {display: block; width: 140px; height: 26px; border: none; background: url(../images/buttons/required_accessories.gif) no-repeat 0px -61px;}
.required_accessories_active {display: block;  width: 140px; height: 26px; background: url(../images/buttons/required_accessories.gif) no-repeat top left;}
.required_accessories_active {margin-top: 1px;}

.features {display: block;}
.features a {display: block; width: 116px; height: 26px; margin-bottom: 1px; background: url(../images/buttons/features.gif) no-repeat 0px -28px;}
.features a:hover {display: block; width: 116px; height: 26px; border: none; background: url(../images/buttons/features.gif) no-repeat 0px -61px;}
.features_active {display: block;  width: 116px; height: 26px; background: url(../images/buttons/features.gif) no-repeat top left;}
.features_active {margin-top: 1px;}

.accessories {display: block;}
.accessories a {display: block; width: 116px; height: 26px;  margin-bottom: 1px; background: url(../images/buttons/accessories.gif) no-repeat 0px -28px;}
.accessories a:hover {display: block; width: 116px; height: 26px; border: none; background: url(../images/buttons/accessories.gif) no-repeat 0px -61px;}
.accessories_active {display: block;  width: 116px; height: 26px; background: url(../images/buttons/accessories.gif) no-repeat top left;}
.accessories_active {margin-top: 1px;}

.technical_data {display: block;}
.technical_data a {display: block; width: 116px; height: 26px;  margin-bottom: 1px; background: url(../images/buttons/technical_data.gif) no-repeat 0px -28px;}
.technical_data a:hover {display: block; width: 116px; height: 26px; border: none; background: url(../images/buttons/technical_data.gif) no-repeat 0px -61px;}
.technical_data_active {display: block;  width: 116px; height: 26px; background: url(../images/buttons/technical_data_active.gif) no-repeat top left;}
.technical_data_active {margin-top: 1px;}

.installation {display: block;}
.installation a {display: block; width: 116px; height: 26px;  margin-bottom: 1px; background: url(../images/buttons/installation.gif) no-repeat 0px -28px;}
.installation a:hover {display: block; width: 116px; height: 26px; border: none; background: url(../images/buttons/installation.gif) no-repeat 0px -61px;}
.installation_active {display: block;  width: 116px; height: 26px; background: url(../images/buttons/installation.gif) no-repeat top left;}
.installation_active {margin-top: 1px;}



.optional_accessories {display: block;}
.optional_accessories a {display: block; width: 140px; height: 26px;  margin-bottom: 1px; background: url(../images/buttons/optional_accessories.gif) no-repeat 0px -28px;}
.optional_accessories a:hover {display: block; width: 140px; height: 26px; border: none; background: url(../images/buttons/optional_accessories.gif) no-repeat 0px -61px;}
.optional_accessories_active {display: block;  width: 140px; height: 26px; background: url(../images/buttons/optional_accessories.gif) no-repeat top left;}
.optional_accessories_active {margin-top: 1px;}



a.tt span {
  display:none;
}
a.tt:hover {
  position:relative;
  z-index:23;
}
a.tt:hover span {
  display:block;
  font-size: 11px;
  width: 340px;
  padding: 10px;
  border: 1px solid #414141;
  color: #ffffff;
  position:absolute;
  top:-10px;
  left:16px;
  z-index:22;
  background:#5e7d9a;
}

a.tt2 span {
  display:none;
}
a.tt2:hover {
  position:relative;
  z-index:23;
}
a.tt2:hover span {
  display:block;
  font-size: 11px;
  width: 120px;
  padding: 10px;
  border: 1px solid #414141;
  color: #ffffff;
  position:absolute;
  top:-10px;
  left:16px;
  z-index:22;
  background:#5e7d9a;
}

a.tt3 span {
  display:none;
}
a.tt3:hover {
  position:relative;
  z-index:23;
}
a.tt3:hover span {
  display:block;
  font-size: 11px;
  width: 120px;
  padding: 10px;
  border: 1px solid #414141;
  color: #ffffff;
  position:absolute;
  top:-10px;
  left:16px;
  z-index:22;
  background:#ffffff;
}

ul {display: block; margin-top: 2px; margin-left: 26px;}
.content ul {margin: 0px; padding: 0px;}
.mountfinder_content ul {font-size: 13px;}
.livehelp_box ul {margin-left: 20px; padding: 0px 0px 0px 24px;}
.livechat .livechat_box li {display: block; list-style-image: url(../images/bullet.gif); font-size: 11px; margin-left: 8px;}

li { list-style: square outside url(../images/bullet.gif);}
body li {margin-left: 12px; list-style: square outside url(../images/bullet.gif);}
.content li {margin-left: 32px; padding-left: 0px;}
.mountfinder_content li {margin-left: 16px;}
.livehelp_box ul li {list-style-image: url(../images/bullet.gif);}

/*
.smallivechat {
    display: block;
    background: url(../images/livechat.gif) no-repeat top left;
    width: 160px;
    height: 60px;
    font-size: 10px;
    padding-top: 12px;
}
.smallivechat a {
    padding-left: 52px;
*/

.underline {text-decoration: underline;}

/*AutoComplete flyout */

.autocomplete_completionListElement
{  
    width: auto;
    visibility : hidden;
    margin : 0px!important;
    background-color : inherit;
    color : #CCC;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : default;
    overflow : auto;
    height : auto;
    text-align : left; 
    list-style-type : none;
    background-color: #EEE;
    font-family : Verdana;
    font-size : 90%;
    font-weight : normal;
	
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #CCC !important;
    color: #000 !important;
    padding: 1px !important;
    list-style-image: none !important;
    list-style-type: none !important;
    margin-left : 5px !important;
    font-family : Verdana;
    font-size : 90%;
    font-weight : normal;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color : #EEE !important;
    color : #000 !important;
    padding : 1px !important;
    list-style-image: none !important;
    list-style-type: none !important;
    margin-left : 5px !important;
    font-family : Verdana;
    font-size : 90%;
    font-weight : normal;
}  

div.autocomplete {
    position: absolute;
    width:150px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
}
.modelsearch_input {
    display: block;
    float: left;
    width: 128px;
    height: 20px;
    border: none;
    background: url(../images/modelsearch_input_bg.gif) no-repeat top left;
    margin-bottom: 0px;
    }
html>body .modelsearch_input {margin-bottom: 10px;}

.modelsearch_input .searchinput {
    width: 124px;
    height: 16px;
    border: none;
    background: none;
    margin: 2px;
    font-size: 11px;
    color: #6a88a4;
    }
.modelsearch_input .searchbutton {
    float: left;
    }

 div.spacer {
    clear: both;
    height: 1px;
    width: 1px;
    padding: 0px;
    margin: 0px;
 }