* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 background-color:#fff;
}
#wrapper { 
 margin: 0 auto;
 width: 792px;
}
#header {width: 792px; float: left; height: 110px; background-image:url(images/header.jpg); background-repeat:no-repeat;}

/* Navigation */
#navigation {float: left; width: 792px; height:30px; background: #fff; background-image:url(images/menu.jpg); background-repeat:no-repeat; background-position:top; color:#396898; font-size:11px; font-weight:bold}

#navigation #searchgt {width:118px; height:19px;background-image:url(images/button.gif); background-repeat:no-repeat; background-position:left; float:left;}
#navigation #searchgt:link {width:118px; height:19px;background-image:url(images/button.gif); background-repeat:no-repeat; background-position:left; float:left;}
#navigation #searchgt:visited {width:118px; height:19px;background-image:url(images/button.gif); background-repeat:no-repeat; background-position:left; float:left;}
#navigation #searchgt:hover {width:118px; height:19px;background-image:url(images/button_hover.jpg); background-repeat:no-repeat; background-position:left; float:left;}
#navigation #searchgt:active {width:118px; height:19px;background-image:url(images/button_press.jpg); background-repeat:no-repeat; background-position:left; float:left;}

#navigation #flashlocker {width:118px; height:19px;background-image:url(images/button.gif); background-repeat:no-repeat; background-position:left; float:left; margin:0 0 0 0px}
#navigation  #flashlocker:link{width:118px; height:19px;background-image:url(images/button.gif); background-repeat:no-repeat; background-position:left; float:left; margin:0 0 0 0px}
#navigation  #flashlocker:visited{width:118px; height:19px;background-image:url(images/button.gif); background-repeat:no-repeat; background-position:left; float:left; margin:0 0 0 0px}
#navigation #flashlocker:hover {width:118px; height:19px;background-image:url(images/button_hover.jpg); background-repeat:no-repeat; background-position:left; float:left; margin:0 0 0 0px}
#navigation #flashlocker:active {width:118px; height:19px;background-image:url(images/button_press.jpg); background-repeat:no-repeat; background-position:left; float:left; margin:0 0 0 0px}
#sc2 {width:200px; float:left; position:absolute; z-index:2; margin:-10px 0 0 53px;}
#sc3 {width:200px;float:left; position:absolute; z-index:2; margin:-10px 0 0 152px;}
#sc4 {width:200px;float:left; position:absolute; z-index:2; margin:-10px 0 0 252px;}
#sc2 a:link{font-size:12px; color:#396898; line-height:19px; padding:0 10px 0 0; text-decoration:none;}
#sc2 a:visited{font-size:12px; color:#396898; line-height:19px; padding:0 10px 0 0; text-decoration:none;}
#sc2 a:hover{ padding:0 10px 0 0; text-decoration:none}
#sc2 span {margin:0 0 0 20px;}

#sc3 a:link{font-size:12px; color:#396898; line-height:19px; padding:0 10px 0 0; text-decoration:none;}
#sc3 a:visited{font-size:12px; color:#396898; line-height:19px; padding:0 10px 0 0; text-decoration:none;}
#sc3 a:hover{ padding:0 10px 0 0; text-decoration:none}
#sc3 span {margin:0 0 0 20px}

#sc4 a:link{font-size:12px; color:#396898; line-height:19px; padding:0 10px 0 0; text-decoration:none;}
#sc4 a:visited{font-size:12px; color:#396898; line-height:19px; padding:0 10px 0 0; text-decoration:none;}
#sc4 a:hover{ padding:0 10px 0 0; text-decoration:none}
#sc4 span {margin:0 0 0 20px}

#ddimagetabs{margin:6px 0 0 250px}
#ddimagetabs a{
display: block;
text-decoration: none;
font: bold 12px Arial; /*tab font */
color: black; /*font color */
width: 95px; /*width of tab image */
height: 27px; /*height of tab image */
float: left;
display: inline;
margin-left: 4px; /*spacing between tabs */
padding-top: 4px; /*vertical offset of tab text from top of tab*/
background-image:url(images/button.gif); /*URL to tab image */
background-repeat: no-repeat;
text-align: center;}
#ddimagetabs a:hover, #ddimagetabs a.current{
background-image:url(images/button_hover.jpg); /*URL to tab image onmouseover */
color: black;}
#ddimagetabs a:link {color:#396898; font-size:12px;}
#ddimagetabs a:visited {color:#396898; font-size:12px;}
#ddimagetabs a:hover {color:#396898;}
#ddimagetabs a:active {color: #fff; background-image:url(images/button_press.jpg);}
#tabcontentcontainer{width:480px; /*width of 2nd level content*/
height:0px; _height:40px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
margin:0px 0 0 300px; font-size:12px; color:#396898}
.tabcontent{display:none;}

/* Left Column */
#leftcolumn {width: 161px; float: left; background-image:url(images/left_bg.gif); background-repeat:repeat-y; margin:15px 0 20px 5px}
#lefttop {background-image:url(images/left_top.gif); background-repeat:no-repeat; background-position:top;}
#leftbottom {width:161px;background-image:url(images/left_bottom.gif); background-repeat:no-repeat; background-position:bottom}
#leftcolumn ul {padding:10px 5px 0 5px;}
#leftcolumn li {font-size:12px; color:#045589; list-style-type:none; list-style-image:url(images/bullet.jpg); list-style-position:inside; border-bottom:1px dashed #013c6a; padding:5px 0 5px 0}
#leftcolumn .last{border:none}
#leftcolumn img {margin:10px 0 0 20px; border:none}


#rightcolumn {float: right; width: 620px; display: inline;}
#rightcolumn p{font-family:tahoma, verdana, helvetica, sans-serif; font-size:12px; color:#274460; margin:0 0 10px 0}
#rightcolumn h1{font-family:tahoma, verdana, helvetica, sans-serif; font-size:12px; color:#274460;}
#rightcolumn h2{font-family:tahoma, verdana, helvetica, sans-serif; font-size:12px; color:#274460; font-weight:normal; border-bottom:1px dotted #274460; margin:10px 0 20px 0}

/*Product Detaild Page*/
#product {background-image:url(images/box_bg.gif); background-repeat:repeat-y; background-position:left; margin:10px 0 10px 0}
#producttop {background-image:url(images/box_top.gif); background-repeat:no-repeat; background-position:top left}
#productbottom {width:609px; background-image:url(images/box_bottom.gif); background-repeat:no-repeat; background-position:bottom left}
#searchbox {float:left; margin:30px 20px 20px 10px }
#product p {padding:0 20px 10px 20px}
#product h1 {padding:20px 0 0 0}
#product h2 {border:none}

/* Screenshot */
#screenshot img{margin:20px 0 10px 60px}

/* News */
#news {padding:20px}
#news p{margin:0 30px 0 30px; padding:0; color:#045589;}

/* Bottom Buttons */
.bottombutons img{border:none}
.bottombutons ul li{height:36px; line-height:36px;display:inline; list-style-type:none}
.bottombutons li {float:left;width:107px; height:36px; display:inline;}
.dow {width:107px; height:36px; background-image:url(images/button_download.jpg); background-repeat:no-repeat;}
.buy {width:107px; height:36px; background-image:url(images/button_buynow.jpg); background-repeat:no-repeat;}
.info {width:107px; height:36px; background-image:url(images/button_info.jpg); background-repeat:no-repeat;}

/*Box product*/
.box {background-image:url(images/box_bg.gif); background-repeat:repeat-y; background-position:left; margin:10px 0 10px 0}
.boxtop {background-image:url(images/box_top.gif); background-repeat:no-repeat; background-position:top left}
.boxbottom {width:609px; background-image:url(images/box_bottom.gif); background-repeat:no-repeat; background-position:bottom left}
.cutie {width:130px; margin:20px}
.cutie li {font-family:tahoma, verdana, helvetica, sans-serif; font-size:12px ; color:#2e5d7b; list-style:none; list-style-image:url(images/bullet2.jpg); margin:0 0 0 40px}
.cutie a:link {color:#2e5d7b;; text-decoration:none}
.cutie a:visited {color:#2e5d7b;; text-decoration:none}
.cutie a:hover {color:#2e5d7b;; text-decoration:underline}
.text {}

#footer {width: 785px; height:40px; clear: both; background-image:url(images/footer.jpg); background-repeat:no-repeat}
#footer p {color:#6d6d6d; font-size:12px; text-align:center; line-height:40px;}
