/*
Theme Name: Brand
Version: 1.0
Author: iLogic
*/


/* Begin Typography & Colors */
a {
	outline: none;
	color: #C5268F;
}

h2 {
	font-size: 16px;
}

.marginMe {
	padding: 5px 0;
	clear: both;
}

body {
	font-size: 11px; /* Resets 1em to 10px */
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	text-align: left;
	line-height: 20px;
	margin: 0;
	background: url(images/repeater.gif) top repeat-x;
}

#page {
	width: 995px;
	margin: 0 auto;
}

#main_one {
	background:url(images/byc995_01.gif);
	width:995px;
	height:5px;
}
#main_two {
	background: url(images/images/SITE3_02.jpg);
	width:995px;
	height: 168px;
}

#main_three {
	background:url(images/byc995_11.jpg);
	width: 995px;
	height:266px;
}

#main_four {
	width: 995px;
	height: 30px;
}

#main_five {
	background: url(images/byc995_14.jpg);
	width: 950px;
	height: 28px;
	margin: 0 auto;
}

#main_six {
	width: 995px;
}

#main_six_inner {
	width: 891px;
	margin: 0 auto;
}

#main_seven {
	background: url(images/byc995_27.jpg);
	height: 28px;
	width: 950px;
	clear: both;
}

#main_eight {
	clear: both;
	width: 950px;
}

#main_nine {
	position:relative;
	top:30px;
	clear: both;
	width: 950px;
}

#me_inner_left {
	float: left;
	display: inline;
	position: relative;
	top: 35px;
}

#me_inner_mid {
	float: left;
	display: inline;
	width: 445px;
	height: 7px;
	position: relative;
	top: 85px;
	text-align: center;
}

#me_inner_right {
	float: right;
	display: none;
	background: url(images/byc995_29.gif);
	height: 103px;
	width: 173px;
}




#me_bottom_left {
	position:relative;
	float: left;
	left:80px;
	display: inline;
	width: 445px;
	height: 7px;

	
}

#me_bottom_right {
	float: right;
	display: inline;
	background: url(images/createdby.gif);
	height: 21px;
	width: 60px;
}





#me_top {
	background: url(images/byc995_30.jpg);
	width: 325px;
	height: 21px;
}

#me_mid {
	background:url(images/byc995_32.jpg);
	width: 325px;
	height: 39px;
	margin: 0 auto;
}

#me_bot {
	background: url(images/byc995_33.jpg);
	width: 325px;
	height: 20px;
}

#mt_inner_one {
	float:left;
	display: inline;
	width: 22px;
	height: 165px;
}

#mt_inner_two {
	float:left;
	display: inline;
	width: 571px;
	height: 154px;
	background: url(images/byc_03.gif) top center no-repeat;
}

#mt_inner_three {
	float:left;
	display: inline;
	height: 165px;
	width: 212px;
	background: url(images/byc_05.gif) top center no-repeat;
}

#mt_inner_four {
	float: left;
	display: inline;
	height: 168px;
	width: 167px;
	background:url(images/byc995_03.jpg);
}

#mt_inner_five {
	float: left;
	display: inline;
	height: 168px;
	width: 23px;
}

#inner_two_top {
	height: 58px;
	width: 458px;
}

#inner_two_mid {
	background: url(images/byc995_08.gif);
	height: 40px;
	width: 458px;
}

#inner_two_bot {
	height: 67px;
	width: 458px;
}

#bot_menu_one {
	background:url(images/buttons3/byc995_17.gif);
	width: 73px;
	height: 37px;
	float: left;
	display: inline;
	background-position: 0px 37px;
}

#bot_menu_one:hover {
	background-position: 0px 74px;
}

#bot_menu_one.selected {
	background-position: 0px 0px;
}

#bot_menu_two {
	background:url(images/buttons3/byc995_18.gif);
	width: 100px;
	height: 37px;
	float: left;
	display: inline;
	background-position: 0px 37px;
}

#bot_menu_two:hover {
	background-position: 0px 74px;
}

#bot_menu_two.selected {
	background-position: 0px 0px;
}

#bot_menu_three {
	background:url(images/buttons3/byc995_19.gif);
	width: 158px;
	height: 37px;
	float: left;
	display: inline;
	background-position: 0px 37px;
}

#bot_menu_three:hover {
	background-position: 0px 74px;
}

#bot_menu_three.selected {
	background-position: 0px 0px;
}

#bot_menu_four {
	background:url(images/buttons3/byc995_20.gif);
	width: 118px;
	height: 37px;
	float: left;
	display: inline;
	background-position: 0px 37px;
}

#bot_menu_four:hover {
	background-position: 0px 74px;
}

#bot_menu_four.selected {
	background-position: 0px 0px;
}

#bot_menu_five {
	background:url(images/buttons3/byc995_21.gif);
	width: 62px;
	height: 37px;
	float: left;
	display: inline;
	background-position: 0px 37px;
}

#bot_menu_five:hover {
	background-position: 0px 74px;
}

#bot_menu_five.selected {
	background-position: 0px 0px;
}

#bot_menu_six {
	background:url(images/buttons3/byc995_22.gif);
	width: 162px;
	height: 37px;
	float: left;
	display: inline;
	background-position: 0px 37px;
}

#bot_menu_six:hover {
	background-position: 0px 74px;
}

#bot_menu_six.selected {
	background-position: 0px 0px;
}

#bot_menu_seven {
	background:url(images/buttons3/byc995_23.gif);
	width: 103px;
	height: 37px;
	float: left;
	display: inline;
	background-position: 0px 37px;
}

#bot_menu_seven:hover {
	background-position: 0px 74px;
}

#bot_menu_seven.selected {
	background-position: 0px 0px;
}

#bot_menu_eight {
	background:url(images/buttons3/byc995_24.gif);
	width: 86px;
	height: 37px;
	float: left;
	display: inline;
	background-position: 0px 37px;
}

#bot_menu_eight:hover {
	background-position: 0px 74px;
}

#bot_menu_eight.selected {
	background-position: 0px 0px;
}

#bot_menu_nine {
	background:url(images/buttons3/byc995_25.gif);
	width: 59px;
	height: 37px;
	float: left;
	display: none;
	background-position: 0px 37px;
}

#bot_menu_nine:hover {
	background-position: 0px 74px;
}

#bot_menu_nine.selected {
	background-position: 0px 0px;
}

#bot_menu_spacer {
	background: url(images/new_footer/menu_byc_26.png) no-repeat;
	clear: both;
	width: 950px;
	height: 2px;
	margin: 0 auto;
}

#bot_menu_ten {
	background:url(images/buttons3/testemonials.gif);
	width: 99px;
	height: 37px;
	float: left;
	position: relative;
	left: 375px;
	background-position: 0px 37px;
	/* background-position: 0px 37px; */
}

#bot_menu_ten:hover {
	background-position: 0px 74px;
}

#bot_menu_ten.selected {
	background-position: 0px 0px;
}

#bot_menu_eleven {
	background:url(images/buttons3/gallery.gif);
	width: 59px;
	height: 37px;
	float: left;
	position: relative;
	left: 375px;
	background-position: 0px 37px;
	/* background-position: 0px 37px; */
}

#bot_menu_eleven:hover {
	background-position: 0px 74px;
}

#bot_menu_eleven.selected {
	background-position: 0px 0px;
}

#bot_menu_twelve {
	background: url(images/pr-news.gif);
	width: 83px;
	height: 37px;
	float: left;
	position: relative;
	left: 375px;
	background-position: 0px 37px;
	/* background-position: 0px 37px; */
}

#bot_menu_twelve:hover {
	background-position: 0px 74px;
}

#bot_menu_twelve.selected {
	background-position: 0px 0px;
}

/* Content styling starts here */


#left_content {
	width: 677px;
	float: left;
	display: inline;
}

#inner_left_content {
	width: 600px;
	margin: 0 auto;
}

#right_content {
	width: 312px;
	float: left;
	display: inline;
	z-index: 100;
	position: relative;
}

#top_content_liner {
	background:url(images/SITE3_other-pages_11.jpg);
	width: 995px;
	height: 5px;
}

#content_header_container {
	height: 24px;
	clear: both;
	position: relative;
	left: 30px;
}

#content_header_left {
	background: url(images/other_07.jpg) no-repeat;
	height: 24px;
	width: 35px;
	float: left;
	display: inline;
	background-position: bottom;
	padding: 0 0 20px 0;
}

#content_header_mid {
	background: url(images/other_08.jpg) repeat-x;
	height: 24px;
	float: left;
	display: inline;
	background-position: bottom;
	padding: 0 0 20px 0;
	font-weight: bold;
	font-size: 16px;
}

#content_header_right {
	background: url(images/other_09.jpg) no-repeat;
	height: 24px;
	width: 36px;
	float: left;
	display: inline;
	background-position: bottom;
	padding: 0 0 20px 0;
}

#content_titles {
	
}

/* About us page */

#about_right_inner {
	background:url(images/sides/SITE3_other-pages4a_13.jpg);
	width: 318px;
	height: 700px;
}

/* How it works */

#how_right_inner {
	background:url(images/sides/SITE3_other-pages4b_13.jpg);
	width: 318px;
	height: 700px;
}
/* Wrapping process */

#wrap_right_inner {
	background:url(images/sides/SITE3_other-pages4d_13.jpg);
	width: 318px;
	height: 700px;
}

/* Join us */

#join_right_inner {
	background:url(images/SITE3_other-pages4a_13.jpg);
	width: 318px;
	height: 700px;
}

/* FAQ page */

#faq_right_inner {
	background:url(images/sides/SITE3_other-pages4e_13.jpg);
	width: 318px;
	height: 700px;
}

/* Terma and conditions page */

#terms_right_inner {
	background:url(images/sides/SITE3_other-pages4f_13.jpg);
	width: 318px;
	height: 700px;
}

/* refer a friend */

#refer_header_container {
	height: 24px;
	clear: both;
	position: relative;
	left: 30px;
}

#refer_header_left {
	background: url(images/other_07.jpg) no-repeat;
	height: 24px;
	width: 35px;
	float: left;
	display: inline;
	background-position: bottom;
	padding: 0 0 20px 0;
}

#refer_header_mid {
	background: url(images/other_08.jpg) repeat-x;
	height: 24px;
	float: left;
	display: inline;
	background-position: bottom;
	padding: 0 0 20px 0;
	font-weight: bold;
	font-size: 16px;
}

#refer_header_right {
	background: url(images/other_09.jpg) no-repeat;
	height: 24px;
	width: 36px;
	float: left;
	display: inline;
	background-position: bottom;
	padding: 0 0 20px 0;
}

#top_refer_bar {
	background: url(images/refer_09.gif);
	width: 688px;
	height: 31px;
}

#bot_refer_bar {
	background: url(images/refer_09.gif);
	width: 688px;
	height: 31px;
	clear: both;
}

#refer_form_container {
	width: 688px;	
}

#refer_form_container .top {
	width: 341px;
	float: left;
	display: inline;
	height: 179px;

}

#refer_form_container .mid {
	background: url(images/refer_06.gif);
	width: 6px;
	height: 179px;
	float: left;
	display: inline;
}

#refer_form_container .bot {
	width: 341px;
	float: left;
	display: inline;
	height: 179px;
}

#inner_right_refer {
	position: relative;
	left: 25px;
}

#refer_right_inner {
	background:url(images/sides/byc_tv_13.jpg);
	width: 318px;
	height: 700px;
}

/* Contact process */

#contact_right_inner {
	background:url(images/sides/SITE3_other-pages4h_13.jpg);
	width: 318px;
	height: 700px;
}
/* Gallery process */

#gallery_right_inner {
	background:url(images/sides/SITE3_other-pages4i_13.jpg);
	width: 318px;
	height: 700px;
}

/* footer styling starts here */

#footer {
	clear: both;
}

	.accordion {
	
		/* some decorations for the accordion root element */
		background: url(/img/global/gradient/h300.png) 0 0;
		width: 676px;
		/* put them side by side */
		float:left;
	}
	
	/* accordion header */
	.accordion h2 {
		background: url(images/acc_up.jpg);
		margin:0;
		font-size:14px;
		font-weight:normal;
		cursor:pointer;
		height: 54px;
	}
	
	/* currently active header */
	.accordion h2.current {
		background: url(images/acc_over.jpg);
		height: 54px;
		cursor:default;
		background-color:#fff;
	}
	
	/* accordion pane */
	.accordion div.pane {
		display:none;
		padding:15px;
		color:#000;
		font-size:12px;
		width: 600px;
	}
	
	/* a title inside pane */
	.accordion div.pane h3 {
		font-weight:normal;
		margin:0 0 -5px 0;
		font-size:16px;
		color:#999;
	}
/* Contact us page */

#contact_affiliates_one {
	background: url(images/afilliates_07.gif);
	width: 230px;
	height: 167px;
	float: left;
	display: inline;
}

#contact_affiliates_two {
	background: url(images/afilliates_08.gif);
	width: 83px;
	height: 167px;
	float: left;
	display: inline;
}

#contact_affiliates_three {
	background: url(images/afilliates_09.gif);
	width: 230px;
	height: 167px;
	float: left;
	display: inline;
}

/* Home page scroller */
/*
#home_gallery_container {
	height: 200px;
	width: 995px;
	background: url(images/gallery_bg_03.gif) top center no-repeat;
	overflow: visible;
}

#home_gallery_inner {
	width: 1000px;
	float: left;
	display: inline;
	position: relative;
	top: 12px;
}

.ngg-gallery-thumbnail a img{
	border: none;
	margin: 0;
}

#previous {
	width: 37px;
	height: 36px;
	background: url(images/byc_gallery_08.gif);
	float: left;
	display: inline;
	position: relative;
	top: 75px;
	right: 6px;
}

#next {
	width: 37px;
	height: 36px;
	background: url(images/byc_gallery_09.gif);
	float: left;
	display: inline;
	position: relative;
	top: 75px;
	left: 4px;
}
*/

#home_gallery_container {
	height: 200px;
	width: 995px;
}

#home_gallery_inner {
	width: 974px;
	height: 212px;
	margin: 0 auto;
}

/* Scrollable CSS */



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 925px;
	height: 225px;
	float:left;
	display: inline;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

/* Testimonials page styling */

#testimonials_container {
	width: 650px;
}

#testimonials_container .top {
	width: 164px;
	height: 123px;
	float: left;
	display: inline;
}

#testimonials_container .bot {
	clear: both;
	background: url(images/shade.gif);
	width: 675px ;
	height: 32px;
}

#testimonials_content {
	width: 486px;
	height: 123px;
	float: left;
	display: inline;
}

#testimonials_inner_content {
	width: 450px;
	margin: 0 auto;
	position: relative;
	bottom: 15px;
}

#testimonials_excerpt {
	
}

#testimonials_read_more {
	position: relative;
	float: right;
	right: 45px;
	font-weight: bold;
}


#testimonials_right_inner {
	background:url(images/sides/side_testemonials_13.jpg);
	width: 318px;
	height: 700px;
}

#testimonials_navigation_container {
	
}

/* Contact us page tabs styling */


/* root element for tabs  */
ul.contact_tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:30px;
}

/* single tab */
ul.contact_tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	height: 89px;
	width: 182px;
}

/* link inside the tab. uses a background image */
ul.contact_tabs a { 
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

/* initially all panes are hidden */ 
.contact_pane .contact_panes {
	display:none;		
}

ul.contact_tabs {
    clear: both;
    height: 89px;
}

ul.contact_tabs li.general {
    position: relative;
    bottom: 12px;
    left: 70px;
}

ul.contact_tabs li.advertisers {
    position: relative;
    bottom: 12px;
    left: 150px;
}

ul.contact_tabs li.general a {
    background: url(images/button_cont.jpeg);
    height: 89px;
    width: 182px;
    background-position: 0 89px;
}

ul.contact_tabs li.general a.current {
    background: url(images/button_cont.jpeg);
    height: 89px;
    width: 182px;
}

ul.contact_tabs li.advertisers a {
    background: url(images/button_adv.jpeg);
    height: 89px;
    width: 182px;
    background-position: 0 89px;
}

ul.contact_tabs li.advertisers a.current {
    background: url(images/button_adv.jpeg);
    height: 89px;
    width: 182px;
}

/* new homepage styling */

body.main {
    background: url(http://www.brandyourcar.com/wp-content/themes/brand/images/background_gradient.jpg) no-repeat top center;
    width: 100%;
    min-height: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
}

html {
    width: 100%;
    min-height: 100%;
    height: 100%;
}

#home_wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

#home_wrapper .left_mid__menu {
    position: absolute;
    top: 120px;
    left: 0;
}

#home_wrapper .left_mid__menu ul, #home_wrapper .left_mid__menu li {
    margin: 0;
    padding: 0;
}

#home_wrapper .left_mid__menu li {
    list-style-type: none;
}

#home_wrapper .left_mid__menu li a {
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    background: url(http://www.brandyourcar.com/wp-content/themes/brand/images/buttons_side.png);
    width: 133px;
    height: 53px;
    display: block;
    background-position: 0 65px;
    text-align: center;
    padding: 12px 5px 0 0;
}

#home_wrapper .left_mid__menu li a:hover {
    background-position: 0 0;
}

#home_wrapper .mid_car {
    background: url(http://www.brandyourcar.com/wp-content/themes/brand/images/the_mini.png);
    width: 703px;
    height: 375px;
    position: relative;
    top: 160px;
    margin: 0 auto;
    background-position: 0 375px;
}

#home_wrapper .mid_car:hover {
    background-position: 0 0 ;
}

#home_wrapper .top_right_refer {
    background: url(http://www.brandyourcar.com/wp-content/themes/brand/images/refer_a_friend_button.png);
    width: 122px;
    height: 165px;
    position: absolute;
    top: 0;
    right: 75px;
}

#home_wrapper .bot_right_logo {
    background: url(http://www.brandyourcar.com/wp-content/themes/brand/images/brandyoucar_logo.png);
    width: 170px;
    height: 80px;
    position: absolute;
    bottom: 55px;
    right: 75px;
}

#home_wrapper .top_right_container {
    position: absolute;
    top: 25px;
    right: 40px;
}

#home_wrapper .top_right_container a {
    font-weight: bold;
    text-decoration: none;
    color: #666;
    display: block;
    font-size: 14px;
    margin: 0 0 10px 0;
}

#home_wrapper .add_this {
    position: absolute;
    top: 25px;
    right: 190px;
    width: 110px;
}

#like {
    position:relative;
    top:138px;
    right:593px;
}