/*---------------------------------------
version:  bucars styles 1.0
website:  www.mosaicstudios.com/
----------------------------------------*/
/* Table of Contents:

	=navigation
	=top level navigation tabs
	=subnav
	=subnavLists
	=displaySubnavHover
	=sideNavigation
	=subcolumnNavigation
	=footerNavigation
	=linkStyles
	=forms
	=miscellaneous
	=tables
	=makesLandingPage
	=listStyles
*/
/* =navigation */
/* ----------------------------------------- */
#navContainer{
    padding:0;
	margin:0;
    width:790px;
    height:30px;
    display:block;
	}

 /* =top level navigation tabs*/
ul#dmenu{
  width:790px;
  float:left;
  padding:0;
  margin:0;
}
ul#dmenu li#mainTab5,
ul#dmenu li#mainTab6,
ul#dmenu li#mainTab7,
ul#dmenu li#mainTab8{
   float:left;
   margin:0 25px 0 0;
   position:relative;
}
 
/*width of main tabs, other than Makes and Models*/ 
li#mainTab6{/*Parts & Service*/
	width:144px;
}
li#mainTab7{/*Bucars Difference*/
	width:197px;
}
li#mainTab8{/*Learning Centre*/
	width:155px;	
}


ul#dmenu li#mainTab5:hover,
ul#dmenu li#mainTab6:hover,
ul#dmenu li#mainTab7:hover,
ul#dmenu li#mainTab8:hover{
   background-image:url('../../../themes/bucarsTheme/images/tabRight.gif');
   background-repeat:no-repeat;
   background-position:top right;
 }
ul#dmenu li#mainTab5.hoverClass,
ul#dmenu li#mainTab6.hoverClass,
ul#dmenu li#mainTab7.hoverClass,
ul#dmenu li#mainTab8.hoverClass{    /* .hoverClass is used by IE with javascript */
   background-image:url('../../../themes/bucarsTheme/images/tabRight.gif');
   background-repeat:no-repeat;
   background-position:top right;
 }

ul#dmenu li#mainTab5 a.top,
ul#dmenu li#mainTab6 a.top,
ul#dmenu li#mainTab7 a.top,
ul#dmenu li#mainTab8 a.top{
  float:left;
  color:#000;
  display:block;
  height:30px;
  padding:0 1.5em;
  text-decoration:none;
  font-family:  Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
  font-size:12px;
  line-height: 2.5em;
  font-weight:100;
  text-transform:uppercase;
}
ul#dmenu li#mainTab5 a.current,
ul#dmenu li#mainTab6 a.current,
ul#dmenu li#mainTab7 a.current,
ul#dmenu li#mainTab8 a.current
{
	color:#ff0000;
}

#navContainer ul#dmenu li a.section{
	color:#ff0000;
}
/*alternate style for section class links in the makes & models drop down*/
#navContainer ul#dmenu #makesDropdownContainer li a.section{
	color:#fff;
}
#navContainer ul#dmenu #makesDropdownContainer li a.current{
	color:#fff;
}
ul#dmenu li#mainTab5 a.top:hover,
ul#dmenu li#mainTab6 a.top:hover,
ul#dmenu li#mainTab7 a.top:hover,
ul#dmenu li#mainTab8 a.top:hover{
  background-image:url('../../../themes/bucarsTheme/images/tabLeft.gif');
  background-repeat:no-repeat;
  color:#fff;
  display:block;
}
ul#dmenu li#mainTab5.hoverClass a.top,
ul#dmenu li#mainTab6.hoverClass a.top,
ul#dmenu li#mainTab7.hoverClass a.top,
ul#dmenu li#mainTab8.hoverClass a.top{  /* WORKING HERE!!! */
    color:#fff;
    background-image:url('../../../themes/bucarsTheme/images/tabLeft.gif');
    background-repeat:no-repeat;
    display:block;
}
li#mainTab5 ul a,
li#mainTab6 ul a,
li#mainTab7 ul a,
li#mainTab8 ul a{   
  font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
  color:#fff;/* color the subnav links white */
  text-transform: uppercase;
  font-size: 11px;
}

/* =subnav -----------------*/
#makesDropdownContainer{/*Containes Makes & Models*/
  display:none;
  /*display:block; Comment out when finished. Used to lock the Makes & Models dropdown on for 
  editing its CSS.*/
  position:absolute;
  z-index:20;/*move menu above background image and content area below nav bar*/
  top:30px;
  left:0px;
  width:540px;
  height:387px;
  padding:0;
  background-image:url('../../../themes/bucarsTheme/images/subNavBackground_top.gif');
  background-repeat:no-repeat;
}
#makesDropdownContainer table{
	background-image:url('../../../themes/bucarsTheme/images/subNavBackground_table.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	height:344px;
	background-color:#ff0000;
	border-right:1px solid #ff0000;
}
#makesDropdownContainer table td{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 16px 0 16px;
	}
#makesDropdownContainer td ul li{
	font-size:11px;
	display:block;
	padding-bottom: 0px;
}
	#makesDropdownContainer ul ul.brandNav{
	padding-bottom:0px;
	margin-bottom: 0;
	margin-top: 3px;
}
	#makesDropdownContainer ul.makeNav{
	border-top: 1px solid #f7f7f7;
	padding: 10px 0 0 0;
	margin: 0 0 0px 0;
}
	
	#makesDropdownContainer ul ul.brandNav li a{
	font-size: 11px;
	padding-right: 8px;
	text-transform: none;
}
	#makesDropdownContainer td ul li ul li{
	font-size:12px;
	line-height: 18px;
	display:inline;
	padding-right: 9px;
	padding-bottom: 0px;
}


/*subNav single columns matched in width to top nav tabs*/
li#mainTab6 div.colLeft{
	width:144px;
	background-image:url('../../../themes/bucarsTheme/images/tab6_bottom.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	}
	li#mainTab6 div.colRight{
	background-image:url('../../../themes/bucarsTheme/images/tab6_top.gif');
	background-repeat:no-repeat;
	background-position: bottom;
	background-color:#ff0000; /*background color in case gradient doesn't load right away*/
	}
li#mainTab7 div.colLeft{
	width:197px;
	background-image:url('../../../themes/bucarsTheme/images/tab7_bottom.gif');
	background-repeat:no-repeat;
	background-position:bottom;
}
	li#mainTab7 div.colRight{
	background-image:url('../../../themes/bucarsTheme/images/tab7_top.gif');
	background-repeat:no-repeat;
	background-position: bottom;
	background-color:#ff0000; /*background color in case gradient doesn't load right away*/
	}
li#mainTab8 div.colLeft{
	width:155px;
	background-image:url('../../../themes/bucarsTheme/images/tab8_bottom.gif');
	background-repeat:no-repeat;
	background-position:bottom;
}
	li#mainTab8 div.colRight{
	background-image:url('../../../themes/bucarsTheme/images/tab8_top.gif');
	background-repeat:no-repeat;
	background-position: bottom;
	background-color:#ff0000; /*background color in case gradient doesn't load right away*/
	}
div.colLeft{ /*rounded corner graphic goes in this div at bottom*/
  position:absolute;
  z-index:15;
  left:0;
  top:30px;
  display:none;/* hiding subnavs single columns */
  /*display:block;    COMMENT OUT WHEN FINISHED ADJUSTING STYLES*/
}
div.colRight{
  width:100%;
  padding-top:4px;
  margin-bottom:15px;
}

ul#dmenu li#mainTab6 ul,
ul#dmenu li#mainTab7 ul,
ul#dmenu li#mainTab8 ul{
	margin: 10px 15px 0px 19px;	
}

/* =subnavLists ---------------------*/
li#mainTab6 ul li,
li#mainTab7 ul li,
li#mainTab8 ul li{
	width:100%;
	padding-bottom:10px;
}

/*style subnav links*/
li#mainTab6 ul li a,
li#mainTab7 ul li a,
li#mainTab8 ul li a{
	font-size:10px;
	font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
  	margin:0px 0 0px 0;
  	display:block;
  	text-decoration:none;
  	text-transform: uppercase;
}

li#mainTab6 ul li a:hover,
li#mainTab7 ul li a:hover,
li#mainTab8 ul li a:hover{
	text-decoration:underline;
}

/* =displaySubnavHover -------------------- */
ul#dmenu li#mainTab5:hover #makesDropdownContainer{
  display:block;
}

/* trigger other SINGLE COLUMN subnavs to display - other browsers */
li#mainTab6:hover div.colLeft,
li#mainTab7:hover div.colLeft,
li#mainTab8:hover div.colLeft{
  display:block;
}
/* trigger other SINGLE COLUMN subnavs to display - IE*/
#dmenu li#mainTab6.hoverClass div.colLeft,
#dmenu li#mainTab7.hoverClass div.colLeft,
#dmenu li#mainTab8.hoverClass div.colLeft
{
  display:block;
}

/* USING .hoverClass specify each element you want to trigger display:block
on top menu hover - MAKES & MODELS section only  ------------------*/
ul#dmenu li#mainTab5.hoverClass #makesDropdownContainer{
  display:block;
}
ul#dmenu li#mainTab5.hoverClass ul{
  display:block;
}
ul#dmenu li#mainTab5.hoverClass #roundedCorners{
  display:block;
}
ul#dmenu li#mainTab5.hoverClass #dropDownContent{
  display:block;
}
ul#dmenu ul li#mainTab5:hover #makesDropdownContainer{ /* KEEPS Top level tabs on roll-over state,
when hovering over subnav lists below*/
	width:785px;
	display:block;
}

/*Makes and models subnav div container */
#dropDownContent{
  display:block;
  width: 510px;
  height:35px;
  padding-top:0px;
  padding-bottom:1px;
  margin: 0 0 0 13px;
}
#roundedCorners{
display:none;
height:20px;
/*width:790px; change to 540*/
width:540px;
background-image:url('../../../themes/bucarsTheme/images/subNavBackground_bottom.gif');
background-repeat:no-repeat;
}
#dmenu li:hover ul{ 
	display:block;
	}
#dmenu li:hover ul,
#dmenu li.over ul{
	display:block;
	}
#subColumn div.pageSubCol ul{/*style unordered lists in SubColumn*/
	margin: 0 0 7px 0;
	padding: 0 0 0 0;
}


/* =sideNavigation ------------------------- */
/* currently located on left column --------  */
#sidebar ul{
	margin:0 0 0 -2px;
	width:150px;
}
#sidebar ul li {
	font-size:11px;
	line-height:1.7em;
	color:#000;
	width:140px;
	background-image:none;
	}
#sidebar ul li.current{
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:left;
	}	
#sidebar ul li.section a{
	color:#ff0000;
}	
#sidebar ul li a{
	text-decoration:none;
	color:#000;
	text-indent:0px;
	padding-left:13px;
	display:block;
}
#sidebar ul li a:hover{
	color:#ff0000;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:left;
	}
#sidebar a#referralLink{
	color:#ff0000;
	}
#sidebar ul li.current a{
	color:#ff0000;
	}
/* =subcolumnNavigation, on the right side of content area */
/* ----------------------------------------- */	
#subColumn ul{
	margin:0;
	padding:0;
	margin:0 0 0 -3px;
}
#subColumn ul li{
	font-size:11px;
	line-height:1.7em;
	color:#000;
	width:170px;
	background-image:none;
}
#subColumn ul li.current{
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:left;
}
#subColumn ul li a{
	text-decoration:none;
	color:#000;
	padding-left:14px;
}
#subColumn ul li a:hover{
	color:#ff0000;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:left;
	}
#subColumn ul li.current a,#subColumn ul li.section a{
	color:#ff0000;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:left;
	}
#columnContainerMakes #subColumn ul li a{
	color:#fff;
}
#columnContainerMakes #subColumn ul li.current{
	background-image:url('../../../themes/bucarsTheme/images/arrow_small_white.gif');
	background-repeat:no-repeat;
	background-position:left;
}
#columnContainerMakes #subColumn ul li a:hover{
	background-image:url('../../../themes/bucarsTheme/images/arrow_small_white.gif');
	background-repeat:no-repeat;
	background-position:left;
	}


/* =footerNavigation */
/* ----------------------------------------- */
#footerLinks ul li{
	display:inline;
	margin-right:5px;
}
#footerLinks ul li a{
	color:#000;
	text-decoration:none;
	font-family:Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	line-height:1.2em;
	padding:0 5px 0 5px;
}
#footerLinks ul li a:hover{
	color:#000;
	text-decoration:underline;
	}

/* =linkStyles */
/* ----------------------------------------- */
a{	
	color:#ff0000;
	font-family:Arial,Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	}
a#viewPreowned{
	font-family:Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#fff;
	padding-right:13px;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small_white.gif'); 
	background-repeat:no-repeat;
	background-position:right;
	padding-right:14px;
	display: block;
	margin-top: 7px;
}
#dropDownContent #firstText span:hover{
	text-decoration:underline;	
}
#videoLinks a{
	margin-left:10px;
	text-decoration:none;
	color:#ff0000;
	font-size:10px;
	padding-right:13px;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:right;
	text-transform:uppercase;
}
#videoLinks a:hover{
	color:#000;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small_black.gif');
	background-repeat:no-repeat;
	background-position:right;
	}
div.calloutContainer a{ /*used on home page callout boxes on bottom*/
	color:#000;
	}
#callActionLinks a{
	font-size:10px;
	font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-decoration:none;
	color:#ff0000;
	margin-left:0px;
	padding-right:13px;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:right;	
	display:inline;
}
#callActionLinks a:hover{
	color:#000;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small_black.gif');
	background-repeat:no-repeat;
	background-position:right;	
	}
a.arrowLink{
	font-size:10px;
	font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-decoration:none;
	color:#ff0000;
	padding-right:13px;
	margin-right:20px;
	text-transform:uppercase;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:right;	
}
a.arrowLink:hover{
	/*text-decoration:underline;*/
	color:#000;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small_black.gif');
	background-repeat:no-repeat;
	background-position:right;
	}
#callActionLinks a#referFriend{
	float:left;
	}
#callActionLinks a#evaluation{
	float:right;
	}
#sidebar li a.current{ /*Quicklinks styles*/
	color:#ff0000;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:left;
	}	
div.callOutContent a{/*links with arrow on call out boxes on home page*/
	padding-right:13px;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:right;
	color:#ff0000;
}
div.callOutContent a:hover{ /*used on home page callout boxes on bottom*/
	color:#000;
	text-decoration:none;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small_black.gif');
	background-repeat:no-repeat;
	background-position:right;
	}
#makesTable a{
	font-size:10px;
	padding-right:13px;
	text-transform:uppercase;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:right;
	}
#makesTable a:hover{
	font-size:10px;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small_black.gif');
	background-repeat:no-repeat;
	background-position:right;
	}
a.readMore{
	font-size:10px;
	font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-align:right;
	text-decoration:none;
	color:#ff0000;
	padding-right:13px;
	margin:0 20px 12px 0;
	text-transform:uppercase;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:right;	
	float:right;
	}
a.readMore:hover{
	color:#000;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small_black.gif');
	background-repeat:no-repeat;
	background-position:right;
	}
/* =forms */
/* ----------------------------------------- */ 
/*#sidebar*/ #upToDateSubmit{
	padding:0;
	float:right;
	margin:5px 6px 0 0;
	padding:0px 10px 2px 0;
	font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:11px;
	border-style: none;
	color:#f00;
	background: #fff;
	background-image:url('../../../themes/bucarsTheme/images/arrow_small.gif');
	background-repeat:no-repeat;
	background-position:right;
}
/*#sidebar*/ #upToDateInput{ /*selector correct*/
	border:1px solid #333;
	width:95%;
	padding:0;
	margin:0;
	color:#666;
	height:19px;
	font-family:Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
}


div.middleColumn{ /*Used by SilverStripe to add under form elements*/
	background-color:#fff;
}

div#mainColumn input,div#mainColumn textarea,div#mainColumn select,div#mainColumn option{
	font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

/* =miscellaneous */
/* ----------------------------------------- */
address#address{
	color:red;
	font-size:9px;
	float:left;
	text-align:left;
	line-height:1.6em;
}
div.calloutContainer img{
	float:left;
	margin-top:11px;
	margin-left:5px;	
}

/* =tables */
/* ----------------------------------------- */
div.brandSubCol table{
	width:180px;
}	
div.brandSubCol table td{
	padding:3px 3px 3px 11px;
	color:#000;
}
div.brandSubCol table td a{
	color:#000;
	font-size:10px;
}

/* =makesLandingPage */
#makesTable table{
	width: 750px;
	margin:0 auto 0 auto;
	/*border-collapse:separate;*/
}
#makesTable table img{
	float:left;
	width:134px;
	height:61px;
	}
#makesTable tr{
	border-bottom: 1px solid black;
}
#makesTable table td{	
	width: 350px;
	height: 65px;
	padding: 0;
	border-right: 1px solid black; /*works in firefox*/
	border-bottom:1px solid black;
}
#makesTable table td.tdRight{	
	width: 350px;
	height: 65px;
	padding: 0;
	margin-top:0px;
	border-right: none;
}
div.RVinfo{
	width:230px;
	height:57px;
	display:block;
	float:right;
	text-align:left;
	}
#textContent table{
	border:1px solid #999;
	border-spacing:1px;
	border-collapse:separate;
}
#textContent table td{
	border:2px solid #ccc;
	padding:5px;
	font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:11px;
	}
#referralPage table{
	border:none;
	}
#referralPage table td{
	border:none;
	}
/* =listStyles */
/* ----------------------------------------- */
#textContent ul{
	margin-top: 0;
	margin-right: 0;
	padding-left: 15px;
}
#textContent ul li{
	list-style-type:disc;
	margin-bottom: 5px;
}
#articleContent ul{
	margin-top: 0;
	margin-right: 0;
	padding-left: 15px;
}
#articleContent ul li{
	list-style-type:disc;
	margin-bottom: 5px;
}
ul#sitemap{
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:11px;
}
ul#sitemap ul{
	padding-left: 10px;	
	padding-top: 7px;
}
ul#sitemap ul li{
	padding-left: 15px;	
}
ul#sitemap ul li li{
	padding-left: 6px;	
	padding-top: 0px;
	margin: 0px 0 2px 0;
}
ul#sitemap li{
	list-style-type: none;
	margin: 0 0 8px 0;
}
ul#sitemap li a{
	font-weight: bold;
	font-size: 11px;
}
ul#sitemap li a:hover{
	color: #000;
}
ul#sitemap li li a{
	font-weight: normal;
	font-size: 11px;
}
ul#sitemap li li a:hover{
	font-weight: normal;
	font-size: 11px;
}
ul#sitemap li li li a{
	font-weight: normal;
	font-size: 10px;
}
ul#sitemap li li li a:hover{
	font-weight: normal;
	font-size: 10px;
}

/*MOO Styles*/
#myGallery
{
width: 790px !important;
height: 450px !important;
z-index:5;
margin: 0 auto;
overflow:hidden;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../../../themes/bucarsTheme/images/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../../../themes/bucarsTheme/images/loading-bar-black.gif');
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.open{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor:pointer;
}