@charset "utf-8";
/* CSS Document */

body
{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
color: #FFFFFF;
height:100%;
background-color:#ffffff;
background:url(images/header-bg.jpg) repeat-x;
}




div {
padding:0;
margin:0;
} 

p {
padding:0;
margin:0;
font-size:14px;
color:#5f5f5f;
line-height:20px;
} 


#wrapper{
position: relative;
width: 927px;
height: auto;
min-height: 100%;
margin: 0 auto;
}




#topmenu {
width:750px;
height:81px;
font-size:13px;
float:left;
margin-left:-40px;
display:inline;
}

#topmenu ul {
margin:0;
margin-top:35px;
list-style:none;
}

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

#topmenu a {
float:left;
margin:0;
height: 46px;
padding-left:20px;
text-decoration:none;
font-size:13px;
font-weight:bold;
color:#939393;
}

#topmenu a span {
float:left;
height: 46px;
display:block;
margin-right:2px;
color:#939393;
padding-right:20px;
line-height:35px;
}


#topmenu a:hover {
background:url("images/left.png") no-repeat left top;	
}

#topmenu a:hover span {
background:url("images/right.png") no-repeat right top;
color:#ffffff;
}


.activeTop1 {
background:url("images/left.png") no-repeat left top;	
}

.activeTop2 {
background:url("images/right.png") no-repeat right top;
color:#ffffff !important;
}




#searchForm{
width:200px;
float:right;
margin:0;
padding:0;
margin-top:43px;
}

.searchPart{
width:11px;
height:21px;
float:left;
background:url(images/search-left.png) no-repeat;
}


.searchField{
width:150px;
height:17px;
border:0;
background-color:#b4d9f9;
border-top:1px solid #97b6d1;
border-bottom:1px solid #f9f9f9;
float:left;
}


.searchButton{
width:21px;
height:21px;
float:left;
background:url(images/search.jpg) no-repeat;
border:0;
}




#heading{
position: relative;
width: 927px;
height: 227px;
float:left;
}

#logo{
position: relative;
width: 119px;
height: 223px;
float:left;
}

#toptext{
position: relative;
width: 578px;
height: 223px;
float:left;
}



#toptext h3{
color:#616161;
font-size:18px;
padding-left:70px;
padding-top:50px;
padding-bottom:10px;
font-weight:lighter;
}

#toptext p{
color:#616161;
font-size:11px;
padding-left:70px;
padding-top:0;
line-height:20px;
}

#animation{
position: relative;
width: 230px;
height: 223px;
float:left;
}


#loginHeading{
position: relative;
width: 927px;
height: 47px;
float:left;
background:url(images/login-bg.jpg) no-repeat;
}


#loginHeading p{
font-family:Helvetica;
font-size:15px;
color:#FFFFFF;
font-weight:bold;
line-height:47px;
margin-left:680px;
}



#leftMenuHolder{
position: relative;
width: 177px;
height: auto;
float:left;
margin-top:20px;
}



#callbackButton{
position: relative;
width: 177px;
height: 44px;
float:left;
background:url(images/callback-button.jpg) no-repeat;
text-decoration:none;
}

#callbackButton p{
line-height:44px;
font-size:12px;
color:#828282;
margin-left:45px;
font-weight:bold;
}

#callbackButton span{
line-height:44px;
font-size:12px;
color:#828282;
margin-left:45px;
font-weight:bold;
}

#quoteRequestButton{
position: relative;
width: 177px;
height: 44px;
float:left;
background:url(images/quote-button.jpg) no-repeat;
text-decoration:none;
margin-bottom: 45px;
}

#quoteRequestButton p{
line-height:44px;
font-size:12px;
color:#828282;
margin-left:45px;
font-weight:bold;
}

/* added for span */
#quoteRequestButton span{
line-height:44px;
font-size:12px;
color:#828282;
margin-left:45px;
font-weight:bold;
}


#leftMenuHolder ul{
list-style:none;
margin:0;
padding:0;
}

#leftMenuHolder ul li a{
position: relative;
width: 177px;
height: 32px;
float:left;
background:url(images/left-menu-bg.png) no-repeat;
text-decoration:none;
}



#leftMenuHolder ul li a p{
line-height:32px;
font-size:14px;
color:#757575;
margin-left:20px;
font-weight:bold;
}
/* added for span */
#leftMenuHolder ul li a span{
line-height:32px;
font-size:14px;
color:#757575;
margin-left:20px;
font-weight:bold;
}

#leftMenuHolder ul li{
list-style:none;
margin:0;
padding:0;
}

#leftMenuHolder ul ul{
list-style:none;
margin:0;
padding:0;
}


#leftMenuHolder ul ul li{
list-style:none;
margin:0;
padding:0;
}


#leftMenuHolder ul ul li a{
position: relative;
width: 177px;
height: 32px;
float:left;
background:url(images/left-submenu-bg.png) no-repeat;
text-decoration:none;
}

#leftMenuHolder ul ul li a p{
line-height:32px;
font-size:12px;
color:#757575;
margin-left:35px;
}

#leftMenuHolder ul ul li a:hover p{
color: #007aad;
margin-left:50px;
}

/* added for span */
#leftMenuHolder ul ul li a span{
line-height:32px;
font-size:12px;
font-weight:bold;
color:#757575;
margin-left:35px;
}

#leftMenuHolder ul ul li a:hover span{
color: #007aad;
font-weight:bold;
margin-left:50px;
}

.active{
color: #007aad !important;
margin-left:50px !important;
}



#otherServices{
position: relative;
width: 177px;
height: 45px;
background:url(images/services-bg.jpg) repeat-x;
float:left;
margin-top:45px;
}

#otherServices p{
line-height:32px;
font-size:13px;
color:#FFFFFF;
margin-left:5px;
}



.banner{
width:177px;
height:auto;
float:left;
}


#mainContent{
position: relative;
width: 729px;
height: auto;
float:left;
margin-left:21px;
display:inline;
}


.pricingContent{
position: relative;
width: 729px;
height: auto;
float:left;
margin-left:21px;
display:inline;
}

.pricingContentPart1{
position: relative;
width: 429px;
height: auto;
float:left;
display:inline;
}


.pricingContentPart1 h2{
font-size:21px;
color:#414141;
line-height:40px;
margin:20px;
font-weight:normal;
}
	

.pricingContentPart2{
position: relative;
width: 300px;
height: auto;
float:left;
display:inline;
text-align:right;
}

.pricingContentPart2 p{
font-size:12px;
color:#414141;
line-height:25px;
margin:20px;
margin-right:40px;
font-weight:bold;
}

#homeTop{
position: relative;
width: 729px;
height: 200px;
float:left;
display:inline;
}


#homeTopText{
position: relative;
width: 405px;
height: 200px;
float:left;
display:inline;
border-bottom:1px solid #e6e6e6;
}


#homeTopText p{
font-size:12px;
color:#808080;
line-height:25px;
margin:20px 0 20px 20px;
}

#login{
position: relative;
width: 249px;
height: 140px;
float:left;
display:inline;
margin:20px;
margin-left:55px;
padding-top:20px;
}


.loginSign{
width:85px;
height:30px;
float:left;
}

.loginSign p{
line-height:18px;
font-size:12px;
color:#464646;
}

#login input{
width:150px;
height:18px;
border: 1px solid #c1c1c1;
line-height:18px;
font-size:12px;
color:#464646;
float:left;
margin:0;
padding:0;
}

.loginInput{
width:150px;
height:30px;
float:left;
margin:0;
padding:0;
}

#login .loginBtn{
width:59px;
height:26px;
float:left;
border:0;
float:left;
margin-left:178px;
display:inline;
}



#wooden{
position:relative;
width:752px;
height:220px;
float:left;
margin: 10px 0 0 0;
}


#bestsellers{
position:relative;
width:729px;
height:138px;
float:left;
margin-top:45px;
background:url(images/best-sellers-bg.jpg) no-repeat;
}



#bespokeusb{
position:relative;
width:729px;
height:138px;
float:left;
margin-top:45px;
background:url(images/bespoke-bg.jpg) no-repeat;
}


#mini{
position:relative;
width:729px;
height:138px;
float:left;
margin-top:45px;
background:url(images/mini-bg.jpg) no-repeat;
}


#login a{
line-height:30px;
font-size:11px;
color:#464646;
text-decoration:none;
margin-left:20px;
}


.homePromoText{
position:relative;
width:420px;
float:left;
display:inline;
margin:13px;
}

.homePromoText p{
margin-top:60px;
margin-left:20px;
line-height:18px;
font-size:12px;
color:#808080;
}


.homePromoLink{
position:relative;
width:251px;
height:111px;
float:left;
display:inline;
margin-top:27px;
}

.homePromoLinkSpan{
position:relative;
width:251px;
height:111px;
float:left;
}


#productsHolder{
position:relative;
width:100%;
height:auto;
margin-left:-5px;
}

.flashdrivesCategory{
position:relative;
width:342px;
height:158px;
float:left;
margin:5px;
display:inline;
}

.flashdrivesCategory p{
margin-top:-135px;
margin-left:70px;
color:#8e8e8e;
font-weight:bold;
}

.flashdrivesCategory a{
text-decoration:none;
}


.pricesCategory{
position:relative;
width:342px;
height:158px;
float:left;
margin:5px;
display:inline;
margin-top:10px;
}

.pricesCategory a{
text-decoration:none;
}

.pricesCategory p{
margin-top:-135px;
margin-left:70px;
color:#8e8e8e;
font-weight:bold;
text-align:right;
margin-right:20px;
}

.pricesCategory span{
margin-top:100px;
margin-left:230px;
font-family:Helvetica, sans-serif;
color:#000000;
text-align:right;
font-size:14px;
height:auto;
padding-top:40px;
}


.seeMore{
margin-top:85px !important;
font-family:Helvetica, sans-serif !important;
margin-right:30px !important;
color:#ffffff !important;
text-align:right !important;
font-size:14px !important;
height:auto !important;
}

#nav{
position: relative;
width: 529px;
height: 50px;;
float:left;
display:inline;
}

#nav h1{
color:#414141;
font-size:21px;
line-height:50px;
font-weight:normal;
}

#nav2{
position: relative;
width: 200px;
height: 50px;;
float:left;
display:inline;
text-align:right;
}

#nav2 p{
color:#414141;
line-height:50px;
font-weight:normal;
margin-top:10px;
}

.listproduct{
position:relative;
width:226px;
height:211px;
float:left;
margin:8px;
display:inline;
text-decoration:none;
}

.listproduct p{
margin-top:-190px;
margin-left:60px;
color:#63b4f9;
font-weight:bold;
}

.feedback{
width:100%;
font-size:12px;
line-height:20px;
margin:5px;
color:#808080;
margin-top:20px;
float:left;
}

.clientName{
 width:100%;
font-size:14px;
line-height:20px;
margin:5px;
text-align:right;
font-weight:bold;
color:#808080;
}

.baby{
color:#8e8e8e !important;	
}



#page{
position: relative;
width: 729px;
height: auto;
float:left;
margin-left:21px;
display:inline;
}


#search{
position: relative;
width: 729px;
height: auto;
float:left;
margin-left:21px;
display:inline;
}



#page p{
width:100%;
font-size:12px !important;
line-height:20px !important;
color:#808080 !important;
margin-top:20px !important;
float:left;
}

#page a{
 text-decoration:none;
 font-weight: bold;
 color: #909090; 
}

#page h1{
color:#414141;
font-size:21px;
line-height:50px;
font-weight:normal;
}


#page h2{
color:#808080;
font-size:14px;
line-height:32px;
}

#page ul li{
list-style-image:url(images/li1.png);
font-size:12px !important;
line-height:20px !important;
color: #808080;
margin-top:20px;
}

#page ol li{
list-style-image:url(images/li1.png);
font-size:12px !important;
line-height:20px !important;
color: #808080;
margin-top:20px;
margin-left:40px;
}



#pageInsideHolder{
position: relative;
width: 729px;
height: auto;
float:left;
margin-top:50px;
display:inline;
}



.packPortfolioCell{
position:relative;
width:351px;
height:256px;
margin:3px;
float:left;
}


#packPortfolioHeading{
position:relative;
width:351px;
height:163px;
background:url(images/packaging/portfolio.jpg) no-repeat;
float:left;
}

#packArrows{
position:relative;
width:351px;
height:58px;
float:left;
}

#packArrows a{
float:left;
}

#packPortfolioBottom{
position:relative;
width:351px;
height:33px;
background:url(images/packaging/nav-bottom-blue.jpg) no-repeat;
float:left;
}

#packPortfolioBottom p{
margin:0;
padding:0;
margin:5px !important;
margin-left:110px !important;
line-height:16px;
font-size:12px;
color:#FFFFFF !important;
}

#packPortfolioBottom a{
line-height:16px;
font-size:12px;
color:#FFFFFF !important;
}


.aboutHolder{
position:relative;
width:727px;
height:418px;
float:left;
margin-top:20px;
background:url(images/about-holder.png) no-repeat;
}

.aboutHolder h2{
width:348px;
float:left;
margin-left:80px;
margin-top:25px;
display:inline;
}


.aboutHolder p{
width:338px !important;
float:left;
margin-left:30px;
margin-right:60px;
display:inline;
}

.aboutHolder ul li{
width:340px;
float:left;
margin-left:10px;
margin-top:5px !important;
}




#servicesmenu {
width:100%;
height:34px;
font-size:13px;
float:left;
display:inline;
}

#servicesmenu ul {
margin:0;
margin-top:35px;
list-style:none;
}

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

#servicesmenu a {
float:left;
margin:0;
height: 34px;
padding-left:8px;
text-decoration:none;
font-size:11px;
font-weight:bold;
color:#4b4b4b;
}

#servicesmenu a span {
float:left;
height: 34px;
display:block;
margin-right:2px;
color:#4b4b4b;
padding-right:7px;
line-height:34px;
}


#servicesmenu a:hover {
background:url("images/services-menu-left.png") no-repeat left top;	
}

#servicesmenu a:hover span {
background:url("images/services-menu-right.png") no-repeat right top;
color:#4b4b4b;
}


.activeService1 {
background:url("images/services-menu-left.png") no-repeat left top;	
}

.activeService2 {
background:url("images/services-menu-right.png") no-repeat right top;
color:#4b4b4b !important;
}

#servicesholder{
position: relative;
width: 729px;
padding-top:70px;
height: auto;
float:left;
display:inline;
background:url("images/services-bg1.jpg") repeat-x;	
margin-top:34px;
}





#servicesholder p{
color:#808080;
margin:10px; 
}

.print{
position: relative;
width: 726px;
height:206px;
float:left;
display:inline;
background:url("images/printing-holder.png") no-repeat;	
margin-top:34px;
}



.printPart1{
position: relative;
width: 330px;
height:206px;
float:left;	
}

.printPart2{
position: relative;
width:396px;
height:206px;
float:left;	
}

.printPart2 p{
margin-top:	65px !important;
}

.print h3{
width:230px;
float:left;
margin-left:80px;
margin-top:28px;
display:inline;
color:#8e8e8e;
font-size:13px;
}


.print img{
width:268px !important;
float:left;
margin-left:30px;
margin-top:10px;
display:inline;
}


.print ul{
margin-top:	65px;
}




.print ul li{
width:340px;
float:left;
margin-left:10px;
margin-top:5px !important;
}


.package{
margin:10px;
}

.shells{
margin:5px;
}


.productName{
color:#414141;
font-size:21px;
line-height:70px;
font-weight:bold !important;
border-bottom: 1px solid #cacaca;
}



.productDetailsHolder{
width:100%;
height:auto;
float:left;
}


.productLink{
color: #555656 !important;
font-size:16px;
font-weight:bold;
line-height:50px;
text-decoration:none;
}


#productImage{
position:relative;
width:570px;
overflow: hidden;
height:426px;
float:left;
background:url(images/image-bg.jpg) no-repeat;
text-align: center; /* Added by jav*/
}


/*-commented by jav
#Pimage{
border:1px solid #d6d5d0;
border-left:7px solid #5eb6fd;
}*/
/* Updated by jav */
#Pimage{
border-top:1px solid #d6d5d0;
margin-left: 7px; 
max-width: 562px!important; 
}


#productThumbs{
position:relative;
width:159px;
height:426px;
float:left;
display:inline;
}

#productThumbs a{
position:relative;
width:135px;
height:135px;
float:left;
display:inline;
margin: 0 10px 10px 10px;
}


#productDetails1{
position:relative;
width:425px;
height:auto;
float:left;
display:inline;
border-right:1px solid #d1d1d1;
}


.column1{
position:relative;
width:200px;
height:auto;
float:left;
display:inline;
}

.column1 p{
color: #666464 !important;
font-size:12px;
font-weight:bold;
line-height:15px;
text-decoration:none;
margin-top:0 !important;
}

.column2{
position:relative;
width:225px;
height:auto;
float:left;
display:inline;
}

.column2 p{
color: #666464 !important;
font-size:12px;
line-height:15px;
text-decoration:none;
margin-top:0 !important;
}

#productDetails2{
position:relative;
width:300px;
height:auto;
float:left;
display:inline;
}

.accLink{
color: #666464 !important;
font-size:13px;
font-weight:bold;
line-height:30px;
margin-left:20px;
text-decoration:none;
}


.contactCell{
position:relative;
width:364px;
height:250px;
float:left;
margin-top:10px;
}

.contactCell h4{
color: #808080 !important;
font-size:16px;
line-height:25px;
text-decoration:none;
margin-top:0 !important;
margin:0;
padding:0;
padding-left:50px;
}


#contactMap{
position:relative;
width:754px;
height:374px;
float:left;
background:url(images/Map.jpg) no-repeat;
margin-top:-50px;
}

#office1{
position:absolute;
width:160px;
height:20px;
top:90px;
left:37px;
cursor:pointer;
}

#usDetails{
position:absolute;
top:110px;
left:37px;
}

#usDetails p{
font-family:Helvetica !important;
font-size:11px !important;
color:#000000 !important;
margin-left:15px !important;
line-height:16px !important;
}



#office2{
position:absolute;
width:126px;
height:20px;
top:85px;
left:218px;
cursor:pointer;
}

#frDetails{
position:absolute;
top:105px;
left:218px;
}

#frDetails p{
font-family:Helvetica !important;
font-size:11px !important;
color:#000000 !important;
margin-left:15px !important;
line-height:16px !important;
}



#office3{
position:absolute;
width:160px;
height:20px;
top:71px;
left:353px;
cursor:pointer;
}

#ukDetails{
position:absolute;
top:91px;
left:353px;
}

#ukDetails p{
font-family:Helvetica !important;
font-size:11px !important;
color:#000000 !important;
margin-left:15px !important;
line-height:16px !important;
}

#office4{
position:absolute;
width:160px;
height:20px;
top:129px;
left:580px;
cursor:pointer;
}

#chDetails{
position:absolute;
top:149px;
left:580px;
}

#chDetails p{
font-family:Helvetica !important;
font-size:11px !important;
color:#000000 !important;
margin-left:15px !important;
line-height:16px !important;
}

.contactCell p{
width:100%;
font-size:12px !important;
line-height:20px !important;
color:#808080 !important;
margin-top:0 !important;
float:left;
padding-left:50px;
}


.contactCell2{
position:relative;
width:364px;
height:auto;
float:left;
margin-top:10px;
}

.contactCell2 input{
width:324px;
height:24px;
line-height:24px;
border:1px solid #cacaca;
color:#999999;
}


.contactCell2 textarea{
width:324px;
height:100px;
line-height:24px;
border:1px solid #cacaca;
color:#999999;
}

.contactCell3{
position:relative;
width:728px;
height:auto;
float:left;
margin-top:10px;
}

.contactCell3 textarea{
width:728px;
height:180px;
border:1px solid #cacaca;
color:#999999;
}

.contactCell3 select{
width:728px;
height:24px;
border:1px solid #cacaca;
color:#999999;
}

.sendBtn{
position:relative;
width:70px;
height:22px;
float:left;
background:url(images/send.jpg);
border:0;
cursor:pointer;
}

#subfooter{
position:relative;
width:729px;
height:90px;
float:left;
margin-top:68px;
}


#logosStrip{
position:relative;
width:729px;
height:55px;
background:url(images/logos-strip.jpg) no-repeat right;
float:left;
}

#subfooterlinks{
position:relative;
width:729px;
height:35px;
float:left;
text-align:right;
}



#subfooterlinks p, #subfooterlinks a{
color: #656565;
font-size:11px;
line-height:35px;
text-decoration:none;
}

#footer{
width:927px;
height:50px;
float:left;
display:inline;
text-align:center;
}


#footer p{
color: #505050;
font-size:10px;
line-height:50px;

}


#footer a{
color: #505050;
font-size:10px;
line-height:50px;
text-decoration:none;
}

#errors {
width:90%;
height:auto;
font-size:14px;
font-weight:normal;
margin:10px;
padding:10px;
}

#errors2 {
width:90%;
height:auto;
font-size:14px;
font-weight:normal;
margin:10px;
padding:10px;
}


#formdivPopup {
position: fixed;
top:33%;
right:25%;
left:25%;
background:#FFFFFF;
border: 3px solid #333333;
z-index: 999;
padding: 15px;
height:auto;
overflow:auto;
}

#formdivPopup p{
font-size:12px !important;
line-height:20px !important;
color:#808080 !important;
margin-top:20px !important;
float:left;
}

#formdivPopup a{
font-size:12px !important;
line-height:20px !important;
color:#808080 !important;
margin-top:20px !important;
float:left;
}


#formdiv1 {
position: absolute;
top:33%;
right:33%;
left:33%;
background:#FFFFFF;
border: 3px solid #333333;
z-index: 999;
padding: 15px;
height:auto;
overflow:auto;
}

#formdiv1 a{
font-size:12px !important;
line-height:20px !important;
color:#808080 !important;
margin-top:20px !important;
float:left;
}

#formdiv1 h1{
 color:#808080 !important;
 }

#formdiv1 input{
border:1px solid #808080; 
}

#formdiv2 {
position: absolute;
top:5%;
right:25%;
left:25%;
background:#FFFFFF;
border: 3px solid #333333;
z-index: 999;
padding: 15px;
}

#formdiv2 a{
font-size:12px !important;
line-height:20px !important;
color:#808080 !important;
margin-top:20px !important;
float:left;
}

#formdiv2 h1{
 color:#808080 !important;
 }

#formdiv2 input{
border:1px solid #808080; 
}


.txt {
font-family:Helvetica;
font-size: 12px;
color: #808080;
}

.gs-title{
text-decoration:none !important;
}

.gs-title a, .gs-title b{
text-decoration:none !important;
color:#808080 !important;
}

.gs-snippet{
color:#808080 !important;
}

/* Jav - Brochure page styles */
#page #brochurePage h2 { text-transform: uppercase; font-size: 14px!important; background: url(images/brochure/greydivide.gif) 100% 0 no-repeat; text-align: right; padding: 1px 30px 0 0; margin: 20px 0 0 0;}
#page #brochurePage p { font-size: 14px!important; float: none; padding: 0; margin: 0!important; }
#brochureBlue { border-left: 14px solid #63B4F9; }
#brochureSection1 { background: url(images/brochure/bespoke.gif) 0 0 no-repeat; padding-top: 20px;  }
#brochureTextPad { padding: 10px 35px 0 75px; }
p#brochureImagePad { padding: 44px 0 0 65px!important; margin: 0!important; }
p#brochureQuoteLink { margin: 5px 0 0 0!important; padding: 0 0 0px 0!important; text-align: right; background: url(images/brochure/quoteborder.gif) 0 100% repeat-x; }
#brochureSection2 { background: url(images/brochure/concept.gif) 0 0 no-repeat; padding-top: 39px; }
#page #brochureSection2 ul { background: url(images/brochure/images2.jpg) 100% 0 no-repeat; margin: 00!important; padding: 330px 0 30px 42px!important; font-size: 14px; list-style: square; }
#page #brochureSection2 li { margin: 0!important; padding: 0 0 0 15px; font-size: 14px!important; list-style: square!important; }
p#callBg { margin: 0!important; padding: 18px 0 0 0!important; background: url(images/brochure/callbg.gif) 0 0 repeat-x; height: 34px; text-align: center; }

/* End brochure page*/