/*********** Gray tone color pallete (gt) **********
 *********** @source: http://www.creativecolorschemes.com/resources/free-color-schemes/gray-tone-color-scheme.shtml */
.gt-red { background: #C88691 }
.gt-pink { background: #AD85BA }
.gt-purple { background: #95A1C3 }
.gt-green { background: #74A18E }
.gt-blue { background: #81AFB5 }
.gt-lightgreen { background: #B2C891 }
.gt-earthyellow { background: #B99C6B }
.gt-orange { background: #E49969 }
.gt-yellow { background: #C9C27F }
.gt-darkgray { background: #949494 }
.gt-gray { background: #B2B2B2 }
.gt-lightgray { background: #D6D6D6 }
.gt-brown { background: #91867E }
.gt-lightbrown { background: #B2AAA4 }
.gt-vlightgray { background: #D9D5D2 }
/*********** End Gray tone color pallete ***********/

/*********** Overwrite Blueprint framework ***********
 *** Note: to ensure consistency, copy all elements in one CSS block */
tbody tr:nth-child(2n) td, tbody tr.even td {
    background: none;}

/********** Main layout: Footer is always kept at the bottom **********/
html,
body {
    margin:0;
    padding:0;
    height:100%;
    font-size: 14px;
    font-family: Arial;
    color: #333;}
#wrapper {
    min-height:100%;
    position:relative;}
#header {}
#content {
    padding-bottom:140px;   /* Height of the footer */}
#footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:140px;   /* Height of the footer */}

/********** Customised Header **********/
#header {
    /* height: 130px; */
    background: #FFFFFF;}
#company-logo {
    background-image: url("/images/home/ab4s-logo.jpg");
    background-repeat: no-repeat;
    height: 50px;
    width: 170px;
    display: block;
    padding:0;}
#company-name {
    font-size: 11px;
    font-weight: bold;
    color: #304C5E;
    margin: 0px 0 2px 0;}
#company-name a:hover {
    text-decoration: none;
    color: #304C5E;}
#header .inner {
    padding: 8px 0 5px 0;
    height:90px;
}
#header-site-links a {color:#000;}
#header-site-links a:hover {color:#000;}



/********** Customised Navigation **********/
#navigation {
    height: 37px;
    background: linear-gradient(#4D6171, #192431);
    background: -moz-linear-gradient(center top , #4D6171, #192431);
    background: -webkit-gradient(linear, left bottom, left top, from(#192431), to(#4D6171));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D6171', endColorstr='#192431');
    background-color: #4D6171;
    font-size:12px;
    min-width: 980px;}
#navigation ul {
    margin:0;
    float:left;
    padding:0;}
#navigation li {
    top: -2px;
    padding: 2px 0;
    position: relative;
    float:left;}
#navigation #nav-list a {
    float:left;
    padding:10px 20px 9px 20px;
    border-right: 2px solid #333;
    border-left: 1px solid #CCC;
    text-decoration: none;
    color: #FFF;}
#navigation #nav-list li.here,
#navigation #nav-list li:hover{
    cursor: pointer;
    background-color: #DFDFDF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFDFDF), to(#DFDFDF), color-stop(.5,#FFFFFF));
    background: -moz-linear-gradient(top, #DFDFDF 0%, #FFFFFF 50%, #DFDFDF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DFDFDF');}
#navigation #nav-list li.here a,
#navigation #nav-list li:hover a{
    border: none;
    padding-right: 22px; /* to cover the border */
    padding-left: 21px; /* to cover the border */
    z-index: 999;
    color: #000;}
#navigation #nav-list .last-nav a {
    border-right: none;}

/***** Login, register, logout  ******/
#headerMembersLink {float:right; padding-top: 9px;width: 60px;}
#headerMembersLink #login-button,
#headerMembersLink #register-button {float:left;}
#headerMembersLink #register-button {margin: 0 0 0 -11px;}
#headerMembersLink #login-button a {
    background-image: url("/images/home/img_HomeSprite.png");
    background-repeat: no-repeat;
    background-position: 0 -37px;

    width: 66px;
    height: 18px;
    float: left;
    margin-right:5px;
}
#headerMembersLink #register-button a {
    background-image: url("/images/home/img_HomeSprite.png");
    background-repeat: no-repeat;
    background-position: -65px -38px;
    width: 63px;
    height: 18px;
    float: left;}
#headerMembersLink #login-button a,
#headerMembersLink #login-button a:hover,
#headerMembersLink #register-button a,
#headerMembersLink #register-button a:hover,
#headerMembersLink #member-center-button a,
#headerMembersLink #member-center-button a:hover,
#headerMembersLink #logout-button a,
#headerMembersLink #logout-button a:hover {
    text-decoration: none;
    text-indent: -10000px;}
#headerMembersLink #member-center-button,
#headerMembersLink #logout-button {
    float: left;
    margin-left: -11px;}
#headerMembersLink #member-center-button a,
#headerMembersLink #logout-button a {
    background-image: url("/images/home/img_HomeSprite.png");
    background-repeat: no-repeat;
    background-position: 0 -55px;
    width: 65px;
    height: 18px;
    float: left;}
#headerMembersLink #logout-button a {
    background-image: url("/images/home/img_HomeSprite.png");
    background-repeat: no-repeat;
    background-position: -65px -55px;
    width: 63px;}

/*********** Customised Content area **********/
#homeContent {
    padding: 15px 0;}
#mainContent {
    align: center;
    position: relative;
    padding: 15px 0;
    min-height: 700px;
    -moz-box-shadow: 1px 5px 20px -5px #7F7F7F;
    -webkit-box-shadow: 1px 5px 20px -5px #7F7F7F;
    box-shadow: 1px 5px 20px -5px #7F7F7F;}
#mainContent #sidebar {
    margin: 0 15px;}

/*********** Customised Footer **********/
#footer {
    background: -moz-linear-gradient(center top , #192431,#4D6171 );
    background: -webkit-gradient(linear, left bottom, left top, from(#4D6171), to(#192431));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D6171', endColorstr='#192431');
    background-color: #4D6171;
    color: #CCC;
    font-size: 0.9em;}
#footer .inner {
    padding: 20px 0 0 0;}
#footer ul {
    height: 25px;
    padding: 3px 25px 0 25px;
    border-bottom: 1px solid #CCC;
    float:left;
    list-style-type: none;
    margin:0 8px 0 0;}
#footer a {
    text-decoration: none;
    color: #CCC;}
#footer a:hover {
    text-decoration: underline;}
#footer li {
    float: left;
    padding: 0;}
#social-medias {
    float:left;}
#social-medias a {
    float:left;
    margin-left: 5px;
    width: 25px;
    height: 25px;}
#footer .footerNote {
    margin: 10px 0 0 0;
    font-size: 10px;
    text-align: center;}
#social-medias #facebook {
    background-image: url("/images/social_media_icons/icn-fb.png");
    background-repeat: no-repeat;
}
#social-medias #twitter {
    background-image: url("/images/social_media_icons/icn-tw.png");
    background-repeat: no-repeat;
}
#social-medias #linkedin {
    background-image: url("/images/social_media_icons/icn-li.png");
    background-repeat: no-repeat;
}
#social-medias #youtube {
    background-image: url("/images/social_media_icons/icn-yt.png");
    background-repeat: no-repeat;
}
#social-medias #ebay {
    background-image: url("/images/home/icon_ebay.png");
    background-repeat: no-repeat;
    background-position: -108px -166px;
}
#social-medias #instagram {
    background-image: url("/images/social_media_icons/icn-ig.png");
    background-repeat: no-repeat;
}
#social-medias #pinterest {
    background-image: url("/images/social_media_icons/icn-pi.png");
    background-repeat: no-repeat;
}
#social-medias #eb {
    background-image: url("/images/social_media_icons/icn-eb.png");
    background-repeat: no-repeat;
    width:60px;
}

/********** Elements appear across the site *********/
/***** Add-this social media buttons *****/
.addthis_toolbox{
    height: 20px;}
.broker_content {
    margin-left:20px;
}
#top_login_details{
    font-size: 12px;
    height:30px;
    margin-top:5px;
}
.middle{
    vertical-align: middle;
}
#top_login_details{
    height:30px;
}