@charset "utf-8";
/*
	The Quarks Group - 05/03/2008 16:47:09
	@author: alex.smoljanovic at thewebshop dot ca
	http://www.thewebshop.ca
	---------------------------------------------
*/
html,body
{
	font-family:	Arial, Verdana,  Helvetica, sans-serif;
	font-size:		11px;
	margin:			0px 0px 0px 0px;
	text-align:		left;
	background:white;
	color:#333333;
}



/*
*	OVERRIDE the PrintBook styles
*
*	Width Diff is (-178)
*	orig  770
*	middle secion should be 930 x
*/

#maincontent
{
	width:990px;
	overflow:hidden;
	margin:0px auto 0px auto;
	background-image:none;
/*	For testing only - background: url(http://localhost/images/1temp.jpg) no-repeat; */
}

.widecontentwrapper 
{
	width:948px;
}

#main_logo {
    float:left;
    margin:7px 5px 0 0;
    width:476px;
}

#header
{
	width:988px;
}

#footernavmenu
{
	text-align:left;
}

#homepagecolumn1 
{
	width:175px;
}
#homepagecolumn2 
{
	width:540px !important;
}
#homepagecolumn3 
{
	width:175px;
}

#homepagecolumn1 table,
#homepagecolumn2 table,
#homepagecolumn3 table { width: 100%; }




#footernavmenu
{
	font-family:Arial;
	font-size:12px;
}

.poweredby
{
	display:none;
}


#headernavmenu a:link,
#headernavmenu a:visited,
#headernavmenu a:active,
#headernavmenu a:hover
{
	color:#444444;
	text-decoration:underline;
}

#headernavmenu a:hover
{
	color:#1c4e14
}



#headernavmenu-smallcart div
{
	display:inline
}

.headernavmenu-label
{
	color:#4c7e44;
}

/*
*	search results? dynamic name?
*/
#ctl00_MainContentHolder_DataList1
{
	margin:10px 0px 10px 0px;
	width:100%;
}

#ctl00_MainContentHolder_DataList1 .record
{
	padding:15px;	
	height:100%;/* of cell */ 
}

#ctl00_MainContentHolder_DataList1 td
{
	/* Apptius - Re-instate vertical-alignment to handle expanded vertical
       space usage of sale price thumbnail items in category lists 
       Andre Marion - December 9, 2008 
    */
	vertical-align:top;
	border-bottom:1px solid #EEEEEE;
	padding:0px;
}

/* Apptius - remove plain pager styling and use the styling provided
   in the category.css file so the search results pages match the
   remainder of the site.
   Andre Marion - December 12, 2008
*/

/* Apptius - start of commented out styling

#SearchResultsPane .pager
{
	width:911px;
	clear:both;
	overflow:hidden;
}

#SearchResultsPane .pager ul
{
	display:block;
	list-style:none;
	clear:both;
}

#SearchResultsPane .pager li
{
	float:left;
	padding:0px 3px 0px 0px;
	list-style:none;
} 
  Apptius - end of commented out styling 

*/

/* 
*	LAYOUT 
*/


#cms-header
{
	overflow:hidden;
	width:990px;
	/* height:106px;
	background-color:#BAB1A4; */
	height:88px;
	text-align:right;
/* LEN 09/07/17 commented out background image*/
/*	background: url(../images/header-bg.jpg) repeat-x; */
}

#headernavmenu {
    margin:20px 0 0;
}

	#cms-logo
	{
		float:left;
	}
	
	.icon
	{
/* LEN 09/07/17 Changed padding from Left to right*/
		padding-right:25px;
	}


/* under, not in, header */
#menu-container
{
/*LEN 09/07/17 changed background image and height*/
	/* background:url(../../../../images/header.png); */
	width:990px;
	height:106px;
	overflow:hidden;
	margin-bottom:3px;
}

#footer	.page-link
{
	display:block;
	float:left;
	margin-right:34px;
	margin-bottom:15px;
	font-weight:bold;
	font-size:12px;
}



/*
*	Splitting footer to show a Thawte icon on the right side...
*/
#footer .footer-left {
	padding:21px;
	padding-top:26px;
	float:left;
	width:816px;
	overflow:hidden;
}

#footer .footer-right {
	float:left;
	height:85px;
	width:89px;
	overflow:hidden;
	padding:9px 0px 0px 0px;
}

#thewebshop:link,
#thewebshop:visited,
#thewebshop:hover,
#thewebshop:active {
	font:11px "Trebuchet MS", Geneva;
	float:right;
	color:#7e7e7e !important;
	text-decoration:underline;
	margin-top:5px;
	margin-bottom:20px;
}



/*	MENU's
	*----------->*/
/* 	================================================================================ */		
		
		div#menu-panel
		{
			z-index:10000;		
			text-align:left;
			height:48px;
			width:936px;
			margin-left:13px;
		}
			
		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
		{
			
			color:black;
			font-family: Arial, Helvetica, sans-serif;
			font-size:14px !important;
			padding-right:22px;
			padding-top:8px;
			padding-left:22px;
			text-decoration: none;
			font-weight:bold;
			float:left;
			vertical-align:middle;
			z-index:1000000;
			margin-bottom:0px;
			overflow:hidden;
			white-space:nowrap;
			height:35px;
		}
		
		div#menu-panel div a.current-page
		{
			height:27px;
			border-bottom: solid 9px #faf400;
		}
		
		div#menu-panel div a.hover
		{
			background:url(../images/menu-hover.jpg) repeat-x;
		}
		
		div#menu-panel div a.hover-hot
		{
			height:27px;
			border-bottom: solid 9px #faf400;
			background:url(../images/menu-hover.jpg) repeat-x;
		}
		
		div#menu-panel div #a
		{
			padding:0px !important;
			margin:0px !important;
		}
		
		.menufixmargin
		{
			margin-top:1px !important;
			margin-left:-1px !important;
		}
		
		.menu-splitter
		{
			width:2px;
			overflow:hidden;
			height:48px;
			float:left;
		}
		
#headermainmenu {
    float:left;
    width:990px;
}