@charset "utf-8";
/* CSS Document */

fieldset {border: none;}

#featured1 { background: url(assets/images/DenizenGardens-thumb.jpg); }
#featured2 { background: url(assets/images/DeveloperMarketplace-thumb.jpg); }
#featured3 { background: url(assets/images/Template4-thumb.jpg); }
#featured4 { background: url(assets/images/Template1-thumb.jpg); }

#recent1 { background: url(assets/images/PriceT-thumb.jpg); }
#recent2 { background: url(assets/images/ConsultingTemplate-thumb.jpg); }
#recent3 { background: url(assets/images/SomeTemplate-thumb.jpg); }
#recent4 { background: url(assets/images/MortgageTemplate-thumb.jpg); }

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #00093C url(assets/templates/developermarketplace/images/background2_01.jpg) repeat-x top left;
}

a {color: #e6e6e6;}
a:hover {color: #ccc;}
h1 { font-size: 1.5em; }
a h1 { text-decoration: none; }

#login_logout a { text-decoration: none; }

.previewimg {
    margin: 0px;
    border: none;
    padding: 0px;
    width: 240px;
    height: 320px;
}

#background {
	width: 100%;
	height: 100%;
	background-attachment: fixed;
}
#container {
	width: 800px;
	margin: 20px auto;
	border: 1px solid white;
	background-color: #333;
        padding: 0px;
}

#content {
	color: #FFF;
        line-height: 1.5em;
	font-size: .8em;
	margin-left: 199px;
	padding: 0 15px;	
}
#content h1 {
       margin-top: 0;
}

#content h3 {
        margin-top: 20px;
        margin-bottom: 0;
}

#recent {
        margin-top: 10px;
}


#logo {
	background: url(assets/templates/developermarketplace/images/Developer-Marketplace-Layout_03.png) repeat-x top left;
	color: #FFF;
	width: 770px;
	border-top: 35px solid #990000;
	padding: 15px;
        margin: 0px;
        height: 93px;
        vertical-align: middle;
}

#logo h1 {
        font-size: 2.1em;
	font-weight: bold;
	letter-spacing: -3px;
        padding: 20px;
        margin: 0;
}
#login_logout {
       font-size: 0.7em;
       float: right;
       margin: -92px 5px;
}

#logoImage {
       background: url(assets/templates/developermarketplace/images/Logo.png);
       height: 93px;
       width: 97px;
       float: left;
}

.nav {
	width: 198px;
	float: left;
	margin: 0px;
	color: white;
}
.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav ul li {
	background: #000;
	display: block;
	margin: 0;
	padding: 0;
}
.nav ul li a {
	display: block;
	color: #fff;
	
	text-decoration: none;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-bottom: 1px solid #666;
}

.nav ul li a:hover {
	color: #FFF;
	background: #990000;
}

.nav ul li.bottom {
	height: 30px;
	background: url(assets/templates/developermarketplace/images/Developer-Marketplace-Layout_13.png) no-repeat bottom right;
}

.nav ul li.search {
	font-size: .9em;
	color: #fff;
	padding: 0 10px 10px 10px;
	
}

.submenu {
	background: #666;
}

.submenu ul {
	background: #666;
}

.submenu ul li {
	background: #666;
}

.submenu ul li a {
	color: #fff;
	letter-spacing: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 0px 19px;
	font-size: .7em;
/*	border-bottom: 1px solid #333; */
	background: #666;
}

.submenu ul li a:hover {
	text-decoration: underline;
	background: #666;
}

#taglinegraphic {
	width: 563px;
	height: 135px;
	background: url(assets/templates/developermarketplace/images/tagline_10.jpg) no-repeat top left;\
	overflow: hidden;
	
	/*GRAPHIC ID: 
	ISTOCKPHOTO: 3370200
	******************/
}

#taglinegraphic p {
	position: absolute;
	left: -9999px;
}

.templateprev {
	float: left;
	margin: 10px 18px 10px 0px;
        padding: 0px;
	width: 120px;
	height: 150px;
	background: #666;
	border: 1px solid silver;
        cursor: pointer;
        -moz-opacity: 0.8;
        opacity: 0.8;
        filter: alpha(opacity=80);
        overflow: hidden;
}

.templateprev:hover {
	background: #999;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.paginate {
	text-align: center;
	font-size: 0.8em;
}

#pics {
	text-align: center;
	font-size: .7em;
	float: right;
	width: 256px;
}

#pics img {
}

#description {
	width: 275px;
        height: 100%;
	padding-right: 13px;
/*	border-right: 1px solid silver; */
}

.buy_section {
	font-size: .9em;
	text-align: left;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 10px auto;
	float: left;
	width: 235px;
	padding: 10px;
}

.buybtn {
	float: right;
}

#footer {
margin-top: 20px;
        text-align: left;
        width: 163px;
	height: 40px;
	font-size: .8em;
	font-weight: bold;
	color: white;
}

#footerlinks {
       background: #990000;
       margin-top: 0px;
       padding: 10px;
       height: 20px;
       text-align: center;
       font-size: .8em;
       font-weight: bold;
       v-align: middle;
}
#footerlinks ul {
       margin: 0;
       padding: 0;
}

#footerlinks a {
       padding: 0;
       margin-top: 10px;
}

#poweredby {
       float: right;
      -moz-opacity: .8;
       position: relative;
       top: -10px;
       left: 20px;
       width: 167px;
       height: 37px;
       background: url(assets/templates/developermarketplace/images/Poweredby_WonTrans_11.png) no-repeat top right;
       margin-bottom: 10px;
}

#poweredby:hover {
       -moz-opacity: 1;
}

#poweredby p {
       position: absolute;
       left: -9999px;
}

/* -----------BROWSE BY CATEGORY ------------- */
.industries {
       background: #000;
       width: 561px;
       height: 53px;
       margin-bottom: 10px;
       cursor: pointer;
}

.industries p {
       margin: 0;
       padding: 15px 0 0 30px;
       font-size: 1.2em;
       font-weight: bold;
}
/* ------------------------------------------*/


/* -------------------------------------------
BEGIN Marketplace category list page
---------------------------------------------*/

.list-templates {
      width: 98%;
}

.list-templates ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
}

.list-templates ul li {
      margin: 0;
      padding: 15px 0 15px 0;
      border-bottom: 1px dotted silver;
}

.list-templates ul li:hover {
      background: #666;
}

.list-templates ul li a {
      text-decoration: none;
}

.list-templates ul li a {
      color: white;
}

.list-thumbnail {
      float: left;
      width: 75px;
      height: 90px;
}

.list-description {
      font-size: .8em;
      padding: 0 0 0 90px;
}

.list-gototemplatepage {
      width: 100px;
}


/* -------------------------------------------
END Marketplace category list page
---------------------------------------------*/


#termsdiv {
       overflow: auto;
       height: 200px;
       color: #fff;
       padding: 0px 10px 5px 10px;
       background-color: #232323;
       border: solid 1px #000;
}

/* Star rating system */
.star-rating {
    float: right;
    list-style:none;
    margin: 0px 0px 10px 0px;
    padding:0px;
    width: 125px;
    height: 25px;
    position: relative;
    background: url(alt_star.gif) top left repeat-x;
}
.totalvotes {
    float: right;
    margin: 3px 20px 10px 10px;
}
.star-rating li {
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.star-rating li a {
    display:block;
    width:25px;
    height: 25px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
    overflow: hidden;
    outline: none;
    border:0;
}

.star-rating li { text-indent:-9000px; }
.star-rating li a:hover { background: url(alt_star.gif) left bottom; z-index: 2; left: 0px; }

.star-rating a.one-star, .star-rating li.one-star { left: 0px; }
.star-rating a.two-stars, .star-rating li.two-stars { left:25px; }
.star-rating a.three-stars, .star-rating li.three-stars { left: 50px; }
.star-rating a.four-stars, .star-rating li.four-stars { left: 75px; }
.star-rating a.five-stars, .star-rating li.five-stars { left: 100px; }

.star-rating a.one-star:hover { width:25px; }
.star-rating a.two-stars:hover { width: 50px; }
.star-rating a.three-stars:hover { width: 75px; }
.star-rating a.four-stars:hover { width: 100px; }
.star-rating a.five-stars:hover { width: 125px; }

.star-rating li.current-rating {
    background: url(alt_star.gif) left center;
    position: absolute;
    height: 25px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

.star-rating-warning { font-size:smaller; color: maroon; }


#sign_up {   }

.signupd { font-size: 1.1em; color: #ffffff; padding: 10px 0px 10px 0px; }
.signuph { font-size: 1.4em; color: #ffffff; }
.signuphsel { color: #D50; }
.errtxt { color: #D50; }

#sign_up legend { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 0.9em; color: #ffffff; }
#sign_up fieldset { padding: 10px; border: 1px solid #CCC; }
#sign_up label { font-size: 1.3em; display: block; padding-bottom: 3px; font-size: 0.9em; font-weight: bold; color: #ffffff; }

.txtbox {
/*#signup-fname, #signup-lname, #signup-password1, #signup-password2, #signup-email, #signup-phone, #sign_up #signup-username { */
	display: inline; margin: 2px 0; padding: 2px; font-size: 1.2em; font-weight: bold; color: #ec8e29; border: 1px solid #999;
	background: #eff8fd url(/assets/images/inputbg.gif) repeat-x;
}

.dnone { display: none; }

#sign_up div.description { color: #999; }

span.highlight { border: 3px solid #ffc; background-color: #ffc; }

fieldset { margin-bottom: 1.2em; padding: .5em; }
form { margin: 0; padding: 0; display: inline; }

tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; white-space: nowrap; }

.form-item { margin-bottom: 1em; font-size: 1.1em; }
.form-item input.error, .form-item textarea.error { border: 2px solid red; }
.form-item .description { font-size: 0.9em; color: #666; }
.form-item label { display: block; font-weight: bold; }
.form-item label.option { display: inline; font-weight: normal; }
.marker, .form-required { color: #f00; }

/**************************** HIGHSLIDE LIGHTBOX ***********************/

.highslide { cursor: url(highslide/graphics/zoomin.cur), pointer; outline: none; margin-right: 20px; }
.highslide img { border: 2px solid gray; }
.highslide:hover img { border: 2px solid white; }
.highslide-image { border: 2px solid white; }
.highslide-image-blur { }
.highslide-caption {
    display: none; border: 2px solid white; border-top: none;
    font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white;
}
.highslide-loading {
    display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase;
    text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white;
    background-color: black;
}
a.highslide-credits,
a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover,
a.highslide-credits:hover i { color: white; background-color: gray; }
.highslide-move { cursor: move; }
.highslide-overlay { display: none; }
.controlbar { background: url(highslide/graphics/controlbar4.gif); width: 167px; height: 34px; }
.controlbar a {	display: block; float: left; height: 27px; }
.controlbar a:hover { background-image: url(highslide/graphics/controlbar4-hover.gif); }
.controlbar .previous { width: 50px; }
.controlbar .next { width: 40px; background-position: -50px 0; }
.controlbar .highslide-move { width: 40px; background-position: -90px 0; }
.controlbar .close { width: 36px; background-position: -130px 0; }
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }

* { behavior: url(assets/templates/developermarketplace/iepngfix.htc); }