@charset "UTF-8";

/* CSS Document */

body { background-image: url(images/bg.jpg); background-repeat: repeat-x; margin:0; padding:0; background-color: #fff; font-family:Arial, Helvetica, sans-serif; color:#000; }

p { line-height:22px; font-size:0.79em }

h1 { font-size:1.3em; }

.h1-under { font-size:0.7em; font-weight:normal; color:#999; display:block; clear:left; }

h2 { font-size:0.9em; padding:0; margin:0; color:#4c4c4c; }

h3 { font-size:0.8em; padding:2px; margin:2px; }

h4 { font-size:0.8em; color:#666; }

.introtext { font-size:0.8em; }

.contact { font-size:0.8em; color:#155c89; font-weight:bold; }

.contactsmall { font-size:0.7em; color: #999; font-weight:bold; line-height:14px; }

.border { width:100px; overflow:hidden; border-bottom:1px dashed #000; border-top:1px dashed #000; padding:10px 0; margin-bottom:40px; }

.bordersmall { width:289px; overflow:hidden; border-bottom:1px dashed #000; border-top:1px dashed #000; margin-bottom:20px; }

ul { font-size:0.7em; line-height:24px; }

#nav ul { display:block; margin:0; padding:0; }

#nav li { display:inline; margin:0; padding:0; }

a.links { color:#eaeaea; text-decoration:none; }

.boldheader { font-size:1.2em; color:#900; font-weight:bold; margin:0; padding:0; text-shadow:1px 1px 1px #333; border-bottom:1px solid #CCC; }

.boldside { font-size:0.9em; color:#666; font-weight:bold; margin:0; padding:0; text-shadow:1px 1px 1px #fff; border-bottom:1px solid #CCC; }

.red { color:#900; font-weight:bold; }

.redcaps { color:#900; font-weight:bold; text-transform:uppercase; }

.redlarge { color:#900; font-weight:bold; font-size:1.7em; }

.sidelarge { font-size:1.3em; color:#036; font-weight:bold; text-transform:uppercase; padding:5px 0; margin:5px 0; border-top:1px #000 solid; border-bottom:1px #000 solid; }

.ul-close { float:left; background-color:#d5c300; border:1px solid #333; width:350px; height:auto; overflow:hidden; margin:15px 0 10px 15px; }

.li-close { list-style-image:url(images/bullet.gif); border-bottom:1px dashed #e4dd8b; font-weight:bold; font-size:1.2em; color:#036; line-height:30px; margin-left:20px; width:80%; }

.li-close2 { list-style-image:url(images/bullet.gif); font-weight:bold; font-size:1.2em; color:#036; line-height:30px; margin-left:20px; width:80%; }

.bold-ad { font-size:0.9em; }

.pclose { margin:0; padding:0; }

.pcloseunder { margin:0 0 10px 0; padding:0 0 10px; font-weight:bold; font-style:italic; }

.teamhead { font-size:0.9em; color:#900; text-transform:uppercase; margin:2px 0 0; padding:2px 0 0; }

/*Design div id tags */

#header { margin:0 auto; width:908px; height:79px; }

#headerl { float:left; width:374px; height:69px; padding:10px 0 0 30px; background-image:url(images/header-bg.jpg); }

#headerr { float:left; width:504px; height:79px; }

#flash { margin:13px auto 0 auto; width:908px; height:222px; clear:both; }

#nav { margin:20px auto 0 auto; width:908px; height:46px; padding:0 0 0 14px; }

#main { margin:0 auto; width:908px; height:auto; overflow:hidden; }

#mainl { float:left; width:580px; padding:0px 20px 0 0; margin:0; }

#mainr { float:right; width:235px; padding:10px 25px; margin:0; background-color:#eaeaea; }

#quickenquiry { width:239px; height:auto; overflow:hidden; padding:10px 0; }

#rssfeed { width:239px; height:auto; }

.contain { width:580px; clear:both; height:auto; overflow:hidden; margin:0 0 10px; }

.contactinfo { float:left; width:220px; height:230px; }

.mapright { float:right; width:350px; height:230px; }

/*ad tabs*/

#adtitle,
#adtitle-1,
#adtitle-2,
#adtitle-3 { width:558px; height:auto; margin:0; padding:5px 0 5px 10px; background-color:#eee; }

#adtitle2,
#adtitle2-1,
#adtitle2-2 { width:558px; height:auto; margin:0; padding:5px 0 5px 10px; background-color:#ccc; }

.adtitle { font-size:0.8em; font-weight:bold; color:#666; line-height:14px; padding:0; margin:0; }

.morelesslink { display:none; width:538px; background:#eee; color:#333; padding:.3em .6em .3em 2em; border:1px solid #999; cursor:pointer; }

.more { background:url(images/more.gif) no-repeat 5px center; }

.less { background:url(images/less.gif) no-repeat 5px center; }

.adtext { line-height:12px; }

.adtextbold { font-weight:bold; }

/*link rollovers*/
#home { float:left; display:block; width:130px; height:46px; background:url("/images/home-nav.gif") no-repeat 0 0; }

#home:hover { background-position:0 -46px; }

#home span { display:none; }

#shop { float:left; display:block; width:114px; height:46px; background:url("/images/shop-nav.gif") no-repeat 0 0; }

#shop:hover { background-position:0 -46px; }

#shop span { display:none; }

#screens { float:left; display:block; width:171px; height:46px; background:url("/images/laptop-screen-repair-nav.gif") no-repeat 0 0; }

#screens:hover { background-position:0 -46px; }

#screens span { display:none; }

#testimonials { float:left; display:block; width:174px; height:46px; background:url("/images/testimonials-nav.gif") no-repeat 0 0; }

#testimonials:hover { background-position:0 -46px; }

#testimonials span { display:none; }

#team { float:left; display:block; width:182px; height:46px; background:url("/images/team-nav.gif") no-repeat 0 0; }

#team:hover { background-position:0 -46px; }

#team span { display:none; }

#contact { float:left; display:block; width:124px; height:46px; background:url("/images/contact-nav.gif") no-repeat 0 0; }

#contact:hover { background-position:0 -46px; }

#contact span { display:none; }

/*footer*/

#footer { margin:10px auto; width:1000px; height:auto; overflow:hidden; padding:15px 0; clear:both; border-top:1px #CCC solid; }

#footer ul { margin:0; padding:0; list-style:none; display:block; text-align:center; }

#footer li { padding:0 10px; border-right:1px #333 solid; display:inline; }

#footer a { color:#036; }

.copy { font-size:0.7em; line-height:18px; text-align:center; color:#333; }

/*php forms*/

.form { font-size:0.7em; margin:0; padding:0; clear:both; }

.formreduction { padding:0; margin:0; }

.formheader { color:#333; font-size:0.9em; padding:0; margin:0; }

.formstyle { width:230px; height:18px; background-color: #FFF; margin:0 0 4px; padding:2px; border: 1px solid #b6b6b6; color: #6b6b6b; font-family: Arial; }

.formbottons { width:234px; height:22px; margin-top:6px; background-color:#e7df04; color:#000; }

.form1 { margin-left:15px; width:167px; margin-bottom:5px; margin-top:7px; }

.form2 { width:230px; margin:1px; }

.formstyle2 { width:120px; background-color: #4d5256; padding:1px; margin-bottom:3px; border: 1px solid #333; color: #FFF; font-family: Arial; font-size:1.3em; }

.formstyle3 { width:225px; background-color: #4d5256; padding:1px; margin-bottom:3px; border: 1px solid #333; color: #FFF; font-family: Arial; font-size:0.69em; }

.contactformbox { border:1px solid #000066; font-size:0.8em; font-family:Arial, Helvetica, sans-serif; padding:4px; }

.formstylex { width:168px; background-color: #ffffff; padding:1px; margin-bottom:3px; border: 1px solid #b2afaf; color: #333; font-family: Arial; }

.phpstyle4 { color: #008000; }

.phpstyle3 { color: #c33131; }

.tickyellowbox { background-color: #eff6ef; border: 1px solid #008000; }

.tickredbox { background-color: #f9eaea; border: 1px solid #c33131; }

.linkbox { width:98%; border: 1px #000 solid; background-color: #ccc; margin:10px 0; padding:10px; color: #333; font-size:0.69em; text-align:center; }

#basefooter { width:100%; height:auto; font-family:Verdana, Geneva, sans-serif; font-size:0.7em; text-align:center; }

/*blog*/

.box { border-bottom:1px #425c71 dotted; border-top:1px #425c71 dotted; padding:6px 0; margin:3px 0; height:auto; overflow:hidden; }

.box a { font-style:italic; font-size:0.8em; }

.previous { float:left; }

.next { float:right; }

.box-around { border-top:1px dotted #FFF; padding:7px 0; margin:3px 0; }

.box-around p { font-size:0.63em; color: #425c71; font-weight:normal; line-height:10px; }

.box-around a { font-size:1em; color: #425c71; font-weight:normal; }

h3 { color:#CCC; font-size:1.1em; }

.blog p { font-size:0.69em; color:#425c71; line-height:10px; }

.blog a { font-size:1em; color:#687885; }

.blogsubmit { width:180px; background-color:#156a83; padding:2px 1px; margin:10px 0; border: 1px solid #8f897c; color: #fff; font-size:0.8em; font-weight:bold; }

.commentbox { background-color:#1c3f59; padding:3px 10px; margin:5px 0; }

.commentborder { border-bottom:1px solid #FFF; border-top:1px solid #FFF; padding:5px 0; margin:5px 0; }

.commentlist li { border-bottom:1px solid #435e72; padding:5px 0; margin:5px 0; width:92%; }

.sidebox { float:left; padding:0; margin:0; font-size:1em; font-weight:normal; color:#FFF; }

.sidebox p { color:#000; font-size:1.2em; font-weight:bold; }

.sidebox a { color:#000; font-size:1.4em; }

.sidebar { margin:0; padding:0; list-style:none; }

.indexpost { border-bottom:1px solid #435e72; padding:5px 0; margin:5px 0; }

.indexpost p { font-weight:normal; font-size:0.7em; }

.indexpost a { font-weight:normal; font-size:1em; color:#036; }

.indexred { color:#C60; padding:0; margin:0; }

.feederdate { color:#999; padding:0; margin:0; font-weight:normal; font-size:0.8em; }

.h2-post { font-size:1.2em; color:#CCC; }

a.readmore { font-size:0.9em; padding:0; margin:0; }

.feeder { height:auto; overflow:hidden; }

#feeder { height:auto; overflow:hidden; }

#feeder a { font-size:1em; color:#333; padding:0; margin:0; }

#feeder ul { display:block; margin:0; padding:0; }

#feeder li { list-style:none; border-top:1px dotted #CCC; padding:5px; }