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

/********************************************/
/***               Reset                  ***/
/********************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {  
	margin: 0; padding: 0; border: 0; outline: none;  
} 

/********************************************/
/***               Fonts                  ***/
/********************************************/


@font-face {
	font-family: "Komika";
	src: url(/Images/fonts/KOMTXT__.eot);
}
@font-face {
	font-family: "Komika-BI";
	src: url(/Images/fonts/KOMTXKBI.eot);
}
@font-face {
	font-family: "Droid";
	src: url(/Images/fonts/DroidSans.eot);
}
@font-face {
	font-family: "Droid-Bold";
	src: url(/Images/fonts/DroidSans-Bold.eot);
}
@font-face {
	font-family: "Junction";
	src: url(/Images/fonts/Junction.eot);
}
@font-face {
	font-family: "Qlassik";
	src: url(/Images/fonts/Qlassik_TB.eot);
}
@font-face {
	font-family: "Komika";
	src: url(/Images/fonts/KOMTXT__.ttf) format("truetype");
}
@font-face {
	font-family: "Komika-BI";
	src: url(/Images/fonts/KOMTXKBI.ttf) format("truetype");
}
@font-face {
	font-family: "Droid";
	src: url(/Images/fonts/DroidSans.ttf) format("truetype");
}

@font-face {
	font-family: "Droid-Bold";
	src: url(/Images/fonts/DroidSans-Bold.ttf) format("truetype");
}
@font-face {
	font-family: "Junction";
	src: url(/Images/fonts/Junction.ttf) format("truetype");
}
@font-face {
	font-family: "Qlassik";
	src: url(/Images/fonts/Qlassik_TB.ttf) format("truetype");
}


/********************************************/
/***               Global                 ***/
/********************************************/
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;overflow: scroll;
	}
#slideContainer {}
/*****   width: 100% is for IE and support for hasLayout *important*   *****/
#mainConainer {
	background: url(../images/main_container_bg_blue23.jpg) repeat-x;
	width: 100%;
	}
.container {
	margin: 0 auto;
        padding:0 25px 0 25px;
	width: 960px;
	text-align: left;
        background:url('/Images/page-bg-sides2.png');
        min-height:1400px; 
	}
/*****  min-height is for detail view 1400px  *****/
.container2{
	margin: 0 auto;
        padding:0 25px 0 25px;
	width: 960px;
	text-align: left;
        background:url('/Images/page-bg-sides2.png');
	}
a{color:#0066ff;text-decoration:none;}
a:hover{color:#ff3300;}
h1 {
	margin-bottom: 10px;
	font-size: 22px;
	color: #30619B;
	letter-spacing: 1pt;
	}/*** Color ***/
	
h2 {
	margin-top: 25px;
	padding: 5px 10px 6px 10px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1pt;
	}
	
h3 {
	padding: 15px 0 5px 0;
	color: #333;
	font-size: 16px;
	letter-spacing: 1pt;
	}
	
h3.sidebarBG {
	padding: 20px 15px 30px 11px;
        margin:0px 0px 0px -1px;
	width: 330px;
	color: #fefefe;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1pt;
	background:url(../Images/Webapp-Header4.png);
	border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        text-align:center;
	}
h3.sidebarBGds {
	padding: 20px 15px 28px 11px;
        margin:0px 0px -14px -1px;
	width: 330px;
	color: #fefefe;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1pt;
	background:url(../Images/Webapp-Header4.png);
	border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        text-align:center;
	}	

h4 {
	padding-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #30619B;
	}/*** Color ***/
	
h5 {
	font-size: 13px;
	font-weight: bold;
	color: #30619B;
	}/*** Color ***/
	
.bgImg {
	margin: 0 20px;
	padding-top: 5px;
	height: 40px;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1pt;
	border: none;
	background:none;
	text-align: center;
	}

img.border {
	border: 2px solid #d9d9d9;
	}
	
img.borderHover {
	border: 2px solid #d9d9d9;
	text-decoration: none;
	}/*** Color ***/
img.borderHover:hover {border: 2px solid #30619B}
img.floatRight {margin: 10px 10px 10px 15px;border: 2px solid #d9d9d9}
img.floatLeft {margin: 10px 15px 10px 0;border: 2px solid #d9d9d9}
#imageBlock{text-align:center;}
.clear {clear: both}
.displayNone {display:none}
.floatRight {float: right}
.floatLeft {float: left}

p {
	padding-bottom: 10px;
	line-height: 18px;
	}
	
p.single {
	padding: 3px 10px 0 0;
        font-size:12px;
        text-align:center;
	}
	
ul {
	list-style-type: none;
	}
	
ul {
	padding-bottom: 10px
	}
li.bullet {
	margin: 5px 0;
	padding: 0 10px;
	background: url(../images/bullet_blue.jpg) no-repeat;
	background-position: 0 7px;
	}
	
li.bulletFooterCheck {
	background: url(../images/bullet_footer_check.jpg) no-repeat;
	height: 18px;
	margin: 10px 0;
	padding: 1px 0 0 30px;
	}
	
li.bulletCheck {
	background: url(../images/bullet_check.jpg) no-repeat;
	height: 18px;
	margin: 10px 0;
	padding: 1px 0 0 30px;
	}
	
li.bulletFooter {
	margin: 5px 0;
	padding: 0 10px;
        display:inline;
        list-style-type:none;

	}

ol {
	padding: 7px 0 7px 20px
	}
	
ol li {
	font-size: 17px;
	fon-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #30619B;
	}/*** Color ***/
	
ol p {
	font-size: 13px;
	fon-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	}
	

#homePageGrid h2{
	padding: 20px 10px 20px 0;
        margin:15px 0 0 0;
        width:518px;
        text-align:center;
        font-size:22px;
        background:url(../Images/Webapp-Header3.png);
        color: #fff;
        border:none;

}

h2#scoot{
      background:#fff;
      border:none;
      margin-bottom: 5px;
      font-size: 22px;
      color: #30619B;
      letter-spacing: 0pt;
      text-align:left;
}

/***** Blockquotes *****/
blockquote {
	padding: 10px;
	display: block;
	width: 225px;
	text-align: right;
	color: #30619B;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	letter-spacing: 1pt;
	}
	
blockquote p {
	line-height: 23px;
	}

blockquote em {
	color: #30619B;
	font-size: 24px;
	}/*** Color ***/
	
blockquote em.first {
	padding-right: 3px;
	}
	
blockquote em.last {
	padding-left: 3px;
	}
blockquote a {
	border-bottom: none;
	}


/********************************************/
/***           Links & Buttons            ***/
/********************************************/

a.viewMore {
        padding:10px 25px 10px 30px;
	color: #fff;
	background:url(../Images/view-more-button2.png);
	font-size: 10px;
	
	text-transform: uppercase;
	
	}
	
a.viewMore:hover {
	background:url(../Images/view-more-buttonH1.png);
	}
	
a.footer {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px solid #656364;
	}
a.footer:hover {
	border-bottom: 0px solid #fff;
	color: #00ffff;
	background:none;
	}/*** Color ***/

a.newsBlock {
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	border:1px solid #fff;
	
	}
a.newsBlock.odd {
	background: #e8e8e8;
	}
a.newsBlock:hover {
	background-color: #ffe4e4;
	border: 1px solid #fdd6d6;
	}
	
a.bigContactButton {
	margin-left: 5px;
	background: none;
	border: none;
	}
	
a#slideSearch {
	background: none;
	border: none
	}
	
h4 a {
	padding: 0 5px;
	color: #30619B;
	text-decoration: none;
	border: none;
	}/*** Color ***/
h4 a:hover {
	background: #e1eefe;
	}/*** Color ***/
	
#homePageGrid a {
	text-decoration: none;
	border: none;
	}
	
#submitButton {
	margin: 0 0 0 10px;
	width: 97px;
	height: 27px;
	font-weight: normal;
	color: #000;
	}
.submitbutton {
	background: url(../images/submit_button.jpg);
	border-style:none;
	border: none;
	cursor: pointer;
	}
	
.contactForm #submitButtonAlt {
	margin: 15px 0 0 405px;
	width: 97px;
	height: 27px;
	font-weight: bold;
	color: #000;
	}
	
.contactForm .submitbuttonalt {
	background: url(../images/submit_button_alt.jpg);
	border-style:none;
	border: none;
	cursor: pointer;
	}
	
#contactButton {
	margin: 8px 0 0 300px;
	width: 173px;
	height: 29px;
	}
	
.slideContactForm .contactbutton {
	background: url(../images/submit_email_button.jpg);
	border-style:none;
	border: none;
	cursor: pointer;
	}
	/********************************************/
/***              Masthead                ***/
/********************************************/
#masthead {
	margin: 0;
	padding: 0;
	width: 960px;
	height:600px;	
        position:relative;
        font-family: Junction,Calibri, tahoma, Arial;
	}
	
#mastheadSecond {
	margin: 0;
	padding: 0;
	width: 960px;
	min-height:150px;	
        position:relative;
        font-family: Junction,Calibri, tahoma, Arial;
        z-index:99999;
	}

#homePagephoto{
position:absolute;
top:200px;
max-height:410px;
z-index:0;
}

#homePagephoto img{
z-index:0;
}

.headerRight {
        position:relative;
        top:35px;
        right:55px;
	padding:0 0 0 10px;
	float: right;
	width: 300px;
	height:50px;
	background: url(../images/search14.png) no-repeat;
        z-index:5;
	}
	
.headerRight img {
padding-right:0px;
}


p.headerContact {
	padding: 10px 0 0 10px;
	}
	
.headerContact a {
	padding: 0px 0 0px 0px;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	cursor: text;
	letter-spacing:0;
	border: none;
	background: none;
        height:30px;
	}
	
.headerContact a:hover {
	color: #444444;
	background: none;
	}/*** Color ***/
	
.headerLeft {
        position:relative;
        bottom:-202px;
        left:50px;
        width:622px;
	margin: 0;
	padding: 0;
       
	}

h2.logo img{
padding:5px 5px 0 35px;
cursor: pointer;
}


h2.logo {
        width:622px;
        height:111px;
	margin: 0;
	padding: 0px 0px 0 0px;
        float:left;
        position:relative;
        top:-190px;
        right:50px;
         background: url(../Images/highlight13.png);      
	}
	
h2.logo a{
border:none;
background:none;
}


p.tagLine {
	margin: 0;
	padding: 0px 0 0 0px;
	color: #000000;
	font-size: 25px;
	text-transform: uppercase;
        line-height:35px;
        width:940px:
        float:left;
        text-align:center;
	}

.customerLogin {
	width: 180px;
	height:28px;
        text-align:center;
        position:absolute;
        top:27px;
        right:120px;
        float:left; 
        z-index:5; 
	}

.customerLogin ul {
        float:left;
	list-style-type: none;
	cursor: pointer;
        width:138px;
        height:22px;
	}


.customerLogin li {
	display: inline;
        width:100px;
        text-decoration: none;
	}
	
.customerLogin a {
	padding: 5px 10px 0 10px;
	display: block;
	color: #000;
	text-decoration: none;
        text-align:center;
	border-bottom:0;
	background: none;
	}

.customerLogin img{
	padding:0 5px 0 0;
	}



.secondNav {
	width: 400px;
	height: 30px;
        text-align:center;
        position:relative;
        top:-235px;
        left:310px;
        float:right;
 font-size:12px;
	}
	
	
.secondNav ul {
        float:left;
	list-style-type: none;
	cursor: pointer;
	}

.secondNav li {
	display: inline;
        width:115px;
        text-decoration: none;
	}
	
.secondNav a {
	padding: 0 5px 0 10px;
	display: block;
	color: #fff;
	text-decoration: none;
        text-align:center;
	border-bottom:0;
	background: none;
	}

.secondNav a:hover{
       color:#000000;
       }
/********************************************/
/***             Main Menu                ***/
/********************************************/
#mainNav {
	width: 940px;
	height: 50px;
        text-align:center;
        position:absolute;
        top:143px;
        left:5px;
font-family: Calibri, tahoma, Arial;
z-index:999999;
	}
	
#mainNav ul {
        float:left;
	list-style-type: none;
	cursor: pointer;
	}

#mainNav li {
	display: inline;
	}
	
#mainNav a {
	padding: 0 0 0 0;
	display: block;
	color: #000000;
	text-decoration: none;
        text-align:center;
	border: none;
        height:25px;
        width:150px;
	}
	
.mainNavTop {
	margin: 0;
	padding:0;
        font-family: Calibri, tahoma, Arial;
	font-size: 13px;
	font-weight: normal;
	}
	
#mainNav .mainNavTop a {
	padding-top:0px;
	}
	
#mainNav .mainNavBottom {
	margin: 0;
	padding:0;
        font-weight: 600;
	font-family: Calibri, tahoma, Arial;
	font-size:13px;
	text-transform: uppercase;
	color: #ffffff;
	display: block !important}

#mainNav .mainNavBottom span {
	padding-right:15px;
        background: url(../images/down-arrow3.png) no-repeat right center;
	}


#mainNav .mainNavBottom span:hover{
	padding-right:15px;
        background: url(../images/down-arrow2h3.png) no-repeat right center;
	}


#mainNav .topLinkDrop {
	padding-top:10px;
	padding-bottom: 0px;
        width:150px;
        height:25px;
        position:relative;     
        top:-45px;
	}
/*************** Drop Down Styling ********************/
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	}

.miniMenu{
width:193px;
float:left;
background-color:none;
border-top: 0px solid #fff;

}

.miniMenuhead{
width:400px;
height:30px; 
}

.miniMenuhead h2{
font-size:20px;
color:#fff;
background:none;
border:none;
width:auto;
padding-top:10px;
line-height:20px
}


.miniSidebar{
width:100px;
height:auto;
background-color:#ffffff;
float:left;
}

.miniFooter{
clear:both;
width:auto;
background-color:none;
padding-bottom:15px;
cursor:default;
}


/*AC Drives*/

ul#dropDownAC li {
        width:180px;
	color: #003366;
        float:left;
        }
ul#dropDownAC {
       margin:0px;
       padding:0px;
       background: url(../images/ac-drives-bg5.png);
       display:none;
       position:absolute;
       top:35px;
       left:-1px;
       width:394px;
       height:429px;
       z-index:9999;
        	}

ul#dropDownAC .miniMenuhead{
       width:386px;
       text-align:center;
       cursor:default;
       }

ul#dropDownAC .miniMenu p{
	margin:0 0 0 15px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:12px;
        width:140px;
        float:left;
        font-weight:normal;
        
	}

ul#dropDownAC .miniMenu p a {
	padding: 2px 0px 2px 5px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:13px;
        color:#eeeeee;
        width:140px;
        text-align:left;
        text-decoration:underline;
	}
ul#dropDownAC .miniMenu p a:hover {
        text-decoration:none;
        background:none;
        color:#000;
	}



ul#dropDownAC .miniFooter p{
background-color:#fff;
width:386px;
height:58px;
color:#000000;
}

ul#dropDownAC p img{
padding:0px 0px 0px 15px;
float:left;
	}

ul#dropDownAC h2{
font-family:junction;
font-size:14px;
font-weight: bold; 
color:#ffffff;
line-height:22px;
text-align:right;
padding:5px 0px 0px 0;
width:356px;
float:left;
	
	}
 
/*** Color ***/
ul#dropDownAC a:hover {
	background: #aaa;
        color:#fff
	}/*** Color ***/


ul#dropDownAC .miniMenu .more a{
position:absolute;
bottom:-40px;
right:-30px;
height:50px;
width:50px;
color:#ffffff;
}

ul#dropDownAC .miniMenu .more a:hover{
background:none;
color:#000000;
}

/*DC Drives*/


ul#dropDownDC li {
        width: 180px;
	color: #000000;
        float:left;
	}

ul#dropDownDC {
       margin:0px;
       padding:0px;
       background: url(../images/dc-drives-bg6.png);
       display:none;
       position:absolute;
       top:35px;
       left:-1px;
       width:400px;
       height:409px;
       z-index:99999;
        	}

ul#dropDownDC .miniMenuhead{
       width:386px;
     text-align:center;
       cursor:default;
       }
	
ul#dropDownDC .miniMenu p{
	margin:0 0 0 15px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:12px;
        width:165px;
        float:left;
        font-weight:normal;
	}
ul#dropDownDC .miniMenu p a {
	padding: 2px 0px 2px 5px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:13px;
        color:#eeeeee;
        width:165px;
        text-align:left;
        text-decoration:underline;
	}	
ul#dropDownDC .miniMenu p a:hover {
        text-decoration:none;
        background:none;
        color:#000;
	}
ul#dropDownDC .miniFooter p{
background-color:#fff;
width:386px;
height:58px;
color:#000000;
}

ul#dropDownDC p img{
padding:0px 0px 0px 20px;
float:left;
	}

ul#dropDownDC h2{
font-family:junction;
font-size:14px;
font-weight: bold; 
color:#ffffff;
line-height:22px;
text-align:right;
padding:5px 0px 0px 0;
width:356px;
float:left;
}


/*** Color ***/
ul#dropDownDC a:hover {
	background: #aaaaaa;
	}/*** Color ***/

ul#dropDownDC .miniMenu .more a{
position:absolute;
bottom:-50px;
right:-30px;
height:50px;
width:50px;
color:#ffffff;
}

ul#dropDownDC .miniMenu .more a:hover{
background:none;
color:#000000;
}



/*Power Supplies*/


ul#dropDownPS li {
        width: 180px;
	color: #000000;
        float:left;
	}

ul#dropDownPS {
       margin:0px;
       padding:0px;
       background: url(../images/power-supplies-bg6.png);
       display:none;
       position:absolute;
       top:35px;
       left:-100px;
       width:595px;
       height:290px;
        	}
	

ul#dropDownPS .miniMenuhead{
       width:579px;
       text-align:center;
       cursor:default;
       }

ul#dropDownPS .miniMenuhead h2{
font-family:junction;
font-size:14px;
font-weight: bold; 
color:#ffffff;
line-height:22px;
text-align:right;
padding:5px 0px 0px 0;
width:549px;
float:left;
}



ul#dropDownPS .miniMenu p{
	margin:0 0 0 15px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:12px;
        width:145px;
        float:left;
        font-weight:normal;
	}
ul#dropDownPS .miniMenu p a {
	padding: 2px 0px 2px 5px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:13px;
        color:#eeeeee;
        width:140px;
        text-align:left;
        text-decoration:underline;
	}	
ul#dropDownPS .miniMenu p a:hover {
        text-decoration:none;
        background:none;
        color:#000;
	}
ul#dropDownPS .miniFooter p{
background-color:#fff;
width:579px;
height:58px;
color:#000000;
}

ul#dropDownPS p img{
padding:0px 10px 0px 15px;
float:left;
	}

/*** Color ***/
ul#dropDownPS a:hover {
	background: #aaaaaa;
}

ul#dropDownPS .miniMenu .more a{
position:absolute;
bottom:-50px;
right:-45px;
height:50px;
width:50px;
color:#ffffff;
}

ul#dropDownPS .miniMenu .more a:hover{
background:none;
color:#000000;
}


/*Light Curtains*/


ul#dropDownLC li {
        width: 180px;
	color: #000000;
        float:left;
	}

ul#dropDownLC {
       margin:0px;
       padding:0px;
       background: url(../images/light-curtains-bg6.png);
       display:none;
       position:absolute;
       top:35px;
       left:-236px;
       width:589px;
       height:265px;
        	}
	ul#dropDownLC .miniMenuhead{
width:580px;
text-align:center;
       cursor:default;
}

ul#dropDownLC .miniMenu p{
	margin:0 0 0 15px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:12px;
        width:140px;
        float:left;
        font-weight:normal;
	}
ul#dropDownLC .miniMenu p a {
	padding: 2px 0px 2px 5px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:13px;
        color:#eeeeee;
        width:125px;
        text-align:left;
        text-decoration:underline;
	}	
ul#dropDownLC .miniMenu p a:hover {
        text-decoration:none;
        background:none;
        color:#000;
	}
ul#dropDownLC .miniFooter p{
background-color:#fff;
width:580px;
height:58px;
color:#000000;
margin:0 0 0 0;
}

ul#dropDownLC p img{
padding:0px 0px 0px 20px;
float:left;
	}

ul#dropDownLC h2{
 font-family:junction;
font-size:14px;
font-weight: bold; 
color:#ffffff;
line-height:22px;
text-align:right;
padding:5px 0px 0px 0;
width:550px;
float:left;
	}


/*** Color ***/
ul#dropDownLC a:hover {
	background: #aaaaaa;
	}/*** Color ***/

ul#dropDownLC .miniMenu .more a{
position:absolute;
bottom:-80px;
right:-40px;
height:50px;
width:50px;
color:#ffffff;
}

ul#dropDownLC .miniMenu .more a:hover{
background:none;
color:#000000;
}



/*Monitors*/

ul#dropDownM li {
        width: 180px;
	color: #000000;
        float:left;
	}

ul#dropDownM {
       margin:0px;
       padding:0px;
       background: url(../images/monitors-bg6.png);
       display:none;
       position:absolute;
       top:35px;
       left:-236px;
       width:394px;
       height:405px;
        	}
	
ul#dropDownM .miniMenuhead{
       width:386px;
       text-align:center;
       cursor:default;
}

ul#dropDownM .miniMenu p{
	margin:0 0 0 15px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:12px;
        width:140px;
        float:left;
        font-weight:normal;
	}
ul#dropDownM .miniMenu p a {
	padding: 2px 0px 2px 5px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:13px;
        color:#eeeeee;
        width:125px;
        text-align:left;
        text-decoration:underline;
	}	
ul#dropDownM .miniMenu p a:hover {
        text-decoration:none;
        background:none;
        color:#000;
	}
ul#dropDownM .miniFooter p{
background-color:#fff;
width:386px;
height:58px;
color:#000000;
}

ul#dropDownM p img{
padding:0px 0px 0px 25px;
float:left;
	}

ul#dropDownM h2{
 font-family:junction;
font-size:14px;
font-weight:bold; 
color:#ffffff;
line-height:22px;
text-align:right;
padding:5px 0px 0px 0;
width:356px;
float:left;
	}


/*** Color ***/
ul#dropDownM a:hover {
	background: #aaaaaa;
	}/*** Color ***/

ul#dropDownM .miniMenu .more a{
position:absolute;
bottom:-50px;
right:-30px;
height:50px;
width:50px;
color:#ffffff;
}

ul#dropDownM .miniMenu .more a:hover{
background:none;
color:#000000;
}

/*********** More ***********/

ul#dropDownMC li {
        width: 250px;
	color: #000000;
        float:left;
	}
ul#dropDownMC {
       margin:0px;
       padding:0px;
       background:#666;
       display:none;
       position:absolute;
       top:35px;
       left:-236px;
       width:500px;
       height:450px;
        	}

ul#dropDownMC .miniMenuhead{
width:500px;
text-align:center;
background:#444
}
	
ul#dropDownMC .miniMenu p{
	margin:0 0 0 15px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:12px;
        width:190px;
        float:left;
        font-weight:normal;
	}
ul#dropDownMC .miniMenu p a {
	padding: 2px 0px 2px 5px;
        font-family: Calibri, "Century Gothic",Arial, "Sans Serif";
        font-size:13px;
        color:#eeeeee;
        width:190px;
        text-align:left;
        text-decoration:underline;
	}	
ul#dropDownMC .miniMenu p a:hover {
        text-decoration:none;
        background:none;
        color:#000;
	}
ul#dropDownMC .miniFooter p{
background-color:#fff;
width:500px;
height:58px;
color:#000000;
}

ul#dropDownMC p img{
padding:0px 0px 0px 35px;
float:left;
	}

ul#dropDownMC h2{
 font-family:junction;
font-size:14px;
font-weight: bold; 
color:#ffffff;
line-height:22px;
text-align:right;
padding:5px 0 0 0;
width:490px;
float:left;
	}


/*** Color ***/
ul#dropDownMC a:hover {
	background: #aaaaaa;
	}/*** Color ***/


/********************************************/
/***               Footer                 ***/
/********************************************/
.footerLeft {
	margin: 0;
	padding: 5px 0;
	float: left;
	width: 320px;
	background: url(../images/footer_column_seperator.jpg) no-repeat top right;
	}


.footerLeft a{
border:none;
background:none;
}

.footerLeft a:hover{
color:#00ffff;
}
	
.footerLeft img{
padding:0 0 0 35px;
}


.footerMiddle {
	margin: 0;
	padding: 5px 0;
	float: left;
	width: 320px;
        text-align:center;
	}


.footerMiddle img{
	margin: 0;
	padding:20px 0 0 0;
	}

.footerMiddle a{
border:none;
background:none;
}
	
.footerRight {
	margin: 0;
	padding: 5px 0;
	float: left;
	width: 320px;
        text-align:center;
	background: url(../images/footer_column_seperator.jpg) no-repeat top left;
	}

.footerRight img{
	margin: 0;
	padding:0 0 0 0;
	}

.footerRight a{
border:none;
background:none;
}
	
.footerContent {
	padding-left: 20px;
	padding-right: 5px;
	}
	
.footerContent ul{text-align:left;text-indent:60px;}
.footerContent ul a{color:#3366cc;}
.footerContent ul a:hover{color:#ffffff;}
.copyright {
	margin: 5px 0 0 15px;
	padding: 10px 0 0 10px;
	background: url(../images/copyright_bg1.jpg) no-repeat top left;
	}
.copyright p a{
background:none;
}
.copyright p a:hover{
background:none;
}
.copyright h6 {color: #888;font-size:8px;font-weight: normal;text-transform: uppercase;letter-spacing: 1pt}
/*****   Newsletter Form   *****/
.newsletter label {float: left}
.newsletter input {margin-top: 2px;padding: 3px 3px 0 0;float: left;width: 150px;height: 20px}
.emailError {padding-top: 7px;color: red}
#newsletterSuccessContainer {padding: 15px 0 0 12px}
/*****   Misc.   *****/
.map {padding: 20px 0 0 40px}
ul.footerLinks {
margin: 10px 0 0 55px;
}

/*****   Small Footer   *****/
#smallFooter {padding: 15px 0 5px 15px}
#smallFooter ul {padding: 0 0 10px 0}
#smallFooter li {display: inline;font-size: 9px;color: #292929}
#smallFooter a {margin: 0 7px;padding: 0 1px;font-size: 13px;color: #fefefe;background: none;border: none;border-bottom: 1px solid #c5c4c5}
#smallFooter a:hover {color: #333;background: #FFE4E4;border-bottom: none}
#smallFooter p {margin-left: 7px}

/********************************************/
/***          Content Wrappers            ***/
/********************************************/
#content {
	margin: 0;
	padding: 50px 10px 35px 15px;
	}
	
#homePageContent {
	width: 550px;
	}
	
	
#homePageContent blockquote a{color:#47d}
#footerContainer {
	clear: both;
	position: relative;
	display: block;
	bottom: 0;
	background: #383435 url(../images/footer_bg.jpg) repeat-x top left;
	color: #fff;
	border-bottom: none;
	}
	
#rightSideBar {
	padding-top: 25px;
	width: 365px;
	float: right;
	}
	
.rightSideBarBlock {
        padding:0 6px 0 0;
	margin-bottom: 30px;
	width: 350px;
        background:#666666;
	}
#leftSideBar {padding-top: 25px;width: 250px;min-height:650px;height:auto !important;height:650px}
#listingContent {margin-bottom: 35px;float: right;width: 670px}
#rightSideBarSmall {margin: 0 5px 30px 35px;float: right}

.twoColRight {margin-bottom: 5px;padding: 0 0 5px 20px;float: right;width: 455px;background: url(../images/vertical_break.jpg) no-repeat top left}
.twoColLeft {width: 450px}

.threeCol {padding: 0 20px;float: left;width: 260px;background: url(../images/vertical_break.jpg) no-repeat top left}
.threeColRight {padding: 0 15px;float: right;width: 285px}
.firstCol {background: none}

.fourCol {padding: 0 20px;float: left;width: 185px;background: url(../images/vertical_break.jpg) no-repeat top left}
.fourColLeft {padding: 0 20px;float: left;width: 185px}

/********************************************/
/***              Home Page               ***/
/********************************************/
#homePageGrid {
       margin: 20px 0;
       padding: 0;
       
}
#homePageGrid h4 {
       padding:0 0 5px 10px;
       color:#444;
}
#homePageGrid h4 a{
font-size:18px;
color:#333;
}

#homePageGrid p {
       padding: 3px 15px 5px 10px;
color:#444;
}
#homePageGrid p a{
color:#003366;
}

#homePageGrid .button {
       padding: 10px;
background:#fff;
}
#homePageGrid ul{

color:#444;
}
#homePageGrid ul li {
       padding:5px 0 0 30px;
       list-style-type:square;
       list-style-position:inside;

}
.floatRightLong {float: right;width: 330px}
#homePageGrid .blockOne .floatRightLong p a{color:#47d;}
.floatRightShort {float: right;width: 100px}
.listFloat {float: left}
.blockOne {margin: 0;padding: 15px 0 15px 5px;border-bottom: 1px solid #aaa;background:#fff;}
.blockTwo {margin: 0;padding: 15px 0 15px 5px;width: 265px;float: left;border-bottom: 1px solid #dfdfdf}
.blockThree {margin: 0;padding: 15px 0 15px 5px;width: 170px;float: left;text-align: center;border-bottom: 1px solid #dfdfdf}
.blockFour {margin: 0;padding: 15px 0 15px 5px;width: 250px;float: left;border-bottom: 1px solid #dfdfdf}

/********************************************/
/***           Slide Up Forms             ***/
/********************************************/
#slideContact {display: block}
#popUpForms {padding: 15px 0 30px 0}
.slideContactForm {padding: 20px 20px 10px 20px;background: #194e8d;border: 1px solid #10427e}/*** Color ***/
.slideContactForm {}
.contactWrap {padding: 20px 20px 10px 20px;background: #194e8d;border: 1px solid #10427e}/*** Color ***/
.contactInfo {width: 300px;float: right}

.leftForm {
padding: 20px 0 15px 40px;
width: 600px;
height: 258px;
background:#194e8d;
border: 1px solid #10427e;
}

.leftForm h1{
color:#fff;
padding:0 0 25px 0;
}
.leftForm .oemLetter p{
text-align:left;
text-decoration:none;
}
.leftForm .oemLetter a{
color:#bbb;
font-size:22px;
font-family:Miso;
border:none;
letter-spacing:3pt;
}
.leftForm .oemLetter a:hover{
color:#000;
background:none;
}

.leftForm table tr td p{
color:#fff;
font-family:Arial;
padding:20px 0 0 50px;
}

.leftForm .cat_textbox{
color:#000;
font-family:Droid;
font-size:18px;
width:200px;
height:20px;
}

h3.contactHeadings {padding: 0px 0 25px 20px;font-size: 22px;color: #ececec;letter-spacing: 1pt}
.contactInfo ul {padding-bottom: 25px}
.contactInfo ul.phone li {padding-bottom: 5px}
.contactInfo li {padding: 0 0 3px 10px;color: #fff;font-size: 14px;border-left: 1px solid #10427e}/*** Color ***/
.contactInfo ul.phone li {padding-bottom: 5px}
.contactInfo li.title {margin-bottom:5px;padding-left: 0;font-size: 14px;color: #c0c0c0;text-transform: uppercase;border-bottom: 1px solid #10427e;border-left: none}/*** Color ***/
.contactInfo span.label {color: #e3e3e3}
span.tollFree {padding-left: 50px}
span.local {padding-left: 20px}
span.fax {padding-left: 32px}
/*****   Form Elements   *****/
.slideContactForm fieldset {padding-left: 5px;border: none}
.slideContactForm label {float: left;width: 170px;font-size: 14px;color: #fff}
.slideContactForm input {padding-top: 2px;margin: 2px 0 5px 0;width: 300px;height: 18px;color: #505050;background: #fff url(../images/textarea_bg.gif) no-repeat top left;border: 1px solid #aaa}
.slideContactForm Textarea {padding-left: 3px;width: 300px;height: 100px;background: url(../images/textarea_bg.gif) no-repeat top left;border: 1px solid #aaa}
.slideContactForm select {margin: 2px 0 10px 0;padding: 0;width:300px;color: #505050;background: #eee url(../images/textarea_bg.gif) no-repeat 1px 2px;border: 1px solid #aaa}
.topOption {margin: 0 0 3px 0}

#successContainer {padding-top: 120px}
.success {margin: 0 32px 0 0;text-align: center;background: #D9E7CD;border: 1px solid #87C445}
.success h3 {margin: 0;padding: 12px 0 3px 0;font-family: 'Arial Black';font-size: 17px;color: #495E16;text-transform: uppercase;letter-spacing: 1pt;background: none;border: none}
.success p {color: #333}
.error {margin: 3px 0 1px 135px;color: #8f0101}

.contactBG {background: #30619B}/*** Color ***/

/********************************************/
/***   Right Sidebar Mortgage Table       ***/
/********************************************/
#businessTable {margin: 5px;width:345px;font-size:12px;text-align:left;border-collapse:collapse}

#businessTable td {color:#333;padding:8px}
#businessTable td.head {font-weight: bold}
#businessTable .odd {background:#e8e8e8}
#businessTable .tableHover td {color: #194e8d;cursor: default}/*** Color ***/
#businessTable tbody .odd a{color:#000;}
#businessTable tbody a{color:#fff;}
#businessTable tbody .odd a:hover{color:#009999;background:none;}
#businessTable tbody a:hover{color:#000;background:none;}
/********************************************/
/***           Style Changer              ***/
/********************************************/
#styleChanger {margin: 3px 50px 0 0;float: right}
#styleChanger ul {float: left;list-style-type: none}
#styleChanger ul:hover {background: none}
#styleChanger li {float: left;display: inline}
#styleChanger a {margin: 0;padding: 0 2px;text-indent: -999999px;overflow: hidden;display: block;width: 16px;border: none}
#styleChanger a:hover {background: none}
#styleChanger a#cssRed {height: 16px;background: url(../images/css_red.jpg) no-repeat left 0px}
#styleChanger a#cssOrange {height: 16px;background: url(../images/css_orange.jpg) no-repeat left 0px}
#styleChanger a#cssBlue {height: 16px;background: url(../images/css_blue.jpg) no-repeat left 0px}

/********************************************/
/***            News Slider               ***/
/********************************************/
#newsSlider {position: relative;width: 350px;height: 500px;overflow: hidden;border-bottom: 2px solid #888888}
.newsContainer {position: absolute}
.newsBlock {padding: 0;height: 84px;clear: both;}
.newsBlock img {margin: 7px;border: 2px solid #d9d9d9}
.newsBlock h3 {margin: 0;padding: 5px 0 0 0;font-size: 12px;font-weight: bold;}
.newsBlock a {margin: 0;padding: 2px;font-size: 12px;font-weight: bold;border: none;color:#e0ae4d;}
.newsBlock a:hover{color:#fff;} 
.newsBlock p {margin: 0;padding: 0;line-height: 14px;color:#fff;
/********************************************/
/***           Company Images             ***/
/********************************************/
#imageBlock {padding: 7px 0 0 2px;width: 350px}
#imageBlock img {border: 2px solid #b9b9b9}
#imageBlock img:hover {border: 2px solid #5c5c5c}
#imageBlock a {border: none}

/********************************************/
/***            Extras Page               ***/
/********************************************/
#extras ul {padding-left: 10px}s
#extras h3 span {padding-left: 5px;font-size: 12px;font-weight: normal;color: #333}

.oem{
position:relative;
top:200px;
left:250px;
}

.bold{
font-size:30px;
line-height:0;
}

.repairEstimateShortForm{
text-align:center;
background-color:#d0e4fe;
font-size:30px;
line-height:0;
}

