/* main
--------*/
body {
    font: 10px/12px "Trebuchet MS", "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
    text-align: center;
    color: #666666;
    background: url(../images/bg.gif);
    background-color: #02507d;
    margin:0;
	margin-bottom: 20px;
    padding:0 0 0px 0;
    padding-top: 30px;
    position:relative;
}

td,.pagecontent,#product_description,#pagemaincontent,#maincontent
{
    font: 12px/14px "Trebuchet MS", "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
    color: #666666;
    line-height: 18px;

}


.productinfo
{
    font: 18px "Trebuchet MS", "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
    color: #666666;
    font-weight:normal;
    line-height:1.5em;
    padding:12px 0px;
    display:block;
}


#maincontent ul
{
    margin-left:24px;
    padding-left:0px;
    list-style-type: square;
    list-style-position: outside;
    list-style-image: url(../images/ulstyle.gif);
    margin-top:3px;
    margin-bottom:3px;
}

#bm {
	font-weight: bold;
	color: #008d18;
}

#maincontent ul.nobl, #maincontent li.nobl
{
    margin: 0;
    padding: 0;
    list-style-image:none;
}

#news
{
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 10px !important;
    padding-top: 1px !important;
    list-style-image:none;
}

#navli {
	background: url(../images/navline.png) no-repeat;
	text-align: center;
	color: $ffffff;
	width: 205px;
	height: 32px;
	padding-top: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#navli a {
	color: #ffffff;
	text-decoration: none;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

h1 {
    font-size: 12px;
    color:#1B1A1A;
    margin:0 0 5px 0;
    padding: 0;
}

h2 {
    font-size: 13px;
    color:#ffffff;
    margin:0 0 7px 0;
}

h3 {
    font-size: 18px;
    color:#1B1A1A;
    margin:0 0 5px 0;
    padding: 0;
}

h3 a {
    font-size: 18px;
    color:#2eb0e4;
    margin-bottom:7px;
}

h4, .h4 {
    font-size: 18px;
    font-weight:bold;
    color: #1B1A1A;
    margin:0 0 5px 0;
    border-bottom: 1px solid #535353;
    padding:0;
    display:block;
}

a {
    color: #2eb0e4;
    text-decoration:none;
}

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

a:visited {
    color: #2eb0e4;
}

pre {
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    color: #7f7f7f;
    padding: 8px;
    font: 12px/22px Monaco, "Courier New", Courier, mono;
    display: block;
    margin:10px 0;
}

strong {
    color: #323232;
}

img{
    border:none;
}

p, .p{
    margin:1em 0;
}

q {
    font:italic 18px Georgia;
    font-weight:normal;
    line-height:1.5em;
    padding:12px 0px;
    display:block;
}



/*body
--------*/
#bodycontent {
    text-align: left;
    width: 1000px;
    margin-top: 0px;
    background-color:#FFFFFF;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    margin:0 auto;
}

*html
#bodycontent
{ border-right: 0px;
    border-left: 0px;
}

/* top menubar */
#topmenubar {
    font: 12px "Trebuchet MS", "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
    width:1000px;
    height:10px;
    border:none;
    padding-bottom: 5px;
    margin-top: 0px;
    text-align:right;
    margin:auto;
}


/*menubar
-----------*/
#menubar {
    background-color:#ffffff;
	text-align: center;
    font: 16px "Trebuchet MS", "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
    width:1002px;
    height:50px;
	margin:auto;
    margin-bottom: -5px;
}

#menutitle {
    background-color:#ffffff;
    font: 14px "Trebuchet MS", "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
    width:880px;
    height:50px;
	text-align: right;
	margin: auto;
	padding-top: 10px;
}

#menutitle a {
	font-weight: bold;
	padding: 10px;
	color: #740000;
	margin-left: 10px;
	border-bottom: 5px solid #2eb0e4;
}

#menutitle a:visited {
	font-weight: bold;
	padding: 10px;
	color: #740000;
	margin-left: 10px;
	border-bottom: 5px solid #2eb0e4;
}

#menutitle a:hover {
	padding: 10px;
	color: #ffffff;
	background-color: #2eb0e4;
	text-decoration: none;
}

*html #menubar
{
	width:1000px;
}

/*#menubar ul{
    float:right;
    margin-top: 0px;
}*/

#menubar li{
    float:right;
}

#menubar li.line{
    font-weight:bold;
    color:#FFFFFF;
}

#menubar ul a{
    color:#000000;
    font-weight:bold;
}

#menubar ul a:hover{
    color:#ffffff;
    text-decoration:none;
}

body#home #menubar li a.one, body#features #menubar li a.two, body#quicktours #menubar li a.three, body#press #menubar li a.four, body#reseller #menubar li a.five, body#support #menubar li a.six, body#profile #menubar li a.seven {
}


/*header
---------*/
#bodyheader {
    height:98px;
    width:1000px;
    border:none;
    margin-top: 10px;
    background: #ffffff no-repeat left top;
    padding-bottom: 30px;
    clear: both;
}

#bodyheader h3 {
    color: #000000;
    margin-top:0;
    padding-bottom: 4px;
}

/*layout (two & three colums)
------------------------------*/
#maincontent {
    width:722px;
    float:right;
    margin-left: 20px;
    margin-right: 15px;
}
*html #maincontent
{
	margin-right: 7px;
}

#pagemaincontent {
	text-align: left;
    width:1000px;
	height: 200%;
	margin: auto;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    background: #ffffff no-repeat left top;
    padding-bottom: 30px;
    clear: both;
}

#pagemaincontent p {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    color: #555555;
}

#pagemaincontent h3 {
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#pagemaincontent .productbox {
	float: left;
    font-family: "Trebuchet MS", "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	margin-bottom: 30px;
	margin-left: 30px;
	width: 450px;
	height: 350px;
	border-bottom: 5px solid #f6f6f6;
}

#pagemaincontent .topbar{
	background-color: #fff000;
	background-image: url(../images/topbar.jpg);
	width: 450px;
	height: 24px;
}

#pagemaincontent .box{
	float: left;
}

#pagemaincontent .boxcontent{
	float: left;
	margin-top: 30px;
	margin-left: 20px;
	width: 170px;
}

.tdl {
	text-decoration: line-through;
}

.tdb {
	font-size: 14px;
	color: #ff0000;
	font-weight: bold;
}

h1.h1_boxcontent {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #2eb0e4;
}

p.span_boxcontent {
	height: 120px;
	padding: 0;
}

img.img_boxcontent {
	margin-top: 5px;
}

h1.intro {
	display: inline;
    color:#797979;
    font-size: 18px;
	font-weight: normal;
    line-height: 25px;
    padding-bottom: 10px;
}

p.intro {
    color:#797979;
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 10px;
    border-bottom:1px solid #efefef;
}

.one_line h3 {


    color: #555555;
    font-size: 18px;
    background-color: transparent;
    background-image: url(../images/h3_long_backer.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-x-position: 0%;
    background-y-position: 0%;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 0px;
}

.one_line_med h3 {


    color: #555555;
    font-size: 18px;
    background-color: transparent;
    background-image: url(../images/h3_medium_backer.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-x-position: 0%;
    background-y-position: 0%;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 0px;
}
.one_column {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 18px;
}

.two_column {
    width: 720px;
    font-size: 12px;
    line-height: 18px;
    float:right;
}

.two_column_left {
    width: 341px;
    float: left;
    margin-right: 10px;
}

.two_column_left h3 {
    color:#555555;
    font-size:18px;
	border-bottom: 1px solid #d0d0d0;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 4px;
}

.two_column_left p {
    padding-left: 10px;
    padding-bottom: 10px;
    color: #5f5f5f;
}

.two_column_center {
    width: 720px;
    float: left;
    background-color:#31afe9;
}

.two_column_center h3 {
    color:#ffffff;
    font-size:18px;
    padding-right: 10px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 0px;
}

.two_column_center p {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    color: #ffffff;
}

.two_column_center2 {
    width: 720px;
    float: left;
    background-color:#eaeaea;
}

.two_column_center2 h3 {
    color:#818181;
    font-size:18px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 0px;
}

.two_column_center2 p {
    padding-left: 10px;
    padding-bottom: 10px;
    color: #818181;
}

.two_column_center3 {
    width: 720px;
    float: left;
    background-color:#ffffff;
}

.two_column_center3 h3 {
    color:#555555;
    font-size:18px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 0px;
}

.two_column_center3 p {
    padding-left: 10px;
    padding-bottom: 10px;
    color: #555555;
}

.two_column_center4 {
    width: 720px;
    float: left;
	margin-top: 20px;
    background-color:#ffffff;
}

.two_column_center4 h3 {
    color:#555555;
    font-size:18px;
	border-bottom: 1px solid #d0d0d0;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 4px;
}

.two_column_center4 h4 {
    color:#797979;
    font-size:18px;
	border-bottom: 1px solid #d0d0d0;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 4px;
}

.two_column_center4 h5 {
    color:#797979;
    font-size:18px;
	margin: 0;
	padding: 0;
}

.two_column_center4 p {
    padding-left: 10px;
    padding-bottom: 10px;
    color: #555555;
}

#img_two_column_center4 {
    padding: 5px;
    /*border: 5px solid #d0d0d0;*/
}

a #img_two_column_center4 {
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

a:hover #img_two_column_center4 {
    border: 5px solid #d0d0d0;
}

#two_column_center4_box_p {
	margin-top: 1px;
	margin-bottom: 1px;
    color: #555555;

}

#two_column_center4_box_title1 {
	float: left;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #2eb0e4;
	line-height: 30px;
	width: 200px;
	height: 30px;
	background-color: #2eb0e4;
	margin-left: 1px;
}

#two_column_center4_box_title2 {
	float: left;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #2eb0e4;
	line-height: 30px;
	width: 150px;
	height: 30px;
	background-color: #2eb0e4;
	margin-left: 1px;
}

#two_column_center4_box_table1 {
	float: left;
	text-align: center;
	font-weight: bold;
	color: #555555;
	border: 1px solid #2eb0e4;
	line-height: 50px;
	width: 200px;
	height: 50px;
	background-color: #ffffff;
	margin-left: 1px;
	margin-bottom: 1px;
}

#two_column_center4_box_table2 {
	float: left;
	text-align: center;
	font-weight: bold;
	color: #555555;
	border: 1px solid #2eb0e4;
	line-height: 50px;
	width: 150px;
	height: 50px;
	background-color: #ffffff;
	margin-left: 1px;
	margin-bottom: 1px;
}

.two_column_right {
    width: 341px;
    float: left;
    margin-left: 10px;
}

.two_column_right h3 {
    color:#555555;
    font-size:18px;
	border-bottom: 1px solid #d0d0d0;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 4px;
}

.two_column_right p {
    padding-left: 10px;
    padding-bottom: 10px;
    color: #5f5f5f;
}


/*--- start BLOCK-1 ------------*/
div#block_1_container
{ width: 204px;
    padding-top: 4px;
    background: url(../images/block_1_top.gif) no-repeat top;
    }
    div#block_1_container div.block_1
    { background: #3C3A3B url(../images/block_1_bottom.gif) no-repeat bottom;
        padding: 10px;
        text-align: center;
        color: #ffffff;
    }
    div#block_1_container div.block_1 a
    {   color: #ffffff;
        text-decoration: underline;
    }

    div#block_1_container div.block_1 h3 {
        color: #ffffff;
        font-size:15px;
        padding-top: 5px;
        padding-left: 10px;
        padding-bottom: 0px;
    }

    div#block_1_container div.block_1 h4 {
        color: #5CCFFC;
        font-size:15px;
        padding-top: 5px;
        padding-left: 10px;
        padding-bottom: 0px;
        border: none;
    }

    /*--- end BLOCK-1 ------------*/


    /*--- start BLOCK-2 ------------*/
    div#block_2_container
    { width: 204px;
        padding-top: 4px;
        background: url(../images/block_2_top.gif) no-repeat top;
    }
    div#block_2_container div#block_2_add_container
    { background: url(../images/block_2_middle.gif) repeat-y;
    }
    div#block_2_container div.block_2
    { background: url(../images/block_2_bottom.gif) no-repeat bottom;
        padding: 10px;
        text-align: center;
        color: #000000;
    }
    div#block_2_container div.block_2 a
    { color: #2EB0E4;
    }
    div#block_2_container div.block_2 h3.underline
    { margin-left: 10px;
        margin-right: 10px;
        border-bottom: 1px solid #D9D9D9;
        color:#555555;
        font-size:14px;

    }
    /*--- end BLOCK-2 ------------*/


    /*--- start BLOCK-3 ------------*/
    div#block_3_container
    { width: 205px;
        padding-top: 5px;
        background: url(../images/block_3_top.gif) no-repeat top;
    }
    div#block_3_container div#block_3_add_container
    { background: url(../images/block_3_middle.gif) repeat-y;
    }
    div#block_3_container div#block_3_add_container div.block_3
    { background: url(../images/block_3_bottom.gif) no-repeat bottom;
        padding: 10px 10px 20px 10px;
        text-align: left;
    }

    div#block_3_container div.block_3 a
    { color: #2EB0E4;
    }
    div#block_3_container div.block_3 h3.underline
    { margin-left: 10px;
        margin-right: 10px;
        color:#555555;
        font-size:14px;
        background: url(../images/block_3_underline.gif) no-repeat center bottom;

    }
    /*--- end BLOCK-3 ------------*/

    /*sidebar
    ----------*/
#sidebarpages {
    float:left;
    width: 20px;
    margin-left: 20px;
    line-height: 16px;
}


#sidebar {
    float:left;
    width: 205px;
    margin-left: 20px;
    line-height: 16px;
}
*html #sidebar
{
	margin-left: 10px;
}

#sidebar a:hover {
    text-decoration: none;
}

#sidebar h3 {
    color: #000000;
    margin-top:0;
    padding-bottom: 4px;
    border-bottom: 1px solid #d0d0d0;
}

#sidebar h3 a {
    color: #000000;
}

#sidebar h3 a:visited {
    color: #000000;
}

.sidebar_spacer {
    margin-top: 15px;
}


/*sidebar features
-------------------*/
.features a {
    color: #2eb0e4;
    text-decoration:underline;
}

.features a:hover {
    color: #2eb0e4;
}

.features li {
    list-style-type: none;
    font-size: 13px;
    color: #1a1a1a;
    font-weight: bold;
    padding:0;
    text-indent:0;
    margin:0 0 18px 8px;
}

.features img {
    float: left;
    margin:-2px 11px 0 0;
}

.features small {
	font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    line-height: 15px;
}


/*sidebar quicktours
---------------------*/
/*
#sidebar_quicktours ul,li
{
margin: 0;
padding: 0;
list-style-type: none;

}*/

#sidebar_quicktours li {
    background: url(../images/start_quicktour.gif) no-repeat;
    list-style-type: none;
    font-size: 12px;
    color: #666666;
    padding: 0 0 0 25px;
    text-indent: 0;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 0;
    height: 23px;
    line-height: 23px;
}

#sidebar_quicktours a {
    color: #999999;
}

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



/*footer
---------*/
#footer {
    color: #ababab;
    font-size: 10px;
    text-align: center;
    line-height: 14px;
    padding-top: 0px;
    width: 1000px;
    background-color: #FFFFFF;
    background: url(../images/footer.jpg) repeat-x;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin: auto;
    padding: 30px 0 30px 0;
}

#footer a {
    color: #2eb0e4;
}

#menu_bottom
{
    font-size: 10px;
}

.footer_text
{
    text-align: center;
}



/*--- PRODUCT PHOTO ----------------------------------------------------------------*/



table#product_photo
{ width: 100%;
    margin-top: 17px;
}
table#product_photo td.col_1
{ width: 624px;
    height: 437px;
}
table#product_photo td.col_2
{ border-top: 1px solid #DEE1E4;
    border-right: 1px solid #DEE1E4;
    border-bottom: 1px solid #DEE1E4;
    background-color: #F4F8F9;
    vertical-align: top;
}

table#product_photo td.col_1 div
{ width: 624px;
    height: 437px;
    position: relative;
}
table#product_photo td.col_1 div img
{ position: absolute;
    z-index: 9;
}
table#product_photo td.col_1 div p
{ position: absolute;
    z-index: 9;
    top: 337px;
    left: 43px;
    color: #fff;
    font-size: 14px;
}

table#product_photo td.col_2 div
{ padding-left: 20px;
}
table#product_photo td.col_2 div.active
{ background-color: #fff;
}
table#product_photo td.col_2 div table
{
    /*width: 100%;*/
    WIDTH: 275px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 0px;
}
table#product_photo td.col_2 div table td
{ font-size: 12px;
    vertical-align: bottom;
    border: 0px;
    background: none;
    /*  width: 80%;*/
}
/*
table#product_photo td.col_2 div table td.col_2
{ width: 20%; }*/
/*
table#product_photo td.col_2 div table td.col_2 img
{border: 0px;}*/
table#product_photo td.col_2 div.product_descr_div
{ height: 1px;
    font-size: 0;
    margin-right: 2px;
    background: url(../images/product_descr_div.gif) right no-repeat;
}
table#product_photo td.col_1 div#pf_2,
table#product_photo td.col_1 div#pf_3,
table#product_photo td.col_1 div#pf_4,
table#product_photo td.col_1 div#pf_5,
table#product_photo td.col_1 div#pf_6,
table#product_photo td.col_1 div#pf_7,
table#product_photo td.col_1 div#pf_8
{ display: none;
}
/*--- END PRODUCT PHOTO ----------------------------------------------------------------*/

/*--- SUPPORT PAGE ----------------------------------------------------------------*/
div#support_page h2.title
{
	color: #3CB8EA;
    font-family: "Trebuchet MS", Tahoma;
    font-size: 18px;
    padding-bottom: 7px;
    border-bottom: 1px solid #535353;
}

div#support_page h4
{
	color: #3CB8EA;
    font-family: "Trebuchet MS", Tahoma;
    font-size: 12px;
    border: 0px;
}

div#support_page h4.information
{ color: #5B5B5B;
    padding: 20px 80px;
}

div#support_page p
{
	font-size: 12px;
}

div#support_page div.image
{
	width: 208px;
    background: #F4F4F4;
    border: 2px solid #DCDCDC;
}


div#support_page div.black_block_cont
{
	width: 184px;
    background: #3C3A3B url(pics/black_block_top_bg.gif) no-repeat top;
    padding-top: 7px;
}
div#support_page div.black_block_cont div.black_block
{
	padding: 20px;
    padding-top: 7px;
    background: url(pics/black_block_bottom_bg.jpg) no-repeat bottom;
}
div#support_page div.black_block_cont div.black_block a
{
	color: #6FCEFF;
    font-weight: bold;
    text-decoration: underline;
    line-height: 23px;
}
div#support_page div.black_block_cont div.black_block a:hover
{
	text-decoration: none;
    color: #c0c0c0;
}



div#support_page div.grey_block_cont_1
{
	width: 184px;
    background: #F0F0F0 url(pics/grey_block_top_bg.gif) no-repeat top;
    padding-top: 7px;
}
div#support_page div.grey_block_cont_2
{
	background: #F0F0F0;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}
div#support_page div.grey_block_cont_2 div.grey_block
{
	padding: 20px;
    padding-top: 7px;
    background: url(pics/grey_block_bottom_bg.jpg) no-repeat bottom;
}
div#support_page div.grey_block_cont_2 div.grey_block div
{
	padding: 3px 0px;
}
div#support_page div.grey_block_cont_2 div.grey_block div a
{
	color: #848484;
    font-weight: bold;
    text-decoration: underline;
}
div#support_page div.grey_block_cont_2 div.grey_block div a:hover
{
	text-decoration: none;
    color: #6FCEFF;
}
div#support_page div.grey_block_cont_2 div.grey_block h4
{
	color: #848484;
    text-align: center;
    border-bottom: 1px solid #B5B5B5;
    padding-bottom: 3px;
}


div#support_page div.top_questions
{
	margin-top: 10px;
    padding: 15px 50px;
    background: url(pics/top.gif) no-repeat top;
    color: #828282;
    text-align: left;
}
div#support_page div.top_questions h3
{
	color: #828282;
    font-size: 18px;
}

div#support_page div.top_questions a
{
	color: #828282;
    padding-left: 10px;
    text-decoration: underline;
    background: url(pics/support_list_marker.gif) no-repeat left center;
    line-height: 25px;
}
div#support_page div.top_questions a:hover
{
	text-decoration: none;
    color: #6FCEFF;
}

div#support_page div.line
{
	background-color: #D4D4D4;
    height: 2px;
    margin: 0;
    padding: 0;
    font-size: 0;
}

form {
	margin-left: 20px;
}

input {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Tahoma;
	font-size: 14px;
}

select {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Tahoma;
	font-size: 14px;
}

text {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Tahoma;
	font-size: 14px;
}

textarea {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Tahoma;
	font-size: 14px;
}

/*--- END SUPPORT PAGE ----------------------------------------------------------------*/