/*	Desc:		Pfitzner Performance Gearbox Screen Style Sheet
	Author:	Intervolve.com.au
  	Date:		June 08
=== === === === === === === === === === */

body {font:75%/163% Verdana,Arial,Helvetica;color:#23313A;background:#F7FCFE url(../img/background.jpg) repeat-x center top;text-align:center}

/*=CONTAINERS
=== === === === === === === === === === */
#container {width:900px;margin:0 auto;text-align:left;padding:60px 0 0 0}
#content_container {clear:both;position:relative;width:860px;padding:20px;overflow:hidden;background:#FFF url(../img/content_container_bg.gif) no-repeat;min-height:330px}
#content_container .b {clear:both;width:900px;background:url(../img/content_container_bg2.gif) no-repeat bottom left;line-height:4px;height:4px;font-size:1px;margin:20px 0 0 0;position:absolute;bottom:0;left:0}
.left {float:left}
.right {float:right}
.contleft {width:605px;overflow:hidden}

/*=COMMON
=== === === === === === === === === === */
p,li {line-height:150%}
img {border:0}
input,textarea,select,table {font-family:Arial,"Arial MT",Helvetica,Verdana;font-weight:normal !important;color:#000 !important}
a, a:link {text-decoration:none;font-weight:bold;color:#005879}
a:hover {color:#002d3e}
button {cursor:pointer}

/*=TOP BAR
=== === === === === === === === === === */
#top_bar_container {position:absolute;top:0;left:0;width:100%;background:#002F3E;color:#FFF;border-bottom:2px solid #FFC800;padding:5px 0}
#top_bar {width:900px;margin:0 auto}
#top_bar ul  {float:left}
#top_bar li {display:inline;margin:0 0 0 5px}
#top_bar fieldset {float:right;margin:3px 0 0 0;width:280px}
#top_bar input {width:170px;padding:2px 3px}
#top_bar .additional {float:right;width:617px;text-align:right}
#top_bar .phone {float:left;background:url(../img/phone_number.gif) no-repeat center left;width:268px;height:30px;text-indent:-999999px}
#top_bar ul a {color:#54C0D9;font-weight:normal;font-size:.9em;display:block;float:left;padding:5px 8px}
#top_bar ul a:hover {color:#FFF}
#top_bar ul a.current {color:#ffc800}
#top_bar button {background:url(../img/topbar_search_btn.gif) no-repeat;width:53px;height:22px;text-indent:-999999px;border:0;vertical-align:top}
#top_bar button:hover {background-position:bottom left}


/*=HEADER
=== === === === === === === === === === */
#header {width:900px;height:88px;overflow:hidden}
#header h2 {display:none}
#front #header h1, #header h1 a ,#header p {display:block;text-indent:-999999px;overflow:hidden}
#front #header h1, #header h1 a {float:left;background:url(../img/header_logo.gif) no-repeat center left;width:253px;height:88px}


/*=MAIN NAV
=== === === === === === === === === === */
#nav_container {float:right;margin:20px 0;border:0px solid #3e5a66;position:relative}
#nav_container span {background:url(../img/nav_bg.gif) no-repeat center left;width:100%;position:absolute;top:0;left:0;z-index:-1;height:48px;filter:alpha(opacity=55);-moz-opacity:.55;-khtml-opacity:.55;opacity:.55;font-size:1px}
#navmenu {overflow:hidden;background:url(../img/nav_dividers.gif) no-repeat center left }
#navmenu li {display:inline}
#navmenu a {display:block;text-indent:-999999px;overflow:hidden;float:left;height:48px;margin:0 1px 0 0}
#navmenu a:hover {background-position:left bottom}
#navmenu a:focus {outline:none}
#navmenu a.current {background-position:right top}
#navmenu .gea {width:221px;background:url(../img/nav_ppgdifference.gif) no-repeat}
#navmenu .pro {width:176px;background:url(../img/nav_prodrange.gif) no-repeat}
#navmenu .med {width:98px;background:url(../img/nav_media.gif) no-repeat}
#navmenu .dea {width:113px;background:url(../img/nav_dealers.gif) no-repeat}


/*=FEATURE AREA
=== === === === === === === === === === */
#feature_area {color:#FFF;width:900px;background:#000;margin-bottom:9px;height:260px;position:relative}
#front #feature_area {margin:0}
#feature_area a {position:absolute;z-index:99;display:block;text-indent:-999999px;overflow:hidden;background:url(../img/text_area_bg.gif) no-repeat top center;width:409px;height:260px}
#feature_area a:hover {background-position:bottom center}
#feature_area a:focus {outline:none}
#feature_area #textarea {background:url(../img/feature_black_bg2.png) no-repeat;position:absolute;width:459px;height:260px;top:0;left:0;z-index:98;}
#front #feature_area #textarea {background:url(../img/feature_black_bg.png) no-repeat}
#feature_area #slides {position:absolute;z-index:99999;right:0;top:0;float:right;z-index:97;width:513px;height:260px;display:block}
#feature_area i {position:absolute;width:4px;height:260px;right:0;z-index:999;background:url(../img/feature_bg_right.png) no-repeat;font-size:1px}


/*=VIDEO PREVIEW BOX
=== === === === === === === === === === */
#video_player {background:#000;float:left;width:378px;height:283px;margin:0 0 20px 0;color:#FFF;background:#000}
#video_preview_box {font-family:arial,verdana;width:500px;float:right;border:1px solid #565656;background:#FFF url(../img/black_gradient_bg.gif) repeat-x;margin:0 0 20px}
#video_preview_box h2 {background:url(../img/icon_arrowdown.gif) no-repeat center left;color:#FFF;line-height:30px;font-size:1.2em;font-family:arial,verdana;font-weight:bold;padding:0 0 0 18px;margin:0 0 0 10px}
#video_preview_box div {position:relative;height:249px;overflow:auto;margin:0 5px 5px;background:#FFF}
#video_preview_box div a {float:left;padding:10px;display:block;width:214px;height:55px;font-size:.9em;line-height:1.6em;cursor:pointer}
#video_preview_box div li {display:inline}
#video_preview_box div a {overflow:hidden;border-bottom:1px solid #CCC}	
#video_preview_box div a img{padding:1px;border:1px solid #aac3cb;float:left}
#video_preview_box div a:hover {background:#eaf4f6;}
#video_preview_box div a:hover img {background:#4ba6c4;border:1px solid #4ba6c4}
#video_preview_box div a span {height:55px;display:block;width:125px;float:right;overflow:hidden}


/*=FEATURE PANELS
=== === === === === === === === === === */
#feature_panels {color:#FFF;float:left;width:900px;margin:9px 0 9px 0}
#feature_panels p a {font-family:arial,verdana;font-size:1.15em;display:block;height:50px;color:#FFF;padding:35px 0 0 20px}
#feature_panels h3 {display:none}
#feature_panels div {width:294px;background:url(../img/feature_panels_bg.gif) no-repeat}
#feature_panels div:hover {background-position:bottom left}
#feature_panels .left {margin:0 9px 0 0}
#feature_panels .dealers a {background:url(../img/feature_panels_dealers.gif) no-repeat}
#feature_panels .productrange a {background:url(../img/feature_panels_product_range.gif) no-repeat}
#feature_panels .gearsets a {background:url(../img/feature_panels_gear_sets.gif) no-repeat}
#feature_panels small {color:#000;background:#0093c8;padding:2px 3px;font-size:9px;margin:0 0 0 3px}


/*=SIDEBAR 2
=== === === === === === === === === === */
#sidebar2 {float:left;width:210px;margin:0 15px 0 0}
#product_range {width:887px;margin:0 0 9px 0;padding:10px 0 0px 10px;background:url(../img/product_range2_bg.gif) no-repeat;overflow:hidden}
#front #product_range {width:210px;margin:0 0 -5px 0;padding:0;background:url(../img/product_range3_bg.gif) no-repeat}
#product_range h3 {color:#00223c;font-family:arial,verdana;font-size:1.3em;font-weight:bold;padding:.7em 0 .9em 0;width:205px;text-align:center}
#product_range p {font-size:.9em;margin:0 0 .8em 0;padding:0 5px;color:#65757f}
#product_range ul {overflow:hidden;width:889px}
#product_range li {background:url(../img/product_range_bg2.gif) no-repeat;float:left;margin:0 4px 0 0}
#product_range li:hover {background-position:top right}
#product_range a:focus {outline:none}
#product_range ul a {color:#888;display:block;float:left;width:94px;overflow:hidden;text-align:center;padding:85px 0 7px 0;line-height:24px;background-position:50% 0% !important}
#product_range ul a:hover {color:#54C0D9}
#product_range ul a.current {color:#ffc800}
#product_range .subaru {background:url(../img/product_subaru.gif) no-repeat}
#product_range .nissan {background:url(../img/product_nissan.gif) no-repeat}
#product_range .mitsubishi {background:url(../img/product_mitsubishi.gif) no-repeat}
#product_range .mazda {background:url(../img/product_mazda.gif) no-repeat}
#product_range .toyota {background:url(../img/product_toyota.gif) no-repeat}
#product_range .honda {background:url(../img/product_honda.gif) no-repeat}
#product_range .ford {background:url(../img/product_ford.gif) no-repeat}
#product_range .holdenchev {background:url(../img/product_holdenchev.gif) no-repeat}
#product_range .other {background:url(../img/product_other.gif) no-repeat}
#front #product_range ul {width:210px}
#front #product_range li {background:url(../img/product_range_bg.gif) no-repeat;margin:0 5px 5px 0}
#front #product_range li:hover {background-position:bottom left}
#front #product_range ul a {width:100px;height:75px;text-indent:-999999px;padding:0}


/*=CONTENT
=== === === === === === === === === === */
#content {width:605px;float:left;margin-bottom:-1em;position:relative}
#front #content {width:375px;float:right}

/* Formatting */
#content p {margin:0 0 1em 0}
#content h2 {font-family:arial,verdana;clear:both;border-bottom:1px solid #aac3cb;color:#000;font-size:1.7em;font-weight:bold;line-height:1.4em;padding:0 0 .55em 0;margin:0 0 .8em 0;background:url(../img/h2_bg.gif) no-repeat bottom right}
#content h2 i {font-weight:normal}
#content h2 span {font-size:.8em}
#content h3 {font-family:arial,verdana;clear:both;color:#06293F;font-size:1.3em;font-weight:bold;margin:2em 0 .5em 0;display:block;line-height:1.4em}
#content h4 {font-family:arial,verdana;clear:both;color:#06293F;font-size:1.2em;font-weight:bold;margin:0;padding:.2em 0;display:block;line-height:1.4em}
#content small {font-size:.9em;line-height:1.7em}
em,i {font-style:italic}
b,strong {font-weight:bold}
#content ul {margin:0 0 1em 1.5em;list-style-type:disc}
#content ul li {margin:0 0 .3em 0}
#content ul ul {margin:0 0 0 .5em}
#content img.bthick {padding:6px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#content img.bthin {padding:3px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#content img.left {float:left;margin:0 1em 1em 0}
#content img.right {float:right;margin:0 0 1em 1em}
#content img.right {float:right;margin:0 0 1em 1em}

/* Forms */
#content form {margin:0 0 1em 0}
form label {font-weight:bold}
form input,textarea {padding:3px 4px;border:1px solid #7f9db9;color:#005879;font-weight:bold;font-size:1em}
form input:hover {color:#000}
form button {font-size:.9em}
form button:hover {cursor:pointer}
form .req {border:1px solid red !important}
#content button {padding:.2em .3em}

#contactForm {padding:15px 20px 20px 20px;background:#eef4f7;width:400px}
#contactForm p {clear:both}
#contactForm label {width:100px;display:block;float:left}
#contactForm label.error {margin:0 0 5px 100px;width:auto !important}
#contactForm small {margin:0 0 0 100px}
#contactForm .mess label {width:auto !important}
#contactForm .mess .error {margin:0 !important}

#friendForm {padding:15px 20px 20px 20px;background:#eef4f7;width:370px}
#friendForm legend {font-family:arial,verdana;clear:both;color:#06293F;font-size:1.2em;font-weight:bold;margin:0;padding:.2em 0 0 0;display:block;line-height:2em}
#friendForm p {clear:both;float:left}
#friendForm label {width:100px;display:block;float:left}
#friendForm label.error {margin:0 0 0 100px;width:auto !important}
#friendForm small {margin:0 0 0 100px}

/* Media Page */
#media h3 i {color:#777}
#media .medialist li {padding:0 0 0 25px;background:url(../img/icon_media.gif) no-repeat 0 3px}
#media #content ul {margin:0;list-style-type:none}

/* Sitemap */
#sitemap ul {position:relative;border-left:1px solid #CCC;margin:0 0 20px 20px !important;padding:0}
#sitemap ul ul {margin-bottom:15px !important}
#sitemap li {list-style-type:none !important;margin:0 !important;padding:0 !important}
#sitemap li a {padding:0 0 0 9px;background:url(../img/sitemap_a_bg.gif) no-repeat center left;line-height:1.7em}
#sitemap ul a {font-weight:bold}
#sitemap ul ul a,#sitemap ul ul ul a,#sitemap ul ul ul ul a {font-weight:normal}

/* Products Page */
#products #content {width:645px}
#products #sidebar {width:195px}
#content .productlist {margin:0}
#content .productlist li  {display:inline;float:left;}
#content .productlist a {display:inline;float:left;width:301px;overflow:hidden;padding:10px;height:63px}
#content .productlist a span {font-weight:normal;color:#06293F}
#content .productlist a strong {font-size:1.2em;font-weight:bold;font-family:arial,verdana}
#content .productlist a small {visibility:hidden;padding:1px 3px;margin:0 0 0 3px;border-bottom:1px solid #FFF;color:#FFF;font-family:arial;font-weight:normal;font-size:.8em}
#content .productlist a:hover small {visibility:visible;background:#ffe78e;color:#000;border-right:1px solid #ddc15b;border-bottom:1px solid #ddc15b}
#content .productlist a:hover {}
#content .productlist a img {float:left;margin:3px 10px 5px 0;padding:1px;border:1px solid #CCC}
#content .productlist a:hover img {border:1px solid #777}
#products #content h2 {font-size:1.4em}
#products .page_tools {margin:0;list-style-type:none}

#content .search_results a {width:585px !important}

#product_detail .single {float:left;margin:3px 15px 15px 0}
#product_detail .single a {padding:3px;border:1px solid #aac3cb;background:#eef4f7;display:block}
#product_detail .single a:hover {border:1px solid #002d3e}
#product_detail .single img {display:block}

#product_detail #mainprodimg {display:block;margin:20px 0 5px 0;padding:1px;border:1px solid #aac3cb;background:#eef4f7}
#product_detail .multiple a {padding:3px;margin:0 5px 0 0;border:1px solid #aac3cb;float:left}
#product_detail .multiple a:hover {border:1px solid #002d3e}
#product_detail .multiple img {display:block}

#sidebar .productlist a span {color:#777;clear:both;display:block;font-size:.9em;font-weight:normal}

/* Custom */
#front #content h2 {background:url(../img/heading_choiceofchamps.gif) no-repeat;display:block;width:378px;height:33px;border:0;text-indent:-999999px;margin:10px 0 0 0}
#front .photobox {float:left;width:136px;height:155px;margin:.2em 1.5em 1.5em 0;text-align:center;color:#888}
#front .photobox img {padding:3px;background:#FFF;border:1px solid #CCC}
#front .photobox small {display:block;font-family:arial,verdana;margin:.2em 0 0 0}
.page_tools {position:absolute !important;right:0;top:0;font-size:.8em;margin:0 !important;list-style-type:none !important}
.page_tools a {color:#6c6c6c;display:block;font-weight:normal;float:left}
.page_tools a:hover {color:#000}
.page_tools .printpage {background:url(../img/icon_print.gif) no-repeat center left;padding:0 0 0 20px;}
.page_tools .sendtofriend {background:url(../img/icon_sendtofriend.gif) no-repeat center left;padding:0 0 0 20px;}
.star {padding:5px 0 5px 20px;background:url(../img/icon_star.gif) no-repeat center left} 
.note {background:#fffee0;padding:5px 7px}
.dealerlist {margin:0 !important;list-style-type:none !important}
.dealerlist h4 {margin-top:5px !important}
.dealerlist li {float:left;width:590px;margin:0;border-bottom:1px dotted #bfd2d8;padding:10px 0 15px 15px}
.dealerlist li b {width:90px;display:block;float:left}
.dealerlist li .right {width:345px}
.dealerlist li .right b {width:auto}
.dealerlist li:last-child {border-bottom:0px;margin-bottom:0}
.dealerlist .email_address,.dealerlist .view_website {margin:0 10px 0 0}
.dealerlist li:hover {background:#fffee0}
.furtherinfo {padding:20px 0;float:left;clear:both;display:block;width:100%;margin:0 !important;list-style-type:none}
.furtherinfo li {display:inline}
.furtherinfo a {float:left}
.furtherinfo .back {background:url(../img/icon_back.gif) no-repeat center left;padding:5px 0 5px 18px;display:block;margin:0 15px 0 0}
.furtherinfo .enquire {background:url(../img/icon_enquire.gif) no-repeat center left;padding:5px 0 5px 18px;display:block}
.pdf {background:url(../img/pdf_icon.gif) no-repeat 8% 50%;background-color:#e7eef0;padding:10px 10px 10px 32px !important}
.img_library {float:left;padding:0 0 20px 0}
.img_library .last {margin-right:0 !important}
.img_library a {float:left;border:1px solid #CCC;margin:0 2px 2px 0}
.img_library img {display:block}
.wysiwygemail {display:none}

/*=SIDEBAR
=== === === === === === === === === === */
#sidebar {width:230px;float:right}
#front .sidebar_box {overflow:hidden;margin:6px 0 20px 0;position:relative;background:url(../img/latest_media_bg.gif) no-repeat;padding:0 10px}
#front .allnews {position:absolute;right:0;top:0;margin:9px 10px 0 0;font-size:.9em;float:right}
.sidebar_box {overflow:hidden;margin:6px 0 20px 0;background:url(../img/latest_media_bg.gif) no-repeat;padding:0 10px;clear:both}
.sidebar_box h3 {color:#00223c;font-family:arial,verdana;font-size:1.25em;font-weight:bold;padding:.6em 0 .5em;margin:0 0 .3em;border-bottom:1px solid #AAC3CB}
.sidebar_box li {position:relative;width:100%;border-bottom:1px dotted #bfd2d8;float:left}
.sidebar_box li:last-child {border:0}
.sidebar_box li a {float:left;display:block;padding:5px 0px 5px 12px;width:198px;background:url(../img/sidebar_box_bg.gif) no-repeat center left}
.sidebar_box ul ul {float:left;border-top:1px dotted #bfd2d8;margin-bottom:-1px}
.sidebar_box li ul {padding-left:12px}
.sidebar_box li li a {padding:2px 0px 2px 12px;width:178px !important}
#products .sidebar_box li a {width:162px}
.sidebar_box .current {color:#555;padding:5px 0px 5px 0 !important;background:0;width:174px !important}
#contact .sidebar_box h3 {font-size:1.1em}
#products .on_products_page li a {width:163px !important}
#products .on_products_page li li a {width:151px !important}



.archived li a {width:210px !important}

#media .sidebar_box ul a {width:187px;background:none;padding:5px 0px 5px 0}
#media .sidebar_box ul a small {display:block;color:#777;clear:both;font-size:.9em;font-weight:normal}
#media .sidebar_box ul a:hover small {display:block}

#media .champs_box h3 {color:#00223c;font-family:arial,verdana;font-size:1.25em;font-weight:bold;padding:.6em 0 .2em;margin:0 0 .4em;border-bottom:1px solid #AAC3CB}
#media .champs_box a {display:block}
#media .champs_box img {margin:3px 0 0 0}
#media .champs_box  {padding:0 0 13px 0}

#email_news {margin:0 0 25px 0;background:url(../img/email_news_bg.gif) no-repeat top right;color:#65757f}
#email_news h3 {color:#00223c;font-family:arial,verdana;font-size:1.25em;font-weight:bold;text-align:left;padding:0 0 .2em 0}
#email_news p {font-size:.9em;margin:0 0 .8em 0;width:165px}
#email_news input {width:147px;margin:0 3px 0 0}
#email_news fieldset {background:#e6f0f4;padding:5px 0 5px 5px}
#email_news button {background:url(../img/sign-up_btn.gif) no-repeat;width:53px;height:22px;text-indent:-999999px;border:0;vertical-align:bottom}
#email_news button:hover {background-position:bottom left}
label.error {display:block;font-size:.8em;float:left;color:red}
#dealer_search {background:url(../img/dealer_search_bg.gif) no-repeat top right;color:#65757f}
#dealer_search h3 {color:#00223c;font-family:arial,verdana;font-size:1.25em;font-weight:bold;padding:0 0 .2em 0}
#dealer_search p {font-size:.9em;margin:0 0 .8em 0;width:185px}
#dealer_search input {width:147px;margin:0 3px 0 0}
#dealer_search fieldset {background:#e6f0f4;padding:5px 0 5px 5px}
#dealer_search button {background:url(../img/search_btn.gif) no-repeat;width:53px;height:22px;text-indent:-999999px;border:0;vertical-align:bottom}
#dealer_search button:hover {background-position:bottom left}


/*=SITE SEARCH
=== === === === === === === === === === */
#sitesearch .searchinput {border:1px solid #98A9C8;width:142px;padding:3px 4px;background:#FFF url(../img/searchinput_bg.gif) repeat-x}
#sitesearch .submitbtn, #advanced_distributorsearch .submitbtn {vertical-align:bottom;margin:0 0 0 2px}
#sitesearch {padding:5px 0 0 0}
#sitesearch h3 {font-weight:bold;margin:0 0 2px 0}
#front #sitesearch {padding:0;float:right}
#front #sitesearch .searchinput {width:190px}


/*=FOOTER
=== === === === === === === === === === */
#footer {float:left;margin:9px 0;width:900px;}
#footer li {display:inline}
#footer p {color:#578391;font-size:1em}
#footer p.credits a {background:url(../img/intervolve_credits.gif) no-repeat center left;text-indent:-99999px;width:239px;height:28px;display:block;overflow:hidden}
#footer .tools a {color:#3bcaff;font-weight:normal;margin:0 0 0 8px}
#footer .tools a:hover {color:#FFF}
#footer_bar {position:relative;overflow:hidden;margin:0 0 10px 0;width:900px;background:#004863 url(../img/footer_bar_bg.gif) no-repeat}
#footer_bar .menubot {float:left;margin:0 0 0 12px;padding-left:127px;background:url(../img/footer_logo.gif) no-repeat center left}
#footer_bar .menubot {border-right:1px solid #20627E}
#footer_bar .menubot a {color:#FFF;display:block;float:left;padding:12px;border-left:1px solid #20627E}
#footer_bar .menubot a:hover {background:#20627E}
#footer_bar .tools {padding:12px 20px 0 0;float:right;text-align:right;font-size:.8em}
#footer_bar .b {clear:both;width:100%;background:url(../img/footer_bar_bg2.gif) no-repeat bottom left;width:100%;line-height:4px;height:4px;font-size:1px;position:absolute;bottom:0;left:0}
