/* Base css file for hit.org.uk. Author Ed Nice. N-Go. 17/03/2009 */

body 
{
	color: black;
	font-size: 0.7em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	/*
	background-color: #E3FF71;*/
	background-image: url(../images/layout/testes.png);
}

/* HTML elements, defined for uniformity. Will be over-ridden in places to make IE happy. */

h1
{
	font-size: 240%;
	margin: 0;
	padding: 0;
}

h2
{
	font-size: 140%;
	margin: 0;
	padding: 10px 0;	
}

h3
{
	font-size: 120%;
	margin: 0;
	padding: 10px 0;
}

h4
{
	font-size: 105%;
	margin: 0;
	padding: 10px 0;
}

p
{
	margin: 0;
	padding: 10px 0;
}

input
{
    border: 1px solid #CACACA;
    padding: 1px;
    font-size: 90%;
}

a
{
	color: #444444; 
}

a:hover
{
	color: #05A1DB; 
}

img
{
	vertical-align: top;
	border: none;
}

.button
{
	border: none;
	background-color: White;
	padding: 0 2px 0 2px;
}

table
{
    font-size: 100%;
}

/* Hack to centre the page in IE < 7. */
* html body
{
	text-align: center;
}

#wrapper
{
	width: 1024px;
	margin: 20px auto;
	padding: 9px 0 0 0;
	text-align: left;
	/*  */
	background-image: url(../images/layout/wrapper-top-bg.png);
	background-position: top;
	background-repeat: no-repeat; 
}

#inwrapper
{
	width: 1024px;
	margin: 0; 
	padding: 0;
	background-color: white;
}

#head
{
	width: 974px;
	height: 152px;
	margin: 0;
	padding: 0;
}

.blogo
{
	width: 50px;
	padding: 35px 0 0 25px;
	float: left;
}

.wlogo
{
	width: 445px;
	height: 90px;
	padding: 60px 0 0 5px;
}

.wlogo p
{
    padding: 2px 0 0 0;
    font-weight: bold;
    font-size: 80%;
}

.biginput
{
    width: 250px;
    font-size: 115%;
    padding: 10px;
    border: 1px solid #999999;
}

.biginputouter
{
    border: 10px solid #DEDEDE;
    width: 272px;
}

.midinput
{
    font-size: 115%;
    padding: 2px;
    border: 3px solid #DEDEDE;
}

.bipanel
{
    margin: 10px 30px;
    padding: 10px;
    background-color: #FAFAFA;
}

.subscribe
{
	width: 215px;
	height: 115px;
	margin-top: 35px;
	padding: 0 0 0 3px;
}

.subscribe h4
{
	padding: 15px 0 2px 25px;
}

.subscribe p
{
	padding: 2px 0 2px 25px;
}

.contact
{
	width: 225px;
	height: 115px;
	margin-top: 35px;
	float: right;
	background-image: url(../images/layout/contact-fill.gif);
	background-repeat: repeat-y;
}

.contactpanel
{
	margin: 20px 0 0 10px;
	height: 60px;
	padding: 5x 5px 5px 35px;
	background-image: url(../images/layout/contact-bg.gif);
	background-repeat: no-repeat;
}

.contactpanel p
{
	font-size: 85%;
	padding: 0 0 5px 30px;
}

.search
{
	margin-left: 12px;
	background-image: url(../images/layout/search-bg.gif);
	background-repeat: no-repeat;
}

.search input.searchbox
{
	font-size: 90%;
	margin: 4px 0 2px 6px;
	border: none;
	width: 165px;
	float: left;
}

#navlinks
{
	width: 900px;
	height: 32px;
	margin: 10px 0 10px 75px;
	/* background: #056ACD; */
}

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

#navlinks li
{
	float: left;
	background: transparent url(../images/layout/navlink-left-bg.png) top left no-repeat;
	margin-right: 1px;
	padding-left: 3px;
}

#navlinks li.userlink
{
	background: transparent url(../images/layout/user-navlink-left-bg.png) top left no-repeat;
}

#navlinks li.glink
{
	background: transparent url(../images/layout/g-navlink-left-bg.png) top left no-repeat;
}

#navlinks li ul li
{
    padding: 0;
}

#navlinks li a
{
    display: block;
    height: 24px;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	color: #EFEFEF;
	padding: 8px 8px 0 5px;
	background: transparent url(../images/layout/navlink-right-bg.png) top right no-repeat;
}

#navlinks li.userlink a
{
	background: transparent url(../images/layout/user-navlink-right-bg.png) top right no-repeat;
}

#navlinks li.glink a
{
	background: transparent url(../images/layout/g-navlink-right-bg.png) top right no-repeat;
}

#navlinks li a:hover
{
    color: #CDCDCD;
}

#navlinks ul li .navlinkbg
{
	background: transparent url(../images/layout/navlink-bg.png) repeat-x; 
	height: 32px;
	width: 100%;
}

#navlinks ul li.userlink .navlinkbg
{
	background: transparent url(../images/layout/user-navlink-bg.png) repeat-x; 
}

#navlinks ul li.glink .navlinkbg
{
	background: transparent url(../images/layout/g-navlink-bg.png) repeat-x; 
}

#navshop
{
	width: 218px;
	height: 26px;
	padding: 3px;
	float: left;
	border-top: 1px dotted #AAAAAA;
}

#navuser
{

	background-image: url(../images/layout/contact-fill.gif);
	background-repeat: repeat-y;
}

.mainarticle
{
	height: 125px;
	border-bottom: 1px dotted #AAAAAA;
	padding: 20px 30px 0 0;
	font-size: 115%;
	font-family: Franklin Gothic Demi;
	color: #666666;
}

.mainarticle h1
{
	font-size: 180%;
}

.asec h1
{
    padding: 0 0 10px 0;
}

.asec h2
{
    font-size: 110%;
    padding: 6px 0 4px 0;
}

.asec h2 a
{
    text-decoration: none;
}

.asec h3
{
   padding: 1px 0; 
}

.asec p
{
   padding: 0 0 3px 0;
}
    

.asec
{
    padding: 4px 40px 10px 0;
}
    

.asec h1
{
    font-size: 160%;
}

.shop
{
	width: 218px;
	height: 26px;
}

.shop a img
{
    float: left;
}

.shop a img.paddy
{
    margin-right: 5px;
}

.shop h1
{
	font-size: 150%;
	/* background-image: url(../images/layout/shop-header-bg.gif);
	background-repeat: no-repeat; */
	padding: 4px 6px 0 22px;
	color: white;
}

.shop h1 a
{
	color: white;
	text-decoration: none;
}

.shoptop
{
	width: 194px;
	height: 110px;
	margin: 3px;
	padding: 0 0 30px 0;
}

.shoptop h3
{
    font-size: 145%;
    line-height: 130%;    
}

.shopfill
{
    background-image: url(../images/layout/shopfill.png);
    background-repeat: repeat-x;   
    margin: 0 4px;
}

.shoptitle
{
	padding: 2px;
	margin: 2px;
}

.shoptitle h4
{
	display: inline;
	font-size: 90%;
	color: white;
	background-color: black;
	padding: 2px;
	margin: 0;
}

.shoptop p
{
	padding: 0;
	color: #333333;
	font-weight: bold;
}

.shoptop a
{
    font-size: 125%;
	display: block;
	padding: 5px 0 0 2px;
}

/* .plink
{
    display: block;
    height: 14px;
    padding: 3px 20px;
    margin-top: 5px;
    background-color: #E2007A;
    color: White;
    font-size: 125%;
    font-weight: bold;
    text-decoration: none;
}

.plink:hover
{
    background-color: #DEDEDE;
    color: #E2007A;
}

.tlink
{
    display: block;
    height: 14px;
    padding: 3px 20px;
    margin-top: 5px;
    background-color: #009EE0;
    color: White;
    font-size: 125%;
    font-weight: bold;
    text-decoration: none;
}

.tlink:hover
{
    background-color: #DEDEDE;
    color: #009EE0;
} */

.shoppubs
{
	background-image: url(../images/layout/pubsfill.gif);
	background-repeat: repeat-x;
	margin: 0 9px 10px 8px;
	padding: 0 5px 5px 5px;
	background-color: #E799C3;
}

.shoppubshead
{
    width: 200px;
    height: 25px;
	margin: 5px 8px 0 8px;	
}

.shoppubshead a
{
    width: 200px;
    height: 25px;
    display: block;
	background-image: url(../images/layout/v-pubs.png);
	background-repeat: no-repeat;
	
}

.shoppubshead a:hover
{
	background-image: url(../images/layout/v-pubs.png);
	background-repeat: no-repeat;
	
}

/* .shoppubs h1
{
	font-size: 110%;
	background-image: url(../images/layout/shop-header-bg.png);
	background-repeat: no-repeat;
	padding: 2px 0 4px 25px;
	color: White;
}
*/

.shopwhiteout
{
    background-color: White;
    padding-top: 6px;
}

.shopedu
{
	background-image: url(../images/layout/pshefill.gif);
	background-repeat: repeat-x;
	margin: 0 9px 10px 8px;
	padding: 0 5px 5px 5px;
	background-color: #FACFB2;
}

.shopeduhead
{
    width: 186px;
    height: 25px;
	margin: 5px 8px 0 8px; 
}

.shopeduhead a
{
    width: 200px;
    height: 25px;
    display: block;
	background-image: url(../images/layout/v-phse.png);
	background-repeat: no-repeat;
	
}

.shopeduhead a:hover
{
	background-image: url(../images/layout/v-phse.png);
	background-repeat: no-repeat;
	
}

/* .shopedu h1
{
	font-size: 110%;
	background-image: url(../images/layout/shop-header-bg.png);
	background-repeat: no-repeat;
	padding: 2px 0 4px 25px;
	color: White;
}
*/

.shopgroup
{
    padding: 5px 0;
}

.shopgrouptext
{
    float: left;
    width: 126px;
}

.shopgrouppic
{
    float:left;
    width: 45px;
    padding-right: 5px;
}

.traingroup
{
    padding: 0;
}
 
.traingroup p a, .shopgroup p a
{
    text-decoration: none;
}

.mlink
{
    color: #E2007A;
}

.olink
{
    color: #FF6600;
}

.wlink
{
    color: White;
    text-decoration: none;
}

.blink
{
    color: #009EE0;
}

.pubscol
{
    color: #D1067E;
}

a.pubby
{
    color: #D1067E;
}

a.pubby:hover
{
    color: #D1067E;
}

.traincol
{
    color: #05A1DB;
}

a.trainy
{
    color: #05A1DB;
}

a.trainy:hover
{
    color: #05A1DB;
}

.colgrad
{
	background-image: url(../images/layout/col-grad-bg.gif);
	background-repeat: repeat-x;
    
}

.shoppubs p
{
	padding: 2px 2px 2px 10px;
}

.shopedu p
{
	padding: 2px 2px 2px 10px;
}

.shoptraining
{
	background-image: url(../images/layout/trainingfill.gif);
	background-repeat: repeat-x;
	margin: 0 9px 10px 8px;
	padding: 0 5px 5px 5px;
	background-color: #BFE4F3;
}

.shoptraininghead
{
    width: 200px;
    height: 25px;
	margin: 5px 8px 0 8px; 
}

.shoptraininghead a
{
    width: 200px;
    height: 25px;
    display: block;
	background-image: url(../images/layout/v-train.png);
	background-repeat: no-repeat;
	
}

.shoptraininghead a:hover
{
	background-image: url(../images/layout/v-train.png);
	background-repeat: no-repeat;
	
}

/* .shoptraining h1
{
	font-size: 110%;
	background-image: url(../images/layout/shop-header-bg.png);
	background-repeat: no-repeat;
	padding: 2px 0 4px 25px;
}
*/

.shoptraining p
{
	padding: 2px 5px 2px 10px;
}

.tmonth
{
    font-size: 110%;
    font-weight: bold;
}

.ltraining
{
    font-size: 110%;
    color: #009EE0;
}

.rbtmborder
{
	border-bottom: 1px dotted #E2007A;
	padding-bottom: 5px;
}

#navuser
{
	width: 224px;
	height: 32px;
	float: left;
	border-top: 1px dotted #AAAAAA;
	border-left: 1px dotted #AAAAAA;
}

#navuser .user
{
	padding: 4px 8px;
    float: left;
}

#navuser .buttons
{
    display: block;
    float: left;
    background-image: url(../images/layout/luser-button-bg.gif);
    background-repeat: no-repeat;
    margin: 6px 10px;
}

.login
{
    width: 46px;
    height: 14px;
    padding: 3px 4px;
}

.register
{
    width: 46px;
    height: 14px;
    padding: 3px 4px;
}

#cols, #ctl00_cols
{
	width: 900px;
	margin: 0 0 0 75px;
	border-top: 1px dotted #AAAAAA;
	padding-bottom: 20px;
}

.colsbg
{
	background-image: url(../images/layout/cols-bg.png);
	background-repeat: repeat-y
}

#footer
{
	border-top: 1px dotted #AAAAAA;
	padding: 5px 0 20px 35px;
}

.fpanel
{
    background-color: #FFFFFF;
    width: 815px;
    padding: 20px 40px;
}
.fpanelt
{
    background-image: url(../images/layout/foot-panel-top.png);
    background-repeat:no-repeat;
    height: 10px;
    margin: 20px 0 0 0;
}

.fpanelb
{
    background-image: url(../images/layout/foot-panel-bottom.png);
    background-repeat:no-repeat;
    height: 10px;
}

#footround
{
    width: 1024px;
    height: 9px;
	background-image: url(../images/layout/wrapper-bottom-bg.png);
	background-position: bottom;
	background-repeat: no-repeat; 
}

#footer p
{
    padding: 2px 0;
}

#footer h4
{
    padding: 2px 0;
}

.cola
{
	width: 439px;
	padding: 10px 5px;
	float: left;
}

.colb
{
	width: 225px;
	float: left;
}

.colc
{
	padding: 10px 5px;
	width: 875px;
}

.cold
{
    width: 655px;
	padding: 10px 10px 10px 5px;
	float: left;
}

.cole
{
    width: 890px;
	padding: 10px 5px;
	background-image: url(../images/layout/shop-bg.png);
	background-repeat: repeat-x;
}

.cole h1
{
    font-size: 170%;
    padding: 60px 0 40px 40px;
}

.cole h1.reggy
{
    font-size: 170%;
    padding: 20px 0 10px 40px;
}

/* Specifically for the info group of pages */
.infocola
{
	width: 449px;
	padding: 5px 0 10px 0;
	float: left;
}

.infocola h1
{
    font-size: 130%;
    padding: 7px 5px;
    background-color: #D2EAF6;
}

.infocola h2
{
    font-size: 110%;
    padding: 7px 2px;
}

.infocola h3
{
    font-size: 105%;
    padding: 7px 2px;
}

.infocola p
{
    padding: 7px 30px 7px 2px;
}

.infocola ul
{
    margin: 5px 2px;
    padding: 0px;
    list-style: none;
}

.infocola li
{
    padding: 5px 15px;
    background-image: url(../images/layout/info-list-bg.png);
    background-repeat: no-repeat;
}

.infocolb
{
	width: 218px;
	padding: 5px 0 10px 0;
	float: left;
}

.infocolb h1
{
    font-size: 130%;
    padding: 7px 5px;
    margin: 0 5px 0 0;
    background-color: #D2EAF6;
    color: #D2EAF6;
}

.infocolb ul
{
    margin: 0 10px;
    padding: 5px 0;
    list-style: none;
}

.infocolb li a
{
    display: block;
    background-image: url(../images/layout/info-link-bg.png);
    background-repeat: no-repeat;
    padding: 3px 3px 3px 15px; 
    text-decoration: none;
}

.infocolb li a:hover, .infocolb li a.selected
{
    background-color: #0093D1;
    color: White;
}

.infounderline
{
    height: 5px;
    border-bottom: 1px dotted #999999;
    margin-bottom: 10px;
}

.shoppanel
{
    width: 190px;
    height: 148px;
    margin: 0 0 200px 40px;
    float: left;
}

.shoppanel img
{
    padding: 5px 0 5px 15px;
}

.shoptpanel
{
    background-image: url(../images/layout/shop-t-panel-bg.png);
    background-repeat: repeat-x; 
}

.shopppanel
{
    background-image: url(../images/layout/shop-p-panel-bg.png);
    background-repeat: repeat-x; 
}

.shoppshepanel
{
    background-image: url(../images/layout/shop-pshe-panel-bg.png);
    background-repeat: repeat-x; 
}

.shoppanelbox
{
    margin: 5px;
    padding: 10px;
    background-color: #FFFFFF;
    height: 90px;
}

.shoppanelbox p
{
    padding: 0;
    font-size: 120%;
    height: 80px;
}

.suberror
{
    color: Red;
    font-size: 150%;
    padding: 10px 40px;
}

.subconfirm
{
    color: #999999;
    font-size: 150%;
    padding: 10px 40px;
}

.slink
{
    width: 160px;
    text-align: right;
    font-weight: bold;
    font-size: 110%;
}

.slink a
{
    text-decoration: none;
}

.pgo
{
    color: #CE0974;
}

.ego
{
    color: #FF6A08;
}

.tgo
{
    color: #0796D2;
}

.hcola
{
	width: 450px;
	float: left;
}

.hcolb
{
	width: 225px;
	float: left;
}

.lborder
{
	border-left: 1px dotted #AAAAAA;
}

.rborder
{
	border-right: 1px dotted #AAAAAA;
}

.bborder
{
	border-bottom: 1px dotted #AAAAAA;
}

.tborder
{
	border-top: 1px dotted #AAAAAA;
}

.pubspanel
{
    /* background-color: #D1047D; */
    background-image: url(../images/layout/phead-bg.png);
    height:131px;
    margin:35px 0 0 5px;
    width:201px;
    padding: 7px;
}

.pubspanel h1
{
    /* background-image:url(../images/layout/shop-header-bg.gif);
    background-repeat:no-repeat;
    background-color: #BBE70B;
    color:white;
    font-size:160%;
    padding:4px 4px 4px 15px;
    background-image:url(../images/layout/training-header-bg.png);
    background-repeat:no-repeat; */
    /* background-color: #BBE70B; */
    color:white;
    font-size:160%;
    padding: 2px 14px 6px 15px;
}

.pubspanel h1 a
{
    color: White;
    text-decoration: none;
}

.pubspanel h2
{
    font-size: 265%;
    color: White;
    padding: 10px 0 0px 15px;
}

.pubspanel p
{
    font-size: 125%;
    color: White;
    padding: 10px 0 0px 15px;
}

.tpanel
{
    /* background-color: #0093D1; */
    background-image: url(../images/layout/thead-bg.png);
    background-repeat: no-repeat;
    height:131px;
    margin: 35px 0 0 5px;
    width:201px;
    padding: 7px;
}

.tpanel h1
{
    /* background-image:url(../images/layout/training-header-bg.png);
    background-repeat:no-repeat;
    background-color: #BBE70B; */
    color:white;
    font-size:160%;
    padding: 2px 15px 6px 15px;
}

.tpanel h1 a
{
    color: White;
    text-decoration: none;
}

.tpanel h2
{
    font-size: 265%;
    color: White;
    padding: 10px 0 0px 15px;
}

.tpanel p
{
    font-size: 105%;
    color: White;
    padding: 10px 0 0px 15px;
}

.tpanel img.tlink
{
    margin: 29px 0 0 14px;
}

.basketpanel
{
    background-color: #666666;
    height:131px;
    margin:35px 0 0 5px;
    width:201px;
    padding: 7px;
}

.basketpanel h1
{
    /* background-image:url(../images/layout/shop-header-bg.gif);
    background-repeat:no-repeat;
    background-color: #BBE70B;
    color:white;
    font-size:160%;
    padding:4px 4px 4px 15px; */
    background-image:url(../images/layout/training-header-bg.png);
    background-repeat:no-repeat;
    /* background-color: #BBE70B; */
    color: white;
    font-size:160%;
    padding: 2px 12px 6px 15px;
}

.basketpanel h1 a
{
    color: White;
    text-decoration: none;
}

.basketpanel h2
{
    font-size: 265%;
    color: White;
    padding: 10px 0 0px 15px;
}

.basketpanel p
{
    font-size: 125%;
    color: White;
    padding: 10px 0 0px 15px;
}

.pubsmenu
{
    padding: 3px;
}

.pubsmenu ul
{
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

.pubsmenu li
{
    border-bottom: 1px solid #DDD;
}

.pubsmenu li a
{
    display: block;
    padding: 3px 3px 3px 15px; 
    font-size: 105%;
    text-decoration: none;
}

.pubsmenu li a:hover
{
    background-color: Black;
    background-image: url(../images/layout/pubs-link-bg.gif);
    background-repeat: no-repeat;
    color: White;
}

.pubsmenu h2
{
    background-image:url(../images/layout/menu-header-bg.gif);
    background-color: #BBE70B;
    background-repeat:no-repeat;
    color:white;
    font-size:120%;
    padding:4px 4px 4px 15px;
}

.pubstop h2
{
    padding: 5px;
    text-align: center
}

/* .pubstop h2 a
{
    display: block;
    border: 6px solid #EFEFEF;
    color: #999999;
    text-decoration: none;
} */

/* Product Panels. Oh joy... */
.ppanel
{
    width: 125px;
    height: 320px;
    padding: 4px 8px 4px 0;
    margin: 4px 12px 0 0;
    float: left;
    border-right: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
}

.ppanelbig
{
    width: 271px;
    height: 340px;
    padding: 4px;
    margin: 4px 12px 0 0;
    float: left;
    border-right: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
}

.navpanel
{
    float: none;
    clear: both;
}

.gtpanel
{
    width: 218px;   
    margin: 5px 0 5px 7px;
    padding-top: 9px;
    background-image: url(../images/layout/gt-bg.gif);
    background-repeat:no-repeat;
}

.gbpanel
{
    width: 218px;   
    padding-bottom: 9px;
    background-image: url(../images/layout/gb-bg.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

.gopanel
{
    width: 198px;   
    margin: 5px 0 5px 7px;
    padding: 9px;
    border: 1px solid #E3E4E5; 
}

.picpanel
{
    width: 220px;   
    margin: 5px 0 5px 7px;
    background-color: #EFEFEF;
}

.picpanel h4
{
    font-size: 110%;
    padding: 10px;
}

.gpanel
{
    width: 198px;   
    margin: 0 0 0 7px;
    padding: 5px;
    border-bottom: 1px solid #E3E4E5; 
}

.gpanelnb
{
    width: 198px;   
    margin: 0 0 0 7px;
    padding: 10px 5px;
    background-color: #EFEFEF;
}

.gpanelnb p,.gpanelnb h3
{
    padding: 4px;
}

.gpanel ul
{  
    margin: 0;
    padding: 0;
    list-style: none;
}

.gpanel li
{
    padding: 2px 0;

}

.gpanel li a
{
    text-decoration: none; 
}

.gpanel li:hover
{
    background-color: black;
    color: White;
}

.gpanel li:hover a
{
    color: White;
}

.pubbrowseheader h1
{
    display:inline;
    font-size: 105%;
    padding: 2px;
    background-color: Black;
    color: White;
}

.pimgthumb
{
    height: 125px;
}

.pc
{
    height: 125px;
}

.pc h3
{
    font-size: 110%;
    padding: 6px 0 0 0;
}

.pc p
{
    padding: 4px 0 0 0;
}

.pbasket
{
    
}

.pbasketselect
{
    padding: 3px 0; 
}

.pbasket p
{
    padding: 5px 0;
    font-size: 110%;
    font-weight: bold;
}

.pbasketadd
{
    height: 18px;
    padding: 4px;
    background-color: #EFEFEF;
}

.pbasket a
{
    font-size: 105%;
}

.pubbrowseheader
{
    height: 30px;
    padding: 8px 0;   
}

.breadcrumbs
{
    padding: 3px;    
}

.productpanel
{
    width: 438px;
    border-top: 1px dotted #999999;
    margin-top: 20px;
}

.productpanel h4
{
    padding: 3px 0;
}

.productpanel p
{
    padding: 3px 30px 3px 0;
}

.productpanelright p
{
    padding-right: 15px;
}

.productpanelleft
{
    width: 270px;
    padding: 0;
    float: left;
}

.productpanelleft
{
    padding-right: 15px;
}

.productpanelright
{
    width: 136px;
    padding: 0 0 0 10px;
    float: left;
}

.productpanelright h4
{
    padding:10px 0 5px 0;
    color: #666666;
}

.paddtobasket
{
    background-color: #EFEFEF;
    /* background-image: url(../images/layout/add-to-basket-bg-grey.gif); */
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px;
    margin: 3px 0;
}

.paddtobasket h4 a
{
    font-size: 95%;
}

.paddtobasket img
{
    padding-left: 2px;
}

.basketbg
{
    background-image: url(../images/layout/add-to-basket-bg.gif);
    background-position: right center;
    background-repeat: no-repeat; 
}

.ablue
{
    color: #0093D1;
    font-size: 115%;
}

.ared
{
    color: #CC0000;
    font-size: 100%;
}

.salered
{
    color: Red;
    font-weight: bold;
    padding-left: 20px;
}

.salered2
{
    color: Red;
    font-weight: bold;
}

.lp20
{
    padding-left: 20px;
}

.bm20
{
    margin-bottom: 20px;
}

.lm5
{
    margin-left: 5px;
}

.lm10
{
    margin-left: 4px;
}

.lm20
{
    margin-left: 20px;
}

.tp20
{
    padding-top: 20px;
}

.tp40
{
    padding-top: 20px;
}

.tp10
{
    padding-top: 10px;
}

.bp10
{
    padding-bottom: 10px
}   

.mb10
{
    margin-bottom: 8px
}  

.tm32
{
    margin-top: 32px
} 

.rp40
{
    padding-right: 40px;
}

.w30
{
    width: 30px;
}

.w40
{
    width: 40px;
}

.w60
{
    width: 60px;
}

.w90
{
    width: 90px;
}

.w100
{
    width: 100px;
}

.w290
{
    width: 280px;
}

.rp20
{
    padding-right: 20px;
}

.fl
{
    float: left;
}

.fr
{
    float: right;
}

.addlabel
{
    font-size: 80%;
    color: Orange;
    padding-right: 20px;
}

/* Basket/checkout backgrounds and tones */
.backy
{
    margin: 20px 0;
    padding: 10px;
    background-color: #EEEEEE;
}

.backy h1
{
    margin: 10px;
    padding: 10px;
    background-color: White;
}

.lbpanel
{
    margin: 10px;
    padding: 20px;
    background-color: #EAEAEA;
}

.lbpanel table
{
    font-size: 100%;
}

.lbpanel h2
{
    padding: 0 0 20px 0;
}

.lgpanel
{
    padding: 20px;
    background-color: #FEFEFE;
}

.buttonbg
{
    margin-top: 20px;
    padding: 20px;
    background-color: #CDCDCD;
}

.buttonbg .checkout-po
{
    padding: 10px;
    font-size: 15px;
    color: #0093D1;
}

.buttonbg .checkout-po input
{
    padding: 3px 5px;
}

.progress
{
    float: right;
    padding: 20px 20px 0 0;
}

.cards
{
    padding: 00 20px  20px;
}

.action
{
    text-align: right;
}

.ralign
{
    float: right;
    margin: 20px 8px;
    padding: 10px;
    background-color: #EFEFEF;
}

.rightalign
{
    text-align: right;
}

.label
{
    color: #333333;
    font-weight: bold;
}

.number
{
    color: #666666;
}

.flabel
{
    color: #111111;
    font-weight: bold;
    border-top: 1px solid #999999;
}

.fnumber
{
    color: #111111;
    font-weight: bold;
    border-top: 1px solid #999999;
}

.phome
{
    border-top: 1px solid #999999;
    margin-top: 15px;
}

.phome h1
{
	font-size: 140%;
	padding: 20px 0 0 0;
}

.phome h2
{
	font-size: 120%;  
	padding: 4px 0; 
}

.phome h4
{
	font-size: 105%;  
	padding: 4px 50px 4px 0; 
}

.phome p
{
	padding: 4px 50px 4px 0; 
}

.addy
{
    padding: 10px 0 50px 0;
}

.anou
{
    text-decoration: none;
}

#commpanel
{
    padding: 15px 30px;
    background-image: url(../images/layout/comm-head-bg.png);
    background-repeat: repeat-y;    

}

#commpanel p
{
    padding: 3px 0;
}

.commline
{
    margin-top: 10px;
    border-bottom: 1px dotted #999999;
}

.trainsechead
{
    padding: 4px;
}

.trainsechead h1
{
    background-image: url(../images/layout/trainsec-header-bg.png);
    background-repeat: no-repeat;
    background-color: #56EF00;
    color: White;
    padding: 2px 0 2px 20px;
    font-size: 125%;
}

.trainpanel
{
    padding: 4px 0 4px 10px;
}

.trainpanel p
{
    padding: 2px 0 2px 0px;
}

.traintext
{
    padding: 5px 12px;
}

.traintext p
{
    padding: 5px;
}

.trainfill
{
    /*background-image: url(../images/layout/train-fill-bg.png);
    background-repeat: repeat-x; */
    background-color: #EFEFEF;  
    margin: 0 4px;
}

#trainheadpanel
{
    padding: 10px; 
    background: transparent url(../images/layout/course-top-bg.png) bottom left repeat-x;
    border-left: 1px solid #DEDEDE; 
    border-top: 1px solid #DEDEDE; 
    border-right: 1px solid #DEDEDE; 
    margin-top: 30px;
}

#trainmidpanel
{
    padding: 10px;  
    border: 1px solid #DEDEDE; 
}

#trainmidpanel h2
{
    font-size: 115%;
    padding: 5px 0;
}

#trainpricepanel
{
    padding: 10px;  
    border-left: 1px solid #DEDEDE; 
    border-bottom: 1px solid #DEDEDE; 
    border-right: 1px solid #DEDEDE; 
}

#trainpricepanel p, #trainpricepanel h4
{
    padding: 2px;
}

#trainpricepanel .pink
{
    color: #D1067E;
    font-weight: bold; 
}

#trainpricepanel .black
{
    color: black;
    font-weight: bold; 
}

#trainpricepanel .addy
{
    width: 57px;
    height: 35px;
    background: transparent url(../images/layout/add-to-bg.png) top left no-repeat;
    padding: 8px 0 0 27px;
}

#trainfootpanel
{
    padding: 10px;  
    border-left: 1px solid #DEDEDE; 
    border-bottom: 1px solid #DEDEDE; 
    border-right: 1px solid #DEDEDE; 
}

#trainheadpanel h1
{ 
    font-size: 135%;
    margin: 0  0 10px 0;
}

.trainingdatapanel
{
    width: 438px;
    margin-top: 10px;
}

.coursepanelhead
{
    background-color: #EFEFEF;
    padding: 5px;
    margin-bottom: 10px;
}

.coursepanelhead h3
{
    font-size: 115%;
    padding: 3px 0;
}

.coursepanelhead p
{
    padding: 3px 0;
}

.nopad
{
    padding: 0;
}

.borderbg
{
    background-image: url(../images/layout/one-border-bg.png);
    background-repeat: repeat-y;
}

.pubspanel h1 a
{
    float: left;
}

.tpanel h1 a
{
    float: left;
}

.pubspanel h1 a img
{
    padding-left: 62px;
}

.tpanel h1 a img
{
    padding-left: 62px;
}

.ttop
{
    padding: 5px 0 5px 5px;
}

.loginbutton
{
    background-image: url(../images/layout/login_btn.png);
    background-repeat:no-repeat;
    width: 120px;
    height: 30px;
}

.logintable td
{
    padding: 5px;
    text-align: left;
    font-size: 110%;
}

.notify
{
    font-size: 120%;
    color: #0093D1;
}

.recoveryinput
{
    font-size: 120%;
    padding: 5px;
    margin: 10px 10px 10px 0; 
    width: 300px;
}

.recoverylabel
{
    font-size: 120%;
    text-align: left;
    padding: 10px;
    margin: 10px 10px 10px 0;
}

.recoverytitle
{
    font-size: 150%;
    text-align: left;
    padding: 10px;
    margin: 10px 10px 10px 0;
}

.pbc
{
    background-image: url(../images/layout/pbc-header.png);
    background-repeat: no-repeat;
    width: 211px;
    height: 29px;
}

.pbt
{
    background-image: url(../images/layout/pbt-header.png);
    background-repeat: no-repeat;
    width: 211px;
    height: 29px;
}

.tbd
{
    background-image: url(../images/layout/tbd-header.png);
    background-repeat: no-repeat;
    width: 211px;
    height: 29px;
}

.tbc
{
    background-image: url(../images/layout/tbc-header.png);
    background-repeat: no-repeat;
    width: 211px;
    height: 29px;
}

.cleary
{
	clear: both;
}

/* Lightwindow overrides */
#popbody
{
    line-height: normal;
    padding: 10px;
}

#overlay
{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #333333;
    z-index: 20;
    top:0px;
    left:0px;
    position:absolute;
	-khtml-opacity:.50; 
	-moz-opacity:.50; 
	-ms-filter:"alpha(opacity=50)"; 
	filter:alpha(opacity=50); 
	opacity:.50; 
	display: block;
}

.overlaypanel
{
    z-index: 101;
    width: 300px;
    height: 180px;
    padding: 10px;
    position: relative;
    background-color: #CACACA;
    border: 10px solid #666666;
    margin: 0 auto 0 auto;
	display: block;
}

.overlayloader
{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #222222;
    z-index: 20;
    top:0px;
    left:0px;
    position:absolute;
	-khtml-opacity:.80; 
	-moz-opacity:.80; 
	-ms-filter:"alpha(opacity=80)"; 
	filter:alpha(opacity=80); 
	opacity:.80; 
	display: none;
	text-align: center;
	padding-top: 250px;
	color: White;
}

/* New training section changes. 02/09/2009. EJN - N-Go. */
.tselect
{
    width: 203px;
    height: 24px;
    margin: 8px;
    background: transparent url(../images/layout/t-select-bg.png) top left no-repeat;
}

.tselect h3
{
    padding: 5px;
    color: White;
}

.tabby
{
    height: 40px;
}

.tabby ul
{
    margin: 0;
    padding: 0 12px;
    list-style: none;
}

.tabby ul li
{
    float: left;
    padding: 3px;
}

.lmore
{
    font-size: 105%;
    font-style: italic;
}

.rtext
{
    color: #DD0000;
}

.tsec
{
    color: #656667;
}

.tsec h1
{
    font-size: 180%;
    padding: 2px 0;
}

.tsec h2
{
    font-size: 130%;
    padding: 2px 0;
}

.tsec h3
{
    font-size: 110%;
    padding: 2px 0;
}

.tsec ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#tlist
{
    margin-top: 20px;
}

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

#tlist li
{
    padding: 5px 0;
}

#tlist ul a
{
    text-decoration: none;
    cursor: pointer;
}

#tlist li p, #tlist li h3, #tlist li h2
{
    padding: 2px 0;
}

/* AJAX Accordion styles etc... */
#ajaxmenu
{
    
}

#ajaxmenu .headstyle
{
    color:#000 /*EE5F00959697*/ ;
    font-size: 120%;
    font-weight: bold;
    text-decoration:none;
    cursor: pointer;
    height: 15px;
    padding: 5px 15px;
    border-bottom: 1px solid white;
    width: 185px;
}

#ajaxmenu div.headstyle:hover
{
    background: transparent url(../images/layout/t-link-bg.png) top left repeat-x;
}

#ajaxmenu .contentstyle, .conferencemenu
{
    padding: 5px 15px;
    width: 185px;
}

#ajaxmenu .contentstyle h4, .conferencemenu h4
{
    padding: 3px 0;
    font-size: 100%;
}

#ajaxmenu .contentstyle h5, .conferencemenu h5
{
    padding: 3px 0;
    font-size: 100%;
    margin: 0;
}

#ajaxmenu .contentstyle h5 a, .conferencemenu h5 a
{
    color:#05A1DB;
    text-decoration: none;
}

#ajaxmenu .contentstyle p, .conferencemenu p
{
    padding: 3px 0;
    font-size: 80%;
    margin: 0;
}

.checkout-button
{
    float: left;
}

.checkout-button-wrapper
{
    float: right;
}