/*
Theme Name: Brackens
Theme URI: http://www.brackenautotech.com
Description: Bracken's Auto Tech and Tire Offical Website
Version: 1.0
Author: Jason N Williams
Author URI: http://www.jmandg.com
*/

/*
Simple Reset **********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}



ul {
	list-style: none;
}

:focus {
	outline: 0;
}

/* tables may still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
	
}
blockquote p:before {
    content: '"'; 
	}
blockquote p:after {
    content: '"';
	 }



/* Links */
a, a:link, a:visited, a:hover, a:active {
text-decoration: none;
border:none;
} 
/* end Links */

/* Headings */

h1, h2, h3, h4, h5, h6 {

font-size: 100%;

}

button {
border:none;
cursor:pointer;
}

/* @end Headings */

/* clear floats */

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	
}

body { 
  font-size: 10px;
  color: #120212; 
  line-height:1.5;
  background:#f5eef5 url(images/headerBackground.png) repeat-x 0 0;
  font-family:Tahoma, Geneva, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #120212; }

h1 { font-size: 3em;  }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.2em; }


html, body{
	height:100%;
}
#wrap {
	position:relative;
	width:980px;
	margin:0 auto;
	
	
}
 

#dropShadow {
	position:relative;
	background:url(images/dropShadow.jpg) no-repeat bottom center;
	width:980px;
	height:auto;
	margin:15px 0 30px 0;
	padding-bottom:30px;
}

#content {
	position:relative;
	margin:0 auto;
	background:url(images/homeContentBack.png) no-repeat top center;
	width:940px;
	height:672px;
	
	
}

#positioning {
	position:relative;
}

#pageContent {
	position:relative;
	margin:0 auto;
	background:url(images/pageContentBackground.png) repeat-y 0 0;
	width:941px;
	height:auto;
	padding-bottom:40px;
	
}

#bottomCurve{
	position:relative;
	background:url(images/bottomCurve.png) no-repeat 0 0;
	margin:0 auto;
	width:941px;
	height:31px;
	
}

#contentBackground {
	position:relative;
	margin:0 auto;
	background:url(images/topCurve.png) no-repeat 0 0;
}

#main {
	
	padding:0 20px 0 60px;
	width:500px;
	float:left;
	border-right:1px solid #c70430;
	margin-top:40px;
	min-height:1100px;	
}

#Towing #main {
	height:600px;
}

/* Head 
-------------------------------------------------------------- */
#header{
	position:relative;
	width:980px;
	height:126px;
	
}
#header h1.replaced{
	position:absolute;
	top:0;
	left:20px;
	width:265px;
	height:163px;
	background:url(images/Logo.png) no-repeat top left;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	z-index:100;
	
}
#certLogos {
	position:absolute;
	top:0;
	right:20px;
}

/* Head Navigation
-------------------------------------------------------------- */
#headerNav {
	position:absolute;
	bottom:0;
	right:122px;
	z-index:100;
}


#nav {
	font-size:1.6em;
	font-weight:bold;
	list-style:none;
}

#headerNav ul {
	margin:0;
	padding:0;
	
}

#nav li{
	float:left;
	display:inline;
}

#nav a {
	display:block;
	float:left;
	display:inline;
	height:56px;
	width:auto;
	color:#120212; 
	text-align:center;
	margin-right:37px;
	
}

ul#nav li.current > a, ul#nav li.current_page_item > a, ul#nav li.current_page_ancestor > a, ul#nav li.current_page_parent > a, ul#nav li.current > a:link, ul#nav li.current_page_item > a:link, ul#nav li.current_page_ancestor > a:link, ul#nav li.current_page_parent > a:link, ul#nav li.current > a:visited, ul#nav li.current_page_item > a:visited, ul#nav li.current_page_ancestor > a:visited, ul#nav li.current_page_parent > a:visited, ul#nav li.current_page_parent > a:hover { 
	background:url(images/pulse.jpg) no-repeat bottom center;;
	color:#c70430;
	cursor:default;
	
}


#nav li a:hover {
	color:#c70430;
	text-decoration:none;
	
}	
/* Content
-------------------------------------------------------------- */
#trusted {
	position:relative;
	text-align:right;
	padding:4px 20px 0 0;
}

#addressBackground {
	position:absolute;
	top:20px;
	left:0;
	
	width:660px;
	height:60px;
}

#content table{
	margin:24px 0 0 60px;
	font-size:1.7em;
	color:#F5EEF5;
	float:left;
	display:inline;
}

#pageContent table{
	margin:4px 0 0 60px;
	font-size:1.7em;
	color:#F5EEF5;
	float:left;
	display:inline;
}

#content th, #pageContent th{
	font-weight:normal;
	text-align:left;
}


#content td, #pageContent td{
	font-weight:bold;
	font-style:italic;
	text-align:left;
}

.cellSpacing {
	padding-left:40px;
}

#AAA {
	float:right;
	padding:20px 60px 0 0;
}

/************** Featured Slideshow **************/
#box-wrap {
	position:absolute;
	top:100px;
	left:60px;
	
}
.featuredbox-wrapper{
	display: none;
}
.featuredbox-wrapper,
.featuredbox{
	width: 820px;
    height: 284px;
    position: relative;
    overflow: hidden;
 } 

.featuredbox .description{
	background:transparent url(images/bg.png) repeat scroll 0 0;
	top:0;
	color:#f5eef5;
	left:620px;
	padding:0 20px;
	position:absolute;
	z-index:100;	
	height:284px;
	width:160px;
	text-align:left;
}
.featuredbox-wrapper .navigation{
	bottom:10px;
	left:20px;
	padding:0px;
	position:absolute;
	z-index:100;	
	height: 20px;
	width:auto;
}
.featuredbox-wrapper .navigation ul{
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.featuredbox-wrapper .navigation li{
	float: left;
	height: 20px;
	width: 20px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	background-color: #FF0000;
	background:transparent url(images/inactive.png) no-repeat scroll 0 0;
}
.featuredbox-wrapper .navigation li.hover{
	cursor:pointer;
}
.featuredbox-wrapper .navigation li.active{
	background:transparent url(images/active.png) no-repeat scroll 0 0;
}
.featuredbox .box-slide1,
.featuredbox .box-slide2 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 284px;
    width: 820px;
    z-index: -1;
	background-color:#f5eef5;
	color: #000;	
}
.description h2{
	padding: 20px 0px 8px 0px;
	font-size:16px;
	margin: 0px;
	color:#f5eef5;
}
.description p{
	font-size:1.2em;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	color:#f5eef5;
}
.overlay {
	background:url(images/photoEdge.png) no-repeat 0 0;
	width:820px;
	height:284px;
	position:absolute;
	top:0;
	left:0;
	z-index:101
}

/************** End Featured Slideshow **************/


#homeTowing{
	position:absolute;
	bottom:0;
	left:0;
	width:220px;
	height:228px;
	color:#f5eef5;
	padding:20px 20px 40px 60px;
}

#subHeading1 {
	background:url(images/towtruckIcon.png) no-repeat left center;
	color:#c70430;
	padding-left:70px;
}

#homeTowing p{
	padding-top:20px;
	font-size:1.2em;
}


#homeServices{
	position:absolute;
	bottom:0;
	left:320px;
	height:228px;
	width:280px;
	color:#f5eef5;
	padding:20px 20px 40px 0;
}
#homeServices li{
	padding-bottom:8px;
}
#homeServices a{
	color:#f5eef5;
}
#homeServices a:hover {
	color:#c70430;
}
#subHeading2 {
	background:url(images/wrench&driverIcon.png) no-repeat left center;
	color:#c70430;
	padding-left:46px;
}

#serviceList1 {
	font-size:1.2em;
	float:left;
	width:140px;
	padding-top:20px;
}

#serviceList2 {
	font-size:1.2em;
	float:right;
	padding:20px 0 0 6px;
}

#subHeading3 {
	background:url(images/commentsIcon.png) no-repeat left center;
	color:#c70430;
	padding-left:60px;
}

#homeTestimonials{
	position:absolute;
	bottom:0;
	left:640px;
	height:228px;
	width:220px;
	color:#f5eef5;
	padding:20px 20px 40px 0;

}

#testSlideshow blockquote{
    position:absolute;
	font-size:1.2em;
	top:68px;
    z-index:8;
   
}

.readMore {
	width: 100px;
	height: 23px;
	cursor: pointer;
	text-indent: -9999px;
	line-height:0;
	font-size:0;
	background:url(images/readmore.png) no-repeat top left;	
	position:absolute;
	bottom:40px;
	left:180px;
}

.readMore:hover {
	background:url(images/readmore.png) no-repeat bottom left;	
	
}
.testimonials {
	position:absolute;
	bottom:40px;
	left:140px;
}

/* Sub-Content
-------------------------------------------------------------- */
#subContent {
	position:relative;
	background:url(images/subFooterBackground.png) repeat-x top left;
	width:100%;
	height:381px
}

#subBox {
	position:relative;
	margin:0 auto;
	background:url(images/subContentCenter.png) no-repeat top left;
	width:990px;
	height:381px;
	
}
#aboutSnip {
	color:#f5eef5;
	position:relative;
	float:left;
	width:380px;
	height:361px;
	padding-top:20px;
	margin-left:30px;
}
#aboutSnip h3, #tireNav h3{
	color:#f5eef5;
	font-size:2.2em;
	padding-bottom:18px;
}

#aboutSnip p{
	font-size:1.2em;
	line-height:1.6;
}
.aboutButton {
	position:absolute;
	bottom:60px;
	left:280px;
}
#brandTires {
	position:relative;
	float:right;
	height:381px;
	width:520px;
}
#brandTires ul{
	list-style:none;
	margin:0;
	padding:0;
}

#tireNav {
	position:absolute;
	top:20px;
	left:60px;
	width:460px;
	height:194px;
}

#tireNav li a{
	background:url(images/brandLogos.png) no-repeat 0 0;
	display:block;
	float:left;
	width:230px;
	height:40px;
	z-index:100;
	
}
#tireNav li {
	display:inline;
}

#tireNav li a.bridgestone {
	background-position:0 0;
}
#tireNav li a:hover.bridgestone {
	background-position:0 -194px;
}
#tireNav li a.bfgoodrich {
	background-position:-230px 0;
}
#tireNav li a:hover.bfgoodrich {
	background-position:-230px -194px;
}
#tireNav li a.firestone {
	background-position:0 -40px;
}
#tireNav li a:hover.firestone {
	background-position:0 -234px;
}
#tireNav li a.michelin {
	background-position:-230px -40px;
}
#tireNav li a:hover.michelin {
	background-position:-230px -234px;
}

#tireNav li a.toyo {
	background-position:0px -80px;
}
#tireNav li a:hover.toyo {
	background-position:0px -274px;
}

#tireNav li a.fuzion {
	background-position:-230px -80px;
}

#tireNav li a:hover.fuzion {
	background-position:-230px -274px;
}
#tireNav li a.goodyear{
	background-position:0px -112px;
}
#tireNav li a:hover.goodyear {
	background-position:0px -306px;
}
#tireNav li a.dayton{
	background-position:-230px -112px;
}
#tireNav li a:hover.dayton {
	background-position:-230px -306px;
}
#tireNav li a.american{
	background-position:0px -152px;
}
#tireNav li a:hover.american {
	background-position:0px -346px;
}
#tireNav li a.hankook{
	background-position:-230px -152px;
}
#tireNav li a:hover.hankook {
	background-position:-230px -346px;
}

/* Sidebar
-------------------------------------------------------------- */
#sidebar {
	width:319px;
	height:auto;
	float:right;
	margin:46px 0 40px 0;
	padding-right:40px;
}

#widgetWrap {
	padding-left:20px;
	
}

.sidebarWidget{
	list-style:none;
	width:240px;
		
}

.sidebarWidget ul{
	padding:15px 0 20px;
	
}
.sidebarWidget ul li{
	padding:5px 0 5px 6px;
	
}

.sidebarWidget ul li a{
	font-size:1.4em;
	color: #120212; 
	
}

.sidebarWidget ul li a:hover {
	text-decoration:underline;
	color: #c70430;
}

#sidebar h3 {
	font-size:1.8em;
	padding-bottom:10px;
	border-bottom:1px solid #c70430;
	width:240px;
	
}


/* Footer
-------------------------------------------------------------- */
#footer {
	position:relative;
	background:url(images/footer_background.png) repeat-x top left;
	width:100%;
	height:95px;
}
#contentFooter {
	position:relative;
	margin:0 auto;
	width:940px;
	height:91px;
}
#footer ul#bottomNav{
	position:absolute;
	display:block;
	font-size:1.4em;
	list-style:none;
	top:20px;
	right:0;
	font-variant:small-caps;
}
#footer #bottomNav li{
	float:left;
}
#footer #bottomNav li a {
	color: #120212; 
	padding-left:20px;
}

#footer #bottomNav li a:hover, #websiteInfo a:hover {
	color:#c70430;
}
#footer #bottomNav li.current a{
	color:#c70430;
	text-decoration:underline;
}
#websiteInfo {
	float:left;
	font-size:1.2em;
	margin:20px 80px 0 0;
}

#websiteInfo a{
	 color: #120212; 
}

#storeHours {
	float:left;
	font-size:1.2em;
	margin-top:20px;
}

/* Single Post, Page, 404, Archive
-------------------------------------------------------------- */
.pageTitle {
	font-size:2.2em;
	padding-bottom:10px;
	border-bottom:1px solid #c70430;
	margin-bottom:10px;
}

/* Services Page
-------------------------------------------------------------- */
#main p {
	padding:10px 0 20px 0;
	font-size:1.2em;
	display:block;
	width:500px;
}
#main a {
	color:#c70430;
}

#main a:hover {
	text-decoration:underline;
}

#main ul, #main ol{
	padding:10px 0 0 20px;
}

#main h6, #main h3 {
	padding:10px 0;
}


#main li {
	list-style:disc;
}

#main h2 {
	width:500px;
}

#main em{
	padding-bottom:5px;
	display:block;
}



/* Accordion Style
*******************************/

.basic{
   	width:500px;
	background-color:#fff;
	font-size:1.2em;
}

#main .basic p {
	font-size:1em;
	margin:0;
	display:block;
	padding-bottom:10px;
	width:auto;
}

#main .basic a{
	background:url(images/accordionOff.png) repeat-x 0 0;
	color:#f5eef5;   
    cursor:pointer;
	display:block;
	border-top:1px solid #120212;
	border-left:1px solid #120212;
	border-right:1px solid #120212; 
	border-bottom:1px solid #F5EEF5;
	padding:9px 14px 9px 20px;
	
		
}

#main .basic a:hover, #main .basic a.selected{
	background:url(images/accordionOn.png) repeat-x 0 0;
	
}

#main .basic p a{
	background:none;
	color:#c70430;
	border:none;
	padding:0;
	
}
#main .basic p a:hover{
	text-decoration:underline;
	background:none;
	
}

.basic div{
    position:relative;
	background-color:#FFF;
	border-left:1px solid #120212;  
	border-right:1px solid #120212; 
	border-bottom:1px solid #120212; 
	padding:10px 20px 20px 20px;
	z-index:1;
	zoom:1;
	overflow-y: hidden;
}

.basic div img{
	z-index:100;

}


/* Towing Page
-------------------------------------------------------------- */

#towingInfo {
	display:block;
	
}
#pageContent .featuredbox-wrapper{
	display: none;
}
#pageContent .featuredbox-wrapper,
#pageContent .featuredbox{
	width: 480px;
    height: 300px;
    position: relative;
    overflow: hidden;
    font-size: 1.2em;
    font-weight: normal;	
} 
#pageContent .featuredbox .description{
	top: 270px;
	left:0;
	font-size: 12px;
	color: #FFF;
	width: 200px;
	height: 20px;
	position: absolute;
	font-style:italic;
	font-weight:normal;
}
#pageContent .featuredbox-wrapper .navigation{
	top:270px;
	left:400px;
	padding:0px;
	position:absolute;
	z-index:100;	
	height: 20px;
	width: 80px;
}
#pageContent .featuredbox-wrapper .navigation ul{
	
	margin: 0px;
	padding: 0px;
}
#pageContent .featuredbox-wrapper .navigation li{
	list-style: none;
	list-style-type: none;
	float: left;
	height: 20px;
	width: 20px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	background-color: #FF0000;
	background:transparent url(images/inactive.png) no-repeat scroll 0 0;
}
#pageContent .featuredbox-wrapper .navigation li.hover{

}
#pageContent .featuredbox-wrapper .navigation li.active{
	background:transparent url(images/active.png) no-repeat scroll 0 0;
}
#pageContent .featuredbox .box-slide1,
#pageContent .featuredbox .box-slide2 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 300px;
    width: 480px;
    z-index: -1;
	background: #FFF;
	color: #120212; 	
}
#pageContent #box-wrap {
	text-align: left;
	width: 500px;
	position:relative;
	left:0;
	top:0;
	margin-top:10px;
}
#pageContent .border {
	padding: 10px;
	background-color: #120212; 
}

#AAACert {
	background:url(images/triple_A.gif) no-repeat 98px 0;
	height:33px;
	
}
#AAACert span{
	padding-left:69px;
}

/* End Accordion 
*******************************/

/* Contact Page
-------------------------------------------------------------- */
#contact {
	padding-top:15px;

}
#main #contact p {
	padding:5px 0 5px 0;
	font-size:1.2em;
	display:block;
	width:500px;
}

#map {
	background-color:#120212;
	padding:8px;
	height:350px;
	width:425px;
	margin:10px 0 0 0;	
}

#respond form p, #contact p{
	margin:0 0 6px;	
}
#form label{
	line-height:24px;
	vertical-align:middle;
}
input#author, input#email, input#url, input#name{
	width:310px;
	height:20px;
	padding:4px 1px 0 2px;
	margin:0 10px 0 0;
	border:none;
	outline:none;
	font-size:1.2em;
	color:#eeeeee;
}
input#author{
	background-color: #120212;	
}
input#name{
	background-color: #120212;		
}
input#email{
	background-color: #120212;	
}
input#url{
	background-color: #120212;		
}
input#author:focus, input#email:focus, input#url:focus, input#name:focus{
	border:none;
	outline:none;
}

textarea#comment, textarea#message{
	border:none;
	outline:none;
	overflow:auto;
	width:400px;
	background-color: #120212;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#eeeeee;
	margin:15px 0;
	padding:1px 1px 1px 2px;
	height:120px;
	
}
textarea#comment:focus, textarea#message:focus{
	outline:none;
	border:none;
}
#submit{
	text-align:center;
	margin:0;
	padding:4px 6px;
	color:#F5EEF5;
	background-color: #120212;
	border:none;
	outline:none;
	line-height:12px;
	font-size:1.2em;
	cursor:pointer;
}
#submit:focus, #submit:active, #submit:hover{
	border:none;
	outline:none;
	background-color:#410840;
}

p.loaderIcon {
	background:transparent url(images/ajax-loader.gif) no-repeat top left;
	position:absolute;
	top:234px;
	left:97px;
	display:block;
	height:16px;
	width:16px;
	text-indent:-9999px;
}
#response p{
	color:#eb5252;	
}
#response p.success{
	color:#6699ff;	
}


/* Tire Page
-------------------------------------------------------------- */

#Tires #main ul li {
	font-size:1.2em;
}
#Tires #main strong {
	font-size:1.2em;
}

#tirePrice{
	padding-top:10px;
}

#original {
	padding:20px 0;
}

/* Coupon Page
-------------------------------------------------------------- */
#Coupons #main img {
	border: 2px dashed #120212;
}