/* @Note and Copyright: The code in this file or all the project is licenced only to "www.sherazisports.com" to use on 1 site. 
 * Copying or redistribution of any part of the code from this project is Haram and Stricly Prohibited unless extra license purchased from Ideal for IT ( idl4.com , amir.idl4@gmail.com ) 
 * */
/*
 *	@author Muhammad
 *  @copyright IDEAL FOR IT FZE  ( idl4.com , amir.idl4@gmail.com)
 *  
 */
@import url("reset.css");
@import url("text.css");
@import url("960.css");

/* 
 * Font Face
 *
 */

@font-face {
    font-family: 'helveticaneue_lt_47_lightcnRg';
    src: url('../fonts/helvetica_lt_47_light_condensed-webfont.eot');
    src: url('../fonts/helvetica_lt_47_light_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_lt_47_light_condensed-webfont.woff') format('woff'),
         url('../fonts/helvetica_lt_47_light_condensed-webfont.ttf') format('truetype'),
         url('../fonts/helvetica_lt_47_light_condensed-webfont.svg#helveticaneue_lt_47_lightcnRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
 * 
 * main style..
 *
 */

body {
	background:#ffffff;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: auto;
	color: #888888;
}	


h1, h2, h3, h4, h5, h6, p, pre, ul, li, a {
	margin: 0;	
	padding: 0;
	list-style: none;
	text-decoration: none;
}


/** Spaces **/


.space{
	height:10px;
	width:100%;
	clear:both;
}

.space-med{
	height:20px;
	width:100%;
	clear: both;
}

.space-big{
	height:30px;
	width:100%;
	clear: both;
}


/** Anchor **/


a{
	-webkit-transition: background .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
	-moz-transition: background .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
	-ms-transition: background .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
	-o-transition: background .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
	transition: background .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
}


.title-small{
	font-size:12px;
	font-weight: normal;
}


/** Floats Css **/
	
.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.text-left{
	text-align: left;
}
	
.pull-right{
	float:right;
}

.pull-left{
	float:left;
}


/** Texts ***/
.note{
	color:#555;
	text-align: justify;
}

.note p{
	color:#555;
	text-align: justify;
}


.note span{
	color:#555;
	text-align: justify;
}

.text-gray{
	color:#888888;
}
.text-darkgray{
	color:#222222;
}
.text-red{
	color:#cb0101;
}
.text-warning{
	color:#cb0101;
}

.smaller{
	font-size:11px;
}

/** BG **/
	
.bg-gray{
	background:#EEEEEE;
}
.bg-darkgray{
	background:#222222;
}

	
/** Title Head **/

.title {
	padding:5px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.widget-title h1{
	display: inline-block;
	float:left;
	background:#CB0101;
	color:#FFFFFF;
	padding:6px 10px;
	font-size:16px;
	font-weight:normal;
	border-left:4px solid #222;
}
.widget-title h2{
	display: inline-block;
	float:left;
	background:#ffffff;
	color:#222222;
	padding:6px 10px;
	font-size:16px;
	font-weight:normal;
	border-left:4px solid #ffffff;
}

/** Buttons **/

.btn{
	font-size: 12px;
	padding:8px 15px;
	cursor: pointer;
	-webkit-transition: all .5s ease, opacity .5s ease-in-out;
	-moz-transition: all .5s ease, opacity .5s ease-in-out;
	-ms-transition:  all .5s ease, opacity .5s ease-in-out;
	-o-transition: all .5s ease, opacity .5s ease-in-out;
	transition: all .5s ease, opacity .5s ease-in-out;
}

.btn-small{
	padding:4px 15px;
}

.btn-gray{
	color: #FFFFFF;
	background: #222222;
}

.btn-gray:hover {
	color: #fff;
	background: #cb0101;
}

.btn-red{
	color: #fff;
	background: #cb0101;
}


.btn-red:hover {
	background: #222222;
}

/*//////////////////      Header Style   //////////////////////////*/

.header_top{
	background:#222222;
}

/* Social Nav */


.social_nav a img{
	border-right:1px solid #555555;
	width: 30px;
	height:32px;
}
.social_nav a:first-child img{
	border-left:1px solid #555555;
}
/** Inquiry Cart Button **/

.cart-box{
	padding:8px 0px;
}

.cart-box a{
	font-size:12px;
	color:#EEEEEE;
}

.cart-box img{
	margin-right:10px;
}	
.count-items {
	color:#cb0101;
	padding: 0px 3px;
}



/*//////////////////      Header Style   //////////////////////////*/


/** Logo **/

.logo a img{
	margin:20px 0px;
}


/** Search Form Css **/

.search-form {
	display: block;
	width: 250px;
	height: 32px;
	margin-top: 37px;
}

.search-form .search-input {
	background: #FFFFFF;
	width: 204px;
	font-size: 12px;
	color: #888888;
	padding-left: 5px;
	height: 32px;
	border: 1px solid #CCCCCC;
	border-right: none;
	border-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

input.search-button {
	float: right;
	cursor: pointer;
}

/*/////////////////////////    Main Menu Css        ////////////////*/

.menu{
	border-top:2px solid #222222;
}

.nav{
	margin-top:2px;
}

.nav li{
	float:left;
}
.nav li a{
	display:inline-block;
	color:#222222;
	font-size:14px;
	text-align: center;
	padding: 8px 15px;
	font-weight: bold;
}
.nav li a:hover{
	background:#cb0101;
	color:#FFFFFF;
}
.nav li.current a{
	background:#cb0101;
	color:#FFFFFF;
}

/*/////////////////////////      Banner Container Style        ////////////////*/

.banner_container {
	margin-top: 20px;
	height: 350px;
	background: #fff;
}

/** Categories Slider **/


.category {
	display:inline-block;
	margin-right: 2px;
	width: 182px;
	height:110px;
	border:1px solid #EEEEEE;
}

.category img {
	width: 182px;
	height:110px;
}

.category:last-child {
	margin-right: 0px;
}

.category {
	position: relative;
}

.cate-caption {
	width: 182px;
	position: absolute;
	top: 0px;
}

.cate-caption a {
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	font-family: 'helveticaneue_lt_47_lightcnRg';
	letter-spacing: 1px;
	padding: 4px;
	width: 174px;
	text-align:center;
}

.cate-caption a.cate-title {
	background: url(../images/bg-black.png) repeat;
}

.cate-caption a.cate-btn {
	background: url(../images/bg-red.png) repeat;
	font-size: 11px;
	padding: 4px;
	width:55px;
	margin-left: 6px;
	margin-top:60px;
}

.cate-caption a.cate-btn img {
	margin-left: 8px;
	width: auto;
	height:auto;
}


/* Hover Effect */


.category .cate-caption{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}


.category:hover .cate-caption{
	opacity: 1;
	color: #fff;
	-webkit-animation: moveFromTop 400ms ease-in-out;
	-moz-animation: moveFromTop 400ms ease-in-out;
	-ms-animation: moveFromTop 400ms ease-in-out;
	animation: moveFromTop 400ms ease-in-out;
}

.category:hover .cate-caption a.cate-title{
	background: url(../images/bg-red.png) repeat;
}

.category:hover .cate-caption a.cate-btn{
	background: url(../images/bg-black.png) repeat;
}


/** Keyframes **/

@-webkit-keyframes moveFromTop {
 from {
 opacity: 0;
 -webkit-transform: translateX(-10%);
}
to {
	opacity: 1;
	-webkit-transform: translateX(0%);
}
}
@-moz-keyframes moveFromTop {
 from {
 opacity: 0;
 -moz-transform: translateX(-10%);
}
to {
	opacity: 1;
	-moz-transform: translateX(0%);
}
}
@-ms-keyframes moveFromTop {
 from {
 opacity: 0;
 -ms-transform: translateX(-10%);
}
to {
	opacity: 1;
	-ms-transform: translateX(0%);
}
}


/*/////////////////////////      Featured products style        ////////////////*/


.belt{
	margin: 15px 0 10px 0px;
}

.featured-product{
	background:#FFFFFF;
	width: 220px;
    height: 290px;
    float:left;
    border:1px solid #999;
    -webkit-transition: border .5s ease, opacity .5s ease-in-out;
	-moz-transition: border .5s ease, opacity .5s ease-in-out;
	-ms-transition: border .5s ease, opacity .5s ease-in-out;
	-o-transition: border .5s ease, opacity .5s ease-in-out;
	transition: border .5s ease, opacity .5s ease-in-out;
}

.featured-product:hover{
	cursor:pointer;
	border:1px solid #222;
}
.featured-product:hover .pro-btn{
	visibility: visible;
}

/*/////////////////////////      Widgets style        ////////////////*/

.widgets_container{
	background: #f4f3f3;
	padding: 20px 0px;
}

/** Latest News **/

.news ul li {
	margin-bottom: 10px;
}

.news ul li:hover {
	cursor: pointer;
}
.news_thumb{
	width: 64px;
}

.news_thumb img{
	width: 64px;
	height: 64px;
}

.news_short_detail {
	width: 375px;
}

h5 a {
	display:inline-block;
	color: #555;
	font-size: 13px;
	font-weight: bold;
	margin-top:8px;
}

h5 a:hover {
	color: #CB0101;
}
.news_short_detail p {
	color:#555;
	font-size: 13px;
	margin-top:2px;
	margin-bottom: 0px;
	line-height: normal;
}



/*/////////////////////////      Footer style        ////////////////*/

.footer{
	padding:20px 0px;
	border-top:2px solid #222222;
}

.copyright{
	color:#555555;
	margin:0px;
	margin-bottom:5px;
}

.webmaster{
	color:#555555;
	margin:0px;
}
.webmaster a{
	color: #222222;
	font-weight: bold;
}

.webmaster a:hover{
	color:#CB0101;

}


/** Scroll To Top **/

#top{
	color:#FFFFFF;
	z-index: 9999;
	background: #CB0101;
	text-align: center;
	font-size:12px;
	float:right;
	padding:10px 5px;
	margin-top:5px;
}


#top:hover{
	background:#222222;
}


/*/////////////////////////      Pages style        ////////////////*/


.page{
	background: #FFFFFF;
}

.page-contents{
	text-align: justify;
	padding:15px 0px;
	color:#555;
	min-height: 300px;
}
.page-contents p{
	line-height: normal!important;
}

/*/////////////////////////      Product page style        ////////////////*/


.contents{
	padding:15px 0px;
	color:#888;
	min-height: 300px;
}

.product{
	background:#FFFFFF;
	width: 220px;
    height: 290px;
    float:left;
    border:1px solid #999;
	margin: 20px 5px;
	margin-bottom:0px;
    -webkit-transition: border .5s ease, opacity .5s ease-in-out;
	-moz-transition: border .5s ease, opacity .5s ease-in-out;
	-ms-transition: border .5s ease, opacity .5s ease-in-out;
	-o-transition: border .5s ease, opacity .5s ease-in-out;
	transition: border .5s ease, opacity .5s ease-in-out;
}
.product:hover{
	cursor:pointer;
	border:1px solid #222;
}

.product:hover .pro-btn{
	visibility: visible;
}


.thumb{
	padding: 10px;
	text-align: center;
}
.thumb img{
	width: 180px;
	height: 180px;
}

#Add{
	margin:20px 0px 10px;
}

.pro-title{
	padding: 5px;
	text-align: center;
}

.pro-title a{
	color: #555;
	font-weight: bold;
	font-size:14px;
}
.pro-title a:hover{
	color: #cb0101;
}
.art-nmbr{
   color:#555;
   text-align: center;
   font-size:12px;
}


/** Product Btns **/

.pro-btn{
	visibility:hidden;
	text-align: center;
	margin-top:15px;
}

.pro-btn a img{
	vertical-align: top;
	padding-right: 10px;
}

/*/////////////////////////     Pagination style        ////////////////*/

.pagination-container{
	clear: both;
}

.pages{
	background: #cb0101;
	color: #FFFFFF;
	text-align:center;
	padding: 5px 10px;
	float:right;	
	font-size:12px;
	margin-right: 5px;
}

.pagination {
	display: block;
	float:right;
}

.pagination a{
	float: left;
	background:#222;
	padding: 5px 10px;
	color: #fff;
	margin-left:5px;
}

.pagination .pagecurrent{
	background: #cb0101;
	color: #FFFFFF;
}

.pagination a:hover{
	background: #cb0101;
	color: #FFFFFF;
}

.pagination .seperator{
	color: #888;
	background: none;
	float: left;
	font-size: 15px;
	margin: 0;
	padding: 5px;
}

/*/////////////////////////      Inquiry cart page Style        ////////////////*/

.even{
		background: #F4F3F3;
}

.odd{
		background: #ffffff;
}


#cart .cart-header div {
	background: #F0F0F0;
	color: #555;
	border-bottom: 1px solid #E0E0E0;
	margin: 1px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;	
	text-align: center;
}
#cart .cart-row div {
	margin: 1px;
	padding: 5px;
	height: 145px;
	color:#555;
	text-align: center;
	line-height: 40px;
}

#cart .cart-row div.cart-thumb {
	padding-left:0px;
}

#cart .cart-thumb {
	width: 142px;
	float: left;
}
#cart .cart-thumb img {
	width: 150px;
	height: 140px;
	border:1px solid #999;
}

#cart .cart-thumb:hover img{
	cursor: pointer;
}

 input.qty_input{
	height: 30px;
	padding: 2px 10px;
	background: #FFFFFF;
	color: #555;
	border:1px solid #888;
	margin-right: 10px;
}
 .cart-title {
	width: 200px;
	float: left;
	color: #aaa;
	font-size: 12px;
}
 .artno {
	width: 140px;
	float: left;
}
 .buttons {
	width: 170px;
	float: left;
}

.buttons form{
	display: inline;
	text-align: center;
}
.buttons form input[type="submit"]{
	border:none;
}
#forupdate{
	margin:0px 10px;
}
div.cart-row.odd div {
	background: transparent;
}
div.cart-row.even div {
	background: transparent;
}

.send-btn a img{
	margin:-3px 8px 0px 0px;
}

.send-btn a{
	margin-right:5px;
}

/** Inquiry Form **/

.inquiry-form-page input[type="text"] {
	border:none;
	color: #555;
	padding:5px;
	width: 270px;
	border:1px solid #888;
}
.inquiry-form-page select {
	background: #FFFFFF;
	color: #555;
	padding:5px;
	border:none;
	width: 270px;
	border:1px solid #888;
}
.inquiry-form-page textarea {
	border:none;
	color: #555;
	padding:5px;
	min-height: 150px;
	border:1px solid #888;
	margin: 0px;
}
.inquiry-form-page input[type="submit"]{
	border:none;
	margin: 0px;
	margin-top: 10px;
}
.inquiry-form-page input[type="reset"]{
	border:none;
}

.inquiry-form-page tr{
	line-height:35px;
}
.inquiry-form-page{
	color:rgb(182, 182, 182);
}

.text{
	padding:10px 40px 10px 20px;
}





/*/////////////////////////      Newsdetail page Style        ////////////////*/



h5{
	color: #cb0101;
	font-size: 13px;
}

ol{
	margin-left:20px;
}

ol li{
	list-style-type:decimal !important;
	
}

.news-desc span{
	font-size: 12px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	color:#555555;
}

.news-desc p{
	font-size: 12px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	color:#555555;
}