/*	
================================
CSS by the XD Design team - http://www.xd.com.au
================================
*/ 

html, body { margin:0; padding:0; font-style: verdana;dog4ax }
.pagemaster { padding:0;margin:0; }
.skinmaster { background: url(media/skinmaster.jpg) repeat-x; height:64px; }

.Normal, p, td { font-family: Verdana, Tahome, Arial, Helvetica, sans-serif; font-size:11pt; color: #404040; }
.Normal { text-align: left; }

.header { background: url(media/header.jpg) no-repeat; height:64px; padding-left:37px; }
.menubg { /*background: #e00120;*/ width: 226px; height:1px; /*padding-top:8px;*/ }
.contentbg { width: 728px; }
.footer { background: url(media/footer.jpg) repeat-x; height:92px; padding-top: 20px; }

/* Montage */
.montage { background: url(media/montage.jpg) no-repeat; width:994px; height:208px; }
.forsale { background: url(media/montage.jpg) no-repeat; width:994px; height:208px; }
.rigidbodies { background: url(media/RigidBodies.jpg) no-repeat; width:994px; height:208px; }
.dog3axle { background: url(media/Dog3Axle.jpg) no-repeat; width:994px; height:208px; }
.dog4axle { background: url(media/Dog4Axle.jpg) no-repeat; width:994px; height:208px; }
.dog5axle { background: url(media/Dog5Axle.jpg) no-repeat; width:994px; height:208px; }
.semitrailers { background: url(media/SemiTrailers.jpg) no-repeat; width:994px; height:208px; }
.b19double { background: url(media/BDouble19.jpg) no-repeat; width:994px; height:208px; }
.sidetippers { background: url(media/SideTippersBDoubles.jpg) no-repeat; width:994px; height:208px; }
.b25double { background: url(media/BDouble25.jpg) no-repeat; width:994px; height:208px; }
.asterion25 { background: url(media/Asterion25.jpg) no-repeat; width:994px; height:208px; }
.custombuilt { background: url(media/CustomBuilt.jpg) no-repeat; width:994px; height:208px; }
.requestaquote { background: url(media/RequestAQuote.jpg) no-repeat; width:994px; height:208px; }
.contactus { background: url(media/montage.jpg) no-repeat; width:994px; height:208px; }

/* content pane classes */
.paneleft { width:266px;padding-left: 15px; padding-top:10px; }
.panehleft { width:260px;padding-left: 15px; padding-top:10px; }
.panecontent { padding: 0 8px 55px; 0}
.panemidleft { padding-left:10px; width: 50%; }
.panemidright { padding-left:10px; width: 50%; }
.panebottom { }
.paneintro { float:  right; width: 650px; height: 160px;}

/* Content Pane classes */
#kyn_LeftPane p { color: #ffffff; }
#kyn_MidLeftPane p { color: #ffffff; }

/* Footer text and links, also for login */
.foottxt { font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; } 
a.foottxt:link, a.foottxt:active, a.foottxt:visited { font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; } 
a.foottxt:hover { font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:none; font-weight:bold; } 

/* Menu Background classes */
.menuh { background: url(media/menuh.gif) no-repeat; width:266px; height:11px; }
.menur { background: url(media/menur.gif) repeat-y; width:266px; }
.menuf { background: url(media/menuf.gif) no-repeat; width:266px; height:8px; }

/* Snapsis Vertical Menu */
#nav { height:30px; margin:0 auto; }	
#nav ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; line-height:17px; }
#nav a {display: block; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12pt; text-decoration: none; padding: 2px 4px; background:none; }
#nav a:hover { color:#cccccc; }
#nav li { float: left; padding: 0; background:none; list-style: none; }
#nav ul li { width: 218px; float: left; text-align:left; padding: 0; background:none; }

/* Top Level */
#nav ul li.tab { margin:0; padding:0 0 0 9px; }
#nav ul li.tab a { padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#ffffff;  }

#nav ul li.tab ul.nontab li a:hover, #nav ul li.tab a:hover { color:#cccccc; }
#nav li.tab:hover, #nav ul li.sfhover { color:#333333; }
#nav li.tab:hover a, #nav ul li.sfhover a {  }

/* Classes for selected state in Top Menu */
#nav ul li.tab_selected { margin:0; padding:0 0 0 9px; }
#nav ul li.tab_selected a { padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#FFFFFF; }
#nav ul li.tab_selected a:hover { color: #cccccc; }
#nav ul li.tab_selected ul.nontab li a:hover { color: #ffffff; }

/* Second Level */
#nav ul li.tab ul { background: #f7f7f7; width: 14em; }
#nav ul li.tab ul.nontab  { margin:-2em 0 0 14em; }

#nav ul li.tab ul.nontab li a { background-image:none; font-weight:normal; color:#333333; }
#nav ul li.tab ul.nontab li a.parent { background: url(media/arrow.gif) center right no-repeat; }

#nav li li { width: 14em; }
#nav li ul a { text-align:left; background:none; }
#nav ul li ul { border: 1px solid #cccccc; }

#nav ul li ul li { background: #f7f7f7; text-align:left; border:none; margin-left:0; border-bottom:1px solid #ccc; }
#nav li ul { position: absolute; left: -999em; height: auto; /*width: 16.4em;*/ font-weight: normal; margin: 0; padding: 0; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav ul li ul li:hover, #nav ul li ul li.sfhover { background: #cccccc; color:#ffffff; }
#nav ul li.tab ul.nontab li a:hover { color: #ffffff; }

/* Classes for selected state in sub menus, generally same as normal sub menu */
#nav ul li.tab_selected ul { margin:0; padding:0; background-image:none; width:14em; }
#nav ul li.tab_selected ul li a { padding:5px 15px 4px 6px; text-decoration:none; font-weight:normal; color:#333333; background-image:none; width:14em; }
#nav ul li.tab_selected ul.nontab { margin:-2em 0 0 14em; }

/* Third Level */
#nav li ul ul { margin: -1.75em 0 0 14em; }
#nav li.tab_selected ul ul { margin: -1.75em 0 0 14em; }  

div.fmenuhold { /*width: 1px;*/ }
/* Snapsis Footer Menu */
#fnav { margin:0; text-align: center; }	
#fnav ul { /*width: 100%;*/ text-align: center; list-style: none; margin: 0; padding: 0; }
#fnav a { float:left; border-right:1px solid #ffffff; display: block; color: #ffffff; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; padding: 0px 10px; background:none; }
#fnav li { padding: 0; background:none; list-style: none; }
#fnav ul li { text-align:center; padding: 0; background:none; }

/* Top Level */
#fnav ul li.tab ul.nontab li a:hover, #fnav ul li.tab a:hover { color:#cccccc; }
#fnav li.tab:hover, #fnav ul li.sfhover { color:#cccccc; }
#fnav li.tab:hover a, #fnav ul li.sfhover a {  }

/* Classes for selected state in Top Menu */
#fnav ul li.tab_selected { margin:0; padding:0 0 0 9px; }
#fnav ul li.tab_selected a { padding: 0px 10px; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffffff; }
#fnav ul li.tab_selected a:hover { color: #cccccc; }


/* Colours for the GreyScale Icons */
.XIcons{ background-repeat: no-repeat; font-family: Tahoma, Arial,Helvetica; height: 50px; background-position: top right; text-align: center; background-repeat: no-repeat; padding: 0 5px 0 5px; }
.x0width {width: 100%;}

.iconforsale a { display:block;background:url(xiconpix/I_ForSale.gif) no-repeat; height:60px; width:260px;}
.iconforsale a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconrigidbodies a { display:block;background:url(xiconpix/I_RigidBodies.gif) no-repeat; height:60px; width:260px;}
.iconrigidbodies a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconDogTrailer3Axle a { display:block;background:url(xiconpix/I_DogTrailer3Axle.gif) no-repeat; height:60px; width:260x;}
.iconDogTrailer3Axle a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconDogTrailer4Axle a { display:block;background:url(xiconpix/I_DogTrailer4Axle.gif) no-repeat; height:60px; width:260px;}
.iconDogTrailer4Axle a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconDogTrailer5Axle a { display:block;background:url(xiconpix/I_DogTrailer5Axle.gif) no-repeat; height:60px; width:260px;}
.iconDogTrailer5Axle a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconsemitrailer a { display:block;background:url(xiconpix/I_SemiTrailer.gif) no-repeat; height:60px; width:260px;}
.iconsemitrailer a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconbdoubles19 a { display:block;background:url(xiconpix/I_BDoubles19Mt.gif) no-repeat; height:60px; width:260px;}
.iconbdoubles19 a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconsidetipper a { display:block;background:url(xiconpix/I_SideTippers.gif) no-repeat; height:60px; width:260px;}
.iconsidetipper a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconbdoubles25 a { display:block;background:url(xiconpix/I_BDoubles25Mt.gif) no-repeat; height:60px; width:260px;}
.iconbdoubles25 a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconcustombuilt a { display:block;background:url(xiconpix/I_CustomBuilt.gif) no-repeat; height:60px; width:260px;}
.iconcustombuilt a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconrequest a { display:block;background:url(xiconpix/I_Request.gif) no-repeat; height:60px; width:260px;}
.iconrequest a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconlatestnews a { display:block;background:url(xiconpix/I_LatestNews.gif) no-repeat; height:60px; width:260px;}
.iconlatestnews a:hover { filter:alpha(opacity=70); opacity:0.7; }

.iconrepairs a { display:block;background:url(xiconpix/I_Repairs.gif) no-repeat; height:60px; width:260px;}
.iconrepairs a:hover { filter:alpha(opacity=70); opacity:0.7; }

/* Form Styles */
.formlabel { padding: 0 6px 0 0; line-height: 20px; color:#57575a; white-space: nowrap; }
.formitem {	margin: 2px 0 5px 0; /*width:220px;*/ color:#57575a; font-family: Arial, Helvetica, sans-serif; font-size:12px; }

