/*	Desc:        Australian Clutch Services Screen Style Sheet
	Author:      Intervolve.com.au
	Date:        Nov 09
=== === === === === === === === === === */


/*=STRUCTURE
=== === === === === === === === === === */

body {font:75%/153% "Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,Verdana;color:#333;background:#999 url(../img/background.jpg) repeat-x center top;padding:20px 0}
#container {width:945px;margin:0 auto}


/*=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;color:#DD0000}
a:hover {color:#000}


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

#header {width:945px;height:100px;display:block;background:#FFF url(../img/header_bg.gif) repeat-x bottom left}
#front #header h1, #header h1 a {float:left;color:#FFF;background:url(../img/header_logo.gif) no-repeat center left;display:block;text-indent:-999999px;width:301px;height:100px;overflow:hidden}
#header strong {color:#FFF;background:url(../img/header_number.gif) no-repeat center left;display:block;text-indent:-999999px;width:411px;height:100px;}
#header p {float:right;width:431px;height:100px;background:url(../img/header_right.gif) no-repeat top right;}
#header_divisions span {float:right;background:url(../img/header_right.gif) no-repeat top right;padding:0 20px 0 0}
#header_divisions a {float:left;padding:23px 0 20px 0}
#header_divisions h3 {display:none}
#header_divisions img {display:block;}


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

#nav_container {background:#000 url(../img/nav_menu_bg2.gif) repeat-x top left}

#navmenu {width:756px;height:39px;position:relative;z-index:100;padding-left:4px;}
#navmenu .hassub {background:url(../img/navbg_arrow.gif) no-repeat center bottom}
#navmenu .hassub:hover {background:#D50000 url(../img/navbg_arrowhover.gif) repeat-x center bottom}
#navmenu ul li .hassub {background:url(../img/subnav_bg_hassub.gif) repeat-x right bottom !important}
#navmenu ul li .hassub:hover {background:url(../img/subnav_bg_hassub_hover.gif) repeat-x right bottom !important}
#navmenu li {margin:0 -9px 0 0;border:0 none;padding:0;float:left;display:inline;list-style:none;position:relative;line-height:39px;background:url(../img/nav_menu_li_bg.gif) no-repeat right top;}
#navmenu ul {display:inline;width:155px;list-style:none;display:none;position:absolute;top:39px;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:155px;float:left;/*For IE 7 lack of compliance*/display:block !important;display:inline;/*For IE*/line-height:24px;height:24px;border-bottom:1px solid #EEE}

/* Root Menu */
#navmenu a {float:none !important;/*For Opera*/float:left;/*For IE*/display:block;height:auto !important;height:1%;/*For IE*/color:#E1E1E1 !important;font-weight:bold;font-size:13px;padding:0 27px 0 21px;}

/* Root Menu Hover Persistence */
#navmenu a:hover,
#navmenu li:hover a,
#navmenu li.iehover a {color:#FFF !important;background:url(../img/nav_menu_hover.gif) no-repeat top right !important;border-left:2px solid #9B0000;padding-left:19px}

#navmenu .current {background:#161616 url(../img/navbg_current.gif) repeat-x left bottom;color:#FFF}
#navmenu .current:hover {background:#161616 url(../img/navbg_current.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:red !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:red !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}


/*=FEATURE AREA
=== === === === === === === === === === */

#feature_panel {clear:both;width:945px;height:250px;overflow:hidden;font-size:1.3em;text-align:center;color:#FFF;background:#8E0000}

#right_column {float:right;width:195px}
#front #right_column {float:right;position:relative;display:inline;margin:20px 0 0 0;height:232px;width:auto}


/*=PRODUCT NAV
=== === === === === === === === === === */

#product_nav_container {float:left;width:202px;background:#790000 url(../img/product_nav_bg.jpg) no-repeat;margin:10px 0 5px 10px;display:inline}
#product_nav_container h3 {display:none}

#product_nav {padding:10px 10px 10px 10px;background:url(../img/product_nav_bgbottom.gif) no-repeat bottom right}

#product_nav a {width:167px;font-family:"Trebuchet MS",Arial;padding:.3em 0 .3em 15px;color:#FFE0E0;font-weight:bold;font-size:1em;display:block;background:url(../img/product_icon_arrow.gif) no-repeat center left}
#product_nav a:hover {color:#FFF;background:#B00002 url(../img/product_icon_arrowhover.gif)  no-repeat center left;}
#product_nav li {border-bottom:1px solid #B22020;}
#product_nav li:last-child {border:0}


/*=DIVISIONS
=== === === === === === === === === === */

#divisions {clear:both;background:#D5D5D5 url(../img/divisions_logos.jpg) no-repeat;width:945px;height:120px;padding-top:10px}
#divisions dd {font-size:.95em;text-align:center;float:left;}
#divisions a {width:165px;padding:70px 10px 0 10px;display:block;color:#555;height:50px}
#divisions a:hover {color:#e10000}
#divisions #clutchpro a {padding-left:20px}
#divisions #ag_clutch a {padding-right:20px}
#divisions h2,#divisions strong {display:none}


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

#content_container {clear:both;width:945px;overflow:hidden;background:#FFF url(../img/content_bg.gif) repeat-x;}
#content_leftcols {float:left;background:#FFF url(../img/content_bg2.gif) repeat-x;}

#front #content {width:650px;padding:25px 5px 10px 35px;}
#content {background:red;float:left;width:642px;overflow:hidden;padding:35px 35px 15px 35px;background:#FFF url(../img/content_bg2.gif) repeat-x;}
#product #content {width:465px;padding:35px 35px 2px 35px;}

#content p {margin:0 0 1em 0;line-height:1.7em;}
#content h2 {clear:both;color:#333;font-size:1.7em;font-weight:normal;margin:0 0 10px 0 !important;padding:0;line-height:1.4em;font-weight:bold}
#content h3 {clear:both;color:#333;font-size:1.5em;font-weight:normal;margin:1.5em 0 .8em 0;display:block;line-height:1.2em;}
#content h4 {clear:both;color:#333;font-size:1.2em;font-weight:bold;margin:1.5em 0 .8em 0;display:block;line-height:1.2em;}

#front #content h2 {font-size:1.8em;margin-bottom:25px}

em,
i {font-style:italic}

b,
strong {font-weight:bold}

#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}

#content ul,#content ol {margin:0 0 1em 0}
#content ul li {list-style-type:disc;margin:0 0 0 15px}
#content ol li {list-style-type:decimal;margin:0 0 0 25px}
#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}

#content .clear {clear:both}

#content table {display:block;border-collapse:collapse;width:100%;padding:0 0 1em 0;font-size:1em}
#content .stripeMe th {background:#2986A4 url(../img/table_heading_bg.gif) repeat-x bottom left;color:#FFF;font-weight:bold;padding:7px 11px;text-align:left;border-right:2px solid #FFF;line-height:1.2em;}
#content .stripeMe td {padding:6px 11px;border-bottom:1px solid #C7DCE6;vertical-align:top;border-right:2px solid #FFF;}

#content tr.alt td {background:#EAF7FD}
#content tr.over td {background:#D4F1FF}

.pdf {padding:5px 0 5px 22px;background:url(../img/pdf_icon.gif) no-repeat center left}

#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}

.red {color:red}

#name,#company,#phone,#email,#firstname,#surname,textarea,.bdr {padding:3px;border:1px solid #DDD;}
#content form td {padding:0 0 5px 0;margin:0 0 5px 0}
#content form {background:url(../img/vert_grad.gif) repeat-x;padding:10px 10px 5px 10px !important;}
#content form table {display:block;width:350px}

#content small {font-size:.9em;line-height:1.7em}
#content .backtoprods {padding:0 0 0 8px;font-weight:bold;background:url(../img/backtoprods_btn.gif) no-repeat center left;}

#content .view_detail_btn {float:left;overflow:hidden;margin:8px 0 0 0;display:block;text-indent:-999999px;font-size:.1em;width:73px;height:30px;background:url(../img/viewdetails_btn.gif) no-repeat center left;}
#content .product_img {float:left;display:block;width:150px;height:111px;margin:0 10px 10px 0}

#productpage .product {float:left;clear:both;margin:0 0 25px 0;display:block}
#productpage {padding-bottom:20px}

.external {background:url(../img/external.gif) 100% 50% no-repeat;padding-right:16px;}

#product h2 {display:none}
#product_content h2 {display:block !important}
#content .product h3 {padding:0 0 .4em 0 !important;margin:0}

#aftermarket-expo {float:right;width:112px;margin:5px 0 20px 20px}

.wysiwygemail {display:none}

.left {float:left;width:317px}
.right {float:right;width:298px}


/*=SIDE COLUMN
=== === === === === === === === === === */

#front #side_column {min-height:0;background:#FFF url(../img/side_column_bg.gif) no-repeat}
#product #side_column {padding:20px 20px 0 0;width:178px;background:#FFF url(../img/content_bg2.gif) repeat-x;}
#side_column {min-height:239px;padding:0 20px;width:193px;float:right;background:#FFF url(../img/side_column_bg.jpg) no-repeat top right;}

#product_photos {margin:0 0 20px 0}
#product_photos span {text-align:center;display:block}
#product_photos img {display:block}
#product_photos a {width:178px;display:block;color:#FFE0E0;background:#FFF url(../img/view_larger_bg.gif) no-repeat bottom left;}
#product_photos a:hover {color:#FFF;background:#FFF url(../img/view_larger_bghover.gif) no-repeat bottom left;}
#product_photos small {font-size:.8em;text-indent:10px;text-align:left;display:block;width:178px;height:29px;line-height:29px;font-weight:bold}

#front #logo_area {margin:35px 0 0 15px !important}
#product #logo_area {margin:5px 0 10px 0}
#logo_area {width:175px;margin:30px 0 0 9px;text-align:center}
#logo_area img {display:block;cursor:help;margin:0 auto}
.boxmarg {display:block;margin:20px 60px 0 0;width:211px}
.boxmarg  img {display:block}

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

#footer {clear:both;background:url(../img/footer_bg.gif) repeat-x;height:58px;}
#footer_credits a {color:#CCC;display:block;text-indent:-999999px;width:268px;height:30px;overflow:hidden;float:left;background:url(../img/intervolve_credits.gif) no-repeat top left;}
#footer_credits a:hover {background-position:bottom left}
#footer small {font-size:.9em;color:#555}
#footer a {color:#333}
#footer a:hover {color:#000}

#footer #tool_menu a {padding:0 .4em}
#footer #tool_menu span {display:none}

#footer_other ul li {display:inline}
#footer_other ul {padding:23px 0 0 20px;float:left;background:url(../img/footer_left.gif) no-repeat;height:35px;display:block;}

#front #footer_other p {padding:23px 20px 0 0;clear:none;float:right;background:url(../img/footer_right.gif) no-repeat top right;height:35px;}
#footer_credits {padding:10px 0 0 0;clear:both;float:left}
#footer  #copyright {float:right;margin:17px 0 0 0}

#footer_phone {float:right;margin:0 0 0 0;height:58px;background:url(../img/footer_right.gif) no-repeat top right}
#footer strong {margin:4px 20px 0 0;color:#FFF;background:url(../img/footer_number.gif) no-repeat center right;display:block;text-indent:-999999px;width:346px;height:56px;}