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

body{
background:#444444;
color:#cccccc;
margin:0 auto;
font-family:"Lucida Grande", "Lucida Sans Unicode",Arial, Helvetica, sans-serif;
font-size:11px;
}

#header{
width:898px;
height:113px;
background-color:##444444;
margin:auto;
}
#header .logo{background:url(images/logo2.gif) no-repeat;
display:block;
width:480px;
height:113px;
float:left;
}
#header ul{
float:right;
display:inline;
list-style:none;
margin:40px 5px;
}
#header ul li{
float:left;
display:block;
}
#header ul li a{
padding:5px 10px;
float:left;
margin:0 2px;
text-decoration:none;
color:#a8a8a8;
font-size:12x;
display:block;
}
#header ul li a:hover{
background:#5f9d45;
text-decoration:underline;
color:#fff;
}
#content{
background:#111111;
width:898px;
margin:0px auto;
clear:both;
}
#pic-content{
width:896px;
background:url(images/center_bg.gif) repeat-x;
height:377px;
padding:0px;
border:#3a3a3b 1px solid;
margin:0px auto;
}
#pic-img{
width:896px;
height:357px;
margin:0;
padding:0;
text-align:center;
vertical-align:bottom;
}

#pic-content ul{
	list-style:none;
	margin:0px auto;
	float:right;
	text-align:center;
	width:894px;
	border:1px solid #525050;
	padding:0;
	display:block;
	height:40px;
	background:#3a3a3b;
	position:absolute;
}
#pic-content ul li{
float:left;
height:20px;

}
#pic-content ul li a{
background:#3a3a3b;
padding:10px;
text-decoration:none;
color:#cccccc;
float:left;
height:20px;

}
#pic-content ul li a:hover{
background:#666666;
text-decoration:underline;
color:#fff;
}

#client{
background:#1a1a1a;
border-bottom:1px solid #383838;
height:88px;
padding:10px 50px 10px 50px;
width:798px;
}
#client img{
background:#666666;
padding:5px;
margin:10px;
float:left;
}

#client2{
background:#1a1a1a;
border-bottom:1px solid #383838;
height:268px;
padding:10px 50px 10px 50px;
width:798px;
}
#client2 img{
background:#666666;
padding:5px;
margin:10px;
float:left;
}

#pcompany{
background:#1a1a1a;
border-bottom:1px solid #383838;
height:180px;
padding:10px 50px 10px 50px;
width:798px;
}

#pbuy{
background:#1a1a1a;
border-bottom:1px solid #383838;
padding:10px 50px 10px 50px;
width:798px;
}
#text-area{
border-bottom:1px solid #383838;
padding:10px 50px 10px 50px;
text-align:justify;
clear:both;
width:798px;
}

#text-area img{float:left;
}

#text-area h2{
color:#fff;
font-size:18px;
}
#text-area .cek{
background:url(images/cekbox.gif) no-repeat;
padding-left:20px;
margin:7px;
display:block;
color:#FFFFFF;
width:160px;
float:left;
font-size:14px;
}
#text-area .cek2{
background:url(images/cekbox.gif) no-repeat ;
padding-left:20px;
display:block;
color:#FFFFFF;
clear:both;
font-size:14px;
text-align:left;
}
#textboxarea{
clear:both;
margin:10px auto;
padding:0px;
height:450px;
width:798px;
}
#textbox{
margin:10px 20px 10px 0px;
display:block;
color:#FFFFFF;
width:150px;
float:left;
background:#202020;
border:#333333 1px solid;
text-align:left;
padding:10px;

}
#textbox ul{
padding-left:15px;
margin:10px;
}
#text-area a{
color:#FFFFFF;
text-decoration:underline;
}


#text-area a:hover{
color:#5f9d45;
text-decoration:underline;
}

#footer{
width:878px;
background-color:#000;
margin:0px auto 20px auto;
border-top:#313131 solid 1px;
padding:10px;
text-align:center;
}

#footer a{
color:#fff;
text-decoration:underline;
}

#footer a:hover{
color:#5f9d45;
text-decoration:none;
}
#sliding{
width:898px;
background-color:#161616;
margin:0px auto 0px auto;

}
#footeraddress{
width:878px;
margin:0px auto 50px auto;
padding:10px;
text-align:center;
}#footeraddress a {  color:#6FA758;  text-decoration:underline;}#footeraddress a {	text-decoration: none;}
/*------------------------------------------------------------*/

#container {
  width: 878px;

  margin: 0 auto;
  padding: 0 10px;
}


.shop-screenshot {
  float: left;
  width: 440px;
  height: 341px;
  padding: 48px 28px;
  text-align: center;
  
}

.shop-screenshot-image {
  width: 375px;
  height: 320px;
  margin: 0 auto;
  border:0;
}

.shop-screenshot-image.loading {
  width: 375px;
  height: 320px;
  margin: 0 33px;
  background: #fff;
  
}

.shop-screenshot-image.loading #shop-screenshot-img {
  display:none;
}

.shop-details-top {
  font-size: 90%;
}

.shop-details {
  float: left; 
  width: 370px; 
  margin: 20px 0 30px 0;
  text-align: left;
}

.shop-details-top h3 {
  font: 1.3em/0.9em Verdana;
  letter-spacing: 1.2pt;
  font-variant: small-caps;
  font-weight: normal;
  margin: 12px 0 8px 0;
}

.shop-details .product {
  float: left;
  width: 104px;
  height: 104px;
  padding: 1px 0;
  margin: 0 12px 0 0;
  text-align: center;
}

.visit {
  height: 30px;
  text-indent: -32000px;
  margin: 18px 0;
  cursor: pointer;
}

.visit:hover {
  background-position: 50% -30px;
}

.shop-details .description {
  margin: 140px 20px 0 0;
  text-align:left;
}

#slide-navigation {
  background: url('../images/stores-bg.gif') top left repeat-x;
  height: 208px;
  border-top: 1px solid #313131;
}

#slide-navigation .shop {
  float: left;
  margin: 20px 25px 0 20px;
  padding: 20px 20px 0 20px;
  cursor: pointer;
}

#slide-navigation .shop:hover {
  background: #313131;
}

#slide-navigation .active:hover {
  background: #313131;
}


#slide-navigation .active {
  background: #313131;
  border: 1px solid #4444;
}

#slide-navigation .screenshot {
  background: url('../images/stores-shade-blend.gif') top left no-repeat;
  width: 120px;
  height: 100px;
  padding: 1px 2px 3px 2px;
}

#slide-navigation .screenshot img {
  width: 120px;
  height: 100px;
  border:0;
}



/* 
 * SEARCH 
 */


#sidebar {
  width: 300px;
  float: right;
  margin-top: 0px;
}

#sidebar h3 {
  margin: 20px 0 8px 0;
  font-size: 100%;
}

#sidebar dl {
  border-top: 1px solid #ddd;
  margin: 20px 0 0 0;
  width: 260px;
}

#sidebar dt {
  margin: 12px 0 0 0;
}

#sidebar dd {
  margin: 0;
  font-size: 80%;
}

#recent-products {
  margin-top: 20px;
}

#recent-products ul {
  list-style-type: none;
  padding: 0;
  font-size: 90%;
  color: #666;
}

#results {
  padding: 12px 0;
  min-height: 400px;
}

#results>ul {
  list-style-type: none;
  width: 520px;
  border-right: 1px solid #eee;
}

#results>ul>li {
  clear: left;
  height: 112px;
  width: 500px;
  border: 1px solid #fff;
}

#results>ul>li:hover {

}

#results>ul>li.highlight {
  border: 1px solid #dfdfdf;
  background: #fffbda;
}

#results .product {
  width: 104px;
  height: 104px;
  padding: 1px 0px;
  background: url('../images/product-bg-white.gif') top left no-repeat;
  margin: 4px 18px 8px 4px;
  text-align: center;
  float: left;
}

#results .meta {
  font-size: 90%;
}

#results .meta h3 {
  padding-top: 4px;
  margin: 1px 0 8px 0;
}

#results .description {
  color: #666;
}

#results .watch {
  float: right;
  padding-left: 15px;
  background: url('../images/bullet_toggle_plus.png') bottom left no-repeat;
  margin: 0 10px 0 0;
  font-size: 80%;
}

#search-alternatives {
  padding-top: 30px;
  margin: 0 auto;
}

#search-alternatives ul {
  padding-left: 12px;
  list-style-type: none;
  font-size: 90%;
}

#search-alternatives td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f5f5f5;
}

/* Frontpage slides */

div#slide-deck {
  overflow: hidden;
  position: relative;
  width: 866px;
  height: 440px;
}

ul#slides {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 5418px;  
  position: absolute;  
}

ul#slides li {
  display: block;  
  float: left;  
}



/* login */

#login {
  width: 400px;
  height: 240px;
  background: #fff;
  padding: 6px;
  margin: 20% auto;
  border: 1px solid #666;
  border-bottom: 1px solid #444;
  border-top: 1px solid #888;
  text-align: center;
}

#login form {
  margin: 35px 0;
}

#login p {
  margin: 10px;
}


#login-header {
  background: #4b4b4b;
  height: 60px;
  margin-bottom: 30px;
}

#login-header img {
  margin: 8px;
}

/* Errors and Notifications */

.notice {
  border: 1px solid #ccc;
  background: #f7f7eb;
  padding: 15px 10px 0 10px;
  text-align: center;
  margin: 20px auto 0 auto;
  height: 40px;
  font-weight: bold;
}


/* Dashboard */

#dashboard-description {
  padding: 5px 15px;
}

#publish {
  display: block;
  height: 49px;
  width: 338px;
  background: url('../images/publish.gif') top left no-repeat;
  text-indent: -32000px;
  margin: 0 auto;
}

#publish:hover {
  background-position: 0 -49px;
}

#publish-description {
  width: 600px;
  margin: 30px auto 35px auto;
  color: #666;
}

#dashboard-products {
  background: #f7f7eb;
  border: 1px solid #dfdfd4;
  width: 500px;
  margin: 15px auto;
  text-align: center;
  padding: 15px 10px;
}

#dashboard-notification {
  background: #5f5f5f;
  color: #f8f4d2;
  padding: 7px 10px;
  text-align: center;
  margin: 25px auto 0 auto;
}

#dashboard-notification a {
  color: #f8f4d2;
}

#dashboard-listings {
  width: 887px;
  margin: 10px auto;
  padding: 0 10px;
  color: #ddd;
}

#dashboard-listings h3 {
  font-size: 150%;
  font-weight: normal;
  color: #fff;
  margin-top: 5px;
}

#dashboard-showcase-info {
  width: 100%;
  margin-top: 20px;
}

#dashboard-showcase-info td {
  padding: 0 10px;
  vertical-align: top;
}

#dashboard-showcase-info p {
  font-size: 90%;
}

#dashboard-showcase-info a {
  color: #bfedfe;
}

#dashboard-advertise-link {
  background: url('../images/advertise.gif') top left no-repeat;
  height: 59px;
  text-indent: -32000px;
  cursor: pointer;
}

#dashboard-advertise-link:hover {
  background-position: 0 -59px;
}

#dashboard-edit-listing {
  color: #fff;
  position: relative;
  left: 78px;
  width: 200px;
  background: #555;
  text-align: center;
  padding: 2px 0;
}

/* Showcasing */

.step {
  float: left;
  color: #666;
  margin: 28px 90px 0 70px;
  padding: 0 10px 0 0;
    
  /*padding: 14px 10px 14px 0;*/
}

.step em {
  font-size: 400%;
}

#progress .active {
  color: #fff;
}

#bottom-action {
  clear: left;
  border-top: 1px solid #bbb;
  background: #d9d9d9;
  height: 32px;
  padding: 20px 10px 14px 10px;
  color: #333;
  text-align: center;
}

#proceed-link {
  float: right;
  text-align: center;
}

/* editable */

.shop-details.editable input, .shop-details.editable textarea {
  border-top: 1px solid #aaa;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #eee;
  background: #fefefe;
}

.shop-details.editable input {
  padding: 1px;
  text-align: center;
  margin: 2px;
  width: 300px;
}

.shop-details.editable textarea {
  background: #fefefe none;
  padding: 2px;
  width: 340px;
  height: 170px;
}

.shop-details.editable input.big {
  font-size: 130%;
}

.shop-details.editable input.link {
  color: #37688e;  
}

#description-edit {
  clear: both;
  padding-top: 15px;
  text-align: left;
}

/*
 * Tooltips
 */

.tool-tip {
	font-size: 11px;
	text-align: center;
	background: #000;
	width: 250px;
	overflow: hidden;
}

.tool-tip .tool-title {
	color: #fff;
	font-weight: bold;
	padding: 10px 10px 0 0;
}

.tool-tip .tool-text {
	color: #fff;
	padding: 5px 10px 10px;
}

/*
 * Listings
 */
 
div#product-selector {
  position: fixed;
	top: 50%;
	left: 50%;
	width: 597px;
	height: 463px;
	margin-top: -235px;
	margin-left: -305px;
	background: url('../images/product-select-bg.png') top left no-repeat;
	padding: 6px 6px 6px 7px;
}

div.image-container {
  width: 16px;
  height: 16px;
  background: #fff;
  text-align: center;
  margin: 1px 10px 0px 3px;
  float: left;
}

div.product-selector-header {
  background: #8d8d8d;
  border-bottom: 1px solid #777;
  height: 40px;
  margin-bottom: 15px;
}

div.product-selector-close {
  cursor: pointer;
  background: #555;
  height: 20px;
  width: 20px;
  float: right;
  border-bottom: 1px solid #9d9d9d;
  border-left: 1px solid #7d7d7d;
  color: #ccc;
  font-size: 11pt;
  text-align: center;
}

div.product-selector-close:hover {
  color: #fff;
}

input.product-selector-search {
  margin: 9px;
  width: 300px;
  color: #999;
  background: #fff url('../images/magnifier_desat.gif') bottom left no-repeat;
  padding-left: 24px;
}

div#product-selector img { 

}

div#product-selector div.selectable-product {
  height: 20px;
  width: 200px;
  margin: 2px 10px 1px 30px;
  color: black;
  font-size: 9pt;
  float: left;
  width: 250px;
  cursor: pointer;
}

div#product-selector div.selectable-product:hover {
  background: #f8f6df;
}

div.selectable-product span {
  float: left;

}

#shop_description.full { 
  color: #e66;
}

/*
 * Payments
 */
 
div#text {
  font-family: sans-serif;
  width: 800px;
  margin: 0 auto;
  padding-top: 20px;
}

div#text h3 {
  font: 1.3em/0.9em Verdana;
  letter-spacing: 1.2pt;
  font-variant: small-caps;
}

table.payments td.summary {
  background: #ddd;
  font-weight: bold;
  text-align: right;
}

table.payments td {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1px;
  padding-top: 6px;
}

table td.detail {
  text-align: center;
}

table td.result {
  text-align: right;
}

#text .notice {
  border: 1px solid #ccc;
  background: #f7f7eb;
  padding: 15px 10px 0 10px;
  text-align: center;
  margin: 20px auto 0 auto;
  height: 130px;
  font-weight: bold;
}

p.notice, p.error {
  color: black;
  margin: 15px 0px;  
  background: #FFFBE5;
  border: 1px solid #eFeBd5;
  border-bottom: 1px solid #dFdBc5;
  border-right: 1px solid #dFdBc5;
  padding: 7px 5px 5px 5px; 
}

p.error {
  font-weight: bold;
}

.errorExplanation > p, .errorExplanation > h2 {
  display:none;
}

.errorExplanation > ul {
  color: black;
  margin: 15px 0px;  
  background: #FFFBE5;
  border: 1px solid #eFeBd5;
  border-bottom: 1px solid #dFdBc5;
  border-right: 1px solid #dFdBc5;
  padding: 7px 5px 5px 20px;
  list-style: square;
  font-size: 9pt;
}

/*
 * SLIDER
 */

#slider { 
  text-align: left;
  padding: 15px 0 0 10px;
}

#slider span {
  float: left;
  margin-right: 20px;
}

#track { 
  float: left;
  width: 300px;
  height: 14px;
  background: url('../images/track.gif') bottom left no-repeat;
}

#handle_min {
  background: url('../images/slider.gif') top left no-repeat;
  width: 9px;
  height: 19px;
  position: relative;
  float: left;
  cursor: move;
}

#inner {
  background: url('../images/highlight.gif') top left repeat-x;
  position: relative;
  left: 10px;
  top: 10px;
  height: 4px;
  width: 30px;	   	   
}

#handle_max {
  background: url('../images/slider.gif') top left no-repeat;
  width: 9px;
  height: 19px;
  position: relative;
  float: left;
  cursor: move;
} 

#price-label {
  font-weight: normal;


  font-family: Times, "Times New Roman";  
  font-size: 11pt;
  color: #9aa2af;
  
  position: relative;
  top: 3px;
}

/*
 * TAGS
 */

#tags, #vendors, #types {
  width: 280px;
  line-height: 30px;
}

a.tag100 {
  color: #000;
}

a.tag90 {
  color: #222;
}

a.tag80 {
  color: #444;
}

a.tag70 {
  color: #666;
}

a.tag60 {
  color: #777;
}

a.tag50 {
  color: #888;
}

a.tag40 {
  color: #999;
}

a.tag30 {
  color: #aaa;
}

a.tag20 {
  color: #bbb;
}

a.tag10 {
  color: #ccc;
}

/*
 * 500 & 404
 */
 
#warning-heading {
  margin: 40px;
  background: #fffce0;
  padding: 7px;
  color: #000;
}

#warning-heading span {
  color: #900;
}

.box {
  width: 480px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  margin: 20px auto;
}


/*
 * UTILS
 */
 
fieldset {
  margin-top: 15px;
  border: 1px solid #ccc;
}

fieldset legend {
  color: #666;
}

img.spinner {
  position: relative;
  top: 180px;
  left: 280px;
  width: 32px;
  height: 32px;
}

table.data {
  margin: 0 0 20px 0;
  width: 100%;
}

table.data th {
  background: #666;
  border-bottom: 1px solid #333;
  color: #fff;
  padding: 2px 3px;
  text-align: center;
}

table.data td {
  padding: 3px;
  text-align: center;
}

span.big {
  font-size: 200%;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.note { color: #777; font-size: 90%; }
.sb { margin-bottom: 10px; }
.ssb { margin-bottom: 20px; }
.st { margin-top: 10px; }
.sst { margin-top: 20px; }
.black { color: #000; }
p.highlight, span.highlight { color: #f8f4d2; font-style: italic;}

/* Pagination */

.pagination {
  padding: 3px;
  margin: 30px 3px 3px 3px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #bbb;
  text-decoration: none;
  color: #888;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #bbb;
  color: #000;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #ccc;
  font-weight: bold;
  background-color: #ccc;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

.bpwhite{
background:#ffffff;
color:#2f2f2f;
font-size:12px;
font-weight:bold;
}

.bpgrey{
color:#fff;
font-size:12px;
font-weight:bold;
}
.bpbot{
border-bottom:#4e4e4e solid 1px;}
.bpbotw{
border-bottom:#fff solid 1px;}
#chatbox{
padding:10px;
border:#333333 solid 1px;
clear:both;
height:70px}
#chatbox img{
margin-left:5px;
float:right}

#servbox{
padding:10px;
clear:both;
margin-bottom:10px;
}
#servbox img{
width:100px;
height:100px;
margin-right:5px;
margin-bottom:70px;
float:left}

#link2box{
padding:10px;
border:#333333 solid 1px;
width:350px;
margin: 20px 25px 20px 0px;
float:left;
text-align:left;
}

#link2box2{
padding:10px;
border:#333333 solid 1px;
margin-top:20px;
clear:both;
text-align:left;
}

#seobox{
padding:0px;
margin-top:20px;
clear:both;
text-align:left;
}
#seobox img{

margin:5px 5px 5px 0px;
}