/*   IF YOU CAN SEE THIS CODE ON YOUR PAGE, PRESS RELOAD OR REFRESH ON YOUR BROWSER!!!!!   */

/* Page Colors: 

OLD 	NEW      Uses
0a870a  008716   H2, a
70c070  67c276   Borders for menus, tables, buttons
e9f6e9 	e9f7eb	 Background colour for menus, buttons, etc.
191	    DELETE

dcdfdc  dce0dd	 Breadcrumb underline, HR
a3d5a3	b8e5bf   Footer border, input border
f2f5f2  fafffb   Left menu background
bdb		008716	 Search form button background

ff870a   ff8716   Orange form button
ffc070   ffc276   "
ffe9e0   fff7eb   "
*/

/* Common Page Items */

h1 { font-size: 1.65em;	margin-bottom: 1px; margin-top: 48px; font-weight: bold; color: #111; }
h2 { font-size: 1.4em; font-weight: bold; margin: 10px 0px 5px 0px; color: #008716; }
h3 { font-size: 1.1em; margin: 0 0 4px 0; font-weight: bold; color: #111; }
h3 a { font-weight: bold; color: #008716; }
h3 a:hover { text-decoration: none; }
h3.tight { margin: 0; }
h4 { font-size: 1.0em; margin: 0 0 4px 0; color: #111; }
h5 { font-size: 0.95em; margin: 0 0 4px 0; color: #111; }
h6 { font-size: 1.15em; margin: 0 0 0 10px; color: #fff; }

img.pic { border: 1px solid #666; }

input, textarea, select, option { font-size: 13px; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #111; background-color: #e9f7eb; }
input, textarea, select { padding: 0; margin: 6px 0; border: #b8e5bf 1px solid; } 
input.Textbox { width: 150px; background: #fff; padding: 1px; }
select option { padding: 0 10px; }

dl { padding: 0; margin: 0; }
dd { padding: 0; margin: 0; }

p {	line-height: 1.4; margin-bottom: 15px; }

a {	color: #008716; }
a img { border: 1px solid #666; }
a img:hover { border: 1px solid #008716; }
a.privacy { font-size: 0.85em; font-weight: normal; }
a.nob img { border: 0; }

#flag { display: block; margin: 0; padding: 0 -10px 0 0; width: 28px; height: 15px; background: url("../images/style/canada-light.gif") no-repeat 0 0; }
#flag:hover { background: url("../images/style/canada-flag.gif") no-repeat 0 0; }

form { margin: 8px 0; padding: 0; font-size: 1.0em; }
#verifyNum { font-size: 16px; margin: 0 0 2px 132px; }
#ta-reqd { float: right; margin: 70px 150px 0 0; }

ul, ol { margin: 2px 0 10px 30px; padding: 0; }
ol li { margin: 10px 0; }
dl { margin: 12px 0px 15px 30px; }

li { margin: 0; margin-bottom: 2px; padding: 0; }
li.body { padding-left: 0.1em; margin: 0.5em; color: #111; }

blockquote { margin-left: 28px; }

hr { margin: 0; padding: 0; color: #dce0dd; height: 1px; border:0; }

table { margin: 0; padding: 0; }

/* Section Container Sizing */
* { margin: 0; padding: 0; }

body { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 0.85em; height: 100%; background-color: #e5e5e5; }
#taf { background-color: #fff; } 

#subhead { font-size: 1.1em; font-weight: bold; margin: 1px 0px; color: #666; }
#Container { width: 980px; padding: 0px; position: relative; margin: 0px auto; background-image: url(../images/style/body-bg.gif); background-repeat: repeat-y; background-position: center;	border-top: 0px; }

#Outer { width: 940px; margin: 0 20px; padding: 0; padding-bottom: 18px; clear: both; background-color: #fff; }

#Header { width: 940px; height: 100px; margin: 0 auto; padding: 0; clear: both; background-color: #fff; }
#PageTitle { float: left; width: 695px; margin: 4px; font-size: 1.0em; background-image: url(../images/style/logo.png); background-repeat: no-repeat; }
#TopMenu	{ height: 15px; line-height: 15px; position: relative; margin: 0; padding: 0; }


#Wrapper { clear: both; margin: 15px 0 0 0; padding: 0; width: 940px; }
#Menu { clear: both; width: 940px; height: 34px; line-height: 34px; margin: 0 auto; padding: 0; }

#ContentWrap { margin: 0 0 15px 15px; }
#SearchBox { width: 731px; height: 82px; padding: 1px; margin-left: 15px; float: right; }
#SearchBox2 { width: 240px; height: 24px; padding: 1px; float: right; }

/* Top Navigational Menu */
#TopMenu { float: right; }
#TopMenu ul { list-style: none; padding: 0; margin: 0; }
#TopMenu li { list-style: none; padding: 0; margin-top: 7px; float: right; padding: 0 10px 0 0; font-size: 0.95em; border-left: 1px solid #666; }
#TopMenu li a, #TopMenu li div { display: block; padding: 0 0 0 10px; font-weight: bold; text-decoration: none; color: #222; }
#TopMenu li.First { border-left: 0; }
#TopMenu li.Flg { border-left: 0; padding: 0; }
#TopMenu li div a {	padding: 0; margin: 0; font-size: 1.0em; display: inline; border-left: 0; }
#TopMenu li.Date { margin: 58px 0 5px 0; border-left: 0; }
#TopMenu li a:hover { text-decoration: underline; color: #008716; }


/* Pages Menu */
#Menu { background: url(../images/style/nav-bar.gif) top left repeat-x; }
#Menu ul { width: 925px; margin: 0 15px; padding: 0; }
#Menu li { float: left; position: relative; list-style: none; margin: 0px; padding: 0px; }
#Menu li.Spacer { width: 1px; height: 32px; background-color: #fff; }
#Menu li a { display: block; float: left; font-size: 0.95em; font-weight: bold; text-align: center; 
	text-decoration: none; padding: 0px 25px 0px 15px; height: 34px; color: #fafffb; }
#Menu li a:hover { text-decoration: underline; color: #fff; background: url(../images/style/nav-bar-dark.gif) top left repeat-x; }
#Menu li ul { width: auto; position: absolute; clear: left; top: 33px; left: -16px; display: none; text-align: left; background-color: #fff; border: 1px solid #7C7; border-top: none; z-index: 2; padding: 0; }
#Menu li ul li { clear: both; color: #111; text-align: left; background: transparent; line-height: 20px; font-size: 0.9em; width: 100%; margin: 0; padding: 0; border-bottom: 1px dotted #dce0dd; }
#Menu li ul li.LastChild { border-bottom: 0; }
#Menu li ul li:hover { background-color: #e9f7eb; }
#Menu li ul li a { padding: 1px 20px 1px 10px; text-align: left; margin: 0; width: 170px;
	height: auto; font-size: 0.9em; color: #333; }
#Menu li ul li a:hover { text-decoration: none; color: #000; background-image: none; }
#Menu li:hover a, #Menu li.over a{ text-decoration: underline; }
#Menu li ul li a, #Menu li.over li a { text-decoration: none !important; }
#Menu li:hover ul, #Menu li.over ul { display: block; }

#Phone { float: right; width: 157px; height: 32px; background: url(../images/style/phone.png) center left no-repeat; }
#FlabellComponent { }

/* Holly Hack. IE Requirement \*/
* html #Menu ul li { float: left; height: 1%; }
* html #Menu ul li a { height: 1%; }
* html #ProductMenu ul li { float: left; height: 1%; }
* html #ProductMenu ul li a { height: 1%; }
/* End */

/* Wide Content = Pages with no Right Column
Widest Content = Pages with no left menu or right column */
.Content { float: left; font-size: 1.0em; width: 540px; margin: 0; padding: 0 15px 15px 15px; }
.ContentWide { float: left; font-size: 1.0em; width: 735px; margin: 0; padding: 0 0 15px 15px; }
.ContentWidest { font-size: 1.0em; margin: 0px; padding: 0 15px 15px 15px; }

/* Primary Content Area */
#LayoutColumn2 { background-color: #fff; }
#LayoutColumn2 .Block { clear: both; }
.Block { margin-top: 10px; margin-bottom: 10px; }
#LayoutColumn2 a:hover { text-decoration: none; }


/* Global div style for multi-column pages */
.fleft { float: left; margin: 0; padding: 0; }
.fright { float: right; margin: 0; margin-left: 15px; padding: 0; }

.link { float: left; display: block; clear: right; list-style: none; margin: 0px; padding: 2px 0; }
.link li { padding: 5px 0; }

/* Left of Content Area (Product Menu) */
.Left {	float: left; width: 190px; font-size: 0.9em; margin: 0px; padding: 0px;	background-color: #fff; }

/* Left Content Area */
.Left ul { margin: 0; padding: 0;  z-index: 0; }
.Left li { list-style: none; margin: 0; padding: 0; }
.Left li a { text-decoration: none; font-weight: bold; display: block; margin: 0; color: #333; }
.Left li a:hover { color: #000; }
.Left li:hover a, li.over a{ text-decoration: underline; }
#ProductHead { height: 34px; line-height: 34px; margin: 0 auto; padding: 0; background: url(../images/style/nav-bar.gif) top left repeat-x; font-size: 1.15em; font-weight: bold; padding-left: 10px; color: #fff; }
.Left #ProductMenu { margin: 0; margin-bottom: 15px; padding: 0; border: 1px solid #67c276; border-top: 0px; }
.Left #ProductMenu li{ line-height: 26px; height: 26px; padding: 0; margin: 0; text-align: left; background-color: #fff; border-bottom: 1px dotted #67c276; }
.Left #ProductMenu li:hover { background-color: #e9f7eb; }
.Left #ProductMenu li.LastChild { border-bottom: 0; }
.Left #ProductMenu li a { padding: 0px 4px 0px 10px; text-align: left; margin: 0; height: 26px; }
.Left #ProductMenu ul ul { width: 170px; position: relative; clear: left; top: -24px; left: 180px; visibility: hidden; text-align: left; background-color: #fff; padding: 0; z-index: 1; }
.Left #ProductMenu li ul { background-color: #fff; border: 1px solid #67c276; border-bottom: 0; }
.Left #ProductMenu li ul li { clear: both; text-align: left; line-height: 23px; width: 100%; margin: 0; padding: 0; color: #111; border-bottom: 1px dotted #67c276; }
.Left #ProductMenu li ul li.LastChild { border-bottom: 1px solid #67c276; }
.Left #ProductMenu li ul li a { padding: 1px 20px 1px 10px; font-size: 0.9em; text-align: left; margin: 0; width: 100%; height: auto; text-decoration: none; }
.Left #ProductMenu li:hover ul, #ProductMenu li.over ul { visibility: visible; }
.Left #ProductMenu li ul li:hover a, #ProductMenu li ul li.over a{ text-decoration: underline; }

/* Twitter & Facebook Setup */
#social { clear: both; margin: 0; padding: 0; width: 190px; height: 24px; }
#social li { position: relative; list-style: none; font-weight: bold; margin: 0; padding: 0; line-height: 12px;  height: 26px; font-size: 0.7em; display: block; float: left; }
#social li:hover a { color: #000; text-decoration: none;  }
.twit { width: 85px; background: url(../images/style/twitoff.gif) top left no-repeat; }
.face { width: 95px; background: url(../images/style/fboff.gif) top left no-repeat; margin-left: 10px; }
.twit:hover {  background: url(../images/style/twit.gif) top left no-repeat; }
.face:hover { background: url(../images/style/fb.gif) top left no-repeat; }
.twit a { padding-left: 28px; color: #333; text-decoration: none; }
.face a { padding-left: 28px; color: #333; text-decoration: none; }

#cc { margin: 13px 7px 2px 0; padding: 0; width: 190px; font-size: 0.85em; }

/* Right of Content Area */
.Right { float: left; font-size: 1.0em; margin: 0; padding: 0; }
.Right a { color: #008716; }

#promo1 { /* background: url(../images/gift-card.jpg) top left no-repeat; background-color: #fff; */ }

#Footer { clear: both; width: 940px; height: 26px; line-height: 26px; margin: 15px 0 0 0; text-align: center; font-size: 0.95em; font-weight: bold; background-color: #fafffb; border: 1px solid #b8e5bf; color: #333; }
#Footer a { color: #333; font-weight: bold; }
#Footer a:hover { color: #000; }

#PageBottom { width: 980px; height: 5px; padding: 0 0 25px 0; margin: 0 auto; background: url(../images/style/body-bgbottom.gif) repeat-x; }

/* Search Box Formatting */
#SearchForm { float: right; height: 80px; padding: 20px 6px; }
#SearchForm input.Textbox { width: 150px; height: 18px; line-height: 18px; border: 1px solid #111; background: #fff; font-size: 0.9em;	padding: 1px; margin-bottom: 1px; font-family: Tahoma, Geneva, Verdana, sans-serif; }
#SearchForm .Button { width: 65px; height: 22px; padding: 1px; line-height: 16px; border: 1px solid #666; background: #e9f7eb; font-size: 0.9em; font-weight: bold; clear: both; margin-bottom: 1px; }
#SearchForm .Button:hover { border: 1px solid #666; background: #008716; font-size: 0.9em; font-weight: bold;
  	color: #fff; }
#SearchForm p { text-align: right; margin: 0 10px; font-size: 0.9em; }
#SearchForm a { text-decoration: none; }

/* Page Breadcrumbs TO UPDATE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.Breadcrumb ul, .Breadcrumb li { list-style: none; margin: 0; padding: 0; }
.Breadcrumb { font-size: 0.9em; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #dce0dd; }
.Breadcrumb li { padding-left: 6px; display: inline; }
.Breadcrumb li a { padding-right: 10px;	background: url('../images/style/breadcrumb-sep.gif') no-repeat right; }
.Breadcrumb li a:hover { text-decoration: none; }

/* Product Descriptions (Catagories) */
.prod { float: left; margin: 0; margin-bottom: 10px; padding-top: 5px; border-top: 1px solid #dce0dd; width: 540px; }
.prod .pic { float: left; clear: both; width: 150px; margin: 0 15px 0 0; padding: 0; display: block; }
.prod .desc { float: right; width: 375px; }
.prod .price { float: left; margin: 20px 0 0 30px; padding: 0; color: #008716; }
.prod img { border: 1px solid #111; margin: 0 0 5px 0; }

/* Table styles */
table.t1 { margin: 2px 0; border-collapse: collapse; }
.t1 td, .t1 th { text-align: center; padding: 3px; border: 1px solid #67c276; }
.t1 th { font-weight: bold; vertical-align: bottom; background-color: #e9f7eb; }
.t1 td { vertical-align: middle; }

/* Recycle codebit */
.recycle { float: left; margin: 0 0 10px 0; padding: 0; }
.recycle img { border: 0; }
.rpic { float: left; width: 27px; display: block; margin: 0; padding: 0; }
.rtxt { float: right; width: 348px; }

/* GREEN BUTTON COLOR */
.formbutton {  float: left; margin: 2px 10px; font-weight: bold; text-decoration: none; display: block; padding: 3px 10px; background-color: #fff7ea; border: 1px solid #ffc375; }
.formbutton:hover { background: #ff9b19; color: #fff; }
.formbutton a:hover, .formbutton:hover a { color: #fff; }

.buttons { float: right; margin: 2px 10px; max-width: 200px; background-color: #e9f7eb; border: 1px solid #67c276; }
.buttons a { font-size: 0.9em; font-weight: bold; text-decoration: none; display: block; padding: 3px 10px; }
.buttons:hover { background-color: #008716; }
.buttons a:hover, .buttons:hover a { color: #fff; }

.price2 { color: #111; font-weight: bold; }

#privacy { padding: 10px; }
#privacy a { color: #111; font-weight: bold; }
#privacy a:hover { color: #008716; }

/* Site Map Layouts */
.mapcontainer { margin-top: 15px; padding-top: 5px; float: left; width: auto; }
.mapcontainer a { padding-left: 10px;	background: url('../images/style/breadcrumb-sep.gif') no-repeat left; }
.map1 { clear: both; float: left; margin: 10px 0; width: auto; }
.map2 { float: left; margin-left: 50px; width: auto; }
.map2 a { margin: 10px 0; }
.map3 { float: left; margin-left: 50px; width: auto; }
.map4 { float: left; margin-left: 50px; width: auto; }

/* Lytebox CSS */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain img { border: 1px solid #000000; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; border: 3px solid #888888; }

#lbDetailsContainer {	font-size: 10px; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; padding-bottom: 0.6em; border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/lytebox/loading.gif) center no-repeat; }

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../images/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev:hover, #lbPrev:visited:hover { background: url(../images/lytebox/prev.gif) 15% 25% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../images/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext:hover, #lbNext:visited:hover { background: url(../images/lytebox/next.gif) 85% 25% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; color: #0a870a; }
#lbSpacer { color: #0a870a; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; color: #70c070; }

#lbDetailsData { padding: 0px 10px; color: #0a870a; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; font-size: 11px; color: #000000 }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 68px; height: 20px; float: right; margin-bottom: 1px; background: url(../images/lytebox/close.jpg) no-repeat; }

#lbPlay { width: 70px; height: 28px; float: right; margin-bottom: 1px; background: url(../images/lytebox/play.png) no-repeat; }
	
#lbPause { width: 70px; height: 28px; float: right; margin-bottom: 1px;  background: url(../images/lytebox/pause.png) no-repeat;}

/* jsMessage */
.dhtmlx_message_area{
	position:fixed;
	right:5px;
	width:250px;
	z-index:1000;
}

.dhtmlx-info{
	min-width: 120px;
	padding:4px 4px 4px 20px;
	font-family:Tahoma;
	z-index: 10000;

	margin:5px;
	margin-bottom:10px;

	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.dhtmlx-info.hidden{
	height:0px;
	padding:0px;
	border-width:0px;
	margin:0px;
	overflow:hidden;
}

.dhtmlx_modal_box{
	overflow: hidden;
	display: inline-block;
	min-width: 300px;
	width: 300px;
	text-align: center;
	position:fixed;
	background-color: #fff;
	font-family: Tahoma;
	z-index:20000;
	border: 1px solid #ffffff;
}

.dhtmlx_popup_title{
	background: #0a870a;
}

.dhtmlx-info, .dhtmlx_popup_button, .dhtmlx_button{
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select:-moz-none;

	cursor:pointer;
}

.dhtmlx_popup_text{
	overflow:hidden;
}

.dhtmlx_popup_controls{
	padding: 5px;
}

.dhtmlx_popup_button, .dhtmlx_button{
	height: 30px;
	line-height: 30px;

	display: inline-block;
	margin: 0 5px 5px 5px;

	color: #fff;
}
.dhtmlx_popup_button{
	min-width: 120px;
}

div.dhx_modal_cover {
	background-color:#111;
	cursor:default;

	filter:alpha(opacity = 60);
	opacity: 0.6;

	position: fixed;
	z-index:19999;
	left: 0px;		top: 0px;
	width: 100%;	height: 100%;

	border: none;
	zoom: 1;
}

.dhtmlx-info img, .dhtmlx_modal_box img{
	float:left;
	margin-right:20px;
}

.dhtmlx-alert-error .dhtmlx_popup_title, .dhtmlx-confirm-error .dhtmlx_popup_title{
	background: #0a870a;
}
.dhtmlx-alert-error, .dhtmlx-confirm-error {
	border: 1px solid #0a870a;
}

/*Skin section*/
.dhtmlx_button, .dhtmlx_popup_button{
	border:1px solid #e0e9e0;
}
.dhtmlx_button input, .dhtmlx_popup_button div{
	border:1px solid #0a870a;
	background: #e0e9e0;

	font-size:15px;
	font-weight: bold; 
	-moz-box-sizing:content-box;
	box-sizing:content-box;

	color:#111; padding:0 10px; margin:0px;
	vertical-align: top;

	height:28px;
	line-height:28px;
}

.dhtmlx_button input:focus, .dhtmlx_button input:active, .dhtmlx_popup_button div:active, .dhtmlx_popup_button div:focus, .dhtmlx_button input:hover, .dhtmlx_popup_button div:hover{

	background: #0a870a;	
	color: #fff;
}
.dhtmlx_popup_title{
	color:#fff;
	height:40px; line-height:40px;
	font-size: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px solid #fff;
}
.dhtmlx_popup_text{
	margin:15px 15px 15px 15px;
	font-size:14px;
	color:#111;
	min-height:30px;
}


.dhtmlx-info, .dhtmlx-error{
	font-size:14px;
	color:#111;
	
	padding:0px;
	
  	background-color:#fff;
	border:1px solid #ffffff;
}
.dhtmlx-info div{
	padding:5px 10px 5px 10px;
	background-color: #fff;

	border:1px solid #B8B8B8;
}
.dhtmlx-error{
	background-color: #0a870a;
	border:1px solid #0a870a;
}
.dhtmlx-error div{
	background-color: #0a870a;	
	border:1px solid #0a870a;
	color:#fff;
}