/*   
Theme Name: Sloancars online
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Kari Pätilä
Author URI: http://pressthese.com
Template: thematic
Version: 1.0
Tags: Porche
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
	background:url(images/background.jpg);
}

body, h1, h2, h3, h4, h5, h6, p, a {
	color: #fff;
}

a:hover {
	color:#c00!important;
}

#content {
	width:942px;
	margin:0 !important;
}

#wrapper {
	width: 960px;
	min-width: 960px;
	margin:0 auto;
	background:#000;
}

#header {
	background:url(images/header.jpg) no-repeat top center;
}

#showroom {
	background:url(images/showroom.png) no-repeat top center;
	height:58px;
}

#container {
	width:960px;
	margin-bottom:18px;
}

div.links a.link {
	color:red;
	display:block;
	width:290px;
	text-align:center;
}

#thumb {
	background:url(images/thumb.jpg) no-repeat top center;
	height:183px;
	padding-top:9px;
}

#thumb:hover {
	background:url(images/thumb.jpg) no-repeat center -192px;
}

#thumb a {
	float:left;
	display:block;
	width:190px;
	height:183px;
	text-indent:-999px;
}

#thumb p {
	font: bold 15px/18px helvetica, verdana;
	margin-right:20px;
	margin-bottom:9px;
	color:#000 !important;
}

#infopage {
	width:840px;
	padding-left:120px;
	height:140px;
	background:url(images/rim.jpg) no-repeat 0 0;
}

#infopage p {
	font: normal 16px/18px verdana !important;
}

#siteinfo, #main, #branding, .menu {
	width:960px !important;
}

#blog-description {
	display:none;
}

#main {
	padding-top:0;
}

#branding {
	margin:0;
	padding:0;
}

#blog-title {
	width:960px;
}

#blog-title a {
	display:block;
	text-indent:-9999px;
	height:320px;
}

li.page-item:hover {
	background:none;
}

.menu a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:19px;
}

.menu li a {
	background:url(images/navigation.jpg) no-repeat 0 0;
	width:61px;
}

.menu li a:hover {
	background:url(images/navigation.jpg) no-repeat 0 -38px;
}

.menu li.page-item-5 a {
	background:url(images/navigation.jpg) no-repeat -85px 0px;
	width:149px;
}

.menu li.page-item-5 a:hover {
	background:url(images/navigation.jpg) no-repeat -85px -38px;
}

.menu li.page-item-6 a {
	background:url(images/navigation.jpg) no-repeat -263px 0px;
	width:109px;
}

.menu li.page-item-6 a:hover {
	background:url(images/navigation.jpg) no-repeat -263px -38px;
}


.menu li.page-item-126 a {
	background:url(images/navigation.jpg) no-repeat -403px 0px;
	width:49px;
}

.menu li.page-item-126 a:hover {
	background:url(images/navigation.jpg) no-repeat -403px -38px;
}

.menu li.page-item-17 a {
	background:url(images/navigation.jpg) no-repeat -474px 0px;
	width:99px;
}

.menu li.page-item-17 a:hover {
	background:url(images/navigation.jpg) no-repeat -474px -38px;
}

.menu li.page-item-8 a {
	background:url(images/navigation.jpg) no-repeat -600px 0px;
	width:65px;
}

.menu li.page-item-8 a:hover {
	background:url(images/navigation.jpg) no-repeat -600px -38px;
	width:65px;
}

.menu li.page-item-10 a {
	background:url(images/navigation.jpg) no-repeat -691px 0px;
	width:50px;
}

.menu li.page-item-10 a:hover {
	background:url(images/navigation.jpg) no-repeat -691px -38px;
	width:50px;
}

.menu li.page-item-12 a {
	background:url(images/navigation.jpg) no-repeat -764px 0px;
	width:60px;
}

.menu li.page-item-12 a:hover {
	background:url(images/navigation.jpg) no-repeat -764px -38px;
	width:60px;
}

.menu li.page-item-14 a {
	background:url(images/navigation.jpg) no-repeat -850px 0px;
	width:84px;
}

.menu li.page-item-14 a:hover {
	background:url(images/navigation.jpg) no-repeat -850px -38px;
	width:84px;
}

.menu ul, .menu li, .menu a, #access {
	border: 0px none;
}

.menu ul, .menu li, #menu a {
	background:none !important;
}

.menu li ul li a {
	position:relative;
	z-index:99!important;
	background:url(images/dropdown.png) 0 0 !important;
	color:#fff !important;
	font-size:16px;
	font-weight:normal;
	font-family: verdana;
	padding: 3px 0;
	text-indent:0;
	text-align:center;
}

.menu li ul li a:hover {
	color:#c00 !important;
}

.inventory-item {
	float:left;display:inline;clear:left;
	width:960px;
	background: url(images/silverbar-x.png) 0 0 repeat-x;
}

#current_inventory {
	background: url(images/current_inventory.png) center center no-repeat;	
	height:45px;
	text-indent:-9999px;
}

.model-911 {
	background: url(images/911.jpg) center center no-repeat!important;	
	height:101px!important;
}

.model-930 {
	background: url(images/930.jpg) center center no-repeat!important;	
	height:101px!important;
}

.model-356 {
	background: url(images/356.jpg) center center no-repeat!important;	
	height:101px!important;
}
.model-996 {
	background: url(images/996.jpg) center center no-repeat!important;	
	height:101px!important;
}
.model-997 {
	background: url(images/997.jpg) center center no-repeat!important;	
	height:101px!important;
}
.model-cgt {
	background: url(images/cgt.jpg) center center no-repeat!important;	
	height:101px!important;
}
.model-964 {
	background: url(images/964.jpg) center center no-repeat!important;	
	height:101px!important;
}
.model-993 {
	background: url(images/993.jpg) center center no-repeat!important;	
	height:101px!important;
}


#press {
	background: url(images/press.jpg) center center no-repeat;	
	height:101px;
	margin-bottom:18px;
	text-indent:-9999px;	
}

#info {
	background: url(images/info.jpg) center center no-repeat;	
	height:101px;
	margin-bottom:18px;
	text-indent:-9999px;	
}

#post-14 h1 {
	background: url(images/contact.jpg) center center no-repeat;	
	height:89px;
	margin-bottom:18px;
	text-indent:-9999px;	
}

#linktitle {
	background: url(images/links.jpg) center center no-repeat;	
	height:98px;
	margin-bottom:18px;
	text-indent:-9999px;	
}

#new_arrivals {
	background: url(images/new_arrivals.png) center center no-repeat;	
	height:101px;
	text-indent:-9999px;	
}

#post-14 {
	font: normal 12px verdana;
}

.wpcf7-form-control-wrap {
	margin-left:100px;
}

#post-14 label {
	position:absolute;
	width:80px;
}

input, textarea {
	font: normal 11px verdana;
}

#videoplayer {
	background:url(images/films.jpg) no-repeat 0 0;
	padding:10px;
	padding-top:70px;
	width:506px;
	height:302px;
	margin-bottom:18px;
}

#videoinner {
	display:block;
	width:504px;
	height:284px;
	background:pink;
}

#contact-form {
	width:400px;
	margin:0 auto;
}

.text {
	float:left;
	width:709px;
	padding:0;
	margin-top:16px;
	margin-bottom:-16px;
	font: normal 12px/18px verdana;
}

.inventory-item a {
	float:left;display:inline;clear:left;
	padding:16px 0;
	padding-bottom:0;
}

.text h2 a {
	margin-left:26px;
	padding:9px 0;
	font:bold 18px/26px verdana;
	float:none;
	color:#fff;
	text-decoration:none;
}

.text p {
	margin:26px;
}

div.entry-content {
	padding-top:0;
}

div.single h1 {
	border-bottom: 1px solid;
	margin-left:-9px;
	padding-left:9px;
}

div.single p, div.single h1 {
	color:#333!important;
	padding:18px;
}

div.single p {
	font:normal 15px verdana !important;
	line-height:1.5em;
}

div.single li {
	float:left;
	width:430px;
	margin-right:20px;
}

ul.info_images {
	position:relative;
	left:50px;
}

ul.info_images, ul.info_images li {
	width:auto;
	display:inline;
}

ul.info_images li a {
	display:block;
	padding:10px;
	background:#fff;
	color:#333;
	text-decoration:none;
	text-align:center;
	border:1px solid #eee;
	-webkit-box-shadow:0px 0px 30px #000;
	list-style:none;
	float:left;
	position:relative;
}

/*
ul.info_images li a:hover {
	z-index:999!important;
	margin-top:0!important;
}
*/
ul.info_images li a strong {
	position:relative;
	font-size:12px;
	top:5px;
}

#h70s, #h80s, #h90s {
	margin-top:143px;
	margin-left:18px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	width:100px;
	height:30px;
	background:url(images/70s.png) no-repeat 0 0;
	z-index:90;
}

#h80s {
	background:url(images/80s.png) no-repeat 0 0;
}

#h90s {
	background:url(images/90s.png) no-repeat 0 0;
}

/* modal stuff */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('jquery.fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('jquery.fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('jquery.fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 660px;
	height: 100%;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(jquery.fancybox/fancy_left.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(jquery.fancybox/fancy_right.png) no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('jquery.fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('jquery.fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('jquery.fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('jquery.fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('jquery.fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('jquery.fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('jquery.fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('jquery.fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
	margin-top:-550px;
	margin-left:-10px;
	background:url(../images/banner.png);
	width:440px;
	height:89px;
}

#sitemap, div.ddsg-wrapper {
	padding:18px;
}

#sitemap h1 {
	font-size:18px;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
	font: normal 24px georgia;
	padding-left:9px;
}
div#fancy_title_main {
	font-size:18px;
}

#footer {
	border:0px none;
	clear:both;
	margin-top:18px;
}

#footer p {
	font-family: helvetica, arial;
	font-size:10px;
	margin-bottom:9px;
	line-height:1.5em;
}

#footer a {
	margin-right:9px;
	font-size:16px;
	color:red;
	text-decoration:none
}

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

.clearfix {display: inline-block;}  /* for IE/Mac */