body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color:#565656;
	margin:0px; 
	padding:0px;
	background:#FFFFFF;
	}

h1,h2,h3,h4,h5,h6 {
	padding:0px; 
	margin:0px 0px 3px 0px;
	}

h1 {font-size:xx-large;}
	 
h2 {font-size:x-large;}
	
h3 {font-size:large;}

h4 {font-size:medium;}

h5 {font-size:small;}


p {margin:15px 0px;}

p a:hover {text-decoration:underline !important;}

a:link {
	text-decoration: none !important;
	color:#336699;
	}
	
a:visited {
	text-decoration: none !important;
	color:#336699;
	}

a:hover {
	text-decoration:underline !important;
	color:#336699;
	}
	
	
a:active {
	text-decoration: none;
	color:#336699;
	}
 

ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	}

ul li {
	padding:0px;
	margin:0px;
	}

li {padding:0px;
	margin:0px;}

li.bullet {
	list-style-type:square !important;
	list-style-position:inside;	
	padding:3px 0px 3px 15px !important;
	}

li bullet {
	list-style-type:square !important;
	list-style-position:inside;
	padding:5px !important;
	}

li.no-bullet {list-style-type:none !important;
	padding:0px;}


a:link img {
	border:none !important;
	}

img a {
	border:none !important;
	}

a img {border:none !important;}

/*input { margin-right:3px !important;}*/


table, td, th {
/*border:solid 1px #466f82;*/
border:solid 1px #336699;
}

table {margin-left: 1px;
	background-color:#FFF;
	width:auto;
	border-collapse: collapse;
	}

td, th {padding:5px;}

.inline li {display:inline;}

.clear {clear:both; /*height:1px;*/}

.hide {display:none;}

.hidden { 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden; 
	} 

.note {
	font-size:85%;}

.right {
float:right;
}

.left {
	float:left;
}

.content-img {
float:left;
margin:10px 10px 10px 0px;
}

.titlesize, .subtitle,.subtitle-ppl {
font-size: 130%;
}

.subtitle, .subtitle-ppl {
width: auto;
height: auto;
border-bottom: solid 1px #CCC;
}

.subtitle-ppl, .subtitle-ppl a {
color: #48a8c7;
font-weight: bold;
}

/* colours */

#footer-wrapper, .wrap-topnav  {
	background-color:#336699;}

.footer-links a, .topnav a {
color: #FFF !important;
}	


.pmy-login {
background-color:#C7EAF5;
color:#0083CA;
margin-bottom: 5px;
}

.tmy-login {
background-color:#E1EDC2;
color:#067C57;
}

.mmy-login {
margin:0px;
background-color:#F8EDF9;
color:#87328B;
}

.blue-hr {color:#0083CA;}

.blue-pplb {color:#2D93AA;}

.green-train {color:#067C57;}

.purple-mark {color:#87328B;}

/****/


/* layout */

#wrapper {	
	width:980px;
	height:auto;
	margin:15px auto 20px auto; 
	position: relative;
	}

.wrap-navcont {
width:850px;
height:auto;
float:left;
display:block;
}

#footer-wrapper {
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 0px 0px;
	clear:both;
	color:#FFF;
}
	
#footer-wrapper ul li {
display:inline;
}

.footer-inner 
{
	padding:5px 5px 5px 2px;
}

.footer-links {
	width:auto;
	height:1.3em;
font-size:90%;
}	

.footer-text {
font-size:0.85em;
padding: 0px 8px;
margin-top:5px;
}

.footer-links ul, .copyright {
padding-left:8px;
}
.footer-links li a {
text-decoration:underline !important;
padding-right:8px;
}

.footer-links ul {
	width:70%;
	float:left;
	text-align:left;
	}

.copyright {
	width:20%;
	float:left;
}

li.top {
float:right;
background: Transparent url(../images/arrow-top.gif) no-repeat 10px 5px;
padding:0px 0px 10px 22px;
}

.top a{
color: #466f82 !important;
}

/****/


/* header */

.logo-btn {
	width:127px;
	height:62px;
	position:absolute;
	margin:13px 0px 0px 42px;
	display:block;
	z-index:1;
}

.logo {
	width:322px;
	height:30px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
position:absolute;
margin:30px 0px 0px 0px;
background-color:Transparent;
}


#wrap-header {
width:auto;
height:70px;
margin:0;
}

.header-colour { /*fills in gap on left of the menu*/
width:221px; 
height:24px;
float:left;
}

/***/

/* top nav */

.wrap-topnav {
	/*width:auto;
	height:auto;*/
	width:100%;
	min-height:26px;
	padding:0px;
	margin-bottom:10px;
}

.topnav-inner {
/*padding:5px 5px 5px 2px;*/
padding:0px 2px;
}

.topnavleft {float:left;border-right:solid 1px #FFF;}

.topnavright {float:right;border-left:solid 1px #FFF;}

.topnav li {
	display:inline;
	font-weight:bold;
	padding:5px 8px 5px 8px;
	/*border-right:solid 1px #FFF;*/
	}

.corner-topleft {
	width:3px;
	height:5px;
background: Transparent url(../images/bg-navtopleft.gif) no-repeat top left;
float:left;

}

.corner-topright {
	width:3px;
	height:3px;
background: Transparent url(../images/bg-navtopright.gif) no-repeat top right;
float:right;
}

.corner-btmleft {
	width:3px;
	height:3px;
	margin-top:-3px;
background: Transparent url(../images/bg-navbtmleft.gif) no-repeat bottom left;
float:left;

clear:both;
}

.corner-btmright {
	width:3px;
	height:3px;
	margin-top:-3px;
background: Transparent url(../images/bg-navbtmright.gif) no-repeat bottom right;
float:right;
}




/*.topnav-header {
    width:100%;
    height:auto;
    font-size:93%;
    line-height:normal;
    margin:0px auto 0px auto;
	}

.topnav-header ul 
{
	text-align:center;
	}
  
.topnav-header li {
    float:left;
    margin-right:3px;
    padding:0px;
    }

.topnav-header a {
   display:block;
   padding:5px 10px 4px;
   }

.topnav-header a:hover  {
	text-decoration:none !important;
	}

.topnav-border {/* line under navigation */
/*width:100%;
height:5px;
margin-bottom:20px;
}*/

/***/

/* side left */

#subscribe-holder {
width: 200px;
height: auto;
margin: 10px 0px;
}

/*****/

/* side left nav */

#wrap-leftnav {
width:200px;
height:100%;
margin:0px 10px 0px 0px;
background-color:#CDDEE8;
float:left;
}

.pplnav {
width: auto;
height: auto;
}

.pplnav li {
margin-left:8px;
padding-bottom:5px;
}

.leftnav {
width:auto;
height:auto;
}

.leftnav li {
margin-left:20px;
padding-bottom:5px;
}

.wrap-leftbtn {
width:173px;
height:auto;
margin:10px auto 6px auto;
}

.wrap-leftbtn img {
margin-bottom:5px;
}

/*.hrnav-head, .trainnav-head, .maknav-head {
padding:2px 2px 2px 18px;
color:#FFF;
font-weight:bold;
background-image:url(../images/arrow-dwn.png);
background-position:5px 7px;
background-repeat:no-repeat;
}*/

.wrap-leftnavnorm {
background-color:#336699;
margin-bottom:5px;
}

.wrap-leftnavnorm a {
padding:0px 4px 0px 4px;
color:#FFF !important;
font-weight:bold;
display:block;
}

span.sidenav  {
padding:2px 2px 2px 18px;
color:#FFF;
font-weight:bold;
background-image:url(../images/arrow-dwn.png);
background-position:5px 7px;
background-repeat:no-repeat;
}

.hrnav-head {
background-color:#00AAE1;
}

a.sidenavlink {
	color: #FFF !important;	
	}

.sidenav-topbg 
{
	height:3px;
	width:200px;
	background-image:url(../images/bg-navtop.gif);
background-repeat:no-repeat;
background-position:top left;
}

.sidenav-btmbg 
{
	height:3px;
	width:200px;
	background-image:url(../images/bg-navbtm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.sidenav-listbtmbg 
{
	height:3px;
	width:200px;
	background-image:url(../images/bg-navbtm.gif);
background-repeat:no-repeat;
background-position:bottom left;
margin-top:-3px;
margin-bottom:5px;
}

.pplbnav-head {
background-color:#48a8c7;
}

.trainnav-head {
background-color:#7FB24A;
}

.maknav-head {
background-color:#87328B;
}

.wrap-hrnav, .wrap-trainnav, .wrap-maknav, .wrap-pplbnav {
padding:4px 5px 0px 0px;
font-weight:500;
}

.wrap-pplbnav {
background-color:#dbecf1;
}

.wrap-pplbnav a:link, .wrap-pplbnav a:visited, .wrap-pplbnav a:hover, .wrap-pplbnav a:active {
color:#1d7f9f;
}

.wrap-hrnav {
background-color:#DCEFF4;
}

.wrap-hrnav a:link, .wrap-hrnav a:visited, .wrap-hrnav a:hover, .wrap-hrnav a:active {
color:#0083CA;
}

.wrap-trainnav {
background-color:#E1EDC2;
}

.wrap-trainnav a:link, .wrap-trainnav a:hover, .wrap-trainnav a:active, .wrap-trainnav a:visited {
color:#067C57;
}
	
.wrap-maknav {
background-color:#F8EDF9;
}

.wrap-maknav a:link, .wrap-maknav a:hover, .wrap-maknav a:active, .wrap-maknav a:visited {
color:#87328B;
}

.bg-back {
width:100%;
height:auto;
background:#FFF url(../images/bg-navback.gif) repeat-y top left;
}

/****/


/* columns */

.left-column, .right-column {
width:170px;
margin:0px 0px 20px 0px;
}

.right-column {
	/*padding-bottom:10px;*/
}

.left-column h5, .right-column h5, .overviewwrap h5 {
height:auto;
width:auto;
font-size:100%;
padding:3px 5px;
color:#fff;
}

.shopping {
background:Transparent url(../images/basket.png) no-repeat top right;
background-position:149px 3px;
}

.total {
padding:5px 0px;
/*background-color:#bfcbd1;*/
background-color:#DCDEE2;
}

.checkout {
padding:5px;
background: url(../images/arrow-wht.png) no-repeat;
background-position:155px 7px;
}

.checkout a {
color:#FFF !important;
text-decoration:underline !important;
}

.left-column ul li, .right-column ul li {
padding:2px 5px;
font-size:95%;
}

.left-column img {
	margin:0px auto;
} 

.basket-header {
}

#right-column-wrap {
float:right;

} 

#left-column-wrap {width:170px;
	float:left;
}

.separator {
width:100%;
height:1px;
display:block;
background:Transparent url(../images/dotline.gif) repeat-x top right;
background-color:#809EAD;
}

.brandslist {
text-align:center;
}

.brandslist li {
margin:20px 0px;
}

.news-title, .article-divide {
width:auto;
margin: 5px 0;
border-bottom: dotted 1px #ccc;
}

/***/

/******** login **********/


.hrcorner-topleft {
	width:4px;
	height:4px;
background: Transparent url(../images/log-topleft.jpg) no-repeat top left;
float:left;
position: absolute;  
}

.hrcorner-topright {
	width:3px;
	height:3px;
background: Transparent url(../images/log-topright.jpg) no-repeat top right;
float:right;
position: absolute;  
margin-left: 307px;
}

.hrcorner-btmleft {
	width:3px;
	height:3px;
background: Transparent url(../images/log-btmleft.jpg) no-repeat bottom left;
float:left;
margin-top:-3px;
}

.hrcorner-btmright {
	width:3px;
	height:3px;
background: Transparent url(../images/log-btmright.jpg) no-repeat bottom right;
float:right;
margin-top:-3px;
}


.logcorner-topleft {
	width:4px;
	height:4px;
background: Transparent url(../images/login-topleft.jpg) no-repeat top left;
float:left;
position: absolute;
}

.logcorner-topright {
	width:3px;
	height:3px;
background: Transparent url(../images/login-topright.jpg) no-repeat top right;
float:right;
position: absolute;
margin-left: 318px;
}

.logcorner-btmleft {
	width:3px;
	height:3px;
background: Transparent url(../images/login-btmleft.jpg) no-repeat bottom left;
float:left;
margin-top:-3px;
}

.logcorner-btmright {
	width:3px;
	height:3px;
background: Transparent url(../images/login-btmright.jpg) no-repeat bottom right;
float:right;
margin-top:-3px;
}


.search-header 
{
 float:left;
    width:100%;
    height:auto;
    font-size:93%;
    line-height:normal;
   background:Transparent url("../images/bg-tab.gif")
      repeat-x bottom;
       font-size:93%;
    line-height:normal;
}

.search-header h2 
{color:#EC008C;font-weight:normal;
}

.search-header ul {
}


  .search-header li {
     float:left;
    background:Transparent url("../images/tab-right.gif")
      no-repeat right top;
    margin-right:3px;
    padding:0px;
	font-weight:bold;
    }

.search-header a {
    display:block;
    background:url("../images/tab-left.gif")
      no-repeat left top;
   padding:5px 10px 4px;
   color:#0099CC;
    }

.search-header a:hover  {
color:#0083CA;
}

  .search-header .current {
    background-image:url("../images/tab-right-on.gif");
    }
  .search-header .current a {
    background-image:url("../images/tab-left-on.gif");
     padding-bottom:5px;
     color:#0083CA;
    }
    
.wrap-login {
width:321px;
height:auto;
margin:0px 0px;
padding:0px;
float: left;
}

.login-inner {
	width: 303px;
	height: auto;
	padding:8px 8px 8px 8px;
	border:solid 1px #336699;
	background-color:#336699;
	color: #FFF;
	display: block;
	}

.wrap-logintab, .wrap-logintab-last {
width:auto;
min-height:21px;
padding: 10px 10px 3px 13px;
background-color: #4375a8;
}

.loginpoint {
width: 303px;
height: 13px;
background: Transparent url(../images/login-point.gif) no-repeat top left;
margin-bottom: 5px;
}

.wrap-logintab-last {
margin-bottom:0px
}

.pmycorner-topleft, .tmycorner-topleft, .mmycorner-topleft {
width:4px;
height:4px;
float:left;
background-color:Transparent;
background-repeat:no-repeat;
background-position:top left;
}

/*.pmycorner-topright, .tmycorner-topright, .mmycorner-topright {
width:3px;
height:3px;
background: Transparent url(../images/log-topright.jpg) no-repeat top right;
float:right;
}*/

.pmycorner-btmleft, .tmycorner-btmleft, .mmycorner-btmleft {
width:3px;
height:3px;
background-color:Transparent;
background-repeat:no-repeat; 
background-position: bottom left;
float:left;
margin-top:-3px;
}

/*.pmycorner-topright {background: Transparent url(../images/log-topright.jpg) no-repeat top right;}*/
.pmycorner-topleft {background-image: url(../images/log-topleft.jpg);}
.pmycorner-btmleft {background-image: url(../images/log-btmleft.jpg);}

.tmycorner-topleft {background-image: url(../images/log-topleft.jpg);}
.tmycorner-btmleft {background-image: url(../images/log-btmleft.jpg);}

.mmycorner-topleft {background-image: url(../images/mk-topleft.jpg);}
.mmycorner-btmleft {background-image: url(../images/mk-btmleft.jpg);}	



.log-title {
	width: auto;
	height: auto;
	display: inline-block;
margin:0;
}


.log-title input {
margin-right: 14px;
margin-left: 6px;
margin-top: 7px;
}


/*
.pmy-log-left, .tmy-log-left {
	width: auto;
	min-height: 27px;
background: Transparent url(../images/log-pmyleft.gif) no-repeat top left;
float: left;
}

.pmy-log-right, .tmy-log-right {
width: 13px;
min-height: 27px;
background: Transparent url(../images/log-pmyright.gif) no-repeat top right;
float: right;
}

.tmy-log-right {
background: Transparent url(../images/log-tmyleft.gif) no-repeat top left;
}

.tmy-log-left {
}

*/

.pmy-login, .tmy-login, .mmy-login {
width:auto;
min-height: 27px;
font-weight:bold;
}

.pmy-login {
color:#0083CA;
background: Transparent url(../images/pmy-logbg.gif) no-repeat top left;
}

.pmy-login label {
	background-color:#C7EAF5;
}

.tmy-login {
color:#067C57;
background: Transparent url(../images/tmy-logbg.gif) no-repeat top left;
}

.tmy-login label {
background-color:#E1EDC2;
}

.mmy-login {
margin:0px;
background-color:#F8EDF9;
border:solid 1px #87328B;
border-right:none;
color:#87328B;
}

.wrap-login-box, .wrap-login-blue, .wrap-login-green, .wrap-login-purple {
width:auto;
min-height:95px;
}

.login-box, .login-boxblue, .login-boxgreen, .login-boxpurple {
width:auto;
height:auto;	
padding:8px;
margin:0px;
}

.login-box {
	border:solid 1px #595959;
background-color:#eee;
color: #999;
}

.login-boxblue {
	border:solid 1px #0083ca;
background-color:#c7eaf5;
color: #2e88c3;
}

.login-boxgreen {
	border:solid 1px #067c57;
background-color:#e1edc2;
color: #067c57;
}

.login-boxpurple {
	border:solid 1px #87328b;
background-color:#f8edf9;
}

.wrap-login-box strong, .wrap-login-blue strong, .wrap-login-green strong, .wrap-login-purple strong  {
	width:4px;
	height:4px;
background: Transparent url(../images/formlog-topleft.jpg) no-repeat top left;
float:left;
}

.wrap-login-blue strong {
background: Transparent url(../images/formlog-topleft.jpg) no-repeat top left;
}

.wrap-login-green strong {
background: Transparent url(../images/formlog-topleft.jpg) no-repeat top left;
}

.wrap-login-purple strong {
background: Transparent url(../images/formlog-topleft.jpg) no-repeat top left;
}

.wrap-login-box em, .wrap-login-blue em, .wrap-login-green em, .wrap-login-purple em {
		width:3px;
	height:3px;
background: Transparent url(../images/formlog-topright.jpg) no-repeat top right;
float:right
}

.logincorner-topleft {
	width:4px;
	height:4px;
background: Transparent url(../images/log-topleft.jpg) no-repeat top left;
float:left;
}

.logincorner-topright {
	width:3px;
	height:3px;
background: Transparent url(../images/log-topright.jpg) no-repeat top right;
float:right;

}

.wrap-login-box p, .wrap-login-blue p, .wrap-login-green p, .wrap-login-purple p {
width:3px;
height:3px;
background: Transparent url(../images/formlog-btmleft.jpg) no-repeat bottom left;
float:left;
margin-top:-3px;
margin: -3px 0 0 0 !important;
}


.wrap-login-box dt, .wrap-login-blue dt, .wrap-login-green dt, .wrap-login-purple dt {
	width:3px;
	height:3px;
background: Transparent url(../images/formlog-btmright.jpg) no-repeat bottom right;
float:right;
margin-top:-3px;
}

.logincorner-btmleft {
	width:3px;
	height:3px;
background: Transparent url(../images/log-btmleft.jpg) no-repeat bottom left;
float:left;
margin-top:-3px;
}

.logincorner-btmright {
	width:3px;
	height:3px;
background: Transparent url(../images/log-btmright.jpg) no-repeat bottom right;
float:right;
margin-top:-3px;
}

.wraplogin-funct {
width:210px;
height:auto;
float:right;
}

.login-extra {
width:50%;
font-size:smaller;
float:left;
text-align:right;
margin-right:10px;
}

.login-extra input {
margin-right:3px;
}

.front-txtbox {
	width:71%;
	padding:1px;
	border:solid 1px #999;
	margin:0px;
	}


/*********/



/* center section */

.wrap-welcomemsg 
{
	width:auto;
	height:auto;
	color:#336699;
	font-size:130%;
	font-weight:bold;
	margin-bottom: 10px;
}


.content-wrap {
/*width:auto;	
	min-width:510px;
width:52%;*/
max-width:640px;
margin:0px 0px 0px 0px;
background-color:Transparent;
height:auto;
overflow:hidden;
float:left;
}

.content-wrapsky {	
width:510px;
height:auto;
float:left;
background-color:Transparent;
display:inline-block;
}

.right-ads 
{
width:auto;
/*width:260px;*/
background-color:Gray;
float:right;
}

.content-wrap ul li 
{
	list-style-position:outside;	
	list-style-type:disc; 
	padding:0px 0px 3px 0px;
	margin-left:30px;
}

.content-wrap ol li 
{
	list-style-position:outside;	
	padding:0px 0px 3px 0px;
	margin-left:30px;
}
 
.flexible 
{
	height:auto;
	background-color:Fuchsia;
	position:relative;
}

.wrap-columns 
{
	width:100%;
	height:auto;
margin: 15px 0 10px 0;
clear: both;
}

.wrap-columns li, .content-left li, .content-right li {
list-style-type:none !important;
margin:0px!important;
list-style-position:outside !important;
}

.content-left, .content-right {
	width:310px;
	background-color:Transparent;
	/*min-height:420px;*/
	}

.content-left {
	float:left;
	}

.content-left p, .content-right p {
margin:18px 0px 15px 0px;
}

.content-right {
	float:right;
	}

.wrap-hrshortbox, .wrap-trainshortbox {
width:49%;
height:auto;
font-weight:bold;
margin-bottom:5px;

}

.wrap-hrshortbox {
	float:left;
	background-color:#DCEFF4;
	}

.wrap-trainshortbox {
	float:right;
	background-color:#E1EDC2;
	}

.hr-shortbox {
	border:solid 1px #0083CA;
	text-align:center;
}

.train-shortbox {
	border:solid 1px #006835;
	text-align:center;
}

.wrap-hrlongbox, .wrap-trainlongbox, .wrap-mkbigbox, .wrap-mklongbox {
width:auto;
height:20%;
margin-bottom:10px;
clear:both;
}

.wrap-mklongbox a 
{color:#87328B;}

.wrap-hrlongbox a 
{color:#0083ca;}

.wrap-trainlongbox a
{color: #067c57;}

.hr-shortbox, .train-shortbox, .mk-bigbox {
padding:5px;
text-align:center;
}

.hr-longbox, .train-longbox, .mk-longbox {
padding:8px 2px;
min-height: 98px;
}

.hr-shortbox a, .hr-longbox a {
color:#0083CA;
text-decoration:underline !important;
}

.hr-longbox ul {
margin-top: 5px;
}

.hr-longbox li, .train-longbox li, .mk-longbox li
{
	list-style-type: disc !important;
	list-style-position: outside;
	margin-left: 20px !important; 
}

.fasbox-listholder {
	width: 220px;
	height: auto;
}

.fasbox-listholder span {
font-size: 120%;
font-weight: bold;
padding-left: 5px;
}

.fasbox-listholder span img {
padding-left: 3px;
}

.hr-magnify, .tr-magnify, .mk-magnify {
width: 87px;
height: 117px;
background-repeat:no-repeat;
position: absolute;
margin: -2px 0 10px 219px;
}

.hr-magnify {
background-image:url(../images/mag-blue.gif);

}

.tr-magnify {
background-image:url(../images/mag-green.gif);
}

.mk-magnify {
background-image:url(../images/mmy-magnify.gif);
}

.train-shortbox a, .train-longbox a {
color:#067C57;
text-decoration:underline !important;
}

.hr-longbox {
	background-color:#DCEFF4;
	border:solid 1px #0083CA;
}

.train-longbox {
	background-color:#E1EDC2;
	border:solid 1px #006835;
}

.mk-longbox a, .mk-bigbox a {
color:#87328B;
text-decoration:underline !important;
}

.mk-longbox {
	background-color:#F8EDF9;
	border:solid 1px #87328B;
}

.mk-bigbox {
	padding:23px;
	background-color:#F8EDF9;
	border:solid 1px #87328B;
	}

.mkcorner-topleft {
	width:4px;
	height:4px;
background: Transparent url(../images/mk-topleft.jpg) no-repeat top left;
float:left;
}

.mkcorner-topright {
	width:3px;
	height:3px;
background: Transparent url(../images/mk-topright.jpg) no-repeat top right;
float:right;
}

.mkcorner-btmleft {
	width:3px;
	height:3px;
background: Transparent url(../images/mk-btmleft.jpg) no-repeat bottom left;
float:left;
margin-top:-3px;
}

.mkcorner-btmright {
	width:3px;
	height:3px;
background: Transparent url(../images/mk-btmright.jpg) no-repeat bottom right;
float:right;
margin-top:-3px;
}


.supplier-position {

}

.wrap-author {
height:45px;
}

.author-front {
/*width:45px;
height:45px;*/
padding:0px;
float:left;
}

.author-front img {
width:90px;
margin-bottom:-3px;
height:auto;
margin-right: 10px;
}

.article-front {
width: auto;
min-height:90px;
margin-bottom:10px;
}

.more-link a:hover, .arrow-blue a:hover {
text-decoration:underline !important;
}

.more-link {
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
/*float:left;*/
background-position:left;
padding-left:12px;
padding-bottom:0px;
font-weight:bold;
}

.more 
{
	width:auto;
	height:30px;
font-size:85%;
font-weight:bold;
float:right;
margin-bottom:300px;
}

.small-logo {
width:auto;
height:auto;
float:right;
}

.small-logo input {
margin:0px !important;
float:right;
}

.author {
width:auto;
background: #eee;
border: 1px solid #ccc;
padding: 10px;
}

.author img {
float: left;
margin: 0 10px 0 0;
}

.author h3 {
font-size: 16px;
color: #eee;
}



/****/

/* product page */

.brand-title {
	border-bottom:solid 2px #e5e3e3;
	padding-bottom:3px;
	margin-bottom:20px;
	width:580px;
	height:auto;
}

.bookwrap {
width:auto;
height:auto;
float:left;
margin:0px 10px 10px 0px;
}

.bookwrap img {
	padding:0px 10px;
	max-width:95px;
	}

.product-text {
clear:both;
margin:10px 0px;
}

.overviewwrap {
height:auto;
width:100%;
}

.overview {
height:auto;
width:auto;
padding:10px;
}

/****/


/* buttons */

.btn * a:hover {text-decoration:none !important;}

.btn { display: block; position: relative; background: #aaa; padding: 5px 5px 5px 5px; margin:1px 0px 3px 3px;  text-decoration:none !important; cursor: pointer; } 
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; } 
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; } 
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px;  } 
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; } 
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; } 

* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; color:#FFF; } 

* html .btn { border: 3px double #eee; } 
* html .btn:hover { border-color: #ccc; } 

*html .btn strong {background-image: url(../images/arrow.gif); }

.btn strong {background-image: url(../images/arrow.png); background-repeat:no-repeat; padding:0px 22px 0px 0px;
	background-position:right;
	}

.btn em {background-image: url(../images/bkinside.png); background-repeat:no-repeat; padding:3px 25px 1px 0px;
	background-position:right; font-style:normal;
	} /* book image for look inside buttons */

.btn:hover strong { background-image: url(../images/arrow.png); background-repeat:no-repeat; padding:0px 22px 0px 0px;
	background-position:right; text-decoration:none !important;} /* point forward stick arrow */

/**html .btn em {background-image: url(../images/arrow-bk.png);	}	*/

.btn.access, .btn.blue, .btn.green, .btn.purple, .btn.bluepplb {font-size:85%; float:left; color:#FFF !important;  font-weight:bold; text-decoration:none !important; margin:0px 5px 0px 0px;}

.btn.access { background-color: #348193;}
.btn.green { background-color: #7fb24a;}
.btn.blue { background-color: #00aae1;}
.btn.purple { background-color: #87328b;}
.btn.bluepplb { background-color: #48a8c7; }

* html .btn.green:hover { background-color: #78CC4A;}
* html .btn.purple:hover {background-color:#A638AF;}

.btn.green:hover { background-color: #78CC4A;}
.btn.purple:hover {background-color:#A638AF;}

.btn.login { background-color: #336699; float:right; color:#FFF;  font-weight:bold; text-decoration:none !important; margin:5px 5px 0px 0px; }

.btn.searchleft { background-color: #348193; float:right; color:#FFF;  font-weight:bold; text-decoration:none !important;}

.btn.buynow { background-color: #348193; font-size:90%; float:left; color:#FFF;  font-weight:bold; text-decoration:none !important; margin:3px 0px 0px 0px; /*width:22%*/}

.btn.inside { background-color: #eee; font-size:85%; float:left; color:#333;  font-weight:bold; text-decoration:none !important;}

.btn.cms { background-color: #0083CA; float:left; margin-top:10px; color:#FFF; font-size:small; font-weight:bold;}

.btn.cms-edit { background-color: #00A650; float:left; margin-top:0px; color:#FFF; font-size:85%; font-weight:bold;}
.btn.cms-edit:hover { background-color: #78CC4A;}

.btn.cms-delete { background-color: #E8194B; float:left; margin-top:0px; color:#FFF; font-size:85%; font-weight:bold;}
.btn.cms-delete:hover { background-color: #FF4000;}


.btn[class] { background-image: url(../images/shade.png); background-position: bottom; } 
.btn.inside:hover {background-color:#FFF;}
.btn:hover { background-color: #0099CC; text-decoration:none !important;} 
.btn:active { background-color: #00ADEF; text-decoration:none !important; } 

.btn:focus {
outline:2px solid #BDE0EF; /* Not supported by IE/Win :-( */
	
}

/*** end buttons *** /


/*********** forms *************/

.txtbox {
	width:75%;
	padding:2px;
	border:solid 1px #999;
	margin:0px;
	}

.textbox-section, .textbox-section-small { /*text in front of text box*/
	 width:100%;
	 margin:2px 0px 2px 0px; 
	 float:left;
	 clear:left;
	 }

.textbox-section-small {
width:50%;
}

.textbox-section label, .textbox-section-small label {
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	}

.textbox-section-small label {
width:40%;
}

.textbox-section ul li, .textbox-section-small ul li {
list-style-type:none !important;
margin:0px !important;
}

li.textbox-section, li.textbox-section-small {
	list-style-type:none !important;
	margin:0px !important;
	padding-bottom:4px !important;
}

.wraplogin-funct li, .login-extra li {
list-style-type:none !important;
	margin:0px !important;
}

.textbox-section  label li {
	list-style-type:none;
	}

.error {
font-size:smaller;
color:Red;
}

/****/

/* adverts banners ads */

.sponsor-ad {
width: 120px;
height: 120px;
margin: 10px 0px 0px 40px;
}

.ppl-bannerad {
width: 468px;
height: 60px;
margin: 0px auto 15px auto;
}

#wrap-buttons {
width:120px;
height:auto;
float:right;
display:inline-block;
padding:0px;
background-color:#FFF;
}

#wrap-buttons img {
width:120px;
height:60px;
color:#999;
margin:0px 0px 10px 0px;
display:block;
}

.ad-button {
width:120px;
height:60px;
background-color:#eee;
color:#999;
margin:0px 0px 10px 0px;
display:block;
}

.ad-banner {
width:468px;
height:60px;
background-color:#eee;
color:#999;
float:right;
}

.skyscraper {
width:120px;
height:auto;
margin:0px 0px auto 10px;
background-color:#eee;
float:right;
display:inline-block;
position:relative;
}

.skyAds {
width:120px;
height:auto;
margin:0px 0px auto 10px;
background-color:#fff;
float:right;
display:inline-block;
position:relative;
}


/***/



/* cms admin styles */

.cms-wrap 
{
	height:auto;
	width:750px;
	padding:10px;
	background-color: #FFF;
	position:relative;
	}

.section-bg {
	width:100%;
	height:auto;
	padding:10px;
	margin:0px 0px 10px 0px;
background-color: #e0e9ed;
}

.cms-topbar {
clear:both;
height:30px;
background-color:#466f82;
}

.cms-topbar a {
font-weight:bold;
color:#FFF;
float:right;
margin:7px 7px 0px 0px;
}

.cms-topbar a:hover {
background-color:Transparent;
}  

.cms-header {
 float:left;
    width:100%;
    height:auto;
    font-size:93%;
    line-height:normal;
   background:Transparent url("../images/bg-tab.gif")
      repeat-x bottom;
       font-size:93%;
    line-height:normal;

}


.cms-header h2 
{color:#EC008C;font-weight:normal;
}

.cms-header ul {
   /* margin:0px;
    padding:0px 5px 0px;
    list-style:none;
   */ }
  .cms-header li {
     float:left;
    background:Transparent url("../images/tab-right-on.gif")
      no-repeat right top;
    margin-right:3px;
    padding:0px;
	font-weight:bold;
    }

.cms-header a {
    display:block;
    background:url("../images/tab-left-on.gif")
      no-repeat left top;
   padding:5px 10px 4px;
   color:#648c9e;
    }

.cms-header a:hover  
{
color:#466f82;     background:url("../images/tab-left-on.gif")
      no-repeat left top;
}

  .cms-header .current {
    background-image:url("../images/tab-right.gif");
    }
  .cms-header .current a {
    background-image:url("../images/tab-left.gif");
     padding-bottom:5px;
     color:#466f82;
    }


.cms-contentwrap {
background-color:#FFFFFF;
width:auto;
height:auto;
margin:0px 0px 15px 0px; /*ie7 css*/
padding:10px;
border-right:solid 1px #466f82;
border-bottom:solid 1px #466f82;
border-left:solid 1px #466f82;
}

.up, .dn {	width:10px;
	height:10px;
	display:block;}

.up {background:Transparent url(../images/arrow-top.gif) no-repeat;
	float:right;
	}

.dn {background:Transparent url(../images/arrow-btm.gif) no-repeat;
	float:left;}

#cms-topnav 
{ 
}

#cms-topnav li a {

}

#cms-topnav li{
display:inline-block;
float:right;
margin-right:4px;
background-image:none;

}

#cms-topnav a {
color: #FFF;
font-weight:bold;
background-color:#466f82;
padding: 4px;
}

#cms-topnav a:hover {
color:#FFF;
font-weight:bold;
background-image:none;
background-color:#5d81a5;
}

.sectioning {
width:auto;
height:auto;
clear:both;
padding:10px;
background-color:#e0e9ed;
margin:5px 0px;
}

/***/


/* People Bulletin Article */

.article-list {
	width: auto;
	height: auto;
	padding: 5px 0;
	border-bottom: dotted 1px #48a8c7;
	}	

.article-title {
	width: 65%;
	height: auto;
	margin-bottom: 2px;
	}

.article-standfirst {
	width: auto;
	height: auto;
	}

.article-standfirst div {
	width: 529px;
	height: auto;
	float: left;
	}

.article-standfirst p {
	margin: 0 !important;
	}

.article-standfirst img {
	float: right;
	padding-top: 0 0 5px 5px;
	width: 100px;
	margin-top: 2px;
	}

.article-date {
font-size: 85%;
color: #999;
float: left;
width: 50%;
}

.subscribe-holder {
width: 500px;
height: auto;
padding: 10px;
}

.ppl-sub-btn {
margin: 0px 0px 0px 10px;
}

.title-pplb {	
margin-bottom:10px;
background-color:#48A8C7;
color:#FFF;
font-weight:bold;
display: block;
}

.title-pplb h1 {
padding:10px;
}

.title-pplbtl {
background-image: url(../images/pplb-tl.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.title-pplb span {
background: Transparent url(../images/pplb-tr.jpg) no-repeat top right;	
width:3px;
height:3px;
float:right;
}

.title-pplb i {
width:3px;
height:3px;
margin-top:-3px;
background: Transparent url(../images/pplb-bl.jpg) no-repeat bottom left;
float:left;

clear:both;
}

.title-pplb em {
	width:3px;
	height:3px;
	margin-top:-3px;
background: Transparent url(../images/pplb-br.jpg) no-repeat bottom right;
float:right;
}

.wrap-pplb 
{	
	width:640px;
	/*width:510px;*/
height:auto;
float:left;
background-color:Transparent;
display:inline;
}

.wrap-pplb h3 {
background-color:#606060 !important;
color:#FFF !important;
font-size:small;
padding:3px;
margin:8px 0;
}

.wrap-pplb h3 a 
{ color:#FFF;
}

.wrap-pplb li {
display: inline;
}

.wrap-pplb li {
	list-style-type:none !Important;
	list-style-position:outside !important;
	margin-left:0px !important;
}

.wrap-pplb p {
margin-top: 5px;
}

.wrap-pplb img 
{	float:right;
	padding:0px 0px 5px 5px; 
	width:100px;
}

.footer-pplb {
	width: auto;
	height: auto;
	margin-bottom:10px;
background-color:#48A8C7;
color:#FFF;
display: block;
padding: 10px;
margin-top: 5px;
	}

.footer-pplb a:link {
	color: #FFF;
	text-decoration: underline !important;
	}

/******/

/** Article **/

.article-topbg li {
list-style-type:none !important;
list-style-position:outside !important;
margin:0px !Important;
}

.article-topbg img {
width:110px;
height:75px;
padding:0px 5px 3px 0px;
float:left;
}

.article-img
{
	float:right; 
	padding-left:10px;
	width:250px;
	height:250px;
}
/********/


/*** people bulletin admin ***/

.wrap-pplb-admin {
	width:auto;
	height:auto;
	float:left;
	background-color:Transparent;
	display:inline;
}

.wrap-pplb-admin li {
	list-style-type:none !Important;
	list-style-position:outside !important;
	margin-left:0px !important;
}

.wrap-pplb-admin td {
border: solid 3px #FFFFFF !important;
background-color: #eeeeee;
}

.admin-nav li, .green-addbtn li {
display: inline;
}

.admin-nav li a, .green-addbtn li a {
	padding: 5px;
	margin: 5px 3px 0 0;
	display: inline-block;
	background-color: #336699;	
	color: #FFFFFF;
	font-weight: bold;
}

.green-addbtn li a  {
	background-color: #339900;
}

.admin-box {
	width: auto;
	height: auto;
	background-color: #EEEEEE;
}

.admin-box div {
padding: 5px;
}

/*******/

/* forms */

.txtbox {
	width:50%;
	padding:2px;
	border:solid 1px #999;
	margin:0px;
	}

.textbox-section { /*text in front of text box*/
	 width:100%;
	 margin:2px 0px 2px 0px; 
	 float:left;
	 clear:left;
	 }

.textbox-section label {
	/*float:left;*/
	width:20%;
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	}

.textbox-section ul li {
list-style-type:none !important;
}

.textbox-section label li {
	list-style-type:none !important;
	}
	
/*********/

/**** e-mail *****/ 

#wrapper-mail {
	width: 770px;
	height:auto;
	margin:15px auto 20px auto; 
	position: relative;
	}

#wrap-header-mail {
	width: 640px;
	height: 70px;
	}

.ad-banner-mail {
	width:468px;
	height:60px;
	background-color:#eee;
	color:#999;
	margin-left: 86px;
	}

.date { border-bottom: 1px solid #ccc; text-align: right;}

/****************/

/* find a supplier */

.fast-title-train {
color: #669933;
}

.front-findasupplier {
	width:auto;
	min-height: 322px;
	float:left;
	padding: 10px 10px 5px 10px;
	margin-bottom: 10px;
	/*border: solid 1px #b6cb73;
	background-color: #f5fddd;*/
	}
	
.front-findasupplier table {
	background-color: Transparent;
	border: none;
	font-size: 90%;
	}

.front-findasupplier td {
	border: none;
	padding: 0 50px 0 0 !important;
	width: 500px
	}

.fas-frontholder {
	width: auto;
	min-height: 198px;
	clear: both;
	display: block;
}

.type {
	width: 10%;
	height: auto;
	float: left;
	}

.faslist {
	width: 100%;
	height: auto;
	float: right;
	margin-bottom: 10px;
	}

.faslist td {
	height: 20px;}
	
.faslist input {
margin: 0 5px 0 125px;
}

/*****/

.PeopleDetails li {
	display: inline;
}

.PeopleDetails li a {
	padding: 5px;
	margin: 5px 3px 0 0;
	display: inline-block;
	background-color: #336699;	
	color: #FFFFFF;
	font-weight: bold;
}

/** purple **/


.clickbtn-purple {
	background-color: #eee;
	padding: 4px 8px;
	color: #666 !important;
	border: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-left: solid 1px #b2b1b1;
	display: inline-block;
	font-size: 90%;
	}

.clickbtn-purple {
	background-color: #9206a2;
	color: #FFF !important;
	font-weight: bold;
	border: solid 1px #a54198;
	border-bottom: solid 1px #663366;
	border-left: solid 1px #ad15be;
	}
	
a:hover.clickbtn-purple, a:active.clickbtn-purple  {
	background-color: #ab12bc;
	border: solid 1px #ca65d5;
	text-decoration: none !important;
	}	

a:active.clickbtn-purple  {
	background-color: #cc00cc;
	}

.clickbtn-purple:focus {
outline:2px solid #ffccff; /* Not supported by IE/Win :-( */
}

/***/

.clickbtn-green {
	background-color: #eee;
	padding: 4px 8px;
	color: #666 !important;
	border: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-left: solid 1px #b2b1b1;
	display: inline-block;
	font-size: 90%;
	}

.clickbtn-green, a:hover.clickbtn-green, a:active.clickbtn-green, 
.clickbtn-green-front, a:hover.clickbtn-green-front, a:active.clickbtn-green-front {
	background-color: #57ad51;
	color: #FFF !important;
	font-weight: bold;
	border: solid 1px #99cc66;
	border-bottom: solid 1px #336633;
	border-left: solid 1px #669966;
	}

a:hover.clickbtn-green, a:active.clickbtn-green,
a:hover.clickbtn-green-front, a:active.clickbtn-green-front {
	background-color: #3aad3a;
	border: solid 1px #99cc33;
	text-decoration: none !important;
	}

a:active.clickbtn-green, a:active.clickbtn-green-front  {
	background-color: #33cc33;
	}

.clickbtn-green:focus, .clickbtn-green-front:focus {
outline:2px solid #ccffcc; /* Not supported by IE/Win :-( */
}