::-moz-selection{
background:#FF9000;color:#fff
}
::selection{
background:#FF9000;color:#fff
}
    

h1 {font-family: 'Junge', serif; font-weight: normal; margin: 0;}
li, h2, h3, p {font-family: 'Open Sans', 'Calibri', sans-serif; font-size: 14px; font-weight: normal; margin: 0;}
#menu li, #footer h1, #footer h2, #footer li {font-family: 'Calibri', sans-serif;}
img {border: 0px;}
a {position: relative; color: #475675;}
  a:hover {color: #000000;}
  a:active {top: 1px;}

#headWrapper {position: absolute; top: 0; left: 0; width: 100%; min-height: 80px; background-color: #FAFAFA; background-image:url(images/bglines2.png); z-index: 99;}
    #menu {max-width: 900px; margin-left: auto; margin-right: auto;}
    #menu a {text-decoration: none; color: #FFFFFF;}
    #menu a:hover {color: #FFFFFF; -moz-transition: color 0.2s linear 0s; -webkit-transition: color 0.5s linear 0s; -o-transition: color 0.5s linear 0s;}
    #menu #login a {color: #FF9000;}
    #menu p {color: #333333; font-size: 10px;}
      ul#navigation {position: relative; top: -8px; display: inline; list-style: none; padding: 0;  margin: 0; padding-left: 20px; padding-bottom: 10px;}
      li.hide, li.navigation {position: relative; display: inline; margin-right: 30px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #FFFFFF;}
      
      ul.sub_nav {display: block; min-width: 190px; list-style: none; position: absolute; top: 18px; left: 0px; background: #FFFFFF; border-radius: 0px 6px 6px 6px; z-index: 10; padding: 10px 0px;}
      #menu li.sub_nav {line-height: 100%; -moz-transition: background 0.2s linear 0s;}
      #menu li.sub_nav:hover {background: #FF9000;}
      #menu li.sub_nav a {padding: 5px 20px; font-size: 14px; color: #333333; display: block;}
      #menu li.sub_nav:hover a {color: #FFFFFF; -moz-transition: color 0.2s linear 0s; -webkit-transition: color 0.5s linear 0s; -o-transition: color 0.5s linear 0s;}
      .hide .sub_nav {display: none;}
    
    #login {}
	#orange {position: absolute; bottom:0; left:0; width: 100%; height: 5px; background-color: #FF9000; border-top: 1px solid #FFBB62; border-bottom: 1px solid #D9D9D9;}
  #logo {width: 250px; padding-top: 10px;}
	

#mainWrapper {position: absolute; top:80px; left:0; width: 100%; background-color: #F5F6F7; background: #FAFAFA; border-top: 1px solid #FFFFFF; background-image:url(ximages/main_bg.png); background-attachment: fixed;}
  
	#main {position: relative; margin-top: 30px; margin-bottom: 0px;}

    .content {position: relative; max-width: 900px; padding: 10px; margin-bottom: 80px; margin-left: auto; margin-right: auto;}
      .content h1 {font-size: 34px; color: #475675; margin-bottom: 20px; text-shadow: -1px 1px 0 #C0C0C0;}
      .content h2 {font-size: 24px; color: #FF9000; font-weight: bold; margin-bottom: 20px; text-shadow: -1px 1px 0 #FFFFFF;}
      .content p {font-size: 14px; color: #000000; margin-bottom: 10px;}
      .content img {max-width: 100%;} 
    
    .shadowdown {height: 25px; width: 100%; border-top: 1px solid #FAFAFA; background-image: url(http://ishowcaseinc.com/projects/ng/images/shadow.png); background-repeat: no-repeat; background-position: 50% 0%;}
    .breakdown {height: 0px; width: 100%; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #FFFFFF; margin-top: 20px; margin-bottom: 20px;}
    .breakup {height: 0px; width: 100%; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #D9D9D9; margin-top: 20px; margin-bottom: 20px;}
    .break {clear: both;}
    a.letsgo {color: #FF9000; border-left: 3px solid #FF9000; border-radius: 0px 6px 6px 6px; padding: 5px; padding-right: 25px; text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: bold; background-image: url(images/arrow.png); background-repeat: no-repeat; background-position: 100% 50%;}
		   a.letsgo:hover {border-left: 4px solid #FF9000; border-color: #475675; color: #475675; background-image: url(images/arrow_blue.png); background-repeat: no-repeat; background-position: 100% 50%;} 
       a.letsgo:active {border-left: 1px solid #475675;}
    .box_wrapper a.letsgo {-moz-transition: border 0.2s linear 0s; -moz-transition: top 0.2s linear 0s; -webkit-transition: border 0.2s linear 0s; -webkit-transition: top 0.2s linear 0s; position: relative; top: 2px; color: #FF9000; border: 1px solid #FF9000; border-bottom: 3px solid #FF9000; border-radius: 0px 6px 6px 6px; padding: 5px; text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: bold; background-image: none;}
		  .box_wrapper a.letsgo:hover {top: 0; border-bottom: 5px solid #475675; border-color: #475675; color: #475675; background-image: none;}
		  .box_wrapper a.letsgo:active {border-bottom: 1px solid #475675; top: 4px;}
    h1 a.letsgo {background: none;}
    h1 a.letsgo:hover {background: none;}
    img.border {border: 1px solid #FF9000; border-bottom: 3px solid #FF9000; border-radius: 0px 6px 6px 6px; max-width: 100%;}
    .indent {margin-left: 10px;}
        
          
		.box_wrapper {background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 0px 6px 6px 6px; margin-top: 50px; margin-bottom: 50px; padding-top: 30px; padding-bottom: 30px;}
    .box_wrapper a {text-decoration: none; font-weight: bold; color: #EF9B28; font-size: 13px;}
		  .box_wrapper a:hover {color: #475675;}
    .box_wrapper h1 {font-size: 22px; color: #FF9000; margin: 0px; padding-top: 20px; text-align: center;}
    .box_wrapper h2 {font-size: 16px; color: #475675; margin: 0px; font-weight: bold;}
    .box_wrapper h3 {font-size: 14px; color: #555555; margin: 0px; font-style: italic;}
		.box_wrapper p {font-size: 13px; color: #000000; margin-top: 15px;}
    
    .box {width: 95%; margin: 17px;}
    .box2 {width: 46%; padding: 17px; float: left;}
    .box4 {width: 21%; float: left; padding: 17px;}
    
		.textInput, .textareaInput {margin-bottom: 9px; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 14px; color: #333333; background-image: url(images/main_bg.png); border: 1px solid #E2E2E2; border-radius: 0px 6px 6px 6px; width: 95%}
    .textInput {height: 20px; padding: 5px;}
    .textareaInput {height: 200px; padding: 5px;}
    .form_button {background: #FFFFFF; border: 1px solid #FF9000; border-bottom: 5px solid #FF9000; border-radius: 0px 6px 6px 6px; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 14px; color: #FF9000;}
    .form_button:hover {border-color: #475675; color: #475675;}

    #manufacturer h2, #retailer h2 {font-size: 24px; color: #FF9000;}
    
		
			
	#footer {position: relative; clear: both; width: 100%; min-height: 300px; background-color: #475675; background: #FAFAFA; background-image:url(images/bglines2.png)}
    #social {position: absolute; top: 3px; right: 5%; height: 30px; padding-left: 10px; padding-right: 10px; z-index: 80; background: #FFD800; border-radius: 0px 6px 6px 6px;}
      #social img {position: relative; margin-right: auto; margin-left: auto; margin-top: 5px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-radius: 0px 6px 6px 6px;}
		#foottab {position: absolute; top: -200px; left: 0; width: 200px; height: 200px; background-image:url(images/product_box.jpg);}
		#footbar {position: absolute; top: 0px; left:0; width: 100%; height: 5px; background-color: #FFD800; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #375186}
		#footnav {position: relative; max-width: 900px; margin-left: auto; margin-right: auto;}
			.navbox h1 {font-size: 14px; color: #C2C2C2; text-transform: uppercase; font-weight: bold; text-align: left; padding-left: 5px; padding-bottom: 10px; background-image:url(images/foot_div.png); background-position: bottom; background-repeat: repeat-x;}
			.navbox h2 {font-size: 12px; color: #C2C2C2; text-transform: uppercase; padding: 5px; text-align: left; background-image:url(images/foot_div.png); background-position: bottom; background-repeat: repeat-x;}
			#footer a {text-decoration: none;}
				#footer a:link {color: #C2C2C2;}
				#footer a:visited {color: #C2C2C2;}
				#footer a:hover {color: #FFFFFF; -moz-transition: color 0.2s linear 0s; -webkit-transition: color 0.5s linear 0s; -o-transition: color 0.5s linear 0s;}
				#footer a:active {color: #FFFFFF;}
			.firstnav_box, .secondnav_box, .thirdnav_box {float: left; padding-top: 40px; margin-right: 50px;}
		#footsig {clear: both; padding-top: 50px;}	
		  #footsig h2 {font-size: 10px; letter-spacing: 1px; color: #555555; color: #FFFFFF; text-transform: uppercase;}
  				
  				
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:800px;
}
				
.AccordionTitle
{
  height:20px;
  overflow:hidden;
  background-color: #FFFFFF;
  cursor:pointer;
  font-family: 'Junge', serif; font-size: 14px; color: #475675;  margin-top: 0; margin-bottom: 0; font-weight: 200; text-align: left;
  display:table-cell;
  -moz-user-select:none;
}

.AccordionContent
{
  overflow: hidden;
  background-color: #FFFFFF;
  display:none;
	font-family: 'Open Sans', sans-serif; font-size: 12px; color: #777777; margin-top: 0; margin-bottom: 0; font-weight: 200; text-align: left;
}

.AccordionContainer
{
  background-color: #FFFFFF;
}



.last {margin-right: 0px;}

@media (max-width: 900px)
{
  .index_box {max-width: 900px;}
  .box2 {width: 95%; clear: both; padding-top: 20px; padding-bottom: 20px;}
  .box4 {width: 45%; padding-top: 20px; padding-bottom: 20px;}
  .third_box {clear: both;}
  
}           

@media (max-width: 720px)
{
  ul#navigation {display: block; top: 0px;}
  .box4 {width: 95%; clear: both;}
}

@media (max-width: 500px)
{
  li.navigation {font-size: 12px; margin-right: 5px;}
  ul.sub_nav {top: 15px;}
  #menu li.sub_nav a {font-size: 11px;}
  ul.sub_nav {min-width: 100px;}
  #menu li.sub_nav {padding: 5px 8px;}
  .firstnav_box, .secondnav_box, .thirdnav_box {width: 150px; float: none; padding-top: 30px; padding-bottom: 0px; margin-left: auto; margin-right: auto;}
  .box4, .box2, .box {width: 90%;}
  .content h1 {font-size: 24px;}
  .content h2 {font-size: 18px;} 
}