@import url(navigation.css);
@import url(footer.css);
@import url(forms.css);
@import url(layout.css);
@import url(tabs.css);
@import url(sitemap.css);

/* basic elements ///////////////////////////////////////////////////////////////////////////////////// */
html {
	margin: 0px;
	padding: 0px;
	}

body { 
	font: 9pt/17pt arial, helvetica, verdana, san-serif; 
	color: #555555; 
	line-height:18px;
	background: #7474a7 url(../../images/spaguard_en_CA/tile_pagebg.jpg) repeat-x;
	margin: 0px; 
	padding: 0px;
	min-height: 100%;
	}

p {
	/*  margin: top right bottom left */
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

h1 { 
	font: normal 17pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #464678;
	}

h2 { 
	font: bold 11pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #464678;
	}

h3 { 
	font: bold 11pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #0069aa;
	}
	
h4 { 
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
	}

a:link {
	color:#1d97c3;
	text-decoration:none;
	outline: none;
}

a:visited {
	color:#1d97c3;
	text-decoration:none;
	outline: none;
}

a:hover {
	color:#ff7802;
	text-decoration:none;
	outline: none;
}

a:visited:hover {
	color:#ff7802;
	text-decoration:none;
	outline: none;
}

a.grylnk:link { 
	font: 8pt/16pt arial, helvetica, verdana, san-serif;
	font-weight: normal; 
	text-decoration: none; 
	color: #purple;
	outline: none;
	}

a.grylnk:visited { 
	font: 8pt/16pt arial, helvetica, verdana, san-serif;
	font-weight: normal; 
	text-decoration: none; 
	color: #b5b5b5;
	outline: none;
	}

a.grylnk:hover, a.grylnk:active { 
	font: 8pt/16pt arial, helvetica, verdana, san-serif;
	text-decoration: underline; 
	color: #00a3e4;
	outline: none;
	}
	
ul {
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: small;
	color: #555555;
	list-style-position: outside;
	margin: 10px;
	padding: 10px;
	}

li {
	margin-top: 0px;
	margin-left: 0px;
    list-style:disc outside none;
	}

.expert_caption {
	color: #464678;
	margin-top:20px;
	padding-top:5px;
	border-top: 1px dotted #aaa;
	width:110px;
}

ul.arrow {
    margin: 10px 0px 10px 0px;
    padding-left: 15px;
    list-style: square url(../../images/spaguard_en_CA/bullet_arrow.gif);
}

li.arrow {
    margin: 0px 0px 20px 0px;
}

ul.pdf {
    margin: 10px 0px 10px 0px;
    padding-left: 25px;
    list-style: square url(../../images/spaguard_en_CA/icon_pdf.gif);
    float: left;
    line-height:20px;
}

li.pdf {
    margin: 0px 0px 20px 0px;
}

hr {
    border-right: #000000 0px solid;
    border-top: #CCCCCC 1px dotted;
    border-left: #000000 0px solid;
    border-bottom: #000000 0px solid;
    color: #CCCCCC;
    height: 1px;
       position: static;
    width: 100%;
}


/* containers ///////////////////////////////////////////////////////////////////////////////////// */

#Header { 
	width: 950px;
	height: 372px;
	float:left;
	display:block;
}

#logo {
	display:block;
	float:left;
	margin: 7px 0px 0px 28px;
	width:110px;
	height:103px;
	background: none;
}

#Search {
	display:table;
	float:left;
	padding: 0px 0px 0px 0px;
}

#SearchBtn {
	display:table;
	float:left;
	padding: 1px 0px 0px 0px;
}

#Country {
	display:table;
	float:left;
	padding: 0px 0px 0px 0px;
}

#MainContainer { 
	background: url(../../images/spaguard_en_CA/main_container_bg.jpg) repeat-y;
	margin: 0 auto; 
	width:950px;
	display:table;	
	}

#HomeContentContainer { 
	margin: 0px 0px 0px 0px;
	width:950px;
	background: none;
	display:block;
	}

/* TIER STYLES* *****************************************************************************/

#TierHeader { 
	background: none; 
	width: 950px;
	height: 120px;
	float:left;
	display:block;
	}
	
#TierPageHeader { 
	background: none;
	padding: 0px 0px 0px 0px;
	width: 676px;
	height: 101px;
	float:left;
	display:block;
	}
	
#TierMainContainer { 
	background: url(../../images/spaguard_en_CA/tier_main_container_bg.gif) repeat-y;
	margin: 0 auto; 
	width:950px;
	display:table;
	}

#TierContentContainer { 
	padding: 0px 10px 0px 10px;
	width:930px;
	background: none;
	float:left;
	display:block;
	}

#TierContent { 
	padding: 20px 28px 20px 26px;
	width:630px;
	background: none;
	float:left;
	display:block;
	}

/* TierLeftNavContainer */

#TierLeftNavContainer { 
	padding: 70px 50px 0px 9px;
	margin: 0px;
	width:187px;
	display:block;
	float:left;
	background: none;
	height:500px;
	}

/* TierLeftNav_Box1 */

#TierLeftNav_Box1 {
	width:187px;
	margin-bottom: 30px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* TierLeftNav_Box2 */

#TierLeftNav_Box2 {
	width:177px;
	margin: 0px;
	padding: 10px 0px 20px 10px;
	display:block;
	float:left;
	border-top:1px dotted #ccc;
	}

#TierLeftNav_Box2 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierLeftNav_Box2 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierLeftNav_Box2 .body1 {
}

/* TierLeftNav_Box3 */

#TierLeftNav_Box3 {
	width:177px;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	display:block;
	float:left;
	border-top:1px dotted #ccc;
	}

#TierLeftNav_Box3 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierLeftNav_Box3 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierLeftNav_Box3 .body1 {
}

/* TierLeftNav_Box4 */

#TierLeftNav_Box4 {
	width:177px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	display:none;
	float:left;
	}

#TierLeftNav_Box4 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierLeftNav_Box4 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierLeftNav_Box4 .body1 {
}

/* TierLeftNav_Box5 */

#TierLeftNav_Box5 {
	width:177px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	display:none;
	float:left;
	}

#TierLeftNav_Box5 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierLeftNav_Box5 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierLeftNav_Box5 .body1 {
}


/* TierRightNavContainer */

#TierRightNavContainer { 
	padding: 0px 0px 0px 0px;
	margin-right: 10px;
	width:155px;
	display:none;
	float:left;
	background: none;
	}

/* TierRightNav_Box1 */

#TierRightNav_Box1 {
	width:155px;
	margin-bottom: 30px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* TierRightNav_Box2 */

#TierRightNav_Box2 {
	width:155px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:none;
	float:left;
	border-top:1px dotted #ccc;
	}

#TierRightNav_Box2 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierRightNav_Box2 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierRightNav_Box2 .body1 {
}

/* TierRightNav_Box3 */

#TierRightNav_Box3 {
	width:155px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	border-top:1px dotted #ccc;
	}

#TierRightNav_Box3 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierRightNav_Box3 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierRightNav_Box3 .body1 {
}

/* TierRightNav_Box4 */

#TierRightNav_Box4 {
	width:155px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:none;
	float:left;
	}

#TierRightNav_Box4 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierRightNav_Box4 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierRightNav_Box4 .body1 {
}

/* TierRightNav_Box5 */

#TierRightNav_Box5 {
	width:155px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:none;
	float:left;
	}

#TierRightNav_Box5 .display_title h2 {
	font: bold 10pt arial, helvetica, verdana, san-serif; 
	margin: 0px; 
	color: #000;
}

#TierRightNav_Box5 .title_image {
	float: right;
	padding: 15px 0px 10px 15px;
}

#TierRightNav_Box5 .body1 {
}


/* Tier 2-Column Styles  ///////////////////////////////////////////////////////////////////////////////////// */

/* Tier2ColumnLeft */

#Tier2ColumnLeft { 
	padding: 0px 20px 0px 0px;
	margin: 0px;
	width:305px;
	display:block;
	float:left;
	background: none;
	}

/* Tier2ColumnLeft_Box1 */

#Tier2ColumnLeft_Box1 {
	width:305px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* Tier2ColumnRight */

#Tier2ColumnRight { 
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width:305px;
	display:block;
	float:left;
	background: none;
	}

/* Tier2ColumnRight_Box1 */

#Tier2ColumnRight_Box1 {
	width:305px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}


/* Tier 3-Column Styles  ///////////////////////////////////////////////////////////////////////////////////// */

/* Tier3ColumnLeft */

#Tier3ColumnLeft { 
	padding: 0px 15px 0px 0px;
	margin: 0px;
	width:200px;
	display:block;
	float:left;
	background: none;
	}

/* Tier3ColumnLeft_Box1 */

#Tier3ColumnLeft_Box1 {
	width:200px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* Tier3ColumnMid */

#Tier3ColumnMid { 
	padding: 0px 15px 0px 0px;
	margin: 0px;
	width:200px;
	display:block;
	float:left;
	background: none;
	}

/* Tier3ColumnMid_Box1 */

#Tier3ColumnMid_Box1 {
	width:200px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* Tier3ColumnRight */

#Tier3ColumnRight { 
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width:200px;
	display:block;
	float:left;
	background: none;
	}

/* Tier3ColumnRight_Box1 */

#Tier3ColumnRight_Box1 {
	width:200px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}

/* HomeHeaderContainer Styles  ///////////////////////////////////////////////////////////////////////////////////// */

#HomeHeaderContainer {
	width: 950px;
	float:left;
	display:block;
	margin-top:10px;
}
	
#HomeHeader {
	width: 950px;
	float:left;
	display:block;
}

#d1HomeHeader {
	width: 950px;
	height:404px;
	float:left;
	display:block;
}

#d1HomeContentContainer{
	width:950px;
	height:130px;
	float:left;
	display:block;
}

/* Misc Graphics */

.hline_15 {
	background: url(../../images/spaguard_en_CA/hline_15.gif) repeat-x;
	width:100%;
	height:31px;
	float:left;
	}

.PhotoLeft {
	float: left;
	margin: 0px 15px 0px 0px;
	}

.PhotoRight {
	float: right;
	margin: 0px 0px 0px 15px;
	}
	
.FloatLeft {
	float: left;
	}

.FloatRight {
	float: right;
	}

.NavFloat {
	float: right;
	width: 700px;
	}
/*-------------------------------------------------------------------------------------*/