@import "reset.css";
@import "searchInput.css";
@import "signupform.css";
@import "contactform.css";
@import "fontFace.css";
@import "CheckoutProgressBar.css";
@import "page_checkout.css";
@import "ext_button.css";
@import "swiper.min.css";
@import "font-awesome.min.css";
@import "bootstrap-combined.min.css";
@import "hamburger-icons-master.css";
@import "min-width-1024.css";
@import "min-width-768-1024.css"; 
@import "min-width-600-767.css";
@import "min-width-481-599.css";
@import "min-width-220-480.css";
@import "ieCssHack.css";

html {overflow-y:scroll; -webkit-text-size-adjust:100%}
body,button {font-size:13px; font-family:"CenturyGothic", "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;  padding:0!important; margin:0!important;}
body header,body ul li,body div {transition:0.2s ease;-moz-transition:0.2s ease;/* FF3.7+ */-o-transition:0.2s ease;/* Opera 10.5 */-webkit-transition:0.2s ease; /* Saf3.2+, Chrome */}
body div.container {width:100%!important; overflow:hidden; padding:0!important; margin:0!important;  }

header #mobilemainNav {display:none;}
header  #wrapper {}
header #mainNav li,article #content-Img #product-item #desc{text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.38);}
header #mainNav li:nth-child(1){background-color:#69AF23;}
header #mainNav li:nth-child(2n){background-color:#008737;}
header #mainNav li:nth-child(3n){background-color:#f69228;}
header #mainNav li:nth-child(4n){background-color:#E62D87;}
header #mainNav li:nth-child(5n){background-color:#552382;}

header #mainNav li:nth-child(1):hover{background-color:#76c823;}
header #mainNav li:nth-child(2n):hover{background-color:#01a845;}
header #mainNav li:nth-child(3n):hover{background-color:#ffab52;}
header #mainNav li:nth-child(4n):hover{background-color:#ff4ea4;}
header #mainNav li:nth-child(5n):hover{background-color:#a24af2;}

header #mainNav #drop  li:hover{color:#515151!important;}


header #mainNav i {font-size:18px!important; padding:0  4px 0 0!important;}
header #mainNav #drop {text-align:center;}


#bg.mobile {position:absolute; width:100%; z-index:991; cursor:pointer; display:none;}


#product-item {padding:0px 0 0 0;}
#product-item #img:hover #img:first-child {display:block;  -webkit-animation: fadeIn 1s; animation: fadeIn 1s;}
#product-item #img:hover #img:nth-child(2) {display:none; -webkit-animation: fadeIn 1s; animation: fadeIn 1s;}
#product-item #img:first-child  {display:block; }
#product-detail-content {font-size:18px!important;}

#viewlabel {color:#515151!important; transition:0.2s ease;-moz-transition:0.2s ease;/* FF3.7+ */-o-transition:0.2s ease;/* Opera 10.5 */-webkit-transition:0.2s ease; /* Saf3.2+, Chrome */}

/*section*/
h1 {padding:10px; border-bottom:3px solid #efefef; font-weight:normal; font-size:18px!important; margin:0px 0 0 0!important; text-indent:15px; }
section {z-index:9990!important; background-color:#fff!important; width:100%; height:auto; margin:0 auto;  }
article  {width:100%; height:auto; z-index:9980!important; position:relative; top:0px; background-color:#fff!important; }
article h2 {text-align:center; padding:0px 0 10px 0;  font-family: 'Fredoka One', cursive!important; font-size:45px!important; font-weight:normal!important;  color:#2470d4; border-bottom:5px #e6e6e6 solid;  background:url(../img/bgRepeat.jpg) center 0px repeat-x; }
article h4 {font-family: 'Fredoka One', cursive!important; font-weight:normal!important; font-size:25px; border-bottom:1px solid #e6e6e6; color:#2470d4!important;}

h1,h2 { text-shadow: -8px 0 white, 0 8px white, 8px 0 white, 0 -8px white;}

#banner {width:100%; height:880px!important; z-index:9980!important; position:absolute; top:0;   }
#bannerEmpty {width:100%;  z-index:9979!important; position:relative;}


@media (min-width:750px) and (max-width:3000px){

}
@media (min-width:220px) and (max-width:749px){
#bannerEmpty  {height:177px!important;}
}
/*preload the productItem*/
article label {width:170px; font-size:16px!important;}

#removetocart,button#get_a_quote{display:none;}

article #content-Img {min-height:600px!important; }
article #content-Img.loading   {background:url(../img/loading.gif) center center no-repeat!important;}
article #content-Img #product-item #desc{font-family: 'Fredoka One', cursive!important; font-size:25px;  color:#2470d4!important;}
article #content-Img  img {cursor:pointer; filter:alpha(opacity=100);opacity:1.0; }
article #content-Img  img:hover { filter:alpha(opacity=80);opacity:0.8;}
#product-item  button{}
#bannerEmpty2222{ height:615px!important; overflow:hidden;}


#product-item   {border:1px solid #e9e9e9!important;}


@-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}
@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} 

/******aboutus Container******/ 
article.aboutus   #aboutus_Left   {width:auto; max-width:1048px!important; margin:0 auto; line-height:30px; padding:20px 10px 90px 10px!important;}


/******invoiceWrapper Container******/ 
#invoiceWrapper {width:auto; max-width:700px; height:570px;  margin:0 auto; padding:0 0 50px 0;  position:relative; top:0px;}
#invoiceWrapper h1 {font-size:30px; font-weight:bold; border-bottom:none!important;  position:relative; left:0px;  text-indent:5px;}
#invoiceWrapper #shippingAddress {width:auto;  position:relative; left:0px; background-color:#f1f1f1; padding:10px 10px 5px 10px; text-indent:6px;}
#invoiceWrapper #shippingAddress p {padding:3px 0 6px 0}
#invoiceWrapper #shippingAddress label {float:left; clear:left; width:150px;  font-weight:bold;}
#invoiceWrapper #orderId {width:100%!important; position:relative; top:100px; margin:0px auto 0 auto!important; clear:both;}
#invoiceWrapper #orderId ul {clear:both!important; padding:3px 0 6px 0}
#invoiceWrapper #orderId li { clear:both;}
#invoiceWrapper #orderId label {float:left; width:150px;  font-weight:bold;}
#invoiceWrapper #purchaseItemsWrapper {clear:both!important;}
#invoiceWrapper #purchaseItemsWrapper ul {position:relative;}
#invoiceWrapper #purchaseItemsWrapper ul:first-child {width:100%; font-weight:bold; margin:0px auto 0 auto!important; clear:both;}
#invoiceWrapper #purchaseItemsWrapper ul:first-child li {width:31%; float:left; list-style:none; border-bottom:1px dotted #515151; margin-left:5px;  padding:10px 0 1px 0}
#invoiceWrapper #purchaseItemsWrapper #purchaseItem  {width:100%; margin:0px auto 0 auto; padding:10px 0 0 0; clear:both; }
#invoiceWrapper #purchaseItemsWrapper #purchaseItem li {width:31%; float:left; list-style:none; border-bottom:1px dotted #515151; margin-left:5px; padding:10px 0 0 0}
#invoiceWrapper #purchaseItemsWrapper #subtotal   {width:100%; clear:both;  margin:0px auto 0 auto!important; clear:both;}
#invoiceWrapper #purchaseItemsWrapper #subtotal li {width:31%; float:left; list-style:none;  margin-left:5px; padding:10px 0 0 0; text-align:right;}
#invoiceWrapper #purchaseItemsWrapper #subtotal li:first-child+li{font-weight:bold;}
#invoiceWrapper #purchaseItemsWrapper #amount   {width:100%; clear:both;  margin:0px auto 0 auto!important; clear:both;}
#invoiceWrapper #purchaseItemsWrapper #amount li {width:31%; float:left; list-style:none;  margin-left:5px; padding:10px 0 0 0; text-align:right;}
#invoiceWrapper #purchaseItemsWrapper #amount li:first-child+li{font-weight:bold;}
#invoiceList table tr th,#invoiceList table tr td{font-size:12px!important;}

#errorMessage {display:none;}
#errorMessage p {width:100%; text-align:center;}
form.signup label#messageEmail i {}
form.signup label#messageEmail{display:none; text-indent:0!important;  padding:0!important; margin:0!important;   text-align:left!important; position:relative; left:0!important;}

#newsCategory ul.cateList {width:auto; position:absolute; left:0%; top:205px; z-index:9991; padding:0 50px 0 0;}
#newsCategory ul.cateList  li {width:auto; float:left; margin:0 0 0 50px; cursor:pointer;  position:relative;}
#newsCategory ul.cateList  li  span {position:absolute; height:20px; width:20px; right:-13px;top:0px;z-index:99; line-height:19px; margin:0px -10px 0 5px; -moz-border-radius: 20px; /* or 50% */ border-radius: 20px; /* or 50% */ background-color: #e6e6e6; color:#555; text-align: center; font-size: 1em;}
#newsCategory ul.cateList li.none{cursor:default!important; }
#newsCategory ul.cateList li.set:hover {color:#0088cc!important; text-decoration:underline!important;}
#newsCategory ul.cateList li.set{color:#0088cc!important; font-weight:bold;}

button#loadMore {clear:both!important; width:100%!important; padding: 20px 0  20px 0!important; position:relative!important; left:0%!important; top:60px; margin:0 0 0 0px!important; background-color:#fff; border:none;}
i#fa-user {font-size:15px!important;}
.bold {font-weight:bold;}

#noproduct{width:100%!important; text-align:center; position:relative; top:90px; font-size:22px!important; }
#cartText {font-size:22px!important; }
#pagination {width:100%; clear:both; position:relative; top:10px; font-family: 'Fredoka One', cursive!important; font-size:18px;  }
#pagination.top ul.tsc_paginationA01 li.current {color:black!important;}

section  article.product #action_prod {width:100%; max-width:1040px!important; height:35px; margin:0 auto; clear:both; position:relative; top:180px; padding:30px 0 30px 0; }
section  article.product #action_prod div{width:33%; float:left; text-align:center; }
section  article.product #action_prod div button {width:100%!important; padding:15px 15px 15px 15px!important; font-size:22px!important; }

#p_detail button{width:100%!important; padding:10px 0 10px 0!important;}

#co_prod.cartText,#action_prod.cartText {display:none;}

#action_prod.cartText {padding:20px 0 20px 0!important;}

#removecart {cursor:pointer;}
p.successful{width:100%; text-align:center;}

#get_a_quote {position:relative; top:50px; font-family: 'Fredoka One', cursive!important; font-size:22px; color:#552382;}


#ppdButton {
border:0!important; 
z-index:999999; 
margin:0!important; 
font-size:18px!important; 
color:#515151;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width:100%; text-align:center;
position:absolute;top:-40px!important;right:0;  
padding:10px 0px 10px 0px!important; 
background-color:#f9f9f9!important;font-family: 'Fredoka One', cursive!important;
}

#ppdButton { 

}

article.membership {}

input#page::placeholder,input#page2::placeholder   {
 font-size:12px!important; color:#515151!important;
}

span#h2nohead {font-size:19px;}

#gotopage_form {width:113px;  margin:0px auto 0 auto; padding:0 0 0px; position:relative; top:-5px; left:4px;}
#gotopage_form input {width:71px}
button.goTo {position:relative; right:7px; top:-5px; }