/* style_sec1.css Liquid Style Sheet - Version: 1.3, May, 2006 */

body{
background:#e0e0e0 url('../images/home_background.jpg') no-repeat fixed 50% 0;
color:#000000;
margin:0;
padding:0;
text-align:center;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:100%; 
font-family:Arial, Helvetica, Swiss, sans-serif;
}

p{
font-size:100%;
margin:0 0 15px;
}

ul{
list-style-image: url('../images/sm_gray_ball.gif');
list-style-type: disc;
}

ul.square{
list-style-image: url('none');
list-style-type: square;
}

li{
font-size:100%;
line-height:150%;
padding: 2px;
margin-left:10px;
margin-bottom:10px;
}

a{
color:#000080;
font-weight:700;
text-decoration:none;
}

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

hr{
width:100%;
height:2px;
margin:10px 0 0 0;
color:#000080;
background-color:#000080;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

#container{
margin:0 auto;
text-align:left;
width:85%;
overflow:hidden;
}

#sitename{
color:#000000;
font-style:italic;
text-align:right;  
margin:0;
padding-bottom:10px;
}

#sitename h1{
font-size:180%;
margin-bottom:0;
padding-top:20px;
}

#sitename span{
font-size:90%;
letter-spacing:0px;
padding-right:5px;
margin:0;
}

/* -- Navigation Tabs -- */

#nav{
margin:0;
padding:0;
clear:both;
}

#nav ul{
list-style:none;
padding:0;
margin:0;
}

.transON{
float:left;
margin-top:1px;
margin-left:1px;
margin-right:1px;
margin-bottom:1px; 
background-color: #5a7ac2;
border-top:2px solid #7a9ae2;
border-left:2px solid #7a9ae2;
border-right:4px solid #3a5aa2;
border-bottom:4px solid #3a5aa2;
opacity:.6;
filter:alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity:.6
padding-bottom:2px;
}

.transOFF{
margin-top:1px;
margin-left:1px;
margin-right:1px;
margin-bottom:1px; 
float:left;
background-color: #5a7ac2;
border-bottom:2px solid #7a9ae2;
border-right:2px solid #7a9ae2;
border-left:4px solid #3a5aa2;
border-top:4px solid #3a5aa2
}

#nav a{
color:#000000;
text-decoration:none;
padding:4px;
}

#nav a:hover{
color:#FFFFFF;
padding:4px;
}

#current a{
color:#F0F0F0;
}

/* -- END Navigation Tabs -- */

#wrap1{
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
clear:both;
padding:0;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0; /* This causes the right margin to display in Firefox and Opera */
overflow:hidden;
position:relative;
width:99.7%;
}

#header{
height:30px;
position:relative;
width:80%;
}

#header h1{
float:left;
font-size:160%;
margin:0;
width:180px;
}

/* -- Breadcrumb Trail -- */

#topbox{
color:#505050;
background:#f0f0f0;
margin:0px 0px 0px 20%;
padding:5px 10px 5px 5px;
font-size:90%;
text-align:right;
position:relative;
}

#topbox a{
color:#000080;
}

#topbox a:hover{
text-decoration:underline;
}

/* -- END Breadcrumb Trail -- */

/* -- Left Column with Transparency -- */

#leftside{
position:relative; /* needed to make font solid in firefox */
float:left; /* needed to make #content stay up at the top */
margin-left:1%;
padding-top: 20px;
padding-bottom:0;
padding-left:0;
padding-right:0;
width:15%;
text-align:left;
}

#trans{
float:left;
width:20%;
min-width:120px;
margin-top:0;
margin-right: -20%;
margin-left:0;
padding:0;
background-color: #5a7ac2;
opacity:.5;
}

#trans{
filter:alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity:.5;
}


/* Start Mac IE5 filter \*/
#trans{
margin-bottom: -2000px;
padding-bottom:2000px;
}
/* End Mac IE5 filter */


#leftside h1{
font-size:140%;
margin-top:30px;
font-weight:400;
}

/* -- END Left Column with Transparency -- 
   -- Right Column -- */

#rightside{
float:right;
margin:40px 15px 20px 10px;
width:15%;
}

#rightside h1{
font-size:140%;
font-weight:400;
margin:0 0 12px;
}

#rightside p{
font-size:90%;
margin:2px 0 12px 10px;
}

#rightside img{
border:1px solid #3590fa;
margin:10px 0 5px 5px;
padding:2px;
}

/* -- Main Content -- */

#content{
margin:45px 20% 0 22%;
position:relative;
}

#contentalt{
margin:45px 15px 0 22%;
position:relative;
}

#content p, #contentalt p{
margin:8px 0 12pt 10px;
}

#content h1, #contentalt h1{
font-size:180%;
font-weight:400;
margin:15px 0 10px;
padding:0;
}

#content h2, #contentalt h2{
font-size:140%;
font-weight:400;
margin:20px 0 10px;
padding:0;
}

#content img, #contentalt img{
border:0px solid #3590fa;
margin:2px;
vertical-align:text-bottom;
}

/* -- END Main Content -- */

#footer{
background: #f0f0f0;
color:#606060;
font-size:80%;
width:78%;
margin-top:0px;
margin-left:20%;
margin-right:0px;
margin-bottom:0px;
padding:1%;
text-align:right;
position:relative;
clear:both;
}

#footer a{
color:#606060;
font-weight:400;
}

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

#warranty {
background: url('img/warranty.gif') no-repeat 50%; 
width:480px;
height:215px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:40px;
}

/* -- Table Styles -- */

table.warranty {
border-spacing:0;
border:0px none gray; 
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
height:215px;
width:90%;
font-size:80%;
}

table.warranty th {
border:0px none gray; padding:5px;
}
table.warranty td {
border:0px none gray; padding:5px;
}

table.product {
border:2px solid #000080; 
border-collapse: collapse;
font-size:90%;
margin-left:auto;
margin-right:auto;
}

table.product th {
text-align:center;
border:1px solid #000080; 
padding:2px; 
}

table.product td {
border:1px solid #000080; 
padding:2px; 
}

table.small {
border:3px solid #000080; 
border-collapse: collapse;
font-size:100%;
margin-top:30px;
margin-right:auto;
margin-bottom:30px;
margin-left:auto;
}

table.small th {
text-align:center;
font-size:120%;
border:2px solid #000080; 
padding:5px;
vertical-align:top;
}

table.small td {
border:2px solid #000080; 
padding:5px; 
vertical-align:top;
}

/* -- END Table Styles -- */

.menublock{
margin-bottom:10px;
margin-left:0;
width:100%;
text-align:left;
}

.nav{
color:#000080;
display:block;
font-size:120%;
font-weight:700;
margin-bottom:1px;
margin-left:0;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
}

.nav:hover{
border:1px solid #000080;
text-decoration:none;
color:#101010;
padding:1px 1px 1px 9px;
margin-left:0;
}

.sub{
font-size:90%;
margin-left:10%;
padding:1px 1px 1px 6px;
}

.sub:hover{
border:1px solid #000080;
text-decoration:none;
color:#101010;
padding:0 0 0 5px;
margin-left:10%;
}

.intro{
font-weight:700;
padding-top:20px;
padding-bottom:10px;
}

.active{
color:#ffffff;
}


.active:hover{
color:#ffffff;
}

.box{
background:#f8f8f8 url('img/boxbg.gif') repeat-y top left;
border:1px solid #d4d4d4;
color:#000000;
margin:15px auto;
width:75%; padding-left:20px; padding-right:10px; padding-top:10px; padding-bottom:10px;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.logo{
margin-left:10px;
margin-top:10px;
float:left;
border:0px none;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:75%;
font-weight:400;
line-height:120%;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:110%;
}

.soft{
color:#505050;
}

.blue{
color:#0000BF;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}