@charset "UTF-8";
/* HOME CSS - Global Synthetics */

/* TOP */
#top					{ width: 100%; height: 277px; background: url('/images/global/top_bg.jpg') repeat-x center top; position: relative; z-index: 50; }

/* HERO */
#hero       			{ width: 960px; height: 274px; position: relative; margin: 0 auto; overflow: hidden; z-index: 80; }
#tabs                   { width: 130px; height: 50px; position: absolute; left: 50%; margin-left: -480px; margin-top: 250px; z-index: 20; }
#panels                 { position: absolute; left: 0px; top: 0px; overflow: hidden; }
#panels h2              { width: 246px; position: absolute; right: 0px; top: 20px; overflow: hidden; background: rgba(0,0,0,0.7); color: #FFF; font-size: 1.4em; font-weight: normal; padding: 15px; }
#panels img             { height: 274px; width: 960px;  }
#hero ul li             { float: left; margin-left: 6px; padding: 0px; }
#hero ul li a           { font-size: 1.2em; color: #FFF; font-weight: bold; padding: 6px 7px; background: #000; }  
#hero ul li a:hover    	{ color: #FFF; color: #FFF; }    
#hero ul li.ui-tabs-selected        { background: #FFF; color: #000; }           
#hero ul li.ui-tabs-selected a      { background: #FFF; color: #000; }           
#hero ul li a:active    { color: #FFF; color: #000; }    
#hero .panel            { height: 274px; }
.ui-tabs-hide           { display: none; }

/* SLOGAN */
#slogan 				{ width: 960px; color: #FFF; font-size: 1.8em; font-weight: bold; font-style: oblique; text-align: center; letter-spacing: 1px; padding: 20px 0px; }

/* SPECIFIES ROW FIXED HEIGHT */
.rowOne					{ height: 260px; float: left; margin-bottom: 3px; }
.rowTwo					{ height: 180px; float: left; margin-bottom: 3px; }

/* COLUMNS - WHITE BACKGROUND  */
.largeColumn			{ width: 364px; float: left; padding: 20px; background: #FFF; }
.smallColumn			{ width: 235px; float: left; padding: 20px; background: #FFF; margin-left: 3px; }
.smallColumn img		{ width: 275px; height: 135px; margin: -20px; margin-bottom: 10px; }
.smallColumn h1			{ margin-bottom: 7px; font-size: 1.4em; }

/* GENERIC HEADINGS OVER THE COLUMNS */
.subHeading				{ color: #000; font-size: 1em; font-weight: bold; }
.subHeading:hover		{ color: #a9baca; }
.largeColumn h1			{ margin-bottom: 10px; font-size: 1.4em; }
.largeColumn h2			{ color: #657481; font-size: 1.4em; font-weight: bold; padding-bottom: 5px; }
#latest					{ padding: 8px 0px 15px 30px; background: url('/images/home/heading_icons.png'); background-repeat: no-repeat; background-position: 0px 4px;
}
#work					{ padding: 8px 0px 10px 30px; background: url('/images/home/heading_icons.png'); background-repeat: no-repeat; background-position: 0px -35px; }
#more					{ padding: 8px 0px 5px 25px; background: url('/images/home/heading_icons.png'); background-repeat: no-repeat; background-position: 0px -70px; }

/* ABOUT US */
#aboutUs				{ width: 364px; height: 260px; position: relative; padding: 20px; background: #FFF; }
#aboutUs h1				{ color: #000; font-size: 2.3em; font-weight: bold; padding-bottom: 5px; }
#aboutImage				{ width: 404px; height: 84px; position: absolute; bottom: 0px; left: 0px; }

/* NEWSLETTER */
#recentNewsletter		{ width: 364px; float: left; padding: 20px; }
#newsImg			 	{ width: 103px; height: 147px; float: left; margin-right: 20px;  }

/* FIND PRODUCT SECTION */
#find					{ width: 960px; height: 245px; }
#find h1				{ width: 354px; height: 24px; color: #FFF; font-size: 2em; text-shadow: -1px -1px 0px #143768; background: #143768 url('/images/home/find.png'); background-repeat: no-repeat; background-position: 20px 10px; padding: 10px 0px 3px 50px; }
.tabDetails				{ width: 354px; float: left; margin-right: 10px; padding: 10px 20px 20px 20px; height: 180px; }
.tabDetails h2			{ color: #a9baca; font-size: 1.8em; font-weight: bold; padding-bottom: 10px;  }
.tabDetails p			{ font-family: 'Aller'; color: #93b3cf; font-size: 1.3em; }
.tabImage				{ width: 556px; float: left; }
.tabImage img			{ width: 556px; height: 169px; padding-bottom: 0px; }
#find h3 				{ color: #FFF; font-size: 1.5em; letter-spacing: 1px; text-align: center; padding: 10px 0px; }
#find p a				{ color: #46aafd; }
#find p a:hover			{ color: #FFF; }
#find h3 a				{ color: #46aafd; }
#find h3 a:hover 		{ color: #91aecd; }


/* FIND PRODUCTS TABS */
ul.tabs 			{ margin: -35px 0px 0px 405px; padding: 0 0 2px 0; list-style: none; height: 33px; /*--Set height of tabs--*/ float: left; }
ul.tabs li 			{ float: left; margin: 1px 1px 2px 2px; padding: 0; height: 32px; /*--Subtract 1px from the height of the unordered list--*/ 
					line-height: 32px; /*--Vertically aligns the text within the tab--*/	
					margin-bottom: 0px; /*--Pull the list item down 1px--*/ 
					overflow: hidden; position: relative; background: #91aecd; }
ul.tabs li a 		{ text-decoration: none; display: block; color: #FFF; font-size: 1.5em; text-shadow: -1px -1px 0px #2861b1; padding: 0px 24px 0px 24px; }
ul.tabs li a:hover 	{ background-color: #bbcee3; }
ul.tabs li a:active { background: #91aecd; }
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #143768; border-bottom: 1px solid #143768; /*--Makes the active tab look like it's connected with its content--*/ }
.tab_container 		{ overflow: hidden; width: 100%; background: #143768; height: 210px;
}
.tab_content 		{ }
.tab_content .box	{ margin-bottom: 0px; }