/*	Desc:        Triumph Rover Spares Screen Style Sheet
	Author:      Intervolve.com.au
  	Date:        April 08
=== === === === === === === === === === */


body {font:75%/163% Arial,Helvetica,Verdana;color:#2c3d47;background:#FFF url(../img/background.jpg) repeat-x}


/*=CONTAINERS
=== === === === === === === === === === */

#container {width:760px;margin:10px auto;}
#all_content {clear:both;background:#FFF;width:760px;overflow:hidden}
#content_column {float:left;width:540px;overflow:hidden}
.bookservice {outline:0;position:absolute !important;top:0;right:0;background:url(../img/bookaservice.gif) no-repeat center left;width:129px;height:116px;display:block;text-indent:-999999px;overflow:hidden}


/*=COMMON
=== === === === === === === === === === */

p,li {line-height:150%}
img {border:0}
input,textarea,select,table {font:100% Arial,"Arial MT",Helvetica,Verdana}
a, a:link {text-decoration:none;font-weight:bold;color:#588213}
a:hover {color:#000}
#sidebar a {color:#1a68a5}


/*=HEADER
=== === === === === === === === === === */

#header {width:760px;height:130px;overflow:hidden}

#front #header h1, #header h1 a ,#header p {color:#FFF;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:179px;height:130px;}
#header p {background:url(../img/header_text.gif) no-repeat right center;width:490px;height:130px;}


/*=MAIN NAV
=== === === === === === === === === === */

#nav_container {float:left;background:#61717A url(../img/nav_container_bg.gif) repeat-x bottom left;width:745px;padding:0 0 0 15px;border-top:1px solid #4f5d64}
#nav_container small {float:right;margin:0 10px 0 0}
#nav_container small a {color:#909FA6;font-size:1.1em;display:block;float:left;line-height:44px;padding:0 5px}
#nav_container small a:hover {color:#FFF}

#navmenu {float:left;height:44px;position:relative;z-index:100;}
#navmenu .current,#navmenu .currenthassub  {background:#252c30 url(../img/navbg_hover.gif) repeat-x left bottom}
#navmenu li {border:0 none;padding:0;float:left;display:inline;list-style:none;position:relative;line-height:44px;background:url(../img/nav_menu_li_bg.gif) no-repeat right center}
#navmenu ul {display:inline;width:165px;list-style:none;display:none;position:absolute;top:44px;left:0;background:#FFF;padding:10px;border:1px solid #DDD;border-width:0 1px 1px 1px}
#navmenu ul:after /*From IE 7 lack of compliance*/{clear:both;display:block;font:1px/0px serif;content:".";height:0;visibility:hidden}

#navmenu ul li {width:165px;float:left;/*For IE 7 lack of compliance*/display:block !important;display:inline;/*For IE*/line-height:22px;height:22px;border-bottom:1px solid #EEE}

/* Root Menu */
#navmenu a {font-family:arial,verdana;float:none !important;/*For Opera*/float:left;/*For IE*/display:block;height:auto !important;height:1%;/*For IE*/color:#FFF;font-weight:bold;font-size:1em;padding:0 7px 0 6px;background:url(../img/navmenu_divider.gif) no-repeat center right}

/* Root Menu Hover Persistence */
#navmenu a:hover,
#navmenu li:hover a,
#navmenu li.iehover a {color:#FFF !important;background:#80949f url(../img/navbg_hover.gif) repeat-x left bottom}

#navmenu .current {background:#252c30 url(../img/navbg_hover.gif) repeat-x left bottom}
#navmenu .current:hover {background:#252c30 url(../img/navbg_hover.gif) repeat-x left bottom}

/* 2nd Menu */
#navmenu li:hover li a,
#navmenu li.iehover li a {font-weight:normal;font-size:1em;float:none;background:#FFF !important;color:#111 !important;border-left:0 !important;text-indent:-10px}

#navmenu li li a.current {color:#111 !important;background:#FFF}

/* 2nd Menu Hover Persistence */
#navmenu li:hover li a:hover,
#navmenu li:hover li:hover a,
#navmenu li.iehover li a:hover,
#navmenu li.iehover li.iehover a {color:#1a68a5 !important;background:#FFF !important}

/* 3rd Menu */
#navmenu li:hover li:hover li a,
#navmenu li.iehover li.iehover li a {background:#161616;color:#111 !important}

/* 3rd Menu Hover Persistence */
#navmenu li:hover li:hover li a:hover,
#navmenu li:hover li:hover li:hover a,
#navmenu li.iehover li.iehover li a:hover,
#navmenu li.iehover li.iehover li.iehover a {background:#E10000;color:#1a68a5 !important}

#navmenu ul ul,
#navmenu ul ul ul {display:none;position:absolute;top:-10px;left:150px;font-size:.95em;border-left:1px solid #CCC !important;border-top:1px solid #CCC !important}

/* Do Not Move - Must Come Before display:block for Gecko */
#navmenu li:hover ul ul,
#navmenu li:hover ul ul ul,
#navmenu li.iehover ul ul,
#navmenu li.iehover ul ul ul {display:none}

#navmenu li:hover ul,
#navmenu ul li:hover ul,
#navmenu ul ul li:hover ul,
#navmenu li.iehover ul,
#navmenu ul li.iehover ul,
#navmenu ul ul li.iehover ul {display:block}


/*=MAIN NAV
=== === === === === === === === === === */

#submenu {background:#71858F url(../img/submenu_bg.jpg) repeat-y;float:left;width:510px;padding:0 15px 0 20px;overflow:hidden;}
#submenu li {display:inline}
#submenu ul a {color:#57676F;background:#E8F4F8 url(../img/submenu_a_bg.gif) repeat-x bottom left;display:block;float:left;padding:5px 9px 5px 9px;margin:0 3px 0 0 }
#submenu ul a:hover {color:#364248}
#submenu ul a.current {color:#3A474D;background-image:none;background-color:#FFF}
#submenu h2 {font-family:arial,verdana;clear:both;color:#ffeb47;font-size:1.9em;font-weight:bold;line-height:3em;display:inline;padding:0 0 1px 0}
#submenu h2 a {color:#ffeb47;border-bottom:1px solid #ffeb47}


/*=CONTENT
=== === === === === === === === === === */

#content {float:left;width:500px;padding:20px 20px 15px 20px;overflow:hidden;position:relative}
#front #content {width:720px;height:215px}

#front #content #overlay {position:absolute;top:20;left:20;z-index:2;font-weight:normal;color:#FFF;width:205px;display:block;background:url(../img/trans.png);padding:10px}
#front #content p {line-height:1.4em;margin:0;font-size:1.1em;}
#front #content h2 {color:#FFE136;margin:0 0 .3em 0;font-size:1.70em}

#rotator {position:absolute;top:0;left:0;z-index:1;background:#9facb4;width:760px;height:255px;color:#000;overflow:hidden;}

/* Formatting */
#content p {margin:0 0 1em 0}
#content h2 {clear:both;color:#06293F;font-size:1.8em;font-weight:bold;line-height:1.4em;padding:0 0 .5em 0}
#front h2 {padding:0;line-height:1.2em;}
#content h3 {clear:both;color:#06293F;font-size:1.3em;font-weight:bold;margin:1em 0 .8em 0;padding:0 0 .5em 0;border-bottom:1px solid #e5e5e5;display:block;line-height:1.4em;}
#content h4 {clear:both;color:#06293F;font-size:1.3em;font-weight:bold;margin:1.5em 0 .8em 0;padding:0 0 .5em 0;border-bottom:1px solid #e5e5e5;display:block;line-height:1.4em;}
#content h4.intro {margin:0 0 .5em 0;border-bottom:0}
#content small {font-size:.9em;line-height:1.7em}
em,i {font-style:italic}
b,strong {font-weight:bold}

/* Formatting Error Control */
#content a[href="#"],
#content a[href=""],
#content a[href^="www"] {display:block;background:#FF0000 url(../img/illegal_code-link.gif) no-repeat bottom left;padding-bottom:21px;margin:20px 0}
#content h1,
#content h5,
#content h6,
#content h7 {display:block;background:#FF0000 url(../img/illegal_code.gif) no-repeat bottom left;padding-bottom:21px;margin:20px 0}

/* Lists */
#content ul,#content ol {margin:0 0 1em 0}
#content ul li {list-style-type:disc;margin:0 0 5px 15px}
#content ul ul {margin:5px 0 0 15px}
#content ol li {list-style-type:decimal;margin:0 0 5px 25px}

/* Images */
#content img.marg {margin:0 1em 1em 1em}
#content img.left {float:left;margin:.5em 1em 1em 0}
#content img.right {float:right;margin:.5em 0 1em 1em}
#content img.thin {background:#F5F5F5;padding:2px;border:1px solid #DBE8EE}
#content img.thick {background:#F5F5F5;padding:5px;border:2px solid #DBE8EE}

/* Forms */
form {margin:0 0 1em 0}
form label {font-weight:bold}
form .req {border:1px solid #618e17 !important}
#servicing_form textarea,#servicing_form input,#contact_form input,#contact_form textarea,.friendform input {padding:4px 3px;margin:0 0 0 10px;border:1px solid #afc9d5}
#servicing_form td,#contact_form td,.friendform td {padding:6px 0;}
#servicing_form .submit,#contact_form .submit,.friendform .submit {padding:0 !important;border:0 !important}

/* Sitemap */
#sitemap ul {position:relative;border-left:1px solid #CCC;margin:0 0 0 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}

/* Product List */
#product_list {width:500px;padding:1em 0}
#product_list span {float:left;width:220px}
#product_list a {text-decoration:none;color:#203B4A;font-weight:normal}
#product_list a:hover {cursor:pointer}
#product_list img {float:right;border:1px solid #D2D2D2;padding:5px;display:block;background:#FFF}
#product_list a:hover img  {border:1px solid #AAA}
#product_list a:hover h3  {color:#000;border-bottom:1px solid #AAA}
#product_list div {float:left;background:url(../img/product_bg.gif) repeat-x;overflow:hidden;display:block;margin:0 0 1em 0}
#product_list h3 {color:#588213;font-weight:bold}
#product_list div .sold, #product_detail .sold {width:30px;text-align:center;background:#ff2525;color:#FFF;padding:4px 5px;margin:0 5px 0 0;font-size:.9em;font-weight:bold}

/* Product Page */
#product #content h3 {margin:0 0 15px 0;color:#FFF;height:33px;line-height:33px;padding:0;background:#458E28 url(../img/product_h3_bg.gif) no-repeat}
#product #content h3 a {color:#DFF9CD;font-size:.9em;padding:0 0 0 8px;display:block;width:672px}
#product #content h3 a:hover {color:#FFF}
#product #content a {font-weight:bold}

/* Product Detail */
#product_detail img#mainprodimg {margin:15px 0 5px 0;border:1px solid #D2D2D2;padding:5px;clear:both;display:block;}
#product_detail #additional {margin:0 0 15px 0}
#product_detail #additional img {border:1px solid #D2D2D2;padding:1px}
#product_detail #additional img:hover {border:1px solid #AAA}
#product_detail #additional li {display:inline;float:left;margin:0 5px 5px 0}

/* Product Categories - Content Area */
#category_list li {list-style-type:none !important;float:left;margin:0 !important;padding:0 !important}
#category_list li a {padding:4px 5px;margin:0 5px 5px 0;display:block;background:#F2F8EE;color:#333;font-weight:bold;font-size:1.2em;border:1px solid #E3EEDF}
#category_list li a:hover {background:#FFF;color:#000}

/* Product Categories - Content Area */
.img_library {padding:.5em 0}
.img_library img {border:1px solid #D2D2D2;padding:1px}
.img_library img:hover {border:1px solid #AAA}

/* Custom */
.clear {clear:both}
.pdf {padding:5px 0 5px 22px;background:url(../img/pdf_icon.gif) no-repeat center left}
.red {color:red;font-size:.8em}
.back_btn {outline:0;background:url(../img/back_btn.gif) no-repeat top left;display:block;text-indent:-999999px;width:60px;height:20px;overflow:hidden;margin:20px 0 0 0}
td {padding:6px}
.note {padding:3px 4px;background:#ffffdb}
ul.twocol {width:500px;margin:0;padding:0}
ul.twocol li {display:inline}
ul.twocol li a {float:left;display:block;width:238px;padding:5px;background:#f1f6e9;border-right:1px solid #FFF;border-top:1px solid #FFF}
.furtherinfo {padding:10px 0 0 0}
.furtherinfo li {list-style-type:none !important;display:inline}
.furtherinfo a {float:left;padding:5px;margin:0 5px 0 0;color:#FFF;background:#61717A url(../img/nav_container_bg.gif) repeat-x bottom left}
.furtherinfo a:hover {background:#252c30 url(../img/navbg_hover.gif) repeat-x left bottom}
.backtotop {background:url(../img/backtotop.gif) no-repeat top center;width:80px;text-align:center;margin:10px 0 0 0;float:left;padding:24px 3px 3px 3px;font-weight:bold !important;clear:both;color:#588213 !important;}
.backtotop:hover {color:#000 !important}
.motorsportmenu {float:left;margin:0 0 10px 0;width:500px;border-bottom:1px solid #e5e5e5;padding:0 0 10px 0}
.motorsportmenu a{float:left;margin:0 3px 3px 0;padding:0 0 0 15px;background:url(../img/arrow_icon.gif) no-repeat center left}
.motorsportmenu li{display:inline}
.wysiwygemail {display:none}
.credits {display:none}


/*=SIDEBAR
=== === === === === === === === === === */

#sidebar {float:right;width:200px;padding:10px;font-size:.9em;background:url(../img/sidebar_bg.jpg) no-repeat top right}
#sidebar div,#sidebar form,#sidebar .ebay {margin:0 0 15px 0;display:block;clear:both}
#front .ebay {margin:10px 20px 0 0;float:right}

#front #sidebar {padding:0 10px;float:left;width:740px;background:#FFF url(../img/front_sidebar_bg.jpg) repeat-x;border-top:1px solid #FFF}
#front #sidebar div {margin:auto}
#front #sidebar #powerupgrades_panel,
#front #sidebar #carsforsale_panel,
#front #sidebar #partsavailable_panel {float:left;width:226px;clear:none;margin:0 10px;padding:0 0 10px 0;display:inline}
#front #sidebar #partsavailable_panel ul {margin:.5em 0 0 0}
#front #partsavailable_panel {margin:0}
#front #sidebar p {clear:both}
#front #sidebar small {position:absolute;margin:-75px 0 0 -4px;width:30px;height:15px;text-indent:-999999px;overflow:hidden}
.carsforsale small {background:url(../img/sale_icon.gif)}
.powerupgrades small {background:url(../img/upgrade_icon.gif)}

#front #sidebar h3 {float:left;margin:0 0 10px 0}
#front #sidebar .viewall_btn {float:right;display:block;display:block;text-indent:-999999px;overflow:hidden;width:53px;height:45px;background:url(../img/viewall_btn.gif) no-repeat left center}
#front #sidebar .viewall_btn:hover {background:url(../img/viewall_btn.gif) no-repeat right center}

.powerupgrades,
.carsforsale {padding:0 !important}
.carsforsale img,
.powerupgrades img {width:105px;height:70px;display:block}
.powerupgrades a,
.carsforsale a {background:#FFF;padding:1px;border:2px solid #B5B8BA;display:block;width:105px;float:left;margin:5px 0 10px 0;}
.powerupgrades a:hover,
.carsforsale a:hover {border:2px solid #808A8F}
.powerupgrades span,
.carsforsale span {float:left;width:4px;text-indent:-999999px;}

#sidebar h3 a {display:block;text-indent:-999999px;overflow:hidden;width:200px;height:35px}
#front #sidebar h3 a {width:173px;height:45px}
#partsavailable_panel h3 a {background:url(../img/heading_partsavailable.gif) no-repeat left center}
#carsforsale_panel h3 a {background:url(../img/heading_carsforsale.gif) no-repeat left center}
#powerupgrades_panel h3 a {background:url(../img/heading_powerupgrades.gif) no-repeat left center}

#partsavailable_panel ul {margin:5px 0 0 0}
#partsavailable_panel ul a {width:177px;display:block;padding:4px 5px 4px 16px;border-bottom:2px solid #FFF;margin:0 2px 0 0;background:#eef2f8 url(../img/arrow_icon.gif) no-repeat left center}
#front #partsavailable_panel ul a {width:206px}
#partsavailable_panel ul a:hover {background-color:#c6d5eb;color:#000}
#sidebar a:hover {color:#000}


/*=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}
#front #sitesearch {padding:0;float:right}
#front #sitesearch .searchinput {width:190px}
#sitesearch h3 {font-weight:bold;margin:0 0 2px 0}


/*=FOOTER
=== === === === === === === === === === */

#footer {width:760px;padding:10px 0;color:#516f80;border-top:1px solid #bcd0db;clear:both;}
#footer span {margin:0 0 0 10px}
#footer .tools {margin:0 0 5px 0}
#footer a {color:#384d59}
#footer a:hover {color:#000}
#footer .credits {float:right;margin:8px 0 0 0;display:block;text-indent:-999999px;overflow:hidden;width:240px;height:34px;background:url(../img/intervolve_credits.gif) no-repeat 0 0}
#footer .credits:hover {background:url(../img/intervolve_credits.gif) no-repeat bottom left}