@charset "utf-8";

@import url("reset.css");

body {font: 62.5% Arial, Helvetica, sans-serif;background: #F5F5F5 url(../images/bkg/body_bkg.jpg) repeat-x center top;}

h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif;}

input, select, textarea {font: 12px Arial, Helvetica, sans-serif;}

#shadow {background: url(../images/bkg/wrap_bkg.png) repeat-y center top}

#wrapper {width: 972px;margin-right: auto;margin-left: auto;background-color: #fff;padding-top: 10px;}

#footer {height: 150px;background: url(../images/bkg/footer_bkg.png) no-repeat center top;clear: both;}

#content {background:url(../images/bkg/content_bkg.jpg) no-repeat 0px 0px;padding-bottom: 35px;}

#masthead {height: 94px;background: url(../images/bkg/nav_bkg.gif) no-repeat 0px 0px;position: relative;}
#masthead h1 {display: block;height: 53px;width: 142px;text-indent: -9999px;position: absolute;top: 23px;left: 36px;}

#masthead #navigation {position: absolute;top: 32px;left: 189px;background: url(../images/buttons/nav.gif) no-repeat;}

#masthead #navigation li {float: left; margin-right: 2px;}
#masthead #navigation li a {height: 32px; display: block; text-indent: -9999px; background: url(../images/buttons/nav.gif) no-repeat;}

#masthead #navigation li.nav-1 a {background-position: 0 0; width: 55px; }
#masthead #navigation li.nav-1 a:hover {background-position: 0 -32px;}
#home #masthead #navigation li.nav-1 a {background-position: 0 -32px;}
#masthead #navigation li.nav-1 a.current {background-position: 0 -32px;}

#masthead #navigation li.nav-2 a {background-position: -57px 0; width: 84px; }
#masthead #navigation li.nav-2 a:hover { background-position: -57px -32px;}
#about-us #masthead #navigation li.nav-2 a {background-position: -57px -32px;}
#masthead #navigation li.nav-2 a.current {background-position: -57px -32px;}
	
#masthead #navigation li.nav-3 a {background-position: -143px 0; width: 141px; }
#masthead #navigation li.nav-3 a:hover {background-position: -143px -32px;}
#product-search #masthead #navigation li.nav-3 a {background-position: -143px -32px;}
#masthead #navigation li.nav-3 a.current {background-position: -143px -32px;}
	
#masthead #navigation li.nav-4 a {background-position: -286px 0; width: 99px; }
#masthead #navigation li.nav-4 a:hover {background-position: -286px -32px;}
#masthead #navigation li.nav-4 a.current {background-position: -286px -32px;}
	
#masthead #navigation li.nav-5 a {background-position: -387px 0; width: 161px; }
#masthead #navigation li.nav-5 a:hover {background-position: -387px -32px;}
#masthead #navigation li.nav-5 a.current {background-position: -387px -32px;}
	
#masthead #navigation li.nav-6 a {background-position: -550px 0; width: 126px;}
#masthead #navigation li.nav-6 a:hover {background-position: -550px -32px;}
#new-products #masthead #navigation li.nav-6 a {background-position: -550px -32px;}
#masthead #navigation li.nav-6 a.current {background-position: -550px -32px;}
	
#masthead #navigation li.nav-7 a {background-position: -678px 0; width: 82px;}
#masthead #navigation li.nav-7 a:hover {background-position: -678px -32px;}
#contact #masthead #navigation li.nav-7 a {background-position: -678px -32px;}
#masthead #navigation li.nav-7 a.current {background-position: -678px -32px;}
	
#box-top {
	background: url(../images/bkg/gen_top.gif) no-repeat 0px 0px;
	height: 14px;
	margin-top: 16px;
	width: 962px;
	margin-left: 5px;
}
#box-bot {
	background: url(../images/bkg/gen_bot.png) no-repeat 0px 0px;
	height: 14px;
	width: 962px;
	margin-left: 5px;
}

#wrap {background: url(../images/bkg/gen_mid.gif) repeat-y left top;margin-left: 5px;}



/* HOME PAGE */

#home-flash {
	height: 331px;
	text-align: center;
}
#home-flash h2 {
	font-size: 2em;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 40px;
}
#home-flash p {
	font-size: 1.2em;
	margin-bottom: 20px;
}
#carousel {
	height: 331px;
	text-align: center;
}

.tickercontainer {width: 951px;height: 26px;background: url(../images/bkg/news_scroller_bkg.gif) no-repeat 0px 0px;margin-right: auto;margin-left: auto;overflow: hidden;margin-bottom: 10px; margin-top:10px}
.tickercontainer .mask {position: relative;left: 112px;top: 6px;width: 828px;overflow: hidden;}
ul.newsticker {position: relative;left: 828px;list-style-type: none;font-size: 12px;font-style: italic; display:none}
ul.newsticker li {float: left;}
ul.newsticker a {white-space: nowrap;margin-right: 50px;} 

#callout-row {
	overflow: hidden;
	width: 966px;
	position: relative;
	background: url(../images/bkg/callout_dash.gif) repeat 0px 127px;
	margin-left: 6px;
}
#callout-row .callout {width: 238px;float: left;padding-bottom: 45px;margin-right: 3px;}

#callout-row .callout .pic {height: 127px;background: #FFFFFF;}
#callout-row .callout h3 {margin-bottom: 4px;margin-left: 4px;font-size: 1.5em;}
#callout-row .callout p.words {font-size: 1.1em;color: #000000;margin-left: 4px;margin-right: 20px;}
#callout-row .callout p.words em {font-weight: bold;}

#callout-row .callout .but-1 a,
#callout-row .callout .but-2 a,
#callout-row .callout .but-3 a,
#callout-row .callout .but-4 a {
	display:block;
	height: 30px;
	width: 74px;
	text-indent: -9999px;
	color:#FFF
}

#callout-row .callout div.but-1 {position: absolute;left: 6px; bottom: 0px;}
#callout-row .callout div.but-2 {position:absolute;left: 247px; bottom: 0px;}
#callout-row .callout div.but-3 {position:absolute;left: 488px; bottom: 0px;}
#callout-row .callout div.but-4 {position:absolute;left: 729px; bottom: 0px;}

#callout-row .callout #switcher {position: absolute;bottom: 4px;left: 327px;width: 140px;}
#callout-row .callout #switcher li {float: left;width: 28px;height: 23px;display: block;}


/* MAIN PAGE TITLES */

#sub-nav {position: relative;height: 43px;width: 948px;margin-right: auto;margin-left: auto;border-bottom: 1px dashed #cecece;}
#sub-nav h2.title {
	position: absolute;
	top: 11px;
	left: 0px;
	text-indent: -9999px;
	background-image: url(../images/headings/about_us.gif);
}

#new-products #sub-nav h2.title {background: url(../images/headings/new-products.gif) no-repeat 0px 0px;width: 191px;height: 19px;}
#usb-centre #sub-nav h2.title {background: url(../images/headings/usb_centre_h2.gif) no-repeat 0px 0px;width: 142px;height: 19px;}
#product-search #sub-nav h2.title {background: url(../images/headings/product_search.gif_h2.gif) no-repeat 0px 0px;height: 19px;width: 214px;}
#about-us #sub-nav h2.title {background: url(../images/headings/about_us.gif) no-repeat 0px 0px;height: 19px;width: 122px;}
#how-we-work #sub-nav h2.title {background: url(../images/headings/how_we_work.gif) no-repeat 0px 0px;height: 20px;width: 195px;}
#contact #sub-nav h2.title {background: url(../images/headings/contact_us.gif) no-repeat 0px 0px;height: 19px;width: 154px;}
#promo-ideas #sub-nav h2.title {background: url(../images/headings/insight_exclusive.gif) no-repeat 0px 0px;height: 20px;width: 250px;}
#encryptx #sub-nav h2.title {background: url(../images/headings/insight_exclusive.gif) no-repeat 0px 0px;height: 20px;width: 250px;}
#terms #sub-nav h2.title {background: url(../images/headings/terms.gif) no-repeat 0px 0px;height: 20px;width: 270px;}
#privacy_policy #sub-nav h2.title {background: url(../images/headings/privacy.gif) no-repeat 0px 0px;height: 20px;width: 195px;}
#login #sub-nav h2.title {background: url(../images/headings/login.gif) no-repeat 0px 0px;height: 20px;width: 155px;}
/* USB CENTRE */

#usb-centre #sub-nav ul {
	position: absolute;
	top: 18px;
	left: 170px;
}
#usb-centre #sub-nav li {float: left;}
#usb-centre #sub-nav li a {display: block;background: url(../images/buttons/subnav.gif) no-repeat top left;text-indent: -9999px;height: 13px;}

#usb-centre #sub-nav li.subnav-1 a {background-position: 0 0; width: 94px; margin-right: 13px;}
#usb-centre #sub-nav li.subnav-1 a:hover {background-position: 0 -13px;}
#usb-centre #sub-nav li.subnav-1 a.current {background-position: 0 -13px;}
		
#usb-centre #sub-nav li.subnav-2 a {background-position: -107px 0; width: 90px; margin-right: 13px;}
#usb-centre #sub-nav li.subnav-2 a:hover {background-position: -107px -13px;}
#usb-centre #sub-nav li.subnav-2 a.current {background-position: -107px -13px;}
		
#usb-centre #sub-nav li.subnav-3 a {background-position: -210px 0; width: 57px; margin-right: 13px;}
#usb-centre #sub-nav li.subnav-3 a:hover {background-position: -210px -13px;}
#usb-centre #sub-nav li.subnav-3 a.current {background-position: -210px -13px;}
		
#usb-centre #sub-nav li.subnav-4 a {background-position: -278px 0; width: 67px; margin-right: 388px;}
#usb-centre #sub-nav li.subnav-4 a:hover {background-position: -278px -13px;}
#usb-centre #sub-nav li.subnav-4 a.current {background-position: -278px -13px;}

/*#usb-centre #sub-nav li.subnav-5 a {background-position: -447px 0; width: 67px; margin-right: 220px;}
#usb-centre #sub-nav li.subnav-5 a:hover {background-position: -447px -13px;}
#usb-centre #sub-nav li.subnav-5 a.current {background-position: -447px -13px;}*/

#usb-centre #sub-nav li.subnav-back a {background-position: -740px 0; width: 37px; margin-right: 0;}
#usb-centre #sub-nav li.subnav-back a:hover {background-position: -740px -13px;}



/* Insight exclusives */


#promo-ideas #sub-nav1 li {float: right;}
#promo-ideas #sub-nav1 li a {display: block;background: url(../images/buttons/subnav1.gif) no-repeat 0px 0px;text-indent: -9999px;height: 11px;font-size: 1px;}

#promo-ideas #sub-nav1 li.subnav1-back a {background-position: -740px 0; width: 37px; margin-right: 0;}
#promo-ideas #sub-nav1 li.subnav1-back a:hover {background-position: -740px -13px;}

#promo-ideas #sub-nav2 li {float: right;}
#promo-ideas #sub-nav2 li a {display: block;background: url(../images/buttons/subnav2.gif) no-repeat 0px 0px;text-indent: -9999px;height: 11px;font-size: 1px;}

#promo-ideas #sub-nav2 li.subnav2-back a {background-position: -740px 0; width: 37px; margin-right: 0;}
#promo-ideas #sub-nav2 li.subnav2-back a:hover {background-position: -740px -11px;}

#promo-ideas #sub-nav li {float: right;}
#promo-ideas #sub-nav li a {display: block;background: url(../images/buttons/subnav1.gif) no-repeat 0px 0px;text-indent: -9999px;height: 11px;font-size: 1px;}

#promo-ideas li.list-item { float:right; margin:3px 25px 0 0; list-style:none }
#promo-ideas li.list-item a {font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#promo-ideas li.list-item a:hover {text-decoration:none}

#promo-ideas #sub-nav li.subnav-back a {display: block;background: url(../images/buttons/subnav1.gif) no-repeat 0px 0px;text-indent: -9999px;height: 11px;font-size: 1px;}
#promo-ideas #sub-nav li.subnav-back a {background-position: -740px 0; width: 37px; margin: 18px 6px 0 0;}
#promo-ideas #sub-nav li.subnav-back a:hover {background-position: -740px -11px;}



/* PRODUCT LISTING STYLES */

#page-scroller {position: relative;height: 36px;width: 948px;margin: 7px auto 18px;}
#page-scroller .display-number {font-size: 2em;font-weight: bold;color: #FFFFFF;line-height: 36px;position: absolute;left: 0px;top: 0px;}
#page-scroller ul {top: 0px;position: absolute;left: 163px;}
#page-scroller li {float: left;}

#page-scroller li a {height: 36px;text-indent: -9999px;display: block;}

#page-scroller li.previous a { background-position: 0 0; width: 199px; margin-right: 42px;}
#page-scroller li.previous a:hover { background-position: 0 -36px}

#page-scroller li.next a { background-position: -241px 0; width: 168px}
#page-scroller li.next a:hover { background-position: -241px -36px}


.listing-row {position: relative;width: 100%;overflow: hidden;margin-top: 30px;margin-left: 8px;background: url(../images/bkg/listing_dash.gif) no-repeat left bottom; }
.listing-row .first {margin-left: 10px;}

.top {margin-top: 0px;}

.listing-row .listing {width: 239px;float: left;padding-bottom: 45px;}

.listing-row .listing .pic {width:239px; height:117px; background:url(../images/bkg/thumb-bg-trans.png) no-repeat 0 0; margin-bottom:5px; vertical-align:middle}
.listing-row .listing table { height:117px; width:239px; text-align:center; vertical-align:middle}
.listing-row .listing table tbody { vertical-align:middle}
.listing-row .listing table td  { vertical-align:middle}
.listing-row .listing .pic img { vertical-align:middle}
.listing-row .listing h3 {font-size: 1.6em;margin-left: 4px;}
.listing-row .listing p.words {font-size: 1.1em;color: #000000;margin-right: 20px;margin-left: 4px;}
.listing-row .listing p.words em {font-weight: bold;}

.listing-row .listing .but-1 a,
.listing-row .listing .but-2 a,
.listing-row .listing .but-3 a,
.listing-row .listing .but-4 a {display:block;height: 30px;width: 74px;text-indent: -9999px;color:#FFF}

.listing-row .listing div.but-1 {position: absolute;left: 0px; bottom: 0px;}
.listing-row .listing div.but-2 {position:absolute;left: 245px; bottom: 0px;}
.listing-row .listing div.but-3 {position:absolute;left: 484px; bottom: 0px;}
.listing-row .listing div.but-4 {position:absolute;left: 723px; bottom: 0px;}


/*.product-row {position:relative; width:100%; margin-top:20px}
.product-row.top {margin-top:0}
.product { float:left; width:223px; margin-left:9px; padding-bottom:40px; display:inline;}
.product.first { margin-left:0}
.product .thumb {width:214px; height:113px; background:url(../imgs/product/thumb-bg-trans.png) no-repeat 0 0; margin-bottom:5px; padding: 7px 0 0 9px}
.product .desc { margin-left:5px; width:200px}
.product .desc h3 { font-size:1.4em; color:#008fc5; margin-bottom:7px; text-transform:uppercase}
.product .desc p { font-size:1.1em;}
.product .desc a.more-1 {position:absolute; bottom:0;left:5px}
.product .desc a.more-2 {position:absolute; bottom:0;left:237px}
.product .desc a.more-3 {position:absolute; bottom:0;left:469px}
.product .desc a.more-4 {position:absolute; bottom:0;left:701px}*/




/* PRODUCT DETAIL */

#usb-centre #product {overflow: hidden;border-bottom: 1px dashed #c7c7c7;padding-top: 18px;padding-bottom: 20px;margin-right: 8px;margin-left: 12px;width: 952px;}

#usb-centre #left {float: left;width: 410px;}
#usb-centre #right {float: right;width: 504px; background:url(../images/bkg/detail_bkg.png) no-repeat; height:300px}
#usb-centre #right table { height:281px; width:504px; text-align:center; vertical-align:middle; margin-top:10px}
#usb-centre #right table tbody { vertical-align:middle}
#usb-centre #right table td  { vertical-align:middle}
#usb-centre #right img { vertical-align:middle}
#usb-centre #left h3 {color: #000000;font-size: 2.4em;margin-bottom: 10px;}
#usb-centre #left h4 {text-transform: uppercase;font-size: 1.2em;margin-bottom: 8px;}

#usb-centre #left p {font-size: 1.2em;margin-bottom: 18px;margin-right: 50px;}
#usb-centre #colours li {float: left;width: 100px;}
#usb-centre #left #colours p {margin-bottom: 0px;margin-top: 2px;margin-right: auto;}

#usb-centre #pricing {margin-left: 11px;margin-right: 11px;margin-top: 30px;}
#usb-centre #pricing h4 {font-size: 1.4em;text-transform: uppercase;margin-bottom: 10px;}
#usb-centre #pricing table {width: 750px;}
#usb-centre #pricing th {padding-bottom: 5px;padding-top: 5px;font-size: 1.2em;}
#usb-centre #pricing td {padding-bottom: 5px;padding-top: 5px;font-size: 1.2em;text-align: right;border-bottom: 1px dotted #CCCCCC;}
#usb-centre #pricing th.size {text-align: left;border-bottom: 1px dotted #CCCCCC;}
#usb-centre #pricing th.amount {text-align: right;width: 100px;border-bottom: 2px solid #CCCCCC;border-top: 1px solid #CCCCCC;}


/* PRODUCT SEARCH */

#product-search #ideas-search {width: 922px;margin-left: 5px;margin-top: 16px;height: 226px;padding-top: 20px;padding-right: 20px;padding-left: 20px;background: url(../images/bkg/ideas-search-bkg.gif) no-repeat left top;}
#ideas-search h3, #item-type h3, #quick-enquiry h3  {font-size: 1.6em;text-transform: uppercase;margin-bottom: 10px;}
#ideas-search .box {width: 450px;}
#ideas-search .left { float:left}
#ideas-search .right {float:right}

#ideas-search .box label {font-size: 1.2em;display: block;clear: both;}
#ideas-search .box p.field{float: left;width: 350px;padding-bottom: 10px;}
#ideas-search  .box p.button  {float: left;}

#ideas-search  .box p.button input  {height: 28px;width: 61px;border: none;cursor:pointer}

#product-search  .box p.field input, #product-search .box p.field select {width: 300px;margin-top: 3px;margin-right: 20px;}

#product-search #item-type {width: 922px;margin-left: 5px;margin-top: 3px;height: 89px;padding-top: 20px;padding-right: 20px;padding-left: 20px; background: url(../images/bkg/item-type-bkg.gif) no-repeat left top;}

#item-type li {font-size: 1.4em;font-weight: bold;float: left;}
#item-type li a {text-align: center;height: 32px;width: 32px;float: left;line-height: 32px;background: #ececec;margin-right: 1px;}
#item-type li a:hover {background: #ccc;}

#product-search #quick-enquiry {margin-left: 10px;margin-top: 10px;width: 900px;overflow: hidden;}

#quick-enquiry p {font-size: 1.2em;width: 175px;}
#quick-enquiry div {float:left;margin-right: 25px;}
#quick-enquiry p.field input, #quick-enquiry p.field textarea {width: 250px;}
#quick-enquiry p.field textarea { height:100px}
#quick-enquiry  p.button {width: 250px;text-align: right;margin-top: 10px;}
#quick-enquiry  p.button input {height: 28px;width: 61px;border: none;cursor:pointer}

#product-search #sub-nav ul {position: absolute;top: 18px;right: 0px;background: url(../images/buttons/enquiry-ideas-list.gif) no-repeat;}
#product-search #sub-nav li {float: left;}
#product-search #sub-nav li a {display: block;background: url(../images/buttons/enquiry-ideas-list.gif) no-repeat 0px 0px;text-indent: -9999px;height: 13px;font-size: 1px;}

#product-search #sub-nav li.subnav-1 a {background-position: 0 0; width: 120px; margin-right: 14px;}
#product-search #sub-nav li.subnav-1 a:hover {background-position: 0 -13px;}
#product-search #sub-nav li.subnav-1 a.current {background-position: 0 -13px;}
		
#product-search #sub-nav li.subnav-2 a {background-position: -134px 0; width: 97px; margin-right: 0px;}
#product-search #sub-nav li.subnav-2 a:hover {background-position: -134px -13px;}
#product-search #sub-nav li.subnav-2 a.current {background-position: -134px -13px;}

#product-search div.iframe{background:url(../images/bkg/main1_bkg.jpg) no-repeat; display: block;}

/* My IDEAS LIST */

#product-search #ideas-list {
	width: 922px;
	padding-top: 6px;
	padding-right: 20px;
	padding-left: 20px;
	background: url(../images/bkg/gen_back.gif) no-repeat 0px 0px;
}

#ideas-list h3  {
	font-size: 1.6em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#ideas-list  #table {width:100%;}
#ideas-list #table .caption {height:24px; padding:4px 0 0 10px; color:#fff; font-size:1.6em; font-weight:bold; background:#E50079;}
			
#ideas-list  #table .head {height:42px;overflow:hidden;font-size:1.2em;padding-bottom: 10px;}
#ideas-list  #table .head .back {float:left;width:104px;margin-right: 20px;}
#ideas-list  #table .head .back  a.back { display:block; text-indent:-9999px; width: 59px; height:28px; float:left;}
#ideas-list  #table .head .desc {
	float:left;
	width:600px;
	font-weight:bold;
	margin-right: 20px;
}
#ideas-list  #table .head .remove {float:left;width:62px;height:40px;font-weight:bold;text-align:center;background:url(../images/bkg-ideas-list-arrow.gif) no-repeat center -10px;margin-right: 20px;}
#ideas-list  #table .head .select {float:left;width:62px;font-weight:bold;text-align:center;}
#ideas-list  #table .head .select p {padding-top:5px;}

#ideas-list  #table .row {overflow:hidden;font-size:1.2em;color:#000;padding-top: 10px;padding-right: 0;padding-bottom: 10px;width: 100%;}

#ideas-list #table .row .image {float:left;width:100px;height:100px;background:#fff;padding:1px;margin-right: 20px;}
#ideas-list #table .image div {float:none; display:table; height:99px; width:99px;}
#ideas-list #table .image div div {display:table-cell; vertical-align:middle; position:static; text-align:center;}

#ideas-list  #table .row .desc {
	float:left;
	width:600px;
	margin-right: 20px;
}
#ideas-list  #table .row .desc p {margin-bottom:1.1em; line-height:1.07em;}
#ideas-list  #table .row .remove {float:left;width:62px;text-align:center;margin-right: 20px;}
#ideas-list  #table .row .select {float:left;width:62px;text-align:center;}
			
#ideas-list  #table .actions {height:46px;padding-top: 10px;}
#ideas-list  #table .actions input  {float: right; height: 28px;width: 138px;border: none;cursor:pointer}
#ideas-list  #table .actions a.back { display:block; text-indent:-9999px; width: 59px; height:28px; float:left;}

#ideas-list #send-ideas .recipient {
	float:left;
	width:400px;
	padding:10px;
	background: #E2E2E2;
}
#ideas-list #send-ideas .you {
	float:right;
	width:400px;
	padding:10px;
	background: #E2E2E2;
}

#ideas-list #send-ideas label { display:block; font-size:1.2em; margin-bottom:3px}
#ideas-list #send-ideas input { width:300px; margin-bottom:10px}
#ideas-list #send-ideas textarea { width:300px; height:100px}

#ideas-list #send-ideas h4  {
	font-size: 1.4em;
	margin-bottom: 10px;
	color: #488FC5;
}


#ideas-list #send-ideas .actions {
	height:46px;
	padding-top: 10px;
	clear: both;
}
#ideas-list #send-ideas .actions input  {
	float: right;
	height: 28px;
	width: 58px;
	border: none;
	cursor:pointer;
}
#ideas-list #send-ideas .actions a.back {
	display:block;
	text-indent:-9999px;
	width: 59px;
	height:28px;
	float:left;
}


/* MY ENQUIRY LIST */

#product-search #enquiry-list {
	width: 922px;
	padding-right: 20px;
	padding-left: 20px;
	background: url(../images/bkg/gen_back.gif) no-repeat left top;
	overflow: hidden;
	padding-top: 6px;
}

#enquiry-list  h3.title-1 {float:left;font-size: 1.6em;text-transform: uppercase;}
#enquiry-list h3.title-2 {float:right;width: 360px;font-size: 1.6em;margin-bottom: 15px;}
#enquiry-list p.checkbox {font-size: 1.1em;clear: both;float: right;width: 360px;display: block;margin-bottom: 10px;}
#enquiry-list  .product {width:100%;clear:both;overflow:hidden;repeat-y;margin-bottom:20px;}
#enquiry-list  .product .desc {float:left;width:480px;padding:20px;background:#F1F2F1;}
#enquiry-list  .product .desc div {width:350px;float:right;}
#enquiry-list  .product .desc h3 {font-size:1.4em; color:#111; font-style:italic; font-weight:bold; margin-bottom:0.47em}
#enquiry-list  .product .desc p {color:#626262;margin-bottom:1.3em;font-size: 1.2em;}
#enquiry-list  .product .desc p.info {color:#008FC5;margin-top:-0.5em}
#enquiry-list  .product .desc .image {float:left;width:100px;height:100px;background:#fff;padding:1px;margin-right: 20px;;}
#enquiry-list  .product .desc .image div {float:none; display:table; height:99px; width:99px;}
#enquiry-list  .product .desc .image div div {display:table-cell; vertical-align:middle; position:static; text-align:center; }
#enquiry-list  .product fieldset {padding:20px 0 0 20px;display:block;float:right;width:340px;overflow:hidden;background: #F1F2F1;}
#enquiry-list  .product fieldset div {float:left;width:160px;padding-bottom: 10px;}
#enquiry-list  .product fieldset label {display:block;font-weight:bold;color:#000;margin-bottom:0.4em;font-size: 1.2em;}
#enquiry-list  .product fieldset div input {width:145px;}
#enquiry-list  .product fieldset textarea {width:150px; height:100px;}
#enquiry-list  .product fieldset div p {margin-bottom:0.4em; overflow:hidden;}
#enquiry-list  .product fieldset p span {float:left; width:49px;}
#enquiry-list  .product fieldset span input {width:42px;}
#enquiry-list  .product .sample {float:none;clear:both;width:350px;background:#E2E2E2;overflow:hidden;padding:10px 0 10px 15px;margin-left: -20px;}
#enquiry-list  .product .sample h3 {font-size:1.6em;font-weight:bold;margin-bottom:0.3em;}
#enquiry-list  .product .sample p {float:left; margin-right:15px; width:auto;}
#enquiry-list  .product .sample p input {width:36px;}
#enquiry-list  .product .sample p label {display:inline; margin-right:6px;}
#enquiry-list  .details {clear:both;background:#F1F2F1;}
#enquiry-list  .details h3 {font-size:1.6em;font-weight:bold;padding:20px;}
#enquiry-list  .details fieldset {padding:0 20px;overflow:hidden;}
#enquiry-list  .details fieldset div {float:left;width:200px;}
#enquiry-list  .details p {margin:0 11px 1.8em 0;}
#enquiry-list  .details label {display:block;font-weight:bold;margin-bottom:0.4em;font-size: 1.2em;}
#enquiry-list  .details p input {
	width:150px;
}
#enquiry-list  .details textarea {width:325px; height:5.6em;}
#enquiry-list  .details .address {float:right;width:340px;}
#enquiry-list  .details .buttons {height:43px;padding-top: 10px;padding-bottom: 0;padding-left: 0;background: #fff;}			
#enquiry-list  .details .buttons input  {float: right; height: 28px;width: 61px;border: none;cursor:pointer}
#enquiry-list  .details .buttons  a.back { display:block; text-indent:-9999px; width: 59px; height:28px; float:left;}


/* PRODUCT SEARCH RESULTS */

#product-search #search-result {
	width: 922px;
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
	padding-top: 6px;
	background: url(../images/bkg/gen_back.gif) no-repeat left top;
}

#search-result h3  {font-size: 1.6em;text-transform: uppercase;margin-bottom: 10px;}

#search-result p.checkbox {font-size: 1.2em;clear: both;display: block;margin-bottom: 10px;}

	
#search-result #listing .row {width:100%;margin:0 0 20px 0;position:relative;overflow:hidden;}
#search-result #listing .product {width:450px;padding:2em 0 6.6em; overflow:hidden;}
#search-result #listing .leftbox {float:left;}
#search-result #listing .rightbox {float:right;}
#search-result #listing .product .image {margin-left:11px;width:100px;height:100px;background:#fff;padding:1px;}
#search-result #listing .product .image div {display:table; height:99px;}
#search-result #listing .product .image div div {display: table-cell; width:99px; vertical-align: middle; position:static; text-align:center;}
#search-result #listing .product .print {margin:1.3em 0 0 11px;}
#search-result #listing .product .print a {
	background: url(../images/buttons/print_blue.gif) no-repeat 0px 0px;
	height: 28px;
	width: 56px;
	display:block;
	text-indent:-9999px
}
#search-result #listing .product div.data {float:right;width:300px;}
#search-result #listing h3 {font-size:1.4em;color:#111;font-weight:bold;margin-bottom:0.47em}
#search-result #listing p {margin-bottom:1.3em;color:#626262;font-size: 1.2em;}
#search-result #listing p.info {color:#008FC5;margin:-0.5em 0 0 0;}
#search-result #listing .product .actions {position:absolute;bottom:0;width:439px;background:#E2E2E2;padding:1em 0 1.4em 11px;}
#search-result #listing .product .actions input {border:none; margin-right:5px;}
#search-result #listing .product .actions input.add-to-ideas  {height: 28px;width: 140px;border: none;cursor:pointer}
#search-result #listing .product .actions input.add-to-enquiry  {height: 28px;width: 158px;border: none;cursor:pointer}
#search-result #sidebar {float:right; width:145px; padding:0 50px 0 0;}
		#search-result #sidebar h2 {font-size:1.7em; font-style:italic; font-weight:bold; color:#111; margin-bottom:0.4em;}
		#search-result #sidebar p {font-size:1.1em; color:#626262; line-height:1.35em; margin-bottom:0.6em;}
		#search-result #sidebar h3 {font-size:1.3em; font-weight:bold; color:#666; margin-top:2.1em;}
		#search-result #sidebar address {font-size:1.1em  font-weight:bold; color:#E50083;}
			#search-result #sidebar address span {font-size:1.3em;}

#search-result #advanced-search{float:left;width:460px;}
#search-result #advanced-search h3 {font-size:1.4em;font-weight:bold;color:#111;margin:0.7em 0 1.2em 0;}
		#search-result #advanced-search fieldset {overflow:hidden;}
			#search-result #advanced-search fieldset div {float:left; width:230px;overflow:hidden;}
				#search-result #advanced-search fieldset label {display:block;font-weight:bold;color:#000;margin-bottom:0.2em;font-size: 1.2em;}
				#search-result #advanced-search fieldset select {color:#626262; font-size:1.1em; width:170px;}
			#search-result #advanced-search fieldset div p {float:left; height:4.3em; width:170px;}
			#search-result #advanced-search fieldset div a {float:left; margin:1.2em 0 0 9px; display:block;}
			#search-result #advanced-search fieldset div p.actions {float:left;margin-top:1em;}
				#search-result #advanced-search fieldset div p.actions input {height: 28px;width: 61px;border: none;cursor:pointer}

/* PRODUCT SEARCH OPTIONS */

#search-result table {width:100%;}
#search-result table td {font-size:1.1em;line-height:2.1em}

#search-result table td.column-1 {width:42px; border-right:1px solid #fff; background:#DBDBDB;text-align:center;}
#search-result table td.column-2 {width:44px; background:#DBDBDB;text-align:center;}
#search-result table td.column-3 {width:403px; font-weight:bold; padding:0 4px; background:#F1F2F1;}
#search-result table td.end {border:none;}

#search-result table td.action {height:5.2em;padding:0 0 0 15px;}
#search-result table td.action p {float:left; line-height:5.4em;}
#search-result table td.action div {margin-left:110px;}
#search-result table td.action label {font-size:1.2em;font-weight:bold;color:#008FC5;margin-left:5px;}
#search-result table td.action a {float:left; margin:1.2em 16px 0 0;}
				
#search-result table td.action input.go {float:left; margin:1.2em 16px 0 0; height: 28px;width: 61px;border: none;cursor:pointer;}
			 
/* ABOUT US */

#about-us #sub-nav ul {position: absolute;top: 18px;left: 250px;background: url(../images/buttons/about-us.gif) no-repeat;}
#about-us #sub-nav li {float: left;}
#about-us #sub-nav li a {display: block;background: url(../images/buttons/about-us.gif) no-repeat 0px 0px;text-indent: -9999px;height: 11px;font-size: 1px;}

#about-us #sub-nav li.subnav-1 a {background-position: 0 0; width: 74px; margin-right: 14px;}
#about-us #sub-nav li.subnav-1 a:hover {background-position: 0 -11px;}
#about-us #sub-nav li.subnav-1 a.current {background-position: 0 -11px;}
		
#about-us #sub-nav li.subnav-2 a {background-position: -88px 0; width: 112px; margin-right: 14px;}
#about-us #sub-nav li.subnav-2 a:hover {background-position: -88px -11px;}
#about-us #sub-nav li.subnav-2 a.current {background-position: -88px -11px;}


#about-us .words {width: 948px;margin-left: auto;margin-right: auto;padding-top: 20px;}



.words h3 {font-size: 1.6em;margin-bottom: 15px;}
.words p {font-size: 1.2em;margin-bottom: 15px;}

#how-we-work #sub-nav ul {position: absolute;top: 18px;left: 250px;background: url(../images/buttons/about-us.gif) no-repeat;}
#how-we-work #sub-nav li {float: left;}
#how-we-work #sub-nav li a {display: block;background: url(../images/buttons/about-us.gif) no-repeat 0px 0px;text-indent: -9999px;height: 11px;font-size: 1px;}

#how-we-work #sub-nav li.subnav-1 a {background-position: 0 0; width: 74px; margin-right: 14px;}
#how-we-work #sub-nav li.subnav-1 a:hover {background-position: 0 -11px;}
#how-we-work #sub-nav li.subnav-1 a.current {background-position: 0 -11px;}
		
#how-we-work #sub-nav li.subnav-2 a {background-position: -88px 0; width: 112px; margin-right: 14px;}
#how-we-work #sub-nav li.subnav-2 a:hover {background-position: -88px -11px;}
#how-we-work #sub-nav li.subnav-2 a.current {background-position: -88px -11px;}


#how-we-work .words {width: 948px;margin-left: auto;margin-right: auto;padding-top: 20px;}



.words h3 {font-size: 1.6em;margin-bottom: 15px;}
.words p {font-size: 1.2em;margin-bottom: 15px;}

/* CONTACT */

#contact .words {width: 948px;margin-left: auto;margin-right: auto;padding-top: 20px;overflow: hidden;}
#contact .words .left {width: 450px;float: left;}
#contact .words .right {width: 450px;float: right;}
#contact .words .right label { display:block; font-size:1.2em; margin-bottom:2px}
#contact .words .right input, #contact .words .right textarea { width:300px; margin-bottom:10px}
#contact .words .right textarea {height:100px}
#contact .words .right p input {height: 28px;width: 61px;border: none;cursor:pointer; background:url(../images/buttons/go_blue.gif)}

/* Terms and privacy */

#terms .words {width: 900px;margin-left: auto;margin-right: auto;padding-top: 20px;}
#privacy_policy .words {width: 900px;margin-left: auto;margin-right: auto;padding-top: 20px;}

/* LOGIN */

#login .words {width: 900px;margin-left: auto;margin-right: auto;padding-top: 20px; position:relative}
#login fieldset {background:#fff; width:365px; padding:20px 0 20px 0}
#login .login-table {margin:10px 0 10px 0}
#login .login-table input.username {margin-bottom:15px}
#login td.label {vertical-align: text-top; padding-top:5px}
#login label {font-size:1.2em; font-weight:bold;}
#login input.form-button {margin:15px 0 0 115px;}

/* PROMOTIONAL IDEAS */

#promo-ideas #content { width:100%; overflow:hidden}
#promo-ideas #promo-nav {
	float:left;
	width:203px;
	margin-left: 12px;
	padding-top:20px;
	display: inline;
}

#promo-ideas #promo-nav ul{ border-top: dashed 1px #878787;}
#promo-ideas #promo-nav li{ border-bottom: dashed 1px #878787; padding: 6px 0}

#promo-ideas #promo-nav li a {font-size:1.2em;font-weight: bold; margin-left:5px}

#promo-ideas #promo-nav li a.active {font-size:1.2em;font-weight: bold; margin-left:5px}

#promo-ideas .words{
	float:right;
	width:721px;
	padding-top:16px;
	margin-right: 6px;
	display:  inline;
}

#promo-ideas .promo-pics {
	width:721px;
	height:230px;
	background:url(../images/bkg/promo_pics.gif) no-repeat left top;
	margin-bottom: 20px;
	
}

#promo-ideas .promo-pics img { padding: 15px 0 0 15px}

#promo-ideas .words p.strap{
	font-size:14px;
	font-weight:bold
}


#promo-ideas .words p.strap, #promo-ideas .words p, #promo-ideas .words h3 { padding-left:6px}

/*  EncryptX content  */


#encryptx #content { width:100%; overflow:hidden}
#encryptx #promo-nav {
	float:left;
	width:203px;
	margin-left: 12px;
	padding-top:20px;
	display: inline;
}

#encryptx #promo-nav ul{ border-top: dashed 1px #878787;}
#encryptx #promo-nav li{ border-bottom: dashed 1px #878787; padding: 6px 0}

#encryptx #promo-nav li a {font-size:1.2em;font-weight: bold; margin-left:5px}

#encryptx #promo-nav li a.active {font-size:1.2em;font-weight: bold; margin-left:5px}

#encryptx .words{
	float:right;
	width:721px;
	padding-top:16px;
	margin-right: 6px;
	display: inline;
}

#encryptx .words ul{ font-size:12px; margin-left:20px;}
#encryptx .words li{ list-style:disc; margin-bottom:10px;}




#encryptx .promo-pics {
	width:721px;
	height:230px;
	background:url(../images/bkg/promo_pics.gif) no-repeat left top;
	margin-bottom: 20px;
	
}

#encryptx .promo-pics img { padding: 15px 0 0 15px}

#encryptx .words p.strap{
	font-size:14px;
	font-weight:bold
}

#encryptx .words p.strap, #promo-ideas .words p, #promo-ideas .words h3 { padding-left:6px}

#encryptx #sub-nav ul {position: absolute;top: 18px;left: 300px;background: url(../images/buttons/encryptx_subnav.gif) no-repeat;}
#encryptx #sub-nav li {float: left;}
#encryptx #sub-nav li a {display: block;background: url(../images/buttons/encryptx_subnav.gif) no-repeat 0px 0px;text-indent: -9999px;height: 11px;font-size: 1px;}

#encryptx #sub-nav li.subnav-1 a {background-position: 0 0; width: 97px; margin-right: 13px;}
#encryptx #sub-nav li.subnav-1 a:hover {background-position: 0 -11px;}
#encryptx #sub-nav li.subnav-1 a.current {background-position: 0 -11px;}
		
#encryptx #sub-nav li.subnav-2 a {background-position: -110px 0; width: 122px; margin-right: 13px;}
#encryptx #sub-nav li.subnav-2 a:hover {background-position: -110px -11px;}
#encryptx #sub-nav li.subnav-2 a.current {background-position: -110px -11px;}

#encryptx #sub-nav li.subnav-3 a {background-position: -245px 0; width: 104px; margin-right: 11px;}
#encryptx #sub-nav li.subnav-3 a:hover {background-position: -245px -11px;}
#encryptx #sub-nav li.subnav-3 a.current {background-position: -245px -11px;}

#encryptx #sub-nav li.subnav-4 a {background-position: -362px 0; width: 113px; margin-right: 118px;}
#encryptx #sub-nav li.subnav-4 a:hover {background-position: -362px -11px;}
#encryptx #sub-nav li.subnav-4 a.current {background-position: -362px -11px;}

#encryptx #sub-nav li.subnav-list a {display: block;background: url(../images/buttons/encryptx_subnav2.gif) no-repeat 0px 0px;text-indent: -9999px;height: 11px;font-size: 1px;}
#encryptx #sub-nav li.subnav-list a {background-position: -740px 0; width: 37px; margin-right: 0;}
#encryptx #sub-nav li.subnav-list a:hover {background-position: -740px -11px;}

#encryptx #sub-nav li.subnav-back a {display: block;background: url(../images/buttons/encryptx_subnav.gif) no-repeat 0px 0px;text-indent: -9999px;height: 11px;font-size: 1px;}
#encryptx #sub-nav li.subnav-back a {background-position: -740px 0; width: 37px; margin: 0 0 0 14px;}
#encryptx #sub-nav li.subnav-back a:hover {background-position: -740px -11px;}

.terms { clear:both;float:right; padding:20px 20px 0 0; width:190px}
.terms a {}
var {padding:0 5px 2px 8px}