@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Poppins');

/****************************************** 
[Table of contents]

1. Body
  1.1 Typography 
2. Header
3. Nav
4. Slideshow - Media
5. Footer
6. Misc
7. Media Queries

[Color codes]

# White (text): #FFFFFF
#Green: #4B878E
Light Blue: #cedae8
Dark Blue: #9cb6d3
Dark Gray: #58595b

[Typography]

Body copy:    ;
Headers: 'Poppins', Arial, Helvetica, sans serif;

******************************************/

/***********
1.) Body
************/
body {
 font-family:'Poppins', Arial, Helvetica, sans serif;
/*Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;*/
}

.body-container {
	min-height: 500px;
}
.green {color: #9cb6d3}
input {
	border-radius: 5px;
}

img {pointer-events: none;}

a:link, a:visited {color:#9cb6d3}

.btn.btn-default {background-color:#9cb6d3;color:#ffffff;font-weight:bold}

/***********
2.) Header
************/
header {
	
}

.logo {
/*	width: 306px;*/
	margin: 20px auto 0;
}

.logo img {
	float: left;
}

#hdr-right {position: relative }

.hdr-social {
	float: right;
	margin-top:20px;
/*	position: absolute;
	top: 40px;
	left: 80%;*/
}

.hdr-social li {
	display: inline;
}

/***********
3.) Nav
************/
.main-nav {
	background-color: transparent;
	border: 0;
	font-family: 'Poppins', Arial, Helvetica, sans serif;
	padding-top: 10px;
}

.main-nav li {
	padding: 0 10px;
}

.navbar-default .navbar-nav>li>a {
	color: #58595b; /*#474747;*/
	font-size: 14px;
	font-weight: 200;
	font-family: 'Poppins', Arial, Helvetica, sans serif;
/*Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;*/
}

.navbar-default, .navbar-default .navbar-collapse {border-color:#ffffff !important;background-color:transparent !important}
#bs-navbar-collapse-1 ul.nav.navbar-nav {margin-left:20%}
#bs-navbar-collapse-1 ul#pubNav {margin-left:3%}

.woocommerce-breadcrumb {
	display: none;
}
#headerCart, #memAccount  {width:20%;float:right;text-align:right}
.dropdown-content {display:none;}

/***********
4.) Slideshow - Media
************/

#carouselExampleControls  {max-height:600px;overflow:hidden}
.carousel img {width:100%}
.carousel-control {font-size:50px;font-weight:bold;margin-top:0px}
.carousel-control .glyphicon-chevron-left {margin-right:0}
.carousel-control .glyphicon-chevron-right {margin-left:0}

	

/***********
5.) Footer
************/
.footer {
	border-top: 2px solid #7f7f7f;
	padding-top: 40px;
	padding-bottom: 40px;
}

.footer-title {
	font-weight: 700;
	margin-bottom: 5px;
	font-family: 'Poppins';
}

#menu-customer-care, #menu-wholesale {
	padding-left: 0;
}

#menu-customer-care li, #menu-wholesale li {
	list-style-type: none;
	font-size: 14px;
	line-height: 16px;
}

#menu-customer-care li a, #menu-wholesale li a {
	font-family: 'Poppins';
	color: #474747;
	text-decoration: none;
}

.ftr-social {
	float: right;
	padding-top: 6px;
}

.ftr-social li {
	display: inline;
	/*padding-left: 16px;*/
}

#branding {
	float: right;
}

#branding a {
	text-decoration: none;
	color: #000;
}

#footer-contact {
	text-align: right;
	font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

/***********
6.) Misc
************/
.entry-title {
	display: none;
}

.catalog{
	margin: 0 auto;
	width: 600px;
}

.catalogWrapper {height: 500px;padding:10px;margin-bottom:30px}
.catalogWrapper img {border:1px solid #aaaaaa}

#sidebarWrapper>ul.topCats {list-style:none;font-family:'Poppins', Arial, Helvetica, sans serif}
#sidebarWrapper>ul.topCats>li>a:link; #sidebarWrapper>ul.topCats>li>a:visited {color:#000000}

/*-------------------------------------OMEGANET SPECIFIC-----------------------------------------------*/
/*This really needs to be added to*/
/*
    CATEGORY PAGE
*/
img .thumbnail  {
     
}
a .category {
     
}

div.catCell {
  padding-bottom: 30px; text-align:center;height:350px; 
}
.catCell h3 {font-size:20px}
.catCell a:link, .catCell a:visited {
  text-decoration: none;
  color: #020202;
}
.catCell a:hover {
  text-decoration: underline;
  color: #678083;
}


/*
    SHOW CATEGORY
*/
#productsDisplay    {
    margin: 0px auto 40px auto;
}
#catDropdown .form-group {text-align:center}
#catDropdown, #catDropdown .form-group select {display:block}
#catDropdown .form-control {width:auto}

.table_width {width:100%}

div.cat_item, div.cat_item_pub {
  border: 0 none;
  float: left;
  height: 300px;
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  /*margin: 20px 50px;*/
}
 
div.cat_item div.cat_content_bottom {
  bottom: 0;
  position: absolute;
    width: 100%;
}
 
div.cat_content_bottom img  {
    display: block;
    margin: 0 auto;
     
}

div.cat_content_bottom .itemName a:link, div.cat_content_bottom .itemName a:visited {
	color:#9cb6d3;
}
span.item   {
    width: 33%;
    color:#000000;
}

.cat_content_bottom .itemName {font-size:15px}

h3.detailsName {color:#9cb6d3}
.CartOuter  {
    margin: 0 auto;width:100%;
}

.Cart {
  margin: 0 auto;
}
table.Cart, table#CartOuter td, table.Cart td, table.Cart>tbody>tr>th {border:none;border-top:1px solid #ffffff}
.Cart td img {height:60px}
.cartBtn.btn.btn-default {float:left;margin-right:1%}

#cartNotFirst {margin-top:20px}



/****ByList****/

#byListContainer {
	padding:3px;
	border-spacing:3px;
	font-size:12px;
}
#byListContainer td {padding:5px;}

/*
*, *::before, *::after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
*/

.bylistImage {width:100px !important;}

/****END ByList****/
 
label {
  color: #000000;
}
 
.details    {
    max-width: 60px;
}
.item   {
     
}
.iteminput  {
     
}
/*This site specific*/

.currentCatInfo {
  display: none;
}

#CATFORM {
  padding-bottom: 5px;
}

.firstTime a, .forgotPassword a, .updateAccount a {
  color: #678083;
  text-decoration: none;
}

.search-box {
	padding: 10px 0;
}

.top-row {border:none;box-sizing:none;}

/*END This site specific*/
 
.loginText, .loginTextReg  {
    /*text-align: center;*/
    padding-bottom: 20px;
    text-align: justify;
    font-size: 18px;
}
 
.loginForm  {
    display: block;
    margin: 0 auto;
}
 
a.login{
	color:#000000;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .7px;
}

#loginBanner {background:#000000; color:#ffffff; padding:20px;margin-top:30px;text-align:center}
#loginBanner h3 {color:#ffffff}


#loginAbout {background: #767676; height:300px;overflow:visible;padding:0 0 0 30px}
#loginAbout div, #aboutTop div {padding:3%}
#aboutTopWrapper {height:600px}
#aboutPartB {margin-top:20px}
#loginAbout #loginAboutInfo {padding:20px 0}
#loginAbout #loginAboutInfo, #aboutTop #aboutContactInfo {color:#ffffff;font-size:16px}
#loginAbout #loginAboutInfo a, #aboutTop #aboutContactInfo a {padding:5px 20px;background:#ffffff;color:#000000;text-align:center}

/*******from Vinrella*****/
#loginWrapper {
        width:70%;
        margin:auto;
        background-color:#fff;
}

h1#loginBanner {
        font-size:55px;
        text-align:center;
        wodtj:100%;
        font-weight:700
        margom:auto;
}

.loginText {
        font-weight:300;
        font-size:18px;
        margin:20px 0;
        text-align:left;
}

.forgotPassword a {
        color:#c00;
}

input { color:#111 }

.loginInput {
        padding:8px;
        width:100%
}

.loginButton {
        background-color:#111;
        color:#fff;
        padding:10px 20px;
	margin:2% 1%;
        font-weight:500;
	width:100%;
	font-size:18px;
	border:none;
}
#newCustomers {margin-top:50px}
#newCustomers p {
        font-family: Lato;
        font-size:15px;
        margin: 20px 0 20px 0;
}

#newCustomers p a       {
        color:#c00;
}

/**********END from Vinrella*******/
 
a.category  {
    width: 100%;
}
.MainMfr    {
    width:100%;
}
 
 
tr.itemList:nth-child(even) {
    background-color: #eee;
}

.groupItems {
  width: 80%;
}
 
table#subCatsList td{
 	width: 33.3%;
 }

.subcatLinks {height:250px;margin-bottom:50px;font-site:20px !important;text-transform:uppercase;text-align:center}
.subcatLinks img {margin:auto}

table.Cart img { max-height:75px; }

.detail-pop-main-img {padding-top:15px;margin-top:15px}
.detail-pop-alt-img {display:none}

/*******Territories.tpl****************/

.rep h4.rep-region {color:#9cb6d3}

/*-------------------------------------END OMEGANET SPECIFIC-----------------------------------------------*/

/***********
7.) Media Queries
************/
/*center navbar*/
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

@media (max-width: 767px) {
	aside#sidebar-left {display:none}
	#catDropdown {display:block}
	#loginWrapper {width:90%;margin-left:5%}
	#loginWrapper p {font-size:18px}
	footer>div>div>div>ul>li {font-size:18px}
	#newCustomers {margin-top:0px}
	.catalogWrapper {height: 730px;padding:100px;margin-bottom:30px}

}

/*Alternate positioning for mobile*/
@media (max-width: 700px) {
	.hdr-social {
		top: 5px;
	}
}

/*Fix for footer layout mobile*/ 
@media (max-width: 700px) {
	#footer-contact {
		text-align: left;

	}
	#branding {
		float: left;
	}
	.ftr-social {
		float: left;
	}
	ul.ftr-social {
		padding-left: 0 !important; 
	}
}

@media (max-width: 500px) {
	.catalogWrapper {height: 630px;padding:50px;margin-bottom:30px}

}
