* {
margin:0;
padding:0;
}

/*LINKS TOP GROUPS START*/
.facebookicon { background:url(groups/facebook.gif) top left no-repeat;}
	.facebookicon:hover {background:url(groups/facebook_active.gif) top left no-repeat; cursor:hand;}
.twittericon { background:url(groups/twitter.gif) top left no-repeat;}
	.twittericon:hover {background:url(groups/twitter_active.gif) top left no-repeat; cursor:hand;}
.linkedinicon {background:url(groups/linkedin.gif) top left no-repeat;}
	.linkedinicon:hover {background:url(groups/linkedin_active.gif) top left no-repeat; cursor:hand;}
.youtubeicon {background:url(groups/youtube.gif) top left no-repeat;}
	.youtubeicon:hover {background:url(groups/youtube_active.gif) top left no-repeat; cursor:hand;}
/*LINKS TOP GROUPS END*/

ul, ol {
margin-left:25px;
margin-bottom:3px;
}
ul li, ol li {
margin-bottom:3px;
}

 ul#globalmenuright {
	margin:0;
	padding:0;
	}
	ul#globalmenuright li {
		list-style:none;
		list-style-type:none;
		padding:0;
		margin:0;
		}

body {
background:url(bodybg.jpg) top left repeat-x;
background-color:#132942;
}
.absolutetop {
margin:5px 0 5px 0;
}
/*#### HEADER INFO SLIDES START*/
.topcontent {
position:absolute;
z-index:10;
top:35px;
margin-left:466px;
height:140px;
}
.searchinput {
width:145px;
border:1px solid #FFF;
background-color:#000000;
color:#FFF;
height:15px;
}
.toplinkshowroom {
width:166px;
height:128px;
margin:0;
padding:0;
}
	/*.topcontent1 { 
	padding-top:5px;
	margin:5px;
	width:180px;
	padding-right:20px; 
	}*/
	.topcontent1{ 
	padding-top:15px;
	margin:0px;
	width:339px;
	background:url(newstopcontentbg.jpg) top left no-repeat;
	background-color:#FFF;
	height:125px;
	}
		.topnewsticker {
		padding:5px 5px 5px 30px;
		}
	.topcontent2 {
	padding-top:6px;
	width:180px;
	}
.newstickerbg {
margin-right:15px;
}
a.newsticker_headline, a.newsticker_headline:hover{
font-weight:bold;
font-size:12px;
color:#31415b;
}

.toplinks a,.toplinks a:hover {
color:#FFF;
text-decoration:none;
font-size:10px;
}
/*#### HEADER INFO SLIDES END*/	

.header {
height:150px;
background:url(header.jpg) top left no-repeat;
}
.main {
border-top:1px solid #FFF;
}
.headermenucontainer {
width:996px;
background-color:#FFFFFF;
/*border-left:1px solid #FFFFFF;*/
}
.topmenubg {
width:996px;
height:45px;
background:url(menubg.gif) repeat-x 0 0;
}

.topmenucontainer {
padding-top:0px;
}
.contentcontainer {
background-color:#FFFFFF;
height:400px;
padding-left:2px;
}
.footercontainer {
height:50px;
background-color:#132942;
color:#FFFFFF;
font-size:12px;
}
a.footerlink, a.footerlink:hover {
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}

/*TEXT STYLE START*/
.h1 {
font-size:22px;
font-weight:normal;
}

/*TEXT STYLE START*/

/*SHOWROOM SETUP*/

.barcolumn {
background-color:#dad5c9;
padding:14px;
}
.beforeafterheader {
display:block;
background:url(topbar_red.gif) top left no-repeat;
height:25px;
width:280px;
padding-top:8px;
padding-left:30px;
color:#FFF;
}
.beforeaftercontent {

padding-bottom:14px;
}
	.showroombeforeafter {
	height:200px;
	}
.videoheader {
display:block;
background:url(topbar_red.gif) top left no-repeat;
height:25px;
width:280px;
padding-top:8px;
padding-left:30px;
color:#FFF;
}
.videocontent {
display:block;
}
.contentcolumn2 {
padding-top:14px;
}
.showroomimagelink {
margin-bottom:-3px;
}

		/*SHOWROOM SHOP SELECT SETUP START*/
		#showroomselectlist {
		margin:0;
		padding:0;
		}
		#showroomselectlist li {
		list-style-type:none;
		float:left;
		}
		/*SHOWROOM SHOP SELECT SETUP END*/

/* SHOWROOM SLIDE START*/

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:190px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
									
/* SHOWROOM SLIDE END*/


ul#showroomlinks {
margin:0;
padding:0;
text-align:center;
}
	ul#showroomlinks li {
	list-style-type:none;
	margin:10px 15px 0 0;
	float:left;
	}
	ul#showroomlinks li a {
	display:block;
	white-space:nowrap;
	font-size:16px;
	font-weight:normal;
	color:#999999;
	text-decoration:none;
	}
	ul#showroomlinks li a:hover {
	text-decoration:none;
	color:#395068;
	}
	ul#showroomlinks li.showroomactive a,ul#showroomlinks li.showroomactive a:hover  {
	font-size:16px;
	font-weight:normal;
	text-decoration:underline;
	color:#395068;
	}

/*SHOWROOM SETUP END*/

/* MY SMART REPAIR LOGIN START */
ul.mysmartrepair{
margin:0;
padding:0;
list-style:none;
}
ul.mysmartrepair li {
list-style:none;
background:url(topbar_blue.gif) top left no-repeat;
height:25px;
width:150px;
padding-top:8px;
padding-left:30px;
color:#FFF;
margin-bottom:2px;
}
ul.mysmartrepair li:hover {
list-style:none;
background:url(topbar_red.gif) top left no-repeat;
height:25px;
width:150px;
padding-top:8px;
padding-left:30px;
color:#FFF;
margin-bottom:2px;
}
ul.mysmartrepair a {
color:#FFF;
}

ul.mysmartrepair li.inpath {
list-style:none;
background:url(topbar_red.gif) top left no-repeat;
height:25px;
width:150px;
padding-top:8px;
padding-left:30px;
color:#FFF;
margin-bottom:2px;
}
ul.mysmartrepair li.inpath:hover {
list-style:none;
background:url(topbar_red.gif) top left no-repeat;
height:25px;
width:150px;
padding-top:8px;
padding-left:30px;
color:#FFF;
margin-bottom:2px;
}



/* MY SMART REPAIR LOGIN END */

.submenu {
background-color:#FFF;
padding-left:50px;
}

.globalmenu {
width:166px;
}
.checkbox{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox_grey.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.systemregtext {
background:url(sysreginputbg.gif) top left repeat-x;
padding:3px 3px 0 3px;
border:1px solid #8e8e8e;
height:20px;
font-size:12px;
font-weight:bold;
color:#333333;
width:250px;
}
.systemregtextbox {
background:url(textboxbg.jpg) top left repeat-x;
padding:3px 3px 0 3px;
border:1px solid #8e8e8e;
font-size:12px;
font-weight:bold;
color:#333333;
width:250px;
}
.regsyssubmit {
height:20px;
border:1px solid #8e8e8e;
}
.sysregheader {
padding-bottom:15px;
}
.sysregcontainer {
padding-bottom:20px;
}

/*MENU ANIMATION*/
ul.potato-menu {
	margin:0;
	padding:0;
	width:auto;
	list-style:none;
}
.potato-menu:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
ul.potato-menu li.potato-menu-item {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
	list-style-position:outside;
	display:inline;
	float:left;
	 height:25px; 
	 width:166px;
	 text-align:center;
	 z-index:100;
}
ul.potato-menu li.potato-menu-item a {
	display:block;
	text-decoration:none;
	white-space:nowrap;
	outline:0;
	background:url(menubg.gif) repeat-x 0 0;
	padding:10px 15px; 
	height:100%;
	color:#FFF; 
	border-right:1px solid #FFF;
	text-align:left;
}
			ul.potato-menu li.potato-menu-item a#activeitem {
				display:block;
				text-decoration:none;
				white-space:nowrap;
				outline:0;
				background:url(menubg_active.gif) repeat-x 0 0;
				/*padding:10px 15px;*/ 
				height:100%; 
				color:#FFF; 
				border-right:1px solid #FFF;
			}
			ul.potato-menu li.potato-menu-item a.inpath {
				display:block;
				text-decoration:none;
				white-space:nowrap;
				outline:0;
				background:url(menubg_active.gif) repeat-x 0 0;
				/*padding:10px 15px; */
				height:100%; 
				color:#FFF; 
				border-right:1px solid #FFF;
			}
ul.potato-menu ul#potato-menu-group {
	margin:0;
	padding:0;
	-webkit-padding-start:0;
	-webkit-padding-end:0;
	position:absolute;
	display:none;
	/*z-index:1000;*/
}

ul.potato-menu ul#potato-menu-group li{
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
	float:left;
	display:block;
	margin-bottom:20px;
	float:left;
	 height:12px; 
	 width:250px;
	 /*z-index:1000;*/
}

ul.potato-menu ul#potato-menu-group a, ul.potato-menu ul#potato-menu-group a.inpath:hover {
	background:none;
	background-color:#202c3d;
	border:1px solid #FFF;
	height:100%;
	margin-bottom:10px;
	padding:8px 8px 12px 8px;
	}
	
				ul.potato-menu ul#potato-menu-group a:hover, ul.potato-menu ul#potato-menu-group a.inpath{
				background:none;
				background-color:#2f1821;
				border:1px solid #FFF;
				height:100%;
				padding:8px 8px 12px 8px;
				}
				
/*Container showroom*/

.showroomcontainer {
padding:5px 0 5px 0;
border-bottom:1px solid #FFF;
}
		.containerPlus {font-family:Verdana; font-size:13px; visibility:hidden; z-index:110;};
		.containerPlus .spacer {margin-top:10px}
		.containerPlus .buttonBar { position:relative;top:0;float:right;margin-top:-23px; margin-right:15px}
		.containerPlus .buttonBar img {margin-left:5px}
		.containerPlus .mbcontainercontent {margin-right:-15px; padding-right:10px;overflow:auto;}
		
		/*
		* black
		*/
		.containerPlus .no	{ background: url('container/no.png') top left no-repeat}
		.containerPlus .ne	{ background: url('container/ne.png') top right no-repeat; margin-left: 21px;}
		.containerPlus .n	{ background: url('container/n.png') top center repeat-x; margin-right: 25px;height:26px;}
		.containerPlus .n	{ padding-top:8px;font-size:15px; font-weight:bold; color:white;-moz-user-select: none; -khtml-user-select: none}
		.containerPlus .n	a{ text-decoration:none;color:#fff; font-size:15px; white-space:nowrap;overflow:hidden;}
		
		.containerPlus .o	{ background: url('container/o.png') top left repeat-y;}
		.containerPlus .e	{ background: url('container/e.png') top right repeat-y; margin-left: 21px;}
		.containerPlus .c { background: url('container/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
		.containerPlus .c .mbcontainercontent {color:white;}
		.containerPlus .c .mbcontainercontent a {color:white;}
		
		.containerPlus .so	{ background: url('container/so.png') bottom left no-repeat;}
		.containerPlus .se	{ background: url('container/se.png') bottom right no-repeat; margin-left: 21px;}
		.containerPlus .s { background: url('container/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}
		
/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
/*HEADER SLIDE POSITIONS*/
.headertopcontent {
position:absolute;
z-index:15;
top:224px;
margin-left:-2px;
height:200px;
width:830px;
}
.headerslide {
padding:15px;
}
/*HEADER SLIDE TEXT CONFIG*/
.headerh1 {
font-size:18px;
color:#FFFFFF;
font-weight:bold;
}
.headerslidetext, .headerslidetext p {
color:#FFFFFF;
}
.headerslidetext a, .headerslidetext a:hover{
color:#FFFFFF;
text-decoration:none;
}

/*IMAGE CONTAINER*/
.headerslideimagecontain { display:block; margin-right:15px; border:0; float:left;}

.anythingSlider                         { width: 800px; height: 170px; position: relative; margin: 0 auto; }
.anythingSlider .wrapper                { width: 800px; overflow: auto; height: 170px; margin: 0; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0;/* background: #eee; border-top: 3px solid #e0a213;border-bottom: 3px solid #e0a213;*/  margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 170px; width: 800px; margin: 0; }
.anythingSlider .arrow                  { display: none; height: 200px; width: 67px;/* background: url(../images/arrows.png) no-repeat 0 0;*/ text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { /*background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; */}
#start-stop.playing                     {/* background-color: red; */}
#start-stop:hover                       {/* background-image: none;*/ }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
