/** Shopify CDN: Minification failed

Line 1639:9 Unexpected "2"

**/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                                                                                                             */
/*    Nyko 2014 Joomla Template CSS                                                                                                                            */
/*                                                                                                                                                             */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------------------------------------------------------------- GLOBAL + RESET ------------------------------------------------------------------------------ */

/*Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, 
dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{
  margin:0; 
  padding:0; 
  border:0; 
  outline:0; 
  font-size:1em; 
  vertical-align:baseline; 
  background:transparent;
} 

html 
{
  position:relative; 
  min-height:100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
  display:block;
}

/*Global Styles*/
.uppercase {text-transform:uppercase;}

/*Site Reset*/
body 
{
  	font-family:'Open Sans', sans-serif; 
  	font-weight:300; 
  	color: #2d2d2d; 
  	font-size: 20px;
  	line-height:1.5em;
  	width:100%; 
  	min-height:100%; 
  	margin:0;
  	padding: 0;
}

input 
{
  	border:none; 
  	padding:5px; 
  	vertical-align:top;
}

.clear 
{
  clear:both;
}

/*Text Reset*/
a {text-decoration:none; color:#e21b3d;}
a:hover {text-decoration:underline;}
p {font-size:1em; line-height:1em; margin: 0; padding:0; }
p, li, label { font-size:1em; font-weight: normal; margin: 0;}

li 
{
  margin: 0;
}

h1, h2 {font-size:1em; font-weight:300; margin: 0;}
h3 {font-size:1em; margin: 0;}
h4 {font-size:1em; margin: 0;}
h5 {font-size:1em; font-weight:300; margin: 0;}
h6 {font-size:1em; font-weight:300; margin: 0;}
label { display:block; margin: 0;}
ul 
{
  list-style-position: inside; 
  margin: 0;
}

sup {vertical-align:super; font-size: 0.6em;}
.ital {font-style:italic;}



.redText
{
    color: #e21a3c !important; 
}



/* --------------------------------------- Global Price Styles ----------------------------------------------------- */

.price
{
  display: inline-block;
  text-align:left;
  vertical-align: middle;
}

.price.special 
{
  color:red;
  font-weight:bold;
}

.price .integer
{
	font-size:1em;
}

.price .decimal
{
  display: inline-block;
  
  vertical-align: top;
  margin: -0.25em 0 0 0;
  padding: 0;
  
  font-size: 0.7em;
}




/* --------------------------------------- Global PAGINATION Styles ----------------------------------------------------- */

ul.pagination
{
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.pagination li
{
   display: inline-block;
}

/* --------------------------------------- HERO/SLIDER/MENU ----------------------------------------------------- */

/*Hero Specific Styles*/
#hero 
{
  width:100%; 
  background-size:100%; 
  border-bottom:none;
}

#hero #menu-top 
{
  background:#2d2d2d; 
  width:96%;
  position:relative; 
  padding: 0.5em 2%; 
  z-index:5;
}

#hero #menu-top #logo, 
#hero #menu-top ul, 
#hero #menu-top ul li
{
  display:inline-block; 
  vertical-align: middle; 
  color:#fff;
}


#hero #menu-top form 
{
  display: inline-block; 
  vertical-align: middle; 
  color: #fff;
  line-height: 0;
}

#hero #menu-top #logo 
{
  width: 13em; 
  text-align:left;
  text-indent:-9999px; 
  position:absolute; 
  left:0; 
  top:0; 
  height:3.25em; 
  z-index:5;
}

#hero #menu-top #logo img
{
  	position: relative;
	display: block;
    width: 100%;
    height: 100%;
}

#hero #menu-top #logo img.mobile
{
 	display: none; 
}


#hero #menu-top #mobileButton
{
	display: none; 
}


#hero #menu-top #mobileCartButton
{
	display: none; 
}


#hero #menu-top #top-right 
{
  display:inline-block; 
  text-align:right; 
  width:98%; 
  padding-right:2%;
}

#hero #menu-top #top-right ul 
{
  margin-bottom:0;
}

#hero #menu-top #top-right li 
{
  padding:0 3px; 
  margin-bottom:0;
}

#hero #menu-top #top-right li:last-child 
{
  padding: 0 1em;
}

#hero #menu-top #top-right a {color:#ffffff;}

#hero #menu-top #top-right a.link-color {color:#e21b3d; }

#hero #menu-top #top-right a:hover {/*font-weight:600;*/ text-decoration:underline;}

#hero #menu-top form input 
{
  width: 13.125em;
  padding: 0.375em;
}


#hero #menu-top ul li.separator
{

}


#hero #menu-top #menuMobile
{
 	display: none; 
}


#hero #hero-img { position:relative; background:#000;}

#hero #hero-img .hero-text {position:absolute; color:#ffffff; top:50px; left:5%;}


#hero-img img
{
 	display: block;
  	width: 100%;
}

#hero nav 
{
  width:100%; 
  background:#2d2d2d; 
  text-align:center; 
  padding: 0;

}

#hero nav ul 
{
  margin:0;
}

#hero nav li 
{
  display:inline-block;
  vertical-align: top;
  
  margin: 0;  
  
  text-indent: 0;
}

#hero nav li a 
{
  color:#ffffff; 
  margin:0; 
  font-size:1.2em;
  line-height: 3em;
  padding: 0 1.25em;
  display: block;
}

#hero nav li a:hover {
	color:#e21a3c; 
	/*font-weight:bold;  */
	text-decoration:none;
}

#hero nav li .dropdown 
{
 	display: none;
    position: absolute;
    width: 100%;
    left: 0;
  	top: 100%;
    background-color: #e21a3c;
    z-index: 1000;
}


#hero nav li .dropdown li:first-child a
{
  border-left: solid 1px #e05c74;
}

#hero nav li .dropdown li a
{
    line-height: 2em;
    margin: 0.7em 0;
  
	border-right: solid 1px #e05c74;
  	font-size: 0.9em;
  	padding: 0 0.5em;
    opacity:1;
}

#hero nav li .dropdown li a:hover
{
   	color: #fff;
    -webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #fff;
    -webkit-fill-color: #fff;
     text-shadow: 1px 0px 10px #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.3s;
  
   text-decoration: underline; 
}

#hero .menu_area
{
  position: relative;
  width: 100%;
}

#slider1_container
{
  width:100%;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  position:absolute;
  top:0;
  left:0px;
  margin:125px -0px 0px 0px;
  display:block; 
  cursor:default;
}

.error-page-bg .hero-bg {
	max-width: 1920px;
}

.error-page-bg .error-page-text {
  width: 240px;
  height: 40px;
  position:absolute;
  color:#ffffff;
  top: 60.5%;
  left: 1310px;
}

@media (max-width: 1920px) {
  .error-page-bg .error-page-text {    
    top: 56.5%;
    right: 19%;
    left: inherit;
  }
}
@media (max-width: 1920px) {
  .error-page-bg .error-page-text {        
    right: 15%;    
  }
}

@media (max-width: 1200px)
{
  .error-page-bg #slider1_container
  {
    background-position: right !important;
    background-size: cover !important;
  }
  .error-page-bg .error-page-text
  {
    top: 56.5%;
    right: 190px;
  }
}
@media (max-width: 750px)
{
  .error-page-bg .error-page-text
  {
    top: 56.5%;
    right: 26%;
  }
}
@media (max-width: 640px)
{
  .error-page-bg .error-page-text
  {
    width: 200px;
  }
}
@media (max-width: 480px)
{
  .error-page-bg .error-page-text
  {
    width: 140px;
    height: 10px;
  }
}
@media (max-width: 320px)
{
  .error-page-bg .error-page-text
  {
    width: 110px;
  }
}


/*SubMenu Styles*/

#contact-menu {background:#e21a3c; color:#ffffff; margin:0 auto; width:520px;}
#contact-menu li {display:inline-block; list-style:none; margin-top:20px;}
#contact-menu #call {background:url('contact-phone.png') 50% 0 no-repeat; border-right:1px solid #ea5a72; padding:65px 40px 0 40px;}
#contact-menu #mail {background:url('contact-mail.png') 48% 0 no-repeat; border-right:1px solid #ea5a72; padding:65px 60px 0 60px;}
#contact-menu #support {background:url('contact-faq.png') 48% 0 no-repeat; padding:65px 30px 0 30px;}
#contact-menu a {color:#ffffff;}
#contact-menu li:hover {font-weight:400;}

button, .button
{
  display: inline-block;
  border: none;
  height: 2.2em;
  padding: 0 0.9em 0 0.9em;
  font-size: 0.8em;
  font-weight: bold;
  
  background-color: #e21a3c;
  color: white;
  cursor: pointer;
}

button span, .button span
{
	font-size: 0.8em;
    vertical-align: middle;
}


@media (max-width: 1050px)
{
  #hero nav li .dropdown li a
  {
      font-size: 0.75em;
  }
  
}  


@media (max-width: 850px)
{

  #hero #menu-top 
  {
	font-size: 0.8em;
    line-height: 1.5em;
  }
  
  
  #hero .menu_area 
  {
   	font-size: 0.8em; 
  }
}


@media (max-width: 715px)
{
  #hero #menu-top 
  {
    height: 1.75em;
  	position: absolute;
    top:0;
  }
  
  #hero #hero-img
  {
    margin-top: 2.2em;
  }
  
  #hero #menu-top #logo
  {
   	width: 10.1em;
  }
  
  #hero #menu-top #logo img.desktop
  {
      display: none; 
  }
  
  #hero #menu-top #logo img.mobile
  {
      display: block; 
  }
  
  #hero #menu-top #top-right 
  {
    display: none;
  }
  
  
  #hero #menu-top #mobileButton
  {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 3.75em;
      height: 3.25em;
   
      z-index: 5;
  }
  
  #hero #menu-top #mobileButton img
  {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  
  #hero #menu-top #mobileCartButton
  {
      position: absolute;
      top: 0;
      bottom:0;
      
      margin:auto;
      right: 4.75em;
      display: block;
      width: 1.5em;
      height: 1.5em;
      z-index: 5;
      vertical-align:middle;
  }
  
  #hero #menu-top #mobileCartButton img
  {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  
  #hero .menu_area 
  {
  	  display: none;
  }
  
  #hero #menu-top #menuMobile
  {
      position: absolute;
      top: 2.78em;
      left: 0;
      right: 0;
      z-index: 4;
  }
  
  
  #hero #menu-top ul
  {
      display: block;
  }
  
  #hero #menu-top #menuMobile li
  {
      display: block; 
  }
  
  #hero #menu-top #menuMobile form 
  {
    display: block;
    width: 100%;
    background-color: white;
  }
  
  #hero #menu-top #menuMobile form input {
    padding: 0.76em 2%;
    width: 96%;
    display: block;
    text-align: center;
    font-size: 1em;
  }
  
  
  #hero #menu-top #menuMobile > nav > ul > li > ul
  {
   	position: relative; 
    display: none;
  }
  
  
  #hero #menu-top #menuMobile > nav > ul > li > ul.dropdown > li > a
  {
   	margin: 0;
    padding: 0.5em;
  }
  
}




/* ------------------------------------------------------------- FOOTER ----------------------------------------------------------------------------------- */

.footer-wrapper
{
  padding: 60px 0 0 0;
  background-color: #2d2d2d;
  text-align: center;
}


.footer-wrapper form
{
	margin-bottom: 1.5em; 
}

.footer-wrapper form label
{
	color: white;
  	font-size: 1.2em;
  	padding-bottom: 1em;
  
}

.footer-wrapper form input
{
  display: inline-block;
  font-size: 0.8em;
  padding: 10px;
  height: 25px;
  width: 18em;
}

.footer-wrapper form button
{
  padding: 0 30px;
  height: 45px;
}


.footer-wrapper .social
{
  list-style-type: none;
  padding: 0;
  margin: 0 0 1.25em 0;
}

.footer-wrapper .social li
{
 	display: inline-block;
  	margin: 0 0.25em 0.25em 0;
  	padding: 0;
  	vertical-align: top;
  
  	width: 12.15em;
  	height: 2.75em;
  
  	background-size: 100% 100%;
}

.footer-wrapper .social li a
{
  color: white;
  display: block;
  line-height: 3.2em;
  height: 100%;
  padding: 0 0 0 1em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.85em;
}

.footer-wrapper .social li a:hover
{
    text-decoration: none;
}


.footer-wrapper .social li.facebook
{
 	background-image: url(facebook.png); 
}

.footer-wrapper .social li.twitter
{
 	background-image: url(twitter.png); 
}

.footer-wrapper .social li.youtube
{
 	background-image: url(youtube.png); 
}

.footer-wrapper .links
{
  list-style-type: none;
  padding: 0;
  margin: 0 0 1.25em 0;
}

.footer-wrapper .links li
{
 	display: inline-block;
  	margin: 0 1em 0 1em;
  	padding: 0;
  	vertical-align: top;
}


.footer-wrapper .links li a
{
  	color: white;
  	font-size: 0.6em;
}


.footer-wrapper .copyright
{
 	font-size: 0.6em;
  	color: #727272;
  	padding-bottom: 3em;
}





@media (max-width: 600px)
{
  .footer-wrapper form 
  {
    margin: 0 10% 1.5em 10%;
  }
  
  
  .footer-wrapper form input 
  {
    padding: 10px 2%;
    width: 60%;
  }
  
  .footer-wrapper form button {
    padding: 0 0;
    width: 36%;
    height: 45px;
  }
}





/* ------------------------------------------------------------- CONTENT -------------------------------------------------------------------------- */


/*** HOME PAGE STYLES ***/

.home-infos
{
    display:table;
  	width:100%;
}

.home-infos > span
{
  display: inline-block;
  vertical-align: top;
  
  position: relative;
}

.home-infos > span  .wrap
{
  display: block;
  margin-right: 4px;
}


.home-infos h2
{
  background: none repeat scroll 0% 0% #2D2D2D;
  color: #FFF;
  padding: 20px 8%;
  border: 0px none;
  outline: 0px none;
  vertical-align: baseline;
  margin: 0px;
  text-align: left;
  font-family: "Open Sans",sans-serif;
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1em; 
}

 
.home-infos .deals
{
  width: 32%;
  margin-right: 1%;
}




.home-infos .deals > a
{
  position: absolute;
  overflow: hidden;
  bottom:0;
  left: 0;
  right: 0;
  
  margin: 0;
  display: block;
}


.home-infos .deals a img
{
  position: absolute;
}

.home-infos .deals a .overlay
{
  position: absolute;
  color: rgb(48, 48, 48);
  font-weight: normal;
  font-size: 2.5em;
  right: 0;
  bottom: 1em;
  padding: 0.3em;
  background-color: rgba(255,255,255,0.8);
}

.home-infos > .deals > h2 > a,
.home-infos > .news > h2 > a
{  
    font-weight: 300;
  	font-size: 1em;
  	line-height: 1em;
    padding:0;
    color:#fff;
    text-decoration:none;
}

.home-infos > .deals > h2 > a:hover,
.home-infos > .news > h2 > a:hover
{
    text-decoration:underline;
}

.home-infos .social
{
  background-color: #a9a9a9;
  width: 30%;
}


.home-infos .social .feed > a
{
  background-color: white;
  margin: 11px;
  padding: 11px;
  
  display: block;
  
  position: relative;
  
  color: #2d2d2d;
  
  border-bottom: solid 8px #585858;
}

.home-infos .social .feed > a:hover
{
  text-decoration: none; 
}


.home-infos .social .feed > a > img
{
  position: absolute;
  width: 80px;
  display: block;
}

.home-infos .social .feed > a .bottomIcon
{
 	position: absolute;
  	bottom: 4px;
  	right: 11px;
  
    display: block;
}

.home-infos .social .feed > a > .main
{
  display: block;
}

.home-infos .social .feed > a > .main > .title
{
  position: relative;
  font-size: 0.7em;
  font-weight: normal;
  line-height: 1.2em;
  padding-bottom: 0.5em;
  display: block;
}

.home-infos .social .feed > a > .main > img
{
  position: relative;
  display: block;
  height: 90px;
  width: auto;
}


.home-infos .social .feed > a .date
{
 	position: relative;
  	float: right;
  	font-size: 0.6em;
  	line-height: 1.2em;
}


.home-infos .social .feed > a .bottomIcon.youtube
{
  width: 31px;
  height: 22px;
  background-image: url(social-youtube.png);
}


.home-infos .news
{
  width: 36%;
  margin-right: 1%;
  background-color: #f4f4f4;
}


.home-infos .news ul
{
  list-style-type: none;
  margin: 0 1em;
  padding: 0;
}

.home-infos .news ul li
{
  margin: 0 0 0 0;
  padding: 1em 0;
  
  border-bottom: solid 1px #cacaca;
}

.home-infos .news h4
{
  color: #e21b3d;
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0.4em;
}


.home-infos .news p
{
 	font-size: 0.7em; 
  	margin-bottom: 1.4em;
}

.home-infos .news a
{
  height: auto;
  font-size: 0.8em;
  padding: 0.2em 1.7em;
}




@media (max-width: 850px)
{
  .home-infos .social
  {
  	display: inline-block;
    width: 100%;
    
    margin-bottom: 1em;
    
  }
  
  .home-infos .deals
  {
      width: 100%;
    display: inline-block;
    margin-bottom: 1em;
    margin-right: 0;
  }
  
  
  .home-infos .news
  {
     width: 100%;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 1em;
  }
}



/**** PRODUCTS START ***/

.products
{
 padding-bottom: 1em; 
}

.products h2
{
  font-size: 2em;
  color: #2d2d2d;
  text-align: center;
  margin: 0.75em 0;
}

.products .tag-list
{
 	margin-left: 0.5%; 
  	padding-bottom: 0.7em;
    
}

.products .tag-list a
{
  	display: inline-block;
 	padding-right: 0.7em; 
  	text-transform: Capitalize;
}

.products .tag-list .active
{
 	font-weight: bold; 
}

.products ul li,
.products .mainProduct
{
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 0;
  position: relative;
  padding-bottom: 37.5%;
  overflow: hidden;
}

.products ul li
{
  width:32.333333333333%;
  margin-left:1%;
  margin-bottom:1%;
  padding-bottom:37%;
}


.products ul li a,
.products .mainProduct > a
{
	color: white;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 3em;
	overflow: hidden;
}

.products .mainProduct > a
{
	bottom: 0;
}

.products .mainProduct.no-shop-options
{
  padding-bottom: 25.2%;
}

.products ul.no-shop-options > li
{
	
    padding-bottom: 24.75%;
}

.products ul.no-shop-options > li > a
{
   bottom:0;
}


.products .mainProduct > a > h4
{
  height: 3em;
  padding-left: 1.1em;
  background-color: #2d2d2d;
  font-weight: 400;
  line-height: 2.95em;
  font-size: 0.65em;
}

.products .mainProduct .image
{
  display: block;
  width: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 3em;
  bottom: 0;
  font-size: 0.65em;
  
  background-color: #fafafa;

}

.products .mainProduct .image img
{
 	width: 100%; 
}


.products ul
{
  	display: inline-block;
  	width: 50%;
  	vertical-align: top;
	list-style-type: none;
  	padding: 0;
  	margin: 0;
}

.products li
{
  float: left;
  vertical-align: top;
  width: 50%;
  margin: 0;
}

.products li > a
{
  display: block;
  color: white;
}

.products li > a > h4
{
  height: 3em;
  padding-left: 1.1em;
  background-color: #2d2d2d;
  font-weight: 400;
  line-height: 2.95em;
  font-size: 0.65em;
}


.products li .image
{
  display: block;
  width: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 3em;
  bottom: 0;
  
  background-color: #fafafa;
  
  font-size: 0.65em;
}

.products li .image img
{
 	width: 100%;
}

.products .mainProduct .shop-options,
.products li .shop-options
{ 
  text-align: right;
  width: 100%;
  height: 3em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
}

.products .mainProduct .shop-options .cart,
.products li .shop-options .cart
{
  height:1.5em;
  
}

.products .mainProduct .shop-options .text,
.products li .shop-options .text
{
  height:1.5em;
  font-size:0.9rem;
  padding-top:0.1rem;
}

.products .mainProduct .shop-options .text
{
  padding-top: 0.2rem;
}





.products .mainProduct .shop-options form .price,
.products li .shop-options form .price 
{
  display: inline-block;
  text-align:left;
  vertical-align: bottom;
}

.products .mainProduct .shop-options form .price.special,
.products li .shop-options form .price.special 
{
  color:red;
  font-weight:bold;
}


.products .mainProduct .shop-options form .price .integer,
.products li .shop-options form .price .integer
{
  font-size:1em;
}

.products .mainProduct .shop-options form .price .decimal,
.products li .shop-options form .price .decimal
{
  vertical-align: top;
  margin: -0.25em 0 0 0;
  padding: 0;
  display: inline-block;
  
  font-size: 0.7em;
}


.products .cart button
{
	font-size: 0.7em;
}


.products .mainProduct.hidden
{
  display:none;
}

/* products layout without  mainProduct  START */


.products ul.fullscreen 
{
  display: inline-block;
  width: 100%;
  vertical-align: top;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.products ul.fullscreen > li 
{
    width: 24%;
    margin: 0 0.5%;
    margin-bottom: 1%;
    padding-bottom: 22%;
}



.products .promoImages
{
 	width: 100%;  
  
  margin-bottom: 2em;
}

.products .promoImages .big
{
 	display: inline-block;
  	width: 69.270833333333333333333333333333%;
  
    margin-right: 0.520833333333333333333333333333%;
  
  vertical-align: top;
}

.products .promoImages .small
{
 	display: inline-block;
  	width: 30.208333333333333333333333333333%;
  
  vertical-align: top;
}



.tag_menu_area
{
  display:inline-block;
  position: relative;
  width: 100%;
  background:#2d2d2d; 
  text-align:center; 
  padding:0;
  margin-bottom: 5em;
}

.tag_menu_area div 
{
  display:inline-block;
  margin:0;
}

.tag_menu_area span 
{
  display:inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

.tag_menu_area span a 
{
  color:#ffffff; 
  margin:0; 
  font-size:1.2em;
  line-height: 3em;
  padding: 0 1.25em;
  display: block;
  cursor: pointer;
}

.tag_menu_area span a:hover {
	color:#e21a3c; 
	/*font-weight:bold;  */
	text-decoration:none;
}

.tag_menu_area span .dropdown 
{
 	display: none;
    position: absolute;
    width: 100%;
    left: 0;
  	top: 100%;
    background-color: #e21a3c;
    z-index: 1000;
}

.tag_menu_area span .dropdown span:first-child a
{
  border-left: solid 1px #e05c74;
}

.tag_menu_area span .dropdown span {
  display:inline-block;
}

.tag_menu_area span .dropdown span a
{
    line-height: 2em;
    margin: 0.2em 0;
  
	border-right: solid 1px #e05c74;
  	font-size: 0.9em;
  	padding: 0 0.5em;
    opacity:1;
}

.tag_menu_area span .dropdown span a:hover,
.tag_menu_area span .dropdown span a span.active
{
   	color: #fff;
    -webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #fff;
    -webkit-fill-color: #fff;
    text-shadow: 1px 0px 10px #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.3s;
  	text-decoration: underline; 
}

@media (max-width: 715px)
{
  .tag_menu_area span .dropdown span {
    display:block;
  }
}


@media (max-width: 900px)
{
  
  .products .mainProduct.no-shop-options
  {
    
   	width: 100%; 
  }
  
  .products .mainProduct.no-shop-options
  {
    width: 100%;
  	padding-bottom: 56.25%;
  }
  
  
  .products ul 
  {
		width: 100%;
  }
  
  .products ul li 
  {
    margin-left: 0.5%;
    width: 33%;
  }
  
  .products ul li.one
  {
    margin-left: 0;
  }
  
  
  .products ul.fullscreen > li {
      width: 48%;
      margin: 0 1%;
      margin-bottom: 1%;
      padding-bottom: 35%;
  }
  
  .products ul.no-shop-options > li
  {
      padding-bottom: 30.75%;
  }

}

@media (max-width: 600px)
{
  
  
  .products ul > li 
  {
    margin-left: 0;
    margin-right: 0;
    width: 49.5%;
    padding-bottom: 37.5%;
  }
  
  .products ul li.first
  {
    margin-right: 0.5%;
    
  }
  
  .products ul li.second
  {
    margin-left: 0.5%;
  }
  
  .products ul.fullscreen > li {
      width: 98%;
      margin: 0 1%;
      margin-bottom: 1%;
      padding-bottom: 75%;
  }
  
  .products .mainProduct.no-shop-options
  {
    padding-bottom: 75% !important;
  }
  
}


@media only screen and (min-width : 200px) and (max-width : 500px) {
  
  .products .mainProduct.no-shop-options
  {
    width: 98%;
	margin: 0 1%;
  }
  
  
 .products > ul > li,
 .products > ul > li.one {
      width: 98%;
      margin: 0 1%;
      margin-bottom: 1%;
      padding-bottom: 75% !important;
  }
  
}





/* products layout without  mainProduct  END */



.products .tag-list a
{
  display:inline;
  margin:0;
  padding:0 0.7em 0 0;

}



.shop-options form{
  padding-top: 0.25em;
}




/*Content Styles*/
#content, .content-lower, .content-lowest  {padding-bottom:1px;}
#content, #content-full, .content-lower, .content-lowest {text-align:center;}
.content-lower form, .content-lowest form {width:100%; text-align:left; font-weight:200; opacity:.99; -webkit-font-smoothing:antialiased; margin-bottom:35px;}
.content-lower form input, .content-lower form select, .content-lower form textarea, .content-lowest form input, .content-lowest form select {width:96%; border:1px solid #cccccc; padding:18px 2%; font-size:1em; margin-bottom:20px; -webkit-appearance:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:#ffffff;}
.content-lower form select, .content-lowest form select {font-weight:200; font-size:1em; width:100%; display:block; padding:18px 2%; background:url('../images/template/frm-arrow.png') 99% 55% no-repeat; -moz-appearance:none; text-indent:0.01px; text-overflow:'';}
.content-lower form textarea {min-height:350px; font-size:1em; font-weight:200;}
.content-lower form .btn {background:#e21a3c; padding:15px 4%; color:#ffffff; display:inline-block; width:auto; cursor:pointer; border:0; font-weight:200; opacity:.99; -webkit-font-smoothing:antialiased; font-size:1.2em;}
.content-lower form .btn:hover {background:#e84662;}
.content-lower form .center {text-align:center;}
.content-lower .error {color:#e21b3d; display:none;}
.content-lower .success {color:#42b604; display:none;}
.content-lower {background:#ededed;}
.content-lower form select {background-color:#ffffff;}
.content-lowest form select {width:40%; margin:0 auto; background-position:95% 55%;}


#content table {margin:0 auto; width:100%; margin-bottom:35px;}
#content table tr td, #content table tr th {padding:16px 5%;}
#content table th {font-weight:300; border-bottom:1px solid #cccccc;}
#content tr:nth-child(even) {background-color:#ededed;}
#content td:nth-child(even), #content th:nth-child(even)  {border-left:1px solid #cccccc;}

#content-full {padding-bottom:35px; max-width:1920px;margin-left:auto;margin-right:auto; }
#content-full .listing {width:100%; text-align:left;}
#content-full .listing .main-feature {width:59.75%; height:570px; background:#6895AF; display:inline-block; vertical-align:top;}
#content-full .listing .listing-heading {background:#2d2d2d; color:#ffffff; padding:20px 8%;}
#content-full .listing .main-feature .listing-heading {padding-left:2%;}
#content-full .listing .features {width:40%; display:inline-block; vertical-align:top;}
#content-full .listing .features .feature {width:32.45%; display:inline-block; vertical-align:top; margin:0 0 10px .5%;}
#content-full .listing .features .feature .feature-link {height:240px; background:#dddddd; display:block; margin-bottom:10px;}
#content-full .listing .features .feature .feature-link:hover, #content-full .listing .main-feature:hover {text-decoration:none;}
#content-full .listing .features .feature .purchase {display:block; width:100%; margin-bottom:0;}
#content-full .listing .features .feature .purchase .price {display:inline-block; margin-bottom:0; margin-top:-10px; float:left; font-weight:600; font-size:1.7em;}
#content-full .listing .features .feature .purchase .btn {display:inline-block; font-size:1em; float:right;}

.listing 2{width:100%; text-align:left; width:100%; height:570px; background:#6895AF; display:inline-block; vertical-align:top;}
.listing-heading { width:100%;background:#2d2d2d; color:#ffffff; padding:20px 8%;}



/* ------------------------------------------------------------- DEMO STUFF ----------------------------------------------------------------------------------- */

/* DEMO CSS STUBS START */
/* SITE WRAPPER*/
.site_wrapper{
	max-width:2000px;
	margin-left:auto;
	margin-right:auto;
}


.socialfeed a{text-decoration:none;}
.socialfeed a:link{text-decoration:none;}
.socialfeed a:visited{text-decoration:none;}
.socialfeed a:hoved{text-decoration:none;}
.socialfeed a:active{text-decoration:none;}

.deals a{text-decoration:none;}
.deals a:link{text-decoration:none;}
.deals a:visited{text-decoration:none;}
.deals a:hoved{text-decoration:none;}
.deals a:active{text-decoration:none;}

.content-col a{text-decoration:none;}
.content-col a:link{text-decoration:none;}
.content-col a:visited{text-decoration:none;}
.content-col a:hoved{text-decoration:none;}
.content-col a:active{text-decoration:none;}

.socialfeed-link, .deals-link{
	min-height: 240px;
	background: none repeat scroll 0% 0% #DDD;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
	color: #E21B3D;
	text-align: left;
	font-family: "Open Sans",sans-serif;
	font-weight: 300;
	line-height: 1;
}
.socialfeed-heading, .deals-heading{
	background: none repeat scroll 0% 0% #2D2D2D;
	min-height:58px;
	color: #FFF;
	padding: 20px 8%;
	border: 0px none;
	outline: 0px none;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0px;
	text-align: left;
	font-family: "Open Sans",sans-serif;
	font-weight: 300;
	line-height: 1;
}


/* CONTENT COL*/
.content-col{
	font-family: "Open Sans",sans-serif;
	font-weight: 300;
	color: #2D2D2D;
	line-height: 1;
	text-align: left;
	background: none repeat scroll 0% 0% transparent;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	font-size: 100%;
	width: 38%;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 0px 0px;

}

/* CONTENT COL*/
.content-col1{
	font-family: "Open Sans",sans-serif;
	font-weight: 300;
	color: #2D2D2D;
	line-height: 1;
	text-align: left;
	background: none repeat scroll 0% 0% transparent;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	font-size: 100%;
	width: 60%;
	display: block;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	float:left;
	margin-right:5%;
}


/* CONTENT COL*/
.content-col2{
	font-family: "Open Sans",sans-serif;
	font-weight: 300;
	color: #2D2D2D;
	line-height: 1;
	text-align: left;
	background: none repeat scroll 0% 0% transparent;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	font-size: 100%;
	width: 35%;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
}

.content-col-heading{ min-height:58px; }

/* */
.content-col-link{
	min-height: 240px;
	background: none repeat scroll 0% 0% #DDD;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
	color: #E21B3D;
	text-align: left;
	font-family: "Open Sans",sans-serif;
	font-weight: 300;
	line-height: 1;
}

.content-col-heading{
background: none repeat scroll 0% 0% #2D2D2D;
color: #FFF;
padding: 20px 8%;
border: 0px none;
outline: 0px none;
font-size: 100%;
vertical-align: baseline;
margin: 0px;
text-align: left;
font-family: "Open Sans",sans-serif;
font-weight: 300;
line-height: 1;
}


/* ------------------------------------------------------------- PRODUCT SECTION ------------------------------------------------------------------------- */


/* Products Section Tiles */
.row_1{ margin-right:10px;  }
.row_2{ margin-right:10px;  }
.row_3{ margin-right:10px;  }
.row_4{  }



#content-full .product_listing  {display:block; width:100%;  background:#FF00FF; color:#ffffff; }
#content-full .product_listing .product_tile_holder {display:inline-block; width:480px;  text-align:left; background:#00FFFF; }
#content-full .product_listing .product_tile_holder .product_tile {width:480px; height:528px; display:inline-block; vertical-align:top; }
#content-full .product_listing .product_tile_holder .product_tile .product_lh { width:100%; height:60px; background:#2d2d2d; color:#dddddd;  text-align:left;}

#content-full .product_listing .product_tile_holder .product_tile  .product_img_holder{ width:480px; height:468px;  background: url(../../../product_box_bg.jpg); }
#content-full .product_listing .product_tile_holder .product_tile  .product_img{ width:480px; height:468px; display:block; vertical-align:top; }	

#content-full .product_listing  .product_tile .product_link {height:240px; background:#dddddd; display:block; margin-bottom:10px;}
#content-full .product_listing  .product_tile .product_link:hover{text-decoration:none;}




/* ------------------------------------------------------------- MISC ----------------------------------------------------------------------------------- */

/*Console Colours*/
.xb1 {color:#087929;}
.ps4 {color:#1c42a9;}
.wiiu {color:#02b3b3;}
.xb360 {color:#049560;}
.ps3 {color:#e23905;}
.n3ds {color:#888888;}
.psv {color:#114b7d;}
.nvs {color:#749b04;}
.droid {color:#91a200;}

.sitemap {width:12%; margin:0 2% 20px 2%; list-style:none; display:inline-block; vertical-align:top;}
.sitemap .heading a {font-weight:bold;}





/* ------------------------------------------------------------- Home Styles ----------------------------------------------------------------------------------- */

.deals-cta {width:20%; display:inline-block; margin-right:2%; vertical-align:top;}
.news-cta {width:36%; display:inline-block; vertical-align:top;}
.social-cta {width:20%; display:inline-block; margin-left:2%; vertical-align:top;}
.page-header {display:none;} /*May need to specify more if this interferes with blog*/



/* ------------------------------------------------------------- GLOBAL STYLES----------------------------------------------------------------------------------- */

div.home-infos,
div.products,
div.news,
div.product,
div.article,
div.contact,
div.about,
#cart
{
   padding-top: 3em;  /*update this in js*/
}

@media (max-width: 715px)
{
  div.home-infos,
  div.products,
  div.news,
  div.product,
  div.article,
  div.contact,
  div.about,
  #cart
  {
     padding-top: 1em;  /*update this in js*/
  }
}

/* ------------------------------------------------------------- PRODUCT Styles ----------------------------------------------------------------------------------- */

.product
{
   margin: 0 auto 2.5em auto;
   width: 90%;
}

.product h2.title
{
  font-size: 2em;
  line-height: 1.25em;
  font-weight: 300;
  color: #2d2d2d;
  text-align: center;
  margin: 0.95em 0 0.75em 0;
}


.product .content
{
  
}

.product .left
{
  display: inline-block;
  vertical-align: top;
  width: 55%;
}

.product .left .wrapper
{
 	margin-right: 2em;
  	display: block;
}


.product .left .wrapper .description
{
  font-size: 0.7em;
  margin-bottom: 3em;
}

.product .left .wrapper .description > .help
{
    text-align: right;
}

.product .left .wrapper .description > .help > a
{
    font-size: 0.8em;
	text-align: right;
}

.product .left .wrapper .description li
{
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.3em;
  
  margin: 0 0 0.5em 1em;
}

.product .left .wrapper .description ul
{
  margin: 1em 0 0 0;
}

.product .left .wrapper h2
{
	font-size: 1.5em;
    font-weight: 300;
    color: #2d2d2d;
    margin: 0.75em 0 0 0;
    border-bottom: solid 1px #c8c8c8;
    padding-bottom: 0.3em;
}

.product .left .wrapper p
{
  line-height: 1.3em;
  text-align: justify;
}


.product .left .wrapper .button 
{
  height: auto;
  padding: 0.3em 1.2em 0.3em 1em;
  text-align: left;
  
  position: relative;
  display: inline-block;
  
  cursor: pointer;
}

.product .left .wrapper .button:after, #add-to-cart.button:after
{
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 0.5em;
  background-size: 100% 100%;
  vertical-align: middle;
  display: inline-block;
  content: "";
  background-image: url(cart.png);
}



.product .left .wrapper ul.features
{
	display: block;
  	margin:0;
    padding: 0;
    list-style-type: none; 
}

.product .left .wrapper ul.features li
{
	display: block;
  	margin: 1.3em 0;
  	line-height: 1em;
  
  	padding: 0 0 0 60px;
  	position: relative;
  
  	height: 50px;
  
    text-indent: 0;
}

.product .left .wrapper ul.features li:after
{
  position: absolute;
  width: 40px;
  height: 50px;
  top: 0;
  left: 0;
  content: "";
}

.product .left .wrapper ul.features li img
{
  position: absolute;
  left: 0;
  top: 0;
}

.product .left .wrapper ul.features .title
{
	display: block;
    font-size: 0.7em;
  	line-height: 1.8em;
  	font-weight: bold;
}

.product .left .wrapper ul.features .value
{
	display: block;
    font-size: 0.7em;
  	line-height: 1em;
}


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

.product .resources h2
{
     line-height: 1.2em;
    padding: 0.7em 0;
    font-size: 1.5em;
    font-weight: 300;
    color: #2d2d2d;
    margin: 0.75em 0 0.75em 0;
    border-bottom: solid 1px #c8c8c8;
    padding-bottom: 0.3em;
    text-align: left; 
}

.product .resources ul.resources li
{
 	width:25%;
  	margin: 0 0 1.3em 0;
    padding: 0;
  
  	display: inline-block;
  
 	text-align: left;
}


.product .resources ul.resources li span
{
  display: block;
  font-size: 0.7em;
}


.product .left .wrapper .purchase
{
  padding: 0.5em 0 0.5em 0;
  font-size: 1.2em;
}

.product .left .wrapper .purchase .price
{
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}

.product .left .wrapper .purchase button
{
 	
}

.product .left .wrapper .purchase select
{
  display: inline-block;
  height: auto;
  vertical-align: baseline;
  padding: 0.2em;
  width: auto;
  margin: 0 1.5em 0.5em 0;
  max-width: 100%;
  border: solid 1px #aeaeae;
  font-size: 0.8em;
  font-weight: bold;
}

.product .left .wrapper .purchase button span
{
 	vertical-align: middle; 
}


.product .left .wrapper .product-options
{
 	padding-top: 0.5em; 
}


.product .faqToggle
{
    display: block;
	color: #e21b3d;
    font-size: 15px; 
  
  	margin: 1.4em 0;
}


.product .right
{
  display: inline-block;
  vertical-align: top;
  width: 45%;
}


.product .right ul.thumbs
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.product .right ul.thumbs li
{
  margin: 2% 2% 0 0;
  padding: 0;
  display: inline-block;
  width: 32%;
  overflow: hidden;
  height: 0;
  padding-bottom: 22.72727272%;
  position: relative;
  
  font-size: 0;
  line-height: 0;
}

.product .right ul.thumbs li:first-child
{
 	width: 100%;
  	padding-bottom: 53.85%;
    margin: 0;
}

.product .right ul.thumbs li.three
{
  margin-right: 0;
}

.product .right ul.thumbs li a
{
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.product .right ul.thumbs li img
{
  	display: inline-block;
  	position: absolute;
}


.product .right ul.thumbs li.video a:after
{
  	position: absolute;
  	content: "";
  	width: 100%;
  	height: 100%;
    background-image: url(playButton.png);
    background-repeat: no-repeat;
    background-position: center center;
}



.product .faq
{
  /*border-top: solid 1px #c8c8c8;  */
  
  text-align: left;  
}

.product .faq h2
{
    line-height: 1.2em;
    padding: 0.7em 0;
    font-size: 1.5em;
    font-weight: 300;
    color: #2d2d2d;
    margin: 0.75em 0 0.75em 0;
    border-bottom: solid 1px #c8c8c8;
    padding-bottom: 0.3em;
    text-align: left;
}

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

.product .faq li
{
  margin: 0;
  padding: 0;
  
  text-align: left;
}


.product .faq li .title
{
  	display: block;
    font-weight: 600;
  	line-height: 1.2em;
  
  	margin-bottom: 1em;
}

.product .faq li .value
{
  	display: block;
  
  	line-height: 1.2em;
  	margin-bottom: 1.8em;
}


.product .locatorContainer
{
  /*border-top: solid 1px #c8c8c8;
  border-top: solid 1px #c8c8c8;*/
  padding-top: 1.4em;
}

.product .locatorContainer h2
{
   	line-height: 1.2em;
    padding: 0 0 0.7em 0;
    font-size: 1.5em;
    font-weight: 300;
    color: #2d2d2d;
    margin: 0 0 0.75em 0;
    border-bottom: solid 1px #c8c8c8;
    padding-bottom: 0.3em;
    text-align: left; 
}

.product .locatorContainer iframe
{
 	position: relative;
  	display: block;
  
  	width: 100%;
  	height: 600px;
  
  	margin: 0 auto;
}


@media (max-width:1000px)
{
    .product .resources ul.resources li
    {
        width:50%;
    }
}


@media (max-width:850px)
{
  
  .product .left
  {
     padding-bottom: 1.4em; 
  }
  
  .product .left
  {
    width: 100%;
  }
  
  .product .right
  {
    width: 100%;
  }
  
  .product .left .wrapper 
  {
  	margin-right: 0;
  }
  
  .product .resources ul.resources li
  {
    width:25%;
  }
}


@media (max-width:750px)
{
    .product .resources ul.resources li
    {
        width:50%;
    }
}


/* ------------------------------------------------------------- ARTICLE Styles ----------------------------------------------------------------------------------- */

.article
{
   margin: 0 auto 2.5em auto;
   width: 860px;
   position: relative;
}


.article .date
{
  display: block;
  text-align: left;
  font-size: 0.8em;
  padding: 0.25em 0 0 0;
  font-style: italic;
}

.article h2
{
  font-size: 1.1em;
  color: #2d2d2d;
  margin: 0.75em 0;
  font-style: italic;
}
.article h2.post-title
{
  font-size: 1.5em;
  font-weight: 400;
  color: #e21a3c;
  text-align: left;
  margin: 0.25em 0 0.25em 0;
  padding: 0 0 0.25em 0;
  line-height: 1.25em;
  border-bottom: solid 1px #e2e2e2;
  font-style: normal;
}
.article .content p
{
  margin: 0.75em 0;
  font-size: 0.75em;
  line-height: 1.3em;
}

.article .content img
{
  max-width: 100%;
}


.article .imageContainer
{
  display: block;
  text-align: center;
  margin-bottom: 1em;
}

.article .imageContainer img
{
   max-width: 100%;
   display: block;
}


.article em
{
 font-style: italic;
  font-weight: 400; 
}


.article > .share
{
  padding-top: 1em;
  margin-top: 1em;
  font-size: 1em;
  border-top: solid 1px #e2e2e2;
}


.article > .share .label
{
  height: 41px;
  vertical-align: top;
  display: inline-block;
  line-height: 2em;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
}


.article > .share a
{
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 41px;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
}

.article > .share a.facebook
{
	background-image: url(shareFacebook.png); 
}

.article > .share a.googleplus
{
	background-image: url(shareGooglePlus.png); 
}

.article > .share a.twitter
{
	background-image: url(shareTwitter.png); 
}

.article > .share a.linkedin
{
	background-image: url(shareLinkedIn.png); 
}

.article > .share a.wk
{
	background-image: url(shareWk.png); 
}

.article > .share a.connect
{
	background-image: url(shareConnect.png); 
}

.article > .share a.email
{
	background-image: url(shareEmail.png); 
}


@media (max-width: 875px)
{
    .article
    {
       margin: 0 auto 2.5em auto;
       width: 90%;
    }
}


/* ------------------------------------------------------------- COMMON PAGE Styles ----------------------------------------------------------------------------------- */


.page
{
   margin: 0 auto 2.5em auto;
   width: 90%;
   padding-top: 2em;  /*update this in js*/
 
}
.page h1
{
  font-size: 2em;
  font-weight: 300;
  color: #2d2d2d;
  text-align: center;
  margin: 0.75em 0;
}

.page h2
{
  font-size: 1.5em;
  color: #2d2d2d;
  margin: 0.75em 0;
}

.page h2.p25
{
  font-size: 2em;
  font-weight: 300;
  color: #2d2d2d;
  text-align: center;
  margin: 0.75em 0;
}


/* ------------------------------------------------------------- NEWS PAGE Styles ----------------------------------------------------------------------------------- */


div.news
{
   margin: 0 auto 2.5em auto;
   width: 860px;
   position: relative;
}

.news h2.page-title
{
  font-size: 2em;
  font-weight: 300;
  color: #2d2d2d;
  text-align: center;
  line-height: 1.2em;
  margin: 0.75em 0;
}

.news > .content
{
  	padding-bottom: 1em;
  	border-bottom: solid 1px #e2e2e2;
}

.news > .content p
{
 	font-size: 0.7em; 
  	line-height: 1.25em;
}

.news .newsList
{
  
}

.news .newsList .primary
{
 	display: inline-block;
	vertical-align: top;
  
  	width: 65%;
}

.news .newsList .primary .wrap
{
 	display: block;
  	margin-right: 2em;
}


.news .newsList .primary .wrap > h2
{
  font-size: 1.5em;
  font-weight: 300;
  color: #2d2d2d;
  margin: 0; 
}

.news .newsList .primary .wrap > div
{
  font-size: 0.7em;
}

.news .newsList .primary .wrap > div p
{
  margin: 0.8em 0;
}

.news .newsList .primary .wrap > div img
{
	max-width: 100%;
}

.news .newsList .primary .wrap > .share
{
  padding-top: 1em;
  margin-top: 1em;
  font-size: 1em;
  border-top: solid 1px #e2e2e2;
}


.news .newsList .primary .wrap > .share .label
{
  height: 41px;
  vertical-align: top;
  display: inline-block;
  line-height: 2em;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
}

.news .newsList .primary .wrap > .share a
{
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 41px;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
}

.news .newsList .primary .wrap > .share a.facebook
{
	background-image: url(shareFacebook.png); 
}

.news .newsList .primary .wrap > .share a.googleplus
{
	background-image: url(shareGooglePlus.png); 
}

.news .newsList .primary .wrap > .share a.twitter
{
	background-image: url(shareTwitter.png); 
}

.news .newsList .primary .wrap > .share a.linkedin
{
	background-image: url(shareLinkedIn.png); 
}

.news .newsList .primary .wrap > .share a.wk
{
	background-image: url(shareWk.png); 
}

.news .newsList .primary .wrap > .share a.connect
{
	background-image: url(shareConnect.png); 
}

.news .newsList .primary .wrap > .share a.email
{
	background-image: url(shareEmail.png); 
}


.news .newsList .secondary
{
 	display: block;
	vertical-align: top;
  
  	width: 100%;
  
  	margin:0;
  	padding:0;
}

.news .newsList .secondary .imageContainer
{
 	width: 100%;
  	display: block;
  padding-top: 2em;
  font-size: 0.7em;
}

.news .newsList .secondary .imageContainer img
{
   display: block;
   width: 100%;
}


.news .newsList .secondary h3
{
  font-size: 1.5em;
  font-weight: 300;
  color: #2d2d2d;
  margin: 0; 
  text-align: center;
}

.news .newsList .secondary > ul
{
	margin: 0;
  	padding: 0;
  	list-style-type: none;
}

.news .newsList .secondary > ul li
{
	margin: 0;
  	padding: 0 0 1em 0;
	border-bottom: solid 1px #e2e2e2;
}

.news .newsList .secondary > ul li .date
{
    font-size: 0.7em;
    padding-top: 1em;
    padding-bottom: 0.4em;
    line-height: 1em;
    font-style: italic;
}

.news .newsList .secondary > ul li h4
{
  font-size: 1.1em;
  font-weight: 400;
  color: #e21a3c;
  margin: 0; 
}

.news .newsList .secondary > ul li p
{
    font-size: 0.7em;
	padding: 0.5em 0 1em 0;
    line-height: 1.5em;
}

.news .newsList .secondary > ul li .button
{
  display: inline-block;
  border: none;
  height: auto;
  padding: 0.2em 0.8em;
  font-size: 1em;
  background-color: #e21a3c;
  color: white;
  
  cursor: pointer;
}

.news .newsList .secondary > ul li .button span
{
  	font-size: 0.8em;
}

.news .newsList .secondary > .row
{
 	font-size: 0.8em; 
}


@media (max-width: 875px)
{
  div.news
  {
     margin: 0 10% 2.5em 10%;
     width: 80%;
  }
  
  .news .newsList .primary .wrap
  {
   	margin-right: 0; 
  }
  
  
  .news .newsList .primary,
  .news .newsList .secondary
  {
   	width: 100%; 
  }
  
  .news .newsList .secondary
  {
   	padding-top: 2em; 
  }
  
  
  .news .newsList .secondary .imageContainer
  {
      width: 100%;
  }
  
}





/* ------------------------------------------------------------- About PAGE Styles ----------------------------------------------------------------------------------- */


.about
{
   margin: 0 auto 2.5em auto;
   width: 90%;	
}

.about .content
{
  	padding-bottom: 2em;
 	margin-bottom: 2em;
  	border-bottom: solid 1px #e2e2e2;
}

.about .content p
{
 	font-size: 0.7em; 
  	line-height: 1.25em;
}

.about h2 
{
  font-size: 2em;
  color: #2d2d2d;
  text-align: center;
  margin: 0.75em 0;
  
  line-height: 1.15em;
}

.about #aboutBottom
{
  color: #2d2d2d;
  text-align: center;
  margin: 2em 0;
  font-size: 1.2em;
}


#timeline 
{
  display:block;
}

#timeline .timelineElement
{
  display:inline-block; 
  width:25%;
  overflow:hidden;
  position:relative;
  vertical-align: top;
}

#timeline .timelineElement .dummy
{
 	margin-top: 80%;  
}


#timeline .timelineElement .date-square 
{
  position:absolute;
  display:block; 
  top: 0;
  left: 0;
  width:100%; 
  height: 100%;
  
  z-index: 2;
}

#timeline .timelineElement .date-square.red {background-color: rgba(226, 115, 115, 1); }
#timeline .timelineElement .date-square.violet { background-color: rgba(150, 108, 168, 1); }
#timeline .timelineElement .date-square.yellow {background-color: rgba(222, 162, 84, 1); }
#timeline .timelineElement .date-square.blue {background-color: rgba(134, 174, 211, 1); }
#timeline .timelineElement .date-square.green {background-color: rgba(131, 175, 121, 1); }



#timeline .timelineElement .date-square h3 
{
  position:relative;
  color:#ffffff; 
  text-align:center; 
  font-weight:100; 
  font-size:5em; 
  margin-top: 25%;
  font-family:'Josefin Sans', sans-serif;
}

#timeline .timelineElement .date-square:after
{
  position: absolute;
  content: "";
  width: 112px;
  height: 59px;
  left: 50%;
  bottom: 10%;
  margin-left: -66px;
  
  background-image: url('timeline-arrow.png');
}


#timeline .timelineElement .info-square 
{
  position:absolute;
  display:block; 
  top: 0;
  left: 0;
  width:100%; 
  height: 100%;
  
  z-index: 1;
}


#timeline .info 
{
  position:absolute; 
  height:auto; 
  min-height:80px; 
  bottom:0; width:90%;
  padding:20px 5%; 
  color:#ffffff; 
  overflow:hidden;
  z-index:1;
}

#timeline .info.red {background-color: rgba(226, 115, 115, 0.7); }
#timeline .info.violet { background-color: rgba(150, 108, 168, 0.7); }
#timeline .info.yellow {background-color: rgba(222, 162, 84, 0.7); }
#timeline .info.blue {background-color: rgba(134, 174, 211, 0.7); }
#timeline .info.green {background-color: rgba(131, 175, 121, 0.7); }


#timeline img 
{
  position: absolute;
  width: 60%;
  left: 20%;
  height: auto;
  z-index: 1;
  top: 5%;
} 

#timeline .info > div
{
  font-size: 0.7em;
  line-height: 1.25em;
}

#timeline .info h3 
{
  font-family:"Open Sans"; 
  font-weight:100; 
  font-size: 1em;
  line-height: 1.1em;
  
  margin-bottom: 0.3em;
}

.people{max-width:1920px;}
.people {width:90%; margin:0 auto 50px auto; text-align:center;}
.people img {margin-bottom:10px; width:98%;}
.people .team-container 
{
  display:inline-block; 
  vertical-align:top; 
  width:16.4%;
  padding-bottom: 1em;
  cursor: pointer;
}

#support-inner{max-width:1920px;margin-left:auto;margin-right:auto;}


@media (max-width:1200px)
{
  #timeline .timelineElement
  {
    width:33.3333%;
  }
}

@media (max-width:920px)
{
  #timeline .timelineElement
  {
    width:50%;
  }
  
  .people  .team-container 
  {
  	width: 33.3333333333333333%; 
  }
}


@media (max-width:750px)
{
  #timeline .timelineElement
  {
    width:100%;
  }
  
  .people  .team-container 
  {
  	width: 50%; 
  }
}



/* ------------------------------------------------------------- Contacts PAGE Styles ----------------------------------------------------------------------------------- */


.contact
{
   margin: 0 auto 2.5em auto;
   width: 90%;	
}


/* ------------------------------------------------------------- 404 Styles ----------------------------------------------------------------------------------- */

#fourZerofour
{
  width: 70%;
  position: relative;
  margin: 0 auto;

}

#fourZerofour h2
{
  font-size: 2em;
  color: #2d2d2d;
  text-align: center;
  margin: 0.75em 0;
  
  line-height: 1.15em;
}


#fourZerofour .span12
{
 padding-bottom: 2em;
  text-align: center;
}

@media (max-width:750px)
{
  #fourZerofour h2
  {
    font-size: 1.5em;
  }
}


/* ------------------------------------------------- COMMON FORM  --------------------------------------------------*/

#create_customer,
#recover-password form,
form#customer_login,
.pageResetPassword form,
#address_form_new,
#existingAddressPlaceHolder form,
.pageActivate form,
.contact-form,
form#press_login,
form#press_register
{
	margin: 1em auto 0 auto;
	width: 40%;
}

form#press_register
{
	width: 70%;
}


form#press_register textarea
{
	width: 100%;
}

#create_customer .formSubSection,
#recover-password form .formSubSection,
form#customer_login .formSubSection,
.pageResetPassword form .formSubSection,
#address_form_new .formSubSection,
#existingAddressPlaceHolder form .formSubSection,
.pageActivate form .formSubSection,
.contact-form .formSubSection,
form#press_login .formSubSection,
form#press_register .formSubSection
{
  margin-top: 1em;
  
}


#create_customer label,
#recover-password form label,
form#customer_login label,
.pageResetPassword form label,
#address_form_new label,
#existingAddressPlaceHolder form label,
.pageActivate form label,
.contact-form label,
form#press_login label,
form#press_register label
{
	font-size: 0.7em;
	padding:0;
	font-weight: bold;	
	margin:0;
	padding:0;
	
}

#create_customer input,
#recover-password form input,
form#customer_login input,
.pageResetPassword form input,
#address_form_new input,
#existingAddressPlaceHolder form input,
.pageActivate form input,
.contact-form input,
form#press_login input,
form#press_register input
{
  width: 98%;
  font-size: 0.8em;
  padding: 0.4em;
  display: block;
  margin: 0;
  
  font-family: "Open Sans",sans-serif;
}

.contact-form textarea
{
  border: 0;
  width: 100%;
}


#create_customer select,
#recover-password form select,
form#customer_login select,
.pageResetPassword form select,
#address_form_new select,
#existingAddressPlaceHolder form select,
.pageActivate form select,
.contact-form select,
form#press_login select,
form#press_register select
{
  width: 100%;
  font-size: 0.8em;
  padding: 0.4em;
  display: block;
  border: none;
  
  margin: 0;
  
  font-family: "Open Sans",sans-serif;
}



#create_customer a,
#recover-password form a,
form#customer_login a,
.pageResetPassword form a,
#address_form_new a,
#existingAddressPlaceHolder form a,
.pageActivate form a,
.contact-form a,
form#press_login a,
form#press_register a
{
	font-size: 0.7em;
}

#create_customer button,
#recover-password form button,
form#customer_login button,
.pageResetPassword form button,
.loginNew form button,
#address_form_new button,
#existingAddressPlaceHolder form button,
.pageActivate form button,
#cartform button,
.contact-form button,
form#press_login button,
form#press_register button
{
  margin: 1em auto;
  display: inline-block;
  font-size: 0.9em;
  width: auto;
  padding: 0.5em 1em;
  height: auto;
  min-width: 8em;
  
  cursor: pointer;
}

#create_customer .errors ul,
#recover-password form .errors ul,
form#customer_login .errors ul,
.pageResetPassword form .errors ul,
#address_form_new .errors ul,
#existingAddressPlaceHolder form .errors ul,
.pageActivate form .errors ul,
.contact-form .errors ul,
form#press_login .errors ul,
form#press_register .errors ul
{
 	list-style-type: none;
  	padding: 0;
  	margin: 0;
}

#create_customer .errors ul li,
#recover-password form .errors ul li,
form#customer_login .errors ul li,
.pageResetPassword form .errors ul li,
#address_form_new .errors ul li,
#existingAddressPlaceHolder form .errors ul li,
.pageActivate form .errors ul li,
.contact-form .errors ul li,
form#press_login .errors ul li,
form#press_register .errors ul li
{
  	padding: 0;
  	margin: 0;
  	
   font-size: 0.8em;
    font-weight: 700;
    color: #e21a3c;
  
  	text-align: center;
}

#create_customer .actions,
#recover-password form .actions,
form#customer_login .actions,
.pageResetPassword form .actions,
.loginNew form .actions,
#address_form_new .actions,
#existingAddressPlaceHolder form .actions,
.pageActivate form .actions,
#cartform .actions,
.contact-form .actions,
form#press_login .actions,
form#press_register .actions
{
  	text-align: center;
}


#create_customer .actions .secondary,
#recover-password form .actions .secondary,
form#customer_login .actions .secondary,
.pageResetPassword form .actions .secondary,
.loginNew form .actions .secondary,
#address_form_new .actions .secondary,
#existingAddressPlaceHolder form .actions .secondary,
.pageActivate form .actions .secondary,
.contact-form .actions .secondary,
form#press_login .actions .secondary,
form#press_register .actions .secondary
{
  	padding: 0 2em;
    color: #212121;
  font-weight: normal;
  font-size: 0.9em;
}


#create_customer .newsletter,
#recover-password form .newsletter,
form#customer_login .newsletter,
.pageResetPassword form .newsletter,
.loginNew form .newsletter,
#address_form_new .newsletter,
#existingAddressPlaceHolder form .newsletter,
.pageActivate form .newsletter,
.contact-form .newsletter,
form#press_login .newsletter,
form#press_register .newsletter
{
  padding-top: 1em;
  font-size: 0.7em;
  text-align: center;
  font-weight: normal;
}

#create_customer .newsletter.left,
#recover-password form .newsletter.left,
form#customer_login .newsletter.left,
.pageResetPassword form .newsletter.left,
.loginNew form .newsletter.left,
#address_form_new .newsletter.left,
#existingAddressPlaceHolder form .newsletter.left,
.pageActivate form .newsletter.left,
.contact-form .newsletter.left,
form#press_login .newsletter.left,
form#press_register .newsletter.left
{
  text-align: left;
}

#create_customer .newsletter.big,
#recover-password form .newsletter.big,
form#customer_login .newsletter.big,
.pageResetPassword form .newsletter.big,
.loginNew form .newsletter.big,
#address_form_new .newsletter.big,
#existingAddressPlaceHolder form .newsletter.big,
.pageActivate form .newsletter.big,
.contact-form .newsletter.big,
form#press_login .newsletter.big,
form#press_register .newsletter.big
{
  font-size: 0.9em;
  font-weight: normal;
}


#create_customer .newsletter input[type=checkbox],
#recover-password form .newsletter input[type=checkbox],
form#customer_login .newsletter input[type=checkbox],
.pageResetPassword form .newsletter input[type=checkbox],
.loginNew form .newsletter input[type=checkbox],
#address_form_new .newsletter input[type=checkbox],
#existingAddressPlaceHolder form .newsletter input[type=checkbox],
.pageActivate form .newsletter input[type=checkbox],
.contact-form .newsletter input[type=checkbox],
form#press_login .newsletter input[type=checkbox],
form#press_register .newsletter input[type=checkbox]
{
   display: inline-block;
   vertical-align: middle;
   width: auto;
}




@media (max-width: 1250px) 
{
	
  #create_customer,
  #recover-password form,
  form#customer_login,
  .pageResetPassword form,
  #address_form_new form,
  #existingAddressPlaceHolder form,
  .pageActivate form,
  .contact-form,
  form#press_login,
  form#press_register
  {
      margin: 1em auto 0 auto;
      width: 60%;
  }

  
}

@media (max-width: 1050px) 
{
	
  #create_customer,
  #recover-password form,
  form#customer_login,
  .pageResetPassword form,
  #address_form_new form,
  #existingAddressPlaceHolder form,
  .pageActivate form,
  .contact-form,
  form#press_login,
  form#press_register
  {
      margin: 1em auto 0 auto;
      width: 70%;
  }

  
}

@media (max-width: 850px) 
{
	
  #create_customer,
  #recover-password form,
  form#customer_login,
  .pageResetPassword form,
  #address_form_new form,
  #existingAddressPlaceHolder form,
  .pageActivate form,
  .contact-form,
  form#press_login,
  form#press_register
  {
      margin: 1em auto 0 auto;
      width: 80%;
  }

  
}




/* ------------------------------------------------- COMMON STYLE FOR ACCOUNT PAGES --------------------------------------------------*/


.accountContent
{
  margin: 0px 0 0 0;
  background: #ededed;
  padding: 50px 0 0 0;
}


.accountContent h1
{
	font-size: 1.3em;
    font-weight: normal;
    padding: 1em 0 ;
    text-align:center;
}

.accountContent h2
{
	font-size: 1.3em;
    font-weight: normal;
    padding: 1em 0 ;
    text-align:center;
}

.accountContent p
{
	font-size: 0.7em;
    text-align:center;
}



@media (max-width: 950px) 
{
  
  .accountContent
  {
    padding: 0 0 0 0;
  }
}



/* ------------------------------------------------- COMMON ACCOUNT PAGE MENU --------------------------------------------------*/


.accountContent nav#menuLeft
{
	position: absolute;
	background: #e61937;
	width: 60px;
}

.accountContent nav#menuLeft img
{
	margin: 0 auto; 	
	width: 60%;
}

.accountContent nav#menuLeft ul
{
	list-style:none;
	margin: 20px 0 0 0;
	padding: 0;
}

.accountContent nav#menuLeft ul li
{
  margin: 0 0 1.5em 0;
  padding: 0;
  font-size: 0.6em;
  line-height: 1em;
}

.accountContent nav#menuLeft ul li span
{
  margin: 0;
  text-align: center;
  display: block;
  padding: 0.5em 0 0 0;
}

.accountContent nav#menuLeft ul li a
{
  display: block;
  text-align: center;
  color: white;
}

.accountContent .textMenuLeft 
{
	text-decoration:none;
	color:white;
}


@media (max-width: 950px) 
{

    .accountContent nav#menuLeft
    {	
      position: relative;
      background: transparent;
      width: auto;
      text-align: center;
    }
  
    .accountContent nav#menuLeft img
    {
	    margin: 0; 	
	    width: 25%;
    }

    .accountContent nav#menuLeft ul
    {
      list-style: none;
      margin: 0px 0 0 0;
      padding: 0;
      display: inline-block;
      background: #e61937;
    }

    .accountContent nav#menuLeft ul li
    {
      margin: 0;
      padding: 0.5em;
      font-size: 0.6em;
      width: 10em;
      float: none;
      display: inline-block;
    }
    .accountContent nav#menuLeft ul li span
    {
    	margin:0;
	    padding:0;
	    text-align:center;
    }

    .accountContent nav#menuLeft ul li a
    {
	   display: block;	
    }
}



/* ------------------------------------------------- Code Page Login --------------------------------------------------*/



.pageLogin
{
	
	width:100%;	
	
}


.pageLogin .loginCustomers
{
	display: inline-block;
	width: 50%;
	border-color: #d9d9d9;
	border-right-width:2px;
	border-style: solid;
	padding: 0;	
}


.pageLogin #new-login > span p
{
 	padding: 0 15%; 
}



.pageLogin .loginNew
{
	display: inline-block;
	width: 49.5%;
	padding: 0;
	vertical-align:top;
}


.pageLogin .loginNew form
{
 	padding-bottom: 1em; 
}


.pageLogin form#customer_login,
.pageLogin form#press_login
{
	width: 70%;
  	padding-bottom: 3em;
}


.pageLogin #recover-password form
{
    padding-bottom: 5em;
  
}


@media (max-width: 750px) 
{
	
	.pageLogin .loginCustomers 
    {
	    display: block;
	    width: 100%;
	    padding: 0;
	    border-style: none;
    }
  
    .pageLogin .loginCustomers form
    {
	    margin: 1em auto;
	    width: 45%;
    }
  
    .pageLogin .loginNew 
    {
	    display: block;
	    width: 100%;
	    padding: 0;
	   
    }
  
  	.pageLogin #new-login > span p
    {
		padding: 0 10%;
    }
}




/* ------------------------------------------------- Code Page Register --------------------------------------------------*/


.pageRegister form
{
  
 	padding-bottom: 2em; 
}



/* ------------------------------------------------- Code Page Contact --------------------------------------------------*/


.pageContact
{
 	padding-top: 3em; 
}

.pageContact .intro
{
  position: relative;
  width: 75%;
  
  margin: 0 auto 2em auto;
}

.pageContact .intro span.left
{
  display: inline-block;
  width: 55%;
  margin-right: 5%;
  vertical-align: top;
  
  font-size: 0.8em;
}

.pageContact .intro > span.right
{
  display: inline-block;
  
  width: 31%;
  padding: 2%;
  vertical-align: top;
  
  background-color: #e61937;
  
  color: white;
  
  font-size: 0.7em;
  line-height: 1.3em;
}

.pageContact .intro > span.right > span
{
 	display: block; 
}

.pageContact .intro > span.right > span.store
{
 	font-weight: bold; 
}

.pageContact .intro > span.right > span.address
{
 	padding-bottom: 1.2em;
}

.pageContact .intro > span.right > span.phone
{
 	padding-bottom: 1.2em;
}

.pageContact .intro > span.right > span.more
{
 	font-weight: bold; 
}



.pageContact .form
{
  background-color:#ededed;
}

.pageContact .form .success
{
  background-color:#e7f5d5;
  padding: 0.3em;
  border-radius: 0.3em;
  color: #087929;
}


.pageContact .form .supportType
{
  	width: 60%;
  	position: relative;
	margin: 0.7em auto;
}

.pageContact .form .supportType label
{
  	text-align: center;
}


.pageContact .faq
{
	padding-bottom: 2em;
  
    position: relative;
    width: 75%;
    margin: 0 auto;
}


.pageContact .faq .contactUsTitle
{
 	text-align: center;
  padding-top: 2em;
}


.pageContact .faq .contact-form select
{
	border: solid 1px #aeaeae;
}



.pageContact .faq h2
{
	color: #087929;
  	font-size: 40px;
  	line-height: 1.2em;
  	padding: 0.7em 0;
  
  font-size: 1.2em;
}
.pageContact .faq h2.faq-title
{
  color: #2d2d2d;  
  font-size: 1.3em;
  font-weight: normal;
  padding: 1em 0;
  text-align: center;
}
.pageContact .faq ol
{
  list-style-type: none;
  margin: 0;
  padding: 0
    
}

.pageContact .faq li
{
  margin: 0;
  padding: 0;
  
  text-align: center;
  
  font-size: 0.8em;
}


.pageContact .faq li .title
{
  	display: block;
    font-weight: 600;
  	line-height: 1.2em;
  
  	margin-bottom: 1em;
}

.pageContact .faq li .value
{
  	display: block;
  
  	line-height: 1.2em;
  	margin-bottom: 1.8em;
}


@media (max-width: 810px)
{
  .pageContact .intro > span.left
  {
   	width: 100%;
    margin-bottom: 1em;
  }
  
  .pageContact .intro > span.right
  {
   	width: 100%;
  }
  
}


/* ------------------------------------------------- Code Page CART --------------------------------------------------*/


.pageCart
{
 	padding-top: 3em; 
}

.pageCart .textRed
{
    color: #e61937;
}

.pageCart #tableCart
{
	margin: 0 auto;
	padding: 0;
	width: 70%;
	text-align: left;
  	font-weight: normal;
  
  border-collapse: collapse;

}

.pageCart #tableCart th
{
 	text-align: center; 
}

.pageCart #tableCart th:first-child
{
 	text-align: left; 
}


.pageCart #tableCart td
{
    vertical-align: middle;
}

.pageCart #tableCart td.product strong
{
   display: inline-block;
   margin: 8px;
}


.pageCart #tableCart td.qty,
.pageCart #tableCart td.remove
{
  text-align: center;
  padding: 0 1em;
}

  
.pageCart #tableCart td.totalLabel
{
  text-align: right; 
}

 .pageCart #tableCart td.removeMobile{
    display:none;
  } 

.pageCart #tableCart td.money
{
  text-align: center;
  padding: 0 1em;
  
  min-width: 65px;
}

.pageCart #tableCart td img
{
    vertical-align: middle;
    display: inline-block;
    margin: 8px 0 8px 8px;
}

.pageCart #tableCart .cellTextRed
{
	color: #e61937;
}
.pageCart #tableCart .cellGray
{
    background: #ededed;
}


.pageCart #tableCart tr.total td
{
 	font-weight: bold; 
  border-top: solid 1px #eaeaea;
}

.pageCart #tableCart input
{
  background: transparent;
  width: 4em;
  margin: 0 1em;
  text-align: center;
  border-radius: 5px;
  background-color: white;
  border: solid 1px #cacaca;
}

.pageCart #calculateShipping
{
	margin: 0;
	background: #ededed;
	padding: 0 0 1em 0;	
}
.pageCart table, #codeOrder
{
	font-size: 0.7em;
}
.pageCart #buttonTotal, #buttonCheckout, #addCoupon
{
	width: 20em;
}
.pageCart #proceedToCheckout
{
	margin: 0;	
	padding: 0 0 1em 0;	
}

.pageCard #cartform .actions
{
 	display: block;
  text-align: center;
}


@media (max-width: 600px)
{
   
  .pageCart table, #codeOrder
  {
    font-size: 0.6em;
  }
  
  .pageCart #checkout,
  .pageCart #update-cart
  {
      font-size :0.6em;
      width: 5em;
  }
}

@media (max-width:400px) and (min-width:250px) {
  
  .pageCart #tableCart{
    white-space: nowrap;
    width:98%;
  }
  
  .pageCart #tableCart input{
    padding:0;
    margin: 0.5em 0.2em;
    width:35px;
  }
  
  .pageCart #tableCart tr th{
      font-size:0.7em;
      padding:0;
  }
  
  .pageCart #tableCart td{
      font-size:0.7em;
  }
  
  .pageCart #tableCart td.product strong {

  	margin: 0px;
  }
  
  
  .pageCart #tableCart td.product img {
    	display:none;
    	width:60px;
  		margin: 2px 0 2px 2px;
  }
  
  .pageCart #tableCart td.qty, 
  .pageCart #tableCart td.money, 
  .pageCart #tableCart td.remove {
   	padding:0;
  
  }
  
  .pageCart #tableCart td.remove{
    display:none;
  } 
  
  .pageCart #tableCart td.removeMobile{
    display:block;
  } 
  
  .pageCart #tableCart td.removeMobile img{
    width:12px;
  } 
  
  
  
}




/* ------------------------------------------------- Code Page ADDRESSES --------------------------------------------------*/


.pageAddresses
{
  
 	padding-top: 0; 
}


.pageAddresses .existingAddresses
{
 	background-color: white; 
  	padding-top: 50px;
    padding-bottom: 50px;
}


.pageAddresses .existingAddresses #address_tables
{
	position: relative;
  	width: 420px;
  	margin: auto;
}


.pageAddresses .existingAddresses #address_tables .address_table
{
  padding: 10px;
}


.pageAddresses .existingAddresses #address_tables .address_table.default
{ 
  background-color: #ededed; 
}


.pageAddresses .existingAddresses #address_tables .view_address
{
  display: inline-block;
  width: 260px;
  vertical-align: top;
}

.pageAddresses .existingAddresses #address_tables .view_address > span
{
    display: block;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1.3em;
}

.pageAddresses .existingAddresses #address_tables .view_address > span:first-child
{
    font-weight: bold; 
}

.pageAddresses .existingAddresses #address_tables .address_actions
{
  display: inline-block;
  width: 140px;
  vertical-align: top;
}

.pageAddresses .existingAddresses #address_tables .address_actions .action_link a
{
    display: inline-block;
    border: none;
    padding: 0.3em 1em;
    margin: 0.3em 0;
    background-color: #e21a3c;
    color: white;
    font-size: 0.7em;
    font-weight: normal;
    width: auto;
    height: auto;
    min-width: 8em;
    text-align: center;
}

.pageAddresses .existingAddresses #address_tables .address_actions .action_link a:hover
{
  text-decoration: none; 
}


/* Code Page Search */

.pageSearch
{
	margin: 0 8em 0 8em;
}

.pageSearch h1
{
	text-align:center;
	
}

.pageSearch #titleResultsFound
{
	text-align:left;
	
}

.result
{
	width: 60%;
	display: inline-block;
	margin: 0 2em 1em 0;
}

.titleResult
{
	margin-bottom:0;
	text-align:left;
	font-weight: bold;
	font-size:0.8em;
	
}

.listResults
{
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #d9d9d9;
	font-size:0.7em;
}

.linkResult
{
	width: 33%;
	display: inline-block;
	vertical-align:top;	
	font-size:0.7em;
}

.linkResult a
{	
	color:#e61937;	
}
.pageSearch ul
{
	list-style:none;	
	padding:0;
}

/* Code Page Shipping */

.sectionShipping
{
	width: 70%;
	margin: 0 auto;
}
.sectionShipping h1
{
	text-align:center;
	font-size: 1.3em;
    font-weight: normal;
    padding: 1em 0 ;
}

.sectionShipping #answerYes, #answerNo
{
	width:10%;
	vertical-align: middle;
	
}
.sectionShipping p
{
	padding: 1em 0;
	font-weight: bold;
}

.labelRadioButton
{
	display:inline-block;
	vertical-align: middle;
}

.dropboxForm
{
	width:102%;
	border-style:none;
	height: 25px;
	
}

.dropboxForm #chooseOption
{
	color:#ededed;
}





/*** PAGE SEARCH ***/




/* Code Page Search */

.pageSearch
{
	margin: 0 8em 0 8em;
}

.pageSearch h1
{
	text-align:center;
	
}

.pageSearch .search-result
{
	font-size: 0.8em;
}

.pageSearch .search-result h3
{

 	font-size: 1.3em; 
}

.pageSearch #titleResultsFound
{
	text-align:left;
}

.pageSearch .result
{
	width: 60%;
	display: inline-block;
	margin: 1em 2em 1em 0;
	line-height: 1.3em
}

.pageSearch .titleResult
{
	margin-bottom:0;
	text-align:left;
	font-weight: bold;
	font-size:1em;
	
}

.pageSearch h3
{
	margin-bottom:0;
	text-align:left;
	font-weight: bold;
	font-size:0.8em;
	
}


.pageSearch .listResults
{
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #d9d9d9;
	font-size:0.7em;
}

.pageSearch .linkResult
{
	width: 33%;
	display: inline-block;
	vertical-align:top;	
	font-size:0.9em;

}

.pageSearch .linkResult a
{	
	color:#e61937;	
}

.pageSearch ul
{
	list-style:none;	
	padding:0;
}


.pageSearch .pagination li
{
 display: inline-block;
  
  padding: 2em 0;
}

.pageSearch .expanded-message
{
 padding-bottom: 5em; 
}



@media (max-width: 850px)
{
	.pageSearch
  {
 	margin: 0 1em;   
    
  }
}




/** SEARCH CONTAINER PAGE **/

.page.search .products
{
  width: 100%;
}

.page.search .news
{
  width: 100%;
}



/** END SEARCH CONTAINER PAGE **/




.pageAccount table
{
 border-collapse: collapse; 
  
  width: 100%;
}

.pageAccount .odd
{
 background-color: #eaeaea; 
  
}



.pageAccount #customer_sidebar
{
	border-left: solid 1px #eaeaea; 
    display: inline-block; 
    width: 24.5%; 
    vertical-align:top;
}



@media (max-width: 850px)
{
	.pageAccount #customer_sidebar
    {
      
 		width: 100%;     
      
      
    }
  
}


.pageOrder #customer-order
{
  position: relative;
  width: 70%;
  margin: 0 auto;
  
}




.pageOrder .odd
{
 background-color: #eaeaea; 
  
}

.pageOrder table
{
  
 	margin-bottom: 2em; 
}

#modalContent{
  display:none;
}