@import url(core.css);
body {
	background-color: #646464;
	color: #323232;
}
.main {
	background-image: url(../images/english/Test%20-%20BG.gif);
	height: 595px; width: 556px;
	float: left;
}
.testpic {
	background-image: url(../images/english/test%20-%20PHOTO-trans.png);
	width: 138px;
	height: 82px;
	float: left;
	margin: 20px;
}

.cleardiv {
	clear:both;
}

.bullet-margin {
	margin-bottom: 7px;
}

.chart {
	border-right: 1px dotted #dc0000;
	font-size: 10px;
	padding-right: 7px;
	padding-left: 7px;
}

.chart-last {
	font-size: 10px;
	padding-right: 7px;
	padding-left: 7px;
}

.tabletext {
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: 1px solid #A6A6A6;
}

.tabletext-last {
	padding-bottom: 7px;
	padding-top: 7px;
}

.subtitle { font:bold 15px Arial, Helvetica, sans-serif; color:#040607; line-height:16px; }

#alert {
	width: 250px;
	text-align: center;
	float:left; 
}

.redline {
	border-bottom: 1px solid #dc0000;
	padding-bottom: 10px;
	padding-top: 10px;
}

.redline2 {
	border-bottom: 1px solid #dc0000;
	border-right: 1px dotted #dc0000;
	border-left: 1px dotted #dc0000;
	padding-bottom: 10px;
	padding-top: 10px;
}

.redline-bottom {
	padding-bottom: 10px;
	padding-top: 10px;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: 9px;
	color: #666666;
}

a {
	color: #dc0000;
	text-decoration:underline;
}

a:hover {
	color: #dc0000;
	text-decoration: none;
}

#logocontainer { position:relative; z-index:40; }

#logo {
	position:absolute;
	top:0;
	right:-15px;
}

.content {
	padding: 6px 30px 30px 30px;
	line-height: 18px;
/*	text-align:justify;*/
}

#pagetitle {
padding-left:30px;
padding-top:110px;
	background:url(/images/english/bg/bg-center.gif) transparent repeat-x bottom left;
}
h1 {
	font-family: "Arrow Narrow", Arial, Helvetica, sans-serif;
	font-size: 21px;
	padding: 0 0 0px 0px;
	padding-top: 3px;
	color: white;
	height: 32px;
	position: relative;
	left: 0;
}
h2 {
	font-size: 22px;
	font-family: "Arrow Narrow", Arial, Helvetica, sans-serif;
	color: #DC0000;
/*	margin-bottom: 10px;*/
}

h3 {
	font-size: 16px;
	font-family: "Arrow Narrow", Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 5px;
	margin-top: 5px;
}
.morelink {
	background-image: url(../images/english/buttons/more.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	height: 8px;
	width: 0;
	padding-left: 42px;
	display: block;
	margin-top: 5px;
}

.pluslink {
	background-image: url(/images/plus.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	height: 8px;
	width: 0;
	padding-left: 42px;
	display: block;
	margin-top: 5px;
}

.page-tease {
	width: 45%;
	margin: 8px;
	display: inline;
	float: left;
	line-height: 16px;
	text-align: left;
}
.teaser-row { clear: both; }
.services .page-tease {	width: 30%; }
.imageframe {
	background-image: url(/images/english/productbg-trans.png);
	width: 119px;
	height: 63px;
	padding: 4px 13px 13px 4px;
	overflow: hidden;
}
.imageframe a { position:relative; }
.inactive { display: none; }
li.active .inactive { display: block; }
.content ol {
	color: #DC0000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 18px;
}
.content ol li {
	margin-bottom: 16px;
}
.content ul {
	list-style-type: none;
	margin: 0;
}
.content ul li {
	padding-left: 10px;
	list-style-type: none;
	background: transparent url(../images/english/red-bullet.gif) no-repeat 1px 6px;
}

.content ol p {
	color: #323232;
}
.content ol span {
	font-size: 11px;
	font-weight: normal;
}
.articleimage {
	float: right; 
	margin: 15px 30px 30px 30px;
}
#layout { min-width: 980px; }
#layout .layout-inner {
	width: 100%;
	table-layout: fixed;
}
#layout .left, #layout .right { width: auto; }
#layout .left, #layout .right, #layout .center { vertical-align: top; }
#layout .left {	text-align: right; }
#layout .left div { text-align: left; }
#layout .right { text-align: left; }
#layout .center {
	width: 556px;
}
#header, #header td {
	height: 110px;
}
#header .left {
	background: white url(../images/english/bg/repeat-left.gif) repeat-x top;
}
#header .center {
	background-color: white;
}
#header .center .center-inner, #header .right .right-inner  {
	position: relative;
}
#header .right-inner {
	width: 194px;
}
#header .right {
	background: white url(../images/english/bg/repeat-right.gif) repeat-x top;
}

#main .left {
	background: #DCDCDC url(../images/english/bg/bg-left.jpg) no-repeat 100% 56px;
}
#main .left .left-inner {
	background: transparent url(../images/english/bg/thewhiteslice.gif) repeat-x 0 -10px;
	position: relative;
}
#main .right {
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 -1px;
}
#main .center .content {
	background: #DCDCDC url(../images/english/bg/bg-ontario.gif) no-repeat top;
	min-height: 595px;
}
#main .center { background-color: #DCDCDC; }
#utilities {
	position: absolute;
	left:263px; top:32px; width:568px;
}
#utilities li {
	float: left;
}
#utilities a {
	background:url(/images/english/util/util.gif) top left no-repeat;
	padding-top: 21px;
	height: 0; overflow: hidden;
}

#utilities a:hover {
	background-image:url(/images/english/util/rollover/util.gif);
}

.util-home {
	background-image: url(/images/util/util-home.gif);
	width: 56px;
}

#utilities a.util-customer {
	width: 127px;
	background-image:url(/images/english/util/util-customer.gif);
}

#utilities a:hover.util-customer {
	width: 127px;
	background-image:url(/images/english/util/rollover/util-customer.gif);
}

#utilities a.util-careers {
	width: 70px;
	background-position:-56px 0;	
}
#utilities a.util-contact {
	width: 84px;
	background-position:-126px 0;
}
#utilities a.util-enFrancais {
	width: 90px;
	background-position:-210px 0;	
}
#utilities a.util-orderonline {
	width: 118px;
	background-position:-300px 0;	
}

#main .left q {
	display: none;
/*	background: url(../images/whatmatters2.gif) top left;*/
	width: 209px;
	padding-top: 55px;
	height: 0;
	overflow: hidden;
	margin-left: auto;
	position: relative;
	left: 14px; top: -10px;
	margin-bottom: -10px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#searchbox {
	background-image: url(../images/english/searchbox.gif); width: 154px; height: 21px;
	overflow: hidden;
	padding-left: 10px;
	position: absolute;
	left: 0;
	top: 22px;
}
#searchtext {
	border: 0;
	background-color: transparent;
	width: auto;
	padding-top: 4px;
	height: 15px;
	color: #737373;
}
#searchbutton {
	background-image: url(../images/english/buttons/go.gif);
	width: 36px; height: 24px;
	position: absolute;
	left: 164px;
	top: 22px;
	
}
#searchbutton:hover {
	background-image: url(../images/english/buttons/rollover/go.gif);
}
.region {
	font-family: "Arrow Narrow", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #DCDCDC;
	float:right;
	width:170px;
	position: absolute;
	top: 68px;
}
.region-title {
	font-family: "Arrow Narrow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #DCDCDC;
	float:right;
	width:80px;
	position: absolute;
	right: -10px;
	top: 72px;
}
#mainnav {
	position: absolute;
	right: -15px; top: 0;
	width: 194px;
}
#mainnav li {
	background-repeat: no-repeat;
	vertical-align: bottom; zoom: 1;   /* I have no freakin' idea why this fixes the IE6 bug. */
}
#mainnav li a {
	height: 0; overflow: hidden;
}
#mainnav ul {
	margin: 0;
}
#mainnav ul a {
	height: auto; 
	background: transparent url(../images/english/nav/nav-normal.gif) repeat-y center left;
	color: white;
	text-decoration: none;
	padding: 5px 10px 5px 15px;
	line-height: 14px;
}
#mainnav ul li {
	background: transparent url(../images/english/nav/nav-normal.gif) repeat-y center left;
}
#mainnav ul li a:hover, #mainnav ul a.active {
	background-image: url(../images/english/nav/nav-active.gif);
}
#mainnav li.first a {
	background-position: top left;
}
#mainnav li.last a {
	background-position: bottom left;
}

#nav-aboutgordon {
	background-image: url(../images/english/nav/nav.gif); padding-top: 27px;
}
a#nav-aboutgordon:hover, #nav-aboutgordon.active {
	background-image: url(../images/english/nav/nav-over.gif);
}
#nav-products {
	background-image: url(../images/english/nav/nav.gif); padding-top: 27px; background-position:0 -27px;
}
a#nav-products:hover, #nav-products.active {
	background-image: url(../images/english/nav/nav-over.gif);
}
#nav-services {
	background-image: url(../images/english/nav/nav.gif); padding-top: 27px; background-position:0 -54px;
}
a#nav-services:hover, #nav-services.active {
	background-image: url(../images/english/nav/nav-over.gif);
}
#nav-career {
	background-image: url(../images/english/nav/nav.gif); padding-top: 27px; background-position:0 -81px;
}
a#nav-career:hover, #nav-career.active {
	background-image: url(../images/english/nav/nav-over.gif);
}
#footer {
	background: transparent url(../images/english/bg/bottom.gif) repeat-x top;
	min-height: 30px;
	font-size: 10px;
	color:#ffbe00;
	line-height:18px; 	
	color: #ffbe00; 
}
#footer .footer-inner {
	margin: 0 auto;
	width: 945px;
	padding: 10px 0 10px 35px;
}
#footer a { font-weight:normal; color: #e1e1e1; text-decoration: none; }
#footer a:hover { color:#ffbe00; text-decoration: underline; }

#region-sites, #graphicallyspeaking { float: right; }

.inpage-photo { background:url(/images/english/photo-frame-trans.png); width:202px; height:262px; padding:4px 15px 14px 4px; display:inline; float:right; margin:0 0 10px 21px; }

.gfsFooter { font-weight:normal; color: #e1e1e1; padding-right:15px; }

#cities { white-space:pre; }
#cities a{ font-weight:bold; }
a#gssi { color:#9e9e9e; line-height:30px; }
a#gssi:hover { color:#9e9e9e; text-decoration:underline; }
.gfs_exp { width:118px; height:0; padding-top:55px; overflow:hidden; display:block; background-image:url(/images/english/home/gfsExperience-new.gif); top:8px; right:-10px; position:absolute; }

/* Homepage */
#homepage #header .center {
		background: white url(../images/english/bg/repeat-left.gif) repeat-x top; 
}
#homepage #header .right {
	background: white url(../images/english/home/repeat-right.gif) repeat-x top;
}

#homeFlash {
	background-color:#fff;
	margin:0px auto; width:915px;
}
#flash-container { background-color:#fff; height:240px; padding-top:55px; }

#homeNav-red { background:url(/images/english/home/red/redStripes.gif) bottom center no-repeat #FFFFFF; padding:20px 0 3px 0; height:318px;}
#homeNav-inner { width:960px; margin:0 auto; padding-left:10px; }

.homeNavButtons { text-align:center; float:left; }

a.home_contest { width:350px; height:0; padding-top:89px; overflow:hidden; display:block; background-image:url(/images/english/home/gfsFoodShowdown.gif); top:11px; left:46px; position:absolute; }

#homepage #utilities a.util-home {
	visibility:hidden;
}
.orderonline td {
	font-weight: bold;
	color: #323232;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #646464;
	padding: 10px 5px 5px 10px;
	}

.onlineorder-old-en {
	background-image:url(/images/order-online/english_oldButton-trans.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:212px;
	height:1px;
	padding-top:109px;
	display:block;
	overflow:hidden;
}

.onlineorder-old-en:hover {
	background-position:-212px 0;
}

.onlineorder-new-en {
	background-image:url(/images/order-online/english_newButton-trans.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:212px;
	height:1px;
	padding-top:109px;
	display:block;
	overflow:hidden;
}

.onlineorder-new-en:hover {
	background-position:-212px 0;
}

.home-region {
	color:#323232;
font-family:"Arrow Narrow",Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
}

.home-right-inner {
/*float:left;*/
margin-left:85px;
margin-top:69px;
/*position:relative;*/
}