/*
	TheCurler.com
	@author:alex.smoljanovic@thewebshop.ca
	@http://thewebshop.ca
*/

html,body
{ /* <-- ALL */
	
	text-align:center;
	margin:0 0 0 0 !important;
	/* base font... */
	font:15px Arial, Helvetica, sans-serif;

}
body
{
	background:#D7D7D7;
    /*background:white*/
	
}
/* RESETS ======================================================================= */
div,p,table,form,h1,h2,h3,h4,h5,h6,h7,img,tr,ul,ol,li,span
{
	color:#000000;
	margin:0px;
	padding:0px;
	font-size:1em ;
	line-height:1.4em
}
ul,ol
{
	margin-left:5em;
	margin-top:1.6em;
	margin-top:1.6em;
	font-size:1em ;
}
li
{
	padding-bottom:1em;
}
p
{
	font-size:1em ;
	margin-top: 1.5em ;
	margin-bottom: 1.5em;
	
}


h1,h2,h3,h4,h5
{
	color:#007dc2;
	font-size:20px;
	margin-bottom:.8em;
}
h1{
	font-size:26px;
}
h3
{
	font-size:17px;
	margin-bottom:.3em
}

a:link,a:visited,a:active,a:hover
{
	color:#d96a35;
	/*color:#b75e29; -- dark and dirty :( */
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
	color:#777777;
}
a img
{
	border:0px;
}

/* LAYOUT ============================>>>=====================>>>================ */

#layout-container{
	margin: 0px auto 0px auto;
	width:954px;
}

	
#main-panel{
	width:		954px;
	min-height:	200px;/* only for moz*/	
}


.layout-row
{
	margin-top:10px;
	border:1px solid #7a7a7a;
	float:left
}

#header{
	text-align:left;
	width:950px
}

#navigation
{
	background:#1c59ab;
	padding:4px;
	text-align:center
}

#navigation a:link,
#navigation a:active,
#navigation a:visited,
#navigation a:hover
{
	color:white;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:0px 10px 0px 10px;
}
#navigation a:hover
{
	color:#FFFFCC
}


#full-banner-row
{
	width:950px;
	border-top:0px !important;
	border-bottom:0px !important
	
}
.full-banner
{
	float:left;
	height:60px;
	width:468px;
	overflow:hidden;
	display:block;
	border-top:1px solid #7a7a7a;
	border-bottom:1px solid #7a7a7a;
	background:white
}
#full-banner-row .rightb
{
	float:right;
	border-left:1px solid #7a7a7a
}
#full-banner-row .leftb
{
	border-right:1px solid #7a7a7a
}


#outter-content-container
{
	width:813px;
	background:white;
	text-align:left
}

#right-banner-container
{
	width:125px;
	float:left;
	padding-left:10px;
}

#square-banner
{
	width:125px;
	height:125px;
	overflow:hidden;
	background:white
}

#rect-banner
{
	width:125px;
	height:375px;
	overflow:hidden;
	background:white
}



#footer{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}


#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:hover
{
	color:#333333;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0px 10px 0px 10px;
}
#footer a:hover
{
	text-decoration:underline
}


/* head nav and foot nav */
a.current
{
	text-decoration:underline !important
}

#canadaswebshop
{
	margin-right:17px;
	margin-top:27px;
	margin-bottom:40px
}
#canadaswebshop:link,
#canadaswebshop:active,
#canadaswebshop:visited,
#canadaswebshop:hover
{
	font-size:10px;
	color:#e6e6e6;
	text-decoration:underline
}#canadaswebshop:hover
{
	color:#ffffff;
}


	div.content-container
	{
		font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		/*font-size:1em;*/
		display:block;
		text-align:left;
		float:none;
		padding:20px;

	}
	
	
	div.content-container h2
	{
		font-size:16px;
		color:#333333;
	}
	
	div.content-container a:link,
	div.content-container a:visited,
	div.content-container a:active,
	div.content-container a:hover
	{
		color:#333333;
		text-decoration:underline;
	}div.content-container a:hover
	{
		color:#000099
	}
	
	div.fp-news-container{
		overflow:hidden;
		margin-bottom:10px
	}
	
	div.news
	{
		background:url(../img/news-header-bg-x.gif)  repeat-x;
		
	}
	
	div.news div.news-header
	{
		background:url(../img/news-header-bg.gif) no-repeat;
		background-position:right;
		height:43px;
		text-align:right;
		margin-bottom:9px;
	}
	
	div.news div.news-header span
	{
		font:15px Arial, Verdana, Helvetica, sans-serif;
		font-weight:bold;
		color:white;
		margin-top:13px;
		margin-right:25px;
		float:right;	
	}
	
	
	div.news div.news-header img
	{
		float:left;
	}	
	
	div.news .news-image
	{
		float:right;
		margin-left:9px;
		margin-bottom:15px;
	}
	
	div.news .news-title
	{
		font-size:15px;
		font-weight:bold
	}

	a.news-headline:link,
	a.news-headline:visited,
	a.news-headline:hover,
	a.news-headline:active
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration:none !important;
		font-size:13px;
	}
	
	a.news-headline-tiny:link,
	a.news-headline-tiny:visited,
	a.news-headline-tiny:hover,
	a.news-headline-tiny:active
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration:none !important;
		font-size:11px;
	}
	
	

/* helpers ============================>>>=====================>>>================ */
	
	.padded
	{
		padding:8px;
		/*font-family:inherit;
		color:inherit;
		font-size:inherit;*/
	}
	
	div.content-container .padded{padding:18px !important}
	
	.float-right
	{
		float:right;
	}
	
	.float
	{
		float:left
	}


	.block
	{
		display:block;
		float:left
	}	
	
	.smaller
	{
		font-size:11px;
	}
	
		img.float-right
	{
		margin-left:9px;
		margin-bottom:9px;
	}
	
	img.float
	{
		margin-right:9px;
		margin-bottom:9px;
	}
	