/* TABLE OF CONTENTS



01 - Universal Elements

02 - Home Page

03 - Solutions

04 - Services

05 - Products

06 - About Hobsons 

07 - Thrive Page */





/*------------------------------------------------*/

/* 01 - UNIVERSAL ELEMENTS */

html * { padding:0px; margin: 0px; font-size:12px} /*resets margins to 0 to match in all browsers*/

input.searchBox {height: 15px; border:0px;}

/* Containers */

#container { margin:0px auto; padding:0px; width:900px; background:#fff;}

#header { margin:0px; padding:0px; overflow:hidden; width:900px; background:url(/europe/_images/headerBg.gif) top left repeat-x; height:120px}

#logo {width: 250px; height:120px; background-image:url(/europe/_images/headerLogo.gif); background-repeat:no-repeat; position:relative;}

#headerLocation {

	float:right;

	background:url(/europe/_images/headerLines.gif) top left no-repeat;

	width:300px;

	height:120px;

	text-align:right;

	padding:5px 0px 0px 0px;

}

.nav1 {

	padding-bottom:0px;

}

#main_content {

	width:880px;

	margin:0px 0px 10px 0px;

	padding:10px;

}

#content { width:651px;	margin:0px 15px 15px 0px; padding:0px; float:right;}

.relatedItemsContain {width:230px; float: right; clear: right; border:#0292CF 1px solid; padding:5px; margin-top:10px; margin-left:15px; background-color:#fff;}

#collateralSidebar {width:250px; float:right; clear:right; height:1% /* Holly hack for Peekaboo Bug */; margin:0; background-color:#fff; margin-left:15px; }

#internalSidebar {width:210px; float: right; clear: both; padding:5px; margin-left: 10px; margin-top:5px; background-color:#fff;}

p.testimonial {float:right; clear:right; margin: 10px 0px 5px 25px}


.subsectionContain {float:left; width:95%; padding:5px; border-top:#999 1px solid; border-left:#999 1px solid; margin-top:15px;}

/* Hides from IE5-mac \*/

* html .header {

	height:1%;

}

/* End hide from IE5-mac */

#footer {

	width:900px;

	clear:both;

	margin:0px;

	height:25px;
	line-height: 25px;

	text-align:center;

	font-size:0.75em;

	color:#fff;

	background-color:#424242;

}

html {

	min-height:100%;

	margin-bottom:1px;

	overflow:scroll;

}

.clearAll {

	clear:both;

}

.leftNav {

	clear:both;

	display: block;

	width: 191px;

	margin-left: 15px;

	padding-top:20px;

	margin-right: 2px;

	float:left;

	height: 100%;

	margin-bottom:0px;

	overflow:hidden;

}

.bodyContainer {

	background: url(/europe/_images/bodyBG.png);

	background-repeat:repeat-y;

}

/* Text Formatting */

body, h1, h2, h3, h4 {

	font-family:Arial, Helvetica, sans-serif;

} /*font-family for all text goes here*/

body {

	font-size:0.8em;

	line-height:1.35em;

	margin:0px auto;

	padding:0px;

	background:#ccc;

}

p {margin-bottom: 1.4em}

sup {
	
font-size:.5em; margin-top:0px;}

h1 {

	font-size:1.5em;

}

#main_content ul{ margin:5px 0px 10px 30px; text-align:left}
#main_content ol{ margin:5px 0px 10px 20px; text-align:left}
#main_content p{text-align:left;}
#main_content h2.internalPage {text-align:left;}

h2.internalPage {font-size:1.5em; background-color:#666; color:#fff; padding: .2em .2em .2em .4em ; margin:2px 0px 14px 2px;}
h2.internalPageIt {font-size:1.5em; background-color:#666; color:#fff; padding: .2em .2em .2em .4em ; margin:2px 0px 14px 2px; font-style:italic}

h3 {

	font-size:1.125em; margin-bottom:1em; text-align:left;

}

h3.Partners {

	font-size:1.125em; margin-bottom:1em; text-align:left; color:#0292CF;
}


h3.sidebar {color:#666; font-size:1.2em;}

h4 {

	font-size:1.0em;

}

.leftNav h2 {
	display: none;

	font-size:1.40em;

	color:#FFFFFF;

	padding-bottom:16px;

}

#content ul{ margin:5px 0px 10px 20px}

/*Image and Element Formatting*/

.imgLeft {

	float:left;

	margin:0px 15px 10px 0px;

	border:0px

}

.headerLogo {

	float:left;

	border:0px;

	margin-left:10px

}

.imgRight {

	float:right;

	margin:0px 0px 10px 15px;

	border:0px

}

.imgQuote {

	float:right;

	margin:0px 0px 5px 0px;

	border:0px

}

img.internalPage { border:0px; margin-bottom:10px; margin-top: 2px; margin-left: 10px}

img {

	border:0px

}

hr {

	color:#999;

	height:1px;
	margin: 10px 0px 10px 0px;

}

/* Links */

a:link, a:visited, a:hover, a:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size:1em;

	font-weight:normal

}

a:link {

	color:#0292CF;

	text-decoration:none

}

a:visited {

	color: #666;

	text-decoration:none

}

a:active {

	color:#0292CF;

}

a:hover {

	text-decoration:underline;

	color:#0292CF;

}

a.Footer:link, a:visited, a:hover, a:active {

	font-family: Arial, Helvetica, sans-serif;

}

a.Footer:link {

	color:#fff;

	text-decoration:none

}

a.Footer:visited {

	color: #999;

	text-decoration:none

}

a.Footer:active {

	color:#0292CF;

}

a.Footer:hover {

	text-decoration:underline;

	color:#0292CF;

}

/* Navigation Styles */

#nav {

	list-style: none;

	line-height: 1;

	color:#424242;

	width:900px;

	height: 20px;

	margin:0;

	padding:0;

	background-color:#424242;

	position:relative;

	z-index:5;

}

#nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

}

#nav a {

	display: block;

	height:20px;

	text-decoration: none;

	font-size:.875em;

}

#nav li {

	float: left;

}

#nav li li {

	float: left;

	width:160px;

	padding: 2px 0px 4px 3px;

	margin-left:3px;

}

#nav li li.nowrap {

	float: left;

	width:160px;

	padding: 2px 0px 4px 3px;

	margin-left:3px;

	white-space:nowrap;

}

#nav li ul {

	position: absolute;

	background-color:#424242;

	width: 160px;

	left: -999em;

}

#nav li ul a {

	height:auto;

	color:white;

	text-decoration: none;

	font-size:.875em;

	width:150px;

}

#nav li ul a:hover {

	color:#ffd000;

	font-size:.875em;

}

#nav li ul ul {

	margin: -1em 0 0 11.75em;

	width:200px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

}

.leftNav ul {

	width: 200px;

	margin-left: 0px;

	padding:0px;

	list-style:none;

	text-indent:0px

}

.leftNav ul li {

	padding-bottom:12px;

	list-style:none;

	line-height:1.25em;

}

.leftNav ul li ul li {

	padding:0px 0px 0px 15px;

	background-image:url(/europe/_images/leftNavDots.png);

	text-transform:none;

	background-repeat: no-repeat;

	background-position: left top

}

.leftNav ul li ul li:hover {

	background-image:url(/europe/_images/leftNavDotsHover.png);

}

.leftNav ul li a {

	color:#535353;

	font-weight: bold;

	font-size: 1em;

}

.leftNav ul li a:hover {

	color:#000;
	font-weight: bold;

	text-decoration:none;

}

/* Menu Buttons */

a.button1:link, a.button1:visited {

	width: 72px;

	background: url(/europe/_images/button01.gif) no-repeat;

}

a.button1:hover, a.button1active:link, a.button1active:visited {

	width: 72px;

	background: url(/europe/_images/button01over.gif) no-repeat;

}

a.button2:link, a.button2:visited {

	width: 90px;

	background: url(/europe/_images/button02.gif) no-repeat;

}

a.button2:hover, a.button2active:link, a.button2active:visited {

	width: 90px;

	background: url(/europe/_images/button02over.gif) no-repeat;

}

a.button3:link, a.button3:visited {

	width: 91px;

	background: url(/europe/_images/button03.gif) no-repeat;

}

a.button3:hover, a.button3active:link, a.button3active:visited {

	width: 91px;

	background: url(/europe/_images/button03over.gif) no-repeat;

}

a.button4:link, a.button4:visited {

	width: 127px;

	background: url(/europe/_images/button04.gif) no-repeat;

}

a.button4:hover, a.button4active:link, a.button4active:visited {

	width: 127px;

	background: url(/europe/_images/button04over.gif) no-repeat;

}

a.button5:link, a.button5:visited {

	width: 127px;

	background: url(/europe/_images/button05.gif) no-repeat;

}

a.button5:hover, a.button5active:link, a.button5active:visited {

	width: 127px;

	background: url(/europe/_images/button05over.gif) no-repeat;

}

a.button6:link, a.button6:visited {

	width: 327px;

	background: url(/europe/_images/button06.gif) no-repeat;

}

a.button6:hover, a.button6active:link, a.button6active:visited {

	width: 327px;

	background: url(/europe/_images/button06over.gif) no-repeat;

}

a.button7:link, a.button7:visited {

	width: 75px;

	background: url(/europe/_images/button07.gif) no-repeat;

}

a.button7:hover, a.button7active:link, a.button7active:visited {

	width: 75px;

	background: url(/europe/_images/button07over.gif) no-repeat;

}

.searchBox {

	float: left;

	height:14px;

	margin-top: 2px;

	width:110px;

	border: none;

	font-size:0.875em;

}

/*------------------------------------------------*/





/*------------------------------------------------*/

/* 02 - HOME PAGE */



/* Containers */

.mainFeatureBox{width:100%; text-align:center;}

#homeInfoBox {	float: left; width:831px; text-align:left; padding:0px 5px 0px 15px; border-left:#0292CF 5px solid; margin:10px 0px 10px 10px; clear:both}

#homeBannerContain {float: left; width:860px; text-align:center; padding:0px; margin:20px 0px 0px 10px; clear:both}

#slider{}	

#slider ul, #slider li{	margin:0;padding:0;list-style:none;}

#slider li{ 

/* define width and height of list item (slide)

entire slider area will adjust according to the parameters provided here */ 

width:425px;height:176px;overflow:hidden; }	



#featureBoxHomeL, #featureBoxHomeR {float: left;width: 403px;padding: 65px 10px 0px 10px;border-top:#999 1px solid;border-left:#999 1px solid;	height:100px;

}

#featureBoxHomeL {

	margin:30px 10px 20px 10px; border:#1b4298 1px solid; background:url(/europe/_images/emtHomeLogo.gif) top left no-repeat;

}

#featureBoxHomeR {

	margin:30px 0px 20px 0px; border:#62bb46 1px solid; background:url(/europe/_images/emsHomeLogo.gif) top left no-repeat;
}


#bottomContent {

	padding:0px 50px 0px 50px;

	margin:5px 0px 15px 0px;

	height:90px;

}

#latestNews {

	float:right;

	height:90px;

	width:250px;

	margin:0px 0px 0px 158px;

	overflow:hidden;

	padding:10px 0px 0px 20px;

	vertical-align:middle;

	text-align:left;

	border-left:#D6D6D6 1px solid;

}

/* Text Formatting */

h1.home {

	font-size:1.2em;

	color:#000000;

	line-height:1.25em;
	
	font-weight:bold;

}

h2.home {

	font-size:1.25em;

	line-height:1.5em

}

h3.homeInfoBox { font-size:1.5em; margin-bottom:1em; text-align:left;}

p.home {

	font-size:1em;

	line-height:1.25em;

	margin:0px 0px 0px 5px;

}

ul.home {

	font-size:1em;

	line-height:1.35em;

	list-style-position: inside;

	margin-left: 0;

	padding-left: 0;

}

ul.latestNews{

	font-size:1em;

	margin-left:-20px;

	/*padding-left:-20px;*/

}

li.latestNews{

	font-size:1em;

	margin-left: -30px;

	/*padding-left: -30px;*/

}

li.home {

	font-size:1em;

	line-height:1.5em;

	margin:0px;
	margin-left:-28px;

	color:#000;

}

/*Image and Element Formatting*/

.quoteImg {

	margin:15px 0px 0px 0px;

	border:0;

}

/* Links */

a.featureHome:link, a.featureHome:visited, a.featureHome:hover, a.featureHome:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size:1em;

	font-weight:normal;
	
	list-style-position:inside;

}

a.featureHome:link {

	color:#0292CF;

	text-decoration:none

}

a.featureHome:visited {

	color: #333;

	text-decoration:none

}

a.featureHome:active {

	color:#0292CF;

}

a.featureHome:hover {

	text-decoration:underline;

	color:#0292CF;

}

/* Bottom Navigation Styles */

.bottomNav {

	width:800px;

	height: 22px;

	margin:0;

	padding:0;

	background-color:#D6D6D6;

	z-index:1 !important;

	position:relative;

}

.bottomNav ul {

display:block;

	padding: 0;

	margin: 0;

	list-style-type:none;

}


.bottomNav ul li {

	float: left;

	background-color:#D6D6D6;

	text-decoration:none;

	font-size:.875em;

	line-height:22px;

	color:#fff;

	display:block;

}

*:first-child+html .bottomNav ul li {margin-top:-3px;}

.bottomNav ul ul {

	visibility:hidden;

	position: absolute;

	height:0;

	top:22px;

	left:30px;

}

.bottomNav ul ul li {

	display: block;

	font-size:.975em;

	height:80px;

	width:340px;

	padding:10px 0px 0px 10px;

	text-align:left;

	border-left:#D6D6D6 1px solid;

	background:#fff;

	color:#000;

	text-decoration:none;

}

.bottomNav a, .bottomNav a:visited {

	color:#fff;

	display:block;

	height:20px;

	text-decoration: none;

}

.bottomNav ul li:hover ul, .nav ul a:hover ul {

	visibility:visible;

}

.bottomNav ul :hover ul ul {

	visibility:hidden;

}

.bottomNavul :hover ul :hover ul {

	visibility:visible;

}

/* Bottom Nav Menu Buttons */

a.button8:link, a.button8:visited {

	width: 225px;

	background: url(/europe/_images/button08.gif) no-repeat;

}

a.button8:hover, a.button8active:link, a.button8active:visited {

	width: 225px;

	background: url(/europe/_images/button08over.gif) no-repeat;

}

a.button9:link, a.button9:visited {

	width: 111px;

	background: url(/europe/_images/button09.gif) no-repeat;

}

a.button9:hover, a.button9active:link, a.button9active:visited {

	width: 111px;

	background: url(/europe/_images/button09over.gif) no-repeat;

}

a.button12:link, a.button12:visited { width: 292px; background: url(/europe/_images/button12.gif) no-repeat;}
a.button12:hover, a.button12active:link, a.button12active:visited { width: 292px; background: url(/europe/_images/button12over.gif) no-repeat;}

a.button13:link, a.button13:visited { width: 143px; background: url(/europe/_images/button13.gif) no-repeat;}
a.button13:hover, a.button13active:link, a.button13active:visited { width: 143px; background: url(/europe/_images/button13over.gif) no-repeat;}


/*------------------------------------------------*/
/*Navigation Links*/
/*------------------------------------------------*/
.active{color:#000000!important;}
 


/*------------------------------------------------*/

/*------------------------------------------------*/

/* 04 - CONTACT US */

/*------------------------------------------------*/
#leftColumn{width:25%;float:left;}
#rightColumn{width:75%;float:left;}
#rightColumn input,  #rightColumn textarea{margin-top:5px;margin-bottom:5px;margin-left:10px;}
#multiColumn{width:100%;float:left;margin-top:5px;margin-bottom:5px;}
#multiColumn select{margin-left:10px;}



/*------------------------------------------------*/

/* 03 - SOLUTIONS */

/*------------------------------------------------*/





/*------------------------------------------------*/

/* 04 - SERVICES */

/*------------------------------------------------*/





/*------------------------------------------------*/

/* 05 - PRODUCTS */

.productColSingle, .productColLeft, .productColRight { float:left; margin-bottom:10px; margin-top:-8px;}
.productColSingle {width:95%; }
.productColLeft {width:35%; margin-right:10px; }
.productColRight {width:60%; margin-right:10px; clear:right; }

/*------------------------------------------------*


/*------------------------------------------------*/

/* 06 - ABOUT HOBSONS */

/* Containers */

#newsItemContainer { width:655px; height: 95px; border-bottom:#999 1px solid;	text-align:left; vertical-align:middle; clear:both; margin-bottom:9px; background-color:#fff; display: block;}
.newsItemText {	padding:10px; vertical-align:middle; display:block; margin:auto}

#partnerContainer { width:655px; position: relative; border-bottom:#999 1px solid; text-align:left; vertical-align:middle; clear:both; margin-bottom:9px; background-color:#fff; display: inline-block;}
.partnerText {	padding:10px;  vertical-align:middle;  top:50%; }

.topReasonContain { width: 655px; vertical-align: middle; margin-bottom:5px; display:block; clear:both; float:left;}
.topReasonText {padding-top:10px; margin:0px; vertical-align:middle; display:block; }

/*Image and Element Formatting*/

img.newsItemPic { vertical-align: middle; margin-right:20px; padding:2px; border:0px; float:left}
img.partnerPic {vertical-align: middle; margin-right:20px; padding:2px; border:0px; float:left}
img.partnerPicLong {vertical-align: middle; margin-bottom:40px; margin-right:20px; padding:2px; border:0px; float:left}
img.topReason {float:left; border: 0px; padding:0px; margin:0px 0px 20px 0px; vertical-align:middle;}

/* Text Formatting */

ul.careers { margin: 0px 0px 1.4em 2em; line-height:1.5em;}


.thriveSidebar {display:inline-block;width:220px; float:right; clear:right; margin-left:10px; /*clear:both;*/ height:1% /* Holly hack for Peekaboo Bug */; }

hr.thriveSidebar {color:#993f98; height:1px; margin: 0px 0px 10px 0px;}

h3.thriveSidebar {font-size:1.3em;color:#0292CF; list-style-type:none}