/* 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(/asiapacific/_images/headerBg.gif) top left repeat-x; height:120px}

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

#headerLocation {

	float:right;

	background:url(/asiapacific/_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:200px; float: right; clear: right; border-top:#999 1px solid; border-left:#999 1px solid; padding:5px; margin-left: 15px; margin-top:5px; background-color:#fff;}

#collateralSidebar {width:220px; float:left; /*clear:both;*/ height:1% /* Holly hack for Peekaboo Bug */; width:30%;}

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

#chatBoxContain {float:right; clear:both; margin-bottom:30px;}

#homeDescripContain {float: left; width:760px; height:120px; min-height:100px padding:5px 5px 5px 100px; background:url(/_images/homedescriptionIcon.jpg) top left no-repeat; margin:5px 0px 0px 40px;  }


.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(/asiapacific/_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}
h2.mobile {font-size:3.0em; color:#0691d6;text-align:left; margin-bottom:40px; margin-left:120px;}


h3 {

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

}

h3.HobsHaps {

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

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

}

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(/asiapacific/_images/leftNavDots.png);

	text-transform:none;

	background-repeat: no-repeat;

	background-position: left top

}

.leftNav ul li ul li:hover {

	background-image:url(/asiapacific/_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: 74px;

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

}

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

	width: 74px;

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

}

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

	width: 187px;

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

}

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

	width: 187px;

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

}

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

	width: 126px;

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

}

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

	width: 126px;

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

}

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

	width: 326px;

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

}

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

	width: 326px;

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

}

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

	width: 75px;

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

}

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

	width: 75px;

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

}

a.button14:link, a.button14:visited {

	width: 46px;

	background: url(/asiapacific/_images/button14.gif) no-repeat;

}

a.button14:hover, a.button14active:link, a.button14active:visited {

	width: 46px;

	background: url(/asiapacific/_images/button14over.gif) no-repeat;

}

a.button15:link, a.button15:visited {

	width: 47px;

	background: url(/asiapacific/_images/button15.gif) no-repeat;

}

a.button15:hover, a.button15active:link, a.button15active:visited {

	width: 47px;

	background: url(/asiapacific/_images/button15over.gif) no-repeat;

}
a.button16:link, a.button16:visited {

	width: 96px;

	background: url(/asiapacific/_images/button16.gif) no-repeat;

}

a.button16:hover, a.button16active:link, a.button16active:visited {

	width: 96px;

	background: url(/asiapacific/_images/button16over.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;}

#featureBoxHomeL, #featureBoxHomeR { float: left;width: 403px;padding: 10px 10px 0px 10px; height:180px;}

#featureBoxHomeL { margin:20px 10px 15px 10px;  border:#62bb46 1px solid; }

#featureBoxHomeR { margin:20px 0px 15px 0px; border:#993f98 1px solid; }

#bottomContent {

	width:900px;

	padding:0px 50px 0px 50px;

	margin:5px 0px 15px 0px;

	height:90px;

}

#ourCustomers {

	float:right;

	height:90px;

	width:370px;

	margin:0px;

	overflow:hidden;

	padding:10px 0px 0px 20px;

	vertical-align:middle;

	text-align:left;

	border-left:#D6D6D6 1px solid;

}

/* Text Formatting */

p.homeDescripHead {font-family: Arial, Helvetica, sans-serif; font-size:1.3em; color:#0292CF; font-weight:bold; margin:10px 0px 0px 110px;}

p.homeDescrip {	font-size:1.2em;line-height:1.35em;margin:10px 0px 0px 110px;}

h1.home { font-family: Arial, Helvetica, sans-serif; font-size:1.3em; color:#000000; line-height:1.45em}

h2.home {

	font-size:1.25em;

	line-height:1.5em

}

p.home {

	font-size:0.875em;

	line-height:1.25em;

	margin:0px 0px 0px 5px;

}
ul.home { font-size:1.05em; line-height:1.35em; list-style-position: inside; margin-left: 0; padding-left: .5em; text-indent: -30px; }

li.home { font-size:1.05em; line-height:1.35em;	margin:4px 0px 0px 0px;	color:#999;}

/*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

}

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:450px;

	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: 75px;

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

}

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

	width: 75px;

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

}

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

	width: 102px;

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

}

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

	width: 102px;

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

}

a.button10:link, a.button10:visited {

	width: 93px;

	background: url(/asiapacific/_images/button10.gif) no-repeat;

}

a.button10:hover, a.button10active:link, a.button10active:visited {

	width: 93px;

	background: url(/asiapacific/_images/button10over.gif) no-repeat;

}

a.button11:link, a.button11:visited {

	width: 179px;

	background: url(/asiapacific/_images/button11.gif) no-repeat;

}

a.button11:hover, a.button11active:link, a.button11active:visited {

	width: 179px;

	background: url(/asiapacific/_images/button11over.gif) no-repeat;

}

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


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

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


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

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

/* 04 - CONTACT US */

/*------------------------------------------------*/
#leftColumn{width:20%;float:left;}
#rightColumn{width:80%;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:15px; 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;font-weight:bold; text-align:left;}

ul.thrive {list-style-type: none;}

li.thrive {
padding: 0 0 0 18px; 
margin-left:-32px;
background: url(/_images/purple_arrow.gif) no-repeat 0 5px;
} 

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

	font-family: Arial, Helvetica, sans-serif; font-size:16px;font-weight:bold;
	text-decoration:underline;

}

a.thrivee:link {color:#fff;}
a.thrive:visited {color: #999;}
a.thrive:hover {color:#0292CF;}
a.thrive:active {color:#0292CF;}

p.thriveIndent {margin-left:22px; color:#000000}

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

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

	font-size:1em;

	font-weight:normal

}

a.thriveReg:link {

	color:#0292CF;

	text-decoration:none

}

a.thriveReg:visited {

	color: #666;

	text-decoration:none

}

a.thriveReg:active {

	color:#0292CF;

}

a.thriveReg:hover {

	text-decoration:underline;

	color:#0292CF;

}


.hobsHapsSidebar {width:200px; float: right; clear: right; border-top:#999 1px solid; border-left:#999 1px solid; padding:5px; margin-left: 15px; margin-top:5px; background-color:#fdf0c4;}

#campusTechContain { height:600px; background:url(/_images/campusTechPhone.jpg) top left no-repeat; padding:20px 25px 0px 280px; margin: 0px auto;background-position:left;}

#campusTechTxtContain{width:90%; padding:10px; float:left; text-align:left; display:inline;}

#campusTechTableContain{float:left;width:80%;clear:both;margin-left:11%;}

#ctechDescripContain{float:left;width:100%;margin-top:20px}