/**{
margin: 0;
padding: 0;
}*/

html {
height: 100%;
}
body {
background: white url(../images/bg_body.gif) bottom left repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #3B3B3B;
margin: 0;
padding: 0;
height: 100%;
}

/* Main Elements
....................................................................... */
#container {
width: 775px;
margin: 0 auto;
position: relative;
}
#header {
position: absolute;
top: 0;
left: 0;
width: 775px;
height: 90px;
background: White;
}
#navi{
position: absolute;
top: 90px;
left: 0;
width: 775px;
background: #484949 url(../images/bg_navi.gif) 0 0 no-repeat;
margin: 0 0 3px 0;
}
#brand{
position: absolute;
top: 130px;
left: 0;
width: 775px;
height: 130px;
background: url(../images/brand.jpg) 0 0 no-repeat;
}
.home #brand{
height: 250px;
background: url(../images/brand_home.jpg) 0 0 no-repeat;
}
#tabs {
position: absolute;
top: 390px;
left: 0;
width: 775px;
margin: 0 0 20px 0;
}
#wrapper {
position: absolute;
top: 270px;
left: 10px;
}
.home #wrapper{
top: 540px;
}
#left{
float: left;
width: 525px;
margin: 0 0 20px 0;
}
#right{
float: right;
width: 220px;
text-align: center;
margin: 5px 0 20px 0;
}

/* Generic
....................................................................... */
p {
line-height: 1.6em;
margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited {
color: #3B3B3B;
text-decoration: underline;
}
a:hover {
color: #FF4214;
}
h1{
font-size: 1.5em;
color: #E8BA09;
margin: 5px 0 10px 0;
font-weight: normal;
}
h2{
font-size: 1.25em;
color: #FF993C;
margin: 5px 0 10px 0;
}
h3{
font-size: 1.1em;
font-weight: normal;
color: #FF4214;
margin: 5px 0 10px 0;
}
h4{
font-size: 1em;
color: #232323;
margin: 5px 0 10px 0;
}
img, img a {
border: 0;
}
ul{
margin: 0 0 0 30px;
list-style-type: none;
}
li{
margin: auto;
list-style-type: square;
padding: 0 0 16px 0;
}
li ul{
margin: 10px 0 0 0;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright{
float: right;
}

/* Navi Styles
....................................................................... */
#navi ul{
margin: 0 0 0 30px;
padding: 0;
list-style: none;
width: 745px;
}
#navi li{
float: left;
position: relative;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
#navi li a, #navi li a:link, #navi li a:active, #navi li a:visited  {
display: block;
color: white;
font-weight: bold;
text-decoration: none;
padding: 10px 20px 10px 20px;
margin: 0;
}
#navi li a:hover {
color: #FFCD13;
background-color: transparent;
}
#navi li a.selected{
background: url(../images/bg_navi_on.gif) 0 0 repeat;
color: #232323;
}

/* Footer
....................................................................... */
#footer {
clear: both;
width: 755px;
font-size: 0.8em;
text-align: center;
background: url(../images/bg_footer.gif) 0 0 repeat-x;
}
#footer ul {
margin: 0 0 0 140px;
padding: 0 0 40px 0;
}
#footer li {
float: left;
list-style: none;
margin: 6px 20px 6px 0;
background-color: transparent;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
text-decoration: underline;
background-color: transparent;
}
#footer a:hover {
color: #FF4214;
background-color: transparent;
}

/* Homepage tab buttons
....................................................................... */

#tab01{
clear: both;
float: left;
}
#tab01 a, #tab01 a:link, #tab01 a:active, #tab01 a:visited {
display: block;
width: 258px;
height: 125px;
background: url(../images/tab01.jpg) 0 0 no-repeat;
}
#tab01 a:hover {
background-position: -258px 0;
}
#tab01 span{
display: none;
}

#tab02{
float: left;
margin: 0 0 0 2px;
}
#tab02 a, #tab02 a:link, #tab02 a:active, #tab02 a:visited {
display: block;
width: 255px;
height: 125px;
background: url(../images/tab02.jpg) 0 0 no-repeat;
}
#tab02 a:hover {
background-position: -255px 0;
}
#tab02 span{
display: none;
}

#tab03{
float: left;
margin: 0 0 0 2px;
}
#tab03 a, #tab03 a:link, #tab03 a:active, #tab03 a:visited {
display: block;
width: 258px;
height: 125px;
background: url(../images/tab03.jpg) 0 0 no-repeat;
}
#tab03 a:hover {
background-position: -258px 0;
}
#tab03 span{
display: none;
}

/* Brand buttons
....................................................................... */
#brand_navi{
position: absolute;
top: 20px;
left: 24px;
}

#brand_btn01{
float: left;
margin: 0 0 0 2px;
}
#brand_btn01 a, #brand_btn01 a:link, #brand_btn01 a:active, #brand_btn01 a:visited {
display: block;
width: 180px;
height: 69px;
background: url(../images/btn_free_trial.gif) 0 0 no-repeat;
}
#brand_btn01 a:hover {
background-position: -180px 0;
}
#brand_btn01 span{
display: none;
}

#brand_btn02{
clear: both;
float: left;
margin: 0 0 0 2px;
}
#brand_btn02 a, #brand_btn02 a:link, #brand_btn02 a:active, #brand_btn02 a:visited {
display: block;
width: 180px;
height: 69px;
background: url(../images/btn_buy_now.gif) 0 0 no-repeat;
}
#brand_btn02 a:hover {
background-position: -180px 0;
}
#brand_btn02 span{
display: none;
}

#brand_btn03{
clear: both;
float: left;
margin: 0 0 0 2px;
}
#brand_btn03 a, #brand_btn03 a:link, #brand_btn03 a:active, #brand_btn03 a:visited {
display: block;
width: 180px;
height: 69px;
background: url(../images/btn_login.gif) 0 0 no-repeat;
}
#brand_btn03 a:hover {
background-position: -180px 0;
}
#brand_btn03 span{
display: none;
}

/* 'Other Products' box
....................................................................... */
#other_prods{
background: url(../images/bg_other_products.gif) bottom left no-repeat;
font-size: 0.75em;
width: 204px;
text-align: left;
}
#other_prods h1{
background: #D5D5D5 url(../images/bg_other_products_h1.gif) 0 0 no-repeat;
color: #3B3B3B;
font-size: 1.2em;
font-weight: bold;
padding: 8px;
margin: 0 0 8px 0;
}
#other_prods .item{
padding: 0 8px 8px 8px;
}

#losImage
{
    /*padding-left:8px;*/
}
#losImageSpacer
{
    height:95px;
}


.losposition
{
    margin-left:0px !important;
    margin-left:7px;
}