@charset "utf-8";
/* CSS Document for DMJ */

html, body {
	height: 598px;
	background-repeat:repeat-x;
	background-position:center;
	padding:0px;
	margin:0px;
		background-color:#362c66;
}

div#container
{
	margin-top:auto;
	margin-bottom:auto;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	min-height: 100%;
}
/*a:link {color: #FFF; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; serif; font-size:1ems; text-decoration:none; border:none;}
a:hover {color: #1D8CC9; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:1ems; text-decoration:none; border:none;}
a:visited {color: #1D8CC9; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:1ems; text-decoration:none;}*/
.divmain {
	width:100%;	
	min-height:100%;
	margin-top:auto;
	margin-bottom:auto;
	margin-left: auto;
	margin-right: auto;
	float:left;
	padding: auto;
}
.divlogo {
	width:880px;
	height:110px;
	float:centre;
	margin-left:6%;
	background-image:url(../images/dmj-logo-02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.bottom-address {
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:10px;
	color:#999999;
	width:100%;
	height:15px;
	float:centre;
	padding-top:5px;
	background-repeat:no-repeat;
	background-position:center;
}
.shadow {
	box-shadow: 3px 3px 4px #000;
}
.div-dark-bgg {

	width:880px;
	height:584px;
	float:centre;
	margin-left:6%;
	background-image:url(../images/dark-bgg.png);
	background-repeat:no-repeat;
	background-position:center;
	
}
.shadow { background-color: #ccc; }
.div-navigation {
	width:100%;
	height:47px;
	float:centre;
	background-image:url(../images/navigation-full-bgg.png);
	background-repeat:repeat-x;
}
.div-banners {
	background-image:url(../images/nav-background.png);
	width:852px;
	height:199px;
	background-repeat:repeat-x;
	float:centre;
	margin-top:5px;
	margin-left:15px;
	margin-bottom:8px;
	margin-right:13px;
	position:absolute;
	z-index: 1;

}
.div-index {
	width:860px;
	height:260px;
	background-repeat:repeat-x;
	float:centre;
	margin-left:15px;
	margin-right:13px;
	margin-top:13px;
	margin-bottom:13px;
	position:absolute;
	z-index:1;
	margin-top:220px;
}
.div-box-01 {
	background-image:url(../images/box-01.jpg);
	width:284px;
	height:260px;
	background-repeat:repeat-x;
	float:left;
	overflow:hidden;
}
.div-box-02 {
	background-image:url(../images/box-02.jpg);
	width:284px;
	height:260px;
	background-repeat:repeat-x;
	float:left;
}
.div-box-03 {
	background-image:url(../images/box-03.jpg);
	width:284px;
	height:260px;
	background-repeat:repeat-x;
	float:left;
}
.div-wizze {
	overflow:hidden;
	width:880px;
	height:45px;
	display:block;
	float:centre;
	margin-right:13px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:5px;
	position:absolute;
	margin-top:500px;
	z-index: 0;
	left: 692px;
}
.contact-wizze {
	position: absolute;
	width:880px;
	height:77px;
	float:centre;
	padding-top: 430px;
	z-index:0;
	overflow:hidden;
	left: 383px;
	top: 182px;
}
.right-corner {
	width:9px;
	height:47px;
	float:right;
	background-image:url(../images/right-nav-corner.png);
	background-repeat:no-repeat;
}
.left-corner {
	width:9px;
	height:47px;
	float:left;
/*	background-image:url(../images/left-nav-corner.png);*/
	background-repeat:no-repeatx;
}

/*************************************** Menu Navigation Hover Start ***************************************/

#nav-menu {
display:block;
height:47px;
    margin: 0;
    line-height: 47px;
    position: relative;
    z-index: 300;
	text-decoration:none;
}
#nav-menu a:hover {
background-image:url(../images/hover-menu-purple-02.png);
background-repeat:repeat-x;
width:100%;
display:block;
height:47px;
    margin: 0;
    line-height: 47px;
    position: relative;
    z-index: 300;
	color: #FFF;
	text-decoration:none;
}
#nav-menu li.nav {
background-image:url(../images/nav-bgg.png);
background-repeat:repeat-y;
    list-style: none;
    float: left;
    margin-left: 0px;
    height: 47px;
	width:99px;
    line-height: 42px;
    margin-right: 0px;
	text-decoration:none;

}

#nav-menu li.nav a {
font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
font-size:12px;
color:#CCCCCC;
text-shadow: #000 2px -1px 4px;
    height: 47px;
	width:99px;
    line-height: 47px;
    display: block;
    padding-left: 0px;
    padding-right: 0px;
	text-decoration:none;
}

#nav-menu ul.column li a {

    height: 20px;
    line-height: 20px;
    display: block;
    padding-left: 0px;
    padding-right: 0px;

}

#product-menu {
	background-color:#FFFFFF;
	position:absolute;
top:40px;
left:50px;
	z-index:300;
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 3px 3px;
	opacity: 0.95;
	margin-left: 0px;
	text-transform: uppercase;
	line-height: 22px;
	border: 0px solid #ccc;
	border-top: 0px;
	border-left: 0px;
	width: 210px;
	text-decoration:none;
}

ul.column {
    float: left;
    width: 100%;
    border-left: 1px dashed #000;
    margin: 0px;
    font-size: 8pt;
    line-height: 22px;
    min-height: 130px;
    *padding: 0px;
    *margin: 0px;
}

ul.first {
    font-weight: bold;
    color: #525252;
    border-left: 0px;
	
}

.column li {
    float: none;
    clear: left;
    padding-left: 0px;
    *height: 30px;
    padding-top: 0px;
    margin-top: 0px;
    display: block;
}

.column a {
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:12px;
	color:#666;
	text-decoration:none;
    padding: 0px;
    margin: 0px;
    height: 20px;
    display: inline;
    line-height: 20px;
}
.column li b {
    margin: 0px;
    padding: 0px;
}
*.small-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-weight: 400; 
	padding-left:80%;
}
/*************************************** Menu Navigation Hover End ***************************************/

#fp-banners-holder {
	width: 870px;
	height: 165px;
	padding-top: 1px;
	padding-left:3px;
}

#frontpage-banners {
    margin-left: 0px;
    margin-top: 0px;
	z-index:0;
	position:relative;
}
#frontpage-banners li {
    list-style: none;
}
.banner img {
    width: 837px;
}
.index-title {
	height: 15px;
	width: 100%;
	padding-top: 13px;
	padding-bottom: 5px;
	padding-left: 0%;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 14px;
	color:#5f5e5e;
	font-weight: BOLD;
}
.news-info-text {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#616161;
	font-size: 11px;
	padding-left: 5%;
	padding-top: 2%;
	padding-right: 5%;
	width: 85%;
	height: 25px;
	float: left;
}
.news-YELLOW-text {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#e19a00;
	font-size: 14px;
	font-weight:bold;
	padding-top: 2%;
	padding-left: 5%;
	padding-right: 5%;
	width: 85%;
	height: 17px;
	float: left;
}
/*
.featured-brand {
	padding: 0%;
	float: left;
	height: 100%;
	width: 100%;
	border: 1px;
	border-color:#333333;
}*/
.logo-bundle {
	float: left;
	height: 95%;
	width: 95%;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 2%;
}
.featured-brand {
	padding: 5%;
	float: left;
	height: 90%;
	width: 90%;
}
.about-us {
	padding: 5%;
	float: left;
	height: 90%;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#616161;
	font-size: 12px;
	padding-top:30px;
}
.form-title-texts {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#fff;
	font-size: 14px;
	font-weight:bold;
}
.form-header-text {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#e19a00;
	font-size: 16px;
	font-weight:bold;
	padding-left: 3%;
	padding-right: 5%;
	padding-top:1%;
	width: 90%;
	float: left;
}
.div-prod-text {
	width:850px;
	height:260px;
	background-image:url(../images/content-background.jpg);
	display:block;
	float:centre;
	margin-right:13px;
	margin-left:13px;
	margin-top:10px;
	margin-bottom:10px;
	position:absolute;
	margin-top:220px;
	z-index: 1;
}
.product-title {
	float: left;
	height: 15px;
	width: 95%;
	padding-top: 13px;
	padding-bottom: 5px;
	padding-left: 3%;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 14px;
	color:#5f5e5e;
	font-weight: BOLD;
}

.product-YELLOW-text {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#e19a00;
	font-size: 14px;
	font-weight:bold;
	padding-left: 3%;
	padding-right: 5%;
	padding-top:1%;
	width: 90%;
	float: left;
}
.product-info-text {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#616161;
	font-size: 11px;
	padding-top:1%;
	padding-left: 3%;
	padding-right: 5%;
	width: 63%;
	height: 190px;
	float: left;
	overflow: auto;
	visibility:inherit;
}
.form-holder {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 500px;
	width: 800px;
}
.left-pane {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 200px;
	width: 50%;
}
.bottom-pane {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 130px;
	width: 100%;
}
.form-labels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 4px;
	float: left;
	height: 25px;
	width: 100%;
}
.bottom-labels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	float: left;
	height: 20px;
	width: 100%;
}
.address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	float: left;
}
.form-enquiry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 4px;
	float: right;
	height: 100%;
	width: 50%;
}
.send-labels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 638px;
	margin-bottom: 5px;
	float: left;
	height: 23px;
}
.history-about {

	padding: 13px;
	float: left;
	height: 465px;
	width: 850px;
	overflow:auto;
	padding-bottom:2%;
	z-index:4;
}
.brand-logo-holder{
	padding: 13px;
	float: left;
	height: 455px;
	width: 850px;
	overflow:auto;
	padding-bottom:2%;
	z-index:4;
}
.brands-text {
size:auto;
padding-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#949494;
}
.history-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.news-titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e19a00;
}
.history-text a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.history-titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#e19a00;
}
.pdf {
	float: right;
	height: 20px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-bottom: px;
	padding-bottom: 0px;

}
.logo-brands {
	margin-top: 5px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 273px;
	
}
/* --------------------- Index Fade ---------------------------- */
#slideshow {
    position:relative;
    height:160px;
}

#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;
}
/* --------------------------- News Box font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#3e3e3e;------------------------------------ */
#pscroller1{
width: 230px;
height: 200px;
border: 0px solid black;
margin-top:10px;
padding: 5px;


}
#pscroller1 h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#e19a00;
}
#pscroller1 h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#8F8F8F;
}
#pscroller1 h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:italic;
color:#8F8F8F;
}

#pscroller2{
width: 250px;
height: 190px;
border: 0px solid black;
margin-top:10px;
padding: 5px;
}


#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.news-section {
	padding: 5px;
	float: left;
	width: 65%;
}
.image-section {
padding-top:10%;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	float: left;
	width: 27%;
}
.image-section-01 {
	padding-top:5%;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	float: left;
	width: 27%;
}
/* --------------------------- News Box End ------------------------------------ */
		  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 230px; margin: 25px auto; position: relative; min-height: 160px;
											  /*background: url(images/bg.png) top center;*/ }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 220px; position: absolute; top: 67px; right: 20px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 230px; height: 190px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 190px; position: relative; width: 230px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }






.social-media {
	float: left;
	height: 100%;
	width: 88%;
	margin-left: 6%;
	margin-top:5px;
	padding-right: 6%;
	vertical-align:bottom;
	
}
.google1 {
	float: right;
	height: 30px;
	width: 50px;
	margin-bottom: 3px;
	margin-top: 5px;
}
.addthis-social {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 22px;
	width: 120px;
}