﻿/*
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
*/
/**** Reset CSS ******/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/***************************************/

body  
{
    background-color: #646464; 
    font-size: 15px; 
    font-family: Segoe UI, Arial, Helvetica, Sans-Serif;  
    color: #5F5F5F;
    line-height: 140%;
    text-align: center;
}

#BodyContainer 
{
    width: 990px; 
    position: relative; 
    margin: 0 auto 0;
}

h1
{
    font-size: 24px; 
    margin-bottom: 0.75em; 
    font-weight: bold; 
    color: Black; 
    line-height: 100%; 
}

h2  
{
    font-size: 20px; 
    margin-bottom: 0.5em; 
    font-weight: normal; 
    color: Black; 
    line-height: 100%; 
}

h3
{
    font-size: 18px; 
    margin-bottom: 0.5em; 
    font-weight: normal; 
    color: Black; 
    line-height: 100%; 
}

h3 a 
{
    font-size: 18px; 
    margin-bottom: 0.5em; 
    font-weight: normal; 
    color: Black; 
    line-height: 100%; 
}

h4
{
    font-size: 15px; 
    margin-bottom: 0.35em; 
    font-weight: bold; 
    color: Black; 
    line-height: 100%; 
}

.callout { font-size: 75%; font-style: italic; }

ul { list-style-type: square; list-style-position: outside; margin-left: 20px;  }
li { margin-bottom: 10px; /*list-style-image: url(images/BulletSquareBlue.gif); */ }
/*
li { font-size: 7px; margin-bottom: 10px; }
li span { font-size: 15px; vertical-align: middle; }
*/

table { border: 0; }

.TwoCol { width: 870px; margin: 0px 30px 30px 30px; text-align: center; }
.TwoCol table { text-align: left; }
table .TwoCol .Col1 { width: 435px; padding-right: 30px; }
table .TwoCol .Col2 { width: 435px; }

.TwoColPlus { width: 945px; margin: 0px 15px 15px 0px; text-align: left; }
.TwoColPlus .Cols23 { margin-left: 15px; margin-top: 15px; padding-top: 15px; vertical-align: top; }
.TwoColPlus table { text-align: left; vertical-align: top; }
/*.TwoColPlus table tr { vertical-align: top; }*/
table .TwoColPlus .Col1 { width: 200px; padding-right: 20px; vertical-align: top; } /*border: solid 1px blue;*/
table .TwoColPlus .Col2 { width: 345px; padding-right: 30px; padding-top: 0px; vertical-align: top; } /*border: solid 1px red;*/
table .TwoColPlus .Col3 { width: 345px; padding-top: 0px; vertical-align: top; } /*border: solid 1px green;*/

.TwoColPlusRight { width: 890px; margin: 15px; text-align: center; }
.TwoColPlusRight table { text-align: left; }
/*.TwoColPlus table tr { vertical-align: top; }*/
table .TwoColPlusRight .Col1 { width: 260px; padding-right: 20px; } /*border: solid 1px red;*/
table .TwoColPlusRight .Col2 { width: 260px; padding-right: 20px; } /*border: solid 1px green;*/
table .TwoColPlusRight .Col3 { width: 310px; } /*border: solid 1px blue;*/

.ExtFooter { background-color: #C3C3C3; height: 125px; }
.ExtFooter td { padding: 10px; text-align: center; }
.ExtFooter a { font-weight: bold; font-size: 14px; }
.ExtFooter a:link { text-decoration: none; color: #16449A; }
.ExtFooter a:hover { text-decoration: underline; color: #16449A; }
.ExtFooter a:visited { text-decoration: none; color: #16449A; }

.BlackBar { background-color: Black; width: 960px; height: 19px; }
.BlackLine { background-color: Black; width: 960px; height: 2px; }

a { font-size: 14px; }
a:link { text-decoration: none; color: #16449A; }
a:hover { text-decoration: underline; color: #16449A; }
a:visited { text-decoration: none; color: #16449A; }

hr { height: 1px; border: none; background-color: #DCDCDC; margin: 15px 0px 15px 0px; }

.FooterContents { text-align: center; }
.FooterContents a { text-align: center; color: White; text-decoration: none; font-weight: normal; margin-left: 5px; margin-right: 10px; }
.FooterContents a:link { color: White; text-decoration: none; }
.FooterContents a:hover { color: White; text-decoration: underline; }

.DetailTable { width: 320px; padding: 0; margin: 0; }
.DetailTable td { font-size: 0.85em; line-height: 100%; padding: 10px 6px 10px 6px; border-right: solid 1px #999999; border-bottom: solid 1px #999999; }
.DetailTable td.single { border-left: 1px solid #999999; }
.DetailTable th { width: 80px; font-size: 0.75em; line-height: 100%; background: #F2F2F9; letter-spacing: 2px; font-weight: normal; text-align: left; padding: 10px 6px 10px 6px; border-left: 1px solid #999999; border-bottom: solid 1px #999999; border-right: 1px solid #999999; }
.DetailTable th.title { font-size: 18px; font-weight: bold; width: auto; background: white; font-variant: normal; border-left: none 0px; border-right: none 0px; border-bottom: solid 1px #999999; }
.Detail td.callout { font-size: 15px; font-style: italic; }

.Documents a { font-weight: normal; text-align: center; }

.Question { font-style: italic; color: #1B4196; text-decoration: underline; }
.Answer { }
.FirstWord { font-size: 17px; font-weight: bold; }
.Slogan { font-style: italic;}

.Feature { font-size: 16px; width: 250px; background: #dddddd; padding: 0px 10px 20px 10px; border-bottom: solid 1px #888888; }
.FeaturesTable { border: solid 1px black; }
.FeatureHeader { margin-top: 20px; font-size: 20px; font-weight: bold; color: #16449A; padding-left: 5px; padding-bottom: 5px; border-left: solid 1px black; border-right: solid 1px black; border-top: solid 1px black; background-color: #eeeeee;  }
.Benefit { font-size: 13px; padding: 0px 10px 20px 10px; border-bottom: solid 1px #888888;  }

.callout { font-size: small; font-style: italic; color: #16449A; }
.keyword { font-weight: bold; color: #16449A; }

.DealerLocator { font-size: 13px; line-height: normal; }
.DealerLocator .Company { color: #16449A; font-weight: bold; font-size: 14px; }
.DealerLocator .Label { height: 40px; text-align: left; font-size: 13px; }
.DealerLocator .Heading { font-size: 20px; color: #16449A; margin-bottom: 15px; text-decoration: underline; }
.DealerLocator .Country { font-size: 17px; font-weight: bold; color: #6971B2; margin-bottom: 5px; font-variant: small-caps; }
.DealerLocator .Error { color: #CC0000; font-size: 17px; }
.DealerLocator .Container { border: solid 1px black; background-color: #EFEFEF; padding: 10px; }

.SmallNewsItem { color: Black; line-height: 120%; font-size: 16px; }

.Partners { padding-left: 100px; }
.Partners td { padding-left: 25px; padding-right: 25px; vertical-align: middle; }
.Partners tr { height: 100px; vertical-align: middle; }

.Label { text-align: right; padding-right: 10px; }

.LeftMenu { width: 160px; padding: 30px 10px 0px 10px; margin:0; background-position: top; background-repeat: repeat-x; background-image: url(../images/LeftMenuBackground.jpg); }
.LeftMenu .Title { font-weight: bold; font-size: 13px; color: rgb(95,95,95); white-space: nowrap; margin: 0; padding: 0; }
.LeftMenu .Item { padding-left: 10px; font-size: 13px; }
.LeftMenu .Item a { color: rgb(22, 68, 154); white-space: nowrap; }
.LeftMenu img { border: none; }
.LeftMenu a:hover { text-decoration: underline; }

#Documents { padding-top: 20px; width: 700px; text-align: center; }
#ProductPhotos { width: 700px; vertical-align: top; text-align: center; }
#ProductTour {  width: 630px; text-align: center; }

/*
.SimpleNavMenu ul { list-style-type: none; font-family: Segoe UI, Arial, Sans-Serif; font-size: 15px; margin:0; padding-top: 10px; }
.SimpleNavMenu li { display: inline; background-color: #CACACA; margin:0; height: 43px; cursor: hand; }
*/
.Menu3 td { vertical-align: top; margin:0;padding:0; }
.SimpleNavMenu table { margin: 0px; padding:0px; border-collapse: collapse; }
.SimpleNavMenu tr { margin: 0; padding:0; }
.SimpleNavMenu tbody { margin: 0; padding: 0; }
.SimpleNavMenu td { text-align: center; vertical-align: middle; padding-left: 15px; padding-right: 15px; height: 40px; }
.SimpleNavMenu td:hover { background-color: #E0E0E0; color: #16449A; cursor: pointer; cursor: hand; }
.SimpleNavMenu h2 { font-size: 15px; font-family: Segoe UI, Arial, Sans-Serif; vertical-align: middle; margin-bottom: 0px; color: rgb(95,95,95); }
.SimpleNavMenu a {  }
.SimpleNavMenu a:link { text-decoration: none; color: Black; }
.SimpleNavMenu a:visited { text-decoration: none; color: Black; }

.LeftSideShadow { background: url(http://www.qsonix.com/Public/v5/images/LeftSideShadow.jpg); }