/* Add additional stylesheets below
-------------------------------------------------- */
/*@import url(http://fonts.googleapis.com/css?family=Lato|Pathway+Gothic+One|Titillium+Web:300|Fjalla+One|Homenaje|Open+Sans:400,300|Open+Sans+Condensed:700);*/
@import url(http://fonts.googleapis.com/css?family=Lato|Fjalla+One|Open+Sans:400,300);
/*
 Charitha surenaka
*/

/* Body and structure
-------------------------------------------------- */

body {
	background: none repeat scroll 0 0 #F6F6F6;
	color: #333333;
	padding-top: 110px;
	font-family: 'Open Sans', sans-serif;
}
i {
	font-family: OpenSansLightItalic;
	font-style: normal;
}
input::-moz-focus-inner {
 border: 0 none;
}
a {
	outline: 0 none;
}
img {
	border: 0 none;
}
a.dropdown-toggle {
	outline: medium none;
}
a:hover{
	
	text-decoration:none;}
a:focus {
	outline: medium none;
	outline-offset: -2px;
}
.navbar-inverse .navbar-inner {
	background-color: #222222;
	background-image: none;
	box-shadow: none;
	filter: none;
	min-height: 110px;
	opacity: 0.9;
}
.navbar .nav {
	float: right;
	font-size: 16px;
	margin-top: 30px;
}
.navbar .brand {
	color: #7B7B7B;
	font-family: 'Fjalla One', sans-serif;
	font-size: 45px;
	margin-top: 35px;
	text-transform: uppercase;
}
.introtitle {
	background: none repeat scroll 0 0 #B1395B;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
	 -webkit-border-radius: 0px 0px 5px 5px;
     -moz-border-radius: 0px 0px 5px 5px;
          border-radius: 0px 0px 5px 5px;
}
.introtitle p {
	font-size: 20px;
	line-height: 30px;
}
.logindiv{
	 background: none repeat scroll 0 0 #F6F6F6;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2222;
	
	}
      .form-signin {
	max-width: 300px;
	padding: 19px 29px 29px;
	margin: 84px auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	background-image: url(../img/Lock-Open.png);
	background-repeat: no-repeat;
	background-position: right top;
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
         margin-bottom: 8px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
    height: auto;
    margin-bottom: 5px;
    margin-top: 22px;
    padding: 7px 9px;
	outline:none;
      }
.cartrespons{
	display:none;
	margin-bottom:15px;
	}
 /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {
.container.navbar-wrapper {
	margin-bottom: 0;
	width: auto;
}
.navbar-inner {
	border-radius: 0;
	margin: 0px;
}
.navbar-fixed-top {
	margin-bottom: 0px !important;
}
.cartleftrespons{
	display:none;
}
}

.title {
	font-size:24.5px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}
 
 @media (max-width: 767px) {
.navbar-inner {
	margin: 0px;
}
.navbar-fixed-top {
	margin-bottom: 0px !important;
}
.introtitle p {
	text-align:center;
}
.cartrespons{
	display:block;
	}
	.cartleftrespons{
	display:none;
}
}



.Select-Location{
	border:none !important;
	width:100% !important;
	outline:none;
	}
.Select-Location:focus {
    outline:none;
}
.text-center{
	text-align:center;
	}
#filter ul {
    margin-left: 0;
}
#filter {
}
#filter ul li {
    background: none repeat scroll 0 0 #EEEEEE;
    display: initial;
    float: left;
    list-style: none outside none;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 6px 10px;
}
#filter ul li a {
    color: #333333;
    margin-bottom: 20px;
}
#filter ul .active {
    color: #BCBCBC !important;
	background-color:#999;
}


/**
 * Grid container
 */
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
}

/**
 * Grid items
 */
#tiles li {
  background-color: #ffffff;
  border: 1px solid #dedede;
  display: none; /** Hide items initially to avoid a flicker effect **/
  padding: 0px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  display: block;
  width:100%;
}

#filters {
  list-style-type: none;
  text-align: center;
  height: 50px;
  margin: 0 5% 0 5%;
}

#filters li {
  font-size: 12px;
  float: left;
  padding: 6px 0 4px 0;
  cursor: pointer;
  margin: 0 1% 0 1%;
  width: 8%;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#filters li:hover {
  background: #dedede;
}

#filters li.active {
  background: #333333;
  color: #ffffff;
}

/**
 * Grid item text
 */
#tiles li p {
  color: #666;
  font-size: 12px;
  margin: 7px 0 0 7px;
  line-height:15px;
}
#tiles li h4 {
  color: #000;
  font-size: 16px;
  margin: 7px 0 0 7px;
  font-weight:300;
}
#tiles li select {
   margin: 6px;
    width: 96%;
}

/**
 * Some extra styles to randomize heights of grid items.
 */
#tiles ali:nth-child(3n) {
  height: 175px;
}

#tiles ali:nth-child(4n-3) {
  padding-bottom: 30px;
}

#tiles ali:nth-child(5n) {
  height: 250px;
}

/** General page styling **/



#main {
 margin-bottom:15px;
}

.tiles_Qunt_Txtbox{
	width: 85px !important;
	
	}
.Cart-header{
	overflow:hidden;
	}

.Cart-header h3{
	font-weight:300;
	margin:0px;
	padding:0px;
	line-height:30px;
	}
.Cart-header h4{
	font-weight:400;
	margin:0px;
	padding:0px;
	line-height:30px;
	
	}

.Cart-header ul{
	list-style: none outside none;
	float: left;
	width: 100%;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #8a8a8a;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
.Cart-header ul li{
	padding: 5px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8a8a8a;
	cursor:pointer;
	}
.Cart-header ul li .media-heading{
	margin:0px !important;
	color: #333333;
}
.Cart-header ul li .media-body{
	color: #7b7676 !important;
}
.Cart-header ul li:hover{
	background-color:#f0efef;
}
.Cart-header ul li .cartitem{
	position:relative;
	}
.Cart-header ul li .cartitemhv{
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index:5px;
	opacity:0;
	}
.Cart-header ul li .cartitemhv:hover{
	opacity:1;
	}
.closeHolder{
	position:relative;
	}
.closeCartItem{
	position: absolute;
	background-image: url(../img/closeCartItems.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 16px;
	width: 16px;
	top: 3px;
	right: 5px;
	}
.closeCartItem:hover{
	background-position: 0px -17px;
	}
.cartitem img{
	border: 1px solid #dedede;
	}
.icon_shirt{
	background-image: url(../img/icon_Shirt.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.icon_hat{
	background-image: url(../img/icon_hat.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.icon_check{
	background-image: url(../img/check.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width:33px;
	height:24px;
	margin-top: -3px;
}
.icon_ShoppingCart{
	background-image: url(../img/ShoppingCart.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width:18px;
	height:16px;
	margin-top: 4px;
}

 #push {
        height: 60px;
      }

.footer {
	background:#111;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:30px;
}
.footer hr {
	border-top:1px solid #000;
	border-bottom:1px solid #222;
}
.footer ul.social-links li {
	background:#222;
	margin-right:0px;
	margin-left:10px;
}