/*************************************************************************************************
Cherry Keyboards 'R' Us CSS - Screen
*************************************************************************************************/


/* HTML Tags
*************************************************************************************************/

body,
html{
	width:100%;
	text-align:center;
	}
body{
	background:#f0f0f0 url(../graphics/bg.jpg) repeat-y center top;
	font:62.5% Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}
body.pf{
	background:#fff;
	}
p, div, span, h1, h2, h3, h4, h5, h6, input, select, textarea, button, strong, em, i, b, a, ul, li, fieldset, img{
	padding:0;
	margin:0;
	font-size:1em;
	border:none;
	}
a{
	color:#036;
	text-decoration:none;
	}
a:hover{
	color:#000;
	}
h1{
	font-size:2em;
	color:#036;
	font-weight:normal;
	border-bottom:1px dashed #b2c1d1;
	margin-bottom:.5em;
	letter-spacing:-1px;
	}
#leftcol h2{
	font-size:2em;
	color:#036;
	font-weight:normal;
	border-bottom:1px dashed #b2c1d1;
	margin-bottom:.5em;
	}
h2{
	font-size:1.2em;
	color:#b3181d;
	font-weight:normal;
	margin-bottom:.4em;
	}
h2 a{
	color:#b3181d;
	}
h2 strong{
	font-weight:normal;
	color:#000;
	}
h3{
	font-size:1.8em;
	color:#000;
	font-weight:normal;
	margin-bottom:.4em;
	}	
h3 a{
	color:#000;
	}
h4{
	font-size:1.2em;
	color:#000;
	font-weight:normal;
	margin:0;
	}
	
p{
	color:#4a718c;
	font-size:1.2em;
	margin-bottom:1em;
	line-height:1.3em;
	clear:left;
	}
p strong{
	font-weight:normal;
	color:#000;
	}
	
dt{
	font-size:1.2em;
	color:#b3181d;
	font-weight:normal;
	margin-bottom:.4em;
	}
dd{
	color:#4a718c;
	font-size:1.2em;
	margin-bottom:2em;
	line-height:1.3em;
	clear:left;
	}
	
/* Structure
*************************************************************************************************/

#container{
	background:#fff url(../graphics/bg-container.jpg) no-repeat 50% 156px;
	width:775px;
	text-align:left;
	margin:0 auto;
	}

#header{
	background:#638ab1 url(../graphics/bg-header.jpg) no-repeat;
	height:156px;
	position:relative;
	}
#header img{
	position:absolute;
	top:26px;
	left:553px;
	}
#header form{
	position:absolute;
	top:100px;
	left:300px;
	}
#header input{
	width:127px;
	height:14px;
	display:block;
	color:#4a718c;
	float:left;
	padding:4px;
	background:url(../graphics/bg-search.jpg) no-repeat;
	border:none;
	}
#header button{
	width:32px;
	float:left;
	display:block;
	letter-spacing:-1000em;
	height:22px;
	padding-top: 22px;
	overflow:hidden;
	cursor:pointer;
	background:url(../graphics/btn-go.jpg) no-repeat 0 0;
	}
#header button:hover{
	background-position:0 0 !important;
	}
#header fieldset{
	margin:0;
	padding:0;
	}
	
/* Header
*************************************************************************************************/

#toplinks{
	list-style:none;
	float:right;
	margin-right:-1px;
	}
#toplinks li{
	display:inline;
	float:left;
	}
#toplinks li a{
	display:block;
	color:#99b3cc;
	padding:0 .8em;
	margin:2px 0;
	text-decoration:none;
	border-right:1px solid #d5d9dd;
	}
#toplinks li a:hover{
	color:#d5d9dd;
	}

#topnav{
	list-style:none;
	position:absolute;
	top:50px;
	left:56px;
	}
#topnav li{
	display:inline;
	}
#topnav li a{
	display:block;
	float:left;
	padding-top:20px;
	height:0;
	overflow:hidden;
	margin-right:14px;
	}
#topnav li a:hover{
	background-position:0 -20px;
	}
#topnav #btnhome a{
	background-image:url(../graphics/btn-home.jpg);
	width:60px;
	}
#topnav #btnproducts a{
	background-image:url(../graphics/btn-products.jpg);
	width:87px;
	}
#topnav #btnabout a{
	background-image:url(../graphics/btn-about.jpg);
	width:87px;
	}
#topnav #btnfaqs a{
	background-image:url(../graphics/btn-faqs.jpg);
	width:57px;
	}
#topnav #btncontact a{
	background-image:url(../graphics/btn-contact.jpg);
	width:102px;
	}
	
/* Left column
*************************************************************************************************/
	
#leftcol{
	float:left;
	width:150px;
	padding:10px;
	}
#leftcol ul{
	list-style:none;
	margin-bottom:3em;
	}
#leftcol li{
	clear:left;
	}
#leftcol li a{
	display:block;
	font-size:1.2em;
	color:#4a718c;
	text-decoration:none;
	background:url(../graphics/icon-arrow1.gif) no-repeat 0 6px;
	padding:4px 0 4px 16px;
	}
#leftcol li a:hover{
	color:#000;
	background-position:0 -44px;
	}
#leftcol ul ul{
	margin-left:14px;
	margin-bottom:2px;
	}
#leftcol ul ul a{
	color:#838383;
	background:url(../graphics/icon-arrow2.gif) no-repeat 0 5px;
	padding:1px 0 1px 8px;
	font-size:1em;
	}
#leftcol ul ul a:hover{
	background-position:0 -45px;
	}
	
/* Middle column
*************************************************************************************************/
	
#midcol{
	float:left;
	width:410px;
	padding:0 10px;
	margin:10px 0;
	border-left:1px dashed #b2c1d1;
	border-right:1px dashed #b2c1d1;
	}
	
/* Mid Right column
*************************************************************************************************/
	
#midrightcol{
	float:left;
	width:582px;
	overflow:hidden;
	padding:0 10px;
	margin:10px 0;
	border-left:1px dashed #b2c1d1;
	}
	
#midrightcol p a{
	text-decoration:underline;
	color:#838383;
	}
	
#midrightcol p{
	clear:both;
	}
.aboutpage p{
	clear:left !important;
	}
.aboutpage img{
	float:right !important;
	margin:0 0 10px 10px;
	}
	
#midrightcol ul{
	color:#838383;
	font-size:1.2em;
	margin:1em 0 3em 2em;
	list-style-image:url(../graphics/icon-tick.gif);
	}
#midrightcol ul li{
	clear:left;
	padding:1em;
	background:#fbfbfb;
	margin-bottom:.5em;
	border:1px solid #f0f0f0;
	}
	
#midrightcol #sitemap{
	list-style-image:url(../graphics/icon-arrow3.gif);
	margin:1em 0 3em 2em;
	}
#midrightcol #sitemap li{
	padding:0;
	background:none;
	border:none;
	}
#midrightcol #sitemap ul{
	font-size:1em;
	margin:5px 0 0 25px;
	list-style-image:url(../graphics/icon-arrow4.gif);
	}
#midrightcol #sitemap ul ul{
	list-style-image:url(../graphics/icon-arrow5.gif);
	}

	
#midrightcol #extras{
	margin-left:20px;
	list-style:none;
	list-style-image:none;
	}
#midrightcol #extras li{
	background:none;
	border:none;
	padding:0;
	margin:0;
	}	
#midrightcol #extras a{
	color:#4a718c;
	display:block;
	padding:7px 0 7px 20px;
	}
#midrightcol #extras a:hover{
	color:#000;
	}
#midrightcol ul li.pdf a{
	background:url(../graphics/icon-pdf.gif) no-repeat 0 40%;
	}
#midrightcol ul li.zip a{
	background:url(../graphics/icon-zip.gif) no-repeat 0 40%;
	}
#midrightcol ul li.anim a{
	background:url(../graphics/icon-anim.gif) no-repeat 0 40%;
	}
	
/* Breadcrumbs
*************************************************************************************************/
	
#breadcrumbs{
	font-size:100%;
	color:#838383;
	margin-bottom:20px;
	}
body #breadcrumbs a{
	color:#4a718c;
	text-decoration:none;
	}
#breadcrumbs a:hover{
	color:#000;
	}

/* Basket Crumbs
*************************************************************************************************/

#midrightcol #basketcrumbs{
	margin:0 0 10px;
	list-style:none;
	display:block;
	float:left;
	}
.standardform #basketcrumbs{
	margin-top:5px !important;
	}
#midrightcol #basketcrumbs li{
	margin:0;
	background:none;
	padding:0;
	display:block;
	float:left;
	border:none;
	clear:none;
	}
#midrightcol #basketcrumbs a{
	margin:0 0;
	padding:42px 0 0;
	display:block;
	height:18px;
	width:116px;
	text-align:center;
	color:#838383;
	font-size:.8em;
	}
#midrightcol #basketcrumbs button{
	margin:0 0 !important;
	padding:42px 0 0 !important;
	display:block !important;
	height:60px !important;
	width:116px !important;
	text-align:center !important;
	color:#838383 !important;
	font-size:.8em !important;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:normal !important;
	float:none !important;
	cursor:pointer !important;
	}
	
#midrightcol #basketcrumbs a:hover,
#midrightcol #basketcrumbs button:hover{
	background-position:50% -100px !important;
	color:#4a718c !important;
	}
	
#midrightcol #basketcrumbs li.active a,
#midrightcol #basketcrumbs li.active button{
	background-position:50% -100px !important;
	color:#4a718c !important;
	}
	
#midrightcol #basketcrumbs li.completed a,
#midrightcol #basketcrumbs li.completed button{
	background-position:50% -200px !important;
	color:#00a844 !important;
	}
	
#iconbasket a,
#iconbasket button{
	background:#fff url(../graphics/icon-basket.gif) no-repeat 50% 0;
	}
#iconpersonal a,
#iconpersonal button{
	background:#fff url(../graphics/icon-mouse.gif) no-repeat 50% 0;
	}
#icondelivery a,
#icondelivery button{
	background:#fff url(../graphics/icon-tags.gif) no-repeat 50% 0;
	}
#iconpayment a,
#iconpayment button{
	background:#fff url(../graphics/icon-cards.gif) no-repeat 50% 0;
	}
#iconreview a,
#iconreview button{
	background:#fff url(../graphics/icon-file.gif) no-repeat 50% 0;
	}
	
	
/* Shopping basket
*************************************************************************************************/	

#shoppingbasket{
	border-collapse:collapse;
	width:96%;
	font-size:1.2em;
	clear:left;
	margin:2% 2% 0;
	color:#838383;
	border-right:1px solid #a5b8c5;
	}
#shoppingbasket input{
	width:20px;
	}
#shoppingbasket th{
	color:#b3181d;
	font-weight:normal;
	margin:0;
	padding:5px;
	border-top:1px solid #a5b8c5;
	border-bottom:1px solid #a5b8c5;
	background:#fbfbfb;
	text-align:right;
	}
#shoppingbasket td{
	padding:5px;
	border-top:1px solid #a5b8c5;
	border-bottom:1px solid #a5b8c5;
	background:#fbfbfb;
	text-align:right;
	}
#shoppingbasket .borleft{
	border-left:1px solid #a5b8c5;
	}
#shoppingbasket .trans{
	background:none;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:1px solid #a5b8c5;
	}
#shoppingbasket .leftalign{
	text-align:left;
	}
#shoppingbasket strong{
	font-weight:normal;
	color:#000;
	}
#shoppingbasket img{
	border:1px solid #f0f0f0;
	}
#shoppingbasket a:hover img{
	border:1px solid #4a718c;
	}
#shoppingbasket a.active img{
	border:1px solid #000;
	}
#shoppingbasket a{
	color:#4a718c;
	}
#shoppingbasket a:hover{
	color:#000;
	}
#shoppingbasket .buttons{
	padding:0;
	background:none;
	border:none;
	}
.basketbuttons a{
	float:right;
	margin-right:10px;
	}
.reviewbox{
	text-align:left;
	font-size:.75em;
	margin:5px;
	padding:5px 10px;
	border:1px dashed #838383;
	}
.reviewbox p{
	margin:0 0 6px;
	}
.reviewbox h4{
	margin:6px 0 0;
	}
	

/* Product details page
*************************************************************************************************/
	
a.enlarge img{
	border:1px solid #fff;
	display:block;
	float:left;
	margin:0;
	width:350px;
	}
a.enlarge:hover img{
	border:1px solid #4a718c;
	}
a.enlarge span{
	background:#fff;
	color:#fff;
	display:block;
	clear:left !important;
	float:left;
	margin:0;
	padding:10px;
	width:332px;
	margin-bottom:10px;
	text-align:center;
	font-size:1.2em;
	}
a.enlarge:hover span{
	background:#4a718c url(../graphics/icon-magnifier.gif) no-repeat 22% 53%;
	}
	
ul#prodinfo{
	float:right;
	list-style:none;
	list-style-image:none;
	width:195px;
	color:#4a718c;
	padding:10px;
	background:#fbfbfb;
	margin:0 0 10px 10px;
	border:1px solid #f0f0f0;
	}
ul#prodinfo strong{
	color:#000;
	font-weight:normal;
	}
ul#prodinfo li{
	clear:left;
	padding:0 0 5px;
	background:none;
	margin:0;
	border:none;
	}
ul#prodinfo small{
	display:block;
	clear:left;
	color:#838383;
	font-size:80%;
	}
ul#prodinfo img{
	border:1px solid #f0f0f0;
	}
ul#prodinfo a{
	color:#4a718c;
	}
ul#prodinfo a:hover{
	color:#000;
	}
ul#prodinfo a:hover img{
	border:1px solid #4a718c;
	}
ul#prodinfo a.active img{
	border:1px solid #000;
	}
	
/* Buttons
*************************************************************************************************/
	
#midrightcol button{
	float:left;
	cursor:pointer;
	height:22px;
	letter-spacing:-1000em;
	overflow:hidden;
	margin:10px 10px 10px 0;
	display:block;
	}
#midrightcol button:hover{
	background-position:0 -50px;
	}
.btn{
	height:0;
	float:left;
	padding-top:22px;
	overflow:hidden;
	margin:10px 10px 10px 0;
	display:block;
	}
.btn:hover{
	background-position:0 -50px;
	}
.checkoutnow{
	background:url(../graphics/btn-checkoutnow.gif) no-repeat 0 0;
	width:129px;
	}
.addtobasket{
	background:url(../graphics/btn-addtobasket.gif) no-repeat 0 0;
	width:129px;
	}
.addtobasket2{
	background:url(../graphics/btn-addtobasket2.gif) no-repeat 0 0;
	width:129px;
	}
.productdetails{
	background:url(../graphics/btn-productdetails.gif) no-repeat 0 0;
	width:138px;
	}
.moreinfo{
	background:url(../graphics/btn-moredetails.png) no-repeat 0 0;
	width:109px;
	}
.nextstep{
	background:url(../graphics/btn-nextstep.gif) no-repeat 0 0;
	width:98px;
	}
.previousstep{
	background:url(../graphics/btn-previousstep.gif) no-repeat 0 0;
	width:125px;
	}
.sendemail{
	background:url(../graphics/btn-sendemail.gif) no-repeat 0 0;
	width:109px;
	}
.placeorder{
	background:url(../graphics/btn-placeorder.gif) no-repeat 0 0;
	width:115px;
	}
.printfriendly{
	background:url(../graphics/btn-printfriendly.gif) no-repeat 0 0;
	width:193px;
	}
.updatebasket{
	background:url(../graphics/btn-updatebasket.gif) no-repeat 0 0;
	width:126px;
	}
	
.fr{
	float:right !important;
	}
.nostyle{
	border:none !important;
	background:none !important;
	padding:0 !important;
	margin:0 !important;
	width:auto !important;
	}
	
img.valpak{
	margin-top:10px;
	border:1px solid #ccc;
	}
	
/* 
*************************************************************************************************/
	
.sectionbox{
	margin-bottom: 1em;
	height: 130px;
	background: #F6F4F4;
	border: 1px solid #f0f0f0;
	padding-bottom: 2px;}
.sectionbox:hover{
  background: #EEECEC;
	border: 1px solid #E6E5E5;}
.sectionbox h2{
	margin:0 0 0 1em !important;
	line-height:3em;
	display:block;
	font-size:1.2em;
	color:#b3181d;
	font-weight:normal;}
.sectionbox img{
	float:right;
	border-left:1px solid #fff;}
.sectionbox p{
	clear:left;
	margin:0 0 0 1em;}
.sectionbox a.btn {
	margin-left: 12px;}
.sectionbox:hover .btn{
	background-position:0 -50px;}
	
	
.deliverycosts{
	border-collapse:collapse;
	border:1px solid #a5b8c5;
	background:#fbfbfb;
	margin:10px auto;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#4a718c;
	}
.deliverycosts td,
.deliverycosts th{
	padding:5px 10px;
	border-bottom:1px dashed #a5b8c5;
	border-right:1px dashed #e8e8e8;
	}
.deliverycosts td strong{
	color:#b3181d;
	font-weight:normal;
	}
.deliverycosts th{
	background:#f0f0f0;
	}

dd .deliverycosts{
	font-size:1em;
	}
	
/*
*************************************************************************************************/

.prodcat{
	color:#4a718c;
	padding:10px;
	background:#fbfbfb;
	margin:0 20px 20px;
	border:1px solid #f0f0f0;
	width:202px;
	text-align:center;
	float:left;
	font-size:1.2em;
	}
.prodcat img{
	border:1px solid #f0f0f0;
	margin:0;
	}
.prodcat a{
	color:#b3181d;
	}
.prodcat a:hover{
	color:#4a718c;
	}
.prodcat a:hover img{
	border:1px solid #4a718c;
	}
	
/* 
*************************************************************************************************/
	
.prodlisting{
	color:#4a718c;
	padding:10px;
	background:#fbfbfb;
	margin:0 0 10px 0;
	border:1px solid #f0f0f0;
	min-height:80px;
	}
.prodlisting img{
	float:right;
	border:1px solid #f0f0f0;
	}
.prodlisting a:hover img{
	border:1px solid #4a718c;
	}
.prodlisting p{
	clear:left !important;
	}
.prodlisting h3{
	padding:0;
	margin:0;
	}
.prodlisting h2{
	padding:0;
	margin:0 0 10px;
	}
	
	
/* Cookies Page
*************************************************************************************************/		
#cookies{
	font-size:1em;
	}
#cookies img{
	margin:5px 0 15px;
	display:block;
	width:auto;
	}
#cookies ol{
	font-size:1.2em;
	}
#cookies ol li{
	padding:5px 0;
	}
	

	
	
/* Right column
*************************************************************************************************/
	
#rightcol{
	float:left;
	width:152px;
	padding:10px;
	margin-bottom:-31px;
	overflow:hidden;
	}
#rightcol a{
	font-size:1.2em;
	color:#b3181d;
	font-weight:normal;
	line-height:1.5em;
	}
#rightcol a img{
  margin-top: 5px;
	border:1px solid #a5b8c5;
	}
#rightcol a:hover img{
	border:1px solid #4a718c;
	}
#rightcol p{
  font-size: 1.1em;
	margin-bottom:10px;
	padding-bottom:0px;
	border-bottom:1px dashed #b2c1d1;
	}
#rightcol .btn {
	float: none;
	background-position: 0 -50px;}
#rightcol .btn:hover {
	background-position: 0 0;}

/*#rightcol p ~ p{
	border-bottom:none;
	}*/
	


/* Footer
*************************************************************************************************/
	
#footer{
	background:#638ab1 url(../graphics/bg-footer.jpg);
	clear:both;
	display:block;
	float:left;
	padding:14px 0 3px;
	margin:0 0 -13px;
	width:775px;
	}
#footer a{
	text-decoration:none;
	color:#fff;
	}
#footer ul{
	list-style:none;
	width:775px;
	display:block;
	margin:-5px 0 10px;
	clear:both;
	text-align:center;
	}
#footer li{
	display:inline;
	}
#footer li a{
	border-right:1px solid #fff;
	padding:0 10px;
	}
#footer li a:hover{
	text-decoration:underline;
	}
#footer .last a{
	border-right:none;
	}
#footer p{
	color:#fff;
	clear:left;
	margin:0 0 5px;
	font-size:1em;
	text-align:center;
	display:block;
	}


/* Pop Up Box
*************************************************************************************************/
#popbox{
	padding:30px;
	text-align:left;
	}

/* Link seperators
*************************************************************************************************/
.linkseperator{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	}
.linkseperator li{
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	width:auto !important;
	clear:none !important;
	}



/* All Forms
*************************************************************************************************/

input,
select,
textarea{
	border:1px solid #a5b8c5;
	color:#a5b8c5;
	padding:2px;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	}
	
input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus{
	background:#f0f0f0;
	color:#4a718c;
	border:1px solid #4a718c;
	}
	
button{
	letter-spacing:-1000em;
	overflow:hidden;
	cursor:pointer;
	display:block;
	height:22px;
	border:none;
	}
#container button:hover{
	background-position:0 -50px;
	}

label a{
	color:#4a718c;
	}
label a:hover{
	color:#000;
	}


em.error{
	display:block;
	clear:left;
	margin:10px;
	padding:10px;
	border:1px solid #f00;
	background:#ffc;
	text-align:center;
	font-size:1.3em;
	color:#f00;
	font-style:normal;
	}

.standardform em, .basketform em{
	display:block;
	clear:left;
	margin:10px;
	padding:10px;
	border:1px solid #f00;
	background:#ffc;
	text-align:center;
	font-size:1.3em;
	color:#f00;
	font-style:normal;
	}
	
.standardform label em{
	display:inline;
	margin:0;
	padding:0;
	border:none;
	background:none;
	text-align:left;
	font-size:inherit;
	color:#f00;
	font-style:normal;
	}
.standardform .required{
	border:1px solid #f00;
	background:#ffc;
	}
	


/* Mini Basket
*********************************************/
#minibasket{
	margin:0 !important;
	padding:0 !important;
	clear:none !important;
	display:inline !important;
	float:none !important;
	}
#minibasket input,
#minibasket input:hover,
#minibasket input:focus{
	border:none !important;
	padding:0 !important;
	margin:0 !important;
	width:auto !important;
	background:none !important;
	color:inherit !important;
	float:none !important;
	display:inline !important;
}

#leftcol p{
	font-size:1em;
	color:#838383;
	display:block;
	position:relative;
	padding-right:35px;
	}
#leftcol strong{
	position:absolute;
	right:0;
	font-weight:bold;
	}
#leftcol em{
	font-style:normal;
	color:#4a718c;
	display:block;
	clear:left;
	margin-left:10px;
	}
#leftcol a{
	color:#838383;
	}
#leftcol a:hover{
	color:#000;
	}
#leftcol p.total{
	border-top:1px dashed #e0e0e0;
	border-bottom:1px dashed #e0e0e0;
	margin:-1px 0 0;
	color:#4a718c;
	padding:5px 0;
	}
#leftcol p.total strong{
	color:#838383;
	}
#leftcol p.total em{
	font-style:normal;
	color:#838383;
	display:inline;
	clear:none;
	margin-left:0;
	}
	
#leftcol #blogFeed {padding-bottom: 10px;}
#leftcol #blogFeed .feedTitle a {color: #b3181d !important;}
#leftcol #blogFeed p {
	padding-right: 0px !important;
	margin: 0 !important;}
#leftcol #blogFeed .feedDesc {margin-bottom: 5px !important;}
	

/* Newsletter Signup Form
*********************************************/
#leftcol form{
	margin-bottom:3em;
	}			
#leftcol input{
	margin:0 0 5px;
	display:block;
	clear:left;
	width:135px;
	}
#leftcol button{
	background:url(../graphics/btn-signupnow.gif) no-repeat 0 0;
	width:119px;
	}	
	
	
/* Contact Form
*********************************************/

.standardform fieldset{
	width:243px;
	display:block;
	float:left;
	margin:10px;
	padding:10px;
	border:1px solid #a5b8c5;
	background:#fbfbfb;
	}
	
.standardform fieldset fieldset{
	width:auto;
	border:none;
	padding:0;
	margin:0;
	}
	
.standardform fieldset fieldset input{
	width:auto;
	float:left;
	margin:5px 0 0 10px;
	clear:none;
	border:none;
	padding:0;
	}
	
.standardform fieldset fieldset label{
	width:220px;
	margin-left:5px;
	float:left;
	clear:none;
	}

.standardform legend{
	font-size:1.2em;
	color:#b3181d;
	font-weight:normal;
	margin-bottom:0;
	}
.standardform input,
.standardform label,
.standardform textarea,
.standardform select{
	display:block;
	clear:left;
	width:100%;
	}
.standardform select{
	margin-bottom:10px;
	width:102%;
	}
.standardform label{
	color:#838383;
	font-size:1em;
	line-height:1.3em;
	}
.standardform input{
	margin-bottom:1em;
	}
.standardform input:hover,
.standardform select:hover,
.standardform textarea:hover,
.standardform input:focus,
.standardform select:focus,
.standardform textarea:focus{
	background:#fff;
	}
.standardform fieldset.fullwidth{
	width:533px;
	}
.standardform button{
	margin:10px 0 0 !important;
	}
.standardform .tworadios label{
	width:70px !important;
	clear:none;
	float:left;
	display:inline !important;
	text-align:right;
	font-size:1.1em;
	color:#4a718c;
	margin:5px 0;
	}
.standardform .tworadios input{
	width:auto !important;
	float:left;
	clear:none;
	background:none;
	border:none;
	display:inline;
	margin:5px;
	}
.standardform .buttons{
	padding:0 10px;
	width:249px;
	margin:0 10px;
	}
	
.standardform .checkbox label,
.standardform .checkbox input{
	width:auto !important;
	float:left;
	clear:none;
	display:block;
	margin-right:5px;
	border:none;
	background:none;
	}
	
.monthyear select{
	width:114px;
	display:block;
	float:left;
	clear:none;
	margin:0 0 10px;
	}
.monthyear span{
	display:block;
	float:left;
	margin:3px 5px;
	font-size:1.4em;
	color:#a5b8c5;
	}
	

/* Clear Fix
*************************************************************************************************/
#pfshoppingbasket{
	font-size:1.3em;
	margin:10px 0 20px;
	width:100%;
	}

body.pf{
	text-align:left;
	}
body.pf button.nostyle{
	letter-spacing:normal !important;
	}

.pf hr{
	height:1px;
	background:#ccc;
	border:none;
	padding:0;
	margin:10px 0;
	}


/* Clear Fix
*************************************************************************************************/
.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
.clearfix{
	display:inline-table;
	}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
	}
.clearfix {
	display:block;
	}
/* End hide from IE-mac */
	
	
/* sIFR styles
*************************************************************************************************/
.sIFR-flash{
	visibility:visible !important;
	margin:0;
	}
.sIFR-replaced{
	visibility:visible !important;
	}
span.sIFR-alternate{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{
  display:none !important;
	}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1{
	visibility:hidden;
	}	
	
	
/* LightBox v2.02 styles (updated for validation)
*************************************************************************************************/
#lightbox{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0%;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0%;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(../graphics/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}

#prevLink:hover {background: url(../graphics/prev.gif) no-repeat; background-position:center;background-position:left;}
#prevLink:visited:hover {background: url(../graphics/prev.gif) no-repeat; background-position:center;background-position:left;}

#nextLink:hover {background: url(../graphics/next.gif)  no-repeat; background-position:center; background-position:right;}
#nextLink:visited:hover {background: url(../graphics/next.gif) no-repeat; background-position:center; background-position:right}


#imageDataContainer{
	font-size:1.2em;
	color:#4a718c;
    background-color: #ffffff;
    margin: 0 auto;
    line-height: 1.4em;
    }

#imageData{
    padding:0 10px;
    }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }   
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }   
       
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000000;
    }
.countryDelev{font-size:1.1em !important;}

/* Clearfix (updated for IE7 compatibility)
*************************************************************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
   
* html>body .clearfix {
    display: inline;
    width: 100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }