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

html {
height: 100%;
}
body {
background: white url(../images/ui/template/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/ui/template/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/ui/template/brand.jpg) 0 0 no-repeat;
}
.home #brand{
height: 250px;
background: url(../images/ui/template/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: 495px;
}
#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, h1, h2, h3, h4, {
/*clear: both;*/
}
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: #F20100;
}
h1{
font-size: 1.5em;
color: #F20100;
margin: 5px 0 10px 0;
font-weight: normal;
}
h2{
font-size: 1.25em;
color: #9E0000;
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 12px 10px 12px;
margin: 0;
}
#navi li a:hover {
color: #D5D5D5;
background-color: transparent;
}
#navi li a.selected{
background: url(../images/ui/template/bg_navi_on.gif) 0 0 repeat;
}


/* Footer
....................................................................... */

#footer {
clear: both;
width: 755px;
font-size: 0.8em;
text-align: center;
background: url(../images/ui/template/bg_footer.gif) 0 0 repeat-x;
}
#footer ul {
margin: 0 0 0 100px;
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;
color: White;
}
#footer_link{
color: #232323;
margin: 0 0 20px 0;
}
#footer_link a, #footer_link a:link, #footer_link a:active, #footer_link a:visited {
color: #232323;
text-decoration: underline;
background-color: transparent;
}
#footer_link a:hover{
color: #F20100;
}


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

#tab01{
clear: both;
float: left;
}
#tab01 a, #tab01 a:link, #tab01 a:active, #tab01 a:visited {
display: block;
width: 258px;
height: 95px;
background: url(../images/ui/template/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: 95px;
background: url(../images/ui/template/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: 190px;
height: 50px;
text-decoration: none;
font-size: 0.9em;
background: url(../images/ui/template/tab03.jpg) 0 0 no-repeat;
padding: 35px 58px 10px 10px;
}
#tab03 a:hover {
background-position: -258px 0;
}
#tab03 span{
}


/* Brand buttons
....................................................................... */

#brand_navi{
position: absolute;
top: 20px;
left: 560px;
}

#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/ui/template/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/ui/template/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/ui/template/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/ui/template/bg_other_products.gif) top left no-repeat;
font-size: 0.75em;
width: 204px;
text-align: left;
}
#other_prods h1{
background: #D5D5D5 url(../images/ui/template/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;
}


/*  'LOS image styles
..........................................................................*/

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

#losImageSpacer
{
	height: 95px;
}