body { background: url('inc/body-bg.png') repeat-x top #4e718e; text-align: center; font-family: arial; font-size: 10px; }

#outerframe { display: block; position: relative; z-index: 1; width: 781px; height: auto; background-color: #fff; text-align: left; margin: auto; padding: 1px; }
/* 783px with 2px padding L and R */

#header { display: block; position: relative; z-index: 2; width: 100%; height: 167px; background-color: #ddd; margin: 0; padding: 0; background: url('inc/header-bg.png') repeat-x top #2b5d89; }

#header .loginbox { display: block; float: left; position: relative; z-index: 3; width: 100%; height: auto; padding: 0px; margin: 13px 0px 0px 0px; font-size: 1.1em; color: #fff; text-align: right; }
#header .loginbox span { margin-right: 22px; }
#header .loginbox span a { color: #fff; }

#header #logo { display: block; float: left; position: relative; z-index: 3; width: 112px; height: 100px; padding: 0px; margin: -12px 0px 0px 40px; }
#header #logo img {  }

#header .advert { display: block; float: right; position: relative; z-index: 3; width: 523px; height: 66px; padding: 0px; margin: 17px 20px 0px 0px; }
#header .advert img {  }

#header #topnav { display: block; float: left; clear: left; position: relative; z-index: 3; width: 100%; height: 34px; margin:0; padding:0; /*background-image: url('../images/topnav-bg.png'); */margin: 18px 0px 0px 0px;}
#header #topnav ul.menu.top { display: block; float: left; padding:0; margin: 10px 0 0 0; }
#header #topnav ul li.leaf { display: block; float: left; margin: 0px 0px 0px 7px; color: #5a7e9c; }
#header #topnav ul li.first { margin-left: 20px; }
#header #topnav ul li.last { }
#header #topnav ul li a { color: #fff; font-size: 1.1em; margin-right: 7px; text-decoration: none; }

#header #topnav .your-basket { display: block; float: right; padding: 10px 20px 0 0; }
#header #topnav .your-basket a { color: #fff; font-size: 1.1em; margin-right: 7px; }

#contentframe { display: block; position: relative; z-index: 2; width: 100%; height: auto; background-color: #fff; margin:0; padding:0; font-size: 1.1em; }
#contentframe h3 { display: block; position: relative; width: 172px; height: 21px; color: #1e4261; font-weight: bold; padding: 18px 0 0 10px; }

#contentframe a { color: #3e89c9; }

#leftnav { display: block; float: left; position: relative; z-index: 4; width: 182px; height: auto; }

#leftnav h3.products { background-image: url('inc/products-heading-bg.png'); }
#leftnav h3.nav { background-image: url('inc/left-nav-heading-bg.png'); }

#leftnav ul.menu.left li { display: block; float: left; clear: right; width: 162px; height: 18px; background-image: url('inc/leftnav-li-bg.png'); padding: 6px 0 0 20px; }
#leftnav ul.menu.left li a { color: #686666; margin-right: 4px; text-decoration: none;  }

#leftnav ul.menu.products li { display: block; float: left; clear: right; width: 162px; height: 18px; background-image: url('inc/leftnav-li-bg.png'); padding: 6px 0 0 20px; }
#leftnav ul.menu.products li a { color: #686666; margin-right: 4px; text-decoration: none; }

#pgcontent { display: block; float: left; position: relative; z-index: 4; width: 570px; height: auto; padding: 11px 0 0 0; margin: 0 0 0 18px; }
.contentsplit { }

#pgcontent h1 { display: block; float: left; position: relative; width: 557px; height: 31px; margin: 20px 0 0 0; padding: 0px 0px 0px 12px; font-size: 18px; clear: both; background-image: url('inc/h1_bg.png'); background-repeat: repeat-x; }
#pgcontent p { clear: left; margin:0; padding: 0 0 26px 12px; font-size: 18px; color: #4b4b4b; font-size: 11px; line-height: 1.5em; }
#pgcontent p:last-of-type { padding-bottom: 0px; }

#pgcontent ul { margin-left: 30px; margin-bottom: 15px; }
#pgcontent li { list-style-type: disc; margin: 5px 0 5px 0; }

/* Product Listing */
#pgcontent div.product h2 { display: block; float: left; position: relative; width: 557px; height: 31px; margin: 20px 0 10px 0; padding: 0px 0px 0px 12px; font-size: 18px; clear: both; background-image: url('inc/h2_bg.png'); background-repeat: repeat-x; }
#pgcontent div.product h2 a, #pgcontent div.product.single h2 a { color: #0084f7; }
#pgcontent div.product div.image, #pgcontent div.product.single div.image { display: block; float: left; border: 1px #dadfe3 solid; padding: 1px; margin: 0 13px 0 10px; }
#pgcontent div.product div.image a, #pgcontent div.product.single div.image a { display: block; width: auto; height: auto; }
#pgcontent div.product .description { float: left; display: block; padding-top: 5px; clear: right; width: 360px; }
#pgcontent div.product div.listing-price { float: right; display: block; width: 92px; }
#pgcontent div.product div.listing-price p.incvat { display: block; width: 92px; color: #000; height: 20px; font-size: 18px; clear: right; text-align: center; margin:0 0 45px 0; padding:0; }

/* single product */
#pgcontent div.product.single h2 { display: block; float: left; position: relative; width: 557px; height: 31px; margin: 20px 0 37px 0; padding: 0px 0px 0px 12px; font-size: 18px; clear: both; background-image: url('inc/h2_bg.png'); background-repeat: repeat-x; }

/* pagination */
div.pagination { clear: both; }

#blognav { display: block; float: left; position: relative; z-index: 4; width: 182px; height: auto; }

#blognav h3.categories { background-image: url('inc/blog-categories-header.png'); }
#blognav #categories-2 h3 { background-image: url('inc/blog-categories-header.png'); }
#blognav ul.menu.categories li { display: block; float: left; clear: right; width: 162px; height: 18px; background-image: url('inc/leftnav-li-bg.png'); padding: 6px 0 0 20px; }
#blognav ul.menu.categories li a { color: #686666; margin-right: 4px; text-decoration: none;  }

#blognav h3.archives { background-image: url('inc/blog-archives-header.png'); }
#blognav #archives-2 h3 { background-image: url('inc/blog-archives-header.png'); }
#blognav ul.menu.archives li { display: block; float: left; clear: right; width: 162px; height: 18px; background-image: url('inc/leftnav-li-bg.png'); padding: 6px 0 0 20px; }
#blognav ul.menu.archives li a { color: #686666; margin-right: 4px; text-decoration: none;  }

#blognav li.widget-container ul { display: block; float: left; clear: both; width: 162px; }
#blognav li.widget-container ul li { display: block; float: left; clear: right; width: 162px; height: 18px; background-image: url('inc/leftnav-li-bg.png'); padding: 6px 0 0 20px; }
#blognav li.widget-container ul li a { color: #686666; margin-right: 4px; text-decoration: none;  }

#blognav ul.xoxo li.widget-container { display: block; width: auto; float: left; }

#blogcontent { display: block; float: left; position: relative; z-index: 5; width: 570px; height: auto; padding: 11px 0 0 0; margin: 0 0 0 18px; }

#blogcontent .post { display: block; float: left; position: relative; z-index: 5; width: 100%; height: auto; padding:0; margin: 0 0 20px 0; border-bottom: 1px solid #dadfe3; }
#blogcontent .post h1 { display: block; float: left; position: relative; width: auto; height: auto; margin:0; padding: 7px 0 6px 12px; font-size: 18px; }
#blogcontent .post h1 a { color: #000; }
#blogcontent .post p { clear: left; margin:0; padding: 0 0 26px 12px; font-size: 18px; color: #4b4b4b; font-size: 11px; line-height: 1.5em; }
#blogcontent .post p.post-header { padding-bottom: 10px; color: #ccc; }
#blogcontent .post p.post-header a { color: #ccc; }
#blogcontent .post img.read-more { float: right; }
#blogcontent .post p:last-of-type { padding-bottom: 5px; }

#footer { display: block; position: relative; z-index: 2; width: 100%; height: 80px; background: url('inc/footer-bg.png') #fff; margin:0; padding:0; font-size: 1.1em; text-align: center; }
#footer ul.menu.footer { display: block; padding:0; padding: 10px 0px 10px 0; }
#footer ul.menu.footer li { display: inline; margin: 0px 0px 0px 4px; color: #fff; }
#footer ul.menu.footer li a { color: #0088ff; margin-right: 4px; text-decoration: none; }
#footer p { text-align: center; color: #666; font-size: 1.1em; line-height: 1.3em; }

input.text {}
input.blog-search { display: block; float: left; display: relative; width: 126px; height: 20px; background-image: url('inc/blog-search-bg.png'); border-style: none; margin: 20px 0px 0px 9px; padding: 2px 0 0 11px; color: #494848; font-size: 11px; }
a.blog-search-button { display: block; float: left; display: relative; margin-top: 20px; }

.clr { clear: both; }
.fll { float: left; }
.flr { float: right; }
.mar-t-11 { margin-top: 11px; }

/* Breadcrmb */
div.crumbs { height: 16px; background-color: #f3f3f3; color: #666; padding-top: 5px; }
div.crumbs span { display: inline; margin-left: 10px; }
div.crumbs ul { display: inline; width: auto; }
div.crumbs ul li { display: inline; width: auto; color: #1e4261; }
div.crumbs ul li a { color: #3e89c9; }

/* Sort By contrl */
div.box.small.orange h2 { float: right; width: 168px; }
div.box.small.orange h2 #sort-form { display: inline; }
div.box.small.orange h2 span { display: inline; }
div.box.small.orange h2 #sort_form select { font-size: 11px; display: inline; }
div.sortby { margin: 25px 0 0 402px; position: absolute; }

/* Pagination */
div.pagination { margin: 0 0 0 12px; color: #666; padding-top: 10px; }
div.pagination a { color: #3e89c9; }

/* Training Courses */
div.box div#course-nav { display: block; position: relative; width: 570px; height: 54px; background-image: url('inc/course-nav-bg.png'); }
div.box div#course-nav h3 { font-size: 18px; color: #0084f7; display: block; float: left; width: auto; margin: 25px 0 0 12px; padding: 0; }
div.box div#course-nav ul.tabs { display: block; float: left; width: auto; height: auto; padding: 0; margin: 32px 0 0 20px; }
div.box div#course-nav ul.tabs li { display: block; float: left; padding: 0; margin: 0 1px 0 0; height: 22px; text-align: center; background-repeat: no-repeat; background-position: top left; }
div.box div#course-nav ul.tabs li a { color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; display: block; margin-top: 5px; }
div.box div#course-nav ul.tabs li.active a { color: #000; }
div.box div#course-nav ul.tabs li.dates { background-image: url('inc/course-dates-bg.png'); width: 101px; }
div.box div#course-nav ul.tabs li.dates.active { background-image: url('inc/course-dates-bg-active.png'); }
div.box div#course-nav ul.tabs li.structure { background-image: url('inc/course-structure-bg.png'); width: 119px; }
div.box div#course-nav ul.tabs li.structure.active { background-image: url('inc/course-structure-bg-active.png'); }
div.box div#course-nav ul.tabs li.fees { background-image: url('inc/course-fees-bg.png'); width: 94px; }
div.box div#course-nav ul.tabs li.fees.active { background-image: url('inc/course-fees-bg-active.png'); }
div.box div#course-nav ul.tabs li.venues { background-image: url('inc/course-venues-bg.png'); width: 67px; }
div.box div#course-nav ul.tabs li.venues.active { background-image: url('inc/course-venues-bg-active.png'); }

div.box div#course-content div.course { display: block; width: auto; clear: both; margin: 22px; font-weight: bold; width: 530px; }
div.box div#course-content div.course span { color: #0084f7; font-weight: bold; font-size: 11px; }
div.box div#course-content div.course a { display: block; float: right; color: #0084f7; }
div.box div#course-content h1 { display: block; float: left; position: relative; width: 557px; height: 31px; margin: 20px 0 0 0; padding: 0px 0px 0px 12px; font-size: 18px; clear: both; background-image: none; }
div.box div#course-content h2 { display: block; float: left; position: relative; width: 557px; height: 31px; margin: 10px 0 0 10px; padding: 0px 0px 0px 12px; font-size: 14px; clear: both; background-image: none; font-weight: bold; }
div.box div#course-content p { margin-left: 10px; } 
div.box div#course-content p a { color: #0084f7; } 

/* Related Products */
div.product { display: block; clear: both; height: auto; float: left; }
div.productlarge { display: block; clear: both; height: auto; float: left; }
div#relatedproducts, div#relatedproducts div.box.orange { display: block; float: left; clear: both; }
div.product.single h2 span.incvat { float: right; color: #000; }
div.product.single h2 span.add-to-basket { float: right; }
div.product h2 span.more-info { float: right; }
h2 a { text-decoration: none; }

img.flag { display: inline; margin-right: 5px; }