/*=============================================================
 CSS Document for Causeway Yamaha, Causeway Kawasaki & Causeway KTMDucati
=============================================================*/

@import url("global.css");
@import url("sIFR.css");
@import url("confirm.css");
@import url("thickbox.css");

.hidden { display: none; }
.show { display: inline-block; visibility: visible; }
.center {text-align:center;}
/*=============================================================
	Main layout
=============================================================*/

#container { width: 980px; height: auto; margin: 0 auto; background: url('../images/core/bg-container.jpg') repeat-y 0 0; display: block; border: 1px solid #3f4145; border-top: 0; }
/* for popup */
body.popup #container { width: 620px; height: 550px; margin: 0 auto; background-image: none; background-color: #000; padding: 0 15px 10px 15px; }
body.popup #container:after  { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body.popup .contentarea { width: 600px; padding: 10px; display: block; float: left; clear: both; background: url('../images/core/bg-container.jpg') repeat-y -200px 0; height: 400px!important; color: #000!important; }
body.popup .contentarea .scrollable { width: 600px; height: 390px; overflow: auto; }
body.popup .scrollable ul { margin: 0 0 20px 25px; }
body.popup .scrollable li {list-style: square; font-size: 1.2em; }
body.popup a.closebutton { font-size: 1.2em; color: #fff; text-decoration: none; float: right; display: block; width: 115px; height: 30px; margin: 30px 30px 0 0; padding: 10px 10px 0 25px; }
body.popup a.closebutton:hover { color: #FFCC00; text-decoration: underline; }

/*=============================================================
	Header - domain address + contact CTAs
=============================================================*/

#header { width: 950px; border: 0px solid red; height: 20px; float: left; background: url('../images/core/bg-header.gif') repeat-x 0 0; padding: 10px 15px 0px 15px; display: block; clear: both; }

/*=============================================================
	Left Contents Panel - logo + catalogue nav + mailing-list + contact address
=============================================================*/

#left-contents-panel { float: left; width: 180px; height: auto; background: url('../images/core/bg-left.jpg') no-repeat 0 0; display: block; }
#left-contents-panel h5 { padding: 0 8px 0 20px; }

/*logo*/
#logo { clear: both; width: 179px; height: 105px; display: block; }
body.popup #logo { text-align: center; float: left; display: inline; margin: 10px 25px 10px 0; padding-right: 0 25px 0 0; border-right: 1px solid #3f4145;  }
body.popup h1 { float: left; display: inline; margin: 50px 0 0 0; font-size: 1.6em; }

/*search panel*/
#search { height: 21px; width: 163px; display: block; padding: 4px 0 0 16px; clear: both; overflow: hidden; background: url('../images/core/icon-search.jpg') no-repeat 16px 4px!important; }
#search input.keyword { background-image: none; padding: 4px 5px 0 0; width: 95px; height: 17px; margin: 0 4px 0 24px; display: inline; overflow: hidden; }
#search input.searchnow { width: 25px; height: 21px; display: inline; background: url('../images/core/button-search.gif') no-repeat 0 0!important; text-indent: -999em; }

/*catalogue-nav*/
#left-contents-panel h2 {  padding: 10px 13px 5px 16px; margin: 0; height: 30px; width: 149px; display: block; clear: both; }
ul.catalogue-nav { width: 179px; height: auto; display: block; float: left; clear: both; padding-bottom: 10px; position: relative; z-index: 100; }
ul.catalogue-nav li { float: left; display: block; position: relative; margin-top: -1px; z-index: 100; color: #fff; font-size: 12px; font-family: "Arial"; }
ul.catalogue-nav li a.top-level  { width: 129px; height: 20px; float: left; padding: 5px 30px 0 20px; background: url('../images/core/bg-cat-nav.gif') no-repeat 0 0; text-decoration: none; }
ul.catalogue-nav li a.top-level:hover, ul.catalogue-nav a.top-level.tophover { background-color: #c6071b; color: #fff; text-decoration: none; }
ul.catalogue-nav ul, ul.catalogue-nav ul ul { display: block; width: 180px; height: auto; position: absolute; top: 100%; margin-left: 179px; left: -9999em; clear: both; }
ul.catalogue-nav li ul li a { float: left; display: block; width: 148px; height: 20px; color: #fff; padding: 5px 14px 0 16px; text-decoration: none; background-color: #2c2d2f; border: 1px solid #414246; }
ul.catalogue-nav li ul li a:hover { text-decoration: none; background-color: #c6071b; color: #fff; }
ul.catalogue-nav li li a.second-level { background: #2c2d2f url('../images/core/bg-subcat-nav.gif') no-repeat 0 0; }
/*hover fix*/
ul.catalogue-nav li:hover ul, ul.catalogue-nav li.over ul { top: 0; left: 0; }
ul.catalogue-nav li:hover ul ul, ul.catalogue-nav li.over ul ul { left: -9999em; }
ul.catalogue-nav li:hover li:hover ul, ul.catalogue-nav li.over li.over ul { left: 0;  top: 1px; }

.text div.paging { text-align:right; margin-bottom:5px; }

/*mailing-list*/
#mailing-list { display: block; clear: both; height: 95px; }
a#view-catalogue { display: block; clear: both; margin:10px 0; height: 95px; background:url('../images/core/view-catalogue.gif') no-repeat 0 0; text-indent:-9999em; }


/*=============================================================
	Right Contents Panel - main nav + Flash + featured + text
=============================================================*/

#right-contents-panel { width: 800px; height: auto; float: right; display: block; border: 0px solid red;}
#right-contents-panel h2 { height: 40px; padding: 0; margin: 0; clear: both; display: block; }
#right-contents-panel h2.heading { height: 30px; padding: 10px 10px 0 10px;}

/*overlapped nav div*/
.navigation { float: left; position: absolute; top: 46px; z-index: 50; left: auto; clear: both; display: block; width: 800px; height: 24px; }

/*sitemaps*/
ul#sitemap {margin-left:30px; padding-bottom:10px;}
ul#sitemap li {font-size:12px; line-height:20px; list-style: disc outside; }
ul#sitemap ul {margin-left:30px;}


/*nav*/
ul#nav { width: 540px; height: 24px; float: left; display: inline-block; overflow: hidden; }
ul#nav li { float: left; display: block; }
ul#nav a { text-indent: -999em; overflow: hidden; height: 24px; float: left; display: block; border-right: 1px dotted #414141; }
ul#nav a:hover { background-position: 0 -24px; }
.navhome a { width: 76px; background: url('../images/core/nav-home.gif') no-repeat 0 0; }
.navfinance a { width: 76px; background: url('../images/core/nav-finance.gif') no-repeat 0 0; }
.navcatalogue a { width: 97px; background: url('../images/core/nav-catalogue.gif') no-repeat 0 0; }
.navaccessories a { width: 103px; background: url('../images/core/nav-accessories.gif') no-repeat 0 0; }
.navaboutus a { width: 93px; background: url('../images/core/nav-aboutus.gif') no-repeat 0 0; }
.navservice a { width: 75px; background: url('../images/core/nav-service.gif') no-repeat 0 0; }
.navcontact a { width: 83px; background: url('../images/core/nav-contact.gif') no-repeat 0 0; }
#home .navhome a, #finance .navfinance a, #insurance .navcatalogue a, #accessories .navaccessories a, #about-us .navaboutus a,
#service .navservice a, #contact .navcontact a { background-position: 0 -24px; }

/*enquiry-list*/
#enquiry-list { width: 260px; height: 24px; float: right; display: inline; font-size: 1.1em; color: #b7b8c2; }
#enquiry-list a { width: 200px; height: 24px; overflow: hidden; float: left; display: block; text-decoration: none; text-indent: -999em; background: url('../images/core/nav-enquiry.gif') no-repeat 0 0; } 
#enquiry-list a:hover, #enquiry-list a#enquiry-cart-nav.onsection { background-position: 0 -24px!important; }
#enquiry-list-window { margin:0 0 0 -9px; float: left; clear: both; width: 260px; height: auto; z-index: 100; position: relative; top: 0; padding: 10px 5px; display: none; background: url('../images/core/bg-nav2.png') repeat 0 0; }
#enquiry-list-window ol li, #enquiry-list-window h5 { font-size: 1em; margin-bottom: 5px; }
#enquiry-list-window ol li, #enquiry-list-window h5 b { font-size: 1.2em; }
#enquiry-list-window ol { margin-left: 25px; }
#enquiry-list-window ol li { list-style: decimal; font-size: 0.9em; color: #fff;}
#enquiry-list-window a { float: left; width: 98px; text-align: right; background-image: none; color: #fff; text-decoration: none; height: 18px; background-color: #000; padding: 2px 10px 0 10px; margin-bottom: 10px; clear: both; display: block; }
#enquiry-list-window a:hover { background-color: #fff; color: #000; }
#enquiry-list-window .sub-section { width: 118px; padding: 0 5px; height: auto; float: left; display: inline; }
#enquiry-list-window .divider { /*border-right: 1px solid #f17f8b;*/ margin-right: 3px; }

/*flash + banner*/
#navbg { position: absolute; top: 30px; width: 800px; height: 40px; z-index: 30; clear: both; display: block; }
#flash { width: 800px; height: 440px; display: none; position: relative; z-index: 10;  clear: both;  overflow:hidden;  }
#banner { width: 800px; height: 105px; display: block; position: relative; z-index: 10; clear: both; }
#home #flash { display: block; background: url('../images/core/bg-flash.jpg') no-repeat 0 0; }
#home #banner { display: none; }
#banner h1 { margin: -55px 0 0 20px; }

/*directories - in global shared with print*/


.clear {
  display: block;
  clear: both;
}

/*featured items - in global shared with print*/

/*text area*/
#contents, #sub-contents { display: block; padding: 10px 10px 5px 10px; margin-bottom: 20px; width: 780px; height: auto; float: left; clear: both; background: url('../images/core/bg-text-btm.gif') no-repeat 50% bottom; }
.text { width: 740px; height: auto; min-height:450px; padding: 0 20px 20px 20px; margin: 0; display: block; float: left; clear: both; background: url('../images/core/bg-text.gif') repeat-y 0 0;
}

* html div.text {
    height: 450px;
}
div.text-left {
	width: 240px;
	height: auto;
	float: left;
}

div.text-left img {
	margin-bottom: 20px;
}

div.text-right {
	width: 480px;
	height: auto;
	float: left;
	padding-left: 20px;
}

.text-top { display: block; background: url('../images/core/bg-text-top.gif') no-repeat 0 0; width: 780px; float: left; clear: both; height: 20px; margin: 0; padding: 0;  }
.text-btm { display: block; background: url('../images/core/bg-text-btm.gif') no-repeat 0 0; width: 780px; float: left; clear: both; height: 5px; margin: 0; padding: 0; }

.bike-details dt { width: 60px !important; clear:both; }

.display {
	float: left !important;
}





/*=============================================================
	Footer
=============================================================*/

#footer { width: 982px; height: auto; margin: 6px auto; padding: 0; display: block; clear: both; text-align: center;}
#footer ul#footer-nav { width: 950px; height: 20px; margin-bottom: 6px; border: 1px solid #202123; background: url('../images/core/bg-footer.gif') repeat-x 0 0; padding: 7px 15px 3px 15px; display: inline-block; clear: both; }
#footer ul#footer-nav li { float: left; display: block; padding: 0 10px; font-size: 11px; color: #b7b8c2; }
#footer ul#footer-nav li.last { float: right; padding-right: 0; }
#footer a { color: #b7b8c2; text-decoration: none;}
#footer a:hover { color: #fff; text-decoration: underline;}


/*===============================================================
 End of CSS Document for Causeway Yamaha, Causeway Kawasaki & Causeway KTMDucati
================================================================*/