@import "mainMenu.css";

body {
    background-color: #000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:0px;
    line-height: 16px;
	color: #FFFFFF;
	margin-top: 10px;
}

img, div { 
    behavior: url(/js/iepngfix.htc) 
}

img, img a{
    border: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

h1 {
    text-transform: uppercase;
	font-size: 20px;
	color: #ffd200;
	margin-top: 0px;	
}

h2 {
    text-transform: uppercase;
	font-size: 18px;
	color: #FFFFFF;
	margin-top: -10px;
	margin-bottom: 30px;
}

h3 {
    text-transform: uppercase;
	font-size: 14px;
	color: #ffd200;
	margin-top: 30px;
	margin-bottom: 0px;
}

table {
    padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}

th {
    background-color: #ffd200;
	color: #000000;
	border: 1px solid #666666;
	padding: 3px;
	text-align: center; 
}

td {
    border: 1px solid #666666;
	padding: 3px;
	text-align: center;
}

tr.dark {
    background-color: #b2b3b6;
}

tr.light {
    background-color: #d1d2d4;
}

a:link, a:visited {
    color: #ffd200;
    text-decoration: none;
}

a:hover{        
    color: #ffd200;
	text-decoration: underline;
}

#main {
    width: 972px;
    position:relative;
    margin: 0px auto;
    top: 0px;
    padding: 0px;
	border: 0px;
	z-index: 2;
	min-height: 500px;
	/*display: block;*/
	background: url(images/tile.jpg);
	/*border-left: 1px dashed #666666;
	border-right: 1px dashed #666666;
	border-bottom: 1px dashed #666666;*/
	border: 1px dashed #666666;
}

#logoLink {
    position: absolute;
	top: 20px;
	left: 27px;
}

#mainMenu {
    background-color: #4e4e4e;
	padding: 5px;
	text-transform: uppercase;
	color: #FFFFFF;
	vertical-align: middle;
	font-size: 11px;
	padding-left: 25px;	
}

#mainContentMaps {
    width: 572px;
	/*padding-left: 100px;
	padding-right: 300px;*/
	background: url(../images/templateBGgrid.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 0px;
	margin-top: 0px;
}

/*#mainContentMaps div {
    text-align: center;
	padding-top: 0px;
	margin-top: 0px;
}*/

#mainContentMaps h1 {
    margin-top: 0px;
	padding-top: 0px;
	line-height: 20px;
}

#mainContentMaps h2 {
    /*text-transform: uppercase;*/
	text-transform: none;
	font-size: 16px;
	color: #ffffff;
	margin-top: 30px;
	margin-bottom: 0px;
}

#mainContentMaps p {
    text-align: center;
}

#mainContentMaps div {
    text-align: left;
	padding-left: 50px;
	padding-right: 50px;
}

#mainContent {
    width: 972px;
	/*background: url(images/mainBG.jpg);
	background-repeat: no-repeat;*/
}

#mainContent:after {
    content:'';
    display:block;
    clear:both;
}
 
#leftContent {
    float:left;
    display:inline; /*required by IE6*/
    width: 647px;
    border: 0px;
	margin: 0px;
	padding-bottom: 20px;
}

#leftContent li, #leftContent ul {
    list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#leftContent li, #leftContent ul {
    list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#leftContentFeatures li, #leftContentFeatures ul {
    
	margin-left: 0px;
	padding-left: 0px;
	line-height: 20px;
	list-style-image: url(images/liDot.png);
}

#leftContentFeatures li {
    margin-left: 17px;
}

 
#leftContentFeatures {
    float:left;
    display:inline; /*required by IE6*/
    border: 0px;
	margin: 0px;
	padding-bottom: 20px;
	margin-top: 43px;
	margin-left: 25px;
	line-height: 16px;
	width: 622px;
} 

#leftContentFeatures h1{
    margin-top: 0px;
}
 
#leftContentMultipleFeatures li, #leftContentMultipleFeatures ul {
    
	margin-left: 0px;
	padding-left: 0px;
	line-height: 20px;
	list-style-image: url(images/liDot.png);
}

#leftContentMultipleFeatures li {
    margin-left: 17px;
}

 
#leftContentMultipleFeatures {
    float:left;
    display:inline; /*required by IE6*/
    border: 0px;
	margin: 0px;
	padding-bottom: 20px;
	margin-top: 43px;
	margin-left: 25px;
	line-height: 16px;
	width: 922px;
} 

#leftContentMultipleFeatures h1{
    margin-top: 0px;
}

.containerMultipleFeatures {
    width: 922px;
    margin:auto;
    margin-bottom: 30px;
	padding-top: 30px;
 }
.containerMultipleFeatures:after {
    content:'';
    display:block;
    clear:both; 
 }

.firstContainerMultipleFeatures {
    width: 922px;
    margin:auto;
    margin-bottom: 30px;
	padding-top: 20px;
 }
.firstContainerMultipleFeatures:after {
    content:'';
    display:block;
    clear:both; 
 }
  
div.containerMultipleFeatures {
    border-top: 2px solid #ffd200;
 }
 
.leftMultipleFeatures {
    float:left;
    display:inline; /*required by IE6*/
    width: 602px;
    margin: 0px;
	padding-right: 20px;
	padding-top: 20px;
 }
 
 .leftMultipleFeatures h2 {
    margin-bottom:0px;
 }
 
.rightMultipleFeatures {
    float:left;
    display:inline; /*required by IE6*/
    width: 300px;
    margin: 0px;
	text-align:center;
	padding-top: 20px;
 }
 
#leftContentFunctions {
    float:left;
    display:inline; /*required by IE6*/
    border: 0px;
	margin: 0px;
	padding-bottom: 20px;
	margin-top: 43px;
	margin-left: 25px;
	line-height: 20px;
	line-height: 20px;
	width: 300px;
	padding-right: 55px;
} 

#leftContentContacts {
    float:left;
    display:inline; /*required by IE6*/
    border: 0px;
	margin: 0px;
	padding-bottom: 20px;
	margin-top: 43px;
	margin-left: 25px;
	line-height: 20px;
	line-height: 20px;
	width: 250px;
	padding-right: 25px;
} 

#leftContentGeneric {
    float:left;
    display:inline; /*required by IE6*/
    border: 0px;
	margin: 0px;
	padding-bottom: 20px;
	margin-top: 43px;
	margin-left: 25px;
	line-height: 20px;
	line-height: 20px;
	width: 722px;
	padding-right: 25px;
	/*border-right: 2px dashed #CCCCCC;*/
} 
 
#rightContent {
    float:left;
    display:inline; /*required by IE6*/
	width: 300px;
	border: 0px;
	margin: 0px;
	margin-right: 25px;	
}


#rightContent a:link, #rightContent a:visited {
    
    text-decoration: underline;
	font-size: 11px;
}

#rightContent a:hover{        
   
	text-decoration: none;
	font-size: 11px;
}

#rightContentFeatures {
    float:left;
    display:inline; /*required by IE6*/
	width: 300px;
	border: 0px;
	margin: 0px;
	margin-right: 25px;
	margin-top: 43px;
	padding-bottom: 30px;
}

#rightContentContacts {
    float:left;
    display:inline; /*required by IE6*/
	border: 0px;
	margin: 0px;
	margin-right: 25px;
	margin-top: 43px;
	/*margin-bottom: 50px;*/
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 20px;
	width: 600px;	
	border-left: 1px dashed #666666;	
}

#rightContentFunctions {
    float:left;
    display:inline; /*required by IE6*/
	border: 0px;
	margin: 0px;
	margin-right: 25px;	
	margin-top: 43px;
	margin-bottom: 0px;
	padding-left: 55px;
	padding-top: 0px;
	padding-bottom: 20px;
	width: 485px;
	border-left: 1px dashed #666666;
}

#rightContentFunctions h3 {
    margin-top: 0px;
	padding-top: 0px;
}

#rightContentGeneric {
    float:left;
    display:inline; /*required by IE6*/
	border: 0px;
	margin: 0px;
	margin-right: 25px;	
	margin-top: 43px;
	margin-bottom: 0px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 20px;
	/*width: 200px;*/
	border-left: 1px dashed #666666;
	
}

.browseFunctionText {
    padding-left: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}



#browseHeader {
    text-transform: uppercase;
	padding-left: 25px;
	margin-top: 25px;
	font-weight: bold;
	color: #ffd200;
}

.browseHeaderYellow {
    color: #ffd200;
}

#browseFunctionsLeft {
    margin-left: 25px;
	margin-right: 25px;
	margin-top: 10px;
	font-size: 12px;
	float: left;
	padding-right: 25px;
	border-right: 1px dashed #666666;
	padding-top: 1px;
}  

#browseFunctionsLeft a:link, #browseFunctionsLeft a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#browseFunctionsLeft a:hover{        
    color: #ffd200;
    text-decoration: none;
}

#browseFunctionsRight {
    margin-top: 10px;
	font-size: 12px;
	padding-top: 1px;
}

#browseFunctionsRight a:link, #browseFunctionsRight a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#browseFunctionsRight a:hover{        
    color: #ffd200;
    text-decoration: none;
}

.leftThumb {
    float: left;
	width: 200px;
	margin-top: 20px;
	margin-right: 50px;
}

.leftThumb a:link, .leftThumb a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.leftThumb a:hover{        
    color: #ffd200;
    text-decoration: none;
}

.rightThumb {
    float: left;
	width: 200px;
	margin-top: 20px;
}

.rightThumb a:link, .rightThumb a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.rightThumb a:hover{        
    color: #ffd200;
    text-decoration: none;
}

.productNumber {
    color: #ffd200;
}

.thumbCopyPosition {
    padding-top: 15px;
}

.thumbImagePosition {
    float: left;
	padding-right: 10px;
}

.thumbCopyPositionLong {
    padding-top: 5px;
}

.arrowMenu {
	margin-left: 2px;
	margin-right: 20px;
}

#newsBlock {
	width: 300px;
	display: block;
	padding-top: 0px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#newsBlockHeader {
    background-color: #ffd200;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
}

#newsBlockBody {
    padding: 10px;
	background-color: #4e4e4e;	
}

.newsBlockTop {
    border-bottom: 1px dashed #666666;
	padding-bottom: 10px;
}

.newsBlockBottom {
    padding-top: 10px;
}

.newsBlockImageLeft {
    vertical-align: top;
	 border: 0px;
	 margin: 0px;
	 padding: 0px;
	 padding-right: 10px;
}

.newsBlockTextRight {
    vertical-align: top;
	text-align: left;
	border: 0px;
	 margin: 0px;
	 padding: 0px;
	 font-size: 12px;	 
}

#newsBlock a:link, #newsBlock a:visited {
    color: #ffd200;
    text-decoration: none;
}

#newsBlock a:hover{        
    color: #ffd200;
    text-decoration: underline;
}

.arrowYellow {
    color: #ffd200;
	margin-right: 5px;
	font-weight: bold;
}

.newsHeading {
    text-transform: uppercase;
	font-weight: bold;
}

.spacer {
    height: 43px;
	width: 100%;
}

#footer {
    border-top: 3px solid #ffd200;
	width: 922px;
	margin-left: 25px;
	margin-right: 25px;
	padding-top: 20px;
	padding-bottom: 25px;
}

#footerLinks {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height: 20px;	
}

#footer a:link, #footer a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

#footer a:hover{        
    color: #FFFFFF;
    text-decoration: none;
}

.moreSitesText {
    color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.moreSitesMenu {
    margin-top: 10px;
	margin-bottom: 10px;
}

.pipe {
    padding-left: 5px;
	padding-right: 5px;
}

.specHeadings {
    color: #ffd200;
}

#specsBlock {
    margin-left: 25px;
	margin-right: 25px;
	color: #000000;
	margin-bottom: 50px;
	font-size: 11px;
}

#specsTable {
    width: 922px;
	background-color: #666666;
	font-size: 11px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
	color: #000000;
}

#specsTableShort {
	/*background-color: #666666;*/
	font-size: 11px;
	color: #000000;
}

#specsTableShort a:link, #specsTableShort a:visited {
    color: #000000;
    text-decoration: underline;
}

#specsTableShort a:hover{        
    color: #999999;
	text-decoration: none;
}


.modelDark {
    background-color: #c7c8ca;
}

.modelLight {
    background-color: #e7e7e8;
}

.genericImageTop {
    margin-bottom: 25px;
}

#mainMenuContainer {
    background-color: #4e4e4e;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 28px;
}

/* Styles used to fix browser issues - IE 6.0 */
.png
{
	behavior:url("resources/styles/iepngfix.htc");
}

.contactName {
    text-transform: none;
	font-size: 14px;
	color: #ffd200;
	font-weight: bold;
}

.feedback {
    border: 0px;
	border-collapse: collapse;
}

.feedback table td{
    border: 0px;
	border-collapse: collapse;
}

td.cellCentered {
    text-align: center;
}

.login {
	text-transform: lowercase;
}