@charset "UTF-8";
/* CSS Document */


body { font: 12px/18px; font-family: Verdana, Arial, Helvetica, sans-serif; 

background-color: #FFFFFF;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0pt 0pt;
margin: 0px;

 color:#333; 
 line-height:1.5em;}

strong, b { font-weight:bold; }
em, i { font-style:italic; }



/*BODY { 
  background: white;
  margin: 0;
  font-size: 0.9em;
  font-family: "Lucida Grande", Calibri, Arial, Helvetica, sans-serif;
  line-height: 17px;
  color:#333333;
  text-align:justify;
  line-height: 1.5em;
}
*/
a, a:visited{
	color:#DF0005;
	text-decoration:none;
}

a:hover{
text-decoration:underline;
}

INPUT.OrderButton {
	background-color: #DF1606;
	border-color: white;
	border-width: 1px;
	color: white;
	font-weight: none;
	font-family: arial;
	font-size: 12pt;
}

INPUT.SubmitButton {
	background-color: #DF1606;
	border-color: white;
	color: white;
	font-weight: none;
	font-size: 12pt;
}

img, img a, img a:visited {
border:none;
}

img.thickimage {
	border-width: 1px;
	border-color: #800000;
	border-style: solid;
}

img.floatLeft { 
    float: left; 
    margin: 0px 16px 10px 0px; 
}

img.floatLeft2 { 
    float: left; 
    margin: 0px 10px 0px 0px; 
}

img.floatRight { 
    float: right; 
    margin: 10px 0px 10px 10px; 
}


h3{
margin: 0px;
font-size:16px;
}

h1{
z-index: 105;
font-size:26px;
}

.redtitlesnolink{
	color:#DF0005;
	font-weight:bold;
	text-decoration:none;
	width: 200px;
	text-align:center;
}

#navigation {
	height: 46px;
	width: 986px;
	margin: 0px auto 0px ;
	padding: 0px 0px 10px 0px;
	overflow: show;
    z-index: 0;
	}


#mainbanner {
	background-image: url(images/banner-gr.jpg);
	background-repeat: no-repeat;
	width: 986px;
	height: 335px;
	margin: 10px auto 0px;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#hood {
	width: 986px;
	height: 420px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#greymenu {
	width: 986px;
	height: 46px;
	margin: 26px auto 0px;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
}


#sections {
width: 930px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
	background-color:#FFFFFF;
	}
	

#blocks {
	width: 986px;
	height: 173px;
	margin: 26px auto 0px;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#client {
	width: 194px;
	height: 65px;
	margin: 168px 0px 0px 755px;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#flashphone {
	width: 220px;
	height: 65px;
	margin: -8px 0px 0px 590px;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#clientstories {
	width: 966px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 26px;
    overflow: hidden;
}

.prods {
	width: 930px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#titlez {
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}


#lefty {
	float: left;
	text-align:left;
}

#righty {
	float: right;
	text-align:right;
}

#black_bar_tbl                { width: 100%; border: none; color: #FFFFFF; }
#black_bar_tbl strong         { font-weight: normal; font-family: arial; color: #ffffff; font-size: 15px;}
#black_bar_tbl td             { width: 200px; padding: 4px; font-size: 12px; vertical-align: top; }
#black_bar_tbl td a, footer a { color: #999; font: 11px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; }
#black_bar_tbl td a:hover, footer a:hover     { color: #FFFFFF; }
#black_bar_tbl ul             { line-height:18px; list-style-type:square; margin-left: 0px; padding-left: 14px; }
#black_bar_tbl li             { font: 11px/1.7em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #999; padding-left: 0px; }

.brands {width: 550px; height: 40px; margin-left: 235px; padding-bottom: 20px;}
#brand2{  display:inline-block; height: 70px;  width: 78px; background: url("http://www.mdg.ca/css/img/brands_02.jpg") no-repeat 0 0;}
#brand3{  display:inline-block; height: 70px;  width: 131px; background: url("http://www.mdg.ca/css/img/brands_03.jpg") no-repeat 0 0;}
#brand4{  display:inline-block; height: 70px;  width: 127px; background: url("http://www.mdg.ca/css/img/brands_04.jpg") no-repeat 0 0;}
#brand5{  display:inline-block; height: 70px;  width: 177px; background: url("http://www.mdg.ca/css/img/brands_05.jpg") no-repeat 0 0;}
#brand6{  display:inline-block; height: 70px;  width: 139px; background: url("http://www.mdg.ca/css/img/brands_06.jpg") no-repeat 0 0;}
#brand7{  display:inline-block;  height: 70px;  width: 136px; background: url("http://www.mdg.ca/css/img/brands_07.jpg") no-repeat 0 0;}
#brand8{  display:inline-block; height: 70px;  width: 96px; background: url("http://www.mdg.ca/css/img/brands_08.jpg") no-repeat 0 0;}

#brand2:hover, #brand3:hover, #brand4:hover, #brand5:hover, #brand6:hover, #brand7:hover, #brand8:hover
{   background-position: 0 -71px;}
	
table.mdgtable {
	border-width: 0px;
	border-style: dotted;
	border-color:#CCCCCC;
	border-collapse: separate;
	background-color: white;
}

table.mdgtable th {
	border-width: 0px;
	padding: 0px;
	border-style: dotted;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.mdgtable td {
	border-width: 0px;
	padding: 8px 8px 8px 8px;
	border-style: dotted;
	border-color:#ECECEC;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.ordertable {
	border-width: 1px 1px 1px 1px;
	border-style: dotted;
	border-color:#CCCCCC;
	border-collapse: separate;
	background-color: white;
}

table.ordertable th {
	border-width: 0px;
	padding: 0px;
	border-style: dotted;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.ordertable td {
	border-width: 1px;
	padding: 0px;
	border-style: dotted;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.titletable {
	border-width: 0px;
	border-collapse: separate;
	background-color: white;
	padding: 8px 0px 4px 6px;
	}
	
	table.titletable th {
	border-width: 0px;
	border-collapse: separate;
	background-color: white;
	padding: 8px 0px 4px 6px;
	}


table.bodytable {
	border-width: 0px;
	border-collapse: separate;
	background-color: white;
	background-image: url('images/bgfade.gif');
	background-repeat: no-repeat;
	border: 2 ridge #800000;
	padding: 8px 0px 8px 0px;
	}
	

table.titletable td {
	border-width: 0px;
	border-collapse: separate;
	background-color: white;
	padding: 8px 0px 4px 6px;
	}
	

	

	
	.dialog {
 width:974px;
 margin:0px auto;
 min-width:20em;
 color:#333;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(dial/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url(dial/tr.gif) no-repeat right 0px;
}

.dialog .bd {
 background:transparent url(dial/ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url(dial/mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#ffffff url(dial/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(dial/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(dial/br.gif) no-repeat right 0px;
}