body {
	background-color:#e0e0e0;
	font-family:sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px auto 0px -1px;
	#margin:0px auto 0px -1px;
	background-image:url(../images/layout/website_bg_repeat_x.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
#website_container {
	padding:0px;
	background-image:url(../images/layout/website_bg_repeat_y.jpg);
	background-repeat:repeat-y;
	background-position:center;
	width:100%;
	text-align:center;
	float:left;
}
	#website_bottom_container {
		padding:0px;
		background-image:url(../images/layout/website_bg_bottom.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		width:100%;
		text-align:center;
		float:left;
	}
		#website_top_container {
			padding:0px;
			margin:0px auto 0px auto;
			width:1001px;
			_width:1000px;
			#width:1000px;
			text-align:center;
		}
		
		#body_container {
			#margin:0px auto 0px auto;
			text-align:left;
			width:100%;
			
			
		}


/*header*/

#website_header_container 
{
    padding:20px 60px 0px 60px;
    float:left;
    width:880px;
    background-image:url(../images/layout/website_bg_top.png);
	_background-image:url(../images/layout/website_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
    }
    
    #header_title_container 
    {   
        float:left;
        margin:20px 0px 0px 30px;
        }
    
    #website_header_container h1 
    {
        font-weight:normal;
        float:left;
        font-size:27px;
        color:#666;
        border-bottom:2px solid #666;
        padding:10px 0px 6px 0px;
        margin:0px;
        }
    #website_header_container h2 
    {
        float:left;
        clear:both;
        font-size:15px;
        color:#666;
        padding:0px 0px 0px 0px;
        font-weight:normal;
        margin:10px 0px 0px 5px;
        width:282px;
        
        }
    #website_header_container h2 span#header_phone_number
    {
        float:right;
        color:#858585;
        font-size:15px;
        padding:0px 50px 0px 0px;
        }
    #website_header_container h2 a 
    {
        float:left;
        text-decoration:none;
        color:#858585;
        padding:0px 0px 0px 0px;
    }
     #website_header_container h2 a:hover
    {
        color:#0583C3;
    }
   /* #header_divider 
    {
        margin:3px 0px 0px 8px;
        border-right:1px solid #666;
        height:24px;
        overflow:hidden;
        background-color:#666;
        width:0px;
        float:left;
        }*/
    #kamarin_header_logo 
    {
           float:left;
           margin:10px 0px 0px 20px;
        }
    #kamarin_header_logo img 
    {
           border:0px;
        }
    #microsoft_gold_partner_top 
    {
        float:left;
        margin:30px 0px 0px 0px;
        }
    #microsoft_gold_partner_top img
    {
        border:0px;
        }
    #microsoft_gold_partner_bottom 
    {
        float:right;
        margin:20px 10px 0px 0px;
        }
    #microsoft_gold_partner_bottom img
    {
        border:0px;
        }
    #header_contact_form 
    {
        float:right;
        background-image:url(../images/layout/header_contact_bg.jpg);
        width:252px;
        height:122px;
        margin:2px 5px 0px 0px;
        overflow:hidden;
        padding:0px;
        }
        #header_contact_form h3
        {
            float:left;
            clear:both;
            font-size:12px;
            padding:15px 0px 0px 25px;
            width:100%;
            margin:0px;
            }
        #header_contact_form  input, #header_contact_form a 
        {
            float:left;
             border:1px solid #aaa;
            }
        .header_contact_number 
        {
            clear:both;
            width:130px;
            padding:5px;
            margin:10px 0px 0px 20px;
            }
         .header_contact_name 
        {
            clear:both;
            width:89px;
            padding:5px;
            margin:6px 0px 0px 20px;
            }
        .number_watermark 
        {
            color:#666;
            width:130px;
            padding:5px;
            margin:10px 0px 0px 20px;
            }
        .name_watermark 
        {
            color:#666;
            width:89px;
            padding:5px;
            margin:6px 0px 0px 20px;
            }
        .header_contact_btn 
        {
            position:relative;
            padding:0px 0px 0px 0px;
            margin:-28px 0px 0px 127px;
            font-size:10px;
            clear:both;
            text-decoration:none;
            background-image:url(../images/layout/standard_btn_bg_repeat.jpg);
            background-position:0px 0px;
            color:#fff;
            }
         .header_contact_btn:hover
        {
            background-position:-29px -29px;
            }
        .we_call_you_thanks 
        {
            float:left;
            width:140px;
            margin:10px 0px 0px 25px;
            }
            
            
#header_navigation 
{
    float:left;
    width:860px;
    list-style:none;
    margin:0px;
    padding:0px 10px 0px 10px;
    }
#header_navigation li 
{
    float:left;
    list-style:none;
    margin:0px;
    }
#header_navigation li a 
{
    float:left;
    font-size:16px;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    cursor:hand;
    }
#header_navigation li a.off 
{
    color:#333;
    }
#header_navigation li a.off:hover 
{
    color:#666;
    cursor:pointer;
    cursor:hand;
    }

#header_navigation li a.off .header_nav_btn_left 
{
    float:left;
    }
#header_navigation li a.off .header_nav_btn_left .header_nav_btn_right
{
    float:left;
    padding:22px 19px 18px 19px;
    #padding:22px 19px 19px 19px;
    _padding:25px 19px 19px 19px;
    }
    
#header_navigation li a.on 
{
    color:#fff;
    background-image:url(../images/layout/header_nav_bg_repeat_x.jpg);
    _background-position:3px 3px;
    background-repeat:repeat-x;
    }

#header_navigation li a.on .header_nav_btn_left 
{
    float:left;
    background-image:url(../images/layout/header_nav_bg_left.jpg);
    background-position:top left;
    _background-position:3px left;
    background-repeat:no-repeat;
    }
#header_navigation li a.on .header_nav_btn_left .header_nav_btn_right
{
    float:left;
    padding:18px 25px 22px 25px;
    background-image:url(../images/layout/header_nav_bg_right.jpg);
    background-position:top right;
    _background-position:3px right;
    background-repeat:no-repeat;
    }
    
    
#main_image_container 
{
    
    width:100%;
    height:292px;
    margin:0px;
    _margin:-13px 0px 0px 0px;
    padding:0px;
    overflow:hidden;
    float:left;
    _float:none;
    z-index:0;
    }
   #main_image_container img
{
    float:left;
    clear:both;
    }
#main_image_container h1 
{
    font-size:12px;
    border:0px;
    margin:0px;

    padding:16px 0px 0px 10px;
    color:#333;
    width:860px;
    overflow:hidden;
    clear:both;
    
    }
    
.main_content_container
{
    float:right;
    width:645px;
    padding:0px 61px 0px 0px;
    _margin:0px 0px -20px 0px;
    font-size:12px;
    line-height:150%;
    color:#333;
    }
.main_content_container h1 
{
    font-size:16px;
    color:#0583c3;
    padding: 5px 0px 15px 0px;
    margin:0px 0px 0px 0px;
    }
.main_content_container h2
{
    font-size:14px;
    color:#0583C3;
    padding: 5px 0px 15px 0px;
    margin:0px 0px 15px 0px;
    border-bottom:1px solid #d1d1d1;
    }
.main_content_container p 
{
    padding:0px 0px 15px 0px;
    margin:0px;
    }
.main_content_container p a
{
    color:#076fa4;
    text-decoration:none;
    font-weight:bold;        
    }
.main_content_container p a img
{
    border:0px;       
    }
.main_content_container p a:hover
{
    color:#0583c3;
    text-decoration:underline;
    font-weight:bold;        
    }
.main_content_container p.last 
{
    padding:0px 0px 0px 0px;
    margin:0px;
    }
.inner_content_container
{
    float:left;
    width:620px;
    padding:15px 0px 15px 8px;
    _padding:15px 0px 0px 8px;
    overflow:hidden;
    }
.inner_content_container ul
{
    margin-top:0px;
    padding:0px 0px 0px 50px;
    _padding:0px 0px 0px 0px;
    }
    .inner_content_container ul a
{
    color:#666;
    text-decoration:none;
    }
    .inner_content_container ul a:hover
{
    color:#006b5b;
    text-decoration:underline;
    }

  .inner_content_container h4
{
    font-size:12px;
    font-weight:bold;
    margin:10px 0px 5px 0px;
    color:#375EAB;
    } 
    
    .inset_image 
    {
        float:left;
        padding:15px;
        margin:0px 15px 5px 0px;
        } 
    .inset_image.right 
    {
        float:right;
        padding:15px;
        margin:0px 0px 5px 15px;
        }
        
        
        #contact_right 
        {
            float:right;
            width:220px;
            padding:0px 0px 0px 25px;
            border-left:1px solid #d1d1d1;
            margin:0x 0px 0px 15px;
            }
        #contact_left 
        {
            float:left;
            width:350px;
            }
            
            .contact_line 
            {
                float:left;
                width:100%;
                clear:both;
                padding:0px 0px 5px 0px;
                font-weight:bold;
                              
                }
                .contact_text 
                {
                    float:left;
                    width:100px;
                    text-align:right;
                    padding:0px 10px 0px 0px;
                    margin:5px 0px 0px 0px;                    }
                .contact_input_box 
                {
                    float:left;
                    padding:5px;
                    border:1px solid #d1d1d1;
                    width:200px;
                    }
                .contact_text_area 
                {
                    float:left;
                    padding:5px;
                    border:1px solid #d1d1d1;
                    width:200px;
                    font-family:sans-serif;
	                font-size:12px;
                    }
    
    
    
#main_content_right_column 
{
    float:right;
    width:184px;
    padding:0px 0px 0px 15px;
    border-left:1px solid #aaa;
    }

#main_content_left_column 
{
    float:left;
    width:405px;
    padding:0px 15px 0px 0px;
    }

/*news item*/
.news_item_container 
{
    float:left;
    clear:both;
    cursor:pointer !important;
    cursor:hand !important;
    width:184px;
    background-image:url(../images/layout/index_news_item_bg_repeat_y.jpg);
    color:#333;
    text-decoration:none;
    margin:0px 0px 15px 0px;
    padding:0px 0px 0px 0px;
    }
.news_item_container img
{
    border:0px !important;
    text-align:center;
    }
.news_item_container:hover .news_item_read_more 
{
    text-decoration:underline;
    color:#375EAB;
    }
.news_item_container.first 
{
    margin:-15px 0px 15px 0px !important;
    }
.news_item_container.last 
{
    margin:0px 0px 0px 0px !important;
    }

.news_item_container .date_container 
{
    float:left;
    clear:both;
    width:66px;
    _width:65px;
    #width:65px;
    background-image:url(../images/layout/index_news_item_top.jpg);
    background-position:top;
    background-repeat:no-repeat;
    font-size:9px;
    padding:8px 7px 0px 112px;
    text-align:center;
    }
.news_item_container .news_item_title 
{
    float:left;
    clear:both;
    background-color:#f1f1f1;
    border-bottom:1px solid #d1d1d1;
    font-size:12px;
    padding:5px 12px 8px 12px;
    width:158px;
    margin:0px 0px 0px 1px;
    }  
.news_item_container .news_item_inner_container
{
    float:left;
    clear:both;
    font-size:11px;
    padding:10px 10px 10px 10px;
    width:158px;
    }
.news_item_container .news_item_inner_container p
{

    padding:10px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    }  
.news_item_container .news_item_image 
{
    /*float:left;*/
    /*border:1px solid #d1d1d1;*/
    margin:0px 0px 0px 0px;
    float:none;
    
    }
.news_item_container .news_item_read_more 
{
    float:left;
    clear:both;
    width:65px;
    background-image:url(../images/layout/index_news_item_bg_bottom.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    font-size:9px;
    padding:3px 7px 5px 112px;
    text-align:left;
    background-color:#f1f1f1;
    border-top:1px solid #d1d1d1;
    }
    .index_news_image_container 
    {
        width:162px;
        overflow:hidden;
        text-align:center !important;
        border:1px solid #d1d1d1;
        display:block;
        }
    .index_news_image_container img
    {
        width:142px;
        }

    
    
    
      
#left_column 
{
    float:left;
    width:230px;
    padding:0px 0px 0px 61px;
    }
    #left_navigation 
    {
        float:left;
        width:230px;
        list-style:none;
        margin:0px;
        padding:10px 0px 6px 0px;
        #margin:0px 0px 0px 0px;
        overflow:hidden;       
        }
        #left_navigation li 
        {
            float:left;
            width:100%;
            list-style:none;
            margin:0px;
            padding:0px;    
            }
            #left_navigation li a.off 
            {
                float:left;
                width:205px;
                color:#333;
                text-decoration:none;
                font-size:12px;
                padding:12px 0px 12px 25px;
                }
            #left_navigation li a.off:hover 
            {
                text-decoration:underline;
                color:#0583c3;
                }
            #left_navigation li a.on
            {
                float:left;
                width:205px;
                color:#fff;
                text-decoration:none;
                background-image:url(../images/layout/left_nav_btn_bg.jpg);
                background-position:-1px -3px;
                background-repeat:no-repeat;
                font-size:12px;
                padding:12px 0px 12px 25px;
                }
            #left_navigation li a.on.open_day 
            {
                font-weight:bold;
                }
                #open_day_arrow 
                {
                    font-size:19px; 
                    float:left;
                    margin:-5px 5px 0px 0px;
                    }
                
    
/*footer*/
#website_footer_container 
{
   width:900px;
   margin:0px auto 0px auto; 
   height:200px;
   float:left;
   text-align:center;
   padding:0px 50px 0px 50px;
    }
#website_footer_container ul 
{
    width:878px;
    float:left;
    list-style:none;
    margin:24px 0px 24px 0px;
    padding:0px 10px 0px 15px;
    }
#website_footer_container ul li 
{
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;
    }
#website_footer_container ul li a.off
{
    float:left;
    margin:0px;
    padding:4px 7px 4px 8px;
    border-right:1px solid #666;
    color:#666;
    text-decoration:none;
    }
#website_footer_container ul li a.off:hover
{
    color:#0583c3;
    }
#website_footer_container ul li a.last
{
    border-right:0px solid #666;
    }
#website_footer_container ul li a.last.on
{
    border-right:0px solid #666;
    }
#website_footer_container ul li a.on
{
    float:left;
    margin:0px;
    padding:4px 7px 4px 8px;
    border-right:1px solid #666;
    color:#0583c3;
    text-decoration:underline;
    }
    
#footer_content 
{
   float:left;  
   width:100%;
   color:#333;
    }
    #footer_address 
    {
            float:left;
            padding:22px 0px 0px 35px;
            text-align:left;
            font-size:12px;
            line-height:17px;
        }
    #footer_logo_link 
    {
        float:right;
        margin:8px 30px 0px 0px;
        }
    #footer_logo_link img
    {
        border:0px;
        }
    #footer_content a 
    {
        text-decoration:none;
        color:#333;
        }
    #footer_content a:hover
    {
        text-decoration:underline;
        }
    #footer_small_print 
    {
        font-size:10px;
        color:#999;
        }
    #footer_small_print a 
    {
        font-size:10px;
        color:#999;
        }
    #footer_small_print a:hover 
    {
        text-decoration:underline;
        }
  
  
  
  .more_information_container
{
    float:left;
    clear:both;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
    }  
    .more_information_container h3
{

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
   
    } 
    
    
/*flash*/
#index_flash_container 
{
    float:left;
    margin:0px 0px 0px -300px;
    position:absolute;
    z-index:100;
    top:210px;
    left:50%;
    }  
    
/*accordian*/
#hbp_toggle 
{
    background-image:url(../images/accordian/propeg.jpg);
    }
#accounts_toggle
{
    background-image:url(../images/accordian/award_winning_accounts_systems.jpg);
    }
#crm_toggle
{
    background-image:url(../images/accordian/customer_relationship_management.jpg);
    }
#epos_toggle
{
    background-image:url(../images/accordian/accounts_integrated_epos.jpg);
    }
#computer_networking_toggle
{
    background-image:url(../images/accordian/computer_networking.jpg);
    }
#web_design_toggle
{
    background-image:url(../images/accordian/web_design_and_internet_services.jpg);
    }

.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 273px !important;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			cursor: pointer;
			margin: 0 0 0 0;
			overflow:hidden;
}
.horizontal_accordion_toggle span 
{
    margin:-50px 0px 0px 0px;
    width:500px;
    font-size:10px;  
    float:left;  
}

		
		.horizontal_accordion_toggle_active {
			background-position:0px -274px;
            /*border-right:1px solid #999;*/
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 265px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			color: #444444;
			width:450px;
			background-color:#e7e7e7;
			margin:1px 0px 0px 0px;
		}
			
			.horizontal_accordion_content p {
				width: 380px;
				line-height: 150%;
				padding: 15px 15px 15px 15px;
				overflow:hidden;
				float:left;
				margin:0px;
			}
			.horizontal_accordion_content p.first {
				padding: 5px 15px 15px 15px;
			}
			.horizontal_accordion_content h1 {
				width: 380px;
				line-height: 150%;
				padding: 15px 10px 5px 15px;
				overflow:hidden;
				float:left;
				margin:0px;
			}
#grow_your_business_accordian_image 
{
    float:left;
    margin:5px 0px 0px 30px;
    }
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 5px 0px 0px -2px;
      width: 630px;
      _width: 630px;  
      height: 270px;
      overflow:hidden;
      background-image:url(../images/accordian/bg.jpg);
      background-position:top left;
      background-repeat:no-repeat;
      padding:13px 0px 5px 10px;
      float:left;
    }
.accordian_overflow 
{
    float:left;
    width:430px;
    height:272px;
    overflow:auto;
    margin:0px 0px 0px 0px;
    scrollbar-base-color: #f1f1f1;
    scrollbar-arrow-color: #333;
    scrollbar-3dlight-color: #d1d1d1;
    scrollbar-darkshadow-color: #d1d1d1;
    scrollbar-face-color: #f1f1f1;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #f1f1f1;
    scrollbar-track-color: #f1f1f1;
    background-color:#fff;
    border-right:1px solid #d1d1d1;
    }
#computer_networking_overflow {}

/*testimonials*/
.testimonial_container 
{
    float:left;
    clear:both;
    border-bottom:1px solid #d1d1d1;
    margin:0px 0px 15px 0px;
    padding:0px 0px 15px 0px;
    width:100%;
    }
.testimonial_container.last 
{
    float:left;
    clear:both;
    border-bottom:0px solid #d1d1d1;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
    }
.testimonial_right 
{
    float:right;
    width:450px;
    padding:15px 0px 0px 0px;
    margin:0px;
    }
.testimonial {}
.testimonial_name 
{
    font-style:italic;
    color:#666;
    }
.testimonial_left 
{
    float:left;
    width:150px;
    height:150px;
    border:1px solid #d1d1d1;
    background-color:#d1d1d1;
        }
p.testimonial_case_study 
{
    padding-bottom:0px;
    margin-bottom:0px;
    }
    
    
/*jobs*/
.job_container 
{
    float:left;
    clear:both;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
    }
p.sub_job_title 
{
    border-bottom:1px solid #d1d1d1;
    margin:0px 0px 15px 0px;
    }
    
.more_information 
{
    float:left;
    border:1px solid #d1d1d1;
    background-color:#f1f1f1;
    width:588px;
    margin:15px 0px 0px 0px;
    padding:15px;
    clear:both;
    }
.more_information h3 
{
    float:left;
    clear:both;
    font-size:12px;
    padding:0px 0px 0px 0px;
    color:#0583C3;
    width:580px;
    }
.more_information_form 
{
    float:left;
    padding:15px;
    width:556px;
    border:1px solid #d1d1d1;
    background-color:#fbfbfb;
    margin:15px 0px 0px 0px;
    clear:both;
    }
    .more_information_input
    {
        float:left;
        padding:5px;
        border:1px solid #d1d1d1;
        color:#000;
        margin:0px 10px 0px 0px;
        #margin:0px 8px 0px 0px;
        width:150px;
        }
    .more_information_input_watermark
    {
        float:left;
        padding:5px;
        border:1px solid #ccc;
        color:#666;
        margin:0px 10px 0px 0px;
        #margin:0px 8px 0px 0px;
        width:150px;
        }
    .more_information_go_btn 
    {
        float:right;
        padding:3px 5px 3px 5px;
        border:1px solid #d1d1d1;
        }
    .closing_date 
    {
           float:right;
           font-weight:normal;
           color:#000;
           font-size:10px;
                 }
    .job_ref 
    {
        float:right;
        font-size:10px;
        margin:0px 0px 0px 0px;
        }
    .divider 
    {
        font-size:14px;
        color:#d1d1d1;
        border-right:1px solid #d1d1d1;
        width:1px;
        }
        
    .apply_for_job_right 
    {
        float:right;
        width:385px;
        overflow:hidden;
        }
    .apply_for_job_left 
    {
        float:left;
        width:168px;
        overflow:hidden;
        }
    .apply_for_job_left .more_information_input 
    {
        margin:0px 0px 10px 0px;
        }
    .apply_for_job_additional_information 
    {
        float:left;
        width:373px;
        height:92px;
        border:1px solid #d1d1d1;
        font-family:sans-serif;
        padding:5px;
        color:#006b5b;
        }
    .apply_for_job_upload_container 
    {
        float:left;
        width:100%;
        border-top:1px solid #d1d1d1;
        margin:15px 0px 0px 0px;
        padding:15px 0px 0px 0px;
        }
    .apply_for_job_upload_text_container 
    {
        float:left;
        width:100%;
        }
    .apply_for_job_upload_text 
    {
        float:left;
        width:247px;
        font-weight:bold;
        }
    .more_information_upload 
    {
        float:left;
        border:1px solid #d1d1d1;
        padding:5px;
        margin:0px 7px 0px 0px;
        width:240px;
        }
        
    .job_apply_accordian 
    {   
        float:left;
        width:500px;
        overflow:hidden;
        padding:0px;
        margin:0px;
        border:0px;
        }
    .accordian_pane 
    {
        float:left;
        width:100%;
        clear:both;
        }
        
        
/* map */
#map_container 
{
    float:left;
    background-color:#f1f1f1;
    border:1px solid #d1d1d1;
    padding:15px;
    width:588px;
    height:588px;
    clear:both;
    overflow:hidden;
    }
    #map 
    {
        float:left;
        width:586px;
        height:586px;
        border:1px solid #d1d1d1;
        margin:0px;
        padding:0px;
        }
        
        #map_marker 
        {
            float:left;
            width:220px;
            overflow:hidden;
            text-align:center;
            padding:10px 0px 10px 0px;
            }
        .map_links 
        {
            font-size:10px;   
            }
        .map_links a
        {
            font-size:10px;
            color:#666;
            text-decoration:none;
            }
        .map_links a:hover
        {
            font-size:10px;
            color:#006b5b;
            text-decoration:underline;
            }
        #additional_map_controls 
        {
            float:left;
            border:1px solid #d1d1d1;
            border-top:1px solid #f1f1f1;
            padding:0px 15px 15px 15px;
            background-color:#f1f1f1;
            margin:-1px 0px 0px 0px;
            }
        #additional_map_controls a
        {
            text-decoration:none;
            color:#fff;
            border:1px solid #d1d1d1;
            background-color:#fbfbfb;
            padding:5px 10px 5px 10px;
            float:left;
            background-image:url(../images/layout/standard_btn_bg_repeat.jpg);
            background-position:0px 0px;
            }
        #additional_map_controls a:hover
        {
            background-position:0px -29px;
            }

#events_container 
{
    float:left;
    width:100%;
    overflow:hidden;
    border-top:1px solid #d1d1d1;
    margin:15px 0px 0px 0px;
    padding:15px 0px 0px 0px;
    }
    
    .event 
    {
        float:left;
        clear:both;
        width:100%;
        padding:0px 0px 0px 0px;
        margin:0px 0px 15px 0px;
        background-image:url(../images/layout/index_event_item_bg_repeat_y.jpg);
        color:#333;
        text-decoration:none;
        overflow:hidden;
        cursor:pointer;
        cursor:hand;
      
        }
    .event h3 
    {
        font-size:12px;
        }
    .event:hover
    {
        text-decoration:none !important;
        color:#333 !important;
        }
    .event:hover .event_item_read_more
    {
        text-decoration:underline;
        color:#375EAB;
        }
        .event_top_line_container 
        {
            float:left;
            width:100%;
            background-image:url(../images/layout/index_event_item_top.jpg);
            background-position:top;
            background-repeat:no-repeat;
            padding:5px 0px 0px 0px;
            }
            .event_top_line_inner 
            {
                background-color:#f1f1f1;
                border-bottom:1px solid #d1d1d1;
                margin:1px;
                float:left;
                width:403px;
                
                }
        .event .date_container
        {
            float:right;
            width:100px;
            font-size:11px;
            padding:4px 0px 0px 0px;
            margin:0px 0px 0px 0px;
            text-align:center;
            font-weight:normal !important;
        }
        .event .event_item_title
        {
            float:left;
            width:280px;
            text-transform:capitalize;
            padding:5px 0px 8px 15px;
            margin:0px 0px 0px 0px;
            text-align:left;
        }
        .event_bottom_line_container 
        {
            float:left;
            clear:both;
            width:100%;
            background-position:bottom;
            background-repeat:no-repeat;
            background-image:url(../images/layout/index_event_item_bottom.jpg);
            padding:0px 0px 5px 0px
            
            }
            .event_item_read_more 
            {
                float:left;
                border-top:1px solid #d1d1d1;
                font-size:9px;
                padding:5px 3px 2px 335px;
                background-color:#f1f1f1;
                margin:1px;
                width:65px;
                }
                .event_item_inner_container 
                {
                    float:left;
                    width:373px;
                    padding:15px 15px 15px 15px;
                    }
                .event_item_image 
                {
                    float:left;
                    padding:15px;
                    border:1px solid #d1d1d1;
                    margin:0px 15px 15px 0px;
                    max-width:583px;
                    }
                    .view_container 
                    {
                        float:left;
                        width:615px;
                        overflow:hidden;
                      
                        }
                        .view_container a
                    {
                        color:#0036AD;
                        font-weight:bold;
                        text-decoration:none;
                      
                        }
                        
                        .view_container a:hover
                    {
                        color:#046FC1;
                        font-weight:bold;
                        text-decoration:underline;
                      
                        }
                    .item_title 
                    {
                        font-weight:bold;
                        font-size:14px;
                        }
                        
.register_trigger 
{
    font-weight:bold;
    color:#006b5b;
    }
.register_trigger:hover 
{
    font-weight:bold;
    color:#006b5b;
    text-decoration:underline;
    cursor:pointer;
    cursor:hand;
    }  
.event_accordian_pane 
{
    float:left;
    width:583px;
    border:1px solid #d1d1d1;
    background-color:#f1f1f1;
    padding:15px;
    margin:15px 0px 0px 0px;
    }  
.event_reg_line 
{
    float:left;
    clear:both;
    width:100%;
    padding:0px 0px 5px 0px;
    }   
.event_reg_text 
{
    float:left;
    width:110px;
    padding:5px 10px 0px 0px;
    font-weight:bold;
    color:#000;
    
    }  
.standard_text_box 
{
    float:left;
    padding:5px;
    border:1px solid #d1d1d1;
    width:488px;
    }
#up_btn 
{
    
    }            
                        
   
/* login */
.login_line 
{
    float:left;
    width:100%;
    clear:both;
    padding:0px 0px 5px 0px;
    }
    .login_text 
    {
        float:left;
        width:80px;
        font-weight:bold;
        padding:5px 0px 0px 0px;
        }
    .login_input 
    {
        float:left;
        width:300px;
        border:1px solid #d1d1d1;
        padding:5px;
        }
        
        
/* edit controls */
.edit_controls_bar 
{
    float:left;
    padding:5px;
    border:1px solid #d1d1d1;
    background-color:#f1f1f1;
    width:607px;
    margin:0px 0px 15px 0px;
    }

.edit_control_btn 
{
    float:left;
    border:1px solid #d1d1d1;
    background-color:#fff;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    color:#000;
    margin:0px 3px 0px 0px;
    }
.edit_control_btn:hover 
{
    float:left;
    background-color:#fff;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    margin:0px 3px 0px 0px;
    background-color:#006b5b;
    color:#fff;
    border:1px solid #d1d1d1;
    }
.edit_control_btn_active
{
    text-decoration:none;
    padding:5px 10px 5px 10px;
    margin:-19px 3px 0px 0px;
    background-color:#006b5b;
    color:#fff;
    border:1px solid #d1d1d1;
    float:left
    }
 .edit_control_btn_prev
{
    border:1px solid #d1d1d1;
    background-color:#fff;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    color:#000;
    margin:0px 3px 0px 0px;
    float:left;
    }
 .edit_control_btn_next
{

    border:1px solid #d1d1d1;
    background-color:#fff;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    color:#000;
    margin:-19px 0px 0px 0px;
    float:right;
    }
.edit_control_btn_center
{

    border:1px solid #d1d1d1;
    background-color:#fff;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    color:#000;
    margin:-19px 3px 0px 0px;
    float:left
    }
.edit_control_btn_center:hover, .edit_control_btn_prev:hover, .edit_control_btn_next:hover
{
    background-color:#006b5b;
    text-decoration:none;
    color:#fff;
    }

 #upload_image 
 {
     float:right;
     margin:0px;
     }

.date_container 
{
    float:right;
}
.news_date_container 
{
    float:right;
    color:#333;
    font-size:12px;
    font-weight:bold;
    }
.news_title_container 
{
        float:left;
        width:500px;
        padding:0px 0px 15px 0px;
    }
.back_btn 
{
    float:left;
    clear:both;
    width:100%;
    border-top:1px solid #d1d1d1;
    padding:15px 0px 0px 0px;
    margin:15px 0px 0px 0px;
    color:#375EAB;
    text-decoration:none;
    font-weight:bold;
    }
.back_btn:hover 
{
    text-decoration:underline;
    }

.item_edit_line 
{
    float:left;
    width:100%;
    clear:both;
    border-bottom:1px solid #d1d1d1;
    padding:0px 0px 15px 0px;
    margin:0px 0px 15px 0px;
    }
.insert_text 
{
    float:left;
    width:80px;
    font-weight:bold;
    color:#000;
    padding:5px 0px 0px 0px;
    }
.insert_input 
    {
        float:left;
        width:500px;
        border:1px solid #d1d1d1;
        padding:5px;
        }
        
.event_image_container 
{
    float:left;
    padding:0px 15px 15px 0px;
    }
.event_image_container img
{
    float:left;
    }
.event_item 
{
    float:left;
    width:100%;
    clear:both;
    border-bottom:1px solid #d1d1d1;
    padding:0px 0px 15px 0px;
    margin:0px 0px 15px 0px;
    text-decoration:none;
    color:#333;
    cursor:pointer;
    cursor:hand;
    }
.event_title_container 
{
    float:left;
    width:100%;
    clear:both;
    padding:5px 0px 15px 0px;
    font-size:16px;
    color:#006b5b;
    margin:0px 0px 0px 0px;
    font-weight:bold;
    }
    .event_title_date 
    {
        float:right;
        }
.event_article_container 
{
    float:left;
    width:100%;
    clear:both;
    }
.event_read_more 
{
    float:left;
    width:598px;
    background-color:#f1f1f1;
    border:1px solid #d1d1d1;
    text-align:right;
    font-size:10px;
    padding:5px 10px 5px 10px;
    margin:15px 0px 0px 0px;
    }
    .event_item:hover
    {
        text-decoration:none !important;
        }
    .event_item:hover .event_read_more 
    {
        color:#006b5b;
        text-decoration:underline !important;
        }
        
.pager
{
    float:left;
    width:598px;
    clear:both;
    border:1px solid #d1d1d1;
    background-color: #f1f1f1;
    padding:10px;
    }
.item_not_active 
{
    float:left;
    width:100%;
    border-bottom:1px solid #d1d1d1;
    padding:0px 0px 15px 0px;
    margin:0px 0px 15px 0px
    }
    .insert_checkbox 
    {
        float:left;
        margin:4px 0px 0px 0px;
        }
        
#image_upload_container 
{
    float:left;
    width:100%;
    padding:15px;
    }
    #image_upload_container h1 
    {
        float:left;
        width:100%;
        padding:10px 15px 10px 15px;
        border:1px solid #d1d1d1;
        background-color:#f1f1f1;
        margin:0px 0px 15px 0px;
        font-size:16px;
    }
    .image_upload_control_panel 
    {
        float:left;
        width:100%;
        background-color:#f1f1f1;
        border:1px solid #d1d1d1;
        padding:0px 0px 10px 0px;
        }
    .uploaded_image_container 
    {
        width:100%;
        overflow:hidden;
        }
    .uploaded_image_container img
    {
        width:290px;
        }
        
    .written_by 
    {
        float:left;
        width:100%;
        clear:both;
        padding:15px 0px 0px 0px;
        color:#293974;
        text-align:right;
        }
        
.news_article_image 
{
    float:left;
    padding:15px;
    border:1px solid #d1d1d1;
    margin:0px 15px 15px 0px;
    max-width:583px;
    }
.news_article_image_small
{
    float:left;
    padding:15px;
    border:1px solid #d1d1d1 !important;
    margin:0px 15px 15px 0px;
    width:100px;
    }
.event_image_index 
{
    float:left;
    padding:15px;
    width:150px;
    border:1px solid #d1d1d1;
    margin:0px 15px 15px 0px;
    }
.news_image_index 
{
    /*border:1px solid #d1d1d1 !important;*/
    padding:10px;
    display:block;
    }
    .index_image_container 
    {
        float:left;
        width:100%;
        text-align:center;
        }
    
    
/*news and events */
#news_and_events_container 
{
    float:left;
    width:100%;
    background-image:url(../images/layout/divider.jpg);
    background-position:top;
    background-repeat:repeat-y;
    margin-bottom:15px;
    }
#news_and_events_container a.more 
{
    color:#0583C3;
    text-decoration:none;
    font-weight:bold;
}
#news_and_events_container a.more:hover 
{
    color:#0583C3;
    text-decoration:underline;
    font-weight:bold;
}
#news_left 
{
    float:left;
    width:290px;
    }
#events_right 
{
    float:right;
    width:290px;
    }
    
.clear_all 
{
    float:left;
    width:100%;
    height:0px;
    }

    
    
/* news and events */

.generic_item 
{
    float:left;
    width:100%;
    clear:both;
    color:#333;
    text-decoration:none;
    margin:0px 0px 15px 0px;
    border-top:1px solid #d1d1d1;
    cursor:pointer;
    cursor:hand;
    }
.generic_image 
{
    float:left;
    padding:5px;
    border:1px solid #d1d1d1;
    margin:0px 15px 15px 0px;
    }
.generic_read_more 
{
    float:left;
    background-color:#f1f1f1;
    border:1px solid #d1d1d1;
    text-align:right;
    font-size:10px;
    color:#333;
    text-decoration:none;
    clear:both;
    width:270px;
    padding:5px 10px 5px 10px;
    margin:15px 0px 0px 0px;
    }
.generic_item:hover .generic_read_more 
{
    color:#0241B2;
    text-decoration:underline;
    }
.generic_title 
{
    float:left;
    width:100%;
    font-size:14px;
    color:#0583C3;
    font-weight:bold;
    padding:15px 0px 15px 0px;
    }
.generic_date 
{
    float:right;
    font-size:10px;
    color:#333;
    margin:3px 0px 0px 0px;
    }
.generic_title_text 
{
    float:left;
    width:190px;
    }
    
    
    
/*get directions*/

#directions_get_container 
{
    float:left;
    clear:both;
    width:100%;
    }
    
    #directions_get_container h2
{
    float:left;
    clear:both;
    width:100%;
    margin:15px 0px 15px 0px;
    } 
    #fromAddress 
    {
        float:left;
        padding:5px 5px 5px 5px;
        border:1px solid #d1d1d1;
        background-color:#f1f1f1;
        width:551px;   
        }
    #directions_btn 
    {
        float:left;
        border:1px solid #d1d1d1;
        background-image:url(../images/layout/standard_btn_bg_repeat.jpg);
        background-position:0px 0px;
        color:#fff;
        padding:4px 18px 4px 18px;
        text-decoration:none;
        margin:0px 0px 0px 3px;
        
        }
    #directions_btn:hover 
    {
        background-position:0px -28px;
        }
    #directions 
    {
        float:left;
        width:620px;
        padding:0px;
        margin:10px 0px 0px 0px;
        }
    #directions a 
    {
        font-weight:bold;
        color:#006b5b;
        text-decoration:none;
        }
    #directions a:hover 
    {
        color:#000;
        }
        
        
 /*site map*/
 ul.site_map a 
 {
    color:#666;
    text-decoration:none;  
     }
 ul.site_map li a:hover 
 {
    color:#006b5b;
    text-decoration:underline;  
     }
     
 #accounts_images 
 {
     height:220px;
     margin:0px 0px 20px 0px;
    }
 #accounts_images img 
 {
     border:0px;
     }
     
     
     
 /* consumables */
 .consumables 
 {
     width:100%;
     border-bottom:1px solid #d1d1d1;
     padding:0px 0px 15px 0px;
     margin:0px 0px 20px 0px;
     line-height:15px;
     font-size:11px;
     }
     .consumables thead 
     {
         background-color:#666;
         }
     .consumables thead .product_quantity 
     {
        text-align:center;   
         }
  .consumables th
 {
     padding:10px 0px 10px 0px;
     height:10px;
     border-top:1px solid #d1d1d1;
     background-color:#666 !important;
     font-size:12px;
     color:#fff;
     }
     .consumables th.line_pad
 {
     background-color:#666 !important;
     }
     .consumables tfoot
 {
     height:10px;
     border-top:1px solid #d1d1d1;
     background-color:#666;
     }
     .consumables tfoot td
 {
     height:10px !important;
     border-top:1px solid #d1d1d1;
     background-color:#666 !important;
     }
 .consumables td
 {
     padding:10px 0px 10px 0px;
     height:30px;
     border-top:1px solid #d1d1d1;
     }
     
 .product_type 
 {
     width:40px;
     font-size:10px;
     }
 .consumables_text_box 
 {
     width:50px;
     }
 .product_quantity 
 {
     width:80px;
     }
 .product_price_break, .product_price 
 {
     width:80px;
     text-align:center;
     
     }
 .product_title 
 {
    font-weight:bold; 
    font-size:12px;
     }
 .alt_line 
 {
     background-color:#f1f1f1;
     }
.quantity_type 
{
    font-weight:normal;
    font-size:10px;
    font-style:italic;   
    }
.line_pad 
{
    width:10px;
    border-top:1px solid #d1d1d1;
    }
.product_total 
{
    width:50px;
    text-align:right;
    }
    
.star 
{
    color:#ff0000;
    }
    
.product_button 
{
    float:right;
    width:80px;
    text-align:center;
    color:#000;
    background-color:#f2f2f2;
    border:1px solid #d1d1d1;
    padding:5px;
    text-decoration:none;
    margin:0px 10px 0px 0px;
    }
.consumables_text_box 
{
    border:1px solid #d1d1d1;
    font-size:11px;
    padding:3px 0px 3px 0px;
    }
    .consumables_quantity_box 
{
    border:1px solid #d1d1d1;
    font-size:11px;
    padding:3px 0px 3px 0px;
    width:60px;
    text-align:center;
    float:left;
    margin:0px 0px 0px 8px;
    background-color:#fff;
    }
.total_price 
{
    float:right;
    font-size:16px;
    color:#ff0000;
    }
    
    
/* open day registration */
#hbp_open_day_link 
{
    text-decoration:none;
    color:#333;
    padding:0px 0px 15px 0px;
    border-bottom:1px solid #d1d1d1;
    margin:0px 0px 15px 0px;
    float:left;
    cursor:pointer;
    cursor:hand;
    background-position:0px 0px;
    }
#hbp_open_day_link:hover 
{
    background-position:0px -142px;
    }
#hbp_open_day_link_image_container 
{
    float:left;
    overflow:hidden;
    height:142px;
    }
#hbp_open_day_link img 
{
    float:left;
    border:0px;
    margin:0px 0px 0px 0px;
    }
#hbp_open_day_link:hover img 
{
    margin:-142px 0px 0px 0px;
    }  
#hbp_open_day_link_text 
{
    float:left;
    width:376px;
    padding:0px 15px 0px 15px;
    }
#hbp_open_day_link:hover #hbp_open_day_link_read_more
{
    text-decoration:underline;
    }
#hbp_open_day_link_read_more 
{
    float:right;
    font-size:10px;
    padding:10px 15px 0px 0px;
    }
#OpenDayRegistration 
{
    clear:both;
    padding:0px 0px 0px 0px;
    }
#OpenDayRegistration table 
{
    width:100%;
    padding:0px 0px 0px 0px;
    }
#OpenDayRegistration table td 
{
    padding:5px;
    }
#OpenDayRegistration table td.time
{
    width:20%;
    font-weight:bold;
    vertical-align:top;
    }
#OpenDayRegistration table td.tick
{
    width:10%;
    vertical-align:top;
    }
/* /open day registration */

/* =========================== */
/*         VAT Changes         */
/* =========================== */

#helpsheet_outer 
{
    margin:0px 0px 290px 80px;
    #margin:0px 0px 15px 80px;
    _margin:0px 0px 15px 80px;
    width:500px;
}

#vat_box_outer 
{
    float:left;
}

.vat_box 
{
    float:left;
    padding:5px;
    width:120px;
    height:120px;
    text-align:center;
    border:1px solid #D1D1D1;    
    margin:0px 11px 10px 11px;   
}

    .vat_box img 
    {
        border:none;
    }
        
        .vat_box a 
        {
            padding:0px 0px 5px 0px;
            color:#0583C3;
        }
        
            .vat_box a:hover 
            {
                color:#000;
            }

#vat_box_last
{
    float:left;
    padding:5px;
    width:120px;
    height:120px;
    text-align:center;
    border:1px solid #D1D1D1;    
    margin:0px 11px 10px 166px;
    _margin:0px 11px 10px 88px;
    
}

    #vat_box_last img 
    {
        border:none;
    }
        
        #vat_box_last a 
        {
            padding:0px 0px 5px 0px;
            color:#0583C3;
        }
        
            #vat_box_last a:hover 
            {
                color:#000;
            }
            
#VAT_Utilities 
{
    margin:0px 0px 0px 0px;
}            
            
            
 .utilities_box 
 {
    float:left;
    padding:5px;
    width:607px;
    height:55px;
    border:1px solid #D1D1D1;    
    margin:0px 11px 10px 0px; 
 }  
             .utilities_box a 
        {
            color:#006B5B;
        }
        
            .utilities_box a:hover 
            {
                color:#000;
            }
                .utilities_box img 
                {
                     border:none;
                     float:left;
                }
                
                    .utilities_box p 
                    {
                        margin:10px 0px 0px 100px;
                    }