/*************************************
                Reset
*************************************/

html {
	margin:0;
	padding:0;	
	outline:0;
	vertical-align:baseline;	
	overflow-y: scroll;
}

body {
    /*overflow-x:hidden;*/
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
* { 
    padding:0; 
    margin:0; 
}

/*************************************
        GENERAL DECLARATIONS
*************************************/

body {
	font-size:100.01%;
	font-family:Tahoma,times,serif;
	background: #b81701 url(../images/bg_repeat.jpg) repeat-y top center;
}
a
{
	text-decoration:none;
	color: #c21d1d;
}
a:hover
{
	text-decoration:none;
	color: #ffffff;
	background: #c21d1d;
}
a:active { 
    outline:none; 
}
a:focus {
    -moz-outline-style:none;
}
.logo {
    float:left;
    width:465px;
    height:63px;
    position: absolute;
    top: 31px;
    left: 0;
}

.logo:hover
{
    background: transparent;
}

img {
    border:0px;
}

.wrapper {
    float: left;
    width: 100%;
    height: 100%;
    background: transparent url(../images/bg_main.jpg) no-repeat center 33px;
}

.contentWrapper {
    width: 988px;
    margin: 0 auto;
    position: relative;
}

.content {
    position: relative;
    float: left;
    width: 988px;
    height: 500px;
    margin: 122px 0 0 0;
}

.content .banner {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 958px;
    height: 470px;
}

.content .banner .imgCont {
    float: left;
    width: 397px;
    height: 450px;
    margin: 0;
    padding: 20px 0 0 40px;
}

.content .banner .textCont {
    position: relative;
    float: right;
    width: 481px;
    height: 410px;
    margin: 45px 40px 0 0;
    font-size: 1.3em;
    line-height: 1.2em;
    color: #666666;
}

.content .banner .textCont .specs {
    letter-spacing: -1px;
    line-height: 1.3em;
    font-size: 1.0em;
    margin: 20px 0 0 0;
}

.content .banner .textCont .specs li{
    padding-left: 20px;
    text-indent: 0;
    background: transparent url(../images/li_ind.jpg) no-repeat 0 7px;
}

.content .buyNow {
    position: absolute;
    bottom: 25px;
    right: 25px;
    z-index: 100;
}

.footer {
    position: relative;
    float: left;
    width: 100%;
    height: 220px;
    margin: 0 0 0 0;
}

.footer .moreProd {
    position: absolute;
    top: 12px;
    right: -5px;
}

.footer .aboutUs {
    position: absolute;
    top: 63px;
    left: 15px;
    width: 283px;
    height: 114px;
    font-size: 0.85em;
    line-height: 1.3em;
}

.footer .contactUs {
    position: absolute;
    top: 63px;
    left: 352px;
    width: 283px;
    height: 114px;
    font-size: 0.85em;
    line-height: 1.3em;
}

.footer .copyright {
    position: absolute;
    bottom: 0px;
    width: 988px;
    text-align: center;
    color: #990000;
    font-size: 0.85em;
}

.footer .copyright a {
    color: #990000;
}

.footer .copyright a:hover {
    color: #ffffff;
}

/*************************************
             TYPOGRAPHY
*************************************/

body {
    font:.80em/1.6em Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    color:#333333;
}   /* IE */
h1,h2,h3,h4,h5,h6 {
    
    clear:both;
}
h1 { font-size: 1.4em; font-weight: bold; margin: 0 0 5px 0; color: #333333; letter-spacing: -2px;}
h2 { font-size:1.2em; margin: 0 0 20px 0; color: #666666;}
h2 a { margin-bottom:7px; color:#ffffff;}
h3 { font-size:1.1em; line-height:1.0em; font-weight: bolder; font-family:Sans-serif; letter-spacing:-0.045em; margin-bottom:7px; color:#ffffff;}
h3 a { margin-bottom:7px; color:#ffffff;}
h4 { font-size:0.7em; line-height:1.0; font-weight:normal;}
h5 { font-size:1em; font-weight:bold; }
h6 { font-size:2.1em; line-height:1.0em; font-weight:bolder; font-family:Helvetica, Arial, sans-serif; letter-spacing:-0.04em;}
p {
    margin:0px 0px 13px 0px;
}


/*************************************
             BANNER
*************************************/

.stepcarousel
{
    position: relative; /*leave this value alone*/
    border: 0;
    overflow: scroll; /*leave this value alone*/
    width: 958px; /*Width of Carousel Viewer itself*/
    height: 470px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel
{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0; /*margin around each panel*/
    width: 958px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    position: relative;
}