@charset "utf-8";
/* CSS Document */
/*a:-webkit-any-link {
	COLOR: #990033; 
	FONT-WEIGHT: inherit; 
	TEXT-DECORATION: none;
}*/

p, h1, h2, h3, h4, h5, h6, form {
	margin-bottom: 20px;
	font-weight: 400;
	color: #777777;
}
.featured_links_container, .bottom_container {
	width: 285px;
	float:left;
	line-height: 0;
	padding: 0px;
	margin: 7px 10px 25px 10px;
	position:relative;
	
}


/* A */

a, a:link, a:visited {
	COLOR: #a53795; 
	FONT-WEIGHT: inherit; 
	TEXT-DECORATION: none;
	-webkit-transition: color 0.3s linear 0s!important;
	transition: color 0.3s linear 0s!important;
}
a:hover {
	COLOR: #f36b24; 
	FONT-WEIGHT: inherit; 
	TEXT-DECORATION: none
}

/* B */

.button {
	font-family: "effra", Arial, Tahoma, sans-serif;
	font-weight:500;
	font-size: 15px;
	color: #ffffff;
	background-color: #2f7de1;
	border-radius: 5px;
	box-shadow: 0px 3px 0px 0px #005ec4;
	padding: 6px 10px 5px 10px;
	border:none;
	margin: 15px 15px 0px 0px;
	text-transform:uppercase;
	float:left;
	cursor:pointer;
}
.button:hover {
	background-color: #005ec4;
	box-shadow: 0px 3px 0px 0px #003b7c;
}

.bottom_container {
	height: auto;
	
}
.bottom_container h2 {
	border-bottom: #2f7de1 solid 3px;
	padding-bottom: 5px;
}

/* C */

#checkoutleft {
       clear:both;
       float: left;
       width: 100%;
}



/* D */

/* E */

/* F */

.featured_links_container {
	height: 220px;
	background-color:#000000;
}
.featured_links_container.alpha, .bottom_container.alpha {
	margin-left: 0px;
}
.featured_links_container.omega, .bottom_container.omega {
	margin-right: 0px;
}
.featured_links_container a, .featured_links_container a:link, .featured_links_container a:visited{
	color: #ffffff;
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:-100;
	
	
}
.featured_links_container a img {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  	
}
.featured_links_container a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.featured_links_container a span {
	font-family: "parisine-plus-std-gris", arial, tahoma, sans-serif;
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	position: absolute;
	bottom: 5%;
	left: 0px;
	right: 0px;
	text-align: center;
	margin: 0 15% 0 15%;
	color: #FFF;
	transition: color 0.3s ease 0s;
	/*text-transform: uppercase;*/
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	opacity: 0.9;
}
/*.featured_links_container a span::before, .featured_links_container a:link span::before, .featured_links_container a:visited span::before{
	position: absolute;
    width: 100%;
    left: 0;
    bottom: 20%;
    height: 2px;
    margin-top: -1px;
    background: rgba(255,255,255, 0.9);
    content: '';
    z-index: 1;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    pointer-events: none;
	opacity: 0;
}
.featured_links_container a span::before {
	-webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    transform: translateY(-45px);
}
.featured_links_container a span::after {
	-webkit-transform: translateY(45px);
    -moz-transform: translateY(45px);
    transform: translateY(45px);
}
  .featured_links_container a:hover span,
  .featured_links_container a:focus span {
    
	color: #ffffff;
    opacity: 1;

  }

  /*.featured_links_container a:hover span::before,
  .featured_links_container a:hover span::after,
  .featured_links_container a:focus span::before,
  .featured_links_container a:focus span::after {
	background: rgba(205,220,41,0.60);
	opacity: 0.5;
  }

  .featured_links_container a:hover span::before,
  .featured_links_container a:focus span::before {
	-webkit-transform: translateY(55px);
    -moz-transform: translateY(55px);
    transform: translateY(55px);
  }

  .featured_links_container a:hover span::after,
  .featured_links_container a:focus span::after {
	-webkit-transform: translateY(-55px);
    -moz-transform: translateY(-55px);
    transform: translateY(-55px);
  }*/

/* G */

/* H */

h1 {
	font-family: "parisine-plus-std-gris", arial, tahoma, sans-serif;
	font-weight:700;
	font-size: 29px;
	line-height: 35px;
	color: #2f7de1;
}
h2 {
	font-family: "parisine-plus-std-gris", arial, tahoma, sans-serif;
	color: #444444;
	font-weight: 700;
	font-size: 21px;
	line-height: 26px;
}
h3 {
	color: #999999;
	font-weight: 700;
	font-size: 19px;
	line-height: 24px;
	
}
h4 {
	color: #2f7de1;
	font-weight: 300;
	font-size: 21px;
	line-height: 26px;
}
h5 {
	color: #444444;
	font-weight: 700;
	font-size: 17px;
	line-height: 22px;
}
h6 {
	color: #000000;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
}

/* I */

/* J */

/* K */

/* L */

/* M */

.MainMenu, .MainCurrentTab {
	-webkit-transition: color 0.3s linear 0s!important;
	transition: color 0.3s linear 0s!important;
}
.MainMenuContainer a::after, .MainMenuContainer a:link::after, .MainMenuContainer a:visited::after {
	position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        height: 4px;
        background-color: #2f7de1;
content: "";
opacity: 0;
-ms-transform: translateY(14px);
-webkit-transform: translateY(14px);
transform: translateY(14px);
-webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.MainMenuContainer a:hover::after {
	position: absolute;
top: 100%;
left: 0px;
width: 100%;
height: 4px;
background-color: #2f7de1;
content: "";
opacity: 100;
-ms-transform: translateY(7px);
-webkit-transform: translateY(7px);
transform: translateY(7px);
-webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}


.Mainsmcontainer a::after, .Mainsmcontainer a:link::after, .Mainsmcontainer a:visited::after, .Mainsmcontainer a:hover::after {
	-webkit-transition:none!important;
	transition: none!important;
	-ms-transform: none;
-webkit-transform: none;
transform: none;
opacity: 0;
}
/*.MainCurrentTab::after {
	position: absolute;
top: 100%;
left: 0px;
width: 100%;
height: 4px;
background-color: #ffffff;
content: "";
opacity: 100;
transform: translateY(7px);
}*/

/* N */

/* O */

/* P */

p {
	font-size: 16px;
	line-height: 21px;
}

/* Q */

/* R */

/* S */

/* T */

.tbl {
	margin-bottom: 25px;
}

/* U */

/* V */

/* W */

/* X */

/* Y */

/* Z */




@media only screen and (max-width: 1900px) { 
	
#fadeshow1 {
	height:550px !important;
	
}

}

@media only screen and (max-width: 1500px) { 
	
#fadeshow1 {
	height:400px !important;
	
}

}

@media only screen and (max-width: 1250px) { 
	
#content_top, #content_bottom, #top_surround {
	width: 95%;
}

.featured_links_container, .bottom_container {
	width: 23.5%;
	margin-right: 1%;
	margin-left: 1%; 
}

.featured_links_container {
	height: 175px;
	background-color: transparent;
}

.featured_links_container a:hover img {
  filter: alpha(opacity=100);
  opacity: 1;


}
#head_image{ 
	height: 250px;
}

@media only screen and (max-width: 1050px) { 
	
#fadeshow1 {
	height:300px !important;
	
}
.featured_links_container a span { 
	margin-right: 8%;
	margin-left: 8%;
}
#head_image{ 
	height: 200px;
}


@media only screen and (max-width: 950px) { 
	

.featured_links_container a span { 
	margin-right: 5%;
	margin-left: 5%;
}

@media only screen and (max-width: 850px) { 
#fadeshow1 {
	height:250px !important;
	
}
.featured_links_container, .bottom_container, .bottom_container.alpha, .bottom_container.omega, .featured_links_container.omega, .featured_links_container.alpha  {
	width: 48%;
	margin-right: 1%;
	margin-left: 1%; 
}
.featured_links_container {
	height: 275px;

}
#header {
	position:relative;
	float:left;
}
#head_image{ 
	height: 150px;
}
.heroimagewrapper {
	height: 315px;
}
#hri {
	max-height: 300px;	
}
#logo {
	margin-left: 1%;
}
#menu {
	display:none;
	margin-top: 10px;
	margin-left: 1%;
	float:left;
	padding-bottom: 25px;
}

#menumobile {
	display:inline-block;
}
.navtabon, .navtaboff {
	font-size: 12px!important;
	line-height: 12px!important;
	padding: 8px;
}
#features, #specifications, #information {
	margin-top: -14px;
}
.productdiv {
	width: 31.33333%; 
}


@media only screen and (max-width: 700px) {
#fadeshow1 {
	height:200px !important;	
}
.featured_links_container {
	height: 240px;
}
#head_image{ 
	height: 100px;
}

.MainMenuContainer {
	
	width: 100%!Important;
	padding-left:0px!Important;
	padding-right:0px!Important;
	text-align: center!Important;
	
	margin-right:auto!Important;
	margin-left:auto!Important;
	
}
.MainMenu {
	width: 100%!Important;
	padding-left:0!Important;
	padding-right:0!Important;
	text-align: center!Important;
	/*margin: 0 !important;*/
	margin-bottom: 5px!Important;
	
	

}
.MainMenu:hover, .MainCurrentTab:hover {
	width: 100%!Important;
	padding-left:0!Important;
	padding-right:0!Important;
	text-align: center!Important;
	margin-bottom: 5px!Important;
	
	
}
.MainCurrentTab {
	width: 100%!Important;
	padding-left:0!Important;
	padding-right:0!Important;
	text-align: center!Important;
	margin-bottom: 5px!Important;
	/*margin: 0!important;*/
	
}

.MainMenuContainer a:hover::after {
opacity: 0;
}

@media only screen and (max-width: 650px) {
.featured_links_container {
	height: 200px;
}

.heroimagewrapper {
	height: 265px;
}
#hri {
	max-height: 250px;	
}
.heroLeft {
	width: 100%;
	padding-right: 0px;
	
}
.heroRight {
	float:left;
	width: 100%;
}

.productdiv {
	width: 48%; 
}
@media only screen and (max-width: 520px) {
#fadeshow1 {
	display:none;
	
}
.featured_links_container {
	height: 150px;
}

#header {
	margin-bottom: 20px;
}
#head_image{ 
	display:none;
}
.heroimagewrapper {
	height: 215px;
}
#hri {
	max-height: 200px;	
}


@media only screen and (max-width: 450px) { 

.featured_links_container, .bottom_container, .bottom_container.alpha, .bottom_container.omega, .featured_links_container.omega, .featured_links_container.alpha  {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%; 
}
.featured_links_container {
	height: 290px; 

}
.navtabon, .navtaboff {
	font-size: 11px!important;
	line-height: 11px!important;
	padding: 6px;
}
#features, #specifications, #information {
	margin-top: -16px;
}
.productdiv {
	width: 98%; 
	height: 335px;
}
.productDisplay {
	padding: 15px 15px 15px 15px;
}
@media only screen and (max-width: 400px) {
.featured_links_container {
	height: 260px; 
}
#footer {
	padding-bottom: 70px;
}
@media only screen and (max-width: 350px) {
.featured_links_container {
	height: 220px; 
}
#logo {
	max-width: 190px;
}
#menumobile {
top: 14px;

}
@media only screen and (max-width: 310px) {
.featured_links_container {
	height: 190px; 
}

}