/******************************************************************************/
/*  COMMON                                                                    */
/******************************************************************************/
body
{
	oront-family:  Arial, Helvetica, sans-serif;
}
p, #mainContent ul
{
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	/* color: #e5e5e5; */
	color: rgb(51, 51, 51);
	list-style: disc none inside;
}

.about p, .news p, .contact p, .contact-form p
{
	color: #31373F;
}
#rcorners1 {
   	border-radius: 7px;
	text-decoration: none;
	font-size: large;
	border-style: solid;
	border-color: #cc0000;
	font-weight: bold;
	border-width: 2px;
	padding: 5px;
    background: #ffffff;  /*#e5e5e5; */		
	color: #000000;
	text-align: center;
	display: inline;
	vertical-align: middle;  
}
#rcorners1:hover {
	background-color: #cc0000;
	color: #ffffff;
}

.rcorners {
	border-radius: 5px;
	border-width: 0px;
	color: black;
}

a,
a:link,
a:visited, 
a:hover, 
a:active
{
    text-decoration: none;
    color: rgb(0, 0, 250);  /*  #fff; */
    border: none;
    outline: none;
}
.contact-form a
{
	color: #e5e5e5;
}
footer a:hover
{
	color: #F1674A;
}
.venuefinder
{
	nnckground-color:#e5e5e5;
	text-align:center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.venuefinder:hover
{
	background-color: #FFFFFF;
}
.left
{
	float: left;
}
.right
{
	float: right; 
}
.absolute
{
	position: absolute;
}
.doc-loader 
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;	
}
.doc-loader td 
{   
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
}
.services
{
	/* padding-bottom: 50px;  */
	background-color: #ffffff; /* #e5e5e5; */
}
.about
{
	padding-bottom: 50px;
	background-color: #31373f;
}
.subscribe
{
	background-color: #f1674a;
	padding-bottom: 40px;
}
.subscribe2
{
	background-color: #1c2224;
	padding-bottom: 40px;
}
.portfolio
{
	background-color: #eeeeee;
	padding-bottom: 200px;
}
.contact
{
	background-color: #eeeeee;
	padding-bottom: 70px;
}
footer
{
	height: 135px; 
	background-color: #242c2e;
}

/******************************************************************************/
/*  FONT FORMATING                                                            */
/******************************************************************************/
h1
{
	font-size: 28px;
	line-height: 32px;
	color: #cc0000;
}
h2
{
	padding-left: 15px;
	padding-top: 0px;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #cc0000;
	border-left: 10px solid #f1674a;
}
h3
{
	font-size: 24px;
	color: #cc0000;
}
.summary-dark-bg
{
	padding-bottom: 30px;
	font-size: 34px;
	line-height: 34px;
	font-weight: 300;
	color: #e5e5e5;
	border-bottom: 10px solid #e5e5e5;
}
.summary-white-bg
{
	padding-bottom: 10px;
	font-size: 34px;
	line-height: 34px;
	font-weight: 300; 
	color: #31373f;
}
.summary-small-dark-bg
{
	font-size: 28px;
	line-height: 34px;
	font-weight: 300; 
	color: #e5e5e5;
}
.summary-small-white-bg
{
	color: #31373f;
	font-size: 28px;
	line-height: 34px;
	font-weight: 300; 
}
span
{
	font-weight: bold;
}

/******************************************************************************/
/*  HOME                                                                      */
/******************************************************************************/
.home
{
	width: 100%;
	height: 90px;
	background-color: rgb(51,51,51);  /* #31373f; */
	padding-top: 30px; 
}

.home .container
{
	width: 100%;
	height: 60px;
	background-image: url('https://cscbg.org.au/images/csc_banner_grey.gif');
	background-size: contain; 
	background-position: center 0px; 
	background-repeat: no-repeat;  
}

/* .bannerAd
{
	width: 100%;
	height: 60px;
	background-image: url('http://cscbg.org.au/images/uploads/cci_animated_banner.gif');
	background-size: contain; 
	background-position: center 0px; 
	background-repeat: no-repeat;  
}
*/

div.bannerAd {
    position: relative;
    width: 100%;
	height: 60px;
    	background-image: url('https://cscbg.org.au/images/uploads/cci_animated_banner.gif');
	background-size: contain; 
	background-position: center 0px; 
	background-repeat: no-repeat;  
	clear: both;
	margin-top: 10px;
}
 
div.bannerAd a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
/******************************************************************************/
/*  NAVIGATION                                                                */
/******************************************************************************/
#main-menu
{
	width: 100%;
	height: 115px; /* this is normally 115px but changes to 140 px when collapsed - originally  70px; */
	background-color: #e5e5e5;   /* #FFFFFF; */
	z-index: 999; 
}
.menu-wrapper
{
	max-width: 1140px;
	margin: 0 auto;
}
.logo
{
	display: inline-block;
	width: 132px;
	height: 70px;
	background-image: url(../images/CVA_logo.jpg);
	background-repeat: no-repeat;
}
.logo a
{
	display: inline-block;
	width: 132px;
	height: 70px;
}
#main-menu nav
{
	max-width: 1140px;
	height: 50px; /*70px;  */
}
#main-menu nav aside
{
	height: 100%;
}
#main-menu nav ul
{
	height: 100%;
}
#main-menu nav ul li
{
	display: inline-block;
	height: 100%;
	font-size: 13px;
	line-height: 50px; /*70px;  */
	letter-spacing: 0.1em;
	list-style-type: none;
	text-transform: uppercase;
}
#main-menu nav ul li.first a
{
	padding-left: 0px;
}
#main-menu nav ul li.last a
{
	padding-right: 0px;
}
#main-menu nav a
{
	color: #31373f;
	display: block;
	padding-left: 18px;
	padding-right: 18px;
	text-decoration: none; 
}
#main-menu nav ul li.active a, #main-menu nav ul li a:hover
{
	color: #cc0000;
}
.small-menu-wrapper
{
	width: 420px;
	margin: 0 auto;
}
.small-menu
{
	width: 100%;
	height: 35px; /*45px; */
	margin-top: 12px;
	padding: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 45px;
	text-transform: capitalize;
	color: #3c3c3c;
	border: 0;
	outline: none;	
}

/******************************************************************************/
/*  SERVICES                                                                  */
/******************************************************************************/
ul.services-list
{
}
ul.services-list li        
{
	clear: both;
	margin-bottom: 40px;
}
.services-wrapper
{
	float: left;
	width: 270px;
}
.services-list img
{
	display: block;
	float: left;
	margin-right: 25px;
	width: 75px;
}
.service-title
{
	display: block;          
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #97aeb3;
}
.services-content
{
	font-size: 14px;
	line-height: 28px;
	color: #31373f;
}
.services-role
{
	font-size: 34px;
	line-height: 34px;
	font-weight: bold;
	color: #31373f;
}
.services-line
{
	margin-left: 103px;
	width: 40px;
	border-top: 1px solid #97aeb3;
}

/******************************************************************************/
/*  SLIDERS                                                                   */
/******************************************************************************/
.list_carousel ul 
{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.list_carousel li 
{	
	display: block;	
	float: left;
	padding: 0;
}
.prev                           
{
	float: left;
	margin: 25px 20px 0 20px;
}
.next
{
	float: left;
	margin-top: 25px;
}
.carousel-nav  
{
	float: left;
	width: 140px;
	height: 90px;
	background-color: #f05c45;
}
a#home-next
{
	display: inline-block;
	float: left;
	width: 70px;
	height: 70px;
	margin-top: 25px;
	margin-left: 45px; 
	background-image: url('../images/home_arrow.png');
    background-repeat: no-repeat; 
}
a#home-next.hover_effect
{
	background-position: left bottom;
}
a#testimonials-prev, a#about-left-prev, a#about-middle-prev, a#about-right-prev
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('../images/about_arrow_left.png');
    background-repeat: no-repeat;
}
a#testimonials-next, a#about-left-next, a#about-middle-next, a#about-right-next
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('../images/about_arrow_right.png');
    background-repeat: no-repeat;
}
a#testimonials-prev.hover_effect, a#testimonials-next.hover_effect, a#about-left-prev.hover_effect, a#about-left-next.hover_effect, a#about-middle-prev.hover_effect, a#about-middle-next.hover_effect, a#about-right-prev.hover_effect, a#about-right-next.hover_effect
{
	background-position: left bottom;
}
.home .list_carousel
{
	width: 385px;
}
ul#home-slides li  
{
	padding-bottom: 10px;
	font-size: 34px;
	letter-spacing: -0.03em;
	line-height: 34px;
	font-weight: 300; 
	text-align: left;
	color: #fff;
}
.services .list_carousel
{
	border-top: 10px solid #dde8ea; 
	border-left: 10px solid #dde8ea;
	border-right: 10px solid #dde8ea;
}
ul#testimonials-slides li
{
	padding: 35px 30px 30px 30px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 15px;
	line-height: 35px;
	text-align: left;
	font-style: italic;
	color: #83999d;
}
ul#about-left-slides li, ul#about-middle-slides li, ul#about-right-slides li
{
	height: 300px;
	font-size: 14px;
	line-height: 28px;
	color: #83999d;
}
.testimonials
{
	float: left;
	width: 200px;
	height: 70px;
	font-size: 14px;
	line-height: 70px;
	background-color: #31373f;
	color: #ecf1f2;
}
span.span-testimonials
{
	display: block;
	margin: 0 auto;
	width: 85px;
	font-weight: normal;
}
.testimonials-signature
{
	float: right;
	line-height: 70px;
	color: #83999d;
}
.name
{
	float: left;
	width: 140px;
	height: 70px;
	font-size: 14px;
	line-height: 70px;
	text-align: center;
	background-color: #fff;
	color: #31373f;
}
span.span-name
{
	display: block;
	font-weight: normal;
}

/******************************************************************************/
/*  SUBSCRIBE                                                                 */
/******************************************************************************/
#subscriberEmail
{
	float: left;
	width: 450px;
	margin-top: 1px;
	padding-top: 21px;
	padding-bottom: 20px;
	font-size: 14px;
	letter-spacing: 0em;
	text-indent: 15px;
    color: #9b9b9b;
	border: none;
	border-top: 10px solid #2c3739;
	border-left: 10px solid #2c3739;
	border-bottom: 10px solid #2c3739;
	outline: none;
	-moz-border-radius: 0em; /* Firefox */
	-webkit-border-radius: 0em; /* Safari, Chrome */
	border-radius: 0em; /* CSS3 */
}
#subscribeButton
{
	float: left;
	width: 75px;
	height: 78px;
	font-size: 14px;
	letter-spacing: 0em;
	line-height: 78px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background-color: #f05c45;	
	border: none;
	outline: none;
	cursor: pointer;
}
#subscribeButton.hover-effect
{
	background-color: #dc543f;	
}
.subscribe .one-third
{
	font-size: 14px;
	line-height: 28px;
	color: #e5e5e5;
	text-align: left;
}
.subscribe p
{
	float: left;
	font-size: 12px;
	color: #99aaae;
	padding-left: 25px;
	margin-bottom: 0px;
}
#display 
{
	float: left;
	margin-left: 20px;
	width: 200px;
	height: 30px;
	text-align: left;
	font-size: 12px;
	line-height: 30px;
	color: #f05c45;
}

/******************************************************************************/
/*  PORTFOLIO                                                                 */
/******************************************************************************/
ul#filterOptions 
{
	margin-bottom: 35px;
	text-align: center;
}
ul#filterOptions li 
{
	display: inline-block;
	margin-top: 20px;  
}
ul#filterOptions li a 
{
	display: block;
	margin-right: 25px;
	height: 34px;
	font-size: 11px;
	line-height: 34px;
	letter-spacing: 0.15em;
	font-weight: bold;
	color: #31373f;
	text-decoration: none;
}
ul#filterOptions li.last a 
{
	margin-right: 0px;
}
ul#filterOptions li a:hover 
{  
}
ul#filterOptions li.active a 
{
	border-bottom: 10px solid #dde8ea; 
}
ul.gallery
{
	height: auto;
}
ul.gallery li.item 
{
	position: relative;
	float: left; 
	width: 240px;
	height: 180px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	text-align: left; 
	color: #f6f6f6;
	overflow: hidden; 
}
ul.gallery li.item.portfolio-text
{
	background-color: #f05c45;
}
.portfolio-wrapper
{
	padding: 10%;
}
.signature-wrapper
{
	padding-top: 9%;
}
.portfolio-quote
{
	display: inline-block;
	margin-left: -6%;
	width: 42px;
	height: 29px;
	background-image: url(../images/portfolio_quote.png);
	/* Firefox */
	-moz-background-size: auto 100%;
	/* WebKit */
	-webkit-background-size: auto 100%;
	/* Opera 9.5+, later Google Chrome */
	background-size: auto 100%;
}
.portfolio-signature
{
	display: inline-block;
	float: right;
	padding-top: 10px;
	font-size: 14px;
	line-height: 25px;
	font-style: italic;
	color: #a44132;
}
.inline-text
{
	padding: 30px 30px 0 30px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400; 
	text-align: left;
	color: #31373f;
}

/******************************************************************************/
/*  PORTFOLIO THUMBNAIL HOVER                                                 */
/******************************************************************************/
.item-overlay 
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 11px;
	background-color: #f05c45;
    z-index: 120;
}
.item-overlay a.preview 
{
	position: absolute;
	width: 55px;
	height: 55px;
	bottom: 35%;
	right: 40%;
	background: url(../images/zoom.png) center center no-repeat;
	text-indent: -9999px;
    z-index: 110;
}
.item-overlay a.preview_video 
{
	position: absolute;
	width: 55px;
	height: 55px;
	bottom: 35%;
	right: 40%;
	background: url(../images/video.png) center center no-repeat;
	text-indent: -9999px;
    z-index: 110;
}

/******************************************************************************/
/*  NEWS                                                                      */
/******************************************************************************/
a#news-prev
{
	display: inline-block;
	margin-left: 0px !important;
	width: 40px;
	height: 40px;
	background-image: url('../images/about_arrow_left.png');
    background-repeat: no-repeat;
}
a#news-next
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('../images/about_arrow_right.png');
    background-repeat: no-repeat;
}
a#news-prev.hover_effect, a#news-next.hover_effect, a.read-more.hover_effect
{
	background-position: left bottom;
}
.news h2.hover_effect
{
	/*color: #e5e5e5;*/
	color: #ac4636;
}
.news h2
{
	cursor: pointer;
}
a.read-more
{
	display: inline-block;
    height: 20px;
	width: 26px;
	background-image: url('../images/news_arrow.png');
    background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 15px;
}

/******************************************************************************/
/*  MILESTONES                                                                */
/******************************************************************************/
.milestones-list img
{
	display: block;
	float: left;
	padding-top: 15px;
}
span.span-number
{
	font-size: 100px;
	line-height: 100px;
	color: #f1674a;
}
span.span-milestones
{
	display: block; 
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
	color: #31373f;
}
.milestones-wrapper
{
	width: 222px;
	float: left;
}
ul.milestones-list
{
}
ul.milestones-list li        
{
	clear: both;
	margin-bottom: 50px;
}

/******************************************************************************/
/*  CHART                                                                     */
/******************************************************************************/
.chart
{
	width: 100%;
	height: 330px;
	background-image: url('../images/chart.png');
	background-position: center;
	background-repeat: no-repeat;
}

/******************************************************************************/
/*  CONTACT                                                                   */
/******************************************************************************/
.contact p
{
	margin-bottom: 30px;
}
.contact-form p
{
	margin-bottom: 10px;
}
span.span-contact-form
{
	display: block;
}
.contact-form label
{
    display: block;
	margin-left: 5px;
	font-size: 14px;
	line-height: 28px;
	color: #31373F;		
}
.contact-form input[type=text]
{	
	display: block;
	width: 100%;
    margin-bottom: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 10px;
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
  	background-color: #ffffff;
	color: #31373F; 
	border: none;
	outline: none; 
}
.contact-form textarea
{	
    display: block;
	width: 100%;
	max-width: 100%;
    height: 80px;
    margin-bottom: 11px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px; 
	text-indent: 15px;
	background-color: #ffffff;
	color: #31373F;
	overflow: auto;
    border: none;
	outline: none;
}
.submit-btn
{
	display: inline-block;
	padding: 16px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #f05c45;
	color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.submit-btn.hover-effect
{
	background-color: #dc543f;
}
#mail-message 
{
	width: 200px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	text-align: left;
	color: #f05c45;
}

/******************************************************************************/
/*  FOOTER                                                                    */
/******************************************************************************/
footer
{
	text-align: center;
}
footer p
{
	padding-top: 40px;
	color: #516367;
}
.socio_contact 
{
	width: 209px;	
	margin: 0 auto;
}
.socio_contact ul 
{
	width: 209px;
	line-height: normal;  
}
.socio_contact ul li 
{
	float: left;
	margin-right: 11px;
}
.socio_contact ul li.last 
{
	margin-right: 0px;
}
.socio_contact ul li a
{	
    display: block;
    height: 33px;
    width: 33px;
}
.socio_contact ul li a:active
{
    background-position: left bottom;
}
.socio_contact ul li a:hover 
{
	 background-position: left bottom;
}
a.socio_contact_twitter {background: transparent url('../images/contact_twitter_icon.png') no-repeat;}
a.socio_contact_facebook {background: transparent url('../images/contact_facebook_icon.png') no-repeat;}
a.socio_contact_dribbble {background: transparent url('../images/contact_dribbble_icon.png') no-repeat;}
a.socio_contact_pinterest {background: transparent url('../images/contact_pinterest_icon.png') no-repeat;}
a.socio_contact_flickr {background: transparent url('../images/contact_flickr_icon.png') no-repeat;}

/******************************************************************************/
/*  POPUP                                                                     */
/******************************************************************************/
.hidden
{
	display: none;
}
.modal 
{
	width: 790px;
	z-index: 99999; 
}
.popup-close
{
	display: block;
	position: absolute;
	width: 75px;
    height: 80px;
	right: -75px;
	top: 50px;
    overflow: hidden;
	cursor: pointer;
}
.popup-close .image-holder
{
	position: relative;
	width: 75px;
	height: 80px;
    overflow: hidden;
}
article .article-content
{
	
    padding: 50px 50px 25px 50px;
	background-color: #fff;
	color: #999999;
}
article .article-content h1
{
	margin-bottom: 30px;
	width: 49%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #f05c45;
}
article .article-content h2
{
	margin-top: 45px;
	margin-bottom: 35px;
	padding: 5px 0 5px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	line-height: 24px;
	color: #f05c45;
	border-left: 10px solid #f1674a;
}
img.top-round
{
	width: 100%;
	height: auto;
	/* CSS3 */
	border-radius: 3px 3px 0 0;
	/* Safari, Chrome */
	-webkit-border-radius: 3px 3px 0 0;
	/* Firefox */
	-moz-border-radius: 3px 3px 0 0;
}
.ow-overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #424242;
	opacity: 0.9;
	z-index: 10000;
}
.ow-closed {
	display: none;
}
iframe
{
	width: 100%;
}
div.vimeo
{
	background-color: #f0f0f0;
}

/******************************************************************************/
/*  MARGINS                                                                   */
/******************************************************************************/

.m-top-10
{
	margin-top: 10px;
}
.m-top-25
{
	margin-top: 25px;
}
.m-top-45
{
	margin-top: 45px;
}
.m-top-50
{
	margin-top: 50px;
}
.m-top-60
{
	margin-top: 60px;
}
.m-top-75
{
	margin-top: 75px;
}
.m-top-115
{
	margin-top: 115px;
}
.m-top-260
{
	margin-top: 260px;
}
.m-bottom-10
{
	margin-bottom: 10px;
}
.m-bottom-20
{
	margin-bottom: 20px;
}
.m-bottom-25
{
	margin-bottom: 25px;
}
.m-bottom-30
{
	margin-bottom: 30px;
}
.m-bottom-40
{
	margin-bottom: 40px;
}
.m-bottom-45
{
	margin-bottom: 45px;
}
.m-bottom-60
{
	margin-bottom: 60px;
}
.m-bottom-75
{
	margin-bottom: 75px;
}
.m-bottom-100
{
	margin-bottom: 100px;
}

.sponsors
{
	height: 80px;
	margin: 0px auto 20px;
}

.form-outline{
	background-color: #ffffff;
	border-radius: 7px;
	border: 2px solid;
	border-color: #cc0000;
	padding: 10px;
}

.form-group{
	padding: 10px;
}

.form-control{
	display: block;
	width: 95%;
	max-width: 95%;
	height: auto;
	vertical-align: middle;
	padding: 4px 8px;
	color: #31373F;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 0px; /* 30px */
	border-radius: 4px;
	font-size: 14px;
}



.control-label{
	line-height: 2.2em;
	width: 90%;
	font-weight: bold;
	float:none;
}

.help-block{
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #ffffff;
	background-color: #a94442;
	line-height: 2.2em;
	padding-left: 5px;
}

/*added in March 2015 
#mainContent, #ContentHeader
{
    margin: 0
    auto;
    width: 980px;
    background-color: #ffffff;
    clear: left
}
*/

ul.content-text-list  {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: rgb(51, 51, 51);
}
ul.content-text-list li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}
/*************** Navbar ***********************/
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #999
}

.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #f22
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #f22
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch;
    background-color: #e5e5e5;  /* added */
    
    
    
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none/
    }

    .navbar-collapse.collapse {
        /*display: block !important; */
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header,
.container>.navbar-collapse, .container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header,
    .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

@media (min-width:768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
   /* margin-top: 8px; */
    margin-bottom: 8px
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top;  /* middle */
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
        float: none;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-form.navbar-right:last-child {
        margin-right: -15px
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
    color: #999
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #080808;
    color: #fff
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #999
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #999
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.btn
{
	display: inline-block;
	background-color: #cc0000;  /*red*/
	color: #ffffff;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 2px solid;
	border-color: #cc0000;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 10px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn:hover {
	background-color: #e5e5e5; /*  lgrey; */
	color: #000000;
}

.loggedin
{
	float: right;
	margin-left: 10px;
	margin-top: 15px;
	line-height:  10px;
}

.loggedin a, .loggedin span
{
	font-size: 8pt;
	font-weight: normal;
	vertical-align: top;
}
#socMedia
{
	clear: right;
	float: right;
	margin-top: 10px;
}

#socMedia img
{
	width: 32px;
	height: 32px;
}	

.sticky-wrapper
{
	height: 115px;
	padding-top: 0px;
	margin-top: 0px;
}

.nav_categories
{
	list-style: disc outside none;
	line-height: 14px !important;
}
	
.nav_categories a
{
	font-size: 12px !important;
	font-weight: bold;
}

#register-buyer
{
	text-align: right;	
	
}
#register-buyer a
{
	font-size: 12px !important;
	color: #F1674A !important;	
	
}