html, body{margin:0; padding:0}
body{font:62.5% Arial,sans-serif; min-width:1018px; color:#666}
a{text-decoration:none; color:#303030}
a:hover{text-decoration:underline}
img{border:none; display:block}
h2{margin:20px 0 0 0; color:#303030; font:bold 24px/24px Arial,sans-serif}
h3, h4{background:#be1323; border-bottom:2px solid #303030; padding:5px 20px; color:#ffffff; font:bold 1.8em/1.3em Arial,sans-serif; margin:5px 0 0 0}
h3.rss{background:#be1323}
h3 span{font-size:0.6em}
h4{color:#ffffff}
h4 a{color:#303030}
h1,h5{margin:15px 0 5px 0; color:#303030; font:bold 1.75em/1em Arial,sans-serif}
h3 strong, h4 strong{color:#303030}
h3 a, h4 a {color: #fff }
#main h4 {margin-top: 10px}
p{margin:15px 0; font:1.4em/1.4em Arial,sans-serif; color:#666}
p a{font-weight:bold}
.left{float:left !important}
.right{float:right !important}
.container{width:1010px; padding:0 4px; margin:0 auto; overflow:hidden; position:relative}
.wrap{width:100%; overflow:hidden; margin:20px 0; font:1.4em/1.2em Arial,sans-serif}
.wrap img.left{padding:4px; border:1px solid #C6C6C6}
.author{padding-bottom:10px}
.half{width:49.9%; text-align:center; overflow:hidden}
.half img{display:inline; margin:10px 0}
.half a{font-weight:bold}
.half dl{margin:10px 0 0 0; padding:0}
.half dd, .half dt{display:inline; margin:0}
.buttons{margin:10px 0 0 0; padding:0 0 0 30px; list-style:none; width:100%; overflow:hidden}
.buttons li{float:left; padding-left:15px}
.buttons li a, .buttons li span{background:#303030 url('/images/bg_button.gif') repeat-x; border:2px solid #303030; color:#FFF; float:left; padding:3px 17px}
.buttons li .disabled{ color:#C6C6C6}
#header{border-top:7px solid #303030; background:#000 url('/images/bg_header.gif') repeat-x 0 100%}
div#logo {margin:0 0 0 -4px; width:290px; height:94px; overflow:hidden; text-indent:-9999px; background:url('/images/logo.gif') no-repeat; float:left; display:inline}
div#logo a{display:block; height:94px}
#blogpost{position:absolute; right:4px; color:#E2E2E2; font:bold 1.4em/2.2em Arial,sans-serif}
#header ul{float:right; padding:64px 0 0 0; margin:0; list-style:none}
#header ul li{float:left; padding-left:5px; font:18px/30px Arial,sans-serif}
#header ul li a{float:left; border:2px solid #303030; background:#303030 url('/images/bg_tab.gif') repeat-x; padding:0 17px; color:#FFF; margin-top:3px}
#header ul li a:hover{background:#303030 url('/images/bg_tab_hover.gif') repeat-x; text-decoration:none}
#header ul li a.active{ margin:0; float:left; border:2px solid #FFF; background:#FFF; padding:0 17px; color:#303030; padding:3px 17px 0 17px; text-decoration:none}
#header ul li a.active:hover{text-decoration:none}
#content{background:url('/images/bg_main.gif') repeat-x}
#content .container{background:#FFF url('/images/bg_container.gif') no-repeat}
#main{width:640px; float:left; padding: 5px 0px 10px 18px; overflow:hidden}
.pictures{margin:0; padding:0; list-style:none; width:110%; overflow:hidden}
.pictures li{float:left; padding:10px 20px 10px 0}
.pictures li img.screenshot{padding:3px; border:1px solid #C6C6C6;}
.pictures li .icons {list-style: none; margin: 0; padding: 0}
.pictures li .icons li {padding: 5px;}
.blog{border-bottom:1px dotted #BDBDBD; padding:0 0 20px 0; color:#919191}
.nobottom{ border-bottom:0}
.blog a{color:#303030; font:bold 1.1em/1.3em Arial,sans-serif}
.blog em{font-size:1.4em}
.blog p{margin:20px 0 !important}
.bookmark{display:inline; vertical-align:middle; padding:0 15px}
.comment label{display:block; padding:3px 0}
.comment label strong, .comment label span{font-size:1.4em !important}
.comment input, .comment select{margin-bottom:10px; float:none !important; display:block}
.comment textarea{width:595px; padding:2px; border:1px solid #C6C6C6; display:block; margin-bottom:15px; background:#FFFFA0}
.add{background:#FFF !important}
.comment input.check{float:left !important; width:15px; margin:0 10px 0 0; padding:0; height:23px}
.comment .button{margin:15px 0 !important}
#upload .text{width:340px}
#upload select{width:205px}
#sidebar, #sidebar-right{width:315px; float:right; padding:10px 0 0 15px; overflow:hidden;}
#sidebar-right{float:right; padding:10px 15px 0 0;}
#sidebar-right h3{clear: both;}
.box{background:url('/images/bg_box.gif') repeat-x; padding:5px 10px 20px 20px; overflow:hidden}
#sidebar .box{width:285px; padding:0 10px 0 20px}
#sidebar .box p{margin:10px 0 15px 0}
.box form{margin:0; padding:0; width:100%; overflow:hidden}
.box td, .box th{font:1.4em/1.4em Arial,sans-serif; color:#666}
.box .text{border:1px solid #C6C6C6; background:#FFFFA0; padding:3px 2px 4px 2px; font:12px Arial,sans-serif; width:176px; float:left; color:#666}
.box .text-short{border:1px solid #C6C6C6; background:#FFFFA0; padding:3px 2px 4px 2px; font:12px Arial,sans-serif; width:20px; float:left; color:#666}
.box .text-long{border:1px solid #C6C6C6; background:#FFFFA0; padding:3px 2px 4px 2px; font:12px Arial,sans-serif; width:400px; float:left; color:#666}
.box .button{background:#303030 url('/images/bg_button.gif') repeat-x; border:2px solid #303030; font:bold 12px Arial,sans-serif; color:#FFF; float:left; margin-left:11px; height:24px}
.box .sort{display:block; margin-top:10px; width:280px}
.box .sort_title{ margin:10px 0; font-size:14px; font-weight:bold}
.box .search{border:1px solid #C6C6C6; background:#FFFFFF; padding:3px 2px 4px 2px; font:12px Arial,sans-serif; width:200px; color:#666}
.box form {padding-top: 10px}
#main .box strong{font-size:1.2em}
#main .box span{font-size:1.1em}
#main .box p{margin:0}
#main .box p span, #main .box p strong{font-size:1em}
.cloud{margin:0; padding:10px 0 0 0; list-style:none; width:100%; overflow:hidden}
.cloud li{display:inline; white-space:nowrap; color:#303030; font-weight:bold; font-size:1.4em}
.tag9{font-size:0.65em}
.tag14{font-size:1em}
.tag18{font-size:1.3em}
.tag24{font-size:1.7em}
.tag36{font-size:2.58em}
.cloud a{color:#303030}
.profile{padding:12px 0 0 0; width:100%; overflow:hidden}
.profile img{float:left; margin-right:7px; display:inline}
.profile strong{color:#303030; font:bold 1.6em/1.5em Arial,sans-serif; display:block}
.profile a{font:1.4em/1em Arial,sans-serif; color:#303030}
.users{margin:0; padding:0; list-style:none; width:100%; overflow:hidden}
.users li{float:left; padding:7px 7px 0 0}
.fresh_sites{padding:5px 0 0 0; margin:0; list-style:none; width:100%; overflow:hidden}
.fresh_sites li{padding:15px 0 0 20px; float:left; width:100%}
.between_ad{text-align:center}
.textlinks{margin:0 -10px 0 -15px; padding:0; list-style:none; overflow:hidden; width:315px}
.textlinks li{border-bottom:1px dotted #BBBCBB; font:1.4em/1em Arial,sans-serif; width:100%; float:left}
.textlinks a{color:#919191; padding:9px 15px; width:285px; float:left}
.textlinks a:hover{background:#be1323; text-decoration:none}
.banners{width:300px; margin:20px auto; overflow:hidden}
* html .banners{margin-bottom:0}
.center{margin:20px auto; margin-top:0}
#footer{border-top:10px solid #303030; background:#000 url('/images/bg_footer.gif') repeat-x; padding:15px 0; text-align:center; color:#ffffff}
#footer a{color:#ffffff}
#footer ul{margin:0; padding:5px 0; list-style:none; font-size:1.2em}
#footer ul li{display:inline; padding:0 9px 0 12px; background:url('/images/spr_footer.gif') no-repeat 0 50%}
.first{background:none !important}
div.error{background:#f4d3d3; padding:5px 20px; color:red; font:bold 1.8em/1.3em Arial,sans-serif; margin:20px 0 0 0}
div.formError{ font:14px Arial,sans-serif; color:red; margin:5px 5px}
div.fieldWithErrors{}
form label{ margin:5px 0}
div.rss{ margin:20px 10px 0 0; float:left}
p.blurb{ padding-top:10px; font-size:14px}
#errorExplanation{ width:400px; border:2px solid red; padding:7px; padding-bottom:12px; margin-bottom:20px; background-color:#f0f0f0}
#errorExplanation h2{ text-align:left; font-weight:bold; padding:5px 5px 5px 15px; font-size:12px; margin:-7px; background-color:#c00; color:#fff}
#errorExplanation p{ color:#333; margin-bottom:0; padding:5px}
#errorExplanation ul li{ font-size:12px; list-style:square}
table.admin{ border-collapse:collapse}
table.admin td{ padding:5px; padding-right:20px}
div.admin p{ padding-bottom:10px}
.notice{ color:#303030}
div.banner_right{ width:160px; height:600px; margin: 0 auto;}
img.license{ margin:5px 0; display:inline}
input.license{ display:inline; vertical-align:middle}
p.license_types{ padding-left:20px}
.clear{ clear:both}
.pagination {padding-top: 10px; font-size: 16px}
.pager{float:left; height:32px; margin: 10px 0 10px 0; width:100%; background: #be1323; color: #fff}
.pager ul{float:left; height:24px; margin:0; padding:7px 0 0 23px; font-size:16px; font-weight:bold}
.pager ul li{list-style:none; float:left}
.pager ul li.count{margin-right:10px}
.pager ul li.active{padding:0 0 0 8px}
.pager ul li a{margin:0 0 0 8px; text-decoration:underline}
.pager ul li a:hover{color:#000}
.blog a.button{background:#303030 url('/images/bg_button.gif') repeat-x; border:2px solid #303030; color:#FFF; padding:3px 17px}
.blog .box p{ margin:0}
input.checkbox {display: inline; float: none; vertical-align: middle }
.resources{margin:0; padding:0; list-style:none; overflow:hidden}
.resources li{float:left; padding:10px 6px 10px 6px; text-align: center; font-size: 16px; font-weight: bold}
.resources li div {margin: 10px 0 0 0;}
.resources li img{padding:3px; border:1px solid #C6C6C6;}
.featured_ad {padding:3px; border:1px solid #C6C6C6; margin: 10px 0 10px 0; width: 628px}
#email-box {background-color:#fffbb3;border:1px solid #d4cfcc; padding:7px; width:297px; margin:0 0 15px 0;}
#email-box form {background-color:#fff;border:1px solid #d4cfcc;padding:10px; margin:0;}
#email-box form font {margin:0 0 10px 0; color:#333; line-height:18px;}
#email-box form td {margin-right:20px; padding-bottom:10px; font-size:1.4em; font-weight:bold;}
#email-box form p label.check {width:auto; display:inline; margin-right:0; float:none; font-weight:bold; margin:0 3px;}
#email-box form input[type="text"] {border:1px solid #d3cdcd; background-color:#fffdb0; font-size:1.2em; padding:2px; width:195px;}
#email-box form p select {width:200px;}
#email-box form input[type="submit"] {background:#303030 url('/images/bg_button.gif') repeat-x; border:2px solid #303030; font:bold 16px Arial,sans-serif; overflow: hidden; color:#FFF; margin:0; padding:3px 10px;}
#email-box form p.freebie {font-weight:bold;}
.spacer {margin-left: 20px;}
div.top_banner {padding:20px 15px 10px; width:980px; height: 115px; background:url('/images/banner.png') 20px 15px no-repeat;}
div.leaderboard {width:728px; height:90px; margin: 0 auto; padding: 8px 0 0 0; text-align: center;}
div.leaderboard img {display: inline;}
.advert_box {margin-left: 12px;}
.advert {float: left; margin: 10px; width: 125px; height: 125px;}
.sideboard {margin: 20px 0 0 7px;}
.sideboard_ad_box {margin: 0 0 0 10px;}
.sideboard_ad {float: left; margin: 10px; width: 125px; height: 125px}
.premium_sideboard_ad {margin: 0 0 0 10px;}
.vspacer {clear: both; margin-bottom: 20px;}
.advert_thumb img {max-width: 120px; max-height: 120px;}
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#loading img {display: inline}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(/images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em}
#imageData{ padding:0 10px}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html>body .clearfix {display: inline-block; width: 100%}
* html .clearfix {height: 1%}
div#rating_stars {margin: 15px 10px}
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url('/images/star_rating.gif') left -1000px repeat-x}
.star-rating{ position:relative; width:300px; height:30px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top}
.star-rating li{ display: inline}
.star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:30px; line-height:30px; outline:none; overflow:hidden; border: none}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background-position: left bottom}
.star-rating a.star1{ width:10%; z-index:11}
.star-rating a.star2{ width:20%; z-index:10}
.star-rating a.star3{ width:30%; z-index:9}
.star-rating a.star4{ width:40%; z-index:8}
.star-rating a.star5{ width:50%; z-index:7}
.star-rating a.star6{ width:60%; z-index:6}
.star-rating a.star7{ width:70%; z-index:5}
.star-rating a.star8{ width:80%; z-index:4}
.star-rating a.star9{ width:90%; z-index:3}
.star-rating a.star10{ width:100%; z-index:2}
.star-rating .current-rating{ z-index:1; background-position: left center}
.container-diff{width:1010px; padding:0 4px; margin:0 auto;}
#header ul li#menu-link {margin-left:20px;}
#eezy-menu {position: absolute; z-index:100; margin-left:661px;}
#eezy-content {background:url('/images/menu-bg.gif') repeat-y top left; padding:15px 19px 0pt 19px; width:315px;}
#eezy-menu-bottom {background:url('/images/menu-bg-bottom.gif') repeat-y top left; width:353px; height:20px;}
#eezy-menu a {color:#000; display:block; border-bottom:1px solid #c7c7c7; padding:15px; font-size:1.6em;}
#eezy-menu a.one {border-top:1px solid #c7c7c7;}
#eezy-menu a:hover {text-decoration:none; background-color:#f3f3f3;}
#eezy-menu a strong {color:#000; display:block; width:120px; float:left;}
#eezy-menu a span {color:#000; float:right; width:155px; text-align:left; color:#333;}
.main-content {color:#424242; height:1%; padding:34px 30px 100px 30px; font-size:1.143em}
.main-content:after, .item:after {content:""; clear:both; display:block; height:0}
.item {width:100%;}
.item img {float:left; margin:3px 50px 0 0}
.description {height:1%; overflow:hidden; padding:0 35px 0 0}
.description h2 {margin:0; font-size:3.148em; line-height:normal}
.description em.title {font-size:1.575em; font-weight:bold; margin:5px 0 0 0}
.description p {margin:23px 0 0 0; line-height:1.5em}
.description .price {width:473px; padding:35px 0 0 0}
.description .price:after {content:""; clear:both; display:block; height:0}
.description .price span {margin:4px 0 10px 0; float:right; width:192px; height:47px; overflow:hidden}
.description .price span a {display:block;}
.description .price span img {float:none; margin:0}
.description .price strong {font-size:2.099em; text-decoration:line-through}
.description .price em {font-size:1.575em; display:block; font-style:normal; color:#d60200; font-weight:bold; margin:2px 0 0 0}
.quotation {margin:40px 0 0 0; padding:55px 78px 56px 209px; background:#f2f2f2 url(/images/quo-l.gif) no-repeat 68px 60px; font-size:1.4em; line-height:1.5em}
.quotation div {padding:0 145px 0 0; background:url(/images/quo-r.gif) no-repeat 100% 100%}
.quotation blockquote, .three-column blockquote{margin:0;font-style:italic;}
.quotation q {quotes:none;}
.quotation q:before {content:"";}
.quotation q:after {content:"";}
.three-column {position:relative; width:1000px; overflow:hidden; padding:35px 0 40px 0}
.three-column div {float:left; width:290px; padding:0 0 0 40px; margin:0 40px 0 -40px; font-size:1.225em; line-height:1.3em}
.three-column cite {width:290px; position:absolute; bottom:5px; right:60px; font-weight:bold; text-align:right; display:block}
.three-column cite.first {right:720px;}
.three-column cite.second {right:385px;}
.banner-bottom {margin:45px 0 0 0; width:100%; padding:15px 0; text-align:center; background:#f2f2f2}
.banner-bottom p {margin:0; font-weight:bold; font-size:2.624em; line-height:normal}
.banner-bottom p a {color:#004fc6;}
.banner-bottom p a:hover {text-decoration:underline;}