/*
	Glitz
	@author:alex.smoljanovic@thewebshop.ca
	@http://thewebshop.ca
	
<?
	if(ereg("secure\.(zulu\.)*clearoption\.com",$_SERVER['HTTP_HOST'])){
		$szPath=$_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
		$szPath=str_replace("css/glitz.css","",$szPath);
		$szPath=substr($szPath,0,strpos($szPath,"?"));
		define("URL","https://".$szPath);
	}else{
		$szPath = $_SERVER['HTTP_HOST'];
		define("URL","http://".$szPath."/");
	}
	
?>
*/

html,body
{ /* <-- ALL */
	
	text-align:center;
	margin:0 0 0 0 !important;
	/* base font... */
	font:13px Arial, Helvetica, sans-serif;

}
body
{
	background:#bcb3aa;
	
}
/* RESETS ======================================================================= */
div,p,table,form,h1,h2,h3,h4,h5,h6,h7,img,tr,ul,ol,li
{
	color:#ffffff;
	margin:0px;
	padding:0px;
	font-size:1em ;
}
ul,ol
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:5em;
	margin-top:1.6em;
	margin-top:1.6em;
	font-size:1em ;
}
body,div,p,span,td,blockquote,li,ul,ol
{ /* (td) for c2 compat */
	font-size:1em;
	color:#ffffff;
}
p
{
	font-size:1em ;
	margin-top: 1.5em ;
	margin-bottom: 1.5em;
}


h1,h2,h3,h4,h5
{
	color:#CCCCCC;
	font-size:20px;
	margin-bottom:.8em;
}
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;
	background:#736a69;
	width:884px;
}
#layout-container td
{
	padding:0px;
}

#layout-shadow-top
{
	background:url(../img/layout/top.jpg) no-repeat #bcb3aa;
	height:130px;
}
#layout-shadow-left
{
	background:url(../img/layout/shadow-left.gif) repeat-y #bcb3aa;
	width:17px;
}
#layout-shadow-right
{
	background:url(../img/layout/shadow-right.gif) repeat-y #bcb3aa;
	width:17px;
}
#layout-shadow-bottom
{
	background:url(../img/layout/shadow-bot.gif) no-repeat #bcb3aa;
	height:31px;
}
	
#main-panel{/*opt 4 1024x768 res ! scrollers*/
	width:		850px;
	min-width: 	850px; 	/*\/\!! IE 5!... Its only for mister Moz :) */
	min-height:	200px;	/*\/\!! IE 5!... Its only for mister Moz :) */
	
}

#header{
	width:100%;
	text-align:left;
	
}

#header div.header-low{
	background:url(../img/layout/top-low-bg.jpg) no-repeat;
	height:44px;
	
}



#header #menu-panel{
	margin-left:308px;
	text-align:left;
	height:44px;
	width:538px;
	
}


.front-left
{
	width:288px;
	height:375px;
	overflow:auto;
	margin-right:6px;
	margin-top:2px;
	margin-left:1px;
	float:left;
	background:black;
	font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
	text-align:left
}
.front-left  img
{
	margin-bottom:4px;
	display:block;	
}
.front-left .caption
{
	font-size:18px;
	font-style:italic;
	color:white !important;
	margin-left:5px;
}
.front-left .sub-caption
{
	font-size:12px;
	color:white !important;
	margin-left:5px;
}

.front-right
{
	margin-top:2px;
	float:left;
	width:247px;
	height:369px;
	background:#b27244;
	color:white;
	overflow:hidden;
	
	padding:3px;
	
	text-align:left;
	
}
.front-right div
{
	margin-left:35px;
	margin-right:35px;
	margin-bottom:40px;
	margin-top:4px;
	font-size:14px;
	font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	color:white;
	display:block
}

.front-right div p
{
	color:white;
}
.front-right div a:link,
.front-right div a:active,
.front-right div a:visited,
.front-right div a:hover
{
	text-decoration:underline;
	color:white;
}
.front-right div a:hover
{
	color:#FFFFCC
}


#browse-logo
{
	margin-top:6px;

}

.prod-tile
{
	padding-bottom:30px !important;
	font-size:12px;
}

.prod-tile a:link,
.prod-tile a:visited,
.prod-tile a:active,
.prod-tile a:hover
{
	color:white;
	text-decoration:none;
}.prod-tile a:hover{text-decoration:underline}

.prod-thumb
{
	margin-bottom:10px;
	border:1px solid #bebebe
}

.cat-title
{
	padding-bottom:30px !important;
	font-size:12px;
}

.cat-tile a:link,
.cat-tile a:visited,
.cat-tile a:active,
.cat-tile a:hover
{
	color:white;
	text-decoration:none;
}.cat-tile a:hover{text-decoration:underline}

.cat-thumb
{
	margin-bottom:10px;
	border:1px solid #bebebe
}




#nav-bottom
{
	margin-left:40px;
	margin-top:20px;
	display:block;
	text-align:left;
	font-family: Geneva,"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	margin-right:40px;
}
#nav-bottom #visit-address p
{
	font-size:15px;
	font-weight:bold;
	margin-top:.3em
}
#nav-bottom #visit-address a:link,
#nav-bottom #visit-address a:visited,
#nav-bottom #visit-address a:active,
#nav-bottom #visit-address a:hover
{
	color:white;
	text-decoration:underline;
	font-size:13px;
	font-weight:normal
}#nav-bottom #visit-address a:hover
{
	color:#FFFFCC;
}

#nav-bottom #email-newsletter
{
	font-size:12px;
}

#nav-bottom #email-newsletter h1
{
	font-size:17px;
	margin-top:1.8em;
	color:white;
	font-weight:normal;
	margin-bottom:.3em
}

#nav-bottom #email-newsletter a:link,
#nav-bottom #email-newsletter a:visited,
#nav-bottom #email-newsletter a:active,
#nav-bottom #email-newsletter a:hover
{
	color:white;
	text-decoration:underline;
	font-size:13px;
	font-weight:normal
}#nav-bottom #email-newslettera:hover
{
	color:#FFFFCC;
}


#nav-bottom #email-newsletter form
{
	margin-top:15px;
}
#nav-bottom #email-newsletter input
{
	margin-bottom:13px;
}

#nav-bottom #email-newsletter .edit-box
{
	width:175px;
	height:25px;
	color:#999999;
	border:0px;
	font-family: Geneva,"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#nav-bottom #email-newsletter .nudged
{
	margin-left:45px;
}


#product-details table
{
	margin-top:10px;
	background:white;
	color:black
}
#product-details table td
{
	color:black
}

/*	MENU's
	*----------->*/
/* 	================================================================================ */		
		
		div#menu-panel{
			z-index:10000;
		}
			
		div#menu-panel div {
			float:left !important;
			font-size:17px;
			color:#FFFFFF;
		}
		
		div#menu-panel  span {
			display: none;
		}
		
		div#menu-panel div a,
		div#menu-panel div a.hover,
		div#menu-panel div a.hover-hot,
		div#menu-panel div a.current-page{
			/*border: solid 1px #4B2D10;*/
			background-image:none;
			color:#FFFFFF;
			font-family:"Trebuchet MS", Trebuchet, Geneva, Arial, Verdana, Helvetica, sans-serif;
			font-size:12px !important;
			font-weight:lighter;
			padding-right:17px;
			padding-top:13px;
			padding-left:17px;
		
			text-decoration: none;
			/*background-color:#5e88a1 !important;*/
			float:left;
			vertical-align:middle;
			z-index:1000000;
			margin-bottom:0px;
			overflow:hidden;
			height:31px;
		}
		
		
		
		div#dropdown div.menu-split-line{
			margin-top:1px;
			background:#484140 !important;
			width:1px !important;
			height:42px;
			float:left;
			margin-top:2px;
			filter:alpha(opacity=40);
			-moz-opacity:.4
		}
		
		div#menu-panel div a.current-page{
			background-image:url('../img/menu/active-hover.jpg') !important;
			
		}
		div#menu-panel div a.hover{
			background:transparent url('../img/menu/hover.gif') !important;
		}
		
		div#menu-panel div a.hover-hot{
			background-image:url('../img/menu/active.jpg') !important;
			color:#333333
		}
		div#menu-panel div #a{
			padding:0px !important;
			margin:0px !important;
		}
		
		.menufixmargin{
			margin-top:1px !important;
			margin-left:-1px !important;
		}
		

/* ================================================================================ */


#footer{
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	text-align:left;
	background:#7f7776;
}

#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover
{
	color:white;
	text-decoration:none;
}
#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;
}

#col-1
{
	float:left;
	width:283px;
	background:#736a69;
	display:block
}
	
	#navigation-container
	{
		width:281px;
		background:url(../img/layout/cat-bg.gif) repeat-x;
		margin-left:1px;
		margin-right:1px;
		height:371px;
		text-align:center
	}
	
	#navigation-container h1
	{
		font-family:"Trebuchet MS", Trebuchet,Geneva, Arial, Verdana, Helvetica, sans-serif;
		color:white;
		font-size:16px;
		margin:0px;
		font-weight:bold;
		padding:0px;
		padding-top:43px;
		padding-bottom:40px;
	}
	
	#cats
	{
		margin:0 auto 0 auto
	}
	#cats td
	{
		text-align:center;
		padding-bottom:3px;
	}
	#cats a:link,
	#cats a:active,
	#cats a:visited,
	#cats a:hover
	{
		font-family:"Trebuchet MS", Trebuchet,Geneva, Arial, Verdana, Helvetica, sans-serif;

		font-size:1.49em;
		color:#6e431b;
		text-decoration:none;
	}#cats a:hover
	{
		text-decoration:underline;
	}
	
	.children a
	{
		font-size:11px !important;
	}

#col-2
{
	float:left;
	width:567px;
	overflow:hidden;
	background:url(../img/layout/body-bg.jpg) no-repeat #6f6b68;
	overflow:hidden !important;
	margin:0px;
	padding:0px;
	
}
#c2-panel
{
	float:left;
	height:792px;
}


	div.content-container
	{
		background:url(../img/layout/interior-content-bg.jpg) no-repeat #232220;
		color:white !important;
		font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size:.9em;
		display:block;
		width:567px; /* fix the ugly f'ing C2 tables ... col2W-([10m]...[10m])*/
		text-align:left;
		padding:0px !important;
		margin:0px !important
	}
	

	div.index-content-container
	{
		background:url(../img/layout/content-bg.jpg) no-repeat #232220;
		color:white !important;
		font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size:.9em;
		display:block;
		margin:9px;
		margin-right:8px;
		width:547px; /* fix the ugly f'ing C2 tables ... col2W-([10m]...[10m])*/
		text-align:left;
	}

	
	div.content-container h2
	{
		font-size:16px;
		color:white;
		/*border-bottom:1px dashed #838383*/
	}
	
	div.content-container a:link,
	div.content-container a:visited,
	div.content-container a:active,
	div.content-container a:hover
	{
		color:#CCCCCC;
		text-decoration:underline;
	}div.content-container a:hover
	{
		color:#FFFFCC
	}
	
	div.content-container table,
	div.content-container td,
	div.content-container p
	{
		color:white;
	}
	
	div.fix-c2-tables table/*,
	div.fix-c2-tables td*/
	{
		background:white;/* !important;
		color:white !important;*/	
		color:black;
	}
	
	div.fix-c2-tables td
	{
		padding:8px !important;
		color:black;
	}
	
	div.fix-c2-tables table table
	{
		/*
		background:#646260 !important;
		border:1px solid #494846 !important;
		*/
		margin:5px !important;
		color:black;
		
	}
	
	div.fix-c2-tables table table td
	{
		padding:6px !important;
		color:black;
	}
	
	div.fix-c2-tables font,
	div.fix-c2-tables p
	{
		/*
		color:white !important
		*/
		color:black;
	}
	

/* 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
	}

	.doc-hold-open
	{
		float:left;
		width:1px;
		height:782px;
		overflow:hidden;
		position:absolute;
		z-index:0;
		background:url(../img/layout/content-bg.jpg) no-repeat #232220;
	}
	
	.smaller
	{
		font-size:11px;
	}
	
	.page-image
	{
		float:right;
		margin-left:10px;
		margin-bottom:10px;
	}
	
	
	.browse-nav img{padding:0px 0px 0px 0px !important;}
	.browse-nav a:link,
	.browse-nav a:visited,
	.browse-nav a:hover,
	.browse-nav a:active{
		color:#FFFFFF;
	}.browse-nav a:hover{
		color:#FFFFCC;
	}
	
	div.bread-crumbs{text-align:left !important;}
	div.bread-crumbs a:link,
	div.bread-crumbs a:visited,
	div.bread-crumbs a:hover,
	div.bread-crumbs a:active{
		font:10px Arial, Helvetica, sans-serif;
		color:#999999;
	}div.bread-crumbs a:hover{
		color:#FFFFFF;
	}

/* c2... */
	.verdana11B
	{
		font-family:Verdana, Arial, Helvetica, sans-serif !important;
		font-size:11px;
	}

	.verdana11R-U
	{
		color:red !important;
		font-size:11px !important
	}