/*	
  CSS STYLES FOR UK POS
	COPYRIGHT Gouldhall Computer Services
*/


body 
{
	margin: 0px;
	font-family: "Verdana", "Arial", "sans-serif";
  background: #9BD1E0 url(/assets/background.gif) no-repeat top center;
}

.siteWrapper
{
  background: url(/assets/siteWrapper-bg.gif) repeat-y;
  position: relative;
}
.girlLaydowncontainer{
  height: 82px
}
.fadelabel
{
  background: url(/assets/fadelabel1px.gif) repeat-x;
  text-align: center;
  height:26px;
  font-size:15px;
  color: #2C338A;
}
.dots{
background: url(/assets/cyanDot.gif) repeat-x;
margin-right: 5px;
}

#buyersguide div p{
padding-top: 15px;
}

.leftside { float:left; width:220px; margin: 0px 0px 0px 0px; }
.center {float:left; width:534px; margin: 0px 0px 0px 0px;}
.center-rightmargin {float:left; width: 754px; margin: 0px 0px 0px 0px;}
.rightside { float:left; width:220px;  margin: 0px 0px 0px 0px;  }

#blogFrame{
width:532px;
border:none;
height:920px;
}
#buyersguide{
  height: 170px;
}
#buyersGuideImage{
  position: absolute;
  margin-top: -10px;
}
#logoStripContainer 
{
	/*background: #00A4E7;*/
  height: 110px;
}

#banner{
  height:140px;
  z-index: 10000;
  background: url(/assets/header_bg.jpg) repeat-x top left;
}
#logo{
  position: absolute;
}

#topnavgap{
  float:left; 
  margin:0; 
  width:180px;
}

#topnavlinks
{
  text-align: left;
  color: #2C338A;
  padding-top: 7px;
}
#topnavlinks ul li
{
  font-size: 11px;
  font-weight: normal;
}

.hdHeaderBanner{
  background: #1A93D3;
  color: #ffffff;
  height: 30px;
}
.hdHeaderBannerText{
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  padding-top: 4px;
  letter-spacing: 3px;
}

.headerFade{
  background: url(/assets/headerfade1px.gif) repeat-x;  
  height:24px;  
  margin-right: 5px;
}

.headerFade .text{
  text-align: left;
  padding-left: 5px;
  padding-top: 4px;
    font-size:15px;
  color: #ffffff !important;
  margin:0 !important;
}

.Acessoriesmore{
  display: none;
}

#Acessorieswrap .showLink{
  text-decoration: none;
}

#Acessorieswrap .hideLink{
  text-decoration: none;
}

.subcatheader h1{
  font-size: 18px;
}

.navNumber{
  padding:2px 1px 0 5px;
  float: left;
  color: #E7E5A7;
}
.navText{
  font-size:12px;
  font-weight:normal;
}

.right{
	float:right;
}

.left{
	float:left;
}

ol{
	font-size:80%;
}

img {
	padding:0;
	border:0;
	margin:0;
}

#imgLogo {
	border: 0px;
	height: 85px;
	width: 165px;
}

#header {
	/*background-color: #00A4E7;*/
	height: 140px;
}

#header h1 {
	color: #fff;
	position: absolute;
	top: 0px;
	left: 220px;
	font-size: 110%;
	margin-top: 0px;
	padding-top: 10px;
	}

#homeContent h2{	
	color: #036;
	font-size: 20px;
	margin-top: 0px;
	padding-top: 5px;
}


#topNavContainer {
	background-color: #C5F0FF;
	height: 25px;
	padding: 0px;
	margin: 0px;
	padding-top: 0px;
  z-index:1;
	}

#topNavContainer ul {
	margin: 0px;
	padding: 0px;	
	xposition: absolute;
	top: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

#topNavContainer li {
	display: inline;
	list-style-type: none;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	border-left: 1px solid #587FA0;
	line-height: 1em
	}

#topNavContainer li a {
	text-decoration: none;
	color: #587FA0;
	padding-left: 4px;
	padding-right: 3px;
	margin-right: -4px;
	}

#topNavContainer li a:hover {
	background-color: #fff;
	color: #06c;
	}

li#topNavActive a {
	background-color: #fff;
	color: #06c;
	}

li#topNavActive a:hover {
	background-color: #ccc;
	color: #06c;
	}



#functionBarContainer {
	height: 40px;
	border-bottom: 1px dotted #808080;
	width: 760px;
	text-align: right;
	}

#functionBarContainer ul {
	padding: 0px;
	float: right;
	margin: 0px;
	margin-top: 4px;
	text-align: left;
	}

#functionBarContainer li {
	display: inline;
	list-style-type: none;
	font-size: 80%;
	width: 104px;
	}

#functionBarContainer li a {
	color: #f93;
	font-weight: 700;
	font-size: 90%;
	display: block;
	height: 35px;
	width: 66px;
	padding-left: 40px;
	}

#functionBarContainer li a:hover{
	text-decoration: none;
	}

#bookmarkPage {
	float: left;
	background: url(/assets/bookmark_icon.gif) 8px 5px no-repeat;

	}

li#bookmarkPage a:hover {
	background: url(/assets/bookmark_icon_over.gif) 8px 5px no-repeat; 
	}

#printPage {
	float: left;
	background: url(/assets/print_icon.gif) 8px 5px no-repeat;
	}

li#printPage a:hover {
	float: left;
	background: url(/assets/print_icon_over.gif) 8px 5px no-repeat;
	}

li#emailPage a {
	float: left;
	padding-left: 50px;
	background: url(/assets/email_icon.gif) 8px 0px no-repeat;
	}

li#emailPage a:hover {
	float: left;
	padding-left: 50px;
	background: url(/assets/email_icon_over.gif) 8px 0px no-repeat;
	}

#quickQuote {
	float: left;
	width: 70px;
	background: url(/assets/quickQ_icon.gif) 8px 5px no-repeat;
	}

li#quickQuote a:hover {
	background: url(/assets/quickQ_icon_over.gif) 8px 5px no-repeat;
	}

#shoppingHelp {
	float: left;
	background: url(/assets/help_icon.gif) 8px 5px no-repeat;
	}

li#shoppingHelp a:hover {
	background: url(/assets/help_icon_over.gif) 8px 5px no-repeat;
	}

#navContainer 
{
	background-color: #ffffff;
  padding-left: 5px;
  padding-right: 8px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#xxxnavContainer p {
	background-color: #06c;
	color: #ffffff;
	font-size: 80%;
	font-weight: 700;
	padding: 2px;
	padding-left: 6px;
	margin: 0px;
	margin-top: 1px;
	}

#navContainer .cats 
{
	background-color: #ABB43D;  
	margin: 0px;
	padding: 0px;
}

#navContainer .cats li {
  background-color: #ABB43D;
	font-weight: 700;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	padding-bottom: 0px;
	}

#navContainer .cats li a 
{
	text-decoration: none;
	color: #ffffff;
	padding-left: 5px;
	padding-top: 2px;
  padding-bottom: 2px;
	display: block;
  float: left;
}

#navContainer .cats li .navInActive a:hover 
{
	text-decoration: underline;	
}

.navActive 
{
	background: url(/assets/main_arrow_active.gif) no-repeat;
	background-color: #999;
}

.subCats 
{
	list-style-type: none;
	margin: 0px;
  padding-bottom: 5px;
	background-color: #ffffff;
  width:207px;
}

.subCats ul 
{
	background-color: #fff;
}

.subCats a 
{
	padding-left: 15px;
	color: #666666;
	line-height: 1.4em;
	background-color: #ffffff;
	font-weight: 400;
	font-size: 11px;
	text-decoration: none;
}

.subCats a:hover {
	/*background-color: #EAEAEA;*/
	text-decoration: none;
	}

a.subItem {
  font-weight: 600;
	text-decoration: none;
	background: url(/assets/submenu_arrow_active.gif) 2px 2px no-repeat ;
	}

#catalogueContainer {
	border-top: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	margin-top: 15px;
	padding-top: 4px;
	height: 128px;
	background-color: #fefbf5;  
	}

#catalogueContainer img {
	border: 0px;
	float: left;
	}

#catalogueContainer a {
	color: #f93;
	font-weight: 700;
	font-size: 80%;
	}

#contentContainer {
	xxxpadding-left: 217px;
	xxxwidth: 544px; 
	}

#contentContainer h1 {
	font-size: 110%;
	color: #06c;
	margin:5px 0 5px 0;
	padding-left:8px;
}

h2 {
	font-size: 80%;
	margin:0;
	padding-left:8px;
}

#contentContainer h3 {
	font-size: 90%;
	margin:5px 0 5px 0;
	padding-left:8px;
}

#contentContainer p {
	font-size: 80%;
	padding-left:8px;
}

#contentContainer a {
	color: #f93;
}

div#prodRotationContainer {
	height:286px;
	position:relative;
	background:transparent url(../content_graphics/prodRotation/UKPOS_fade-panel_00.jpg) no-repeat scroll top left;
}

div#prodRotationContainer img{
	position:absolute;
}

div#prodRotationContainer h1{
	left:80px;
	position:absolute;
	top:12px;
	margin:0;
	padding:0;
}

div#prodRotationContainer h2{
	color:#FFFFFF;
	font-size:90%;
	left:128px;
	margin:0;
	padding:0;
	position:absolute;
	top:240px;
}

div#prodRotationTextContainer {
	float: left;
	width: 197px;
	color: #06c;
	font-size: 70%;
	font-weight: 700;
	padding-left: 15px;
}

div#prodRotationTextContainer h2 {
	font-weight: bold;
	font-size: 150%;
	padding-left: 0px;
	}

div#prodRotationTextContainer a {
	color: #f93;
	font-size: 90%;
	}

.prodGroup img {
	border: 0px;
	}

.prodGroup h2 {
	background-color: #06c;
	color: #fff;
	font-size: 70% !important;
	padding: 4px;
	padding-left: 4px !important;
	text-align: center;
	margin: 0px;
	margin-bottom: 1px;
	}

.prodGroup {
	width: 135px;
	margin: 1px;
	margin-left: 0px;
	float: left;
	font-size: 100%;
	}

	
#ft {
  background-color: #ffffff;
  height: 270px;
	clear:both;
	xxxpadding-top: 50px;
	xxxpadding-left: 217px;
	xxxtext-align: right;
	color: #808080;
	font-size: 60%;
	font-weight: 700;
	}

#ft a {
	color: #808080;
	}

#ft a:hover {
	text-decoration: none;
	}

#ft ul {
	padding-left: 8px;
	margin-bottom: 0px;
	margin-top: 8px;
	margin-left: 0px;
	}

#breadCrumbsContainer li {
	font-size: 90%;
	display: inline;
	font-weight: 700;
	padding-right: 5px;
	border-right: 1px solid #000;
	}
	
#breadCrumbsContainer p{
	padding-left:8px;
}

li#activePage {
	border-right: none;
	padding-left: 3px;
	font-weight: 400;
	}

#breadCrumbsContainer a {
	text-decoration: none;
	color: #000;
	}

#breadCrumbsContainer a:hover {
	text-decoration: underline;
	}

#breadCrumbsContainer p {
	font-size: 80%;
}

#prodListContainer{
  padding-top: 20px;
  padding-left: 3px
}
.prodContainerShadow{
  background: #557766;
  width: 250px;
  height: 151px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.prodContainer {
  background: #ffffff;
	border: 2px solid #64CCFF;		
	width: 250px;
  height: 151px;
  margin-left: -6px;
  margin-top: -6px;
}
.prodContainer .text {
	background-color: #ffffff;
  width: 115px;
}

.prodContainer .title {
	background-color: #ffffff;
	color: #000000;
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 10px;  
}

.prodContainer .image {
	border: 0px;
	}

div.toTop {
	background: url(/assets/blueGradient1pxHigh.gif) repeat-y;
	background-color: #00A9EC;
	text-align: right;
	height: 30px;
	font-size: 80%;
	font-weight: 700;
	padding-right: 5px;
	}

div.toTop a {
	color: #fff;
	}

div.toTop a:hover {
	text-decoration: none;
	}

.prodContainer {
	position: relative;
	}

.prodContainer img {
	float: left;
	}

.prodContainer p {
	margin-left: 140px;
	font-size: 80%;
	width: 275px;
	min-height: 97px;
	height: auto !important;
	height: 97px;
	padding: 0px;
	margin-bottom: 0px;
	}

.prodMarketingFlash {
	float: left;
  position: absolute;
  margin-top:-25px;
  margin-left:-35px;
}

.prodMarketingFlash img {
	padding: 20px;
	padding-bottom: 0px;
	}

.prodLineItems {
	clear: both;
	width: 524px;
	}

.prodUsageBtn {
	background-color: #ccc;
	font-size: 70%;
	font-weight: 700;
	margin-left: 1px;
	float: left;
	width: 130px;
	clear: left;
	}

.prodUsageBtn a {
	color: #333;
	padding: 4px;
	display: block;
	text-decoration: none;
	}

.prodUsageBtn a:hover {
	background-color: #999;
	display: block;
	}

#basketTable {
  padding-top: 20px;
  font-size: 80%;
  width: 100%;
}
  
#basketTable th,
.prodLineItems th {
	background-color: #66CBFF;
	color: #fff;
	font-size: 12px;
  font-weight: bold;
  height: 16px;
  padding-top:2px;
}

.basketTableOdd,
.prodLineItemsOdd{
	font-size: 12px;
	text-align: left;
	background-color: #CBEFFF;
  color: #656766;
  height: 20px;
}
.basketTableEven,
.prodLineItemsEven{
	font-size: 12px;
	text-align: left;
	background-color: #ffffff;
  color: #656766;
  height: 20px;
}
.prodLineItemsFooter{
  font-size: 12px;
  text-align: right;
  color: #656766;
  height: 20px;
  padding-top: 10px;
}
.prodQty {
	width: 30px;
	font-size: 80%;
	text-align: right;
	padding-right: 5px;
	border: 1px solid #000;
	}

.prodSpecialInstruction {
	width: 215px;
	font-size: 80%;
	padding-right: 5px;
	border: 1px solid #000;
	margin-top:10px;
  margin-bottom: 10px;
	}

.prodSpecialInstructionLabel {
	font-size:12px;
	margin-left:30px;
	margin-top:10px;
}

.prodLineItemStretch {
	width: 40%;
	}

.prodQuickQuote {
	float: left;
	}

.prodQuickQuote img {
	border: 0px;
	padding-left: 20px;
	margin-bottom: 4px;
	padding-right: 0px;
	}

.prodQuickQuote a {
	color: #f93;
	font-size: 70%;
	font-weight: 700;
	margin-top: 20px;
	}

.prodQuickQuote a:hover {
	text-decoration: none;
	}

.prodQuickQuoteText {
	margin-top: 20px;
	padding-left: 20px;
	line-height: 3em;
	}

.prodSubmit {
	background-color: #666;
	border: 0 none;
	color: #fff;
	font-family: "Arial", "Verdana", san-serif;
	font-size: 70%;
	padding: 2px 8px;
	margin-top: 4px;
	cursor: pointer;
}

.optionsContainer {
	text-align: right;
	padding: 3px;
	height: 25px;
	}

#contentContainer .optionsContainer a{
	background-color:#666;
	color:#fff;
	font-size:70%;
	padding:2px 8px;
	text-decoration:none;
}

#contentContainer .optionsContainer a:hover{
	background-color:#f93;
	text-decoration:underline;
}

.prodContainer form {
	margin: 0px;
	}

#contentContainer blockquote {
	font-size: 80%;
	}

#contentContainer strong {
	font-size: 80%;
	}

div#prodRotationTextContainer p {
	font-size: 110%;
	}


#contactUsImg {
	float: right;
	}
#ShoppingHelpImg {
	float: right;
	}

.topPaddingPush {
	padding-top: 10px;
	}

#contactTable, #BuyersGuideTable{
	width: 500px;
	}

#contactTable th, #BuyersGuideTable th {
	width: 100px;
	font-size: 80%;
	text-align: right;
	}

.text {
	width:264px;
	}

.area {
	height: 100px;
	}

.lbl {
	font-size: 100%;
	font-weight:bold;
}

#contactTable td, 
#BuyersGuideTable td {
	width: 450px;
	font-size: 80%;
	}

td#contactSubmit, 
td#BuyersGuideSubmit {
  padding-top: 5px;
	text-align: left;
	}

#contactTable #contactSubmit input, 
#BuyersGuideTable #BuyersGuideSubmit input {
	background-color: #666;
	border: none;
	color: #fff;
	font-family: "Arial", "Verdana", san-serif;
	font-size: 100%;
	padding: 2px;
	padding-left: 16px;
	padding-right: 16px;
	}

#contactList {
	font-size: 80%;
	}

.pdfDoc {
	background: url(/assets/pdf.gif) top left no-repeat;
	padding-left: 20px;
	margin-left: 40px;
	float: right;
	margin-right: 100px;
	text-align: left;
	width: 80px;
	}


#rotationContainer {
	float: none !important;
	float: right;
	}

#quickQuoteHL {
	width: 107px;
	height: 40px;
	position: absolute;
	top: 107px;
	left: 335px;
	z-index: 1000;
	}

#quickQuote {
	position: relative;
	z-index: 2000;
	}

#shopBasketContainer img{
	left:370px;
	position:relative;
  margin-bottom: 3px;
}
#shopBasketContainer {
	width: 530px;
	margin-left: auto;
	margin-right: auto;
	}


.basketItemCenter,
.bskitem-qty {
	text-align: center;
	}
#basketTable a.checkoutbutton{
	background-color:#06c;
	color:#fff;
	display:block;
	font-weight:bold;
	float:right;
	margin:4px;
	padding:2px 8px;
	text-align:center;
	text-decoration:none;
	width:70px;
}
#basketTable a.checkoutbutton:hover{
	background-color:#f93;
}
#basketTable td.nullArea,
#basketTable #bask-co-checkout {
	background-color: #fff;
	}

.bskitem-num,
#bask-total,
#vat-amount,
#bask-grand-total,
#post-amt-cell,
#bask-sub-total {
	text-align: right;
	padding-right: 5px;
	}

.basketBold,
#order-total,
#sub-total,
#post-cell,
#vat-cell,
#bask-grand-total-cell {
	font-weight: 700;
	padding-left: 5px;
	}

#basketCheckoutTD {
	text-align: right;
	}

#bask-checkout {
	background-color: #06c;
	border: none;
	color: #fff;
	font-weight: 700;
	padding: 2px;
	margin: 4px;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
	}

#bask-save,
#bask-update {
	background-color: #666;
	border: 0px;
	color: #fff;
	margin: 4px;
	padding: 2px 8px;
 	cursor: pointer;
	}

#gotop {
	float: right;
	font-size: 70%;
	margin: 8px;
	}

#gotop a:hover {
	text-decoration: none;
	}

#shopBasketContainer h2 {
	background: url(/assets/ukposbullet.gif) top left no-repeat;
	padding-left: 24px;
	padding-top: 2px;
	border-bottom: 1px solid #808080;
	padding-bottom: 3px;
  margin-top:15px;
	}

.chk-address {
	width: 100%;
	}

.chk-address th {
	text-align: left;
	font-size: 80%;
	width: 170px;
	font-weight: 400;
	padding-left: 30px;
	padding-right: 5px;
	}

.chk-address td input,
.chk-address td select,
.chk-address td textarea {
	border: 1px solid #000;
  margin-top:5px;
	}
.chk-address td em{
  margin-left: 5px;
}

#chk-address-msg p,
#chk-bill p {
	text-align: right;
	height: 60px;
	}
	
#chk-address-msg input,
input.chk-btn {
	border: 0px;
	background-color: #06c;
	color: #fff;
	font-weight: 700;
	padding: 4px;
	}
	
#chk-bill a, #bask-co-checkout a, #doOrderTD a, #chk-address-msg a{
	background-color:#06c;
	border:0px none;
	color:#fff;
	font-weight:700;
	padding:4px;	
	text-decoration:none;
}
#chk-bill a:hover, #bask-co-checkout a:hover, #doOrderTD a:hover, #chk-address-msg a:hover{
	background-color:#f93;
}
#bask-co-checkout a{
	margin:1em 0;
	text-align:center;
	width:110px;
}

#chk-pay-table td a {
	font-size: 60%;
	}

#chk-pay-table td a:hover {
	text-decoration: none;
	}

#chk-submit-table {
	font-size: 80%;
	width: 100%;
	}

#doOrderTD {
	text-align: right;
	}

#bsk-order-btn {
	border: 0px;
	background-color: #06c;
	color: #fff;
	font-weight: 700;
	padding: 4px;
	}

.floatRight {
	float: right;
	font-weight: 700;
	color: #f00;
	font-size: 80%;
	}

.chk-address em {
	color: #f00;
	font-weight: 700;
	}

#chk-submit-table label {
	font-weight: 400;
	}

#contentContainer ul.error li {
	font-size: 80%;
	color: #f00;
	}

#contentContainer ul.error {
	padding-bottom: 10px;
	border-bottom: 1px solid #808080;
	}

#sizeTable {
	width: 200px;
	}

#sizeTable th {
	background-color: #69c;
	color: #fff;
	font-size: 80%;
	width: 70px;
	font-weight: 400;
	}

#sizeTable td {
	font-size: 80%;
	text-align: center;
	background-color: #edf4fa;
	}

.prodLineItemStretch a {
	padding-left: 20px;
	text-decoration: underline;
	color: #fff !important;
	}

#findUsContainer {
	width:760px;
	text-align:center;
	font-size:12px;
}

#findUsContainer a {
	color: #f93;
}	

#findUsContainer a:hover {
	color: #f93;
	text-decoration:none
}	

#findUsBanner {
	width:760px;
	margin-bottom:10px;
	margin-top:20px;
}

#findUsLinks {
	width:760px;
	margin-top:20px;
	margin-bottom:20px;
}

#postCodeNote {
	font-size:11px;
}

/* terms and conditions styles */
ol#terms{
	padding-left:28px;
}
ol#terms li{
	font-size:90%;
}
ol#terms li p{
	font-size:105%;
}

ol#terms ol{
	font-size:120%;
	list-style:lower-alpha;
	margin:10px auto;
}
ol#terms ol li ol{
	list-style:lower-roman;
}

.hidden{
	display:none;
}

a.ukpos-button{
	background-color:#666;
	border:0pt none;
	color:#fff;
	cursor:pointer;
	margin:4px 0;
	padding:2px 18px;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
}

a.ukpos-button:hover{
	background-color:#f93;
}

#contentContainer a.ukpos-button{
	color:#fff;
}

/* **************************** Home page category panels ************************ */

.featuredProductWrapper {
  background: #ffffff;
  width: 242px;
  height:170px;
  padding: 5px;
}

.featuredProductText{
  width: 100px;  
}
.featuredProductText h3{
  color: #3F72CD;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
}

.featuredProductText p{
  font-size: 12px;
  font-weight: normal;
}
.featuredProductText a{
  color: #FF6602;
  font-weight: bold;
}
.featuredProduct{
  background: #E1F5FE;
  padding: 15px;
  height: 150px;
}
.featuredProduct img{
  float: left;
  width: 105px;
}
.featuredProduct div{
  float: right;
}

.hp-intro{
	float:left;
	margin-top:0.7em;
	padding:0 1em;
	width:27%;
}
	.hp-intro h2{
		font-size:90%;
		color:#0053a0;
		padding:0;
		margin:0;
	}
	.hp-intro h2 span{
		color:#00adef;
	}
	#contentContainer .hp-intro p{
		margin:0;
		padding:0;
	}
	#contentContainer .hp-intro a{
		font-weight:bold;
	}
	.hp-intro a:hover{
		
	}
	

/* TEMPORARY HOME PAGE PANEL */

div#TempHomePage {
	padding-top:10px;
	height:276px;
	padding-left:240px;
	padding-right:20px;
	width:283px;
	position:relative;
	background-image:url(../assets/UKPOS_temp_home_page_panel_02.jpg);
	background-repeat:no-repeat;
}

div#TempHomePage h1{
	margin:0;
	padding:0;
	font-size:100%;
}

div#TempHomePage h2{
	color: #06c;
	margin:10px 0 0 0;
	padding:0;
}

div#TempHomePage ul
{
	margin:5px 0 5px 0;
	padding:0;
	list-style-position: inside;
}

div#TempHomePage li
{
	color:#fff;
	font-size:75%;
	font-weight:bold;
	}

div#TempHomePage a#cataloguebutton
{
	display:block;
	background-image:url(../assets/UKPOS_temp_button.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:226px;
	padding-top:3px;
	height:23px;
	color:#fff;
	font-weight:bold;
	font-size:8pt;
	overflow:hidden;
	text-align:center;
}

div#TempHomePage a:visited#cataloguebutton
{
	color:#fff;
}

div#TempHomePage a:hover#cataloguebutton
{
	background-position:bottom left;
}

div#TempHomePage p
{
	padding:0;
	margin:2px 0 0 0;
	color:#fff;
	font-size:8pt;
}

div#TempHomePage p a
{
	color:#fff;
	}

div#TempHomePage p a:visited
{
	color:#fff;
	}

  
/* Nifty corners*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

#footerSEO{
  height: 230px;
  background: #ffffff;  
}

#footerSEORight{
  text-align: center;
  font-size: 18px;
  color: #6CCFF6;
  padding-top: 5px;
}
#footerCategories{
  background: #F7F7F7;
  color: #999999;
  font-size: 10px;
  padding-left: 60px;
  height: 220px;
}

#footerCategories h2{  
  font-weight: bold;
  font-size: 12px;
}

#footerDetails
{
  height: 30px;
  background: #00A5E8;
  color: #ffffff;
  font-size: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
}

#footerDetails div a{
  color: #ffffff;
}

#searchContainer{
  height: 75px;
  background: #CEEDFF;
  padding-top: 5px;
  padding-bottom: 5px;
}

#searchContainer h2{
  color: #2F5BA2;
  font-size: 15px;
  font-weight: bold;
  margin-left: 5px;
}

#searchContainer div input{
  margin-bottom: 5px;
  margin-right: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  color: #808080;
  width: 150px;
  font-size: 70%;
}
  
.searchButton{
  width:48px;
  background: #67CBFF;
  color: #ffffff;
  float:right;
  cursor: pointer;
}

.searchRow{
  padding-left: 5px;
  padding-right: 5px;
}

#rightCallUsTodayContainer{
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  background: #66CBFF;
  height: 145px;
}

.rightCallUsToday{
   background: url(/assets/fadeButton1px.gif) repeat-x;
}
.rightCallUsToday div{
   color: #ffffff;
   text-align:center;
   font-Size: 16px;
   font-weight: bold;
   padding-top: 9px;
   padding-bottom: 9px;
}

#rightMailinigListContainer{

  padding:10px;
  background: #66CBFF;
  height: 200px;
}

#rightMailinigListContainer h2{
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}

.rightMailinigListText{
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 190px;
}

#rightMailinigListContainer input{
  width: 100px;
  font-size: 12px;
}

.rightHR{
  background: #66CBFF;
  padding-bottom: 10px;
}

.rightHR div{
  background: #ffffff;
  height: 2px;
  margin-left: 30px;
  margin-right: 30px;
  text-align: center;
}

#brochureContainer{
  background: #66CBFF;
  padding-bottom:10px;
  padding-left: 5px;
}

#brochureContainer h2{
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}

#testimonialsContainer{
  padding-bottom:10px;
  padding-left: 5px;
}

#testimonialsContainer h2{
  color: #2C338A;
  font-size: 24px;
}

#testimonialslink a:link, #testimonialslink a:visited{
  color: #2C338A;
}

#blogContainer{
  background: #66CBFF;
  padding-bottom:10px;
  padding-left: 5px;
}

#blogContainer h2{
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}

#blogContainer h2 a{
  color: #FFFFFF;
  text-decoration: none;
}

#blogContainer h2 a:hover{
  border-bottom: 1px solid #FFFFFF;
}

#top5Container{
  background: #66CBFF;
  padding-left: 5px;
  padding-right: 5px;
}

#top5Container h2{
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

.top5ProductRow{
height: 100px;
padding-top: 1px;
}

.top5ProductRowDescription{
  color: #3268CC;
  width: 140px;
}

#flashContainer{
  height: 365px;
  position: relative;
}

#easterflashContainer{
  height: 400px;
  background: url(/assets/home_easter.jpg) no-repeat;
}

#easterpromoflashContainer{
  height: 400px;
  background: url(/assets/home_easter_promotion.jpg) no-repeat;
}

#springlashContainer{
  position: relative;
  height: 400px;
  background: url(/assets/home_spring.jpg) no-repeat;
}

#seasonalflashContainer{
  position: relative;
  height: 400px;
  background: url(/assets/home_look_smart.jpg) no-repeat;
}

.seasonalflashheading{
  height:180px;
}

#newcatalogueflashContainer{
  position: relative;
  height: 400px;
}

.seasonalmessage{
  position:absolute; 
  bottom:30px; 
  font-size:12px; 
  font-weight:bold; 
  color: #FFFFFF;
  padding: 0 0 0 33px;
}

.stockmessage{
  position:absolute; 
  bottom:110px;
  left: 20px;
  font-size:11px; 
  font-weight:bold; 
  width:300px;
  color:#FF0000;
}

.freepoststockmessage{
  position:absolute; 
  bottom:2px;
  left: 0;
  font-size:11px; 
  font-weight:bold; 
  width:300px;
  color:#FF0000;
}

.easterflashheading{
  height:160px;
}

.flashHeading {
  font-size: 48px;
  text-transform: uppercase;
  margin-bottom: -12px;
}
.dark{
  color: #2C338A;
}

.flashHeadingFreePost {
  font-size: 38px;
  text-transform: uppercase;
  margin-bottom: -12px;
}

.flashHeadingFreePostukonly {
  font-size: 14px;
  text-transform: uppercase;
  margin: 7px 0 0 4px;
}

.light{
  color: #00A5E8;
}
#flashText{
  padding-top: 17px;
}
.popularProductItem{
  /*width: 220px;*/
  width: 170px;
  font-weight: normal;
}

.signin{
  background: #387CB9;
  color: #ffffff;
  height: 21px;
  text-align: right;
  padding-top: 4px;  
  padding-right: 5px;
}


#homeContent h1 {
	font-size: 110%;
	color: #06c;
	margin:5px 0 5px 0;	
}

/*Terms and conditions*/
ol#terms{
	padding-left:15px;
}
ol#terms li{
	font-size:90%;
}
ol#terms li p{
	font-size:105%;
}

ol#terms ol{
	font-size:120%;
	list-style:lower-alpha;
	margin:10px auto;
}
ol#terms ol li ol{
	list-style:lower-roman;
}

.prodContainerRedButton{
  background: url(/assets/fadeButtonRed1px.gif) repeat-x;
  color: #ffffff;
  height: 19px;
  font-size: 11px;
  text-align: center;
  padding-top: 2px;
  width: 100px;
  margin-top: 100px;
  margin-left: 10px;
}

.prodContainerBlueButton{
  background: url(/assets/fadeButtonBlue1px.gif) repeat-x;
  color: #ffffff;
  height: 19px;
  font-size: 11px;
  text-align: center;
  padding-top: 2px;
  width: 100px;
  margin-left: 10px;
}
.prodContainerBlueButton a{
  color: #ffffff;
  text-decoration: none;
}

#prodListCategoryDetail{
  margin-top: 10px;
  margin-right: 15px;
  
}

#prodListCategoryDetail h1{  
  color: #2A348B;
  font-size: 20px;
  border-bottom: #65CDFF solid 1px;
}

#prodListCategoryDetail h1 a{
  color: #2A348B;
  font-size: 20px;
  text-decoration: none;
}

#prodListCategory{

}

#productCategoryMenuNumber{
  color: #AFB547;
}


/*Shopping Basket Style*/
#basketContainer {
	text-align: right;
}

.basketHeader{
  height: 30px;
  background: #3B7DB9;
  color: #ffffff;
  font-size: 80%;
  font-weight: bold;
}

.basketHeaderText{
  padding-right: 5px;
}
#basketHeaderItems{
color: #B1E7FF;
}

#basketItems{
  height: 71px;
  background: #ffffff;
  overflow: auto;
}

#basketTotal{
  height: 30px;
  background: #66CBFF;
  color: #ffffff;
  font-size: 120%;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 9px;
}

.basketCheckout{   
  background: #FE3000;
  cursor: pointer;
  float: left;
}

#basketCheckoutArrow{
  background: url(/assets/smallWhiteArrowRight.gif) no-repeat;
  width: 10px;
  height: 10px;
  margin-top: 3px;
}
#basketCheckoutText{
  font-size: 80%;
  color: #ffffff;
  padding-left: 15px;
  padding-right: 10px;
}

.rowEven{
  background: #EBF0F6;
}

.rowOdd{
  background: #ffffff;
}

#flashRotator{
padding-right:10px;
margin-top:2px;
/*height: 400px;
padding-top: 50px;*/
}

#flashText h2{
  color: #00A5E8;
  font-size: 14px;
  font-weight: bold;
  width: 250px;
}

#flastTextDescription{
  margin-top: 10px;
  width: 320px;
}

#flastTextPrice{
  margin-top: 10px;
  width: 250px;
  color: #C40009;
  font-size: 16px;
  font-weight: bold;
}

#flashTextLink{
  margin-top: 10px;
}


#AboutUsContent h1, #BuyersGuideContent h1, #landingContent h1, #makeEnqContent h1, #jobsContent h1, #testimonialsContent, #newscontent h1{
  color:#0066CC;
  font-size:24px;
  font-weight: bold;
  margin:5px 0;
  
}
#AboutUsContent h2, #BuyersGuideContent h2, #makeEnqContent h2, #jobsContent h2{
  font-size: 14px;
  font-weight: bold;
  margin:0;
  padding-left:8px;
  color: #000000;
}
#AboutUsContent h3, #makeEnqContent h3,  #jobsContent h3{
  font-size: 14px;
  font-weight: bold;
  margin:0;
  padding-left:8px;
  color: #000000;
}
#AboutUsContent p, #BuyersGuideContent p, #makeEnqContent p,  #jobsContent p{
font-size:12px;
padding-left:8px;
margin-top: 8px;
margin-bottom: 8px;
}
#AboutUsContent img {
	float: right;
	margin-left:10px;
  margin-right:10px;
}

#newsContent  h1 {
  color:#0066CC;
  font-size:20px;
  font-weight: bold;
  margin:5px 0;
  padding-left:8px;
}

#newsContent .newsBriefContainer {
	border-top: 1px solid #68c;
	background-color: #edf4fa;
	margin-left: 8px;
  margin-right: 10px;
}

.newsBriefContainer h2 {
	margin-top: 5px;
  margin-bottom: 5px;
	text-align: left;
  padding-left:8px;
  
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

.newsBriefContainer h3 {
	font-size: 14px;
	font-weight: normal;
	border-top: 1px dashed #808080;
	text-align: left;
	padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.newsBriefContainer p {
	text-align: left;
  padding-left:8px;
  font-size:12px;
	}

ul.newsBriefOptions {
	background-color: #69c;
	text-align: right;
	padding:0 3px 0 0;
	margin:0;
}

ul.newsBriefOptions li {
	display: inline;
	font-size: 80%;
	padding-left: 3px;
	border-left: 1px solid #fff;
	line-height: 1.6em;
	}

ul.newsBriefOptions li a {
	text-decoration: none;
	color: #fff;
	}

ul.newsBriefOptions li a:hover {
	text-decoration: underline;
	}

.newsBriefContainer {
	text-align: center;
	}

#noDash {
	border: none;
	}

#newsNavigationContainer a {
	text-decoration: none;
	font-size: 80%;
	color: #fff;
	font-weight: 700;
	padding: 4px;
	background-color: #4293e0;
	}

#newsNavigationContainer a:hover {
	text-decoration: none;
	}

#newsNavigationContainer {
	text-align: right;
	}
  
#FAQsContent h1{
  color:#0066CC;
  font-size:24px;
  font-weight: bold;
  margin:5px 0;
  padding-left:8px;
}

#FAQListContainer{
  margin-top: 10px;
  padding-left:8px;
}

#FAQBodyContainer{
  margin-top: 10px;
  padding-left:8px;
}

#FAQBodyContainer h2{
  border-top: 1px solid #808080;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  padding-top: 5px;
}

#ContactUsContent h1{
  color:#0066CC;
  font-size:24px;
  font-weight: bold;
  margin:5px 0;
}

#ContactUsContent h2{
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  padding-top: 5px;
}

#ContactUsContent p{
  font-size: 12px;
  margin-right: 10px;
  padding-top: 5px;
}

#ContactUsContent .label, #BuyersGuideContent .label{
  text-align: right;
	font-size: 80%;
	width: 170px;
	padding-right: 5px;
}

#ContactUsContent em {
	color: #f00;
	font-weight: 700;
	}
  
#ContactUsContent input,
#ContactUsContent select,
#ContactUsContent textarea,
#ContactUsContent a{
  margin-bottom:5px;
}

#rightHandBrochureEntryContainer h3{
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

#rightHandBrochureEntryContainer div{
  color: #ffffff;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#rightHandBrochureEntryContainer a{
  color: #ffffff;
}

#brochurelogo{  
  margin: 5px;
}

#rightHandBlogEntryContainer h3{
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

#rightHandBlogEntryContainer div{
  color: #ffffff;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#rightHandBlogEntryContainer a{
  color: #ffffff;
}

#bloglogo{  
  margin: 5px;
}

#mailingListSubmitButton{   
  background: #FE3000;
  cursor: pointer;
  float: left;
  color: #ffffff;
  text-align: center;
  width: 60px;
}

.prodContainerBuy{
  border-top: 1px solid #69c;
	border-bottom: 1px solid #69c;
	margin-bottom: 20px;
	padding-top: 1px;
	width:524px;
  text-align: center;
}

#productList .prodContainerBuy h2 {
	float: left;
	color: #fff;
	font-size: 16px;
  font-weight: bold;
	padding: 2px;
	padding-top: 10px;
	margin: 0px;
	height: 16px;
	position: absolute;
  text-transform:capitalize;
	}

.prodContainerBuy img {
	border: 0px;
	}

.productListerBuyDetails{
  width: 534px;
  padding-top: 10px;  
  margin-bottom: 5px;
}
.productListerBuyDetails:after { content: ""; display: block; height: 0; clear: both; }
  
.productListerBuyDetailsDescription{
  text-align: left;
}

.productListerBuyLeftSide{ 
  float:left; 
  width:130px; 
  margin: 0px 0px 0px 0px;
}

.productListerBuyCenter{
  float:left; 
  width:244px; 
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px; 
  margin-top: 0px;}
.productListerBuyRightSide{
  float:left; 
  width:130px;  
  margin: 0px 0px 0px 0px;
}

.prodOptions{
	text-align: left;
	font-size: 10px;
	padding-top: 20px;
	color: #06c;
}

.prodOptionsLink{
	color: #0053A1;
}

.prodInfoLink{
  font-size: 14px;
  font-weight: bold;
  color: #FC0001;
}

.productAddToBasketBtn{
  background: url(/assets/fadeButtonRed1px.gif) repeat-x;
  color: #ffffff;
  width: 100px;
  float: right;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.basketPanelTable{
  width:100%;
}

.basketPanelQTY{
  border: 1px solid #999999;
  margin: 2px;
  padding-left:3px;
  padding-right:3px;
}

.basketPanelRow{
  font-size: 10px;
  text-align:left;
  color: #999999;
}

.basketPanelCost{
  text-align:right;
}

#privacyContent h1,
#checkoutThanksContent h1,
#saveBasketContent h1,
#checkoutContent h1,
#showBasketContent h1,
#makeEnqContent h1,
#emailFriendContent h1{
  color:#0066CC;
  font-size:24px;
  font-weight: bold;
  margin:5px 0;  
}

#privacyContent h2,
#checkoutThanksContent h2,
#saveBasketContent h2,
#checkoutContent h2,
#makeEnqContent h2,
#emailFriendContent h2{
  color: #2F5BA2;
  font-size: 15px;
  font-weight: bold;
}

#privacyContent h3,
#makeEnqContent h3,
#emailFriendContent h3{
  color: #2F5BA2;
  font-size: 12px;
  font-weight: bold;
  margin-top:10px;
}

#checkoutThanksContent div{
margin-top: 10px;
}

#bestOfClassContainer{
  background:#66CBFF;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

#bestOfClassContainer h2{
  color:#353336;
  font-size:14px;
  font-weight:bold;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align:left;
}

#bestOfClassContainer h3{
  color:#66CBFF;
  font-size:16px;
  font-weight:bold;
  margin-top: 5px;
  margin-bottom: 5px;
}

#bestOfClassImageholder{
  background: #ffffff;
  margin-left: 5px;
  margin-right: 5px;
}

#bestOfClassContainer p{
  color: 456679;
  text-align:left;
  margin-bottom: 5px;
}

#bestOfClassContainer a{
  color: #ffffff;
}

#btnQuickAdd{
  background: #387CB9 none repeat scroll 0 0;
  padding:5px;
  cursor:pointer;
}

.padLeftSmall{
  padding-left:3px;
}

.padRightSmall{
  padding-right:5px;
}
.landingMenuNumber{
  color:#ABB43D;
}

.blueLine{
	border-top: 1px solid #65CDFF;
  margin-left: 5px;
  margin-right:5px;
}

#landingImageContainer{
  margin-right:10px;
  min-width: 170px;
  min-height:180px;
  text-align: center;
}
#landingDescriptionRight{
  margin-left:180px;
  margin-right: 15px;
  margin-bottom: 10px;
  min-height: 180px;
  text-align:justified;
}

#landingDescriptionRight div{
  margin-bottom: 10px;
}
#landingSubCats a{
  color:#64CCFF;
  font-weight:bold;
}

.prodTitleBrackets{
  font-size: 13px;
}
#flastTextDescription li, 
#landingDescriptionRight li{
  list-style-type: disc;
  margin-left: 15px;
}


.productListerBuyCenter li{
  list-style-type: disc;
  text-align:left;
  margin-left: 15px;
}

#transactionFailed{
  color:#FF0000;
  font-weight: bold;
}

#testimonialsContent .left{
  folat:  left;
  width:  414px;
}

#testimonialsContent p{
  font-size:12px;
  padding:10px 0 10px 0;
  margin-top: 8px 0 8px 0;
}

#testimonialsContent .right{
  width:  100px;
  margin: 0 10px 0 10px;
}

#testimonialsContent p.black{
  color: #000000;
}

#testimonialsContent p.darkblue{
  color: #323687;
  font-weight: bold;
  font-size: 18px;
}

#testimonialsContent p.lightblue{
  color: #4DA5E6;
  font-weight: bold;
  font-size: 18px;
}

#testimonialsContent p.drawline{
  border-bottom: 1px solid #CFCFCF;
}

.newsarticle{
  border-bottom: 1px solid #DDDDDD;
  padding: 20px 5px 20px 0;
}

.newsarticle .headline{
  padding-top: 0;
  padding-bottom: 5px;
}

.newsarticle .headline a{
  color: #000000;
  display: inline;
  font-weight: bold;
}

.newsarticle .articledate{
  font-size: 11px;
  color: #4C4C4C;
  font-style: italic;
  margin-bottom: 5px;
  font-weight: bold;
}

.newsarticle .summary{
  margin: 10px 0 0 0;
}

#newsleftcontainer{
  margin: 30px 5px 0 5px;
}

#newsleftcontainer h2{
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
}

.newscategorylist{
  margin: 0 0 20px 10px;
}

.newscategorylist li{
  list-style: none;
  padding: 0 0 3px 0;
}

.newscategorylist li a{
  color: #000000;
  text-decoration: none;
}

.newscategorylist li a:hover{
  color: #FFFFFF;
  text-decoration: underline;
}

.newsarticletitle{
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.newsarticlelink{
  font-size: 12px;
  margin: 0 0 20px 0;
  font-style: italic;
  color: #4C4C4C;
}

.newsarticlelink a{
  color: #4C4C4C;
}

.newsarticleimage{
  float: left;
  margin: 0 10px 10px 0;
}

.newsarticlebody{
  margin: 0 10px 10px 5px;
  text-align: justify;
}

.newsarticlebackbtn{
  text-align: right;
}
.newsarticlebackbtn .backlink{
  color: #4C4C4C;
}

.newsrelatedarticles{
  margin: 0 10px 10px 5px;
}

.newsrelatedarticles h2{
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #000000;
  margin: 0 10px 10px 0;
}

.newsrelatedarticles p{
  margin: 0 10px 5px 0;
}

.newsrelatedarticles a{
  color: #000000;
  text-decoration: underline;
}

.newslisttitle{
  font-size: 18px;
  color:#000000;
  font-weight: bold;
}

.newspaegerror{
  font-size: 18px;
  color:#FE3000;
  font-weight: bold;
}

.socialmediabtns{
  margin: 10px 0 10px 0;
}

.twitterbtn{
  float: left;
}

.linkedinbtn{
  float: left;
}

.facebookbtn{
  float: left;
  margin: 0 0 0 12px;
}

.newsauthorstext{
  text-align: justify;
  margin: 0 10px 0 0;
}

.authorbackbtn{
  color: #4C4C4C;
}

.newsnav{
  position: relative;
  height: 20px;
  margin: 5px 5px 5px 5px;
}

.newsprevious{
  color: #4C4C4C;
}

.newsnext{
  position: absolute;
  right: 0;
  color: #4C4C4C;
}




