* {
 padding: 0;
 margin: 0;
}

html {
 height:100%;

}

body {
 height:100%;
 color: #4d4d4d;
 font: 13px Arial, Helvetica, Geneva, sans-serif;
 line-height:17px;
 margin:0;
}

p {
 margin: 0 0 1.5em 0;
}

a {
 color: #ca1f27;
 text-decoration:none;
}

a:hover {
 text-decoration:underline;
}




a.rollover {
 background-position: left top;
 background-repeat: no-repeat;
 display:block;
}

a.rollover:hover {
 background-position: left bottom;

}







table {
 border-collapse: collapse;
}

form {
 padding: 0;
 margin: 0;
}

fieldset {
 padding: 0;
 margin: 0;
 border: none;
}

img,div {
 border:    none;
 behavior:    url(http://www.mrsub.ca/css/iepngfix.htc);
 display:   block;
}

div.hr {
 background-color:  #cb3623;
 height:    5px;
 border:    none;
 display:   block;
 margin:    0;
 padding:   0;
 overflow:   hidden;

}

.txtField, textarea {
 background: transparent url(http://www.mrsub.ca/img/bg_txt_field.gif);
 background-repeat:repeat-x;
 border: 1px solid #bfbfbf;
 background-color: #ffffff !important;
 color: #7f7f7f;
 padding: 4px 0px 4px 5px;
 margin: 0px 6px 10px 0px;
 height: 17px;
 line-height: 17px;
 width: 145px;
 float:left;
 font: 12px Arial, Helvetica, Geneva, sans-serif;
}

textarea {
 height: auto;
 width: auto;
}



.box {
 float: left;
 width: 320px;
}


.go {
 background-color:transparent;
 background-image: url(http://www.mrsub.ca/img/btn_go.gif);
 background-repeat: no-repeat;
 background-position: left top;
 border:none;
 width: 36px;
 height: 27px;
 float:left;
 margin:0;
 padding:0;
 cursor:pointer;
}

.go:hover {
 background-position: left bottom;
}


.btn_submit {
 background-color:transparent;
 background-image:url(http://www.mrsub.ca/img/btn_submit_request.gif);
 background-position: left top;
 border:none;
 width: 125px;
 height: 27px;
 margin-left: 356px;
 display:block;
}

.btn_submit:hover {
 background-position: left bottom;
}


.btn_submit2 {
 background-color:transparent;
 background-image:url(http://www.mrsub.ca/img/btn_submit.gif);
 background-position: left top;
 border:none;
 width: 56px;
 height: 27px;
 display:block;
}

.btn_submit2:hover {
 background-position: left bottom;
}


.btn_download {
 background-color:transparent;
 background-image:url(http://www.mrsub.ca/img/btn_download_now.gif);
 background-position: left top;
 width: 105px;
 height: 25px;
 display:block;
}

.btn_download:hover {
 background-position: left bottom;
}






#holder {
 float:left;
 width: 925px;
 /*margin: 0 auto 0 auto;*/
 padding-left:25px;
 background-image: url(http://www.mrsub.ca/img/nav_bg.gif);
}


div.minHeight {
 width: 0px;
 height: 680px;
 float:left;
}


#meta {
 padding-top: 20px;
}

#meta a {
 background-repeat: no-repeat;
 background-position: left top;
 display: block;
 float:left;
 height: 20px;
}

#meta a:hover {
 background-position: left -20px;
}

#meta a.on {
 background-position: left -40px;
}





#main {
 float: left;
}

#header {
 height: 100px;
}

#footer {
 border-top: 1px solid #bfbfbf;
 font-size: 10px;
 color: #7f7f7f;
 float: left;
 width: 100%;
 margin-top: 30px;
 margin-bottom: 20px;
}

#content {
 text-align: justify;
 color:#747474;
}




/*
 Nav
*/


#nav {
 width: 223px;
 background-image: url(http://www.mrsub.ca/img/nav_bg.gif);
 background-repeat: repeat-y;
 float: left;
}
#nav ul {
 position: absolute;
 top: 100px;
 list-style-type: none;
 margin-left: 20px;
 margin-right: 20px;
 padding:0;
}
#nav li {
 width: 180px;
 border-bottom: 1px solid #d15a49;
 margin:0;
 padding:0;
}
#nav li a {
 background-repeat: no-repeat;
 background-position: left top;
 display: block;
 height: 38px;
 width: 180px;
}
#nav li a:hover {
 background-position: 0 -38px;
}

#nav li.on {
 background-position: 0 bottom;
}
#nav li.on a {
 background-position: 0 bottom;
}
#nav li.on a:hover {
 background-position: 0 bottom;
}
#nav li.sub {
 display:none;
}

#nav li img {
 display:none;
}






/*
 Tabs
*/

ul.tabs {
 list-style-type: none;
}
ul.tabs li {
 display: block;
 float: left;
}
ul.tabs li a {
 background-repeat: no-repeat;
 background-position: left top;
 display: block;
 width: 96px;
 height: 51px;
}

ul.tabs li a.on {
 background-position: 0 bottom;
}



/*
 Checklist
*/
ul.checkList {
 list-style-type:none;
 text-align: left;
}
ul.checkList li {
 background-image: url(http://www.mrsub.ca/img/icon_check.gif);
 background-position: 0px 3px;
 background-repeat: no-repeat;
 padding-left: 20px;
 margin-top: 17px;
}


/*
 Testimonials
*/
ul.testimonials {
 list-style-type:none;
 text-align: left;
}
ul.testimonials li {
 border-bottom: 1px dashed #c3c3c3;
 background-image: url(http://www.mrsub.ca/img/icon_quote_left.gif);
 background-position: 0px 3px;
 background-repeat: no-repeat;
 padding-bottom: 21px;
 padding-left: 20px;
 margin-top: 21px;
}
img.quote {
 display:inline;
 margin:0 0 0 6px;
}






/*
 Products (The Menu)
 We'll call this "products" so that "The Menu"
 is not confused with the nav menu
*/


#products {
 float:left;
}

#products .leftCol {
 float:left;
 margin-right: 18px;
}
#products .rightCol {
 float:left;
}

#products ul {
 list-style: none;
 line-height:29px;
 padding:0;
 margin:10px 0 0 0;
}
#products li {
 padding:0;
 border-bottom: 1px solid #e4e4e4;
 display:block;
 width:217px;
 cursor:pointer;
}
#products li:hover {
 color:#cb331f;
}




/*
 Franchisee Form
*/

form#franchiseeForm {

}

form#franchiseeForm .txtField {
 width: 176px;
 margin:0 0 5px 0;
 float:left;
 

}





/*
 Contact Form
*/


form#cmsf {

}

form#cmsf td {
 padding-bottom: 10px;
}

form#cmsf label {
 display: none;
}

form#cmsf input.txtField {
 width:309px;
 margin: 0;
}

form#cmsf textarea {
 width:474px;
 height:121px;
 float:none;
 margin: 0;
}





/*
 Marketing Program
*/

#marketing
{
 height: 360px;
}

#marketingLeft {
 width: 220px;
 float:left;
 margin-right:15px;
}
#marketingRight {
 float:left;
}

#marketingRight .mat {
 border-top: 1px dashed #acacac;
 border-bottom: 1px dashed #acacac;
 padding-top: 9px;
 padding-bottom: 9px;
 margin-top: 16px;
 margin-bottom: 16px;
}

#marketingRight .year {
 margin-bottom: 7px;
}


#landing
{
/* margin: 0 auto 0 auto;*/
 width: 950px;
 height: 680px;
 background-image: url(http://www.mrsub.ca/img/bg_landing.gif);
}

#landing div.logo
{
 position: absolute;
 margin-left: 80px;
 margin-top: 200px;
 width: 473px;
 height: 208px;
 background-image: url(http://www.mrsub.ca/img/logo_landing.png);
}

#landing a#customer
{
 position: absolute;
 margin-left: 570px;
 margin-top: 260px;
}

#landing a#franchisee
{
 position: absolute;
 margin-left: 570px;
 margin-top: 304px;
}








/*
 POPUPS
*/
div.popup {
 position:    absolute;
 background-color:  #ffffff;
 z-index:     1000;
 top:     0px;
 left:     0px;
 overflow:     auto;
}


div.popupFrame { 	
	padding: 10px;
 	text-align:    right;
}

div.popup img.btn_close2 {

 display:     inline;
	margin-bottom: 10px;
}


div.popup img.btn_close {
 float:		right;
 display:     inline;
 cursor:     pointer;
 margin:     8px 8px 24px 0;
}

#dim {
 width:      100%;
 height:     1900px;
 position:     absolute;
 
 background-color: #000000;
 opacity: 0.6;
 filter: alpha(opacity=60);
 
 
 /*
A transparent PNG is used here to dim the
background when a javascript popup is generated.

CSS opacity is not used becauses it causes Flash
objects in the background to vanish. (FF only)

background-image:       url( '/img/dimmer.png' );
_background-image:      none;
_filter:                progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/dimmer.png', sizingMethod='scale' );
*/

 top:     0px;
 left:      0px;
 z-index:     900;
 overflow:     auto;
}

/*
 Franchisee Form
*/

div.popup form#franchiseeForm {
 width: 543px;
 height: 437px;
}

div.popup form#franchiseeForm .txtField {
 width: 176px;
 margin:0 0 5px 0;
 float:left;
}

/* Million Dollar Shot Contest Button - Check also the Home page code */
#contest{
	position: absolute;
	top: 475px;
}
/* END of  Million Dollar Shot Contest Button */


/*	
	----------------------------------
	Marketing Page
	----------------------------------
	The Metrick System
	November 23 2012
	Yohann Paris
	developer@metricksystem.com
	---------------------------------- 
*/

#marketingPage {font-family: 'Helvetica', 'Arial','sans-serif';}

#marketingPage h1, #marketingPage h2{
	line-height: 150%; 
	color: rgb(209,31,31);
	color: #D11F1F; 
	text-transform: uppercase;
}

#marketingPage h1{
	font-size: 32px;
	margin-bottom: 20px;
}

#marketingPage h2{
	font-size: 20px;
	margin-bottom: 10px;
}

#marketingPage p{
	color: #747474; 
	font-size: 13px;
}

#marketingPage hr{
	color: #BFBFBF;
	clear: both;
}

#marketingPage #posters {
	position: relative;
	width: 200px;
	float: right;
	list-style: none;
}

#marketingPage #posters li{
    border-bottom: 1px solid #BFBFBF;
    float: left;
    height: 20px;
    padding: 8px 0 2px;
    width: 100%;
}

#marketingPage #posters li h1{
	font-size: 12px;
	color: #747474;
	text-transform: capitalize;
	cursor: pointer;
	margin: 0;
}

#marketingPage #posters li h1.selected{color: #D11F1F;}

#marketingPage #posters li img{
	position: absolute;
	top: 0;
	left: -430px;
}

#marketingPage #postersPlaceHolder {
    display: block;
    float: left;
    height: 700px;
    text-indent: -9999px;
}


/* 	END of Marketing Page */