/*
Theme Name: IMS Canada
Theme URI: http://jim-media.com
Description:
Version: 1.0
Author: JIM Media Inc.
Tags: jim media

*/

@charset "utf-8";
@import "style-custom.css";

html, body {margin:0px; padding:0px; background:#fff; }
body {font:14px/16px arial,sans-serif; text-align:center; color:#333; }
p {margin:0px 0px 10px; line-height:16px; }
h1, .title {
	display:block; font-size:20px; font-weight:bold; padding:0px; margin-bottom:20px; line-height:22px; overflow:visible; }
a, a:hover{color:#c10000; text-decoration:none; }
a:hover {color:#000; text-decoration:underline; }
ul {margin:-5px 0 0 10px; }
ul li {margin-bottom:10px; list-style:none; }

#container {
	position:relative; width:776px; margin:15px auto 0; padding:0px; text-align:left; border:0px solid red; background:url(/images/sitebg2.jpg) repeat-y; }

#container-front {
	position:relative; width:776px; margin:15px auto 0; padding:0px; text-align:left; border:0px solid red; background:url(/images/sitebgfront.jpg) repeat-y; }

#wrapper {
	position:relative;
	width:776px;
	padding: 0px;
	margin: 0px;
}

#wrapper-front {
	position:relative;
	width:776px;
	padding: 0px;
	margin: 0px;
}

/*/// HEADER /////////////////////////////
///////////////////////////////////////*/
#header {
	position:relative; width:776px; height:160px; margin:0px; padding:0px; overflow:hidden  }
.headerlogo {
	position:relative; width:184px; height:160px; float:left; overflow:hidden; }
.headerflash {
	position:relative; width:592px; height:160px; float:left; overflow:hidden; }
/*/// LEFT RAIL //////////////////////////
///////////////////////////////////////*/
#left {
	position:relative; width:184px; float:left; padding:0px; margin:0px; border:0px solid red; overflow:hidden; }
.leftmenu {
	position:relative; width:159px; margin:0px; padding:10px 0 0; border:0px solid red; }
.leftmenu a, .leftmenu a:hover {
	display:block; /* height:25px; */ margin:0px 0px 10px; padding:12px 0 5px 15px; color:#fff; border:0px; font-style:italic; font-size:16px; font-weight:bold; text-decoration:none; border:0px solid red; }
.leftmenu a:hover {
	background:url(/images/arrow.jpg) no-repeat 5px 15px; color:#000; text-decoration:none; }

/*/// MAIN CONTENT ///////////////////////
///////////////////////////////////////*/
#content-front {
	position:relative;
	width:409px;
	float:left;
	height:335px;
	min-height:335px;
	height:100%;
	margin:0px;
	padding:6px 0 0px;
	background:#fff url(/images/pagebg.jpg) no-repeat center bottom;
}

#content {
	position:relative;
	width:588px;
	height:335px;
	min-height:335px;
	height:100% !important;
	float:left;
	margin:0px;
	padding:6px 0 0;
	background:#fff url(/images/pagebg2.jpg) repeat-x bottom center;
	overflow:hidden;
}

.texttitle-front {
	display:block;
	height:31px;
	margin-bottom:10px;
	padding:11px 0 0 48px;
	font-size:18px;
	line-height: 20px;
	font-weight:bold;
	color:#555;
	background:#fff url(images/pagehdr.jpg) no-repeat 17px 4px;
	}

.texttitle {
	width:540px;
	height:31px;
	line-height: 20px;
	margin-bottom:5px;
	padding:11px 0 0 48px;
	font-size:18px;
	font-weight:bold;
	color:#555;
	background:#fff url(/images/pagehdr2.jpg) no-repeat 17px 4px;
	overflow:hidden;
	text-align: left;
}

.slideshow {
	position:relative; display:none; height:252px; overflow:hidden; /*background:url(images/scrollable.jpg) no-repeat;*/ }
.textarea {
	position:relative;
	display:block;
	padding:0px 20px 20px;
	color:#3c3c3c;
}
.textareapost {
	position:relative;
	display:block;
	margin-bottom:20px;
	padding:10px 20px 15px;
	color:#3c3c3c;
	background-color:#fff;
	border:1px dashed #cf0000;
}
.textareapost ul {list-style:disc; }

/*/// RIGHT RAIL /////////////////////////
///////////////////////////////////////*/
#right {
	position:relative; width:183px; float:right; padding:10px 0 0; margin:0px; background:url(images/rightbg.gif) no-repeat bottom center; }
.rightad {
	position:relative; display:block; text-align:center; margin:0px; padding:0px; }
.righttop {
	position:relative; display:none; height:31px; background:url(/images/righttop.jpg) no-repeat; }
.righttext {
	position:relative; display:block; margin:0px 10px 20px; padding:0px; }
	.righttitle {
		display:block; height:31px; margin-bottom:10px; padding:8px 0 0 35px; font-size:16px; font-weight:bold; color:#fff; background:url(images/righthdr.jpg) no-repeat 7px 0; }

/*/// FOOTER /////////////////////////////
///////////////////////////////////////*/
#footer-front {
	position:relative; display:block; color:#900000; margin:0px; padding:55px 0 10px; text-align:center; clear:both; font-size:10px; background:#c10000 url(/images/footerbg.jpg) no-repeat top center; }

#footer {
	position:relative; display:block; color:#900000; margin:0px; padding:55px 0 10px; text-align:center; clear:both; font-size:10px; background:#c10000 url(/images/footerbg2.jpg) no-repeat top center; }

#footer-front a, #footer-front a:hover, #footer a, #footer a:hover {
	font-size:10px; color:#bbb; text-decoration:none; }
#footer-front a:hover, #footer a:hover {
	color:#000; text-decoration:none; }

/*/// ADDITIONAL STYLES //////////////////
///////////////////////////////////////*/
.clear, #clear {
	position:relative; clear:both; height:0px; line-height:0px; display:block; margin:0px; padding:0px; }
.copyright {
	position:relative; font-size:10px; color:#700000; text-align:center; overflow:visible; }
.imgalign, #imgalign {
	vertical-align:middle; }
.boldcaps{
	display:block; font-weight:bold; text-transform:uppercase; margin:0px; padding:10px; }
.smallfont {
	font-size:10px; }
.largefont {
	font-size:20px; line-height:24px; }
.floatleft, #floatleft {
	float:left; margin:0 10px 0 0; }
.floatright, #floatright {
	float:right; margin:0 0 0 10px; }
.divider {
	position:relative; display:block; height:2px; background:url(images/divider.jpg) no-repeat; margin:10px 0px 15px; clear:both; }
.divider2 {
	position:relative; display:block; height:2px; background:url(images/divider2.jpg) no-repeat; margin:1px 0px 15px; clear:both; }
.liststyle li {
	text-indent:-10px; }
ul.liststyle {
	margin-left:20px; }
.space {
	position:relative; display:block; height:12px !important; margin:0px; padding:0px;}
.specials {
	position:relative; width:180px; margin:0 20px 20px 0; overflow:hidden; }
.productsbox1, .productsbox
	{float:left; width:182px; text-align:center; height:200px; }
.productsbox
	{clear:both; }

/*/// CONTACT FORM //////////////////
//////////////////////////////////*/
.contactName, .contactEmail, .contactSubject {
	width:200px; background:#e9e7e0; border:1px solid #888472; padding:3px 5px; margin:0px 0 10px; color:#000; font:12px arial, sans-serif; }
.contactMessage{
	width:200px; height:100px; background:#e9e7e0; border:1px solid #888472; padding:5px; margin:0px 0 10px; color:#000; font:12px arial, sans-serif; }
.contactSubmit{
   position:relative; left:130px; font:16px Arial, sans-serif;  color:#888472; width:80px; height:30px; border:0px solid; background:url(images/submit.gif) no-repeat; }

/*/// NEWSLETTER ////////////////////
//////////////////////////////////*/
.newsletter{
	display:none; position:relative; margin-top: 40px; color:#000; border:0px solid red; font-size:11px; line-height:12px; padding-right: 10px;
	/* background:url(images/newsletterfield.gif) no-repeat 0 35px; */ }

	#Name{
	position:relative; font-size:12px; width:135px; height:14px; border:0px; background:#fff; padding:3px 0 0 5px; margin:0px; border:1px solid #888; color:#555; }

	#email{
	position:relative; font-size:12px; width:135px; height:14px; border:0px; background:#fff; padding:3px 0 0 5px; margin:0px; border:1px solid #888; color:#555; }

	.newsletterSubmit{
	position:relative; display:block; left:80px; width:69px; background-color:#C60000; border:0px solid red; font-size:9px; color:#fff; padding:2px 0px 3px;}

	.newsletterField {
	display:block; margin-bottom:7px; border:0px solid red; font-size:10px; color:#000; font-weigh:normal; letter-spacing:0.5px; }

	.newsletterField input { padding:1px 3px; }

.lefttext {
	position:relative; display:block; margin:0px 10px 20px; padding:0px; }

	.lefttitle {
		display:block; height:31px; margin-bottom:10px; padding:9px 0 0 30px; font-size:16px; font-weight:bold; color:#fff; background:url(images/righthdr.jpg) no-repeat 0 0; }

.newsletter p {
	color:#C60000 !important;
	font-size:10px;
	line-height:5px !important;
}

.newsletter a { color: #C60000; }

h2 {
	font-size: 1.4em;
	padding: 0;
	margin: 6px 0;
}


h3 {
	font-size: 1.3em;
	padding: 0;
	margin: 6px 0;
}

h4 {
	font-size: 1.2em;
	padding: 0;
	margin: 2px 0;
}

div.pagination {
	color:#6f6f6f;
	padding:15px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	clear: both;
}

div.pagination a {
	color:#bbb;
	padding:2px 5px;
	margin:0;
	text-decoration:none;
	border:1px solid #f0f0f0;
}

div.pagination a:hover,
div.pagination a:active {
	border:1px solid #9f9f9f;
	color:#C10000;
}

div.pagination span.current {
	padding:2px 5px;
	border:1px solid #9f9f9f;
	color:#C10000;
	font-weight:bold;
	background-color:#bbb;
}
div.pagination span.disabled {
	display:none;
}

#reps optgroup {
	background-color: #fff;
	color: #fff;
	padding: 0px;
}


/* images */

.textarea a img { border: 0px solid #dadada; margin-bottom:5px; }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.divider {
	background: url(images/pagedivider.gif) no-repeat center center;
	display:block;
	line-height:10px;
	margin:10px 0;
	text-align:center;
}

.dropdown {
	color:#888;
	font-size:12px;
	left:295px;
	position:absolute;
	top:16px;
	width:260px;
}

#reps select, #reps option {
	text-transform: none;
	font-size: 11px;
}

.dist0, .dist1, .dist2 {
	float: left;
	padding: 15px 4px 15px 5px;
	width: 160px;
}

.dist1, .dist2 {
	padding-left:25px;
}

.dist0 {
	clear: both;
}

.dist0 a, .dist1 a, .dist2 a {
	font-size:10px;
}

.specials0, .specials1, .specials2 {
	border: 1px solid #ccc;
	margin: 5px;
	padding: 5px;
	width: 167px;
	float: left;
	position: relative;
	background-color:#fff;
	font-size: 11px;
}

.specials0 {
	clear: both;
}

.template, .template0, .template1, .template2 {
	margin: 5px;
	padding: 5px;
	width: 160px;
	float: left;
	position: relative;
/*
	border: 1px solid #ccc;
	background-color: #fff;
*/
    font-size: 11px;
}

.template0 {
	clear: both !important;
}

.template-wrapper {
	clear: both;
}

.newsIco { background: transparent url(images/icoNews.gif) no-repeat scroll 0pt 2px; }

.newsLink a {
	display:block;
	padding: 0pt 0pt 0pt 15px;
	margin-bottom: 10px;
}

#login {
	text-align: center;
}

#login h1 {
	text-align: left;
}

#registerform {
	margin: 10px auto;
	width: 580px;
}

#login ul {
	text-align: left;
}

#nav, #nav a {
	padding: 5px;
}

#reps1, #reps2, #reps3, #reps4, #reps5, #reps6, #reps7, #reps8, #reps9 {
	display: inline;
}