/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	EOWC
	Author:	 eSolutionsGroup
	Date:	May 2010
		
		
*/

/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */


/* ===================================================================================== STYLES FOR ALL PAGES */


/* ===== Main Wrapper For Site ===== */


#uber {
	position: relative;
	margin: auto;
	width: 960px;
	background: #FFF;
}


/* ===== Header ===== */

#header {
	float: left;
	margin: 0;
	height:134px;
	width: 960px;
	background-image: url(/images/structure/bg_color.gif);
	background-repeat: repeat-x;
}


/* ===== Search ===== */

#search {
	position: absolute;
	top: 41px;
	right: 0px;
	margin: 0;
	padding: 0;
	width: 208px;
	height: 28px;
	background-image: url(/images/structure/search.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#search form { display: inline; }

#search .searchText {
	position: absolute;
	padding: 0;
	top: 7px;
	left: 5px;
	border: none;
	width: 178px;
	background: transparent;
	font-size: 12px;
	color: #666;
}

#search .gobutton {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
}


/* ===== Top Navigation ===== */

#topNav {
	position:absolute;
	margin: 0px;
	padding: 0px;
	top:0px;
	right:0px;
	text-align:right;
	width:500px;
	color:#ece5be;
	height:20px;
	overflow:hidden;
}


/* ===== Logo ===== */

#logo {
	float: left;
	width: 143px;
	height: 88px;
	overflow: hidden;
}
#logotext {
	position:absolute;
	top:20px;
	left:143px;
	width: 390px;
	height: 68px;
	overflow: hidden;
}


/* ===== Main Navigation ===== */

#mainNav {
	position: absolute;
	right:0px;
	top:88px;
	width: 960px;
	height:46px;
	z-index: 1000;
}


/* ===== Main Content Container ===== */

#main {
	position: relative;
	float: left;
	width: 960px;
	

}
.mainInterior {
	background-image: url(/images/structure/bg_int.gif);
	background-repeat: repeat-y;	
	
}
.mainInteriorwide {
	background-image: url(/images/structure/bg_int_wide.gif);
	background-repeat: repeat-y;	
}


.mainHome {
	background-image: url(/images/structure/bg_int.gif);
	background-repeat: repeat-y;	
}
	


/* ===== Footer ===== */

#footer {
	float: left;
	margin: 0;
	padding-top: 15px;
	width: 960px;
}

#footerText {
	float: left;
	width: 700px;
	line-height: 1;
	overflow: hidden;
}

#footerNav {
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	width: 700px;
	text-align: left;
	overflow: hidden;
	color:#666;
}
#footerNav a {
	color:#666 !important;
}

#esol {
	float: right;
	margin: 0px 0px 0px 0px;
	background: transparent url(/en/images/structure/esolutionsgroupLogo.gif);
}

#esol a {
	display: block;
	width: 171px;
	height: 17px;
}

#esol img {
	display: block;
	width: 0;
}




/* ===================================================================================== STYLES HOME PAGE */


/* ===== Banner ===== */

#homepageBannerContainer {
	float: left;
	margin: 0px;
	width: 756px;
	height: 208px;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
}

#homepageBanner {
	/*display: none;*/ /* Display none if using rotating banners */
}


/* ===== Left Content ===== */

#contentLeft {
	float: left;
	padding: 0px;
	width: 757px;
	background-color: #FFF;
	background-image: url(/images/structure/bg_home.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contentLeftone {
	float: left;
	padding-right: 19px;
	width: 329px;
	
	margin-top:19px;
	padding-bottom:5px;
}

#contentLefttwo {
	float: left;
	padding-right: 19px;
	padding-left: 19px;
	width: 166px;
	margin-top:23px;
	padding-bottom:5px;
}
#contentLeftthree {
	float: left;
	padding-left: 19px;
	width: 166px;

	margin-top:23px;
	padding-bottom:5px;
}


/* ===== Right Content ===== */

#contentRight {
	float: left;
	width: 180px;
	padding: 10px 0 10px 10px;
}




/* ===================================================================================== STYLES FOR CONTENT PAGES */


#insideLeftcontent {
	Float:left;
	width:480px;
	padding-right:25px;
	
	}
	#insideLeftcontentR {
	Float:left;
	width:672px;
	padding-right:25px;
	
	}
	#insideLeftcontentwideR {
	Float:left;
	width:900px;
	
	}
#insideRightcontent {
	Float:left;
	width:192px;
	
	}

#insideRightcontent p {
	margin:0px;
	padding:0px;
	
	}



/* ===== Actions and Breadcrumbs ===== */

#actionsContainer {
	position: relative;
	float: left;
	width: 947px;
	background-color: #f2ebc7;
	border-right-width: 13px;
	border-right-style: solid;
	border-right-color: #e6dca5;
	font-size: 11px !important;
}

#breadcrumbs {
	float: left;
	width: 505px;
	color: #491309;
	overflow: hidden;
	padding-top: 11px;
	padding-right: 5px;
	padding-bottom: 11px;
	padding-left: 27px;
}

#actions {
	position: relative;
	float: right;
	width: 365px;
	text-align: right;
	color:#491309;
	padding-top: 8px;
	padding-right: 27px;
	padding-bottom: 3px;
	padding-left: 5px;
}	

#actions form { display: inline; }


/* ===== Interior Layout ===== */



#contentInt {
	float: left;
	width: 706px;
	overflow: hidden;
	background:#FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f2ebc7;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#contentIntwide {
	float: left;
	width: 895px;
	overflow: hidden;
	background:#FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f2ebc7;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}


/* -- This is a full width interior - used when there is no sub navigation on the page -- */


#contentInt.wide {
	width: 940px;
	background-color: #FFF; /* This hides mainInterior's bg image */		
}



#uber #quickLinksposition {
	position:absolute;
	top:20px;
	right:20px;
	width:166px;
	height:215px;
	
	}
/*
#uber #HomeRightColumn {
	position:absolute;
	top:20px;
	right:20px;
	width:166px;
	height:380px;
	overflow:hidden;
	z-index:300 !important;
	
	}

#uber #HomeRightColumn li {
	padding-left:15px !important;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c5bc89;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(/images/structure/bullet_square.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;
	list-style-type: none !important;
}
*/
#uber #HomeRightColumn {
	position:absolute;
	top:20px;
	right:20px;
	width:166px;
	height:440px;
	overflow:hidden;
	z-index:300 !important;
}
#uber #HomeRightColumn li {
	padding-left:15px !important;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c5bc89;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(/images/structure/bullet_square.gif);
	background-repeat: no-repeat;
	background-position: 1px 9px;
	list-style-type: none !important;
}
#homepageBannerContainerA {
	margin: 0px;
	width: 552px;
	height: 209px;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#homepageBannerContainerB {
	position:absolute;
	left:553px;
	margin: 0px;
	top:0px;
	width: 203px;
	height: 109px;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
}
#homepageBannerContainerC {
	position:absolute;
	left:553px;
	top:111px;
	margin: 0px;
	width: 99px;
	height: 99px;
	overflow: hidden;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#homepageBannerContainerD {
	position:absolute;
	left:653px;
	top:111px;
	margin: 0px;
	width: 103px;
	height: 99px;
	overflow: hidden;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#printArea #contentLefttwo li {
	padding-left:15px !important;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c5bc89;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(/images/structure/bullet_square.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;
	list-style-type: none !important;
	margin: 0px;
	padding-right: 0px;
}
#printArea #contentLefttwo ul {
	padding:0px;
	margin:0px;
}
#printArea #contentLeftthree li {
	padding-left:15px !important;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c5bc89;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(/images/structure/bullet_square.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;
	list-style-type: none !important;
	margin: 0px;
	padding-right: 0px;
}
#printArea #contentLeftthree ul {
	padding:0px;
	margin:0px;
}

#uber #quickLinksposition .quickLinksContainer {
	background: transparent url(/en/images/structure/sidenav_front.gif) 0 0 no-repeat;
}

#uber #quickLinksposition .quickLinksContainer ul {
	margin: 0;
	padding: 0px;
	width: 166px;
	list-style: none;
}

#uber #quickLinksposition .quickLinksContainer li {
	float: left;
	margin: 0;
	padding: 0 0 0px 0;
	width: 166px;
}

#uber #quickLinksposition .quickLinksContainer li a {
	float: left;
	width: 166px;
	display: block;
	background: url(/en/images/structure/sidenav_front.gif) 0 0 no-repeat;
	font-size: 1%;
	text-indent: -9999px;
	overflow: hidden;
}

#uber #quickLinksposition .quickLinksContainer li.btn01 a { background-position: -0px -0px;  height:36px;}
#uber #quickLinksposition .quickLinksContainer li.btn02 a { background-position: -0px -36px; height:54px;}
#uber #quickLinksposition .quickLinksContainer li.btn03 a { background-position: -0px -90px; height:56px;}
#uber #quickLinksposition .quickLinksContainer li.btn04 a { background-position: -0px -146px; height:35px;}
#uber #quickLinksposition .quickLinksContainer li.btn05 a { background-position: -0px -181px; height:34px;}

#uber #quickLinksposition .quickLinksContainer li.btn01 a:hover { background-position: -166px -0px;  height:36px;}
#uber #quickLinksposition .quickLinksContainer li.btn02 a:hover { background-position: -166px -36px; height:54px;}
#uber #quickLinksposition .quickLinksContainer li.btn03 a:hover { background-position: -166px -90px; height:56px;}
#uber #quickLinksposition .quickLinksContainer li.btn04 a:hover { background-position: -166px -146px; height:35px;}
#uber #quickLinksposition .quickLinksContainer li.btn05 a:hover { background-position: -166px -181px; height:34px;}





.tn {
	padding-top:0px;
	height:20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #baa5a1;
	padding-left:10px !important;
	padding-right:10px!important;
	display:inline-block;
	}


#wheel {
	float:left;
	
	}