/******************************************************************
Available OS Codes [os]:

    * win - Microsoft Windows
    * linux - Linux (x11 and linux)
    * mac - Mac OS

Available Browser Codes [browser]:

    * ie - Internet Explorer (All versions)
    * ie6 - Internet Explorer 6.x
    * ie5 - Internet Explorer 5.x
    * gecko - Mozilla, Firefox, Camino
    * opera - Opera (All versions)
    * opera8 - Opera 8.x
    * opera9 - Opera 9.x
    * konqueror - Konqueror
    * webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira
*******************************************************************/
/* THIS SETS DEFAULTS FOR ALL OBJECTS AND STYLES  */
* { margin: 0; padding: 0; font-family: "Futura Bk",Arial,Helvetica,sans-serif; line-height:22px; }


.customtooltip
{
	margin-left:-400px;	
}
html
{
	height:100%;
	overflow:scroll;
}
body
{
	
	height:100%; 
	text-align: center;
	margin-bottom:0; margin-top:0; 
	/*background-color:#3f0000;*/
	background-color:#282828;
	position:relative;
    top:0px;
    bottom:0px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
    width:975px; 
    text-align:left; 
    behavior:url(onHover.htc);
}

.ContentPanel
{
	background-color:White;
	margin:0 0 0 21px;
	padding:0 0 0 30px;
	width:903px;
}
.ContentPanelBottomImage
{
	margin-left:21px;
	margin-bottom:30px;
}

.centeredDiv
{
	background-image:url(../Images/backgroundContent.gif);
	background-repeat:repeat-y;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
.contentArea
{
	margin:0px;
	padding:0px;
	height:100%;
}	              
.mainTable
{
	background-image:url(../Images/backgroundContent.gif);
	background-repeat:repeat-y;
	height:100%;
	/*width:894px;*/
	width:975px;
	margin-left: auto;
	margin-right: auto;
}    

.error
{
	color:Red;
	font-size:medium;
}

.noBorder{
    border-bottom-style:none; 
    border-top-style:none;
    border-left-style:none;
    border-right-style:none;	
}
.header
{
	height:74px;
	border-bottom: solid 1px #1c1c1c;
}

.fade
{
	position:relative;
	/*top:331px;*/
	width:975px;
	height:40px;
	behavior: url(iepngfix.htc);
}

.title
{
	padding-left:20px;		padding-top:8px;
	margin-top:20px;		margin-left:15px;	margin-bottom:20px;
	font-family: Georgia;	font-weight:bold;	font-size:14pt;	
	color:#323232;
	background-image:url(../Images/titleBack.png);
	background-repeat:no-repeat;	
	white-space:nowrap;
	font-variant:small-caps;
	width:800px;
	height:40px;
	behavior: url(iepngfix.htc);
}        
.Content
{
	/*width:700px;*/
	width:975px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	height:100%;
	background-color:White;

}
.headerImage {
    /*width:699px;*/
    width:974px;
    height:313px;
    background-color:#e3e3e3;
    border-bottom:solid 1px #94f043;
    z-index:2;
}

.construction
{
	width:245px;
	height:146px;
	behavior: url(iepngfix.htc);
}

.WhiteContentPanel
{
	background-color:White;
	margin:0 0 30px 21px;
	padding:0 0 0 30px;
	width:903px;
}


.shortInformationBoxContentPanel
{
	background-color:#ededed;
	border:solid 1px #777777;
	color:#666666;
	font-family:"Futura Hv";
	font-size:12pt; 
	padding:20px;
	margin:30px 0 30px 60px;
	text-align:center;
	width:300px;
}
.informationBoxContentPanel
{
	background-color:#ededed;
	border:solid 1px #777777;
	color:#666666;
	font-family:"Futura Hv";
	font-size:11pt; 
	padding:10px;
	margin:20px auto 20px auto;
	text-align:left;
	width:60%;
}
.informationBoxContentPanel p
{
	position:relative;
	top:0px;
	left:10px;
}
.smallInfoIcon
{
	float:left;
	padding:7px;
}



















/*********************** CONTENT PANEL ***********************/
.contentPanel
{
	color:#666;
	background-color:White;
	margin:0 0 0 21px;
	padding:30px 60px 60px 60px;
	width:813px;
}

.contentPanel h1 
{
	background-color:White;
	border-style:none;
	color:#444;
	font-size:14pt;
	margin: 10px 0 8px 0;
	padding:8px 0 8px 0;
	text-indent:0;
	text-transform:capitalize;
	width:auto;
}

.contentPanel p
{
	margin: 0 20px 8px 20px;
}











/*********************** MENU AREA'S ***********************/
.menuHome			{width:130px;height:100%;display:inline;padding:0;}
.menuSales			{width:115px;height:100%;display:inline;padding:0;margin-left:-5px;}
.menuNews			{width:152px;height:100%;display:inline;padding:0;margin-left:-5px;}
.menuProducts		{width:137px;height:100%;display:inline;padding:0;margin-left:-5px;}
.menuInfoContact	{width:210px;height:100%;display:inline;padding:0;margin-left:-5px;}
.menuLinks			{width:221px;height:100%;display:inline;padding:0;margin-left:-5px;}

.submenuHome			{width:132px;height:100%;display:block;padding:0;}
.submenuSales			{width:117px;height:100%;display:block;padding:0;position:relative;left:3px;}
.submenuNews			{width:154px;height:100%;display:block;padding:0;position:relative;left:3px;}
.submenuProducts		{width:139px;height:100%;display:block;padding:0;position:relative;left:3px;}
.submenuInfoContact		{width:212px;height:100%;display:block;padding:0;position:relative;left:3px;}
.submenuLinks			{width:180px;height:100%;display:block;padding:0;position:relative;left:3px;}

.ie .submenuSales			{left:0px;width:117px;}
.ie .submenuNews			{left:0px;width:154px;}
.ie .submenuProducts		{left:0px;width:139px;}
.ie .submenuInfoContact		{left:0px;width:212px;}
.ie .submenuLinks			{left:0px;width:221px;}

/*********************** MENU STYLES ***********************/
.menu {
	background-image:url(../Images/menuMedia/menuBackground.gif);
	background-repeat:repeat-x;
    color:White ;
    text-align:left;
    font-family:Verdana;
    font-size:11pt;
    font-weight:bold;
    border-bottom: solid 1px #454545;
    vertical-align:bottom;
    width:975px;
    height:40px;
    z-index:10000;
}

.menuSeparator
{
	background-image:url(../Images/menuMedia/menuItemSeparator.gif);
	background-repeat:no-repeat;
	width:2px;
	height:39px;
	display:inline;
}

/*********************** SUBMENU STYLES ***********************/
.menuSubmenu
{	
	background-image:url(../Images/menuMedia/menuSubmenuPanel.png);
	background-repeat:no-repeat;
    width:975px;
    height:135px; 
    position:absolute;
    top:113px;
    left:0px;
	behavior: url(iepngfix.htc);
    z-index:9000;
    display:none;
    visibility:hidden;
}

li.menuSubmenuItem:hover 
{
	list-style-image:url(../Images/menuMedia/menuItemIconOver.png);
	behavior: url(iepngfix.htc);
	color:#71f024;
	font-weight:bold;
	white-space:nowrap;
}
li.menuSubmenuItemSelected
{
	list-style-image:url(../Images/menuMedia/menuItemIconOver.png);
	list-style-position:inside;
	behavior: url(iepngfix.htc);
	line-height:12pt;
	font-size:11pt;
	color:#71f024;
	font-weight:bold;
	white-space:nowrap;
}
li.menuSubmenuItem
{
	list-style-image:url(../Images/menuMedia/menuItemIcon.png);
	list-style-position:inside;
	behavior: url(iepngfix.htc);
	line-height:12pt;
	font-size:11pt;
	color:White;
	cursor:pointer;
	cursor:hand;
	white-space:nowrap;
}

.ie .submenuHomeItem
{
	position:relative;
	top:20px;
	left:15px;
}
.gecko .submenuHomeItem
{
	position:relative;
	top:20px;
	left:30px;
}

li a.menuSubmenuItem, li a.menuSubmenuItem:visited
{color:inherit;text-decoration:none;line-height:11pt;white-space:nowrap;}

li a.menuSubmenuItem:hover, li a.menuSubmenuItem:active
{color:inherit;text-decoration:none;font-weight:inherit;white-space:nowrap;}

.ie li a.menuSubmenuItem, .ie li a.menuSubmenuItem:visited
{color:White;}

.ie li a.menuSubmenuItem:hover, .ie li a.menuSubmenuItem:active 
{color:#71f024;white-space:nowrap;}

li a.menuSubmenuItemSelected, li a.menuSubmenuItemSelected:visited, li a.menuSubmenuItemSelected:hover, li a.menuSubmenuItemSelected:active
{color:inherit;text-decoration:none;line-height:11pt;white-space:nowrap;}

.ie li a.menuSubmenuItemSelected, .ie li a.menuSubmenuItemSelected:visited, .ie li a.menuSubmenuItemSelected:hover, .ie li a.menuSubmenuItemSelected:active
{color:#71f024; white-space:nowrap;}













ul.footerMenu
{
	float:left;
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 10px;
}

li.footerMenuTitle
{
	color:#bababa;
	font-size:12pt;
	list-style-type:none;
	list-style-position:inside;
	line-height:12pt;
	padding: 0 0 5px 0;
	text-align:left;
	white-space:nowrap;
}


li.footerMenuItem
{
	color:#999999;
	cursor:pointer;
	cursor:hand;
	font-size:10pt;
	list-style-type:none;
	list-style-position:inside;
	line-height:11pt;
	text-align:left;
	white-space:nowrap;
}

li.footerMenuItem:hover 
{
	color:#71f024;
}

li a.footerMenuItem, li a.footerMenuItem:visited
{color:inherit;text-decoration:none;line-height:11pt;white-space:nowrap;}

li a.footerMenuItem:hover, li a.footerMenuItem:active
{color:inherit;text-decoration:none;font-weight:inherit;white-space:nowrap;}

.ie li a.footerMenuItem, .ie li a.footerMenuItem:visited
{color:#999999;}

.ie li a.footerMenuItem:hover, .ie li a.footerMenuItem:active 
{color:#71f024;white-space:nowrap;}


.footerArea a, .footerArea a:visited, .footerArea a:hover, .footerArea a:active, .footerArea a img, .footerArea a img:visited, .footerArea a img:hover, .footerArea a img:active
{
	border:none;
}

















/*********************** LANGUAGE STYLES ***********************/

.languageDiv
{
	position:absolute;
	top:28px;
	left:725px;
}
.LoginLogoutAnchor
{
	background:transparent none repeat scroll 0 0;
	border:0 none;
	color:#121212;/*#ABABAB;*/
	cursor:pointer;
	cursor:hand;
	font-size:11px;
	font-weight:normal;
	position:relative;
	top:-7px;
	left:-10px;
}
.languageFrench
{
	background-image:url(images/languageMedia/languageFrench.gif);
	background-repeat:no-repeat;
	width:80px;
	height:23px;
}
.languageFrench:hover{	background-image:url(images/languageMedia/languageFrenchOver.gif);  }

.languageEnglish
{
	background-image:url(images/languageMedia/languageEnglish.gif);
	background-repeat:no-repeat;
	width:80px;
	height:23px;
}
.languageEnglish:hover{	background-image:url(images/languageMedia/languageEnglishOver.gif);  }

.DisplayNone{visibility:hidden;display:none;}
.Display{visibility:visible;display:block;}
.showHideContentHidden{	visibility:hidden; }
.showHideContentVisible{ visibility:visible; }

























/*********************** BREADCRUMBS STYLES ***********************/

.breadcrumbs
{
	background-image:url(../Images/breadcrumbMedia/breadcrumbBackground.png);
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc);
	font-variant:small-caps;
	height:48px;
	margin:30px 21px 0 21px;
	padding:0px 0 0 10px;
	width:933px;
	white-space:nowrap;
}

.breadcrumbs img
{
	border-style:none;
	padding:10px 0 0 0;
}
.breadcrumbsBertrandLogo
{
	border-style:none;
	cursor:pointer;
	cursor:hand;
	height:30px;
	position:relative;
	top:-2px;	
	text-decoration:none;
	width:30px;
}
.breadcrumbArrow
{
	position:relative;
	top:-2px;
}

.breadcrumbs div
{
	display:inline;	
}

.breadcrumbs div p
{
	display:inline;
	color:#6d6d6d;
	font-family:Arial;
	font-size:9pt;
	position:relative;
	text-decoration:none;
	top:-13px;	
}

.breadcrumbs div a
{
	color:#6d6d6d;
	font-family:Arial;
	font-size:9pt;
	position:relative;
	text-decoration:none;
	top:-13px;	
}
.breadcrumbs div a:hover
{
	color:#94d12b;
	text-decoration:underline;
}

















/*********************** DESCRIPTION PANELS ***********************/
h1, h2, h3, h4, h5, h6 {
	color:#33312A;
	font-family:Helvetic,Arial,sans-serif;
	font-weight:bold;
}

.Descriptions
{
	color:#646060;
}

.Descriptions h1
{
	font-family:Helvetica,Arial,sans-serif;
	font-size:30px;
	line-height:30px;
	margin:30px 0;
	padding:30px;
	text-align:center;
}

.Descriptions h2
{
	
	font-size:14pt;
	margin-bottom:20px;
	padding-left:35px;
}

.Descriptions ul
{
	padding-bottom:60px;
	list-style:none;
}

.Descriptions ul li
{
	background-image:url(../images/green_li.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-left:80px;
	padding-left:30px;
} 

.Descriptions p
{
	
	
}





























/*********************** TITLE PANELS ***********************/
.TitlePanel
{
	height:61px;
	padding:20px 0 0 0;
}
.TitlePanel img
{
	border-style:none;
	display:inline;
	position:relative;
	z-index:2;
}
.TitlePanel h1
{
	background-color:White;
	border-top:solid 1px #aba792;
	border-bottom:solid 1px #8b8981;
	color:#3d3d3d;
	display:inline;
	font-family:"Futura Bk";
	font-size:22px;
	margin:0 0 0 -4px;
	padding:0 0 0 0;
	padding:0 0 0 15px;
	position:relative;
	text-transform:uppercase;
	top:-21px;
	width:328px;
}
.ie .TitlePanel h1
{
	position:relative;
	left:-4px;
	padding-left:20px;
}


















/*********************** ADMIN USER CONTROL STYLES ***********************/
legend
{
	color:#707070;
	font-family:Verdana, Serif;
	font-size:15px;
	padding:0 10px 0 10px;
	
}
.AdminHoverPanel
{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:50px;
	z-index:100;
}
.AdminLoginPanel
{
	display:none;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:700px;
}

.adminPlaceholder
{		
	margin-top:10px;
	margin-left:5%;					width:60%;
	background-color:White;
	border:solid 1px #9b9b9b;
}



	/* Header */
.field
{
	padding:5px;
	border-bottom-style:solid;	border-bottom-width:1px;	border-bottom-color:#bcbcbc;
	border-top-style:solid;		border-top-width:1px;		border-top-color:#bcbcbc;
	border-left-style:solid;	border-left-width:1px;		border-left-color:#bcbcbc;
	border-right-style:solid;	border-right-width:1px;		border-right-color:#bcbcbc;
	background-color:#dcdcdc;	
	color:#7f3923;
	font-size:10pt;				font-family:Verdana;				
	font-weight:bold;
}

.label
{
	width:140px;
	padding-left:3px;
}

.input
{
	border-left:solid 1px #656565;
	border-bottom:solid 1px #656565;
	padding:5px;
	background-color:#989898;
}

.textbox
{
	
	/*border:solid 2px #ca7530;*/
	width:250px;
	padding:5px;
	color:Gray;
}

.loginBtn
{
	padding:3px;	
}
.btn
{
	padding: 5px;
}

.error
{
	font-size:8pt;				
	font-family:Verdana;		
	font-weight:normal;
	color:Red;
}

.actionNewsItem
{
	height:59px;
	
	background-image:url(../images/adminMedia/news.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	text-indent: 110px;
	font-family:Arial Black;
	font-size:18px;
	color:#4576ad;
	cursor:pointer;
	cursor:hand;
	font-variant:small-caps;
	padding:5px 0 5px 0;
}
.actionNewsItem:hover
{	
	padding: 0 0 0 0;
	background-position:0 0px;
	border-top:solid 5px #232323;
	border-bottom:solid 5px #656565;
	text-decoration:underline;
	color:#3bda1b;
	background-color:#444444;
	font-weight:bold;
}

.actionStoreHoursItem
{
	height:59px;
	background-image:url(../images/adminMedia/closed.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin-top:40px;
	text-indent: 110px;
	font-family:Arial Black;
	font-size:18px;
	color:#4576ad;
	font-variant:small-caps;
	padding:5px 0 5px 0;
	float:left;
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}



















/* ADMIN AREA */

.AdminProductTextbox
{
	color:Gray;
	border:solid 1px #656565;
	font-family:Verdana;
	font-size:10pt;
	padding:0px 10px 5px 10px;
	vertical-align:middle;
	background-color:#eeeeee;
	width:595px;
}


.AdminProductTextboxError
{
	color:Gray;
	border:solid 1px #656565;
	font-family:Verdana;
	font-size:10pt;
	padding:0px 10px 5px 10px;
	vertical-align:middle;
	background-color:#eeeeee;
	width:595px;
}

.AdminWatermark
{
	color:#999999;
	border:solid 1px #656565;
	font-family:Verdana;
	font-size:9pt;
	font-style:italic;
	padding:0px 10px 5px 10px;
	vertical-align:middle;
	background-color:#eeeeee;
	width:595px;
}

.AdminButtonsPanel
{
	padding:10px;
}

.AdminButtonClass
{
	cursor:pointer;
	cursor:hand;
	display:inline;
	font-size:10pt;
	margin:10px;
	padding:3px 10px;
}

.productItemsAdminArea
{
	border:solid 1px #bababa;
	height:400px;
	margin-left:34px;
	margin-right:0;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto;
	width:290px;
}

.AdminProductComboBox
{
	background-color:#fafafa;
	color:#717171;
	font-family:"Futura Bk",Arial,Helvetica,sans-serif;
	font-size:11pt;
	line-height:22px;
	height:25px;
	font-variant:normal;
	padding:0px;
	vertical-align:top;
	width:300px;
}

.AdminProductComboBoxItem
{
	background-color:#777777;
	border-left:solid 15px #555555;
	padding-left:5px;
	color:#00FF00;
}
.AdminProductComboBoxItem:hover
{
	background-color:#999999;
	border-left:solid 15px #777777;
	padding-left:5px;
	color:#FFFF00;
}

/* END ADMIN AREA */
















/*********************** WORD DOCUMENT DOWNLOAD PANEL ***********************/
.WordDocumentDownloadPanel
{
	background-image:url(../images/downloadWordDocumentPanel.gif);
	background-repeat:no-repeat;
	height:150px;
	margin: 40px 0 0 55px;
	width:440px;
}
.WordDocumentDownloadPanel p
{
	color:#777777;
	font-family:Verdana;
	font-size:13px;
	line-height:18px;
	margin:10px 0 0 0;
	padding:30px 26px 0 106px;
	position:relative;
	text-align:justify;
	top:15px;
}
.WordDocumentDownloadPanel .header
{
	border-style:none;
	color:#646060;
	font-size:18px;
	font-weight:bold;
	height:auto;
	line-height:18px;
	margin-bottom:-23px;
	padding:0;
	position:relative;
	text-align:center;
	top:7px;
	width:100%;
}

.downloadLanguagePlaceholder
{
	color:#1352A0;
	margin-bottom:20px;
	position:relative;
	left:300px;
	top:20px;
	width:150px;
}

.WordDocumentDownloadPanel a		{color:#3574c2;font-family:Verdana;font-size:12px;padding:0 3px 2px 3px;text-decoration:none;}
.WordDocumentDownloadPanel a:hover	{color:#1352a0;text-decoration:underline;}

















/*********************** FOOTER STYLES ***********************/
.footerArea 
{
	padding:0;
	margin:0;
	width:974px;
	position:relative;
	top:0;
	left:0;
}
.footerDirections 
{
	behavior: url(iepngfix.htc);
	background-image:url(../Images/footerDirections.png);
	cursor:pointer;
	height:46px;
	width:46px;
	margin-left:4px;
	position:relative;
	top:100px;
	z-index:100;
}
.footerDirections:hover
{
	behavior: url(iepngfix.htc);
	background-image:url(../Images/footerDirectionsOver.png);
	cursor:pointer;
	height:46px;
	width:46px;
	margin-left:4px;
	position:relative;
	top:100px;
	z-index:100;
}









