/*
   servicing.css
   Mazda Servicing
   
   Created by Matthieu Aussaguel on 2010-05-20.
   Copyright 2010 igloo digital. All rights reserved.
*/


/* ================= */
/* =   OWNERS   = */
/* ================= */
#owners-wrapper ul {padding: 0 0 10px 15px;}
#owners-wrapper ul li {list-style: disc; color: #0085CF;  font-size: 1.2em; margin-top: 5px; line-height: 1.3em;}
#owners-wrapper ul li span{color: #717171;}
	/* =========================== */
	/* = OWNERS CONTENT RIGHT = */
	/* =========================== */
	
	#owners-wrapper #owners-intro-right {padding: 22px 0 10px; float: right; width: 319px;}
	#owners-wrapper #servicing-find {margin-top: 15px;}
	#owners-wrapper #servicing-find, #owners-wrapper a#servicing-promotional-box  {width: 269px; height: 87px; background: url('/images/owners/bg-side-panel.gif') no-repeat 0 0; color: #fff; padding: 20px 35px 20px 15px; font-size: 12px; display: block; line-height: 14px;}
	#owners-wrapper a#servicing-promotional-box {margin-left: 20px;}
	#owners-wrapper a#roadside-membership-box {width: 319px; height: 127px; float: right;margin-left: 20px; margin-bottom: 20px; margin-top: 20px; background: #fff url('/images/owners/bg-join-roadside-membeship.gif') no-repeat 0 0;}
    #owners-wrapper #servicing-find h2, #owners-wrapper a#servicing-promotional-box h2{padding-bottom: 5px; border: 0; color: #fff; font-size: 20px; padding-bottom: 10px;line-height: 22px;}
	#owners-wrapper #servicing-find input{color: #454545; border: 0; height: 16px; width: 242px; font-size: 12px; float: left;}
	#owners-wrapper #servicing-find #servicing-search {position: relative; background: url('/images/owners/bg-servicing-search-input.gif') no-repeat 0 0; width: 267px; height: 20px; padding: 5px 0 5px 5px; margin-bottom: 8px;}
	#owners-wrapper #servicing-find #servicing-search .lense{float: right; height: 20px; width: 20px;  background: none; cursor:pointer;}
    #owners-wrapper a#servicing-promotional-box:hover {text-decoration: none;}
	#owners-wrapper #servicing-find a {font-weight:bold;text-decoration: none;color:#fff;}
	#owners-wrapper #servicing-find a:hover {text-decoration: underline;}
	
	/* ========================== */
	/* = SERVICING CONTENT LEFT = */
	/* ========================== */
	#owners-wrapper #owners-intro-left {float: left; width: 405px;}
	#owners-wrapper #owners-intro-left #content-intro {padding-right:0;}

	/* ===================== */
	/* = SERVICING CONTENT = */
	/* ===================== */
	.servicingBody ul#owners-listing {margin-top: 10px;}
	#owners-wrapper .servicing-content{padding: 5px 0; }
	#owners-wrapper .servicing-content p {line-height: 1em;}
    #owners-wrapper #servicing-columnLeft, #owners-wrapper #servicing-columnRight {margin-top: 15px; width: 360px}
    #owners-wrapper #servicing-columnLeft {float:left;}
    #owners-wrapper #servicing-columnRight {float:right;}

	/*SERVICING CONTENT ACCORDION*/
	 #servicing-content-accordion {border-top:2px solid #e5e5e5;} 
	 #servicing-content-accordion .servicing-content{padding: 15px 30px 30px 30px; border-bottom:2px solid #e5e5e5; }
	 #servicing-content-accordion h2 {padding:0;}
	 #servicing-content-accordion h2 a {display:block; padding:8px 4px; border-bottom:2px solid #e5e5e5; background:#fff url('/images/accessories/bgtitle-accessories-groups.gif') no-repeat 741px 5px;}
	 #servicing-content-accordion h2 a:hover {text-decoration:none; background:#f2f2f2 url('/images/accessories/bgtitle-accessories-groups.gif') no-repeat 741px -95px;}
	 #servicing-content-accordion h2.ui-state-active a, #servicing-content-accordion h2.ui-state-active a:hover {color:#1a2e42; background-color:#fff; background-position:741px -195px;}
     #servicing-content-accordion table tr {  padding: 10px 30px 15px 10px; font-size: 12px; line-height: 1.3;}
     #servicing-content-accordion table td.altrow {background-color: #ebf5fb;}
     #servicing-content-accordion table td {padding: 10px 30px 15px 10px; border: 2px solid #fff; background-color: #f2f9fd;}
	 #servicing-content-accordion ol {list-style-type: decimal; margin-left: 40px;}
	 #servicing-content-accordion ul { margin-left: 25px;}
	 #servicing-content-accordion ul li {background: url('/images/icn-blue-disc.gif') no-repeat left 7px; padding-left: 15px; list-style: none;}
	 #servicing-content-accordion ol li, #servicing-content-accordion ul li {line-height:1.3; font-size:1.2em; padding-bottom:.8em;}
	 #servicing-content-accordion ol li p, #servicing-content-accordion ul li p{font-size:1em; padding-bottom: 0; }

	/*END SERVICING CONTENT ACCORDION*/
	
	/*SERVICING EXPECT PAGE*/
	#owners-wrapper #servicing-expectations-options {width: 766px; height: 72px; background: url('/images/owners/bg-expect-selection.gif') no-repeat 0 0; color: #fff; font-size: 14px; }
	#owners-wrapper #servicing-expectations-options th{width: 191px; text-align: left; padding: 10px 0 0 20px;}
	#owners-wrapper #servicing-expectations-options select{margin: 5px 0 15px 20px; width: 150px;}

	#owners-wrapper #servicing-expectations-info {width: 736px; background: #fff url('/images/owners/bg-expect.png') 0 0 no-repeat; padding: 20px 10px 20px 20px;}
	#owners-wrapper #servicing-expectations-info h3{border-bottom: 1px solid #dbdede; color: #999999; font-size: 14px;}
	#owners-wrapper #servicing-expectations-info #servicing-expectations-vehicle {float: left; width: 150px; padding-top: 10px; } 
	#owners-wrapper #servicing-expectations-info #servicing-expectations-vehicle ul{padding: 0;}
	#owners-wrapper #servicing-expectations-info #servicing-expectations-vehicle ul li{list-style: none; color: #707070; border-bottom: 1px solid #dbdede; padding: 5px 0; font-weight: bold;} 

	#owners-wrapper #servicing-expectations-info #servicing-expectations-details {float: right; width: 545px; border-left: 1px solid #dbdede; padding-left: 25px; } 
	#owners-wrapper #servicing-expectations-info #servicing-expectations-details ul{padding: 0 0 40px 15px;}
	#owners-wrapper #servicing-expectations-info #servicing-expectations-details li{padding-top: 10px}
	#owners-wrapper #servicing-expectations-info #servicing-expectations-details strong{color: #575757;}
	#owners-wrapper #servicing-expectations-info #servicing-expectations-details ul.servicing-expectations-genuine-list {padding: 10px 0 40px 0;}
	#owners-wrapper #servicing-expectations-info #servicing-expectations-details ul.servicing-expectations-genuine-list li{ width: 145px; padding: 5px 20px 5px 15px; float: left; background: url('/images/owners/icn-blue-disc.gif') no-repeat left center; list-style: none; margin:0; _padding: 0 20px 0 15px; /*ie6 hack */ *padding: 0 20px 0 15px; /*ie7 hack*/ }
	#owners-wrapper #servicing-expectations-info #servicing-expectations-details-header {border-bottom: 1px solid #dbdede;  padding-top: 10px;}
	#owners-wrapper #servicing-expectations-info #servicing-expectations-details-header h3{float: left; border: 0;}
	#owners-wrapper #servicing-expectations-info #servicing-expectations-details-header input{float: right; background: url('/images/owners/btn-print.gif') no-repeat left center; width: 70px; height: 26px;display: block; margin-top: -10px; border: 0;}
	#owners-wrapper #servicing-expectations-info #servicing-expectations-details-header input.hover{background-position:right center; }
	/*END SERVICING EXPECT PAGE*/

	/*MAINTENANCE TIPS*/
	#owners-wrapper .maintenance-tip {width: 685px; border-top: 1px solid #eaeaea ; padding: 20px 0;}
	#owners-wrapper .maintenance-tip .maintenance-tip-picture {float: left;}
	#owners-wrapper .maintenance-tip .maintenance-tip-picture img{width: 210px; height: 100px;}
	#owners-wrapper .maintenance-tip .maintenance-tip-detail {float: right; width: 440px; margin: 0 20px 0 15px; }
	#owners-wrapper .maintenance-tip .maintenance-tip-detail h2 a{font-size: 13px;}
	/*END MAINTENANCE TIPS*/