﻿body
{Margin:0;padding:o;background:#ededed;
     font-size:small;
     color:Black;
    font-family: Arial, Helvetica, sans-serif;
    line-height:14pt;
    color:#525252;
 }
 

a
{outline:none;}
div, img
{border:0;}

h2
{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size:large;margin:0;padding:0;
 }

p 
{margin-top:0px; 
    }

.access
{display:none;}

ul
{margin-top:0px;margin-left:0px;padding-left:15px; list-style-position: outside;display:block;}

li{display: list-item;}

.wrapper
{width:100%;border: 0 solid pink;}
.main
{
position:relative;
margin: auto;
width:782px;
border:0 solid blue;
}


/*left hand shadow*/
.left
{
position:absolute;
left:0;
top:0;
  height:700px;
  width:30px;
  border:0 solid pink;
  z-index:1;
  background-image:url(images/sprite.png);
   background-position: -1176px 0;
}

/*right hand shadow*/
.right
{
position:absolute;
right:0;
top:0;
  height:700px;
  width:30px;
  border:0 solid yellow;
   z-index:1;
    background-image:url(images/sprite.png);
   background-position: -1214px 0;
}

.content
{
    position:relative;
    z-index:100;
 background:#ededed;
 border:think solid green;
  margin: 0 30px 0 30px; 
  border:0px solid gray;
  border-top:0;
  border-bottom:0;
 }

.tabs
{
 z-index:2;  
 position:absolute; 
 top:32px;
 left:748px;
 width:65px;
 border:0px solid magenta;
 overflow:hidden;
}
.tabs div, .tabs a
{  width:89px;
  height:72px; display:block;}

.tab1 a
{ 
background-image:url(images/sprite.png);
background-position: -284px -296px;  
}
.tab1 a:hover {background-position: -215px -296px; }
.tab1on a {background-position: -215px -296px; }


.tab2 a
{ 
    background-image:url(images/sprite.png);
background-position: -284px -369px; 
}
.tab2 a:hover {background-position: -215px -369px; }
  .tab2on a {background-position: -215px -369px; }

.tab3 a
{ 
    background-image:url(images/sprite.png);
background-position: -284px -441px;   
}
.tab3 a:hover {background-position: -215px -441px; }
.tab3on a {background-position: -215px -441px; }

.tab4 a
{ 
    background-image:url(images/sprite.png);
background-position: -284px -513px;  
}
.tab4 a:hover {background-position: -215px -513px; }
.tab4on a {background-position: -215px -513px; }

.tab5 a
{ 
    background-image:url(images/sprite.png);
background-position: -284px -585px;  
}
.tab5 a:hover {background-position: -215px -585px; }
.tab5on a {background-position: -215px -585px; }

.tab6 a
{ 
    background-image:url(images/sprite.png);
background-position: -284px -657px;   
}
.tab6 a:hover {background-position: -215px -657px; }
.tab6on a {background-position: -215px -657px; }

.tab7 a
{ 
    background-image:url(images/sprite.png);
background-position: -284px -1332px;   
}
.tab7 a:hover {background-position: -215px -1332px; }
.tab7on a {background-position: -215px -1332px; }


.logo
{
 position:absolute;
 left:10px;
 top:20px; 
 z-index:200;  
 }

.logo a, .logo
{
display:block;
  width:195px;
  height:195px;    
  background-image:url(images/sprite.png);
background-position: -0 -0; 
}


.topgraphics
{
width:auto;
height:260px;
overflow:hidden;
}

.toplinks
{
position:absolute;
right:0;
top:10px; 
border:o solid green;
height:23px;
width:295px; 
overflow:hidden; 
z-index:300;
}

.toplinks a
{
display:inline block;
height:23px;
width:63px;  
background-image:url(images/sprite.png); 
float:left;
overflow:hidden;
 }
 
 .textpanel
 {margin-left:120px;margin-right:17px;
  border:0 solid purple;}
 
 
 
 
 /*headings */
 h1
 {display:block;
  
  height:34px;
  background-image:url(images/sprite.png); 
  margin:10px 0 0 0;padding:0;   overflow:hidden;
  }
  
  /* h1 titles */
  .completesolution{background-position: -362px -754px;width:390px;}
  .aboutus{background-position: -362px -788px;width:390px;}
  .theteam{background-position: -362px -822px;width:390px;}
  .facilities{background-position: -362px -856px;width:390px;}
  .contacts{background-position: -362px -890px;width:390px;}
  .whatwedo{background-position: -362px -924px;width:390px;}
  .design{background-position: -362px -958px;width:390px;}
  .development{background-position: -362px -992px;width:390px;}
  .multimedia{background-position: -362px -1026px;width:390px;}
  .database{background-position: -362px -1060px;width:390px;}
  .emarketing{background-position: -362px -1094px;width:390px;}
  .servers{background-position: -362px -1128px;width:390px;}
  .leisure{background-position: -362px -1162px;width:390px;height:26px;margin-bottom:6px;}
  .careers{ background-position: -996px -890px; width:238px; }
  
.corporate{background-position: -754px -754px;width:238px;}
.branding{background-position: -754px -788px;width:238px;}
.web{background-position: -754px -822px;width:238px;}
.lithoprint{background-position: -754px -856px;width:238px;}
.digitalprint{background-position: -754px -890px;width:238px;}
.tshirts{background-position: -754px -924px;width:238px;}
.banners{background-position: -754px -958px;width:238px;}
.stickers{background-position: -754px -992px;width:238px;}
.prices{background-position: -754px -1026px;width:238px;}
.storage{background-position: -754px -1060px;width:238px;}
.pickpack{background-position: -754px -1094px;width:238px;}
.collation{background-position: -754px -1128px;width:238px;}
.stockcontrol{background-position: -754px -1162px;width:238px;height:27px;margin-bottom:5px;}

.palletstorage{background-position: -996px -754px;width:270px;}
.products{background-position: -996px -788px;width:200px;}
.services{background-position: -996px -822px;width:200px;}
 
  
   .leftnav
 {
 width:122px;
 height:249px;    
 position:absolute; 
 z-index:260;   
 left:10px;
 top:260px;
 border:0 solid gold;
 background-image:url(images/sprite.png); 
 background-position: -1091px -1191px;
 }
  

  
  
  
.slideshow { height: 232px; width: 232px;}
.slideshow img {background-color: #eee; }


/*adblocks */
.adblock
{  }

.adblockretail, .adblockretail a {background-image:url(images/sprite.png);background-position: -363px -1191px;width:256px;display:block;  height:146px;}
.adblockretail a:hover {background-position: -363px -1338px;}
    .abblockretail {position:absolute;left:0;top:0;}

.adblockdesign, .adblockdesign a {position:relative;background-image:url(images/sprite.png);background-position: -619px -1191px;width:199px;display:block;  height:146px;float:left;}
 .adblockdesign a:hover {background-position: -619px -1338px;}
     .adblockdesign {position:absolute;left:256px;top:0;}

.adblockonline, .adblockonline a {position:relative;background-image:url(images/sprite.png);background-position: -818px -1191px;width:263px;display:block;  height:146px;float:left;}
.adblockonline a:hover {background-position: -818px -1338px;}
     .adblockonline {position:absolute;left:455px;top:0;}

.adblocktshirts, .adblocktshirts a {background-image:url(images/sprite.png);background-position: -363px -1485px;width:256px;display:block;  height:146px;}
.adblocktshirts a:hover {background-position: -363px -1632px;}
     .adblocktshirts {position:absolute;left:0px;top:0;}

.adblocklearn, .adblocklearn a {background-image:url(images/sprite.png);background-position: -619px -1485px;width:199px;display:block;  height:146px;}
.adblocklearn a:hover {background-position: -619px -1632px;}
     .adblocklearn {position:absolute;left:256px;top:0;}

.adblockdistribution, .adblockdistribution a 
{background-image:url(images/sprite.png);
 background-position: -818px -1485px;width:256px;display:block;height:146px;}
.adblockdistribution a:hover {background-position: -818px -1632px;}
     .adblockdistribution {position:absolute;left:455px;top:0;}

 /*end adblocks */
  

  
  
  .lowerblock
 {line-height:12px;height:240px;width:auto;background-image:url(images/sprite.png);background-position: -381px -506px;clear:both;position:relative;}
 
 .address
 {color:white;position:absolute;left:270px;top:60px;width:151px;font-size:x-small;}
 
 .lowerblockdesign a
 {display:block;background-image:url(images/sprite.png);background-position: -210px -435px;width:70px;height:72px;}
 .lowerblockdesign
 {position:absolute;left:482px;top:30px;display:block;background-image:url(images/sprite.png);background-position: -210px -435px;}
 .lowerblockdesign a:hover, .lowerblockdesignon a
 {background-position: -210px -987px;}
 
   .lowerblockonline a
 {display:block;background-image:url(images/sprite.png);background-position: -210px -363px;width:70px;height:72px;}
 .lowerblockonline
 {background-image:url(images/sprite.png);background-position: -210px -363px;position:absolute;left:560px;top:30px;display:block;}
  .lowerblockonline a:hover, .lowerblockonlineon a
 {background-position: -210px -915px;}
 
  .lowerblockprint a
 {display:block;background-image:url(images/sprite.png);background-position: -210px -507px;width:70px;height:72px;}
 .lowerblockprint
 {position:absolute;left:638px;top:30px;display:block;background-image:url(images/sprite.png);background-position: -210px -507px;}
  .lowerblockprint a:hover, .lowerblockprinton a
 {background-position: -212px -1060px;}
 
  .lowerblockdistribution a
 {display:block;background-image:url(images/sprite.png);background-position: -210px -579px;width:70px;height:72px;}
 .lowerblockdistribution
 {position:absolute;left:482px;top:109px;display:block;background-image:url(images/sprite.png);background-position: -210px -579px;}
 .lowerblockdistribution a:hover, .lowerblockdistributionon a
 {background-position: -210px -1131px;}
 
  .lowerblockretail a
 {display:block;background-image:url(images/sprite.png);background-position: -210px -651px;width:70px;height:72px;}
 .lowerblockretail
 {position:absolute;left:560px;top:109px;display:block;background-image:url(images/sprite.png);background-position: -210px -651px;}
 .lowerblockretail a:hover, .lowerblockretailon a
 {background-position: -210px -1203px;}
 
   .lowerblockgroup a
 {display:block;background-image:url(images/sprite.png);background-position: -210px -290px;width:70px;height:72px;}
 .lowerblockgroup
 {position:absolute;left:638px;top:108px;display:block;background-image:url(images/sprite.png);background-position: -210px -290px;}
 .lowerblockgroup a:hover,  .lowerblockgroupon a
 {background-position: -210px -842px;}


 
 .quicklinks
 {
  font-size:x-small; color:White;position:absolute;top:217px;left:15px;
 }
 
 .bloglinks
 {
 position:absolute;top:210px;right:15px;
 }
 
 .col1
 {
 width:330px;
  min-height:488px;
  height:auto !important;
  height:488px;
 }
 
 
  
 table
 {border:0;
  padding:0;
  margin:0;
  font-size:x-small;width:560px;}
  
  td
  {padding:2px;}

.tabletitle
{font-weight:bold;color:#b7057b;}
 
 
 .col2
 {float:right;width:220px;position:relative;}
 
 .validation-summary-errors
 {color:red;}
 
 .col1 input, .col textarea
 {border:1px solid gray;width:160px;}
 
 .pricetable
 {width:300px;}
 
 .prtableleft
 {float:left;padding:5px;}
 
 .prtableright
 {float:right;padding:5px;}
 
 .pod
 {
 display:block;
 height:64px;
 width:92px;
 position:absolute;
 left:20px;
 top:530px;
 background-image:url(images/print_on_demand.gif);
 border:0 solid black;
 z-index:2000;
 }
 
 .pod a
 {
  background-image:url(images/print_on_demand.gif);
  height:64px;
 width:92px;
 display:block;
 background-position: -92px 0;
 }
 
 .pod a:hover
 {background-position: 0 0;}

 
 

