/* @override 
	http://www.micro-net.co.uk/css/style.css
*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;  padding: 0;  border: 0;  font-weight: inherit;  font-style: inherit;  font-size: 100%;  font-family: inherit;  vertical-align: baseline}body {  line-height: 1.5; } /* END OF RESET */
  

/* IE 6 !!!*/

div.ie6 * {zoom:1}
div.ie6 #nav {position: relative;top: 96px;}
div.ie6 #secondary-nav {position: relative;top: 96px;}
div.ie6 #mainContent {position: relative;top: 96px;}
div.ie6 div#content {width: 505px;}
div.ie6 div.secondary-stories div {}
div.ie6 div.secondary-stories {position:relative;float:left;margin-bottom:10px;padding-bottom:0px;border-bottom:1px solid #ccc;padding-top: 0px;margin-top: 4px;clear: none;}

div.ie7 #mainContent {position: relative;top: 96px;}
div.ie7 #secondary-nav {position: relative;top: 96px;}
div.ie7 #nav {position: relative;top: 96px;}

div.banner {height:85px}
#header h1 strong{display:none;}



body  {	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;	margin: 0;	padding: 0;	text-align: center;	color: #333;	font-size:12px; background:  #f6f6f6}
em {font-style:italic;}

div#container { width:996px; margin:0px auto 26px auto; border:1px solid #f6f6f6;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background: #fff;position:relative;opacity:1}

div.branding {width:207px;height:66px;position:absolute;left:24px;top:10px;}
div.branding strong {position:absolute;left:-9999px;display:block;width:10px}
div.slogan  {font-size:15px; color:#555;font-style:italic;position:absolute;right:27px;top:48px;color:#2e55a4; background:url(../images/strapline.gif) -10px -5px repeat;width:370px;height:30px;}
div.slogan p {display:none}



#mainContent {text-align:left;font-size:12px;color:#333;margin:0px 20px 0 20px;background:#fff;position:relative}

#nav {background:#6f2e74;height:83px;margin: 92px auto 0 auto;width:956px;height:125px; background:url(../images/nav-header.png) center center no-repeat;position:relative}
#nav ul {height:40px;width:100%;position:absolute;bottom:0;left:0;overflow:hidden;list-style-type:none;}
#nav ul li {float:left;text-transform:uppercase;font-size:11px;font-weight:bold;letter-spacing:1px;margin:0 0px 0 0px;height:40px;}
#nav ul li a {padding:12px 20px 13px 20px;text-decoration:none;color:#fff;height:16xpx;display:inline-block; font-size: 10px;}

#nav ul li {background:url(../images/ulli.png) bottom left no-repeat;}

#nav ul li.home.selected a {background:  url(../images/nav-hover-60.png) bottom center no-repeat; color:#2e55a4}
#nav ul li.computers.selected a {background:  url(../images/nav-hover-100.png) bottom center no-repeat; color:#2e55a4}
#nav ul li.networking.selected a {background:  url(../images/nav-hover-110.png) bottom center no-repeat; color:#2e55a4}
#nav ul li.broadband.selected a {background:  url(../images/nav-hover-180.png) bottom center no-repeat; color:#2e55a4}
#nav ul li.digitalcctv.selected a {background:  url(../images/nav-hover-110.png) bottom center no-repeat; color:#2e55a4}
#nav ul li.support.selected a {background:  url(../images/nav-hover-180.png) bottom center no-repeat; color:#2e55a4}
#nav ul li.contact.selected a {background:  url(../images/nav-hover-80.png) bottom center no-repeat; color:#2e55a4}

div.ie6 #nav ul li.selected a {background:  none; color:#fff;text-decoration:underline}




#nav ul li.first {background:none;}
#nav  ul li a:hover {text-decoration:underline;}


#secondary-nav {margin: 0 auto;width:956px;background:#fff;height: 32px;border-bottom:1px solid #8aadcd;}

#secondary-nav ul {height:32px;padding:8px 0 0 0px;float:left;list-style:none;}
#secondary-nav  ul li  { float:left;text-transform:uppercase;margin:0 0px 0 0px;padding-left: 19px;padding-right: 19px;background:url(../images/ulli2.png) left center no-repeat;}
#secondary-nav ul li.first {background:none;}
#secondary-nav  ul li a {color:#bdb9b6;text-decoration:none;font-size: 11px;font-weight:bold;letter-spacing: 1px;}
#secondary-nav  ul li.selected a {color: #ff9934;}
#secondary-nav  ul li a:hover {color: #2e55a4;text-decoration:underline}
#secondary-nav  ul li.current_page_item a,#nav div.secondary-nav  ul li a:hover  {color:#57135c}

#nav div.hide ul li a {display:none;}





#content {width:498px;margin: 0 229px 0 229px;min-height:700px;}

#sidebar1 {width:187px;position:absolute;left:0px;top:0px;}
#sidebar2 {width:187px;position:absolute;right:0px;top:0px;}


#content div.top-story img {float:left;border:1px solid #999;margin-right:20px;margin-bottom:40px}
#content div.top-story {padding-bottom:0px;margin-bottom:10px;border-bottom:1px solid #ccc}

#content h2 {color:#2e55a4;font-weight:bold;font-size:23px;margin-bottom:16px;position:relative;padding:0px;line-height:1.2;}
#content h2.contact-header {margin-bottom:0px;}
#content h2 a {color:#2e55a4;text-decoration:none;}
#content h2 a span { background:url(../images/buttons/button-view.png) top left no-repeat;font-size:10px;height:16px;width:44px;display:block;position:absolute;bottom:4px;right:0px;line-height:1.5}
#content h2 a:hover span {background-position:bottom left;}
#content p {margin-bottom:12px}
#content h4 {color:#2e55a4;font-weight:bold;font-size:23px;margin-bottom:16px;}
#content h5{color:#2e55a4;font-weight:bold;font-size:14px;}
#content h2.offer {color: #ff9934; height: auto; margin: 0; border: none; margin-bottom: 40px;}

#content iframe{border:1px solid #ccc}

div.secondary-stories {position:relative;float:left;clear:both;margin-bottom:10px;padding-bottom:0px;border-bottom:1px solid #ccc;padding-top: 0px;margin-top: 4px;}
div.secondary-stories div.one {width:235px;margin-right:14px;float:left;}
div.secondary-stories div.two {width:235px;margin-left:14px;float:right;}

div.secondary-stories h3 a em {font-size:13px; font-style:italic; text-transform:lowercase}

div.secondary-stories p {margin-bottom: 10px !important;}
div.top-story p {margin-bottom: 10px !important;}

#content div.secondary-stories div img {float:left;border:1px solid #999;margin-right:10px;}
#content h3 {color:#2e55a4;font-weight:bold;font-size:15px;margin-bottom:0px;position:relative;padding:0px;line-height:1.2;height:62px}
#content h3 a {color:#2e55a4;text-decoration:none;}
#content h3 a span { background:url(../images/buttons/button-view.png) top left no-repeat;font-size:10px;height:16px;width:44px;display:block;position:absolute;bottom:8px;right:0px;line-height:1.5}
#content h3 a:hover span {background-position:bottom left;}


#content h3 a.no-view span { background:none;font-size:10px;height:16px;width:44px;display:block;position:absolute;bottom:8px;right:0px;line-height:1.5}

p.view-links a {color: #2e55a4; display: block; padding: 2px 30px 3px 0;background:url(../images/buttons/button-view.png) 130px 4px no-repeat;}
p.view-links a:hover { background:url(../images/buttons/button-view.png) 130px -28px no-repeat;}



#content div.sub-page a, #content div.sub-page a:visited {color:#ff9934}


#content div.sub-page h2 {margin-top:10px;}
#content div.sub-page h2.big {font-size: 26px;}


#content div.sub-page h3 {color:#2e55a4;font-weight:bold;font-size:14px;margin-bottom:2px;margin-top:15px;padding:0px;line-height:1.2;height:auto; position:static}
#content div.sub-page h3 em {font-style:italic}
#content div.smaller h3 em {display: block;margin: 10px 0;}
#content div.sub-page ul, #content div.sub-page ol {margin-left:15px;}

div.sub-page-product {position:relative;float:left;clear:both;margin:10px auto 10px auto;padding:10px 0 10px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;width:100%;}
div.sub-page-product h3 {padding:0 !important;margin:0 !important;}
div.last-product {border-bottom:none}
div.no-line {border: none;}
div.short {width: 375px;}

div.short img {position: relative; top: -20px;}


div.sub-page-product table {width:100%;}
div.sub-page-product table td {vertical-align:top;}
div.sub-page-product table td.image {width:160px}

div.sub-page-product table td.description {}
#content div.sub-page-product table h3{margin-top:0px;margin-bottom:5px;}
#content div.sub-page img {border:1px solid #999;}
#content div.smaller img.header {width: 230px;height: auto; float: right; margin: 0 0 10px 10px;}
#content div.smaller img.laptop-header {width: 170px;height: auto;}

div.laptop-image-wrap {width: 260px; overflow: hidden; float: right;border:1px solid #999; margin: 0 0 10px 10px;}
div.laptop-image-wrap img {float: right; width: 400px; height: auto; border: none !important; margin: 0;}



#content div.sub-page-product img {border:none}
#content div.sub-page-product h3 em {display:block;font-size:13px; font-style:italic; text-transform:lowercase}



div.feature {/*border:1px solid #999;/*padding:12px 20px 12px 20px;width:145px;*/ /*margin-bottom:10px;
/*border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;*//*position:relative*/}
#sidebar1 div.feature {height:216px;}


div.feature a {text-decoration:none;color:#333}
div#sidebar1 .feature * {line-height:1}
#sidebar1 div.feature strong {display:block;color:#2e55a4;font-size:21px;font-weight:bold;line-height:1.1}
#sidebar1 div.feature em {display:block;color:#2e55a4;font-size:16px;font-weight:bold;line-height:1.3; font-style:normal;}
#sidebar1 div.feature small {font-size:9px;}
#sidebar1 div.feature strong small {font-size:13px;font-weight:bold;padding-right:0px;;}
#sidebar1 div.feature span {display:block;color:#2e55a4;background:url(../images/arrow.png) center right no-repeat;text-align:right;padding-right:15px;position:absolute;bottom:10px;right:10px;font-weight:normal;font-size:11px;color:#8aadcd;text-index:-999px;}
#sidebar1 div.feature a:hover span {color:#ff9934}


div.feature small.aside {display:block;width:85px;padding-right: 15px;position:absolute;right:0px;top:85px;line-height:1.3 !important}

#sidebar1 div.ad-image3 strong{font-size:17px}
#sidebar1 div.ad-image3 em{font-size:15px}

#sidebar2  div.feature strong {display:block;color:#2e55a4;font-size:16px;font-weight:bold;line-height:1}


a.ad-image1 {display:block;height:100%;background:url(../images/ads/ad-image1.jpg) 0px 80px no-repeat;}
a.ad-image2 {display:block;height:100%;background:url(../images/ads/ad-image2.jpg) 0px 90px no-repeat;}
a.ad-image3 {display:block;height:100%;background:url(../images/ads/ad-image3.jpg) 0px 90px no-repeat;}
a.ad-image-windows7 {display:block;height:100%;background:url(../images/ads/windows7.png) 0px 70px no-repeat;}

#sidebar1 div.ad-image3 strong{font-size:17px}


#sidebar1 div.ad-image2 {height: 270px; } /** CODE FOR ADS **/
a.ad-image2 {background-position:0px 70px }

#sidebar1 div.ad-image3 {height: 250px; }
a.ad-image3 {background-position:0px 100px }
#sidebar1 div.feature a.ad-image3 small {font-size:9px;position: relative;top: 10px;}

#sidebar1 div.ad-image-windows7 strong{font-size:17px; display:block; margin-bottom:10px}
#sidebar1 div.ad-image-windows7 small{font-size:11px;}


/* rounded corners in IE */
div.corners {/*border:1px solid #999;padding:12px 20px 12px 20px;width:145px;*/margin-bottom:10px;position:relative}

div.corners { width:145px; border:1px solid #999;padding:12px 20px 12px 20px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

div.ie div.corners {background-image:url(../images/corners/corners-middle.gif);background-position:top left;background-repeat: repeat-y;
border:none;width:187px;padding:0}

div.ie div.corners div.corner-top {background: url(../images/corners/corners-top.gif) top left no-repeat;}
div.ie div.corners div.corner-bottom {background: url(../images/corners/corners-bottom.gif) bottom left no-repeat;
padding:12px 20px 12px 20px;}




div.ie div.corners-bubble {background-image:url(../images/corners/corners-middle-large.gif);background-position:top left;background-repeat: repeat-y;
border:none;width:422px;padding:0}

div.ie div.corners-bubble div.corner-top {background: url(../images/corners/corners-top-large.gif) top left no-repeat;}
div.ie div.corners-bubble div.corner-bottom {background: url(../images/corners/corners-bottom-lage.gif) bottom left no-repeat;padding:12px 20px 12px 20px;}




#sidebar2 p {font-size:11px;}
#sidebar2 h3 {font-weight:bold;color:#000;margin-top:10px;}
#sidebar2 .contact_details p {position:relative}
#sidebar2 .contact_details p span{position:absolute;right:0px;color:#2e55a4;font-weight:bold;font-size:13px;}
#sidebar2 div.contact_details a.view-map {margin-top:20px;display:block}
#sidebar2 div.contact_details a:hover, #sidebar2 div.contact_details a:hover span {color:#ff9934 !important}
#sidebar2 div.feature a span {display:block;color:#2e55a4;background:url(../images/arrow.png) center right no-repeat;text-align:right;padding-right:15px;position:absolute;bottom:12px;right:10px;font-weight:normal;font-size:11px;color:#8aadcd}

#sidebar2 div.get_in_touch p {margin-top:10px;}



form {margin-top:12px;}
form input {margin-bottom:6px;}
#sidebar2 div.get_in_touch form p {margin-top:5px;}
form textarea#customer_enquiry {width:141px;height:76px;margin-top:10px; font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:2px;}
form label {position:absolute;left:-9999px;}
p.submit{text-align:right}



#content table.contact-table {margin: 22px 0 10px 0}
#content table.contact-table div {width:84px;}

h2.offer{width:496px;height:212px;position:relative;border:1px solid #ccc;}
h2.offer img {border:none !important;}
h2.offer span{display:block;position:relative;left:15px;top:15px;}
h2.offer strong{display:block;font-size:30px;}
h2.offer em{display:block;font-size:25px}
h2.offer small {font-size:10px;font-weight:normal}

#content p strong.highlight {color:#2e55a4}


h2.offer b {font-size:1.5em}


.offer_1{background: url(../images/ads/offers/offers-main-laptop.jpg) top right no-repeat;}
.offer_2{background: url(../images/ads/offers/offers-main-servers.jpg) top right no-repeat;}
.offer_3{background: url(../images/ads/offers/offers-main-shuttlepc.jpg) top right no-repeat;}
.article_windows7{background: url(../images/ads/windows7.png) 350px 0px no-repeat;}

div.sub-page h2.article_windows7{width:496px;height:150px;position:relative;border:1px solid #ccc;}

div.sub-page ul, div.sub-page ol {margin: 10px 0 10px 0px}
div.sub-page li {margin: 5px 0 5px 10px}



/* before copy */









div#footer {width:936px;margin:180px auto 30px auto;clear:both;background:#f6f6f6;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border:1px solid #f6f6f6;padding:10px;font-size:10px;}




/* footer */

#footer {height: 100px;clear:both;}
#footer a.springbud {text-decoration:none}
#footer a.springbud span {text-decoration: underline;}
#footer, #footer a {color: #999;}
#footer ul a strong {color: #333;}
#footer ul {list-style-type: none;position: absolute;left: 1000px;}

#footer div.contact-details {position: absolute;right: 0px;width:140px}
#footer ul.home {left: 10px;width: 190px;}
#footer ul.computers{left: 210px;width: 90px;}
#footer ul.networking{left: 300px;width: 110px;;}
#footer ul.broadband{left: 413px;width: 120px;}
#footer ul.digitalcctv{left: 540px;width: 100px;}
#footer ul.support{left: 635px;width: 110px;}

#footer a:hover {color: #000;}

#footer h2 {font-size: 10px;text-transform: uppercase;font-weight: bold;}
#footer div.contact-details p {display:block;width: 100%;}
#footer div.contact-details p span {position: absolute;right: 10px;font-weight: bold;}
#footer div.contact-details span.telephone {color:#999999;}
#footer div.contact-details p.email{margin-top: 5px;}











div.columns {position:relative;float:left;width:100%;margin-bottom:20px}
div.columns div {height:100px;}
div.columns div.one {width:110px;float:left;color:#000;font-size:9px;padding-right:16px;}
div.columns div.one p, div.columns div.two p {padding-bottom:8px;}
div.columns div.two {width:110px;float:left;color:#000;font-size:9px;padding-left:16px;padding-right:16px;border-left:1px solid #dcdddf;border-right:1px solid #dcdddf}
div.columns div.three, div.columns div.four {font-size:10px;text-transform:uppercase;width:110px;float:left;padding-left:20px;} 
div.columns div.five {position:absolute;width:200px;right:0px;}
div.columns div.five a {font-size:10px;text-transform:uppercase;color:#bdb9b6;text-decoration:none;position:absolute;right:0px;bottom:13px;width:200px;}

div.columns ul {margin-top:12px;list-style:none;}
div.columns ul a {color:#bdb9b6;text-decoration:none;}
div.columns ul a:hover{text-decoration:underline}



div#language_switcher{
	position: absolute;left: 50px;top: 100px;
}

#mainContent div.footer-nav ul {margin-left: 0;margin-bottom: 0px;margin-top: 12px;padding-left: 0;}


/*Remote Assistance Button */

.remote a {
display:block;
width: 160px;
height:25px;
padding:5px 0 0 10px;
margin: 20px 0 0 10px;
font-weight: bold;
font-size:14px;
color:#fff;
background: url("../images/buttons/but-remote.png") 0 0 no-repeat;
text-decoration: none;
}

.remote a:hover { 
background-position: 0 -30px;
color: #fff;
}

.remote a:active {
color:#fff;
}



/* Forms */

form.contact-form {margin-top: 50px;}
form.contact-form h4{position:relative}
form.contact-form h4 span.required small {font-size: 10px;color: red; position: absolute;right: 0;top: 0px;}
span.required {color: red;}
form.contact-form {font-size: 12px;}
form.contact-form fieldset div.legend {color: #975c9c;height: auto;width: 100%;margin-bottom: 15px;margin-top: 40px;}
form.contact-form fieldset  h4 {display: block;border-bottom: 1px solid #dcdddf;width: 100%;padding-bottom: 2px;font-size: 13px !important;color: #975c9c;font-weight: normal !important;}
form.contact-form label {display: block;}
form.contact-form input {display: inline;margin-top: 0px;margin-bottom: 14px;width: 196px;}
form.contact-form label input {display: block;margin-top: 0px;margin-bottom: 20px;width: 196px;}

form.contact-form label.opt {padding: 0;display:block;margin: 0;}
form.contact-form label.opt input {display: inline;margin-top: 0px;width: 15px;margin-right:10px;padding: 0;}

/* IE SPECIFIC */
* html form.contact-form label {position: relative;}
* html form.contact-form label span {position: absolute;top: 0px;}
*:first-child+html form.contact-form label {position: relative;}
*:first-child+html form.contact-form label span {position: absolute;top: 0px;}
/* IE SPECIFIC */

form.contact-form div.form_two_columns, form.contact-form div.form_three_columns  {margin:0px 0 30px 0;}
form.contact-form div.form_two_columns div.alpha {width: 250px;float: left;display: inline;}
form.contact-form div.form_two_columns div.beta {width: 200px;float: left;display: inline;}

form.contact-form div.form_three_columns label {height: 30px;}
form.contact-form div.form_three_columns div.alpha {width: 165px;float: left;display: inline;}
form.contact-form div.form_three_columns div.beta {width: 165px;float: left;display: inline;}
form.contact-form div.form_three_columns div.gamma {width: 165px;float: left;display: inline;}

form.contact-form input.text-mini{width: 20px;display:inline;margin-right: 10px;}

form.contact-form  input.submit {padding-bottom: 0px;margin-top: 40px;width: auto;}
form.contact-form div.enquiry {clear: both; padding-top: 40px;}



div.corners-bubble { width:380px;margin-top: 30px;}

div.price-bubble {width: 380px; position: relative; float: ;}
#content div.price-bubble h4 {margin: 0;}
div.price-bubble p.description {width: 250px; font-size: 12px;}
div.price {width: 145px; position: absolute; top: 2px; right: -25px;}

#content div.price p {color:#2e55a4; font-size: 28px; font-weight: bold;margin: 0; position: relative;left: 15px;}
div.price p small {font-size: 10px;}
div.price p em {font-style:normal; color: #000;font-size: 10px; font-weight: normal; display: block; margin: 0 0 10px 12px;}
div.price a.order-now-button {background: url(/images/buttons/ordernow-button.png) top left no-repeat; display: block; width: 100px; height: 19px; text-indent: -9999px; left: 15px; position: relative;}
div.price a.order-now-button:hover {background-position: bottom left;}

div.price a.book-now-button {background: url(/images/buttons/booknow-button.png) top left no-repeat; display: block; width: 100px; height: 19px; text-indent: -9999px;}
div.price a.book-now-button:hover {background-position: bottom left;}

div.price a.contact-us-button {background: url(/images/buttons/contactus-button.png) top left no-repeat; display: block; width: 100px; height: 19px; text-indent: -9999px;}
div.price a.contact-us-button:hover {background-position: bottom left;}