body {
    background-color: #c6c7c9;
    background-image: url(/ocg_/images/2009/background.jpg);
    background-position: center top;
    margin: 20px 0px 20px 0px;
    font-family: Arial, Verdana, Tahoma, Lucida Sans Unicode, Helvetica, Sans-Serif;
    font-size: 13px;
}

a {
    text-decoration: none;
    color: #d05030;
}
a:hover {
    text-decoration: underline;
}

li {
    list-style-type: square;
}

#body_container {
    width: 998px;
    border-left: 1px solid #adaeb0;
    border-right: 1px solid #adaeb0;
    margin: 0 auto;
    background-color: #fff;
}

#grey_header, #grey_footer {
    background-color: #5d6162;
    background-image: url(/ocg_/images/2009/structure/topbar.jpg);
    height: 13px;
}
#grey_footer {
    text-align: right;
    color: #fff;
    font-size: 9px;
    font-family: Verdana, Arial, Tahoma, Lucida Sans Unicode, Helvetica, Sans-Serif;
    font-weight: bold;
    background-image: url(/ocg_/images/2009/structure/bottombar.jpg);
    padding: 0px 8px 0px2 8px;
}
#grey_footer a {
    color: #fff;
    text-decoration: none !important;
}
#grey_footer a:hover {
    color: #fff;
    text-decoration: underline;
}

#header {
    height: 115px;
}

.clear {
    clear: both;
}

#housekeeping {
    /*float: right;
    font-size: 13px;
    font-weight: bold;
    color: #aaa;
    padding: 0px 8px 8px 0px;*/
    color:#292627;
    float:right;
    font-size:12px;
    font-weight:normal;
    margin-bottom:-8px;
    padding:0 8px 0 0;
    position:relative;
    top:91px;
    font-family: Helvetica, Arial, Sans-Serif;
}
#housekeeping a {
    color: #666;
    text-decoration: none;
}
#housekeeping a:hover {
    text-decoration: underline;
}

#footmenu
{
    background: #84888b;
    height:15px;
    padding: 10px 0px 5px 40px;
}

#footmenu a
{
    color:white;
    padding: 10px;
    font-size:11px;
}

#blue-bg-left
{
    background: #00acd4;
    width:20px;
    float:left;
    position: relative;
    left: 20px;
    height:30px;
}

#blue-bg-right
{
    background: #00acd4;
    width:262px;
    float:right;
    position: relative;
    right:28px;
    height:8px;
    color: white;
    font-size: 11px;
    padding: 11px;
    vertical-align: bottom;
}

/* NAVIGATION */
    #navigation {
        background-image: url(/ocg_/images/2009/structure/navbar-shop.jpg);
        background-color: #333;
        margin-left: 4px;
        margin-right: 4px;
    }
    #navigation ul, #navigation li {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    #navigation li {
        float: left;
        height: 29px;
        background-color: transparent;
        text-align: center;
        border-right: 1px solid #777;
        padding: 10px 26px 0px 26px;
        font-size: 14px;
        /*background-image: url(/ocg_/images/2009/button_back.jpg);*/
        color: #fff;
        font-weight: normal;
    }
    #navigation li a {
        color: #fff;
        text-decoration: none;
    }

    #navigation li:hover {
        background-color: black;
        background-image: url(/ocg_/images/2009/button_back_on_r.jpg);
    }
    
    #navigation li.selected, #navigation li.firstselected {
        background-color: black;
        background-image: url(/ocg_/images/2009/button_back_on_r.jpg);
    }

    #navigation li.last {
        margin-right: 0px;
        padding-left: 25px;
        padding-right: 24px;
        float:left;
        display:inline;
        
    }

    /*#navigation ul {
        clear: both;
    }*/
    
/* SUBMENU */
    #submenu {
        background-color: #5c6262;
        background-image: url(/ocg_/images/2009/structure/submenu.jpg);
        border-top: 1px solid #444;
        height: 0px;
        padding-left: 27px;
        margin: 0px 4px 0px 4px;
        background-color:#5C6262;
        height:25px;

    }
    
    #submenu ul, #submenu li {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    
    #submenu li {
        float: left;
        font-size: 13px;
        padding: 4px 0px 0px 0px;
        color: #ddd;
    }
    #submenu li a {
        color: #ddd;
        text-decoration: none;
    }
    #submenu li a:hover {
        text-decoration: underline;
        color: #70A185;
    }
    .submenuitemselected {
        text-decoration: underline !important;
        color: #70A185 !important;
    }

/* CONTENT STRUCTURE */
    #content_container {
        padding: 22px 23px 22px 23px;
    }
    #left_side {
        width: 700px;
        float: left;
    }
    #right_side {
        width: 205px;
        padding-left: 20px;
        float: left;
    }
    
/* HOMEPAGE SPLASH BOX */
    #splash_box {
        width: 692px;
        border: 3px solid #01aad1;
        background-color: #5c6262;
    }
    .splashimg {
        background-image: url(/ocg_/images/2009/splash.jpg);
        padding: 0px;
        width: 692px;
        height:198px;
    }
    #home_links {
        background: url(/ocg_/images/2009/homelinksback.jpg);
        background-color: #fff;
        width: 698px;
        padding-bottom: 3px;
    }
    
    #partner {
        width: 698px;
        /*height: 78px;*/
        /*background-image: url(/ocg_/images/2009/partner.jpg);*/
        margin-top: 10px;
    }
    
/* NEWS BOXES */
    .news_box {
        width: 225px;
        margin: 0px 0px 10px 0px;
        border: 1px solid #767a7d;
        background-image: url(/ocg_/images/2009/news_back.jpg);
        background-repeat: repeat-x;
        background-color: #fff;
    }
    .news_box h4 {
        font-size: 13px;
        background-color: #767a7d;
        padding: 3px;
        color: #fff;
        font-weight: bold;
        margin: 0px;
    }
    .news_box p {
        margin: 0px;
        padding: 3px;
        font-size: 12px;
        color:#505050;
        font-weight: normal;
    }
    .news_box p a {
        
        text-decoration: none;
        font-weight: bold;
        color: #70A185;
    }
    .news_box p a:hover {
        text-decoration: underline;
        font-weight: bold;
    }
    
    .news_box p a.news_subtitle
    {
    	color:#505050;
        font-weight: normal;
    }
    .news_box p a.news_subtitle:hover
    {
    	text-decoration:underline;
    }
    
    
      .wide_box {
        width: 697px;
        margin: 0px 0px 10px 0px;
        border: 1px solid #767a7d;
        background-image: url(/ocg_/images/2009/news_back.jpg);
        background-repeat: repeat-x;
        background-color: #fff;
    }
    .wide_box h4 {
        font-size: 13px;
        background-color: #767a7d;
        padding: 3px;
        color: #fff;
        font-weight: bold;
        margin: 0px;
    }
    .wide_box p {
        margin: 0px;
        padding: 3px;
        font-size: 12px;
        color:#505050;
        font-weight: normal;
    }
    .wide_box p a {
        
        text-decoration: none;
        font-weight: bold;
        color: #70A185;
    }
    .wide_box p a:hover {
        text-decoration: underline;
        font-weight: bold;
    }
    
    .wide_box p a.news_subtitle
    {
    	color:#505050;
        font-weight: normal;
    }
    .wide_box p a.news_subtitle:hover
    {
    	text-decoration:underline;
    }
    
/* LINK BOXES */
    .link_box {
        float: left;
        width: 226px;
        height: 108px;
        margin: 4px 3px 4px 3px;
    }
    .link_box h4 {
        display: block;
        background: url(/ocg_/images/2009/home_link_back.gif);/*link_header.jpg);*/
        font-size: 12px;
        color: #93eafe;
        height: 22px;
        padding: 7px 0px 0px 4px;
        margin: 0px 0px 1px 0px;
    }
    .link_box h4 a {
        color: #93eafe;
        text-decoration: none;
    }
    .link_box p {
        display: block;
        background: url(/ocg_/images/2009/home_link_body.gif);
        margin: 0px;
        font-size: 11px;
        font-weight: bold;
        height: 72px;
        padding: 4px;
        color: #fff;
    }
    
    .clientbox {
        width: 455px;
        height: 310px;
        padding: 0px;
        margin: 0px;
        background-image: url(/ocg_/images/2009/clientbox.jpg);
        background-repeat: no-repeat;
    }
    .clientbox .padding {
        padding: 40px;
    }
    
    /* BODY BUTTONS */
    .pagelinkwrapper {
        text-align: center;
        margin: 0 auto;
        width: 360px;
    }
    .pagelink {
        background-image: url(/ocg_/images/2009/body_button.gif);
        /*padding: 7px 0px 0px 7px;*/
        font-weight: bold;
        font-size: 12px;
        width: 360px;
        height: 29px;
        margin-bottom: 1px;
    }
    .pagelink:hover {
        background-image: url(/ocg_/images/2009/body_button_hover.gif);
        cursor: pointer;
    }
    .pagelink:hover .pagelinkinner {
        color: #000;
    }
    .pagelinkinner {
        padding: 7px 0px 0px 7px;
        text-decoration: none;
        color: #93eafe;
    }
    .pagelinkicon {
        display: none;
    }
    
    /* RESOURCES */
    .resources li {
        list-style-type: none;
        margin-bottom: 12px;
	    padding-left: 45px;
	    background-image: url(/ocg_/images/2009/icons/arrow.jpg);
        background-repeat: no-repeat;
    }
    .resarrow {
        
        height: 26px;
        width: 26px;
        float: left;
        margin-right: 20px;
        margin-bottom: 12px;
    }
    .document, .video, .webinars, .presentations, .linksblogs {
        background-repeat: no-repeat;
        background-position: right;
        width: 65px;
        height: 100px;
        float: left;
        margin-right: 20px;
    }
    .document {
        background-image: url(/ocg_/images/2009/icons/document.jpg);
    }
    .video {
        background-image: url(/ocg_/images/2009/icons/video.jpg);
    }
    .webinars {
        background-image: url(/ocg_/images/2009/icons/monitoricon.jpg);
    }
    .presentations {
        background-image: url(/ocg_/images/2009/icons/projectoricon.jpg);
    }
    .linksblogs {
        background-image: url(/ocg_/images/2009/icons/mouseicon.jpg);
    }
    h1 {
        font-size: 20px;
        margin-bottom: 0px;
    }
    h2 {
        font-size: 14px;
        font-weight: bold;
        color: #60a06f;
        margin-top: 0px;
        margin-bottom: 5px;
    }

.pagepanel {
	margin: 0px 0px 40px 0px;
}

table.news {
    width: 100%;
}
table.calendar {
    float: right;
}
table.calendar td {
    text-align: center;
    font-size: 11px;
}
table.calendar tr:first-child td {
    font-size: 14px;
}

/** courses **/
td.CourseTOC {font-size:8pt; font-weight:bold;}
td.CourseGroup {font-size:12pt; font-weight:bold; padding:10px 3px 3px 3px;}
td.CourseGroupTop {font-size:8pt; font-weight:normal; text-align:right; padding:15px 3px 3px 3px;}
td.CourseProduct {background-color:#999999; color:White; font-size:8pt; font-weight:bold; padding:2px 2px 2px 4px; border-bottom:solid 1px white; border-right:solid 1px white;}
td.CourseHeading {background-color:#cccccc; font-size:8pt; font-weight:bold; padding:3px; border-bottom:solid 1px white; border-right:solid 1px white;}

td.CourseDetailA {background-color:#dddddd; font-size:10px; padding:3px; border-bottom:solid 1px white; border-right:solid 1px white;}
td.CourseDetailB {background-color:#eeeeee; font-size:10px; padding:3px; border-bottom:solid 1px white; border-right:solid 1px white;}

a.CourseLink         {color:#000099; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a:link.CourseLink    {color:#000099; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a:visited.CourseLink {color:#000099; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a:active.CourseLink  {color:#d30000; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a:hover.CourseLink   {color:#d30000; font-size:10px; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration:underline;}

.coursedatesbox
{
	float:left;
	border: solid 1px red;
}
.datesboxheader
{
	background-color:Red;
	color:White;
	font-weight:bold;
	text-align:center;


}


    #partner {
        width: 700px;
        height: 76px;
        background-image: url(/ocg_/images/2009/msawards.jpg);
	 background-repeat: no-repeat;
        margin-top: 10px;
    }
    #partner2008 {
        display: none;
    }

/* shop */
    


.shop-main-content
{
    float:left;
    width: 625px;
}

.shop-rhs
{
    float:left;
    width: 312px;
    margin-left: 15px;
}

.shop-rhs-panel-content
{
    background-image: url(/ocg_/images/2009/shop-prods-bg.jpg);
    padding: 5px;
}

.shop-product-footer
{
    background: #5b5c5e;
    padding: 10px 10px 10px 20px;
}

.shop-product-footer a
{
    text-decoration: underline;
    color: white;
}

.shop-product-footer-cats
{
    padding-left: 10px;
    color: white;
}

.shop-product-info-bg
{
   background-image: url(/ocg_/images/2009/shop-prods-bg.jpg);
   background: #E0E0E0;
   padding: 8px;
}

.shop-product-add-to-basket
{
    float: right;
    padding: 4px;
}

.shop-product-title
{
    float: left;
    padding: 0px;
    font-weight:bold;
    background: #E0E0E0;
}

.shopslider
{
    background: #E0E0E0;
}

.shop-product-thumb
{
    float:left;
}

.shop-review-author
{
    margin-top: 10px;
}

.shop-review
{
    color: #00acd2;
    font-weight: bold;
}

#minibasket
{
    color: white;
    float: right;
    padding: 10px;
    
}

#minibasket img
{
    vertical-align: middle;
}

table.basket {
    border-bottom: 1px dotted #888;
    padding: 0px 0px 15px 0px;
    margin-bottom: 15px;
    width: 100%;
}

table.basket th
{
  background-image: url(/ocg_/images/2009/shop-cat-bar.jpg);
   height: 20px;
   color: white;
}

div.accountpanel
{
  background-image: url(/ocg_/images/2009/shop-cat-bar.jpg);
   height: 20px;
   color: white;
   padding: 4px 8px 4px 8px;
}
.basket_foot
{
  color:white;
  background: #5b5c5e;
}

.basket_details
{
  background: url(/app/images/store/basketbg.jpg);
  width:580px;
}

.basket_extra_instructions
{
  color:white;
  background:#8f9092;
}

.basket_qty
{
  background: #d6d7d9;
}

.basket_price
{
  background: #e2e2e2;
}

.basketbutton
{
  border:none;
  background:#c0c0c0;
  text-align:center;
  color: #d05030;
  cursor:pointer;
  padding:6px;
  width:140px;
  display:inline;
  font-weight:bold;
  
}