/* General */

/*Reset Common Tags*/

a,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body 
{
    margin:0px auto;
    padding:0px;
    font-family:Arial;
    font-size:12px;
    color:#002c5b;
}

a
{
    text-decoration:none;
    font-weight:bold;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:0px;
}

h1
{
    font-size:26px;
    font-weight:normal;
    margin:15px 0px 15px 0px;
    color:#0072bc;
    font-weight:bold;
}

h2
{
    font-size:16px;
    font-weight:normal;
    margin:15px 0px 15px 0px;
}

h3
{
    font-size:14px;
    font-weight:normal;
    margin:15px 0px 15px 0px;
}

		/*---------------------layout--------------------*/
		
#container 
{
    width:940px;
    margin:0 auto;
    height:auto;
}

#container-consumers
{
    width:700px;
    margin:0 auto;
    height:auto;
}

#layout
{
    width:940px;
    clear:both;
}

		/*---------------------headers---------------------*/

#header
{
    width:940px;
    margin:0 auto;
    height:40px;
    color:#fff;
    font-weight:bold;
}

#header-main
{
    width:100%;
    height:40px;
    background:URL(/images/main/top_bar.gif) no-repeat;
}

#header-consumers
{
    width:700px;
    margin:0 auto;
    height:40px;
    color:#fff;
    font-weight:bold;
}

#header-left
{
    float:left;
    width:570px;
    position:relative;
    top:12px;
}

#header-left a
{
    color:#fff;
    text-decoration:none;
}

#header-left a:hover, a.current
{
    text-decoration:underline;
}

#header-left a.current
{
    text-decoration:underline;
}

#header-left .current
{
    text-decoration:underline;
}

#header-left-lightblue
{
    float:left;
    width:254px;
    position:relative;
    top:12px;
}

#header-left-lightblue a
{
    color:#fff;
    text-decoration:none;
}

#header-left-lightblue a:hover, a.current
{
    text-decoration:underline;
}

#header-left-lightblue a.current
{
    text-decoration:underline;
}

#header-right-green
{
    float:right;
    width:321px;
}

#header-right-blue
{
    float:right;
    width:320px;
}

#header-right-purple
{
    float:right;
    width:370px;
}

#header-right-lightblue
{
    float:right;
    width:386px;
}

#header-right-green IMG
{
    float:left;
}

#header-right-blue IMG
{
    float:left;
}

#header-right-purple IMG
{
    float:left;
}

#header-right-lightblue IMG
{
    float:left;
}

#header-search
{
    float:left;
    position:relative;
    top:-5px;
}

/*background colours*/

#header-green
{
    width:100%;
    height:40px;
    background:URL(/images/consumers/top_bar.gif) no-repeat;
}

#header-blue
{
    width:100%;
    height:40px;
    background:URL(/images/dbsg/top_bar.gif) no-repeat;
}

#header-purple
{
    width:100%;
    height:40px;
    background:URL(/images/training/top_bar.gif) no-repeat;
}

#header-lightblue
{
    width:100%;
    height:40px;
    background:URL(/images/consumers/top_bar.gif) no-repeat;
}
        /*----------------------nav-----------------------*/

/*green*/        
.nav-green,
.subnav-green
{
    width:220px;
    list-style-type:none;
    font-weight:bold;
}

.nav-green a
{
    width:210px;
    height:25px;
    line-height:25px;
    display:block;
    color:#fff;
    text-decoration:none;
    background:URL(/images/consumers/m_bg.gif) no-repeat;
    margin-top:3px;
    padding-left:10px;
}

.nav-green a:hover, 
.nav-green a.current
{
    background:URL(/images/consumers/m_bg_o.gif) no-repeat;
}

.subnav-green a
{
    width:210px;
    height:25px;
    line-height:25px;
    display:block;
    color:#fff;
    text-decoration:none;
    background:URL(/images/consumers/m_sub_bg.gif) no-repeat;
    margin-top:1px;
    padding-left:10px;
    color:#00a664;
}

/*blue*/
.nav-blue,
.subnav-blue
{
    width:220px;
    list-style-type:none;
    font-weight:bold;
}

.nav-blue a
{
    width:210px;
    height:25px;
    line-height:25px;
    display:block;
    color:#fff;
    text-decoration:none;
    background:URL(/images/dbsg/m_bg.gif) no-repeat;
    margin-top:3px;
    padding-left:10px;
}

.nav-blue a:hover, 
.nav-blue a.current
{
    background:URL(/images/dbsg/m_bg_o.gif) no-repeat;
}

.subnav-blue a
{
    width:210px;
    height:25px;
    line-height:25px;
    display:block;
    color:#fff;
    text-decoration:none;
    background:URL(/images/consumers/m_sub_bg.gif) no-repeat;
    margin-top:1px;
    padding-left:10px;
    color:#023bab;
}

/*purple*/
.nav-purple,
.subnav-purple
{
    width:220px;
    list-style-type:none;
    font-weight:bold;
}

.nav-purple a
{
    width:210px;
    height:25px;
    line-height:25px;
    display:block;
    color:#fff;
    text-decoration:none;
    background:URL(/images/training/m_bg.gif) no-repeat;
    margin-top:3px;
    padding-left:10px;
}

.nav-purple a:hover, 
.nav-purple a.current
{
    background:URL(/images/training/m_bg_o.gif) no-repeat;
}

.subnav-purple a
{
    width:210px;
    height:25px;
    line-height:25px;
    display:block;
    color:#fff;
    text-decoration:none;
    background:URL(/images/training/m_sub_bg.gif) no-repeat;
    margin-top:1px;
    padding-left:10px;
    color:#7d209a;
}

/*lightblue*/
.nav-lightblue,
.subnav-lightblue
{
    width:220px;
    list-style-type:none;
    font-weight:bold;
}

.nav-lightblue a
{
    width:210px;
    height:25px;
    line-height:25px;
    display:block;
    color:#fff;
    text-decoration:none;
    background:URL(/images/consumers/m_bg.gif) no-repeat;
    margin-top:3px;
    padding-left:10px;
}

.nav-lightblue a:hover, 
.nav-lightblue a.current
{
    background:URL(/images/consumers/m_bg_o.gif) no-repeat;
}

.subnav-lightblue a
{
    width:210px;
    height:25px;
    line-height:25px;
    display:block;
    color:#fff;
    text-decoration:none;
    background:URL(/images/consumers/m_sub_bg.gif) no-repeat;
    margin-top:1px;
    padding-left:10px;
    color:#02abec;
}

.nav-consumers
{
    width:220px;
    list-style-type:none;
    font-weight:bold;
}

.nav-consumers a
{
    width:210px;
    height:25px;
    line-height:25px;
    display:block;
    color:#fff;
    text-decoration:none;
    background:URL(/images/consumers/m_portal_bg.gif) no-repeat;
    margin-top:3px;
    padding-left:10px;
}

.nav-consumers a:hover
{
    background:URL(/images/consumers/m_portal_bg_o.gif) no-repeat;
}

        /*---------------------content--------------------*/

#main-leftcol
{
    float:left;
    width:700px;
    padding-top:100px;
    margin-bottom:30px;
}

#main-leftcol a
{
    color:#00a664;
}

#main-rightcol
{
    float:right;
    width:240px;
    margin-bottom:30px;
}
        
#content-leftcol
{
    float:left;
    width:220px;
    margin-right:20px;
    margin-bottom:30px;
}

#content-rightcol
{
    float:right;
    width:700px;
    padding-top:20px;
    margin-bottom:30px;
}

#content-leftcol-consumers
{
    float:left;
    width:220px;
    margin-right:20px;
    margin-bottom:30px;
}

#content-rightcol-consumers
{
    float:left;
    width:460px;
    padding-top:20px;
    margin-bottom:30px;
}

#content-rightcol-consumers a
{
    color:#02abec;
}

#content-rightcol-left-green
{
    float:left;
    width:460px;
    margin-right:20px;
    color:#002c5b;
}

#content-rightcol-left-green li
{
    margin:5px 0px 5px 25px;
}

#content-rightcol-left-green a
{
    color:#00a664;
}

#content-rightcol-left-blue
{
    float:left;
    width:460px;
    margin-right:20px;
    color:#002c5b;
}

#content-rightcol-left-blue a
{
    color:#023bab;
}

#content-rightcol-left-purple
{
    float:left;
    width:460px;
    margin-right:20px;
    color:#002c5b;
}

#content-rightcol-left-purple a
{
    color:#501268;
}

#content-rightcol-right
{
    float:right;
    width:220px;
}

#content-rightcol-left-lightblue li
{
    margin:10px 0px 10px 25px;
}

/*boxes*/

.content-smallbox-green
{
    width:205px;
    float:left;
    color:#fff;
    background:#45be9a;
    padding:10px;
    margin-bottom:10px;
}

.content-smallbox-blue
{
    width:205px;
    float:left;
    color:#fff;
    background:#0c2e73;
    padding:10px;
    margin-bottom:10px;
}

.content-smallbox-purple
{
    width:205px;
    float:left;
    color:#fff;
    background:#7d209a;
    padding:10px;
    margin-bottom:10px;
}

.content-smallbox-lightblue
{
    width:205px;
    float:left;
    color:#fff;
    background:#44c7f9;
    padding:10px;
    margin-bottom:10px;
}

.content-smallbox-left
{
    float:left;
    width:185px;
    font-size:20px;
    margin-bottom:10px;
}

.content-smallbox-right
{
    float:right;
    width:20px;
}

.content-bigbox-green
{
    width:440px;
    float:left;
    color:#fff;
    background:#00a665;
    padding:10px;
    margin-bottom:10px;
}

.content-bigbox-blue
{
    width:440px;
    float:left;
    color:#fff;
    background:#0072bc;
    padding:10px;
    margin-bottom:10px;
}

.content-bigbox-left
{
    float:left;
    width:185px;
    font-size:20px;
    margin-bottom:10px;
}

.content-bigbox-right
{
    float:right;
    width:20px;
}

/*members-login*/

#members-login-blue
{
    width:200px;
    height:160px;
    background:URL(/images/consumers/members_zone_login.gif) no-repeat;
    padding:70px 10px 15px 10px;
    color:#fff;
    font-size:14px;
}

#members-login-blue a
{
    text-decoration:underline;
    color:#fff;
    float:left;
}

#members-login-green
{
    width:200px;
    height:190px;
    background:URL(/images/dbsg/members_zone_login.gif) no-repeat;
    padding:70px 10px 0px 10px;
    color:#fff;
    font-size:14px;
}

#members-login-green a
{
    text-decoration:underline;
    color:#fff;
    float:left;
}

.join_btn
{
    float:right;
    margin-top:30px;
}

/*hot-links*/

.hotlink-blue
{
    width:195px;
    background:URL(/images/consumers/hotlink_bg2.gif) no-repeat;
    padding:10px 10px 10px 15px;
    margin-bottom:3px;
    height:21px;
}

.right-quicklink
{
    background-color:#042f82;
    margin-bottom:3px;
}

.right-quicklink-copy
{
    background-color:#eeeeee;
    margin:0px 10px 10px 10px;
}

.right-quicklink-copy p
{
    padding:4px;
}

.hotlink-green
{
    width:195px;
    height:20px;
    background:URL(/images/dbsg/hotlink_bg.gif) no-repeat;
    padding:10px 10px 10px 15px;
    margin-bottom:3px;
}

.hotlink-consumers
{
    width:195px;
    height:20px;
    background:URL(/images/consumers/hotlink_bg.gif) no-repeat;
    padding:10px 10px 10px 15px;
    margin-bottom:3px;
}

.hotlink-blue a
{
    float:right;
    width:20px;
}

.hotlink-green a
{
    float:right;
    width:20px;
}

.hotlink-consumers a
{
    float:right;
    width:20px;
}

.hotlink-text
{
    float:left;
    width:175px;
    line-height:20px;
}

/*calendar*/
#event-cal-blue
{
    width:220px;
    margin-top:30px;
    background:#2ab7d9;
    text-align:center;
    font-weight:bold;
}

#event-cal-blue a
{
    color:#002c5b;
    text-decoration:underline;
}

#event-cal-purple
{
    width:220px;
    margin-top:30px;
    background:#7d209a;
    text-align:center;
    font-weight:bold;
}

#event-cal-purple a
{
    color:#002c5b;
    text-decoration:underline;
}

.cal-nav-green
{
    width:200px;
    padding:10px;
}

.cal-nav-purple
{
    width:200px;
    padding:10px;
    color:#fff;
}

.cal-text
{
    width:200px;
    padding:10px;
    text-align:left;
}

.cal td
{
    width:30px;
    height:19px;
    background:#fff;
}

.cal td a
{
    display:block;
    text-decoration:none !important;
}

.cal-grey
{
    background:#e8e8e8 !important;
}

.cal-blue
{
    background:#2ab7d9 !important;
    color:#fff !important;
}

.cal-green
{
    background:#00a664 !important;
    color:#fff !important;
}

/*news*/

.news-green
{
    width:220px;
    margin-top:20px;
}

.news-green a
{
    text-decoration:underline;
    float:left;
    margin:2px 0px 8px 0px;
    color:#00a664;
}

.news-blue
{
    width:220px;
    margin-top:20px;
}

.news-blue a
{
    text-decoration:underline;
    float:left;
    margin:2px 0px 8px 0px;
    color:#023bab;
}

.news-purple
{
    width:220px;
    margin-top:20px;
}

.news-purple a
{
    text-decoration:underline;
    float:left;
    margin:2px 0px 8px 0px;
    color:#7d209a;
}

.news-lightblue
{
    width:220px;
    margin-top:20px;
}

.news-lightblue a
{
    text-decoration:underline;
    float:left;
    margin:2px 0px 8px 0px;
    color:#02abec;
}

/*main page - links*/

#main-links
{
    clear:both;
    float:left;
    width:940px;
    margin-bottom:30px;
    line-height:18px;
}

#csa-link
{
    float:left;
    width:209px;
    height:149px;
    padding:70px 10px 10px 10px;
    background:URL(/images/main/csa_bg.gif) no-repeat;
    margin-right:8px;
    color:#fff;
}

#csa-link a
{
   color:#fff;
}

#dbsg-link
{
    float:left;
    width:209px;
    height:149px;
    padding:70px 10px 10px 10px;
    background:URL(/images/main/dbsg_bg.gif) no-repeat;
    margin-right:8px;
    color:#fff;
}

#dbsg-link a
{
   color:#fff;
}

#training-link
{
    float:left;
    width:209px;
    height:149px;
    padding:70px 10px 10px 10px;
    background:URL(/images/main/training_bg.gif) no-repeat;
    margin-right:8px;
    color:#fff;
}

#training-link a
{
   color:#fff; 
}

#consumers-link
{
    float:left;
    width:209px;
    height:149px;
    padding:70px 10px 10px 10px;
    background:URL(/images/main/consumers_bg.gif) no-repeat;
    color:#fff;
}

#consumers-link a
{
   color:#fff;
}

.link-text
{
    float:left;
    width:209px;
    height:129px;
}

/*search-section*/
.search-members
{
    float:left;
    width:460px;
    background:#f6f6f6;
}

.search-results
{
    float:left;
    width:310px;
    height:39px;
    line-height:39px;
    background:URL(/images/consumers/sm_titles_results.gif) no-repeat;
    font-weight:bold;
    color:#f3081e;
    padding-left:150px;
    margin:0px;
}

.result-number
{
    font-size:16px;
}

.search-nav
{
    float:left;
    width:440px;
    padding:10px 10px 10px 10px;
    font-weight:bold;
    background:#f3f3f3;
}

.search-nav td.td2 span, .search-nav td.td4 span
{
    display:none;
}

.search-nav a
{
    text-decoration:underline;
}

.td1
{
    width:119px;
    margin-right:10px;
    
    
}

.td2
{
    width:93px;
    margin-left:5px;
}

.td3
{
    width:157px;
    text-align:center;
}

.td4
{
    width:66px;
    margin-left:10px;
}

.td5
{
    width:276px;
    text-align:center;
}

.nav-left
{
    float:left;
    width:88px;
    margin:0px;
}

.nav-right
{
    float:right;
    width:82px;
}

.search-details
{
    float:left;
    width:440px;
    padding:10px;
    border-bottom:1px solid #fff;
}

.details-image
{
    float:left;
    width:120px;
}

.details-text
{
    float:right;
    width:300px;
}

.company-name
{
    float:left;
    width:440px;
    margin-left:10px;
    margin-bottom:10px;
    border:1px solid #e8e8e8;
}

.service-type
{
    float:left;
    width:200px;
    margin-left:10px;
    margin-bottom:10px;
    border:1px solid #e8e8e8;
}

.news-box
{
    float:left;
    width:440px;
    background:#f6f6f6;
    padding:10px;
    margin-bottom:10px;
}

/*online store*/
.store-wrapper
{
    float:left;
    width:200px;
    background:#f3f3f3;
    padding:10px;
    margin-bottom:15px;
}

.store-left
{
    float:left;
}

.store-right
{
    float:right;
}

/*forms*/
.online-form
{
    width:440px;
}

.join-form-title
{
    float:right;
    width:50px;
    margin:5px 250px 5px 0px;
    border:1px solid #f3f3f3;
}

.join-form
{
    float:right;
    width:300px;
    margin:5px 0px 5px 0px;
    border:1px solid #cccccc;
}

.join-form-text
{
    float:right;
    width:300px;
    margin:5px 0px 5px 0px;
}

#google-map
{
    margin:15px 0px 15px 0px;
}

        /*---------------------footer---------------------*/
        
#footer-green
{
    clear:both;
    width:940px;
    border-top: 1px solid #e8e8e8;
    padding:15px 0px 15px 0px;
}

#footer-green a
{
    color:#00a664;
}

#footer-left-green
{
    float:left;
    width:600px;
    margin-bottom:30px;
}

#footer-blue
{
    clear:both;
    width:940px;
    border-top: 1px solid #e8e8e8;
    padding:15px 0px 15px 0px;
}

#footer-blue a
{
    color:#023bab;
}

#footer-left-blue
{
    float:left;
    width:600px;
    margin-bottom:30px;
}

#footer-purple
{
    clear:both;
    width:940px;
    border-top: 1px solid #e8e8e8;
    padding:15px 0px 15px 0px;
}

#footer-purple a
{
    color:#7d209a;
}

#footer-left-purple
{
    float:left;
    width:600px;
    margin-bottom:30px;
}

#footer-lightblue
{
    clear:both;
    width:700px;
    border-top: 1px solid #e8e8e8;
    padding:15px 0px 15px 0px;
}

#footer-lightblue a
{
    color:#02abec;
}

#footer-left-lightblue
{
    float:left;
    width:600px;
    margin-bottom:30px;
}

#footer-right
{
    float:right;
    width:231px;
}

#footer-consumers
{
    float:left;
    width:450px;
}

#mini-basket
{
    margin:15px 0px;
}

#mini-basket table
{
    border-collapse:collapse;
}

#mini-basket td
{
    border:solid 1px #00a664;
    padding:7px;
    
}