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

.layout {font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333; background-attachment: fixed; background-color: #366; background-image: url(images/backgroundimage.jpg); background-repeat: no-repeat; text-align: center}

.layout2 {font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; line-height: normal;font-weight: normal; font-variant: normal; text-transform: none; color: #663; background-attachment: fixed; background-color: #FFF; background-repeat: no-repeat}

#footer {float:left; margin-top:10px; margin-bottom:10px; padding:10px; border:1px solid #bbb; width:975px}
#bottom {clear:both; text-align:right}
#borderless {font-size: 18px; font-style: normal; font-weight: bold; font-variant: normal}
#leftindexlist {text-align: left}
#leftsideleftindent {text-align: left}
#subinfo {text-align: left}
#navigation {text-align: left}

#wrapper {width:1000px; margin:0px auto; padding:10px; background-color: #FFF}
#content {margin-top:10px; padding-bottom:10px}
#content div {padding:10px; float:left; background-color: #FFF; color: #663}
#content-left {width:200px}
#content-leftindex {width:978px; border:1px solid #bbb; margin-bottom:10px}
#content-leftindex h1 {font-family: Verdana, Geneva, sans-serif; color: #003333}
#content-leftindex h3 {font-family: Verdana, Geneva, sans-serif; color: #663}
#content-newsfeed {width:695px; border:1px solid #bbb; margin-bottom:10px; text-align: left}
#content-leftcontact {margin-left:10px; width:220px}
#content-main {margin-left:10px; width:510px}
#content-faq {margin-left:10px; width:700px}
#content-mainindex {width:720px; border:1px solid #bbb}
#content-maindeals, #content-mainvendors {width:755px; border:1px solid #bbb}
#content-right {margin-left:10px; width:200px}
#content-deal {width:230px; height:300px; border:1px solid #bbb; padding:10px; margin:10px; float:left}
#content-contact {width:315px; padding:10px; margin:10px}
#content-contactsteve {width:670px; padding:10px; margin:10px}
#content-congratulations {width:670px; padding:10px; margin:10px; border:1px solid #bbb}
#content-special {text-align: left}
#content-newsfeed a {font-size: 9px; color: #F00}
#content-newsfeed small strong {color: #09F}


.content-featured {width:195px; height:300px; border:1px solid #bbb; padding:10px; margin:10px; text-align: left}
.content-featured center strong {font-size: 9.5px; color: #CC6600}
.content-featured small b {color: #09C}
.content-special {float:left; width:675px; height:130px; border:1px solid #bbb; padding:10px; margin:10px; text-align: left}
.content-special small {font-family: Verdana, Geneva, sans-serif; color: #0099CC}

h1 {font-size: 20px}
h2 {font-size: 15px; text-align: center; color: #F60}
hr {color: #CCC}
a img {border: none; text-align: center} 
a:link {color: #066; text-decoration: none}
a:visited {color: #699; text-decoration: none}
a:hover {color: #099; text-decoration: underline}
a:active {color: #696; text-decoration: none; font-weight: bold}
body,td,th {font-family: Verdana, Geneva, sans-serif; font-size: 12px}
p {font-family: Verdana, Geneva, sans-serif; font size: 12px; text-align: left; color: #663}

.layout #wrapper #content #content-main {color: #663; text-align: left}
.layout #wrapper #content #content-main p, img {text-align: left}
.layout #wrapper #content #content-main h1, h4 {color: #033; text-align: center}
.layout #wrapper #content #content-main h2 {font-size: 12px; color: #033; text-align: center}
.layout #wrapper #content #content-main h3 {font-size: 16px; color: #663; text-align: left}
.layout #wrapper #content #content-main h6 {text-align: center}
.layout #wrapper #content #content-main a {font-weight: bold; color: #600}
.layout #wrapper #content #content-main .somediv {color: #663; text-align: left}
.layout #wrapper #content #content-main .somediv h3 {text-align: left; font-size: 14px}
.layout #wrapper #content #content-main .somediv strong {color: #C00}
.layout #wrapper #content #content-main .somediv2 {text-align: left; border: solid 1px}

.layout #wrapper #content #content-faq {text-align: left}
.layout #wrapper #content #content-faq h1, h2 {text-align: center}
.layout #wrapper #content #content-faq strong {color: #366}

.layout #wrapper #content #content-left h4 {color: #033}
.layout #wrapper #content #content-left p {color: #663}
.layout #wrapper #content #content-left a {font-weight: bold}
.layout #wrapper #content #content-left center h3 {color: #600}
.layout #wrapper #content #content-leftindex, img {text-align: left}

.layout #wrapper #content #content-right {color: #663}
.layout #wrapper #content #content-right h1 {font-size: 16px}
.layout #wrapper #content #content-right center h2, center h3, h2 {color: #033}
.layout #wrapper #content #content-right {text-align: center}

.layout #subinfo {text-align: center}
.layout #subinfo a {color: #696}

.nav a {font-size: 10px; font-weight: bold; color: #F60}
.newslink {color: #C00; font-style: normal; font-weight: bold}
.panel small strong a {font-family: Verdana, Geneva, sans-serif; color: #666600}
.specialbox{float: left; width: 150px}
.warranty {font-size: 10px; font-style: normal; font-weight: bold; color: #09C}
.warrantyhead {font-size: 10px; font-style: normal; font-weight: bold; color: #C00}
.info {font-size: 10px}
.news {font-size: 10px}
.more-news {font-size: 10px; font-weight:bold}
.faq {font-size: 10px; font-weight:bold; color:#39C}
.details {font-size: 10px; font-weight:bold}
.price {color: #CC0000; font-weight: bold; text-align: center; font-size: 10px}
.machine-name {font-size: 14px; color: #600; font-weight: bold;}

/* Crumbs CSS */	
ul, li {list-style-type:none; padding:0; margin:0}
#crumbs {border:1px solid #dedede; height:2.3em}
#crumbs li {float:left; line-height:2.3em; padding-left:0.75em; color:#663}
#crumbs li a {display:block; padding:0 15px 0 0; background:url(images/crumbs.gif) no-repeat right center}
#crumbs li a:link, #crumbs li a:visited {text-decoration:none; color:#777}
#crumbs li a:hover, #crumbs li a:focus {color:#dd2c0d}

/* Navigation Menu CSS */
.ddsubmenustyle, .ddsubmenustyle ul{font: normal 12.5px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: white; border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100}
.ddsubmenustyle li a{display: block; width: 160px; color: black; background-color: #EDEBD8; text-decoration: none; padding: 4px 5px; border-bottom: 1px solid black}
* html .ddsubmenustyle li{display: inline-block; width: 170px}
.ddsubmenustyle li a:hover{background-color: black; color: white;}

/* Step Carousel CSS */
.downarrowpointer{padding-left: 4px; border: 0}
.rightarrowpointer{position: absolute; padding-top: 3px; left: 100px; border: 0}
.ddiframeshim{position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block}
.stepcarousel{position: relative; overflow: scroll; width: 680px; height: 200px}
.stepcarousel .belt{position: absolute; left: 1px; top: 4px}
.stepcarousel .panel{float: left; overflow: hidden; margin: 1px; width: 175px; font-weight:bold; font-size: 10px}

/* Mattblack Menu CSS */
.mattblackmenu ul{margin: 0; padding: 0; font: bold 11px Verdana; list-style-type: none; border-top: 1px solid gray; border-bottom: 1px solid gray; background: #333; overflow: hidden; width: 100%}
.mattblackmenu li{display: inline; margin: 0}
.mattblackmenu li a{float: left; display: table-cell; vertical-align: middle; text-decoration: none; margin: 0; padding: 5px 8px; border-right: 1px solid white; color: white; background: #333}
.mattblackmenu li a:visited{color: white}
.mattblackmenu li a:hover{background: black}
.mattblackmenu a.selected{background: black}
.mattblackmenubottom ul{margin: 0; padding: 0; font: bold 11px Verdana; list-style-type: none; border-bottom: 1px solid gray; background: #333; overflow: hidden; width: 100%}
.mattblackmenubottom li{display: inline; margin: 0}
.mattblackmenubottom li a{float: right; display: table-cell; vertical-align: middle; text-decoration: none; margin: 0; padding: 6px 7px; border-right: 1px solid white; color: white; background: #333}
.mattblackmenubottom li a:visited{color: white}
.mattblackmenubottom li a:hover{background: black}
.mattblackmenubottom a.selected{background: black}
.mattblackmenuend ul{margin: 0; padding: 0; font: bold 11px Verdana; list-style-type: none; border-bottom: 1px solid gray; background: #333; overflow: hidden; width: 100%}
.mattblackmenuend li{display: inline; margin: 0}
.mattblackmenuend li a{float: left; display: table-cell; vertical-align: middle; text-decoration: none; margin: 0; padding: 6px 7px; border-right: 1px solid white; color: white; background: #333}
.mattblackmenuend li a:visited{color: white}
.mattblackmenuend li a:hover{background: black}
.mattblackmenuend a.selected{background: black}


.somediv {width: 490px; clear: left; border: 1px solid gray;}
.somediv2 {width: 498px; clear: left; border: 1px solid gray;}
.somediv1 {width: 490px; clear: left; border: 1px solid gray;}
.somediv .floatbox {float: left; width: 200px;}
.somediv p{margin-top: 0; margin-left: 156px;}
* html .somediv p{ /* IE 3px jog hack*/height: 1%;}
.layout #wrapper #content #content-main .somediv2 {text-align: left;}
.phone {color:#C60; font-weight: bold; font-size: 16px; text-align: center; }