html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #2d3130;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #545F66;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
    
	color: #bc1d1d;
	
}

h1 {
    font-size:24px;
    color:#bc1d1d;
}

h1 span {
    color: #bc1d1d;
}

h2 {
    font-size:18px;
    font-weight: normal;
    color: #bc1d1d;
    margin-bottom:20px;
}

h2.center {
  text-align:center;
  width:100%;
  margin-bottom:20px;
}

h3 {
    font-size:16px;
    font-weight: normal;
    color: #bc1d1d;
    font-style:italic
}



.subtitle {
	font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    font-weight: normal;
    letter-spacing:1px;
    color: #999999;
	
}

h3.line {
	font-size:18px;
    height: 30px;
	background: url(images/list-style1-line.png) repeat-x bottom;
    margin-bottom:10px;
}



p, ol, ul {
	margin-top: 0px;
}


p, ol {
	line-height: 180%;
}

strong {
	color: #2D373D;
}

a {
	color:#bc1d1d;
    text-decoration:none;
}

a:hover {
	text-decoration: none;
   
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 25px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}



#wrapper
	{ 
	width: 980px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
	background-color: #FFFFFF;
    
}


.container {
	width: 1060px;
	margin: 0px auto;
    
}

.clearfix {
	clear: both;
}

/** HEADER */

#header-bg
	{ 
	background-color:#ffffff;
    width:100%;   
    height:140px; 
    z-index:1;
   
    padding:0px;
}

#header
	{ 
    width: 980px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
    height:235px;
    
    padding-top:0px;
    
}

/** footer */

#footer-bg
	{ 
	background-color:#e7e7e7;
}

#footer
	{ 
    width: 980px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
    padding:30px 0px 30px 0px;  
}

#footer-bg2
	{ 
	background-color:#000000;
}

#footer2
	{ 
    width: 980px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
    padding:30px 0px 30px 0px; 
    color:#ffffff; 
}

#footer2 a {
    color: white;
    text-decoration:none;    
    }


/** LOGO */

#logo {
	float: left;
	width: 260px;
	height: 82px;
    margin-left:10px;
    margin-top:20px;
 
   
}

#address-header {
}

	#address-header h1
		{
			
			display: inline;
			
			top: -0.40em;
			text-transform: uppercase;
			font-size: 20px;
			font-weight: 500;
			text-align:right;
			color: #000000;
            letter-spacing:2px;
		}
		#address-header h2
		{	
			display: inline;
			
			top: -0.40em;
			text-transform: uppercase;
			font-size: 15px;
			font-weight: 500;
			text-align:right;
			color: #000000;
            letter-spacing:2px;
		}


#social {
float: right;
	width: 500px;
	height: 74px;
    margin-right:10px;
    margin-top:0px;
   
}

.headerCall {
    font-family: 'Roboto Condensed', sans-serif;
    color:#AAAAAA;
    font-size: 22px;
    font-weight:lighter;
    padding-top:20px;
}

.social {
    float:right; 
    width:40px;
   
   
}



/** MENU */

#the-menu
	{ 
    width: 990px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
    height:60px;
   
    padding-top:0px;
    background-color:#4a514f;
}


#menu-wrapper {
	float: left;
	width: 100%;
	height: 55px;
    
   
     
}

#menu {
	float: left;
	list-style: none;
	line-height: 32px;
	text-decoration: none;
	
	font-size: 18px;
	color: #aaaaaa;

   
}

#menu li {
	float: left;
	padding: 0px 20px 0px 0px;
   
}

#menu a {
	display: block;
	text-decoration: none;
	color:#aaaaaa;
    padding:10px 20px 10px 20px;
    border-top:solid #4a514f 5px;
   
}

#menu a:hover {
	text-decoration: none;
    border-top:solid #bc1d1d 5px;
    background-color:#3e4442;
}

#menu .last {
	padding-right: 0px;
}

/** DROPOTRON */

.dropotron li.opener {
}

.dropotron {
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	list-style: none;
	/*font-family: 'Roboto Condensed', sans-serif;*/
    font-family: Arial;
	font-size: 14px;
    font-weight:300;
	color: #aaaaaa;
	background: url(images/menu-dropotron-bg.png) repeat left -30px;
}

.dropotron-level-1 {
	padding: 40px 0px 15px 0px;
	background: url(images/menu-dropotron-bg.png) repeat left top;
}

.dropotron a, .dropotron span {
	line-height: 34px;
	text-decoration: none;
	color: #aaaaaa;
}

.dropotron li {
	height: 34px;
	padding: 0px 0px 0px 20px;
	color: #aaaaaa;
}

.dropotron li:hover 
{
    text-decoration:underline;
}

.dropotron li:hover > a, .dropotron li:hover > span {
}

.dropotron li .arrow {
}

.dropotron .first a {
	border-top: none;
}

.dropotron li:hover > span {
}

.magenta:hover {
    color:blue;
}


/** Banner **/

#top-banner
	{ 
    width: 990px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
    height:379px;
   background-color:#000000;
    padding-top:0px;
    
}

/** PAGE */

#page {
	width: 980px;
	margin: 0px 20px 0px 20px;
	background: #FFFFFF;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
    padding-left:5px;
    padding-right:5px; 
    padding-top:50px;
    padding-bottom:100px;
 
}

/** CONTENT */

#full-content {
    padding: 0px 10px 0px 10px;

}

#content {
	float: left;
	width: 660px;
}

.two-column2 #content {
	float: right;
}






/** SIDEBAR */

#sidebar {
	float: right;
	width: 320px;
	padding: 30px 0px 0px 0px;
}

.two-column2 #sidebar {
	float: left;
}

#sidebar h2 {
	padding: 0px 0px 30px 0px;
	letter-spacing: -2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #09161F;
}





/** LIST STYLE 1 */

.list-style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style1 li {
	padding: 0px 0px 9px 0px;
}

.list-style1 a {
	text-decoration: none;
	color: #545F66;
}

.list-style1 a:hover {
	text-decoration: underline;
}

.list-style1 .posted {
	display: block;
	margin: -15px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	color: #9EA7AC;
}

/** LIST STYLE 2 */

.list-style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style2 li {
	float: left;
	padding: 0px 0px 20px 20px;
}


.list-style2 .nopad {
	padding-left: 0px;
}

/** LIST STYLE 3 */

.list-style3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


.list-style3 li {
	padding: 0px 0px 20px 0px;
}

.list-style3 a {
	color: #545F66;
}

/** LIST STYLE 4 */

.list-style4 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
    
}



.list-style4 li {
	background-image: url(images/bro-pro-bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 13px; 
    padding-left: 18px; 
    padding-bottom:9px;
    padding-top:9px;
    border-bottom:solid 1px #ededed;
}

.list-style4 a {
	text-decoration: none;
	color: #bc1d1d;
}

.list-style4 a:hover {
	text-decoration: none;
    color:#4a514f;
}





/** four COLUMN */

#four-column {
	width: 980px;
	padding: 0px 0px 40px 0px;
 
}

#four-column #colA {
	float: left;
	width: 228px;
   
    padding:0px 10px 0px 5px;
}

#four-column #colB {
    float: left;
	width: 228px;
    
    padding:0px 10px 0px 10px;
}

#four-column #colC {
	float: left;
	width: 228px;
     
     padding:0px 10px 0px 10px;
}

#four-column #colD {
	float: right;
	width: 228px;
    
     padding:0px 0px 0px 10px;

}

/** THREE COLUMN */

#three-column {
	width: 970px;
	padding: 30px 0px 40px 0px;
  
}

#three-column #colA {
	float: left;
	width: 280px;
    padding: 5px 40px 5px 20px;

  
}

#three-column #colB {
    float: left;
	width: 290px;
     padding: 5px 0px 5px 0px;
         
  
}

#three-column #colC {
	float: right;
	width: 290px;
     padding: 5px 5px 5px 40px;

}

/** TWO COLUMN */

#two-column {
	width: 980px;
	padding: 0px 0px 0px 0px;
}

#two-column #colA {
	float: left;
	width: 475px;
    padding-left:5px;
    padding-right:5px;
}

#two-column #colB {
	float: right;
	width: 475px; 
    padding-left:5px;
    padding-right:5px;
}

/** TWO-Thrids COLUMN */

#two-thirds-column {
	width: 980px;
	padding: 0px 0px 0px 0px;
}

#two-thirds-column #colA {
	float: left;
	width: 631px;
    padding-left:20px;
    padding-right:10px;
   
    
}

#two-thirds-column #colB {
	float: right;
	width: 295px;
    padding-left:5px;
    padding-right:10px;
    padding-top:10px;
}

/** SLIDESHOW */
#BXSliderContainer {
    padding-top: 00px;
    width: 990px;
    height: 210px;
    
    padding-left:5px;
 
}

.bx-slider-text-area {
    text-align:center;
    height:200px;
    padding-top:20px;
}

.bx-slider-text {
    display: block;
	top: -0.40em;
	font-size: 22px;
	font-weight: 500;
	text-align:center;
	color: #ffffff;
    letter-spacing:2px;
    width:800px;
  
    line-height:40px;
}

#slider-bg {
    /*background-image: url(images/slider-bg.png);*/
    width: 990px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
    padding-top:0px;
    height:290px; 
    background-color:#bc1d1d;
}

#slider-content
	{ 
    width: 980px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
    height:393px; 
   
    
}

#slider {
	width: 980px;
	height: 200px;
	position: relative;
  
}

#slider .viewer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 980px;
	height: 393px;
	overflow: hidden;
}

#slider .reel {
	width: 980px;
	height: 393px;
}

#slider .slide {
	width: 980px;
	height: 393px;
}

#slider .button {
	display: inline-block;
	height: 65px;
	z-index: 10;
	text-indent: -9999em;
	cursor: pointer;
}

#slider .previous-button {
	position: absolute;
	top: 139px;
	left: 0px;
	width: 15px;
	height: 65px;
	background: url(images/slider-previous-bgx.png) no-repeat left top;
   
}

#slider .next-button {
	position: absolute;
	top: 139px;
	right: 15px;
	width: 15px;
	height: 65px;
	background: url(images/slider-next-bgx.png) no-repeat left top;
}

#slider .border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/slider-inner-shadow.png) no-repeat left top;
	z-index: 10;
}

#box1 {
	margin-bottom: 40px;
}

#box2 {
	margin-bottom: 40px;
}
.selectedMenu {
    color: #00982c;
}

.smalltext {
    font-size: 10px;
}

/** images */

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
}

/**Buttons*/

.magenta-btn {
    padding: 10px 0px 10px 0px;
    background: #C41284;
    border-radius: 5px;
    width: 226px;
    text-align: center;
    display:block;
    
    color:#FFFFFF;
    text-decoration:none;
    text-transform :uppercase;
}

.yellow-btn {
    padding: 10px 0px 10px 0px;
    background: #FEED1B;
    border-radius: 5px;
    width: 226px;
    text-align: center;
    display:block;
    margin-left: auto;
    margin-right: auto;
    color:#FFFFFF;
    text-decoration:none;
    text-transform :uppercase;
}

.cyan-btn {
    padding: 10px 0px 10px 0px;
    background: #00A8E9;
    border-radius: 5px;
    width: 226px;
    text-align: center;
    display:block;
    margin-left: auto;
    margin-right: auto;
    color:#FFFFFF;
    text-decoration:none;
    text-transform :uppercase;
}

.magenta-btn-center {
    padding: 10px 0px 10px 0px;
    background: #C41284;
    border-radius: 5px;
    width: 226px;
    text-align: center;
    display:block;
    margin-left: auto;
    margin-right: auto;
    color:#FFFFFF;
    text-decoration:none;
    text-transform :uppercase;
}

.insight-btn {
    padding: 10px 0px 10px 0px;
    background: #bc1d1d;
    border-radius: 5px;
    width: 226px;
    text-align: center;
    display:block;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    color:#FFFFFF;
    text-decoration:none;
    text-transform :uppercase;
}

.insight-btn-small {
    padding: 10px 20px 10px 20px;
    background: #bc1d1d;
    border-radius: 5px;
    width: 50px;
    text-align: center;
    display:block;   
    color:#FFFFFF;
    text-decoration:none;
    text-transform :uppercase;
    margin-top:20px;
}

/**News Feed Footer*/

a.news-title {
  font-size: 15px;
  color:#bc1d1d;
  display:block; 
  text-decoration:none; 
  padding-top:5px;
  padding-bottom:5px;

}

a:hover.news-title {
    color:#545F66;
    }
p.news-synopsis {
  font-size: 14px;
  padding-bottom:5px;
  background: url(images/list-style1-line.png) repeat-x bottom;
}

/**Footer Address*/
p.footer-address {
    font-style:italic;
}

/**Form*/

p.title-frm {
	font-family: 'Roboto Condensed', sans-serif;
    font-size:14px;
    height: 10px;   
}

textarea {
   font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #000000;
}

/**Management Team */

.mgt-team {
   
    padding-bottom:15px;
    padding-top:15px;
    background: url(images/list-style1-line.png) repeat-x bottom;
    height:auto;
    }

p.mgt-team-colA {
	float: left;
	width: 228px;  
    padding:0px 10px 0px 5px;
    
}
p.mgt-team-colB{
	float: right;
	width: 715px;  
    padding:0px 5px 0px 10px;
  
}
.mgt-team-img {
    
    padding:10px 10px 10px 10px;
    margin:1px 1px 1px 1px;
    background-color:#f6f6f6;
    border:1px #eaeaea solid;
    }

.mgt-team-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:20px;
    height: 40px; 
    display:block; 
    color:#bc1d1d; 
}
.mgt-team-position {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    height: 10px; 
    display:block;  
    height: 25px; 
}

.mgt-team-line {
    border-top:solid 1px #eaeaea;
}

/**testimonials*/
.blockquote {
    background: url(images/pull-quote-dark.png) no-repeat scroll 0 4px transparent;
    margin-top:20px;
    padding: 5px 10px 5px 35px;
    line-height:30px;
    font-style: italic;
    
    display:block;
}

.quote-byline {
    padding:10px 10px 10px 0px;
    text-align:right;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    height: 10px; 
    display:block;  
    height: 25px; 
    color:#bc1d1d;
    background: url(images/list-style1-line.png) repeat-x bottom;

}

.quote-byline-side {
    padding:10px 10px 10px 0px;
    text-align:left;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:16px;
    display:block;  
    height: 45px; 
    color:#bc1d1d;
    background: url(images/list-style1-line.png) repeat-x bottom;
   

}

.test-read-more {
    padding:10px 10px 10px 0px;
    text-align:right;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    height: 10px; 
    display:block;  
    height: 25px; 
    color:#bc1d1d;

}


/**News */

.news-byline {
    margin-top: 20px;
    padding: 5px 10px 5px 0px;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    height: 10px;
    display: block;
    height: 25px;
    color: #bc1d1d;
   
}



.news-blockquote {
    padding:5px 10px 10px 0px;
    font-style: italic;
    display:block;
    
}

.news-read-more {
        padding:10px 10px 10px 0px;
    text-align:right;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    height: 10px; 
    display:block;  
    height: 25px; 
    color:#bc1d1d;
     background: url(images/list-style1-line.png) repeat-x bottom;

}

/** Slider Toggle */
.slide-title {
     font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    padding-bottom:5px;
    color:#bc1d1d;
    display:block;
    background-image: url(images/plus-icon.png);
    background-repeat: no-repeat;
    background-position: 0px 6px; 
    padding-left: 18px; 
    
}
.minus_icon {
   
    background-image: url(images/minus-icon.png);
}

.slide-more {
     padding-left: 18px; 
     padding-bottom:10px;
}
/* contact empasis */

.contact-text {
    font-size: 18px;
    font-weight: normal;
    color: #bc1d1d;
    margin-bottom: 20px;
    margin: 0px;
   line-height:40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    padding-bottom:5px;
}

.contact-text-grey {
  color: #545F66; 
    font-size: 18px;
    font-weight: normal;
  
    margin-bottom: 20px;
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400; 
}

/* error Block  */
.error {
     display:block;
    padding-left: 18px;
    background-color:#fff2ed;
    border:solid red 1px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center; 
    color:red;
}

/* Product information */

.producttitle
{
    font-family: 'Roboto Condensed', sans-serif;
    
    color: #bc1d1d;
    font-size:18px;
}

.productinfo {
    width:175px;
    text-align:left;
    margin-bottom:15px;
}

.productaroundcat
    {
        padding:10px 10px 10px 10px;    
    }

.productinfosub {
    font-style:italic;
    font-weight:bold;
}

.phantomaroundcatsml
    {
        background-color:#ffffff;
        border:1px solid #cccccc;
        padding: 2px 2px 2px 2px;
        margin-right:5px;
        
       
    }

   .list-product {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
    
}

.list-product li {
	background-image: url(images/bro-pro-bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 13px; 
    padding-left: 18px; 
    padding-bottom:9px;
    padding-top:9px;
    border-bottom:solid 1px #ededed;
}

.list-product a {
	text-decoration: none;
	color: #545F66;
}

.list-product a:hover {
	text-decoration: none;
    color:#bc1d1d;
}
.slide-support-detail {
    background-image: url(images/bro-pro-bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 8px; 
    padding-left: 18px; 
    padding-bottom:3px;
    padding-top:3px;
   
}

#footer-banner
	{ 
    width: 990px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
    height:100px;
    background-color: #4a514f;
    padding-top:0px;
    margin-bottom:50px;
    
}

.cart-btn-add {
    padding: 10px 20px 10px 20px;
    background: #006600;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    display:block;   
    color:#FFFFFF;
    text-decoration:none;
    text-transform :uppercase;
   
}

.cart-btn-OOS {
    padding: 10px 20px 10px 20px;
    background: #660000;
    border-radius: 5px;
    width: 110px;
    text-align: center;
    display:block;   
    color:#FFFFFF;
    text-decoration:none;
    text-transform :uppercase;
   
}


.prodmainprice {
    font-weight : bold;
    font-size:15px;
}

#social-banner
	{ 
    width: 990px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
   
    background-color: #e7e7e7;
    padding-top:0px;
    padding-bottom:20px;

    
    
    
}

.logo-image {
    padding: 10px 0px 10px 0px;
}