div#ie-message {display:none; background-color:black; color:white; position:relative; width:900px; height:500px; z-index:10; }

* {padding:0px; margin:0px; } /* default values */
.clear {float:none; clear:both;}
.error-msg {font-weight:bold; color:Red;}
.hide {display:none;}

html {background-color:#F2F2F2; font-family:Arial; font-size:12px; color:#282828;}
body {width:950px; margin:0px auto; padding:0px;}

h1 { margin:10px 0px 5px; position:relative;}
h1.center {margin-left: 205px; margin-bottom:10px;}
p.center {margin-left: 205px; padding-bottom:20px;}
h2 img {border-width:0px;}
h2 a {border-width:0px;}
h3.msg-limit {font-size: 13px; margin:0px; padding:0px; width: 300px; float:right; margin: 0px 10px 0px 0px;  text-align:right;}
ul {list-style-type:none;}
a {color:#0066FF; text-decoration:none;border-bottom:1px dotted #0066FF;}
a:hover {color:#FF6600; border-color:#FF6600;}
.img {display:block; border:1px solid #CCCCCC; padding:2px;}
.img img {vertical-align:middle;}

form {margin-top:20px;}

/* Form Fields */
input,select,textarea {background-image:url(img/bg-textfield.jpg); background-repeat:repeat-x; background-color:White; border: 1px solid #888888;}
input.button {background-image:url(img/bg-btn.jpg);background-repeat:repeat-x; background-color:#0066FF; color:White; padding:5px 15px; width:auto; font-size:14px; }
input.button.sub {background-image:url(img/bg-btn2.jpg); background-repeat:repeat-x; background-color:#EC9A15; border:1px solid #999999; color:#282828;}
input.checkbox, input.radio { width: 15px; height:15px; border:1px solid #999999; #border:0px solid White; background-image:none; }



fieldset { border: 0px; width: 460px; float:right; margin-bottom: 10px; padding-right: 250px; }
fieldset legend {color:#282828; float:left; font-size: 15px; font-weight:bold; margin-bottom:-25px; }
fieldset textarea{float:right; height: 100px; width: 300px;}
fieldset input {float:right; height: 30px; width: 300px;margin:0px;}
fieldset input.checkbox {float:right; height: 15px; width: 15px;margin-right: 285px;}
fieldset select {float:right; height: 30px; width:300px;}
fieldset .button.sub {float:left;}
fieldset .error-msg {display:block;float:right; margin-top:5px; width:300px;}
fieldset.links { padding-top: 10px; padding-bottom:50px; text-align:right; }
fieldset.last {padding-bottom:50px;}


#header {text-align:center; margin:10px 0px 10px;}
#nav-main { color:White; font-weight:bold; font-size:14px;
	width:910px; height: 50px; padding:0px 20px 0px 20px;
	background-image:url(img/bg-nav.jpg); background-repeat:no-repeat;}
#nav-main form {float:left; width: 650px; margin-top:12px; }
#nav-main form * {vertical-align:middle;}
#nav-main input {height: 23px; padding: 1px; color:#282828; border-width:0px;  margin:0px 15px;}
#nav-main input.button { background-image:url(img/bg-btn2.jpg); background-color:#EC9A15; color:#282828; padding:0px 15px 2px 15px; border: 1px solid #EC9A15; display:inline;}
#nav-main ul {float:right; width: 250px; height:auto; margin-top:16px;}
#nav-main li {float:right; padding: 0px 15px;}
#nav-main a {color:white; text-decoration:none; border-width:0px;}
#nav-main a:hover {text-decoration:underline;}

#nav-sub {display:block; width:100%; height:25px; background-image:url(img/bg-yellow.jpg); background-repeat:repeat-x; padding: 0px;}
#nav-sub li {float:left; height:20px; padding: 5px 10px 0px 10px; font-weight:bold;}
#nav-sub li.active {}
#nav-sub li a {color:#282828; text-decoration:none; border:0px;}
#nav-sub li.active a {text-decoration:underline;}
#nav-sub li:hover a {text-decoration:underline;}
#nav-sub li#mysite {float:right;}

#content {background-color:White; padding:15px; margin-bottom:30px;}
#left {float:left; width:600px;}
#right {float:right;width:300px;}
#footer {clear:both; float:none; width: 850px; margin:50px auto 10px auto; border-top:1px solid #CCCCCC; color:#AAAAAA;padding:10px;}
#footer span {float:left;}
#footer ul {width: 600px; float:right;}
#footer li {float:right; padding: 0px 0px 0px 20px;}
#footer a {color:#AAAAAA; border:0px;}
#footer a:hover {color:#282828;}

.panel-gallery{ width: 890px; background-image:url(img/bg-subfeatured.jpg); background-repeat:repeat-x; margin-top:30px; padding:15px;}
.panel-gallery input.button {float:right; margin:-25px 0px 20px 800px; font-size:12px; padding: 2px 10px;}
.panel-gallery h3 {font-size: 18px;  margin-top: 10px; color:#0066FF;}
.item-gallery {float:left; width: 150px; height: 250px; margin:0px 25px 30px 0px;}
.item-gallery.last {margin-right:0px;}
.item-gallery img {width:150px; height:120px;}
.item-gallery .img {cursor:pointer; width:150px; height:120px; margin-bottom:5px;}
.item-gallery h4 {font-size:14px;}



/* Home Page */
#empty-home {padding-bottom:300px;}
#main-featured { background-image:url(img/bg-featured.jpg); background-repeat:repeat-x; height:250px; font-size: 13px; padding:10px 15px;}
#main-featured .img {float:left; width: 250px; height: 200px; margin:0px 25px 30px 0px;}
#main-featured img {width: 250px; height: 200px;}
#main-featured h3 {float:left; width: 280px; font-size: 20px;}
#main-featured h6 {margin-bottom: 3px; color: #999999; text-transform:uppercase; font-size:11px;}
#main-featured span {float:left; width:280px; display:block; color:#777777;}
#main-featured div {float:left; width:280px; margin:15px 0px;}
#main-featured a {float:left; display:block;}

#whats-hot { background-image:url(img/bg-subfeatured.jpg); background-repeat:repeat-x; background-color:White;
	height:565px; padding: 10px 15px;}
#whats-hot h2 {color:#0066FF; margin-bottom:10px;}
#whats-hot .featured {float:left; width:154px; margin:0px 37px 30px 8px;}
#whats-hot .featured.last {margin-right:0px;}
#whats-hot .featured * {margin-bottom:5px;}
#whats-hot .featured .img {width:150px; height: 120px; margin-bottom:5px;}
#whats-hot .featured .img a {border-width:0px;}
#whats-hot .featured img {border-width:0px; width:150px; height: 120px;}
#whats-hot .featured h3 {font-size: 15px;}
#whats-hot .featured h3 a {color:#282828; border:0px;}
#whats-hot .featured h3 a:hover {text-decoration:underline;}

#join-now {border:0px; margin-bottom:15px; display:block;}
#join-now img {border:0px;}
.bigbox {width:300px; height:250px; margin: 0px 0px 30px 0px; background-color:#F2F2F2; border:1px solid #CCCCCC; text-align:center; color:#CCCCCC;}

#recent h2 { margin-bottom:15px; border:0px solid #AAAAAA; border-width:0px 0px 1px 0px; padding-bottom:3px;}
.recent {height: 90px; clear:both;}
.recent img {border:0px; width:75px; height:60px;}
.recent .img {float:left; margin: 0px 10px 0px 0px; width:75px; height:60px;}
.recent .img a {border:0px;}
.recent h3 {float:left; width: 200px; font-size: 14px; margin: 2px 0px 5px 0px;}
.recent h3 a {color:#282828; border:0px;}
.recent h3 a:hover {color:#282828; border:0px; text-decoration:underline;}
.recent span {float:left; display:block; color:#888888; width: 200px; margin-bottom:5px;}
.recent a.visit {float:left; display:block;}

/* Search Result Page */
#result-summary {height:63px; background-image:url(img/bg-yellow.jpg); background-repeat:repeat-x; padding: 0px; margin-top:3px;}
#result-summary h1 {font-size: 25px; margin:17px 0px 0px 25px; float:left;}
#result-summary span {font-size:15px; margin-left: 20px;}

#search-filter {border-bottom:1px solid #282828; margin: 10px 0px 20px 0px; padding-bottom:5px;}
#search-filter span {font-size:14px; font-weight:bold;}
#search-filter select {margin-left: 8px;}
#search-filter option { padding:0px 20px;}

.search-result {height: 125px;clear:both;}
.search-result img { width:75px; height:60px;}
.search-result div.img {float:left; width:75px; height:60px; margin:0px 13px 30px 0px;}
.search-result h3 {float:left; width: 505px; font-size: 14px; margin: 2px 0px 2px 0px;}
.search-result h3 a {text-decoration:underline; color:#282828; border:0px;}
.search-result h3 a:hover {color:#FF9900;}
.search-result span {float:left; width:505px; display:block; color:#888888; margin-bottom:10px;}
.search-result div {float:left; width:505px; display:block; margin-bottom:10px;}
.search-result a {float:left; display:block;}

.pagination {width:100%; height:20px; margin:20px 0px; float:none; clear:both;}
.pagination li {float:left; color:#0066FF; font-weight:bold; padding:0px 3px;}
.pagination li.first {color:#282828; font-weight:normal;}
.pagination li a {color:#282828; font-weight:normal}

.map-results {width:300px; background-color:#FF9900; margin-top:35px; margin-bottom:20px;}
.map-results h4 {color:White; font-size: 13px; padding:5px; font-weight:normal;}
.map-results img { padding:0px; border:1px solid #FF9900; width: 298px; height: 248px; background-color:#CCCCCC;}

/* Navigation for Manage Pages */
#nav-main ul#nav-manage {float:left; width:550px; margin-top:0px; padding-left: 0px; font-size:16px;}
#nav-manage li {float:left; height:35px; padding:15px 25px 0px 25px;}
#nav-manage li.active {background-image:url(img/bg-nav-option.jpg);background-repeat:repeat-x;}
#nav-manage li.active a {color:#282828;}
#nav-manage li:hover {background-image:url(img/bg-nav-option.jpg);background-repeat:repeat-x;}
#nav-manage li a:hover {text-decoration:none;}

/* Forms for Manage Pages (profile, setting, edit asset) */
input.save.button {clear:both; float:none; display:block; margin:0px 0px 0px 210px;}
img.loading {clear:both; float:none; display:none; margin:0px 0px 0px 210px;}
img.loading.asset {margin: 0px 0px 0px 10px;}

#empty-pic {width:174px; height:174px; border:1px solid #CCCCCC; background-color:#F2F2F2; color:#CCCCCC; text-align:center;}
#form-pic {float:left; width: 200px; margin-right:0px; padding-right:0px;}
#form-pic img {width:175px;}
#form-pic .img {width:175px; }
#form-pic div#pic-path {width:175px; overflow:hidden; font-size:11px; padding:5px 0px;}
#form-pic input.file {width:175px;position:absolute; margin-left:-120px;opacity:0.0;filter:alpha(opacity=0);z-index: 2;}
#form-pic .button.sub {margin:0px; width: 80px; margin-left: 50px; font-size:12px;}
#form-pic .error-msg{ width: 200px; text-align:center;}

/* IE7 and IE6 fix */
#form-pic div#pic-path{#display:none;}
#form-pic input.file {#opacity:1.0; #filter:alpha(opacity=100); #margin:0px;}
#form-pic .button.sub {#display:none;}

/* Manage Profile */
table#biz-entries {width: 680px; float:right; padding:0px; margin:10px 30px 10px 0px; border-spacing:0px;}
table#biz-entries td {padding: 3px;}
table#biz-entries thead td {border-bottom:1px solid #282828; margin:0px; font-weight:bold;}
table#biz-entries td.address {width:220px;}
table#biz-entries td.city { width:100px;}
table#biz-entries td.country { width:100px;}
table#biz-entries td.main { width:100px;}
table#biz-entries input.remove {display:none;}
table#biz-entries tr.remove {color:#CCCCCC;}
table#biz-entries a.cancel {display:none;}
div.new-row {width:680px; float:right; background-color:#F2F2F2; padding:15px; margin-bottom:10px;}
div.new-row fieldset {width:405px; float:left; padding-right:0px;}
div.new-row fieldset input {width:300px; }
div.new-row fieldset select {width:300px;}
div.new-row #map {width:250px; height:250px; float:right; background-color:White; border:1px solid #CCCCCC; text-align:center; color:#CCCCCC;}

/* Manage Assets - Control to add new assets */
body.manage-asset #content a {border: 0px;}

#add-panel {display:none;}
#add-panel .button {margin-top:10px;}
.add-cancel {display:block; width:100%; height: 20px;}
.add-cancel li {float:left; padding: 0px 0px 0px 20px;}
.add-cancel li.cancel {border-right:1px solid #282828; padding:0px 20px 0px 0px;}
.add-cancel li.cancel a {color:#282828;}
#asset-rows {width:880px; margin:15px auto;}
#asset-rows .row {margin-bottom:5px; background-color:#F2F2F2; padding:10px; clear:both; float:none; width:100%; }
#asset-rows .row .button.sub {display:block; clear:both; float:none; padding:2px 10px; font-size:12px;}
#asset-rows fieldset {float:left; width: 415px; margin:0px 0px 5px 0px; padding-right:0px;}
#asset-rows fieldset.description {float:right;}
#asset-rows fieldset legend {font-size:12px;}
#asset-rows fieldset input {height: 20px; background-image:none; border:1px solid #CCCCCC;}
#asset-rows fieldset span {display:block; float:right; width:300px; font-style:italic; font-size: 11px;}
#asset-rows fieldset span.error-msg {display:none; float:right; width:300px; margin-top: 2px; margin-bottom: 5px; font-style:normal; font-size: 11px;}
#asset-rows fieldset textarea {height: 120px; width: 310px; background-image:none; border:1px solid #CCCCCC;}

/* Manage Assets - Gallery */ 
#asset.panel-gallery {width:690px;float:right;}
#nav-asset-categories {width: 180px; float:left; margin-top:35px;}
#nav-asset-categories h4 {font-size: 15px; padding-bottom: 3px; border-bottom:1px solid #282828;}
#nav-asset-categories ul {margin-top:15px;}
#nav-asset-categories li {padding: 5px 0px; font-size: 13px; color:#0066FF;}
#nav-asset-categories li a {color:#282828;}
#nav-asset-categories li a:hover {color:#FF9900;}

/* Manage Assets - preview pod */
#preview-pod {display:none; position:absolute; width: 590px; z-index:20px; top:0px; left:0px;}
#preview-pod .top {background-image:url(img/pod-ends.png); width:100%; height: 15px;}
#preview-pod .bottom {background-image:url(img/pod-ends.png); width:100%; height: 15px; background-position:0px 15px;}
#preview-pod #preview-content {background-image:url(img/pod-middle.png); padding:15px 15px 15px 30px;}
#preview-pod #preview-close {border:0px; padding:0px; float:right; margin: 10px 25px 0px 0px; cursor:pointer;}

#preview-content h2 {margin:0px 0px 10px 0px; padding: 0px 0px 5px 0px; font-size:18px; border-bottom: 1px solid #282828; width: 530px;}
#preview-content img {float:left; width: 175px; margin-right:15px;}
#preview-content dl {width: 330px; float:left;}
#preview-content dt {font-weight:bold; float:left; width: 100px; padding:0px 0px 5px 0px;}
#preview-content dd {float:left; width: 230px; padding:0px 0px 5px 0px;}
#preview-content input.button {float:none; clear:both; display:block; margin: 10px 0px;}
#preview-content .loading {margin: 30px auto; width: auto; height: auto;}

/* Manage Assets Edit */
ul#category-list {width:300px; float:right; display:block;}
ul#category-list li {float:left; padding: 6px 10px 0px 0px;}
ul#category-list img {vertical-align:middle; border: 0px; padding:0px; cursor:pointer;}
ul#category-list span {vertical-align:middle;}


/* Manage Theme */
#theme.panel-gallery input.button {float:none; clear:both; padding: 5px 10px; margin:0px 800px 0px 0px; display:block;font-size: 14px;}
#theme.panel-gallery .item-gallery { height: 200px; border:1px solid transparent; padding:10px; margin-top:4px; width:28%;  margin 0 auto;}
#theme.panel-gallery .item-gallery.active{ height: 200px; border-color:#0066FF; background-color:#99CCFF; }
#theme.panel-gallery .item-gallery input {display:none;}
#theme.panel-gallery .item-gallery img {border:1px solid #CCCCCC; padding:2px;display:block; margin-left:auto; margin-right:auto;} 
#theme.panel-gallery .item-gallery select {display: block; margin:0 auto;}
#theme.panel-gallery .item-gallery h4 {text-align: center;}
#theme.panel-gallery div {float: left; width: 50%; }
#theme.panel-gallery h4 {padding-bottom: 15px;}
#theme.panel-gallery select{width:155px;}

/* Static Pages*/
.copy p {line-height: 20px; padding: 0px 0px 20px 10px;}
.copy h2 {margin-bottom:10px;}
.copy h3 {padding:5px 5px 5px 10px;}
.copy h3 span {font-size: 12px; font-style:italic; font-weight:normal; margin-left: 10px;}

#terms {text-align:left; padding-bottom: 10px;}
#terms input {display:inline; float:none; clear:both; margin: 5px 0px 0px 10px;} 
#terms legend {display:inline; margin-left: 30px;} 
#terms .error-msg {float:left;}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

/* Browse Page */
ul.browse {width: 250px; padding: 0px 10px 50px 0px; float:left; display:block;list-style-type:decimal;}
ul.browse ol {padding: 1px; font-size: 13px;}
ul.browse ol a {border:0px;}
ul.browse.pagination {text-transform:uppercase; list-style-type:none; width: 100%; padding:0px;}
ul.browse.pagination li a {border-color:#282828;}
ul#nav-sub.browse {text-align:right; background-color:White; list-style-type:none; background-image:none;}
ul#nav-sub.browse li {float:right;}

/* Business Template Page */
#profile {width: 570px; height:270px; float:left; padding: 15px;}
#profile h2 {margin-bottom: 10px;}

#profile span {color:#666666; display:block; width: 560px; margin:0px 0px 7px 0px;}
#profile ul {color:#666666; width:450px; display:block; float:left;}
#profile ul li {float:left; background-position: 0px 1px; background-repeat:no-repeat; padding: 0px 0px 1px 25px; margin: 2px 0px; width: 130px; height: 25px;}
#profile #phone {background-image:url(img/icon-phone.jpg);}
#profile #fax {background-image:url(img/icon-fax.jpg);}
#profile #web {background-image:url(img/icon-web.jpg);}
#profile #email {background-image:url(img/icon-mail.jpg);}
#profile p {clear:both; float:none; padding-top: 10px; }
#mapcontainer {width: 300px; margin-bottom: 100px; background-color:#282828; float:right;}
#mapcontainer #map {padding:1px; width:296px; height: 275px; margin: 0px auto 1px auto; border-width:0px;}
#mapcontainer h4 {color:White; font-size: 13px; padding:5px; font-weight:normal;}

#recently-added {height: 250px; width:918px; background-color:white; padding: 15px; margin:3px 0px 50px 0px; float:left; }
#recently-added h2 {border-bottom:1px solid;  padding-bottom: 3px; margin-bottom: 15px; font-size:18px;}
#recently-added h2 a {font-size:12px; margin-left: 30px;}
#recently-added .asset-result {width: 165px; height: 190px;text-align:center; padding-top:15px;margin:0px 20px 0px 0px;}
#recently-added .asset-result * {display:block; text-align:center;}
#recently-added .asset-result img {display:inline; border:0px;}
#recently-added .asset-result.last {margin-right:0px;}