/* Start of CMSMS style sheet 'canada_shops_here_managed_hosting_newcss' */
html {
background-image: url(uploads/images/templates/flowered/right_side.gif);
background-repeat: repeat-y;
background-position: top right;
}

#myframe { height: 600px; }

span {
color: red;
}

#content { width: 100%; margin-right: 1%; padding: 8px;}

#left_side { background: #FFF; margin-bottom: 10px; width:30%;  }

#right_side { float: right; width: 40%; background: #FFF; padding: 5px 5px 5px 5px; margin-bottom: 10px }

#newsletter_signup { float: left; width: 50%; background: #FFF; padding: 5px 5px 5px 125px; margin-bottom: 10px }

#top h1 { font: bold 1.9em Arial, Sans-Serif; padding: 8px; margin: 0; letter-spacing: 1px; color: #FFF }

#top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #FFF; margin:0; padding: 0; text-decoration: none; }

#top { padding-top: 20px; background: transparent; height: 121px; padding: 8px; }
	
#top #icons { float: right; margin:10px 0; padding:0; color: #FFF}

#top #title { float: left; margin:10px 0; padding:0; color: #FFF; text-decoration: none;}

a#topleft { 
	color: #fff; 
font: bold 1.4em Arial,
	}

#topleft h2 { font: 1.0em Arial; letter-spacing: 0px; color: #FFF; margin:0; padding: 0; text-decoration: none; }
a#topleft1 { 
	color: #fff; 
	}

#main { width: 55%; margin-right: 1%;}
img {
border: 0px;
}

#container a{
color: #FFF;
}


div.breadcrumbs {
   padding: 1em 0 0em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 60%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}


body {
margin: 0;
font: 1.0em Arial, sans-serif; 
background-image: url(uploads/images/templates/flowered/left_side.gif);
background-repeat: repeat-y;
color: #454545; 
background: #fff url(images/top.jpg) repeat-x top; 
line-height: 1.5em; 
}
#container {
	width: 100%;
	display: inline;
}
#main-title {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font:  bold 1.0em Arial;
letter-spacing: 5px;
text-align: right;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
padding-right: 50px;
background-color: #333333;
color: #ffffff;
border-top: 1px #000000 solid;
border-bottom: 0px #000000 solid;
}


#header-image {
background-color: #4d80b9;
background-image: url(uploads/images/templates/flowered/flower.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 177px;
border-top: 2px #ff4700 solid;
border-bottom: 2px #ff4700 solid;
margin-left: 110px;
margin-right: 110px;
}

#navbar {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .65em;
text-align: center;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
background-color: #333333;
color: #ffffff;
word-spacing: 8px;
border-bottom: 2px #ff4700 solid;
}

#navbar a:link, #navbar a:visited {
color: #ffffff;
}

#navbar a.current {
color: #ff4700;
}

#navbar a:hover {
color: #ff4700;
text-decoration: underline;
}


#headline {
font-size: .65em;
padding-top: 30px;
text-align: justify;
background-color: #F2F2F2;
padding-left: 100px;
padding-right: 100px;
margin-left: 110px;
margin-right: 110px;
margin-bottom: 0;
line-height: 1.5em;}


p.byline {
text-align: right;
margin-bottom: 0;
}

h1 {
margin-left: 15px;
margin-right: 110px;
font:  bold 1em Arial, Sans-Serif;
padding-bottom: 3px;
padding-top: 5px;
padding-left: 0px;
padding-right: 0;
border-bottom: 0px #ff4700 solid;
letter-spacing: 0px;
background-color: #F2F2F2;
margin-top: 0;
margin-bottom: 0;
}


h3 {
margin-left: 15px;
margin-right: 110px;
font:  bold 1.2em Arial, Sans-Serif;
padding-bottom: 3px;
padding-top: 23px;
padding-left: 0px;
padding-right: 0;
border-bottom: 0px #ff4700 solid;
letter-spacing: 5px;
font-weight: bold;
background-color: #F2F2F2;
margin-top: 0;
margin-bottom: 0;
}

#main-text {
margin-top: 5px;
margin-bottom: 0;
margin-left: 15px;
margin-right: 15px;
font-size: .9em;
line-height: 1.1em;
background-color: #ffffff;
   padding: 0 1%;
}

#main-text p {
text-align: justify;
margin-left: 0px;
margin-right: 15px;
}

h2 {
padding-bottom: 3px;
padding-right: 0;
color: #000000;
border-bottom: 0px #000000 solid;
letter-spacing: 5px;
margin-left: 50px;
margin-right: 50px;
font-size: 1em;
margin-top: 0;
padding-top: 10px;
}

h3 { background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }

p, ul, ol, table {
margin-top: 10px;
margin-bottom: 0;
}

ol, ul {
margin-left: 65px;
margin-right: 15px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #ff0000;
}

a:hover {
text-decoration: underline;
}


#footer {
text-align: center;
margin-bottom: 0;
padding: 0px;
background-color: #FFF;
color: #777;
font: .6em Arial, sans-serif; 
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}


#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #ffffff;
}
.right {
float: right;
text-align: right;
width: 50%;
}
.left {
float: left;
text-align: left;
padding-left: 50px;
}
.right h3 {
margin-top: 0px;
font-size: 90%;
}

.stretch,
	.clear {
		clear:both;
		height:1px;
		margin:0;
		padding:0;
		font-size: .7em;
		line-height: 1px;
	}
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	* html>body .clearfix {
		width: 100%;
	}

	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;

		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;

		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;

	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
#prec {margin:0; padding: 0; background: #F6F6F6; border-bottom: 1px solid #DCDCDC; overflow: hidden; margin-bottom: 15px }

div.left49 {
  float: left;
  width: 49%;
  }

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  }/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */

#menuwrapper {
        overflow: hidden;
        background-color: black;
        border-bottom: 0px solid red;
        width: 100%;
        font-size: .65em;
        color: white;
        margin-left: 0px;
        margin-top: -39px;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {
        width: 200px;
       }


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	}
#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	}
#primary-nav ul ul {
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%;
	top: 0px;
	}

#primary-nav li {
	margin-left: -1px;
	float: left;
	}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	text-decoration: none;
        color : white;
	}
#primary-nav li a {
	border-right: 1px solid red;
	border-left: 1px solid red;
        color : white;
	}
#primary-nav li li a {
	border: 1px solid red;
	}
#primary-nav li, #primary-nav li.menuparent {
	background-color: black;
        color : white;
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
	background-color: black;
        color: red;
	}



/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	background-image: url(modules/MenuManager/images/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
          color: red;
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	background-color: black;
        color : red;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
          color: red;
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
	}


/* IE Hacks */

#primary-nav li li {
	float: left;
	clear: both;
	}
#primary-nav li li a {
	height: 1%;
	}
/* End of 'canada_shops_here_managed_hosting_newcss' */