@CHARSET "UTF-8";

@font-face {
	font-family: Republic; 
	src: url('../fonts/republic_reg.otf');
}

.clear {clear: both;display: block;}
body {background: #fff url('../images/pagebg.jpg') repeat-x;}
#borderwrapper {width: 1050px;margin: 0 auto;background: url('../images/contentbox-shadow.png') repeat-y;}
#wrapper {z-index: 10000;}
ul.items_added li, ul.items_empty li{display: inline;float: left !important;}
.topNav {z-index:1;	margin: 0px 10px;}
.topNav ul {list-style: none;margin: 0;padding: 0;height: 30px;background: #36424a;font-family: arial;z-index:2;}
.topNav ul li {float: left;position: relative;z-index:3;}
.topNav ul li a {
	display: block;
	float: left;
	height: 30px;
	line-height: 32px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 10px;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	border-right: 1px solid #fff;
	z-index:4;
	font-family: Republic, arial, sans-serif;
}
.topNav ul li:hover a {background: #ffc221;}

.topNav ul li.home a {width: 16px;background-image: url('../images/home.png');background-repeat: no-repeat;	background-position: center;text-indent: -9000px;}
.topNav ul li div.shadow div {
	background: #fff;
	border: 1px solid #a5acb0;
	border-top:7px solid #ffc221;
	padding: 10px;
	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	box-shadow: 5px 5px 5px #999;
	z-index:6;
}
.topNav ul li div.shadow {
	background: none;
	padding: 0 10px 10px 0;
	border: 0;
	filter: shadow(color:#999999, strength:7, direction:135);
	position: absolute;
	top: 30px;
	left: 0;
	display: none;
	z-index:5;
}

.topNav ul li.women div.shadow {width: 615px;}
.topNav ul li.men div.shadow {width: 460px;}
.topNav ul li.offers div.shadow, .topNav ul li.brands div.shadow {width: 320px;}

.topNav ul li div ul {
	float: left;
	height: auto;
	width: 122px;
	background: #fff;
	padding-right: 20px;
	border-left: 1px solid #d4d4d4;
	padding-left: 10px;
	z-index:7;
}

.topNav ul li.women div ul {height: 270px;}
.topNav ul li.men div ul {height: 250px;}
.topNav ul li div ul.noLeftBorder {border: 0;padding-left: 0;}
.topNav ul li:hover div {display: block;}
.topNav ul li:hover div ul li {clear: both;float: none;height: 18px;z-index:8;}
.topNav ul li:hover div ul li.heading {font-weight: bold;font-size: 14px;color: #ffc221;text-transform: uppercase;}
.topNav ul li div ul li a {font-family: arial, sans-serif;float: none;font-weight: normal;font-size: 12px;text-transform: none;padding: 2px;margin: 0 -2px;height: 14px;line-height: 14px;}
.topNav ul li:hover div ul li a {background: #fff;color: #36424a;}
.topNav ul li div ul li a:hover {background: #36424a;color: #fff;}

/* Footer */
.brandsBar {width: 982px;height: 40px;background-color: #FFFFFF;}
.brandsBar ul {list-style: none;margin: 0px;padding: 0px;}
.brandsBar ul li {float: left;padding-right: 20px;}
.brandsBar ul li a {height: 40px;display: block;float: left;padding: 0px;text-indent: -9000px;}
.brandsBar ul li.soulcal a {width: 105px;background-image: url('../images/brands.png');}
.brandsBar ul li.crafted a {width: 103px;background-image: url('../images/brands.png');	background-position: -115px 0px;}
.brandsBar ul li.miso a {width: 83px;background-image: url('../images/brands.png');	background-position: -220px 0px;}
.brandsBar ul li.gstar a {width: 68px;background-image: url('../images/brands.png');background-position: -312px 0px;}
.brandsBar ul li.henleys a {width: 88px;background-image: url('../images/brands.png');background-position: -387px 0px;}
.brandsBar ul li.fenchurch a {width: 108px;background-image: url('../images/brands.png');background-position: -480px 0px;}
.brandsBar ul li.diesel a {width: 100px;background-image: url('../images/brands.png');background-position: -597px 0px;}
.brandsBar ul li.firetrap a {width: 71px;background-image: url('../images/brands.png');background-position: -704px 0px;}
.brandsBar ul li.bench a {width: 75px;background-image: url('../images/brands.png');background-position: -785px 0px;}
.socialBar {width:982px;height:30px;margin-top:10px;background-color:#E8E9E9;}
.socialBar .signuptext {float:left;display:inline;padding:8px 3px 0 7px;font-weight:bold;}
.socialBar .signupBox {width: 250px;margin: 0px;padding: 0px;float: left;}
.socialBar .signupBox input.field {width: 150px;height: 17px;margin-left: 5px;position: relative;top: 5px;border: 1px solid #666666;float:left;padding-left:5px;}
.socialBar .signupBox input.button {width: 69px !important;height: 21px !important;color: #FFFFFF !important;background: #A5ABC0 !important;border: 0px !important;margin-left: 5px !important;position: relative !important;top: 5px !important;cursor: pointer !important;}
.socialBar ul {list-style: none;margin: 0px;padding: 0px;display: inline;}
.socialBar ul li {display: inline;}
.socialBar ul li a {height: 30px;width: 27px !important;display: block;float: right;padding: 0px;text-indent: -9000px;margin-right: 10px;}
.socialBar ul li.facebook a {width: 83px;background-image: url('/content/ebiz/republic/resources/images/socialbuttons.png');background-position: 0px -61px;}
.socialBar ul li.facebook a:hover {background-position: 0px -91px;}
.socialBar ul li.twitter a {width: 85px;background-image: url('/content/ebiz/republic/resources/images/socialbuttons.png');background-position: 0px -1px;}
.socialBar ul li.twitter a:hover {background-position: 0px -31px;}
.socialBar ul li.blog a {width: 80px;background-image: url('/content/ebiz/republic/resources/images/socialbuttons.png');background-position: 0px -120px;}
.socialBar ul li.blog a:hover {background-position: 0px -150px;}
.socialBar ul li.iphone a {width: 87px;background-image: url('/content/ebiz/republic/resources/images/socialbuttons.png');background-position: 0px -180px;}
.socialBar ul li.iphone a:hover {background-position: 0px -210px;}

.linksBar {width: 982px;height: 50px;padding-top: 20px;text-alight: left;font-size: 11px;font-family: helvetica, arial, sans-serif;color: #36424A;background-color: #FFFFFF;}
.linksBar .mcafee {height: 54px;width: 94px;float: right;}
.linksBar .cardTypes {width: 214px;height: 31px;float: right;margin-right: 20px;padding-top: 6px;}
.cardtext {width:214px;}
.cards1 {background: url('/content/ebiz/republic/resources/images/cards.png') no-repeat -68px -2px;width:35px;height:19px;float:left;margin-right:2px;cursor:pointer;}
.cards2 {background: url('/content/ebiz/republic/resources/images/cards.png') no-repeat -1px -2px;width:30px;height:19px;float:left;margin-right:2px;cursor:pointer;}
.cards3 {background: url('/content/ebiz/republic/resources/images/cards.png') no-repeat -35px -2px;width:29px;height:19px;float:left;margin-right:2px;cursor:pointer;}
.cards4 {background: url('/content/ebiz/republic/resources/images/cards.png') no-repeat -112px -2px;width:42px;height:19px;float:left;margin-right:2px;cursor:pointer;}
.cards5 {background: url('/content/ebiz/republic/resources/images/cards.png') no-repeat -159px -2px;width:25px;height:19px;float:left;margin-right:2px;cursor:pointer;}
.cards6 {background: url('/content/ebiz/republic/resources/images/cards.png') no-repeat -186px -2px;width:27px;height:19px;float:left;margin-right:2px;cursor:pointer;}

.linksBar .locations {width: 70px;height: 31px;background: url('../images/locations.png') no-repeat 0px 18px;float: right;margin-right: 15px;padding-top: 6px;cursor:pointer;}
.linksBar ul {margin: 0px;padding: 0px;padding-right: 35px;padding-top: 6px;float: left;}
.linksBar ul li {list-style: none;position: relative;}
.linksBar ul li a {display: block;padding:0px;text-decoration: none;color: #36424A;}
.linksBar ul li a:hover {color: #A5ACB0;text-decoration:underline;}

.addressBar {width: 982px;height: 20px;margin-top: 10px;text-alight: left;font-size: 11px;font-family: helvetica, arial, sans-serif;color: #A5ACB0;background-color: #FFFFFF;}
.addressBar .address {float: left;padding-right: 5px;}
.addressBar .venda {width: 125px;height: 25px;background: url('../images/venda.png') no-repeat 0px 0px;float: right;text-indent: -9000px;}
.addressBar .venda a {width: 125px;height: 25px;display: block;}

/** Social Page Styles **/
.title {display:none;width: 110px;height: 45px;margin-left: 10px;background: url("../images/title.png");}
.socialContainer {width: 980px;height: 1185px;margin-left: 10px;margin-top: 10px;background: #36424a;padding-top: 15px;}
.blogs {width: 620px;margin-right: 35px;float: left;}
.feeds {width: 310px;float: left;}
.theedit {width: 620px;height: 510px;margin-left: 15px;background: #fff;}
.wearit {width: 620px;height: 390px;background: #fff;margin-left: 15px;margin-top: 15px;}
.youtube {width: 600px;height: 220px;max-height: 220px;background: #fff;margin-left: 15px;margin-top: 15px;padding: 10px;}
.youtube .youtubeLeft {width: 325px;float: left;padding-right: 10px;}
.youtube .youtubeLeft .youtubelogo a {width: 152px;height: 74px;background: url("../images/youtube.png") no-repeat;display: block;}
.youtube .youtubeLeft p {height: 80px;font-family: arial;font-size: 13px;color: #343434;}
.youtube .youtubeLeft .visitBtn a {width: 205px;height: 29px;background: url("../images/btn-visit2.png") no-repeat;display: block;}
.youtube .youtubeLeft .visitBtn a:hover {background-position: 0px -29px;}
.facebook iframe {background: #fff;}
.facebook .facebookTab {width: 102px;height: 32px;}
.facebook .facebookTab a {width: 102px;height: 32px;background: url("../images/facebookTab.png") no-repeat;display: block;}
.twitter {background: #fff;}
.twitter .twitterTab {height: 32px;margin-top: 15px;background: #36424a;}
.twitter .twitterTab a {width: 102px;height: 32px;background: url("../images/twitterTab.png") no-repeat;display: block;}