/***** easy clearing *****/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/***** layout ******/
html { overflow-x: auto; overflow-y: scroll; }
body { margin: 0; padding: 0; text-align: center; }
.siteWidth, #bottomCollectionPane { padding: 0; margin: 0px auto; text-align: left; width: 800px; position: relative; z-index: 0; }

input.example { color: #AAAAAA; }

div.backLink { margin-bottom: 10px; }
	div.backLink a { font-style: italic; font-size: 0.9em; }
	div.backLink a:hover { border-bottom: 1px dotted black; text-decoration: none!important; }

div.ajaxLoader { background: #0054a5 url(../assets/ajax-loader.gif) no-repeat center center; display: none; height: 50px; width: 50px; position: fixed; left: 10px; bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1000; }
div.please_wait { background-color:white; margin: 40px 0; cursor: progress; position: absolute; left: 0pt; top: 0pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; z-index: 4000; }
	div.please_wait_inner { background-color:white; color: black; margin: 0 auto; z-index: 4001; text-align: center; font-size: 16px; color:#0054A5; font-weight: bold; }

div#header { height: 142px; position: relative; z-index: 1; }
	a#logo { position: absolute; left: 1px; top: 30px; background-image: url(../assets/logo-uts.png); width: 117px; height: 38px; }
	a#logo:hover { text-decoration: none; }
	
	ul#topMenu { position: absolute; top: 47px; right: 265px; list-style: none; }
	ul#topMenu li { float: left }
	ul#topMenu a { text-transform: uppercase; font-size: 0.8em; }
	ul#topMenu a:hover,
	ul#topMenu a.activeItem { text-decoration: underline; }
	
	div.searchDiv { position: absolute; width: 246px; top: 40px; right: 0; overflow: hidden; background: url(../assets/bg/search-middle.gif) repeat-x; height: 32px; }
		div.searchDiv div.searchHelper1 { position: absolute; left: 0; top: 0; background: url(../assets/bg/search-left.gif) no-repeat; height: 32px; width: 8px; }
		div.searchDiv div.searchHelper2 { position: absolute; right: 0; top: 0; background: url(../assets/bg/search-right.gif) no-repeat; height: 32px; width: 8px; }
		div.searchDiv input.image { position: absolute; right: 3px; top: 4px; }
		div.searchDiv input#searchField { line-height: 16px; height: 16px; border: none; width: 150px; position: absolute; top: 9px; left: 15px; padding: 0; }
		
	div#mainMenuWrapper { position: absolute; bottom: 0; left: 0; width: 100%; background: url(../assets/menu/middle.gif) repeat-x top; }
	ul#mainMenu { list-style: none; display: block; margin-bottom: 3px; overflow: hidden; background: url(../assets/menu/right.gif) right top no-repeat; }
		ul#mainMenu li { float: left; margin: 0; }
			ul#mainMenu a { float: left; line-height: 42px; height: 42px; padding: 0 30px; position: relative; color: white; font-size: 1.1em; text-transform: uppercase; }
				ul#mainMenu span.helper1 { display: none; position: absolute; left: 0; top: 0; height: 100%; width: 9px; }
				ul#mainMenu a.first span.helper1 { background: url(../assets/menu/left.gif) left top no-repeat; display: block; }
				ul#mainMenu a span.helper2 { background: url(../assets/menu/item-right-sep.gif) right center no-repeat; position: absolute; right: 0; top: 0; height: 100%; width: 2px; }
			ul#mainMenu a:hover,
			ul#mainMenu a.activeItem { text-decoration: none; background: url(../assets/menu/middle-active.gif) repeat-x; }
				ul#mainMenu a:hover span.helper1,
				ul#mainMenu a.activeItem span.helper1 { background: url(../assets/menu/item-left-active.gif) left center no-repeat; display: block; }
				ul#mainMenu a:hover span.helper2,
				ul#mainMenu a.activeItem span.helper2 { background: url(../assets/menu/item-right-active.gif) right center no-repeat; width: 9px; }
				ul#mainMenu li.first a:hover span.helper1,
				ul#mainMenu li.activeItem .first span.helper1 { background: url(../assets/menu/left-active.gif) left top no-repeat; position: absolute; left: 0; top: 0; height: 100%; width: 9px; }
	
	div#superFancyShinyColourBar { height: 3px; position: absolute; bottom: 0; width: 100%; left: 0; background: url(../assets/colour-bar.gif) 0 0 repeat-x; }
	
div#template { background: url(../assets/bg/template-gradient.gif) repeat-x; padding-bottom: 40px; }
div#template .siteWidth {  }
body#homepage div#template { background: url(../assets/bg/homepage-gradient.gif) repeat-x; }
	div.subMenuWrapper { background: url(../assets/menu/submenu-middle.gif) repeat-x; height: 30px; position: relative; margin: 0 9px 13px 9px; }
		div.subMenuWrapper div.helper1, div.subMenuWrapper div.helper2 { position: absolute; top: 0; height: 30px; width: 9px; }
		div.subMenuWrapper div.helper1 { left: -9px; background: url(../assets/menu/submenu-left.png) no-repeat; }
		div.subMenuWrapper div.helper2 { right: -9px; background: url(../assets/menu/submenu-right.png) no-repeat; }
		ul.subMenu { list-style: none; display: block; position: absolute; bottom: 0; line-height: 24px; }
			ul.subMenu li { float: left; }
				ul.subMenu a { float: left; text-transform: uppercase; color: white!important; padding: 0 7px; margin-left: 20px; position: relative; font-size: 0.85em; }
					ul.subMenu a span.helper1, ul.subMenu a span.helper2 { display: none; position: absolute; width: 3px; height: 100%; top: 0; }
					ul.subMenu a span.helper3 { display: none; position: absolute; left: 0; width: 100%; height: 6px; bottom: -6px; background: url(../assets/menu/sub-bottom-active.png) center bottom no-repeat; }
				ul.subMenu a:hover, ul.subMenu a.activeItem { background: white; color: #38496c!important; text-decoration: none; }
					ul.subMenu a:hover span.helper1, ul.subMenu a.activeItem span.helper1 { display: block; left: 0; background: url(../assets/menu/sub-left-active.gif) left top no-repeat; }
					ul.subMenu a:hover span.helper2, ul.subMenu a.activeItem span.helper2 { display: block; right: 0; background: url(../assets/menu/sub-right-active.gif) right top no-repeat; }
					ul.subMenu a:hover span.helper3, ul.subMenu a.activeItem span.helper3 { display: block; }
	
	div.imageSfeerWrapper { line-height: 0; height: 83px; }
	div.contentTableWrapper { background: white; position: relative; }
		div.templateTop { height: 10px; display: block; width: inherit; margin-top: 10px; font-size: 1px; background: transparent; position: relative; }
			div.templateTop div.tl { height: 10px; width: 10px; background: transparent url(../assets/corners/tl.png) no-repeat; float: left; display: block; }
			div.templateTop div.top { height: 10px; width: 780px; background: white; float: left; display: block; }
			div.templateTop div.tr { height: 10px; width: 10px; background: transparent url(../assets/corners/tr.png) no-repeat; float: left; display: block; }
		div.templateBottom { clear: both; position: relative; bottom: 0; left: 0; width: 100%; height: 45px; z-index: 1; }
			div.templateBottom div.bl { position: absolute; left: 0; top: 0; height: 45px; width: 9px; background: url(../assets/bg/content-bottom-left.png) top left no-repeat; }
			div.templateBottom div.bottom {  margin: 0 9px; height: 45px; background: url(../assets/bg/content-bottom-mid.png) repeat-x; }
			div.templateBottom div.br { position: absolute; right: 0; top: 0; height: 45px; width: 9px; background:url(../assets/bg/content-bottom-right.png) top right no-repeat; }
		#homepage div.templateBottom { display: none; }
		table.contentTable { width: 100%; border-collapse: collapse; position: relative; z-index: 2; }
		table.contentTable td { vertical-align: top; }
				td#leftColumn { width: 198px; }
					
					ul.subSubMenu.level1 { margin-left: 12px; margin-right: 9px; list-style: none; }
					ul.subSubMenu li { margin: 1px 0; }
						ul.subSubMenu span { font: Verdana, Arial, Helvetica, sans-serif; }
						ul.subSubMenu a { height: 22px; display: block; position: relative; }
						ul.subSubMenu a.level1 { padding-left: 12px; }
							ul.subSubMenu .level1 a:hover,
							ul.subSubMenu .level1 a.activeItem { background-color: #0054a5; color: #fff; }
							ul.subSubMenu li.level1 .helper1,
							ul.subSubMenu li.level1 .helper2 { position: absolute; line-height: 22px; }
								ul.subSubMenu li.level1 a:hover .helper1,
								ul.subSubMenu li.level1 a.activeItem .helper1 { background: url(../assets/menu/subsub-left.gif) no-repeat; left: 0; top: 0; width: 6px; }
								ul.subSubMenu li.level1 a:hover .helper2 { background: url(../assets/menu/subsub-right.gif) no-repeat; right: 0; top: 0;  width: 18px; }
								ul.subSubMenu li.level1 a.activeItem .helper2 { background: url(../assets/menu/subsub-right.gif) no-repeat; right: 0; top: 0;  width: 18px; }
					
						ul.subSubMenu ul.level2,
						ul.subSubMenu li.activeItem ul.level3 { margin-left: 25px; display: none; margin-right: none; list-style: none; }
						ul.subSubMenu li.activeItem ul.level2,
						ul.subSubMenu li.activeItem ul.level3  { display: block; }
							ul.subSubMenu .level2 a,
							ul.subSubMenu .level3 a { color: #0054a5; }
							ul.subSubMenu .level3 a { margin-bottom: 5px; }
								ul.subSubMenu .level2 a:hover,
								ul.subSubMenu .level2 a.activeItem,
								ul.subSubMenu .level3 a:hover,
								ul.subSubMenu .level3 a.activeItem { background-color: #fff; color: #000; }
				 			
							ul.subSubMenu a.level2 span,
							ul.subSubMenu a.level3 span { background: none!important; }
			 
			 
		#divContent { margin-left: 18px; margin-right: 20px; }
			span.ewyseImageInContent { float: right; }
			#divContent table { border-collapse: collapse; }
			#divContent table th { color: #0054A5; padding: 2px; }
			#divContent table td, #divContent table th { border: 1px solid #E5E5E5; padding: 0 2px; }
			#divContent ol li { margin-left: 18px; }
			#divContent a { color: #0054A5;}
			#homepage a, #centreCollectionPane a { color: black; }
			#divContent a:hover { text-decoration: underline; }
			#homepage a:hover, #centreCollectionPane a:hover { text-decoration: none; }
			#lightboxContent a { color: #0054A5;}
			#lightboxContent a:hover { text-decoration: underline; }
		#homepage #divContent { margin: 0; }
			ul#homepageImages { list-style: none; position: relative; padding-top: 5px; }
				ul#homepageImages li { margin-left: 0; }
					img.moodImage { position: absolute; left: 0; top: 0; z-index: 1; display: none; }
					body.nonJS ul#homepageImages li:hover img.moodImage,
					ul#homepageImages li.first img.moodImage { display: block; }
					ul#homepageImages span.wrap { display: block; width: 113px; position: relative; z-index: 2; margin-left: 5px; }
						ul#homepageImages span.helperTop { background: url(../assets/bg/homepage-item-top.png) no-repeat; height: 10px; width: 122px; position: absolute; top: 0; left: 0; }
						ul#homepageImages span.helperBottom { background: url(../assets/bg/homepage-item-bottom.png) left bottom no-repeat; height: 10px; width: 122px; position: absolute; bottom: 0; left: 0; }
						ul#homepageImages span.bg { background: url(../assets/bg/homepage-item.gif) repeat-x; position: absolute; left: 0; top: 0; width: 100%; height: 66px; opacity: 0.7; }
						ul#homepageImages li.first span.bg { height: 56px; background-position: left -10px; top: 10px; }
						ul#homepageImages li.last span.bg { height: 56px; }
						ul#homepageImages a { position: relative; display: block; width: 100%; padding-top: 22px; height: 44px; }
							span.payOffSlideOut { visibility: hidden; left: 113px; height: 66px; position: absolute; overflow: hidden; top: 0; }
							body.nonJS ul#homepageImages a:hover span.payOffSlideOut { visibility: visible; }
							ul#homepageImages a:hover span.payOffSlideOut span { text-decoration: none!important; }
								span.payOffSlideOutInner { left: -326px; margin-left: -2px; width: 318px; padding-left: 28px; height: 66px; position: relative; display: block; overflow: hidden; }
								body.nonJS ul#homepageImages a:hover span.payOffSlideOutInner { left: 0; }
									span.slideOutBg { position: absolute; left: 12px; top: 0; width: 325px; height: 100%; background: black; opacity: 0.5; }
									span.slideOutBgLeft { position: absolute; left: 0; top: 0; height: 100%; width: 12px; overflow: hidden; background: url(../assets/bg/slideout-left.png) no-repeat; }
									span.slideOutBgRight { position: absolute; right: 0; top: 0; height: 100%; width: 9px; overflow: hidden; background: url(../assets/bg/slideout-right.png) no-repeat; }
									ul#homepageImages li.first span.slideOutBgLeft { background-image: url(../assets/bg/slideout-left-top.png); }
									ul#homepageImages li.last span.slideOutBgLeft { background-image: url(../assets/bg/slideout-left-bottom.png); }
									span.payOffSlideOutInner span { display: block; color: white; }
									span.payOffTitle { z-index: 2; position: relative; font-size: 2em; text-transform: uppercase; top: 12px; margin-bottom: 0px; line-height: 1.1em; }
									span.payOffSubtitle { z-index: 2; position: relative; text-transform: uppercase; top: 8px; }
							ul#homepageImages a img { float: left; vertical-align: middle; margin-right: 5px; margin-left: 2px; }
							span.title { text-transform: uppercase; font-size: 0.85em; line-height: 1em; position: relative; }
							ul#homepageImages li.first span.title { margin-right: 10px; }
							ul#homepageImages li.last span.title,
							ul#homepageImages li.first span.title { top: -7px; }
							ul#homepageImages a:hover span.title { text-decoration: underline; }
						span.homeSaleWrapper { position: absolute; right: 6px; top: 6px; width: 339px; height: 262px; overflow: hidden; }
							ul#homepageImages a.homeSale { position: relative; left: 339px; width: 219px; height: 242px; display: block; background: url(../assets/bg/sale.png) no-repeat; padding: 10px; z-index: 3; }
								span.saleHeader { font-size: 2em; color: #ed1b23; }
								ul#homepageImages img.saleImage { margin: 12px 0 0; float: right; }
								span.saleTitle { width: 128px; font-size: 1.5em; color: #0060bc; margin-top: 12px; float: left; }
								span.saleShort { width: 124px; float: left; padding-left: 4px; margin-top: 10px; }
								span.phonePrice { bottom:10px; left:15px; position:absolute; padding: 2px 5px; color: white; width: 103px; height: 38px; background: url(../assets/bg/sale-price.png) no-repeat; }
								span.phonePrice span.price { font-size: 1.5em; }
								
		/* PHONE DETAIL PAGE */
		div.phoneDetailsTopWrapper { overflow: hidden; margin-bottom: 20px; position: relative; }
			a.printPageLink { position: absolute; top: 0; right: 0; }
			img.phoneImage { float: left; margin-right: 20px; margin-bottom: 5px; }
			div.phonePrice { float: right; margin-top: 10px; }
				div.phonePrice span.price { font-size: 1.8em; padding-left: 0.1em; }
		
		ul.tab_list { list-style: none; overflow: hidden; clear: both; margin-bottom: -1px; z-index: 3; position: relative; }
		ul.tab_list li { float: left; margin-right: 3px; margin-left: 0!important; }
		ul.tab_list li.activeItem {  z-index: 2; position: relative; }
		ul.tab_list a { text-decoration: none; float: left; padding: 0 8px; color: #414141; font-size: 1.1em; line-height: 27px; padding-top: 4px; padding-bottom: 1px; position: relative; background: url(../assets/tabs/middle.gif) top repeat-x; }
		ul.tab_list a:hover { text-decoration: underline; }
		ul.tab_list a span.helper1, ul.tab_list a span.helper2 { font-size: 0px; position: absolute; bottom: 0; display: block; height: 32px; width: 6px; }
		ul.tab_list a span.helper1 { background: url(../assets/tabs/left.gif) left top no-repeat; left: -2px; }
		ul.tab_list a span.helper2 { background: url(../assets/tabs/right.gif) right top no-repeat; right: -2px; }
		ul.tab_list a.activeItem span.helper1 { background-image: url(../assets/tabs/left-active.gif); }
		ul.tab_list a.activeItem span.helper2 { background-image: url(../assets/tabs/right-active.gif); }
		ul.tab_list a.activeItem { color: #d40d4a; background: url(../assets/tabs/middle-active.gif); }
		div.tabContent { border: 1px solid #E5E5E5; position: relative; padding: 10px; background: white; }
		
		div.mediaBar { margin: 10px 0 20px; border: 1px solid #0054a5; position: relative; clear: both; padding: 0 30px 0 39px; width: 493px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
			div.mediaBar h2 { font-size: 1.25em; text-align: center; }
			div.mediaBar div.collection_innerWrapper,
			div.mediaBarInner { overflow-y: hidden; overflow-x: auto; white-space: nowrap; height: 95px; position: relative; width: 100%; }
				span.vote_id { position: absolute; z-index: 1; background: white; margin-left: 2px; margin-top: 2px; padding: 2px 5px; }
				div.mediaBar li { display: inline; margin-left: 0!important; }
				div.mediaBar a { position: relative; font-size: 0; }
				div.mediaBar a span { font-size: 12px; }
				div.mediaBar div a img { background: white; margin-right: 4px; }
				div.mediaBar img.prevButton { position: absolute; left: 7px; top: 38px; cursor: pointer; }
				div.mediaBar img.nextButton { position: absolute; right: 7px; top: 38px; cursor: pointer; }
		
		div.eventList ul { list-style: none; overflow: hidden; clear: both; margin-bottom: 10px; }
			div.eventList li { float: left; margin-right: 5px; margin-left: 0!important; }
			div.eventList a { float: left; padding: 2px 5px; font-weight: bold; }
			div.eventList a.activeItem {  background: #0054A5; color: white!important; }
		
		div#sitemap ul.level1 { list-style: none; }
			div#sitemap li.level1 { margin-left: 0; margin-bottom: 10px; }
				div#sitemap a.level1 { display: block; font-size: 1.2em; border-bottom: 1px solid #0054A5; margin-bottom: 5px; }
					div#sitemap ul.level2 { list-style: none; }
						div#sitemap li.level2 { float: left; width: 30%; margin-bottom: 10px; margin-left: 0; }
							div#sitemap a.level2 { font-weight: bold; }
								div#sitemap ul.level3 { margin-left: 10px; }
		
		a.button { line-height: 20px; position: relative; display: block; }
		a.second_button { left: 125px; }
		a.button:hover { text-decoration: none !important; }
			a.button span.button { position: absolute; top: -4px; padding-left: 4px; padding-right: 20px; background: #0054a5; color: #fff; line-height: 20px; }
			a.button:hover span.button { background: #fff; color: #0054A5; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
				a.button span.button span.helper1 { height: 20px; position: absolute; top: 0; background:  url(../assets/buttons/more_left.png) no-repeat; left: -5px; width: 5px; }
				a.button span.button span.helper2 { height: 20px; position: absolute; top: 0; background:  url(../assets/buttons/more_right.png) no-repeat; right: -13px; width: 13px; }
				a.button:hover span.button span.helper1 { background: url(../assets/buttons/more_left_active.png) no-repeat; width: 6px; height: 22px; left: -6px; top: -1px; }
				a.button:hover span.button span.helper2 { background: url(../assets/buttons/more_right_active.png) no-repeat; width: 14px; height: 22px; right: -14px; top: -1px; }
		
		span.green_label { display: inline-block; color: #8dc63f; width: 100px; font-weight: bold; }