#splash .download {


    display:block;

    float:left;

    margin-right:3px;

    width:110px;

    height:28px;

    background:url(/images/download.gif) no-repeat left top;

}



#splash .upgrade {

    display:block;

    float:left;

    width:154px;

    height:28px;

    background:url(/images/upgrade.gif) no-repeat left top;

}



#splash .right {

    float:right;

    width:565px;

    padding:20px 0 0 0;

    text-align:justify;

}



#splash .right p {

    padding:0;

    margin:0;

    background:none;

    font-size:11px;

}



#splash .right ul {

    margin:0 0 0 0;

    padding:0;

    list-style:none;

}



#splash .right ul li {

    margin:0 0 5px 0;

    padding:0 0 0 12px;

    background:url(/images/li.gif) no-repeat 0 5px;

}



#mainFeatures {

    margin:0 1px;

    padding:0 19px;

    height:153px;

    background:#375556;

}



#mainFeatures .feature {

    float:left;

    margin:18px 0 0 22px;

    width:265px;

    height:115px;

    background:url(/images/feat_bg.gif) repeat-x top;

    text-align:left;

}

#mainFeatures .feature .left {

    margin:0;

    width:265px;

    height:115px;

    background:url(/images/feat_left.gif) no-repeat left top;

}



#mainFeatures .feature .right {

    margin:0;

    width:265px;

    height:115px;

    background:url(/images/feat_right.gif) no-repeat right top;

}



#mainFeatures .feature p {

    padding:15px 10px 0 75px;

    margin:0;

    line-height:15px;

    font-size:10px;

    color:#fff;

}



#mainFeatures .scrn {
    display:block;
    float:left;
    margin:6px 0 0 13px;
    cursor:url(/images/hs/zoomin.cur), pointer;
}



#mainFeatures h3 {

    margin:0;

    padding:7px 0 0 0;

    font-family:Arial;

    font-size:14px;

    color:#fff;

    text-align:center;

}



#supDevices {

    height:100%;

    background:url(/images/sync.jpg) no-repeat 8px 19px;

}



#supDevices a {

    float:left;

    display:block;

    margin:0 4px 0 10px;

    width:52px;

    height:83px;

    -moz-outline:none;

}



#upgradeBox {

    float:left;

    margin:20px 0 0 0;

    height:246px;

    width:350px;

    background:url(/images/upgrade_bg.gif) repeat-x top;

}



#upgradeBox .left {

    padding:0 8px;

    height:100%;

    background:url(/images/upgrade_left.gif) no-repeat left top;

}



#upgradeBox .right {

    height:100%;

    width:100%;

    background:url(/images/upgrade_right.gif) no-repeat right top;

}



#upgradeBox .bottom {

    width:100%;

    height:100%;

    background:url(/images/upgrade_bottom.gif) no-repeat 90% 100%;

}



#upgradeBox .title {

    margin:20px 0 10px 40px;

}



#upgradeBox .price {

    height:52px;

    background:#6e7475;

}



#upgradeBox .price .num {

    margin:12px 0 0 20px;

}



#upgradeBox .price .link {

    float:right;

    margin:12px 10px 0 0;

}



#upgradeBox p {

    margin:0;

    padding:10px 0 0 20px;

    line-height:14px;

}



#upgradeBox ul {

    float:left;

    margin:5px 0 0 0;

    padding:0 0 0 20px;

    list-style:none;

}



#upgradeBox ul li {

    margin:0;

    padding:0;

}



#cases {

    float:left;

    margin:20px 0 0 20px;

    width:450px;

    height:232px;

    background:url(/images/cases_bg.gif) repeat-x top;

}



#cases .right {

    height:100%;

    background:url(/images/cases_right.gif) no-repeat right top;

}



#cases .left {

    height:100%;

    padding:0 0 0 25px;

    background:url(/images/cases_left.gif) no-repeat left top;

}



#cases .cover {

    height:220px;


}



#cases .title {

    margin:20px 0 2px 0;

}



#cases p {

    line-height:14px;

    margin:0;

    padding:8px 10px 8px 35px;

    background:url(/images/cases_ico.gif) no-repeat 0 8px;

    text-align:justify;

    color:#8d8b8b;

}



#cases p a {

    text-decoration:none;

    color:#fffc00;

}



#cases p a:hover {

    text-decoration:underline;

}

#cases p span {

    color:#fff;

}



#cases .seporator {

    width:100%;

    height:1px;

    background:url(/images/cases_sep.gif) no-repeat 5px 0;

    font-size:1px;

}



#cases .pages {

    padding-right:30px;

    text-align:right;

    color:#fff;

}



#cases .pages a {

    padding:0 2px;

    text-decoration:none;

    color:#fff;

}



#cases .pages a.sel {

    color:#000;

    background:#fff;

}



#cases .pages a:hover {

    color:#000;

    background:#fff;

}



#cases h2 {

    margin:0;

    padding:0;

    font-size:12px;

    font-weight:bold;

    color:#fff;

    height:16px;

}



#cases #prevCase, #cases #nextCase {

    float:right;

    padding:0 20px 0 0;

    margin:0;

}



.highslide-loading {

    padding:10px !important;

    background:#fff;

    color:#000;

    font-weight:bold;

}





#topDevTable {

    width:606px;

    color:#fff;

    text-align:left;

    background:#3d3d3d url(/images/tabletopbg.gif) repeat-x top;

}



#topDevTable h3 {

    margin:0;

    padding:0 0 0 32px;

    line-height:32px;

    font-family:Arial;

    font-size:16px;

    font-weight:bold;

    background:url(/images/pocket_edition.gif) no-repeat 6px 3px;

}



#topDevTable .close {

    float:right;

    margin:12px 12px 0 0;

}



#bottomDevTable table {
    margin:0;
    padding:0;
    background:#fff;
    color:#000;
}

#bottomDevTable table th {
	text-align: center;
}

#bottomDevTable table td {
    width: 16% !important;
    text-align:center;
    color:#666;
    background:url(/images/vert_dots.gif) repeat-y right;
	 height: 32px;
 	vertical-align: middle; 
	font: bold 12px Arial, Helvetica, sans-serif;
}


#bottomDevTable table .left,
#bottomDevTable table .center,
#bottomDevTable table .right {
	 font: bold 14px Arial, Helvetica, sans-serif;
    background:#cde9a7 url(/images/black_border.gif) repeat-y right;
    color:#000;
}
#bottomDevTable table .center {
    background: #dfe7d7 url(/images/black_border.gif) repeat-y right;
} 
#bottomDevTable table .right {
    background:#d7d7e7;
}
#bottomDevTable table .manuf {
    background-color: #c8eed4;
}
#bottomDevTable table .modell {
    background-color: #e2eec8;
}
#bottomDevTable table .model {
    background-color: #e2eec8;
	 background-image: url(/images/black_border.gif);
	 background-repeat: repeat-y;
	 background-position: right; 
}

#bottomDevTable table .blborder{
	 background-image: url(/images/black_border.gif);
	 background-repeat: repeat-y;
	 background-position: right; 
}


#bottomDevTable table .notice {
    padding:5px;
    line-height:14px;
    font-weight:normal;
    color:#000;
    background:url(/images/vert_dots.gif) repeat-x top;
}




#bottomDevTable table td div {
    background:url(/images/horiz_dots.gif) repeat-x top;
	 height: 32px;
	vertical-align: middle; 
	padding: 5px 3px 3px 3px;
} 



#bottomDevTable {

    width:606px;

    height:323px;

    color:#fff;

    text-align:left;

    background:#3d3d3d;

}



#bottomDevTable .cover {
	 overflow: auto;
 
    height:321px;

    margin:0 2px;

    padding:0 1px 0 1px;

    background:#fff;

}



.highslide-html {

    padding:0;
	 overflow: auto;
    background-color:#fff;

}

.highslide-html-blur {

}

.highslide-html-content {

    width:608px;  
    position: absolute;

    display: none;

}



html:first-child .highslide-html-content {

    width:580px;

    height:440px;

    margin-top:9px;

}



html:first-child #topDevTable {

    margin-left:9px;

}



html:first-child #bottomDevTable {

    margin-left:9px;

}



/*\*/

html*.highslide-html-content {

    width:580px;
    height:auto;

}

html*#topDevTable {
    margin-left:0;
}

html*#bottomDevTable {
    margin-left:0;
}

/**/

.suppDev{
	width:223px;
	height:125px;
	display: block;
	background: url('/images/suppDev.png') no-repeat 0 0;
	float:right;
	margin-top: 14px;
}




/* Put these last in your highlide-related CSS */

.highslide-display-block {

    display: block;

}

.highslide-display-none {

    display: none;

}




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}