/*
Theme Name:		HeistLab3
Theme URI:		http://www.marketheist.com
Description:	marketHEIST Theme v0.3
Version:		0.3
Author:			marketHEIST.com
Author URI:		http://www.marketheist.com
*/

body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#333;
	margin:0;
	padding:0;
background: #ebebeb url(https://marketheist.s3.amazonaws.com/images/bg-2.png) no-repeat 50% 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica,Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #27221f;
}

h1 {
font-size: 2em;
color: #ff5519;
font-weight: normal;
 letter-spacing: -0.05em;
text-shadow: 0px 1px 0px #e5e5ee;
}

h1 a {
font-size: 1.2em;
color: #1f3653;
font-weight: bold;
}


h2 {
	font-size: 1.7em;
	letter-spacing:-0.04em;
	line-height: 1.05em;
	padding-bottom: 10px;
}

h4 {
	font-size: 1.4em;
color: #f96311;
}

#single p {
line-height: 1.45em;
}

img {
	border:0px;
}
a {
	color:#0066cb;
	text-decoration:none;
}
a:hover {
	xcolor:#474848;
	text-decoration:underline;
}
a img {
	border:0px;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

#content img.alignleft {
margin: 0px 15px 15px 0;
}

#wrapper {
	width:1040px;
	margin:0 auto 0 auto;
padding: 0 40px;
xborder: 1px solid red;
}
#header {
	padding:0;
	margin:0 auto 50px auto;
	text-align:left;
height: 210px;
}

#header h1 {
	margin: 0;
	padding:0;
}

#header-wrapper
{
width: 1040px;
display: block;
margin: 0px auto 5px auto;
padding: 0px;
}

#logotag {
width: 275px;
min-height: 160px;
background: url('http://lh5.ggpht.com/_GOyOCjLL9PY/S85Ls337DwI/AAAAAAAAACs/-9_u-LVXk2k/MH_logotag_275x350.png') no-repeat bottom left;
margin: -10px 0 0 10px;
padding-bottom: 25px;
float: left;
}


#mastermenu {
font-size: 1.1em;
display: block;
margin: 0 auto;
}

#mastermenu ul {
margin: 0px 0px 20px 0;
padding: 20px 0px 0 0px;
width: 90px;
list-style: none;
float: left;
}

#mastermenu ul.left {
margin-left: 40px;
}

#mastermenu ul.right {
margin-left: 30px;
}

#mastermenu ul li a {
color: #bddbff;
opacity:0.4;
filter:alpha(opacity=40)
}

#mastermenu ul li a:hover {
opacity:1.0;
filter:alpha(opacity=100)
}

.mhlogo {
margin: 0 auto;
}

#header-main {
float: left;
width: 700px;
}

/* MEGA MENU */
/* from Sitepoint.com tutorial */
#megamenu {
margin-bottom: 15px;
text-align: left;
}

ul#menu {
color: #fff;
margin: 0;
padding: 0.3em 0em;
position: relative;
}


ul#menu li {
display: block;
width: 125px;
text-align: center;
float: left;
margin: 0 3px;
padding: 8px 0;
border-top: 4px solid #1f3653;
}

ul#menu li:hover {
background: #8399AF;
border-top: 4px solid #8399AF;
}

ul#menu li:hover a {
color: #D5DEE7;
text-decoration: none;
}

ul#menu h2 {
display: inline;
font-size: 1.25em;
}

ul#menu li a {
color: #1f3653;
text-decoration: none;
padding: 0 0.4em;
font-size: 1.3em;
}

ul#menu div {
display: none;
}

ul#menu li.mega div {
border: 1px solid #8399AF;
width: 700px;
min-height: 200px;
position: absolute;
top: 40px;
left: 0em;
padding: 15px;
background: #172323;
color: #eee;
z-index: 1000;
text-align: left;
}

ul#menu li.hovering div {
display: block;
}

ul#menu div h3 {
color: #f70;
font-weight: bold;
font-size: 1.1em;
}

ul#menu li.mega div ul li {
text-align: left;
border: none;
padding: 0px;;
}

ul#menu li.mega div ul li:hover {
background: none;
}

ul#menu li.mega div ul li a {
list-style-type:none;
display:block;
color: #6699ff;
font-size:13px;
font-weight: normal;
margin:0px;
padding: 4px 0 0 0px;
}

ul#menu li.mega div ul li a:hover {
color: #eee;
margin:0px;
}

ul#menu div p {
float:left;
font-size:12px;
width:230px;
padding:0 15px 15px 15px;
border-right:1px solid #333;
display: block;
}

ul#menu div ul.middle, ul#menu div ul.right {
text-align:left;
float:left;
font-size:12px;
margin: 15px 0 0 0;
padding:0;
}

ul#menu div ul.middle {
border-right:1px solid #333;
border-left:1px solid #333;
width:180px;
}

ul#menu div ul.right {
width:150px;
padding: 0 0 0 15px;
}
/* END MEGA MENU */

#billboard {
float: left;
text-align: center;
font-size: 3.8em;
color: #1f3653;
margin: 20px 0 0 10px;
text-transform: lowercase;
 letter-spacing: -0.05em;
line-height: .9em;
text-shadow: 0px 1px 0px #e5e5ee;
}

#logo {
	background:url('images/logo.gif') no-repeat;
	width:231px;
	height:78px;
	display: block;
}

#footer-wrapper {
width: 100%;
background: #e23400 url('https://marketheist.s3.amazonaws.com/images/bg-footer_orange.png') top center no-repeat;
}

#footer {
	width:1040px;
	height:250px;
	margin:0 auto;
	padding:9px 0 0 0;
	color: #fff;
}
#footer p {
	padding-top:20px;
	text-align:center;
	font-size:11px;
	margin:0;
}
#footer a {
	color:#474848;
	text-decoration:none;
}
#footer a:hover {
	color:#0066cb;
}

#content {
	width:675px;
	padding:0;
	overflow:hidden;
float: left;
margin: 0 10px 0 0;
color: #222;
display: block;
}

#content-body {
line-height: 150%;
}

#content-body H2 {
margin: 30px 0 20px 0;
}


#single h2 {
margin-top: 30px;
display: block;
width: 100%;
 letter-spacing: -0.05em;
text-shadow: 0px 1px 0px #e5e5ee;
}

#bgtop {
	height:20px;
	background:url('images/img07.gif');
}
#sidebar {
	width:330px;
	float:right;
        margin: 0 0 0 10px;
        display: block;
}
#sidebar h2 {
	letter-spacing:-1px;
	font-size:1.2em;
	margin:0 0 10px 0;
}


.rss {
	float:right;
	margin:0;
	padding:0;
}
.rss a {
	background:url('images/rss.gif') no-repeat;
	width:38px;
	height:37px;
	display:block;
}
.rss a:hover {
	background:url('images/rss.gif') no-repeat 0px -37px;
	width:38px;
	height:37px;
	display:block;
}


#featured-brand-logo img { 
        width: 130px; 
	margin-left: 0;
	border-left: none;
        padding: 0px 0px;
        float: left;
margin: 4px;
}

#asset-class ul {
	margin-left: 0;
	border-left: none;
        padding: 0px 0px;
	display: inline
	} 

#asset-class ul li {
	margin-left: 0;
	border-left: none;
        padding: 0px 0px;
	display: inline;
        list-style: none;
	}

#asset-class ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	
#asset-class ul li:after {
	content: ".";
	}

#asset-class ul li.last:after {
	content: " ";
	}

/*MAIN PAGE*/

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#FFFFFF;
	height:315px;
	padding:10px 0px 10px 10px;
	width:670px;
        xborder: 1px solid #000;
float: left;
display: block;
overflow: hidden;

}

/* accordion header */
#accordion img.acontrol {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
        overflow:hidden;
}

/* currently active header */
#accordion img.acontrol.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
        overflow:hidden;
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:490px;
        height:320px;
	float:left;	
	display:none;		
	margin-right:10px;
        overflow: hidden;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:490px;
	font-size:15px;	
        overflow:hidden;
}
	
#accordion div p {	
	font-size:11px;
	width:490px;
        overflow:hidden;
}

/* DIVIDERS */
.break {
	clear:both;

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

.split {
	clear:both;
color: none;
	padding:0;
	margin:10px 0;
border-bottom: 1px;
}

.clear {
	clear:both;
	padding:0;
	margin:0;
}
/* DIVIDERS */


/* product & post listing display */

.item {
	padding:0px;
	width:205px;
min-height: 205px;
	float:left;
border:1px solid #8399AF;
background: #222;
padding-bottom: 5px;
}

.item-1, .item-2 {
	margin:0 15px 15px 0;
}

.item-3 {
	margin:0 0px 15px 0;
}

.item .gridthumb {
z-index:1;
border: 0;
width: 205px;
height: 130px;
overflow: hidden;
}

.item .ratingsgrid {
color: #eee;
position: relative;
z-index:2;
left:10px;
top:10px;
height: 0px;
}

.item a {
color: #6699ff;
xcolor: #00CCFF;
font-weight: bold;
}

.item p {
color: #999;
	margin:4px 5px 0 5px;
overflow: hidden;
}

.grid-mini-meta {
font-style: italic;
 font-size: smaller;
height: 13px;
}

.grid-mini-meta .price {
color: #ff5519;
font-weight: bold;
}

.product-insert {
height: px; min-height: 0px; color: #ccc; float: left; display: inline; margin: 0 15px 15px 0;
}

.product-insert H1 {
text-shadow: 0px 1px 0px #111;
}

.listform {
xborder: 1px solid #eee;
width: 640px;
float: left;
margin-top: 20px;
font-size: 0.96em;
color: #888;
}

.listform .thumb {
width: 80px;
height: 80px;
margin: 10px 10px 0 0;
float: left;
border: 1px solid #8399AF;
overflow: hidden;
}

.listform .desc p {
width: 280px;
float: left;
margin: 10px 20px 0 0;
overflow: hidden;
}

.listform .itemmeta {
width: 130px;
float: left;
margin: 10px 20px 0 0;
}

.listform h2 {
font-size: 1.2em;
padding: 0px;
}

.listform h2 a {
color: #000;
}

.details {
	padding:15px;
	background:#000;
border:1px solid #8399AF;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.details ul {
	margin:5px 0 5px 15px;
	list-style-type:none;
}
.details li {
	padding:3px 0 3px 0;
	list-style-type:square;
}
.details p {
	margin:0 0 15px 0;
}
.details p img {
	padding:0;
	border:#e5e5e5 1px solid;
}

.details img {
max-width: 640px;
}

/* PRODUCT INFO STYLING */
#product-panel 
{
width: 160px; float: left; display: inline; margin-right: 15px; border: 1px solid #ff5519;
}

#score-button {
width: 50px; border: 1px solid #444; background: #333; padding: 3px;
}

#score-button:hover {
background: #8399AF;
}

.price-single {
text-align: center;
margin: 10px auto;
}

.price-single h1 {
font-size: 2.3em;
margin-bottom: 0px;
}

.trybuy-content, .trybuy-only {
color: #90abe2; border: 1px solid #8399AF; padding: 12px; background: #1f3653; font-size: 21px; text-align: center; font-weight: bold; display: block;
}

.trybuy-content:hover, .trybuy-only:hover {
border: 4px solid #8399AF; padding: 9px; color: #ff5519; text-decoration: none;
}

.trybuy-content { width:45.5%; }

.trybuy-only { margin: 0 0px; }


.Nav {
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	color:#838383;
float: left;
}
.Nav a {
	padding:4px 8px 4px 8px;
	background:#fff;
	border:1px solid #e5e5e5;
	color:#838383;
	font-size:10px;
	margin:0 5px 0 0;
}
.Nav a:hover {
	padding:4px 8px 4px 8px;
	border:1px solid #0066cb;
	color:#0066cb;
	text-decoration:none;
	font-size:10px;
	margin:0 5px 0 0;
}
.Nav .on {
	padding:4px 8px 4px 8px;
	border:1px solid #0066cb;
	color:#0066cb;
	font-size:10px;
	margin:0 5px 0 0;
}
.Nav span {
	padding:4px 8px 4px 8px;
	border:2px solid #e5e5e5;
	font-size:10px;
	margin:0 5px 0 0;
}

.block-white {
background: #fff; border:1px solid #bbb; padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
}

.block-orange {
background: #fff; border:1px solid #ff5519; padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
}

.block-gray {
background: #c9c9c9; border: 1px solid #a9a9a9; padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
}

.tags {
	margin:0;
	padding:15px 0 0 0;
	font-size:1.2em;
	font-weight:bold;
}
.post-ratings span {
	float:right;
	font-size:11px;
	padding:3px 0 0 0;
}



/* JQuery Tools :TABS */
/* http://flowplayer.org/tools/demos/tabs/skins.html */
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	xborder-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:1.5em;
	display:block;
	padding:5px 10px;	
	text-decoration:none;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
color: #ff5519;
}
	
/* selected tab */
ul.css-tabs a.current {
color: #90abe2; 
background: #1f3653;
	xborder-bottom:2px solid #ddd;
	border:1px solid #90abe2;		
	cursor:default;
	-moz-border-radius: 4px;
	webkit-border-radius: 4px;
}

	
/* TAB PANE DYNAMIC */
div.css-panes div {
	display:none;
	xborder:1px solid #666;
width: 660px;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:25px 0px;
	xbackground-color:#fff;	
}

div.css-panes .listwrapper {
float: left; display: block; width: 100%; margin: 0px 0 10px 0; clear: both;
font: 0.9em;
}


div.css-panes h2 {
font-size: 1.2em;
padding: 0px;
display: block; 
clear: both;
}

div.css-panes h2 a {
color: #000;
}

div.css-panes img.thumb {
width: 80px;
height: 50px;
margin: 10px 10px 0 0;
float: left;
border: 1px solid #8399AF;
overflow: hidden;
}

div.css-panes .excerpt {
width: 280px;
height: 74px;
float: left;
margin: -1px 20px 0 0;
overflow: hidden;
}

div.css-panes .itemmeta {
width: 130px; float: left; display: block; margin: 10px 20px 0 0;
}

div.css-panes .pricemeta {
display: block; float: right; width: 95px; overflow: hidden; text-align: center;
}

div.css-panes hr {
background-color: #ddd; height: 1px; color: #ddd; border: none; display: block; clear: both; margin: 0px 0 10px 0;
}


#xpanes-list {
xborder: 1px solid #eee;
width: 640px;
float: left;
margin-top: 20px;
font-size: 0.96em;
color: #888;
}


/* Externally Loaded Dynamic-Tabbed Content */
/* ref: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ */
#load-dynamic {  
     display: none;  
     position: absolute;  
     rightright: 10px;  
     top: 10px;  
     background: url(http://nettuts.s3.cdn.plus.org/011_jQuerySite/sample/images/ajax-loader.gif);  
     width: 43px;  
     height: 11px;  
     text-indent: -9999em;  
 }

#load {  
     display: none;  
     position: absolute;  
     rightright: 10px;  
     top: 10px;  
     background: url(http://nettuts.s3.cdn.plus.org/011_jQuerySite/sample/images/ajax-loader.gif);  
     width: 43px;  
     height: 11px;  
     text-indent: -9999em;  
 }   

.wp-smiley {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}
#comment_form .text_input {
	width:191px;
	padding:3px;
	color:#444;
	border:1px solid #696969;
	border-left:2px solid #0066cb;
}
#comment_form .text_area {
	width:270px !important;


}
ul#comment_list {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#comment_list li.comment, .comment {
	margin:0 0 10px 0;
width: 330px;
}
ul#comment_list li.trackback, .trackback {
	padding:1.2em 15px 0 15px;
}
.comment_meta {
	margin:0 30px 15px 0;
	font-size:11px;
}
.comment_num {
	padding:0 8px 0 0;
	font-weight:bold;
	font-size:1.3em;
	float:right;
}
.trackback .comment_num {
	padding:0 0 0 20px;
}
.comment_num a,.comment_num a:visited {
	color:#888;
	text-decoration:none;
}
.comment_num a:hover {
	color:#303030;
	text-decoration:none;
}
.comment_meta strong {
	font-size:1.2em;
}
.comment_time {
	font-size:1em;
	color:#888;
}

/* Test of Scrollable/hidden Comment Discussion form */
/* example from: Flowplayer.org "scrollable" */
/* root element for scrollable */ 
.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 600px; 
    width: 330px; 
} 
 
/* root element for scrollable items */ 
.scrollable .items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

/* scrollable buttons */


blockquote {
	font-style:italic;
	font-size:11px;
	color:#888888;
	margin:0 0 5px 20px;
	padding:0 0 0 10px;
	border-left:4px solid #0066cb;
}
abbr,acronym {
	border-bottom:1px dotted #0066cb;
	text-transform:uppercase;
}
code {
	color:#474848;
	font-family:Courier,monospace;
	margin:0 0 5px 5px;
}
pre {
	margin:0 0 1.5em 0;
	overflow:auto;
	font-size:1.3em;
	clear:both;
}
form {
	margin:0;
	padding:0;
}
.searchbox {
	margin:0 0 20px 0;
	width:300px;
}
.search {
	background:url('images/input.gif') no-repeat;
	height:19px;
	padding:8px 5px 5px 8px;
	width:255px;
	color:#444;
	border:none;
	margin:0;
	float:left;
}
.find {
	background:url('images/find.gif') no-repeat;
	border:none;
	height:32px;
	width:32px;
	margin:0;
	float:right;
}
.os {
	color:#3d4c53;
	font-weight:bold;
}
.os a {
	color:#3d4c53;
	font-size:11px;
	text-decoration:none;
}
.os a:hover {
	text-decoration:underline;
}
.designer {
	color:#982a05;
	font-weight:bold;
}
.design a {
	color:#982a05;
	font-size:11px;
	text-decoration: none;
}




/* GOOGLE AJAX SEARCH */
	/* Width */
	.gsc-control {
	  	width: 300px;
		overflow: hidden;
xdisplay: inline;
	}


	.gs-result .gs-title,
	.gs-result .gs-title * {
		font-size: em;
	  	color: #;
	}
	.gsc-results .gsc-trailing-more-results,
	.gsc-results .gsc-trailing-more-results * {
	  	color: #;
	}
	.gs-result a.gs-visibleUrl,
	.gs-result .gs-visibleUrl {
	  	color: #;
	}
	.gs-result a.gs-clusterUrl,
	.gs-result .gs-clusterUrl {
	  	color: #;
	}
	.gsc-resultsbox-visible {
		display: block;
		width: 100%;
		overflow: hidden
	}

	img.gsc-branding-img {
	display: none;
	}
	td.gsc-branding-text div.gsc-branding-text {
	display: none;
	}