@font-face {	font-family: 'GillSans-Light';	src: url('../fonts/GillSans-Light.eot?') format('eot'), url('../fonts/GillSans-Light.woff') format('woff'), url('../fonts/GillSans-Light.ttf') format('truetype'), url('../fonts/GillSans-Light.svg#GillSans-Light') format('svg');
}
@font-face {	font-family: 'GillSans';	src: url('../fonts/GillSans.eot?') format('eot'), url('../fonts/GillSans.woff') format('woff'), url('../fonts/GillSans.ttf') format('truetype'), url('../fonts/GillSans.svg#GillSans') format('svg');
}
@font-face { font-family: "Gill Sans"; src: url('../fonts/629760743-GillSans-Bold.eot'); src: url('../fonts/629760743-GillSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/629760743-GillSans-Bold.svg#Gill Sans') format('svg'), url('../fonts/629760743-GillSans-Bold.woff') format('woff'), url('../fonts/629760743-GillSans-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@media only screen and (min-width:1025px) and (max-width:2600px) {
#mob_version{ display:none;}
#desktop_version{display:block;}
#div__header{display:block;}
#div__footer{display:block;}
#innerwrapper{ display:block;}
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
#div__footer{display:none;}
#div__header{display:none;}
#desktop_version{display:none;}
#outerwrapper{width:100% !important;}
#mob_version{ width:100%; float:left; margin:0px; padding:0px;<!--font-family: 'GillSans-Light';--> FONT-SIZE: 13px !important;}
.container{ width:96%; margin:0 auto;}
.header .left{ width:25%; float:left; position:relative; list-style: none; margin: 0px; z-index: 5;}
.left ul {display: none; background-color: #ffffff; background: #ffffff; list-style: none; position: absolute; display: none; border-style: solid; border-width: 2px; border-color: #d4d4d4; padding: 0px; margin: 0px; box-shadow: 1px 1px 3px 0px #d4d4d4;}
.left ul li {padding: 10px; float: none; border-bottom: solid 1px #d4d4d4; font-size: 16px; white-space: nowrap;}
.left ul a { color: #89AE9B; text-decoration: none; cursor:pointer;}
.left ul a:hover {color: #6D9681;}
.header .center{ width:50%; float:left; text-align:center; color:#999999; font-size:18px; }
.header .center span{ display:block;}
.header .right{ width:25%; float:right; text-align:right;}
.header a{ opacity:1;}
.section{ width:100%; float:left; margin:0px;padding:0px; }
.section .shoping{ width:100%; float:left; margin:0px; padding:0px; background:url(/WrigleyvilleSports.com/Banner_Mobile/ShippingPromoBkg.png) left top repeat-x; text-align:center; padding:1px 0 5px; font-weight:bold; color:#FFFFFF; font-size:15px; line-height:22px; min-height:23px;}
.section .shopping{ width:100%; float:left; margin:1px 0px 10px 0px; background-color:#6D9681; box-shadow: 1px 1px 3px 0px #d4d4d4; text-align:center; padding:1px 0px 1px 0px; font-weight:bold; color:#FFFFFF; font-size:15px; line-height:22px; min-height:23px;}
.section .search{ width:100%; float:left; padding:5px 0; position:relative; margin-bottom:10px;}
.search [type="text"]{border:1px solid #cccccc;padding:5px; width:97%; color:#cccccc; font-size:15px;-webkit-appearance: none; height:20px; border-radius:0px;}
.search .se_icon{ width:17px; height:16px; background:url(../images/mb_img/search_ic.jpg) left top no-repeat; right:13px; top:12px; border:none; position:absolute; }
.section .slide{ width:100%; float:left;}
.slide .head{ width:100%; float:left; text-align:center;}
.slide .head img{ width:100%;}
.slide .btn_sec{ width:100%; float:left; padding-top:5px;}
.btn_sec ul{ width:100%; float:left; margin:0px; padding:0px; list-style:none;}
.btn_sec ul li{ width:49.5%; float:left; margin:2px 0; padding:0px; line-height:0;}
.btn_sec ul li:nth-child(2),.btn_sec ul li:nth-child(4){ float:right;}
.btn_sec ul li img{ width:100%;}
.section .navbar{ width:100%; float:left; margin:15px 0 5px;}
.navbar ul{ width:100%; float:left; margin:0px; padding:0px; list-style:none;}
.navbar ul li{ width:100%; float:left; margin:0px 0px 10px; padding:0px;}
.navbar ul li a{ border:2px solid #d4d4d4; padding:8px; display:block; color:#8b8b8b; background:url(../images/mb_img/nav_arrow.png) right 10px no-repeat; font-size:18px; text-transform:uppercase;}
.navbar ul li a:hover, .navbar ul li a:focus{ color:#FFFFFF; background: #a71b26 url(../images/mb_img/nav_arrow_hr.png) right 10px no-repeat;}
.footer{ width:100%; float:left; margin:0px; padding:0px 0 15px;}
.footer .social { width:100%; float:left; padding:5px 0 10px; }
.social ul { width:100%; float:left; margin:0px; padding:0px; list-style:none;}
.social ul li{ width:25%; float:left; margin:0px; padding:0px; text-align:center;}
.social ul li img{ vertical-align:middle;}
.social ul li a{ opacity:1;}
.footer .menu { width:100%; float:left; margin:0px; padding:0px; text-align:center;color:#8b8b8b; font-size:13px;font-weight:normal; letter-spacing:-0.01em; }
.menu strong{ font-size:17px; color:#8b8b8b; text-transform:uppercase; padding-bottom:5px; display:block; }
.menu a{color:#8b8b8b; padding:0 2px; text-decoration:none; font-weight:700; }
.menu a:hover{ color:#89AE9B;}
.section .pro_preview{ width:100%; float:left; text-align:center;}
.pro_preview img{ width:100%;}
.free_ship{ width:100%; float:left; margin:10px 0 0;}
.pro_preview h3{ background:#8f0616; color:#FFFFFF; font-size:17px; text-transform: uppercase; font-weight:300; text-align:center; border:2px solid #d4d4d4; padding:7px 0; margin:0px 0 15px;}
.pro_id{ width:50%; float:left; font-size:15px; font-weight:900; color:#000000;}
.pro_id strong{ display:block; padding-bottom:5px;}
.pro_revi{ width:50%; float: right; text-align:right;}
.pro_revi span{ display:inline-block; max-width:92px; clear:both; border-bottom:1px solid #d5d5d5; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.pro_revi a{ display:block; color:#000000; text-transform:uppercase; }
.pro_buy{ width:100%; float:left; margin:0px; padding:10px 0;}
.pro_buy span{ display:block; padding:5px 0; width:50%; float:left;}
.pro_buy label{ font-size:15px; padding-right:10px;}
.pro_buy label i{ color:#990000; font-size:15px; font-style:normal;}
.pro_buy select{ background:#e4e9e5; font-size:12px;}
.pro_buy .qty{ width:50px; height:17px; border:1px solid #999999; font-size:12px;}
.pro_buy .btn_buy{ margin:0px; padding:0px 5px; background:#8dae99; font-size:15px; font-weight:bold; border:none; margin:0px 0 0 0px; cursor:pointer; color:#FFFFFF; }
.pro_buy .btn_buy:hover{ background:#8f0616;}
.pro_dis{ width:100%; float:left; margin:15px 0 5px;}
.pro_dis strong{ font-weight:bold; font-size:18px; color:#000000; padding-bottom:0px; display:block;}
.pro_dis p{ font-size:13px; line-height:15px;}
.write_review{ width:99%; float:left; margin:10px 0; border:2px solid #d4d4d4;}
.write_review h3{ background:#89AE9B url(../images/mb_img/nav_arrow_hr.png) right center no-repeat;color:#FFFFFF; font-size:17px; text-transform: uppercase; margin:0px; padding:8px 0; text-indent:10px;font-family: 'GillSans-Light'; font-weight:300;}
.write_review .first{padding:10px 2% 5px; float:left; width:96%;}
.black_link{ font-family:Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; font-size:11px;}
.write_review .sec{padding:5px 2% 10px; float:left; width:96%; color:#000000; font-size:15px;}
.write_review .sec span{ display:block;}
.write_review .thrd{padding:5px 2% 10px; float:left; width:96%; color:#000000; font-size:15px;}
.write_review .thrd strong{ display:block;}
.follo_share{ padding:5px 2% 10px; float:left; width:96%; text-align:center;}
.follo_share span{ width:48%; text-align:center; display:inline-block; padding:7px 0;}
ul.pop_menu{ width:100%; background:#FFFFFF; min-width:250px; z-index:888; display:none;float:left; margin:0px; padding:0px; list-style:none; box-shadow:0 0px 2px rgba(0,0,0,0.7); position:absolute;}
ul.pop_menu li{ width: 100%; float: left; margin: 0px; text-indent: 10px; border-bottom: 1px solid #CCCCCC; font-size: 14px; color: #89AE9B; padding: 5px 0; line-height: 22px; display: block;
cursor:pointer;
}
ul.pop_menu li:hover{ color: #b5d0c2;
}
.wvtopnavlogo { cursor:pointer; }
.categories_list{ width:100%; float:left; margin:0px; padding:0px;}
.categories_list ul{ width:100%; float:left; margin:0px; padding:0px; list-style:none;}
.categories_list li{ width:19.5%; float:left; margin:0px 0.25%; padding:0px;}
.categories_list li img{ width:100%; line-height:1px;}
.sub_main{ width:100%; float:left;}
.sub_main h2{ color:#89AE9B; font-size:25px;font-family: "GillSans-Bold",sans-serif; margin:0px 0 10px; text-align:center;}
.sub_drop{ width:100%; float:left; margin:0px; padding:0px;}
.sub_drop span{ width:50%;float:left;}
.sub_drop span select{ width:98%;}
.filt_btn{ width:98.3%; text-align:left; margin:10px 0 0; border:1px solid #cccccc; padding:3px 1%; background:url(../images/mb_img/btn_arrow.png) right 6px no-repeat; color:#8b8b8b; font-size:18px; font-family: 'GillSans-Light'; cursor:pointer;}
.filt_btn:hover{ color:#FFF;background:#89AE9B url(../images/mb_img/btn_arrow.png) right 6px no-repeat; }
.pag_short{ width:100%; float:left; padding:4px 0; border-bottom:1px solid #cccccc; }
ul.list_view{ width:100%; float:left; margin:0px; padding:0px; list-style:none;}
ul.list_view li{ width:96%; float:left; border-bottom:1px solid #cccccc; padding:7px 2%;}
ul.list_view li .pro_pic{ width:35%; float:left;}
ul.list_view li .pro_pic img{}
ul.list_view li .pro_dis{ width:50%; float:left; text-align:center; padding:20px 0 0; font-size:14px;}
.pro_dis strong{ line-height:35px; font-weight:bold; font-size:18px; display:block;}
.pro_dis strong.sale_pr{ line-height:normal;font-family: "GillSans-Bold",sans-serif; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {	div.promoItemCell > div { vertical-align:middle; margin:10px 1% 0 1% !important; }	.pro-detail-mobi{ width:45% !important; }	.pro-img-mobi { width:50% !important; }	.pro-img-mobi img{ width:100% !important; }
}
@media only screen and (min-width: 360px) and (max-width: 800px) {
#mob_version {FONT-SIZE: 13px !important; COLOR:#000000; margin: 0 auto; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;}
.search .se_icon{ right:25px;}
.search [type="text"]{ width:98%;}
.follo_share span{ width:auto; margin-right:0px;}
}
@media only screen and (min-width: 600px) and (max-width: 800px) {
.categories_list li{ width:24.5%; float:left; margin:0px 0.25%; padding:0px;}
}
.combocontainer {	position: relative;	float: left;	width: 200px;
}
.combolink {	background: none;	border: 1px solid #ddd;	color: #ababab;	cursor: pointer;	font-size: 11px;	line-height: 18px;	outline: none;	padding: 2px 2px 2px 4px;	text-align: left;	text-transform: uppercase;	width: 100%;
}
.combolink:after {	background: url(../images/combo-bg.png); background-position: top right;	content: "";	display: inline-block;	height: 16px;	left: 17px;	position: relative;	top: 3px;	width: 16px;
}
.open .combolink:after {	background-position: 0 -18px;
}
.combocontent {	background: #fff;	border: 1px solid #ccc;	display: none;	left: 0;	list-style: none;	padding: 0;	position: absolute;	top: 84px;	z-index: 888;	font-size: 15px;
}
.open .combocontent {	display: block;
}
.combocontent a {	display: block;	padding: 2px 6px;
}
@media only screen and (min-width:551px) and (max-width: 1024px) {
div.pro_preview{float: left; width: 49.5%;
}
div.free_ship{width:49%; margin-left : 1%;}
@media (max-width:1024px) {
.categories_list ul#mobile-list li{width:32%;}
.pro-detail-mobi{ float:right; width:50%;}
.pro-img-mobi{float:left; width:45%; min-height:140px;}
.pro-detail-mobi hr{display:none;}
ul#mobile-list div.promoItemCell{min-height:100%;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
}
@media (max-width:850px) {
.pro-detail-mobi{ float:right; width:45%;}
.pro-img-mobi{ min-height:130px;}
}
@media (max-width:720px) {
.categories_list ul#mobile-list li{width:49%;}
}
@media (max-width: 1024px){
.categories_list ul#mobile-list li{width:19%;}
}
@media (max-width: 776px){
.categories_list ul#mobile-list li{width:24%;}
}
@media (max-width: 720px){
.categories_list ul#mobile-list li{width:32.6%;}
}
@media (max-width: 550px){
.categories_list ul#mobile-list li{width:32.6% !important;}
}
@media (max-width: 536px){
.categories_list ul#mobile-list li{width:49%  !important;}
}
/*iPhone responsive for product list page coded by MarkupChop.com*/
@media only screen and (max-width: 479px){
	div.promoItemCell > div { margin:10px 1% 0 !important; }
	.pro-detail-mobi{ width:50% !important; }
	.pro-img-mobi { width:45% !important; }
	.pro-img-mobi img{ width:100% !important; }
}