html, body
{
padding: 0;
margin: 0
}

body
{
background: #f1f1f1;
color: #6a6a6a;
font-family: 'Arial', helvetica, sans-serif;
font-size: 0.9em;
text-align: justify;
line-height: 1.6em
}

a:link
{
color: #22B5E5;
text-decoration: none;
font-weight: bold
}

a:visited
{
color: #A6A3C5;
text-decoration: none;
font-weight: bold
}

a:hover, a:active
{
color: #98D81D;
text-decoration: underline;
font-weight: bold
}


#container
{
background: #ffffff;
margin: 0 auto 0 auto;
width: auto;	
position: relative;
width: 90%;
min-width: 832px;
max-width: 1220px;
padding: 0 0 16px 0
}

#logo
{
position: absolute;
top: 25px;
left: 35px
}

img
{
border: 0
}

a
{
text-decoration: none;
}

#menu
{
height: 28px;
background: #FAFAFA;
width: auto;
margin: 0 34px 0 34px;
position: relative;
top: 64px
}

#menu a
{
color: #6a6a6a;
font-size: 1.2em;
letter-spacing: -0.05em;
display: block;
float: left;
padding: 1px 16px 1px 16px;
font-weight: normal;
text-decoration: none
}

#menu a:hover
{
background: #a3a3a3;
color: #fff
}

#col1
{
width: 285px;
margin: 0 0 0 36px;
float: left;
}

#col2
{
margin: 0 36px 0 36px;
height: 1%;
}

#col2b
{
margin: 0 36px 0 321px;
height: 1%;
}


#col1, #col2, #col2b
{
margin-top: 84px;
}

input, button, select, textarea
{
font-family: 'Arial', helvetica, sans-serif;
color: #6a6a6a
}

textarea
{
font-size: 0.9em;
padding: 4px;
width: 240px;
height: 95px;
line-height: 1.45em
}

button
{
color: #000;
}

#search
{
line-height: 1em; /* fix for ie7 buttons */
position: absolute;
right: 36px;
top: 26px;
}

#footer
{
width: 100%;
text-align: right;
clear: both;
font-size: 0.8em;
margin-top: 16px
}

#footer a
{
color: #6a6a6a	
}

.product
{
border: 1px solid #F1F1F1;
padding: 24px;
width: 306px;
height: 160px;
margin: 0 12px 24px 12px;
float: left;
cursor: pointer;
position: relative
}


.image_holder
{
width: 240px;
height: 240px;
border: 1px solid #F1F1F1;
background: #FFFFFF;
text-align: center;
padding: 8px;
}


.product .image_holder
{
width: 140px;
height: 140px;
margin: 0 12px 0 0;
position: absolute;
top: 24px;
left: 24px;
}

.info_holder
{
position: absolute;
top: 24px;
right: 24px;
width: 129px;
text-align: left
}

.product h2
{
color: #68CFEF;
margin: 0;
letter-spacing: -0.05em;
font-size: 1.25em;
text-align: left;
text-transform: capitalize;
}

.product p
{
margin: 4px 0 8px 0
}

.product h2 a
{
color: #68CFEF;
text-decoration: none
}


.product p
{
font-size: 0.8em;
line-height: 1.4em
}

.spacer
{
height: 0px;
width: 100%;
clear: both	
}

h1
{
margin: 0 0 16px 0;
letter-spacing: -0.05em;
text-align: left;
line-height: 1.1em
}

h1 a, h1 a:visited
{
color: #6a6a6a;
}

h1 a:hover
{
text-decoration: underline;	
color: #98D81D
}

h1 span
{
color: #9F9F9F	
}

label
{
font-size: 0.8em;	
display: block;
font-weight: bold;
color: #9F9F9F
}

fieldset
{
margin-bottom: 16px;
border: 2px solid #EFEFEF;
padding: 16px;
background-color: transparent;
}


legend
{
color: #8F8F8F;
font-size: 1.2em;
font-weight: bold;
letter-spacing: -0.05em
}


label span
{
color: #22B5E5;
font-weight: bold;
font-size: 1.6em
}

.inline
{
display: inline
}

#front_featured_products
{
height: auto;
}

#front_featured_products .product
{
width: 40%;
}

#front_featured_products .product .image_holder
{
float: left;
position: static;
}

#front_featured_products .product .info_holder
{
position: static;
width: auto
}


.featured
{
position: absolute;
top: 0;
left: 0;
z-index: 100
}

form img
{
border: 1px solid #A5ACB2;
padding: 4px
}

div.half
{
width: 300px;
float: left;
margin: 0 16px 0 0
}


.pager_bar
{
clear: both;
font-weight: bold;
font-size: 0.8em
}

.pager_bar span
{
color: #DDDDDD;
font-size: 1.2em;
}

.pager_bar a
{
font-size: 1.2em;
padding: 2px 4px 2px 4px;
text-decoration: none
}

.pager_bar a:hover
{
background: #D1EF95;
color: #FFFFFF
}


.pager_bar a.selected
{
background: #98D81D;
color: #FFFFFF
}

.pager_bar a.selected:hover
{
background: #22B5E5;
}

a.checkout
{
position: absolute;
bottom: 8px;
right: 8px;
display: block;
}


div#tabs
{
width: 100%;
height: 23px;
border-bottom: 1px solid #DFDFDF;
}



div#tabs a
{
background: #FFF;
display: block;
float: left;
border-color: #DFDFDF;
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 0 6px 0 6px;
margin: 0 4px 0 0;
font-size: 0.8em;
height: 22px
}

div#tabs a:hover
{
border-color: #BFBFBF;
background: #FAFAFA;
}

div#tabs a.selected
{
border-color: #BFBFBF;
color: #6A6A6A;
background: #FAFAFA;
border-width: 1px 1px 0px 1px;
height: 23px
}

div#features, div#sysreqs
{
display: none	
}

.tab_content
{
background: #FAFAFA;
padding: 8px 16px 8px 16px;
border-bottom: 1px solid #DFDFDF;
margin-bottom: 32px;
}

.hidden
{
visibility: hidden;
display: none	
}

.buy_now span
{
position: relative;
bottom: 27px
}


table.comparison
{
background-image: url('../images/stripe1.gif');
margin-top: -16px
}

table.comparison th
{
text-align: center;
}

table.comparison td, table.comparison th
{
height: 30px;
padding: 2px
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:active
{
color: #6A6A6A;
font-size: 1.2em
}


a.dl_link
{
height: 87px;
display: block;
width: 100%;
background-image: url('../images/dl_link_bg.gif');
color: #6A6A6A;
margin: 32px 0 0 0
}

a.dl_link img
{
margin: 0 0 0 16px
}

a.dl_link:hover
{
text-decoration: none;
color: #98D81D
}


a.dl_link span
{
font-size: 1.3em;
position: relative;
bottom: 41px;
left: 16px;
}