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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	color: #000;
	background-color: #E8E8E8;
	display: block;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#16286f;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 0px;
}

.h5 a {
	color: #1a39b3;
	text-decoration: none;
}

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

h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 0px;
}

.h6 a {
	color: #1a39b3;
	text-decoration: none;
}

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

.wrapper-whole {
	width:100%;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    margin-left: auto;
	margin-bottom: 0px;
	margin-left: 0px;
}

.wrapper–top {
	width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: center center;
	background-image: url(../images/bg-nav-top.gif);
	z-index:3000;
}

.wrapper–top-content {
	width:929px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: transparent;
	height: 105px;
	position: relative;
	z-index:3000;
}

.wrapper–mid 
{
	width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
}

.wrapper–mid-content {
	width:929px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.wrapper–base-dark {
	width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #cccccc;
}

.wrapper–base-dark-content {
	width:929px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #cccccc;
	height: 43px;
}

.wrapper–base-light {
	width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #e8e8e8;
}

.wrapper–base-light-content {
	width:929px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 0px;
	padding: 0px;
}

.banner-logo{
	float:left;
	width:154px;
	height: 53px;
	background-color: transparent;
	background-image: url(../images/banner-logo-arlec.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

.banner-tools{
	float:right;
	width:auto;
	height: auto;
	background-color: transparent;
	position: relative;
	margin-top: 36px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.banner-tools a{
	color: #666;
	text-decoration: none;
}

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

.banner-nav{
	width:570px;
	height: 36px;
	position: absolute;
	left: 0px;
	top: 63px;
}

.banner-nav-home{
	width: 100px;
	height: 36px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.banner-nav-products{
	width: 100px;
	height: 36px;
	position: absolute;
	left: 100px;
	top: 0px;
}

.banner-nav-parts{
	width: 100px;
	height: 36px;
	position: absolute;
	left: 200px;
	top: 0px;
}

.banner-nav-where{
	width: 100px;
	height: 36px;
	position: absolute;
	left: 300px;
	top: 0px;
}

.banner-nav-support{
	width: 100px;
	height: 36px;
	position: absolute;
	left: 400px;
	top: 0px;
}

.banner-search{
	float:right;
	width:auto;
	height: auto;
	background-color: transparent;
	position: absolute;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0D1D56;
	text-decoration: none;
	top: 63px;
	right: 0px;
	text-align: right;
	vertical-align: middle;
	margin-top: 5px;
	font-style: normal;
	font-weight: normal;
}

.banner-search a{
	color: #0D1D56;
	text-decoration: none;
}

.banner-search a:hover{
	color: #335AC1;
	text-decoration: underline;
}

.banner-search-bar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0D1D56;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
}

.banner-home {
	width:929px;
	margin-top: 10px;
	background-color: #FFF;
	height: 248px;
	position: relative;
}

.content-mid {
	background-color: #FFF;
	position: relative;
	padding-bottom: 10px;
	width: 929px;
	padding-top: 10px;
}

.home-content-mid-right {
	background-color: #FFF;
	width: 245px;
	height: auto;
	top: 0px;
	right: 0px;
	position: relative;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.home-content-mid-left {
	background-color: #FFF;
	width: 672px;
	left: 0px;
	top: 0px;
}

.home-prime {
	width: 674px;
}

.home-prime-content {
	font-size: 13px;
	color: #CCC;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: transparent;
	left: 0px;
	top: 0px;
	width: 672px;
	padding: 0px;
}

.home-sub {
	background-color: #f6f6f6;
	border: 1px solid #CCC;
	width: 672px;
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	background-image: url(../images/home-girl-1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.home-sub-content-1 {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	line-height: 20px;
	width: 210px;
	left: 15px;
	position: relative;
	float: left;
}

.home-sub-content-1 a{
	color: #1a39b3;
	text-decoration: none;
}

.home-sub-content-1 a:hover{
	color: #000;
	text-decoration: underline;
}


.home-sub-content-2 {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	line-height: 20px;
	width: 240px;
	left: 40px;
	float: left;
	position: relative;
}

.home-sub-content-2 a{
	color: #1a39b3;
	text-decoration: none;
}

.home-sub-content-2 a:hover{
	color: #000;
	text-decoration: underline;
}

.base-dark-content {
	font-size: 16px;
	color: #666;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin-top: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: auto;
	position: absolute;
}

.base-light-content-prime {
	font-size: 13px;
	color: #CCC;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	background-color: transparent;
	left: 0px;
	top: 0px;
	padding-top: 20px;
}
.base-light-content-prime a{
	color: #999;
	text-decoration: none;
}
.base-light-content-prime a:hover{
	color: #666;
	text-decoration: underline;
}

.base-light-content-sub {
	font-size: 11px;
	color: #CCC;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	background-color: transparent;
	left: 0px;
	top: 0px;
	line-height: 16px;
}

.base-light-content-sub a{
	color: #999;
	text-decoration: none;
}

.base-light-content-sub a:hover{
	color: #666;
	text-decoration: underline;
}
.topics-right-title {
	background-image: url(../images/topis-head-support1.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #CCC;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	height: 32px;
	margin: 0px;
	padding-top: 10px;
}


.topics-right-title-support {
	font-size: 16px;
	color: #CCC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	position: relative;
	padding-left: 45px;
	top: 10px;
}

.topics-right-general {
	background-color: #FFF;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	position: relative;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	padding: 10px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.topics-right-title-general{
	font-size: 18px;
	color: #16286f;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 20px;
}

.topics-right-general a{
	color: #1a39b3;
	text-decoration: none;
}

.topics-right-general a:hover{
	color: #000;
	text-decoration: underline;
}

.topics-right-catalogue {
	background-color: #FFF;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	position: relative;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	background-image: url(../images/topics-catalogue.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 10px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.topics-right-catalogue a{
	color: #1a39b3;
	text-decoration: none;
}

.topics-right-catalogue a:hover{
	color: #000;
	text-decoration: underline;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	color: #333;
}

.breadcrumb-prime {
	background-color: #ebeff4;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.bread-crumb-L1 {
	color: #666;
	text-decoration: none;
}

.bread-crumb-L1 a{
	color: #666;
	text-decoration: none;
}

.bread-crumb-L1 a:hover{
	color: #000;
	text-decoration: underline;
}

.bread-crumb-L2 {
	color: #434343;
	text-decoration: none;
}

.bread-crumb-L2 a{
	color: #434343;
	text-decoration: none;
}

.bread-crumb-L2 a:hover{
	color: #000;
	text-decoration: underline;
}

.bread-crumb-L3 {
	color: #16286f;
	text-decoration: none;
}

.bread-crumb-L3 a{
	color: #16286f;
	text-decoration: none;
}

.bread-crumb-L3 a:hover{
	color: #000;
	text-decoration: underline;
}

.breadcrumb-minor {
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
    width:655px;
}

.breadcrumb-minor a{
	color: #1a39b3;
	text-decoration: none;
}

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

.breadcrumb-minor-on {
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.product-content-mid-left {
	background-color: #FFF;
	width: 672px;
	left: 0px;
	top: 0px;
}
.product-wrapper-prime-old {
	height: auto;
	position: relative;
	border: 1px solid #CCC;
	padding-top: 2px;
}
.product-wrapper-prime {
	height: auto;
	position: relative;
	border: 1px solid #CCC;
	padding-top: 15px;
}
.product-wrapper-prime-image {
	height: auto;
	width: 250px;
	top: 0px;
	display: block;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	left: 0px;
	border: 1px solid #CCC;
}

.product-wrapper-prime-content {
	font-size: 12px;
	line-height: 16px;
	color: #000;
	text-decoration: none;
	position:relative;
	left:5px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.product-wrapper-prime-content2 {
	font-size: 12px;
	line-height: 16px;
	color: #000;
	text-decoration: none;
	position:relative;
	left:5px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.product-retailers {
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
}

.product-retailers a{
	color: #1a39b3;
	text-decoration: none;
}

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

.product-nav-minor {
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 672px;
}
.product-nav-minor-viewby {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	left: 15px;
	top: 0px;
	position: relative;
	float: left;
	word-spacing: 3px;
}

.product-nav-minor-viewby a{
	color: #1a39b3;
	text-decoration: none;
}

.product-nav-minor-viewby a:hover{
	color: #000;
	text-decoration: underline;
}

.product-nav-minor-viewby-on {
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.product-nav-minor-pages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
	width: auto;
	top: 0px;
	position: relative;
	float: right;
	right: 0px;
	word-spacing: 3px;
	margin-right: 5px;
}

.product-nav-minor-pages a{
	color: #1a39b3;
	text-decoration: none;
}

.product-nav-minor-pages a:hover{
	color: #000;
	text-decoration: underline;
}

.product-nav-minor-pages-on {
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.product-list-wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 672px;
	border: 1px solid #CCC;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 102px;
}
.product-search-list-content
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	width:auto;
	top: 0px;
	position: relative;
	left: 5px;
	padding-right: 10px;
	line-height: 13px;
}
.product-list-image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	left: 15px;
	top: 0px;
	position: relative;
	float: left;
	border-style:none;
	height:100px;
	width:100px;

}

.product-list-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	width: 530px;
	top: 0px;
	position: relative;
	float: right;
	right: 0px;
	padding-right: 10px;
	line-height: 13px;

}

.product-list-content a{
	color: #1a39b3;
	text-decoration: none;
}

.product-list-content a:hover{
	color: #000;
	text-decoration: underline;
}

.product-grid-wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	width: 672px;
	position: relative;
	display: inline-block;
}
.product-stratem-container
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCC;
	width: 110px;
	display: inline-block;
	margin: 3px;
	padding: 8px;
	height:auto;
}
.product-grid-container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCC;
	width: 110px;
	display: inline-block;
	margin: 3px;
	padding: 8px;
	height: 200px;
}
.product-grid-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	position: relative;
	line-height: 13px;
	width: 108px;
	margin-top: 5px;
	margin-right: 1px;
	margin-left: 1px;
	display: block;
}
.product-grid-image {
	width: 100px;
	height: 100px;
	margin-right: 5px;
	margin-left: 5px;
	display: block;
	position:relative;
    top:0px;
	overflow: hidden;
	text-align:center;
}

.product-grid-content a{
	color: #1a39b3;
	text-decoration: none;
}

.product-grid-content a:hover{
	color: #000;
	text-decoration: underline;
}

.pwrap{
	display:inline;
	float:left;
}
/*
modified from here...
*/
.autocomplete_completionListHightlightItem
{
	background-color:Transparent;
	color:Maroon;
	font-weight:bold;
}
.autocomplete_completionListItemStyle
{
	background-color:Transparent;
	color:Blue;
}
.autocomplete_completionListElement
{
        visibility: hidden;
        margin : 0px;
        background-color : #CCCCCC;
        font-size:10px;
        border : buttonshadow;
        border-width : 0;
        cursor : 'crosshair';
        overflow : auto;
        height : 150px;
        text-align : left;
        list-style-type : circle;
        padding:1px;
        font:vernada;
        width:70px;
        position:absolute;
        z-index:1000;
}
.searchBoxStyle
{
  vertical-align:top;
}
.invisibleButton
{
	display:none;
}
.boldfont
{
	font-weight: bold;
}
.normalfont
{
	font-weight: normal;
}
.grayBackgroundFrame
{
	background-image: url('../images/Background-Thumb.png'); 
    background-repeat: no-repeat; 
    height:100px; width:100px; 
}
.thumbdivframe
{
	background-image: url(../images/frame.png); 
    background-repeat: no-repeat; 
    height:100px; width:100px; 
    position:relative; top:-100px;
}
.thumbdivframelist
{
	background-image: url(../images/frame.png); 
	border-style:none;
    background-repeat: no-repeat; 
    height:100px; width:100px; 
    position:relative; top:-101px;
}
.phoneStyle
{
	font-size: 15px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #1a39b3;
}
.AccordionLink
{
    color:White;
    text-decoration:none;
    font-size: 9pt;
}
.cpHeader
{
    color: #1a39b3;
    background-color: #ebeff4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
    cursor: pointer;
    width:640px;
    height:18px;     
}
.wtyCPHeader
{
    color: #1a39b3;
    background-color: #ebeff4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
    cursor: pointer;
    width:100%;
    height:18px;     
}
.cpBody
{
    background-color: #DCE4F9;
    border: 1px gray;               
    width:640px;
}       
.wtyCPBody
{
	background-color: #DCE4F9;
    border: 1px gray;  
    width:100%;
}
.mapStyle
{
	border:1pt;
	border-color:Gray;
	border-style:solid;
	width:300px;
	height:300px;
}
.arlecColor
{
	color:#16286f;
	font-size:14px;
	font-weight:bold;
}