body                        { color: #333; background-color:#f5f5f5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; }
a                           { color: #000000; text-decoration: none; }
a:hover                     { color: #F00; text-decoration: underline; }
img                         { border: 0px; }
p                           { margin: 10px 0 10px 0;  line-height: 18px; }

.redtext                      { color: #CC0000;}
.largeredtext                 { color: #CC0000; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold;  margin: 0px 0px -5px;  padding: 0px; letter-spacing: -1px; }
.largeredtext a               { color: #CC0000; }
.largeblacktext               { color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold;  margin: 20px 0px -5px;  padding: 0px; letter-spacing: -1px; }

.h22 						{color:#DC001F; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; letter-spacing: 1px; padding: 0px 0 10px 0;}
.intex 						{color:#333; font-family: Helvetica, Arial, sans-serif; line-height: 22px; font-size: 14px; font-weight: normal;}
.intex2						{color:#333; font-family: Helvetica, Arial, sans-serif; line-height: 16px; font-size: 12px; font-weight: normal;}
.intex3						{color:#333; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-size: 18px; font-weight: normal;}
.intex3	a					{color:#F00; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-size: 18px; font-weight: normal;}

.prix, .prix a, .prix a:visited, .prix a:active {color:#DC001F; font-family: Helvetica, Arial, sans-serif; font-size: 33px; font-weight: bold; letter-spacing: 0px; text-decoration:none;}
.prix a:hover					{color:#000;}

#subnav { font-family:Verdana, Geneva, sans-serif; background-color:#fff; height: 25px; width: 1000px; color:#06C; }
#rightlinks {color:#F00; font-size:12px; padding: 3px 10px 3px 10px;}
#rightlinks a, #rightlinks a:visited { color: #666;}
#rightlinks a:hover { color: #333;}

#locator img	{margin: 0; padding:6px 0 0 0;}

.brands {width: 550px; height: 40px; margin-left: 235px; padding-bottom: 20px;}
#brand2{  display:inline-block; height: 70px;  width: 78px; background: url("https://secure.mdg.ca/css/img/brands_02.jpg") no-repeat 0 0;}
#brand3{  display:inline-block; height: 70px;  width: 131px; background: url("https://secure.mdg.ca/css/img/brands_03.jpg") no-repeat 0 0;}
#brand4{  display:inline-block; height: 70px;  width: 127px; background: url("https://secure.mdg.ca/css/img/brands_04.jpg") no-repeat 0 0;}
#brand5{  display:inline-block; height: 70px;  width: 177px; background: url("https://secure.mdg.ca/css/img/brands_05.jpg") no-repeat 0 0;}
#brand6{  display:inline-block; height: 70px;  width: 139px; background: url("https://secure.mdg.ca/css/img/brands_06.jpg") no-repeat 0 0;}
#brand7{  display:inline-block;  height: 70px;  width: 136px; background: url("https://secure.mdg.ca/css/img/brands_07.jpg") no-repeat 0 0;}
#brand8{  display:inline-block; height: 70px;  width: 96px; background: url("https://secure.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;}

#menu{ width: 1000px; margin: 0; padding: 0 0 0 3px; position: relative; text-align: left; background: url(http://mdg.ca/css/img/banner_bg.jpg) repeat-y;}
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { float: left; margin: 0; padding: 0; text-indent: 0; }
#menu li a { float: left; height: 200px; line-height: 200px; overflow: hidden; text-indent: -999em; width: 250px; }

#menu li#item1 a { width: 250px; height: 200px; display: inline-block; background: url("https://secure.mdg.ca/css/img/mdg-menu.jpg") no-repeat ; background-position: 0 0; padding: 0; margin: 0}
#menu li#item2 a { width: 250px; height: 200px; display: inline-block; background: url("https://secure.mdg.ca/css/img/mdg-menu.jpg") no-repeat ; background-position: -250px 0; padding: 0; margin: 0}
#menu li#item3 a { width: 250px; height: 200px; display: inline-block; background: url("https://secure.mdg.ca/css/img/mdg-menu.jpg") no-repeat ; background-position: -500px 0; padding: 0; margin: 0}
#menu li#item4 a { width: 250px; height: 200px; display: inline-block; background: url("https://secure.mdg.ca/css/img/mdg-menu.jpg") no-repeat ; background-position: -750px 0; padding: 0; margin: 0}

#menu li#item1 a:hover { background-position: 0 -200px;}
#menu li#item2 a:hover { background-position: -250px -200px;}
#menu li#item3 a:hover { background-position: -500px -200px;}
#menu li#item4 a:hover { background-position: -750px -200px;}

#menu li#item1 a:active { background-position: 0 -400px;}
#menu li#item2 a:active { background-position: -250px -400px;}
#menu li#item3 a:active { background-position: -500px -400px;}
#menu li#item4 a:active { background-position: -750px -400px;}

#tablecity { padding: 0 0 0 0px; width: 350px; text-align: left;}
#tabletop {width:350px; height: 22px; background: url("http://mdg.ca/content/locations/images/tabletop.jpg") no-repeat 0 0; margin: 30px 0 0 0;}
#tablebg { width:310px; background: url("http://mdg.ca/content/locations/images/tablebg.jpg") repeat-y 0 0;padding: 10px 20px 20px 20px; }
#tablebg a {text-decoration:none;}
#tablebg tit { font-size: 16px; font-weight: bold;  }
#tablebg ul{ font-size: 11px; list-style: none; padding: 0; line-height: 18px;  }
#tablebg li{ bullet}
#tablebottom {width:350px; height: 46px; background: url("http://mdg.ca/content/locations/images/tablebottom.jpg") no-repeat 0 0; }

#city {font-size: 20px; color: #137bb6; font-weight:bold;}
#address { }
#address h1 { font-size: 16px;}

td .google { padding: 15px 0 15px 0;}

#bread { text-align: right; width: 300px; float:right; padding: 20px 0 0 0;}

.bannerbox { background: url(http://mdg.ca/css/img/banner_empty.jpg) no-repeat; width:1000px; height: 330px;}


/* begin: slideshow */
.slideshow {
position:relative;
padding:0;
margin:0;
}
.slideshow a img {
border:none;
}
.slideshow li.slide {
list-style-type:none;
}
.slideshow .slides {
height:289px;
margin:0;
}
.slideshow .slides li.slide {
visibility:hidden;
position:absolute;
left:0px;
top:0;
}
.slideshow .buttons {
display:none;
}
.slideshow .buttons {
display:block;
position:absolute;
z-index:100;
right: 445px;
top:295px;
margin:0;
}
.slideshow .buttons li {
float:left;
display:inline;
width:20px;
height:20px;
margin:0 5px 0 0;
line-height:30px;
background-image:url('http://mdg.ca/css/img/buttonoff.png');
background-repeat:no-repeat;
}
.slideshow .buttons li a {
font-size: 0px;	
float:left;
display:inline;
text-decoration:none;
width:30px;
height:30px;
color:#fff;
outline:0;
}

.slideshow ul {
padding: 0 0 0 10px;	
}

.slideshow ul.buttons li a:hover {
text-decoration:none;
color:#0a0a0a;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
background:url(http://mdg.ca/css/img/buttonon.png) no-repeat;
color:#666666;
}
/* end: slideshow */


.banner
	{
		float: left;	
		width: 1000px;
		text-align:left;
	}

.navbox {width: 1000px;}
.navleft  {float: left; text-align:left;}
.navright {float: right; text-align:right; padding-top: 20px;
}

.pagetitle {font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333;}

.tagline {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.welcome {text-align: right; float: right; }
.welcome h2 {font-size: 14px; font-weight:bold; margin: 0; padding: 0;}


/* 2011 Styles */

#navcontainer
{
margin: 0px;
padding: 10px 0 0 0;
height: 205px;
width: 1000px;
color: #999;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#navcontainer strong {font-size:16px; }
#navcontainer small {font-size:14px; color: #999;}
#navcontainer mini {font-size:11px; color: #999;}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
display: block;
text-align: center;
text-decoration: none;
font-size: 14px;
float: left;
height: 200px;
width: 249px;
padding: 0px;
margin: 0 0 0 0;
}

#navcontainer a:hover{
color: #0076bb;
}

li.nobord a {
	border: none;
}

li.bord a {
border-right: #ccc solid 1px;	
}

.horiz {background:url(images/horiz.jpg) repeat-x;}
.creditfeats { font-size:11px; color:#878787; line-height: 17px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.creditfeats strong {font-size:12px; font-weight:bold; line-height: 30px;}

.shopnow {width: 132px; height: 40px; background: url(http://mdg.ca/images/shop_now.jpg) 0 0 no-repeat; padding: 0; margin: 0; display: block;}
.shopnow:hover { background-position: 0 -40px;}

/* SOCIAL media */

.home_fb {float: left;}
.home_google {float: left;}

.home_fb_fr {float: left;}
.home_google_fr {float: left;}

/* ABOUT sections*/

.top_about {background: url(http://mdg.ca/images/top_about.jpg) no-repeat; width: 1000px; height: 58px;}
.top_community {background: url(http://mdg.ca/images/top_community.jpg) no-repeat; width: 1000px; height: 58px;}
.top_careers {background: url(http://mdg.ca/images/top_careers.jpg) no-repeat; width: 1000px; height: 58px;}
.top_support {background: url(http://mdg.ca/images/top_support.jpg) no-repeat; width: 1000px; height: 58px;}
.top_media {background: url(http://mdg.ca/images/top_media.jpg) no-repeat; width: 1000px; height: 58px;}
.top_contact {background: url(http://mdg.ca/images/top_contact.jpg) no-repeat; width: 1000px; height: 58px;}

/* ABOUT FRENCH */

.top_about_fr {background: url(http://mdg.ca/images/top_about_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_community_fr {background: url(http://mdg.ca/images/top_community_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_careers_fr {background: url(http://mdg.ca/images/top_careers_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_support_fr {background: url(http://mdg.ca/images/top_support_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_media_fr {background: url(http://mdg.ca/images/top_media_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_contact_fr {background: url(http://mdg.ca/images/top_contact_fr.jpg) no-repeat; width: 1000px; height: 58px;}

.aboutstyle p {color: #333; font-size:11px;}



/* 2011 new grid design of product pages*/

.boxtab {	background: url(http://mdg.ca/css/img/banner_bg.jpg) repeat-y;}
.bannerpad {padding: 0 0 15px 0;}
.boxbottom {padding: 0 0 15px 0;}


.top_navigation {float: right; text-align:right; padding: 20px 25px 0 0; font-size:11px; color:#818181;}
.top_navigation a, .top_navigation a:visited {color:#818181;}
.top_navigation a:hover { text-decoration:none; color:#f40000;}

/* ENGLISH TOP TITLES */

.top_laptops {background: url(http://mdg.ca/finance/images/top_laptops.jpg) no-repeat; width: 1000px; height: 58px;}
.top_laptops_fb {float: left; padding: 18px 0 0 0px;}
.top_laptops_google {float: left; padding: 18px 0 0 170px;}
.top_desktops {background: url(http://mdg.ca/finance/images/top_desktops.jpg) no-repeat; width: 1000px; height: 58px;}
.top_desktops_fb {float: left; padding: 18px 0 0 0;}
.top_desktops_google {float: left; padding: 18px 0 0 175px;}
.top_hdtvs {background: url(http://mdg.ca/finance/images/top_hdtvs.jpg) no-repeat; width: 1000px; height: 58px;}
.top_hdtvs_fb {float: left; padding: 18px 0 0 0px;}
.top_hdtvs_google {float: left; padding: 18px 0 0 140px;}
.top_packages {background: url(http://mdg.ca/finance/images/top_packages.jpg) no-repeat; width: 1000px; height: 58px;}
.top_packages_fb {float: left; padding: 18px 0 0 0px;}
.top_packages_google {float: left; padding: 18px 0 0 180px;}
.top_tablets {background: url(http://mdg.ca/finance/images/top_tablets.jpg) no-repeat; width: 1000px; height: 58px;}
.top_tablets_fb {float: left; padding: 18px 0 0 0px;}
.top_tablets_google {float: left; padding: 18px 0 0 160px;}
.top_gaming {background: url(http://mdg.ca/finance/images/top_gaming.jpg) no-repeat; width: 1000px; height: 58px;}
.top_gaming_fb {float: left; padding: 18px 0 0 0px;}
.top_gaming_google {float: left; padding: 18px 0 0 160px;}
.top_accessories {background: url(http://mdg.ca/finance/images/top_accessories.jpg) no-repeat; width: 1000px; height: 58px;}
.top_accessories_fb {float: left; padding: 18px 0 0 0px; width: 150px;}
.top_accessories_google {float: left; padding: 18px 0 0 200px;}



/* FRENCH TOP TITLES */

.top_laptops_fr {background: url(http://mdg.ca/finance/images/top_laptops_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_laptops_fb_fr {float: left; padding: 18px 0 0 0px; width: 150px;}
.top_laptops_google_fr {float: left; padding: 18px 0 0 160px;}
.top_desktops_fr {background: url(http://mdg.ca/finance/images/top_desktops_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_desktops_fb_fr {float: left; padding: 18px 0 0 0; width: 120px;}
.top_desktops_google_fr {float: left; padding: 18px 0 0 225px;}
.top_hdtvs_fr {background: url(http://mdg.ca/finance/images/top_hdtvs_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_hdtvs_fb_fr {float: left; padding: 18px 0 0 0px; width: 150px;}
.top_hdtvs_google_fr {float: left; padding: 18px 0 0 125px;}
.top_tablets_fr {background: url(http://mdg.ca/finance/images/top_tablets_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_tablets_fb_fr {float: left; padding: 18px 0 0 0px; width: 150px;}
.top_tablets_google_fr {float: left; padding: 18px 0 0 170px;}
.top_gaming_fr {background: url(http://mdg.ca/finance/images/top_gaming_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_gaming_fb_fr {float: left; padding: 18px 0 0 0px; width: 150px;}
.top_gaming_google_fr {float: left; padding: 18px 0 0 125px;}
.top_accessories_fr {background: url(http://mdg.ca/finance/images/top_accessories_fr.jpg) no-repeat; width: 1000px; height: 58px;}
.top_accessories_fb_fr {float: left; padding: 18px 0 0 0px; width: 150px;}
.top_accessories_google_fr {float: left; padding: 18px 0 0 200px;}


.line_horizontal {background: url(http://mdg.ca/css/img/line_horizontal.jpg) repeat-x; height: 1px; padding: 0; margin: 0; font-size: 1px; line-height: 1px;}
.line_vertical {background: url(http://mdg.ca/css/img/line_vertical.jpg) repeat-y; width: 1px; padding: 0; margin: 0; font-size: 1px;}

table.grid {
border-collapse:collapse;
font-family: Arial,Verdana,Helvetica,Sans-serif;
margin: 0px 0px 0px 3px;
}

.cost {width: 100px; text-align:left; color:#F40000; font-family:arial;}
.cost sup {	vertical-align: baseline;font-size: 22px;position: relative;letter-spacing: normal;	top: -13px;	font-weight:normal; color: #f40000;}
#costbig {font-weight: bold;font-size:42px;	width: 100px;display:inline;letter-spacing: 0px;}
#perday {font-size:13px;width: 100px;display:inline; color:#999999;}

.select_button{width: 96px; height: 32px; background: url(http://mdg.ca/finance/images/select_button.jpg) 0 0 no-repeat; padding: 0; margin: 0; display: block;}
.select_button_fr{width: 96px; height: 32px; background: url(http://mdg.ca/finance/images/select_button_fr.jpg) 0 0 no-repeat; padding: 0; margin: 0; display: block;}
.select_button:hover, .select_button_fr:hover { background-position: 0 -32px;}

.select_button_big{width: 180px; height: 60px; background: url(http://mdg.ca/finance/images/select_button_big.jpg) 0 0 no-repeat; padding: 0; margin: 0; display: block;}
.select_button_big_fr{width: 180px; height: 60px; background: url(http://mdg.ca/finance/images/select_button_big_fr.jpg) 0 0 no-repeat; padding: 0; margin: 0; display: block;}
.select_button_big:hover, .select_button_big_fr:hover { background-position: 0 -60px;}


.download_bt{width: 118px; height: 32px; background: url(http://mdg.ca/images/download.jpg) 0 0 no-repeat; padding: 0; margin: 0; display: block;}
.download_bt_fr{width: 118px; height: 32px; background: url(http://mdg.ca/images/download_fr.jpg) 0 0 no-repeat; padding: 0; margin: 0; display: block;}
.download_bt:hover, .download_bt_fr:hover { background-position: 0 -32px;}

.sysname {padding: 0 0 15px 0;};

table.bigtab {
border-collapse:collapse;
font-size: 10px;
font-family: Arial,Verdana,Helvetica,Sans-serif;
}

table.bigtab tr.tabgrad td {padding: 6px;font-size: 10px}
table.bigtab tr.tabwhite td {padding: 6px;font-size: 10px}
table.bigtab th.thwhite{ padding: 6px;font-size: 10px}
table.bigtab th.thgrad{ padding: 6px;font-size: 10px}


.zoomboxhide {
	visibility:hidden; position: fixed; top: -10000px;
}
