/*====================================================================
NOTBOOKS2GO LTD - GLOBAL STYLE SHEET - Copyright 2008 Notebooks 2 Go Ltd
======================================================================*/

/* Global Styles */
* {margin: 0; padding: 0; border: 0; font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica;}
.clear {clear: both;}

/* Default Header Styles */
h1 {text-indent: -9999px; background: url(../images/h1_logo.gif) 30px 0 no-repeat; line-height: 76px;}
h1 a {display: block;}
h2, h3 {font-weight: normal; letter-spacing: -1px;}
h2 {font-size: 18px; line-height: 24px; letter-spacing: -1px; color: #638441; padding: 20px 30px;}
h3 {font-size: 18px; line-height: 22px; font-weight: normal; padding: 15px 30px; color: #333; }
h4 {font-size: 14px; line-height: 14px; font-weight: normal; padding: 15px 30px 6px 30px; color: #638441; }

h4.alt {margin-bottom: 10px;}

/* Default / Alternative P Styles */
p {padding: 0 30px 16px 30px; color: #333; font-size: 12px; line-height: 16px;}


/*====================================================================
PAGE LAYOUT
======================================================================*/

body {background: #fbfbf7 url(../images/body_bgmain.gif) repeat-x top left; text-align: left;}
#home {background: #fbfbf7 url(../images/body_bg.gif) repeat-x top left;}
#header {width: 1000px; height: 76px; margin: 0 auto 2px auto; position: relative;}

#banner {width: 1000px; height: 205px; margin: 0 auto;  background: url(../images/ind_banner.jpg) no-repeat top; }
* html body #banner {z-index: -1;}
#banner h2 {color: #fff; font-size: 40px; margin-left: 30px; padding: 40px 0 24px 0; font-weight: bold; letter-spacing: -2px; width: 550px;}
#banner h2.drop {color: #fff; z-index: 0; position: absolute; padding: 0; margin: 0; left: 31px; top: 34px; line-height: 40px; }
#banner p {margin-left: 0; font-size: 18px; line-height: 22px; color: #fff; letter-spacing: -1px; padding-bottom: 16px;}
#banner a {color: #ffcc00;}

#header .laptop {position: absolute; left: 735px; top: 84px; width: 210px; height: 207px;}

#inner {width: 1000px; margin: 0 auto; margin-top: 20px;}

/* Home Page Elements */

#indLeft, #indContent {float: left; display: inline;}
#indLeft {width: 242px; background: url(../images/contactbox_bg.gif) no-repeat top; padding-bottom: 40px;}
#indContent {width: 748px; margin-left: 10px; padding-bottom: 60px;}

#indContent img.inset {float: left; border: 2px solid #fff; margin: 0 15px 20px 30px;}

#indLeft h3 {font-size: 14px; letter-spacing: normal; border-bottom: 1px solid #d6d6d2; margin: 15px 15px 15px 15px; padding: 10px 15px;}
#indLeft p {padding: 0 0 20px 30px;}
#indLeft img {margin-left: 30px;}

.indCol {width: 339px; float: left; display: inline; padding-left: 30px;}
.indCol h3, .indCol h4 {padding-left: 0;}
.indCol h3.alt {padding-bottom: 5px;}
.indCol p {padding-left: 0;}

.indCol .service {border-bottom: 1px solid #d6d6d2; border-top: 1px solid #fbfbf7; padding-top: 10px;}
.indCol .service img {float: left; margin-right: 10px; border: 1px solid #d6d6d2;}
.indCol .service p {padding-right: 15px;}
.indCol .service h4 {padding-top: 0;}
.indCol .service:hover {background: #f3f3ef;}

/*====================================================================
HOME PAGE LISTS
======================================================================*/

ul#servNav	{height: 29px; margin-left: 30px; }
ul#servNav li {margin: 0;  padding: 0;	list-style: none; float: left; }
ul#servNav li, ul#servNav a	{height: 29px; display: block; margin-right: 10px;}
ul#servNav li a	{text-indent: -9999px; text-decoration: none;}

ul#servNav #serv1 {width: 156px; background: url(../images/buttons/banner_repair.gif) no-repeat; }
ul#servNav #serv2 {width: 109px; background: url(../images/buttons/banner_upgrades.gif) no-repeat;}
ul#servNav #serv3 {width: 159px; background: url(../images/buttons/banner_sales.gif) no-repeat;}

#tabContainer {width: 1000px; margin: 7px auto 0 auto;}

ul#servTab	{height: 60px; margin: 0;}
ul#servTab li {margin: 0;  font-size: 14px; text-align: center; line-height: 60px; list-style: none; float: left; display: block; height: 60px; margin-right: 10px;}
ul#servTab li.last {margin: 0;}

#tab1 {width: 242px; background: url(../images/indlist_diagnosis.jpg) no-repeat; }
#tab2 {width: 243px; background: url(../images/indlist_collection.jpg) no-repeat;}
#tab3 {width: 243px; background: url(../images/indlist_apple.jpg) no-repeat;}
#tab4 {width: 242px; background: url(../images/indlist_recycle.jpg) no-repeat;}

/*====================================================================
TOP FEED
======================================================================*/

#feedContainer {width: 975px; margin: 0 auto; height: 28px; margin-bottom: 1px; padding-left: 25px;}
#feedContainer .info {float: left; display: inline; margin: 6px 0; display: block; font-size: 11px; line-height: 16px; color: #333;}
#feedContainer .first {border-right: 1px solid #333; padding-right: 15px; margin-right: 15px;}
#feedContainer img {float: left; margin-right: 10px;}

/*====================================================================
TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS
======================================================================*/

/* Alternative Header Styles */
h2.title {margin-bottom: 12px;}
h3.reviewTitle {font-size: 24px; line-height: 30px; letter-spacing: -1px; color: #000033; margin: 10px 15px 0 15px; font-style: normal;}

.contTel {font-size: 26px; letter-spacing: -2px; color: #678346; font-weight: bold; line-height: 38px;}
.contEmail {font-size: 16px;}
.feint {color: #666;}
.discreet {font-size: 9px; color: #666; line-height: 15px;}

/* Link Styles */
a {color: #678346; font-weight: normal; text-decoration: none;}
a:hover {text-decoration: underline;}

/* List Styles */
ul {font-size: 12px; margin: 0 50px 20px 60px;}
ul li {line-height: 14px; line-height: 16px; margin-bottom: 3px;}

ul.push {font-size: 12px; margin: 0 50px 20px 200px;}

/*====================================================================
COMPUTER SALES LIST
======================================================================*/

.sList {width: 710px; background: #fff url(../images/slist_bg.gif) bottom repeat-x; position: relative; border-bottom: 1px solid #b9bdb2; margin: 0 0 15px 30px;}
.sList p, .sList li {font-size: 11px; padding: 0 20px 14px 0; line-height: 14px;}
.sList h3 {font-size: 14px; color: #fff; padding: 0 10px; line-height: 38px; background: url(../images/slist_h3bg.gif) no-repeat top; border-bottom: 4px solid #dbe0d2;}
.sList .price {color: #678346; font-size: 24px; letter-spacing: -1px; position: absolute; left: 590px; top: 4px;}
.sList .content {padding: 10px 0; border-top: 1px solid #b9bdb2; border-bottom: 1px solid #cacec2;}
.sList .content h4 {padding: 5px 0 10px 0;}
.sList .content img {margin-bottom: 10px; max-width: 150px;}

.sList .content .photos {width: 150px; text-align: center; float: left;}
.sList .content .desc {width: 275px; float: left; }
.sList .content .spec {width: 250px; float: left; border-left: 1px solid #b9bdb2; padding: 0 15px 5px 15px; min-height: 200px;}

.sList .content .spec ul {margin: 0; padding: 0;}
.sList .content .spec ul li {margin: 0; padding: 0; list-style-type:none; line-height: 14px;}

.sList p.footinfo {line-height: 26px; padding: 0 10px; line-height: 60px; width: 400px;}
.sList p.footinfo strong {margin-left: 15px; }
.sList p.footinfo a {display: inline;}

.sList form {position: absolute; right: 5px; bottom: 2px;}


/*====================================================================
MAIN SITE NAVIGATION
======================================================================*/

ul#mainNav	{height: 76px; width: 541px; position: absolute; right: 70px; bottom: 0; background: url(../images/nav.gif) no-repeat top; margin: 0; }
ul#mainNav li {margin: 0;  padding: 0;	list-style: none; position: absolute; top: 0;}
ul#mainNav li, ul#mainNav a	{height: 76px; display: block;}
ul#mainNav li a	{text-indent: -9999px; text-decoration: none;}

#opt1 {left: 0; width: 54px;}
#opt2 {left: 54px; width: 71px;}
#opt3 {left: 125px; width: 61px;}
#opt4 {left: 186px; width: 76px;}
#opt5 {left: 262px; width: 47px;}
#opt6 {left: 309px; width: 74px;}
#opt7 {left: 383px; width: 90px;}
#opt8 {left: 473px; width: 68px;}

#opt1 a:hover {background: transparent url(../images/nav.gif) 0 -76px no-repeat;}
#opt2 a:hover {background: transparent url(../images/nav.gif) -54px -76px no-repeat;}
#opt3 a:hover {background: transparent url(../images/nav.gif) -125px -76px no-repeat;}
#opt4 a:hover {background: transparent url(../images/nav.gif) -186px -76px no-repeat;}
#opt5 a:hover {background: transparent url(../images/nav.gif) -262px -76px no-repeat;}
#opt6 a:hover {background: transparent url(../images/nav.gif) -309px -76px no-repeat;}
#opt7 a:hover {background: transparent url(../images/nav.gif) -383px -76px no-repeat;}
#opt8 a:hover {background: transparent url(../images/nav.gif) -473px -76px no-repeat;}

#opt1 a.current {background: transparent url(../images/nav.gif) 0 -152px no-repeat;}
#opt2 a.current {background: transparent url(../images/nav.gif) -54px -152px no-repeat;}
#opt3 a.current {background: transparent url(../images/nav.gif) -125px -152px no-repeat;}
#opt4 a.current {background: transparent url(../images/nav.gif) -186px -152px no-repeat;}
#opt5 a.current {background: transparent url(../images/nav.gif) -262px -152px no-repeat;}
#opt6 a.current {background: transparent url(../images/nav.gif) -309px -152px no-repeat;}
#opt7 a.current {background: transparent url(../images/nav.gif) -383px -152px no-repeat;}
#opt8 a.current {background: transparent url(../images/nav.gif) -473px -152px no-repeat;}

/* Pop Up Nav */
#mainNav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Style the list OR link hover. Depends on which browser is used */

#mainNav a:hover {visibility:visible; position:relative; z-index:200;}
#mainNav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#mainNav ul, #mainNav iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:300;}

#mainNav ul.sub1 {width:160px; z-index: 300;}

#mainNav :hover iframe.one {left:-55px; top:75px; width:160px; height:100px;}

#mainNav :hover ul {left:-55px; top:75px; background: #343434; padding:3px; border:1px solid #99cc66; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
#mainNav :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto; text-align: center;}
#mainNav :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#fff; text-decoration:none; text-indent: 0;}
#mainNav :hover ul li a:hover {background:#638441; color:#fff;}

/*====================================================================
BASIC ENQUIRY FORM
======================================================================*/

form#contact {padding: 0; border: 0; font-size: 12px; margin-left: 30px;}
form#contact fieldset {padding: 12px 0; border: 0;}

form#contact label, form#contact textarea, form#contact  select {display: block; float: left; padding-top: 3px; color: #666;}
form#contact label {margin: 0 5px 5px 0; text-align: left; width: 170px; padding-right: 5px;}
form#contact input {display: block; float: left; height: 18px; width: 200px; border: 1px solid #ccc; font-size: 12px; padding: 2px; margin-bottom: 5px;}
form#contact select {display: block; float: left; height: 20px; border: 1px solid #ccc; font-size: 12px; padding: 2px; margin-bottom: 5px;}
form#contact textarea {width: 250px; height: 150px; border: 1px solid #ccc; padding: 4px; font-size: 11px; margin-bottom: 7px;}

form#contact input:hover, form#contact textarea:hover, form#contact .submit:hover {border: 1px solid #333333;}

form#contact p.disclaimer {font-size: 11px; color: #666666; padding: 10px 200px 0 0;}

form#contact .submit {float: none; height: 29px; width: 156px; padding: 0; margin: 6px 0 10px 0; border: 1px solid #fff;}
form#contact br {clear: left;}

/*====================================================================
FOOTER
======================================================================*/

#footerContainer {border-top: 1px solid #d6d6d2;}
#footer {width: 1000px; margin: 0 auto; padding: 15px 0;}
#footer p {color: #666; font-size: 11px; padding-left: 0;}

ul#footNav	{margin-bottom: 15px; margin-left: 0;}
ul#footNav li {margin: 0;  padding: 0;	list-style: none; display: inline; margin-right: 15px;}
ul#footNav li a	{text-decoration: none;}