/*
Name: Microspot Service
URL: http://www.microspotservice.co.uk/
Version: 2
Author: Jason Batt
*/

img						{border:0}
body 					{margin:0; padding:0; font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color: #666; background:#464A4D url(../images/template/background.jpg) repeat-x;}
a span, .hidden			{text-indent:-4000px; position:absolute;}
a						{text-decoration:none; color:#2D83D9;}
a:hover					{text-decoration:underline;}
p						{font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;}
h5						{color:#2D83D9; margin:0 0 10px 0; font-size:12px; font-weight:normal; line-height:1.5em;}
h1						{color:#0C1319; font-size:17px; font-weight:bold; margin:0 0 10px 0;}
h2						{color:#2D83D9; font-size:13px; font-weight:normal;}
h5 a					{color:#2D83D9;}
h4						{font-size:14px; color:#090;}
.float-left				{float:left;}
.float-right			{float:right;}
.two-column-block		{float:left; width:330px; padding-right:50px; min-height:150px;}
.three-column-block		{float:left; width:225px; padding-right:10px; min-height:150px;}
#left-content ul		{list-style:none;}
#left-content ul li		{font-size:12px; color:#000; list-style-image:url(../images/bullet.jpg); padding:0 0 8px 0; margin-left:0;}
.red					{color:#F00;}



/*Template*/

#site-holder			{width:960px; margin:0 auto;}
#top					{width:960px; float:left; padding-top:10px; padding-bottom:12px;}
#header					{	width:750px; float:left; -moz-border-radius:5px; border-radius:5px; background:-moz-linear-gradient(center top , #3B4044, #0C1419) repeat scroll 0 0 transparent; 
							background:-webkit-gradient(linear, left top, left bottom, from(#3B4044), to(#0C1419));
							background-color:#0C1419;}
							
#logo					{display:block; width:174px; height:84px; float:left; background: url(../images/template/logo.png) no-repeat;}
#telephone				{float:right; width:146px; height:24px; background: url(../images/template/01622675144.png) no-repeat; margin-top:29px;}
#banner					{width:960px; float:left; height:211px; padding-bottom:15px;}
#content-holder			{width:960px; float:left; padding-top:17px;}
#right-holder			{float:right; width:201px;}
#content				{float:left; width:750px;}
#left-content			{float:left; width:710px; margin-top:12px; -moz-border-radius:5px; border-radius:5px; background:#FFF; padding:20px;}


#footer-holder			{	float:left; width:918px; -moz-border-radius:5px; border-radius:5px; padding:28px 21px 15px 21px; margin-top:12px; margin-bottom:25px;
							background:-moz-linear-gradient(center top , #3B4044, #0C1419) repeat scroll 0 0 transparent; 
							background:-webkit-gradient(linear, left top, left bottom, from(#3B4044), to(#0C1419));
							background-color:#0C1419; }
							
#logo-small				{width:126px; height:37px; float:right; margin-top:130px;}
#footer p				{float:left; width:170px; margin:0; font-size:10px; line-height:1.4em; color:#999999;}
#footer a				{color:#999999; text-decoration:none;}
#footer a:hover			{text-decoration:underline;}
#footer #copyright		{width:700px; padding-top:10px;}
#footer #copyright a	{color:#297CCE;}



/*Navigation*/

#nav-holder					{float:left; width:960px;}
#navigation					{	list-style:none; margin:0; float:left;  width:954px; height:49px; -moz-border-radius:5px; border-radius:5px; padding:0 0 0 5px;
								background:-moz-linear-gradient(center top , #FCFCFC, #BEC2C5) repeat scroll 0 0 transparent;  
								background:-webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#BEC2C5));
								background-color:#BEC2C5;}

#navigation	li				{float:left; margin:0;}
#navigation	li a			{display:block; color:#0C1419; text-decoration:none; font-size:11px; height:34px; border-left:1px solid #FFF; border-right:1px solid #B0B6B9; padding:15px 16px 0 16px;}
#navigation	li a:hover		{	color:#FFF; 
								background:-moz-linear-gradient(center top , #013567, #297CCE) repeat scroll 0 0 transparent; 
								background:-webkit-gradient(linear, left top, left bottom, from(#013567), to(#297CCE));
								background-color:#013567;}

#navigation li #home		{border-left:none;} 
#navigation li #contact		{border-right:none;}

#authorised					{	float:right; width:201px; height:49px; -moz-border-radius:5px; border-radius:5px; 
								background:-moz-linear-gradient(center top , #FCFCFC, #BEC2C5) repeat scroll 0 0 transparent; 
								background:-webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#BEC2C5));
								background-color:#BEC2C5;}
								
#aasp						{width:126px; height:37px; background:url(../images/template/apple-authorised.png) no-repeat; margin-left:40px; margin-top:5px; display:block;}

/*Headers*/

#repairs-header					{background:url(../images/template/repairs-title.png) no-repeat; float:left; width:750px; height:120px;}
#upgrades-header				{background:url(../images/template/upgrades-title.png) no-repeat; float:left; width:750px; height:120px;}
#service-header					{background:url(../images/template/service-contract-title.png) no-repeat; float:left; width:750px; height:120px;}
#support-header					{background:url(../images/template/support-title.png) no-repeat; float:left; width:750px; height:120px;}
#news-header					{background:url(../images/template/news-title.png) no-repeat; float:left; width:750px; height:120px;}
#refurb-header					{background:url(../images/template/refurb-store-title.png) no-repeat; float:left; width:750px; height:120px;}
#contact-header					{background:url(../images/template/contact-title.png) no-repeat; float:left; width:750px; height:120px;}
#about-header					{background:url(../images/template/who-we-are-title.png) no-repeat; float:left; width:750px; height:120px;}
#repairs-tracking				{background:url(../images/template/repair-tracking.png) no-repeat; float:left; width:750px; height:121px;}
#repairs-booking				{background:url(../images/template/repair-booking.png) no-repeat; float:left; width:750px; height:121px;}


/*Homepage*/
#intro-title					{float:left; width:283px; height:197px; background:url(../images/home/intro.png) no-repeat; margin:10px 0 0 10px;}

#home-3-options					{	float:left; width:750px; height:131px; -moz-border-radius:5px; border-radius:5px;  margin-top:12px;
									background:-moz-linear-gradient(center top , #FCFCFC, #BEC2C5) repeat scroll 0 0 transparent; 
									background:-webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#BEC2C5));
									background-color:#BEC2C5;}

.home-three-holder				{float:left; width:233px; height:131px; border-left:1px solid #FFF; border-right:1px solid #B0B6B9; padding-left:15px;}
.home-no-left-border			{border-left:none;}
.home-no-right-border			{border-right:none;}
#home-repairs-three				{width:221px; height:182px; background:url(../images/home/repairs.png) no-repeat;}
#home-support-three				{width:221px; height:182px; background:url(../images/home/support.png) no-repeat;}
#home-upgrades-three			{width:221px; height:182px; background:url(../images/home/upgrades.png) no-repeat;}

#home-left-content				{float:left; width:451px; padding-right:15px; border-right:1px solid #CCC;}
#home-service-title				{float:left; background:url(../images/home/service-title.jpg) no-repeat; width:461px; height:48px; padding-bottom:10px;}
#home-service-list-title		{float:right; background:url(../images/home/service-list.jpg) no-repeat; width:227px; height:158px;}

#home-right-content				{float:right; width:224px;}
#home-how-to-title				{float:left; background:url(../images/home/find-us-title.jpg) no-repeat; width:224px; height:29px;}





/*Right Items*/
.right-item-holder				{width:201px; float:left; margin-bottom:10px;}
.right-item-title				{	float:left; width:201px; height:30px; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border-bottom:1px solid #80878E;
									background:-moz-linear-gradient(center top , #013567, #297CCE) repeat scroll 0 0 transparent;  
									background:-webkit-gradient(linear, left top, left bottom, from(#013567), to(#297CCE));
									background-color:#013567;}
									
.right-item-title h2			{font-size:13px; color:#FFF; margin:0; padding:7px 0 0 10px;}

.right-item-body				{	float:left; width:181px; padding:5px 10px 10px 10px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;
									background:-moz-linear-gradient(center top , #3B4044, #0C1419) repeat scroll 0 0 transparent;   
									background:-webkit-gradient(linear, left top, left bottom, from(#3B4044), to(#0C1419));
									background-color:#0C1419;}

.right-item-body p				{font-size:11px; color:#FFF; margin:0 0 20px 0;}

#rss							{float:left; width:181px; }
#rss p							{font-size:9px; margin:5px 0 0 0;}
#rss h5							{font-size:11px; margin:0;}
#rss img						{float:left; padding:0 5px 0 0;}

#book-button					{float:right; width:46px; height:24px; clear:both; background:url(../images/template/book.png) no-repeat; display:block;}
#book-button:hover				{background-position:-46px}


#track-repair					{padding-bottom:10px;}
#track-repair input				{width:173px; background:#F2F3F4; padding:3px; border:1px solid #287BCD;  -moz-border-radius:3px; border-radius:3px;}

.button-style input				{float:right; width:46px; height:24px; clear:both; background:url(../images/template/track.png) no-repeat; display:block; border:none; cursor:pointer;}
.button-style input:hover		{background-position:-46px}

/*Service Contracts*/
.two-column-sc-left				{float:left; width:290px; padding-right:35px; min-height:150px;}
.two-column-sc-right			{float:left; width:385px; padding-right:0; min-height:150px;}
.two-column-sc-right p			{padding-left:10px;}

.contracts-pricing				{width:165px; float:left;}
#contracts-title				{width:165px; height:68px; float:left; background:url(../images/service-contracts/contracts.jpg) no-repeat;}
#contracts-from-title			{width:165px; height:68px; float:left; background:url(../images/service-contracts/from.jpg) no-repeat;}

.pay-as-pricing					{width:210px; float:left; padding-right:10px;}
#pay-as-title					{width:210px; height:68px; float:left; background:url(../images/service-contracts/pay-as-you-go.jpg) no-repeat;}
#pay-as-content					{width:186px; float:left; padding:12px;}
#pay-as-content p				{margin:0; padding-left:0;}
#call-engineer					{width:368px; height:21px; float:left; background:url(../images/service-contracts/call-engineer.jpg) no-repeat;}


/*Mac Health*/
.spring-clean img				{float:right; padding-left:10px; padding-bottom:10px;}


/*News*/

.news-holder					{width:274px; float:left; height:200px; padding-right:40px;}
.news-holder img				{float:right; margin-left:20px; margin-bottom:10px;}
#news-story img					{float:right; margin-left:20px; margin-bottom:10px;}
#archive-link					{float:right; clear:both;}

/*Refurb Store*/

#refurb-item img				{float:right; margin-left:20px; margin-bottom:10px;}

#refurb-buy						{width:330px; margin-left:20px; background:#2D83D9; border:1px solid #FFF; padding:10px; font-size:12px; float:right; margin-top:0; color:#FFF;} 		
.product						{text-align:center; width:160px; padding-right:40px;}
.product	h2					{font-size:12px;}

/*Contact Us*/
#contact-form					{float:left; width:220px; font-size:11px; padding-bottom:20px;}
#contact-form p				 	{margin:10px 0 0 0;}
#contact-form input				{width:220px;background:#F2F3F4; padding:3px; border:1px solid #287BCD;  -moz-border-radius:3px; border-radius:3px;}
#contact-form textarea			{width:220px; height:100px; background:#F2F3F4; padding:3px; border:1px solid #287BCD;  -moz-border-radius:3px; border-radius:3px;}
#button-holder	input			{margin-right:32px; -moz-border-radius:3px; border-radius:3px; width:100px;}
#button-holder	input:hover		{color:#FFF; background:#287BCD;}

#map							{float:right; clear:both; width:350px; }


/*Online Booking*/

#booking-form-holder	{float:left; width:730px;}
#booking-form-holder h2	{font-size:15px;}
#booking-form-holder p 	{margin:10px 0 0 0;}
#booking-form-holder input	{width:300px; background:#F2F3F4; padding:3px; border:1px solid #287BCD;  -moz-border-radius:3px; border-radius:3px;}
#booking-form-holder textarea	{width:300px; background:#F2F3F4; padding:3px; border:1px solid #287BCD; height:200px;  -moz-border-radius:3px; border-radius:3px;}
.booking-left				{float:left; width:340px; padding-right:50px;}
.booking-right				{float:left; width:340px;}
#button	input				{float:right; width:200px; margin-right:32px; -moz-border-radius:3px; border-radius:3px;}
#button	input:hover			{color:#FFF; background:#287BCD;}




/*Social Bookmarking*/

#follow-us						{width:38px; height:206px; position:fixed; right:0; top:350px; background:url(../images/template/follow.jpg) no-repeat; -moz-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px;}
#twitter						{float:left; width:25px; height:18px; background:url(../images/template/twitter.png) no-repeat; margin:10px 0 6px 7px; display:block;}
#twitter:hover					{background-position:-25px;}

#facebook						{float:left; width:25px; height:28px; background:url(../images/template/facebook.png) no-repeat; margin:10px 0 6px 7px; display:block;}
#facebook:hover					{background-position:-25px;}

#digg							{float:left; width:25px; height:21px; background:url(../images/template/digg.png) no-repeat; margin:10px 0 6px 7px; display:block;}
#digg:hover						{background-position:-25px;}



.addthis_toolbox a span {text-indent:0; position:relative;}


.end							{padding-right:0; margin-right:0;}