﻿
/*==== Jordans - Base Styles ====*/
body {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif
	/*background: url(/images/bg.png?1) repeat-x left top #fff;*/
}

/*==== Defaults ====*/
img 			{ border: 0px solid #fff }
a					{ text-decoration: none; color: #357C97; }
a:hover		{ text-decoration: underline; color: #357C97; }

fieldset 	{ margin: 0; padding: 0; border: none; }
legend		{ display: none; }

iframe { border: none; overflow: hidden; }

/*==== Cover Class - forces containers 
to cover their floating child elements ====*/
.cover:after {
  content: '.';
  display: block;
  height: 0px;
  visibility: hidden;
  clear: both;
}
.cover {
  zoom: 1;
}
.print-copy 
{
	display: none;
}

/*==== Base Layout ====*/
div#header {
	margin: 0 auto;
	width: 990px;
	height: 135px;
	clear:both;
	
	
}
.login-only div#header{height:135px}
.logged_in_oudated div#header{height:135px}

div#header #logoLink {
	position: absolute;
	margin: 8px 0 0 13px;
}
div#header #logoLink img {
}
div#contentWrapper {
	margin: 0 auto;
	width: 998px;
	min-height: 545px;
	_height: 545px;
	background: url(/images/layout/content_wrapper_bg.jpg) no-repeat left 0px #fff;
}
div#contentWrapper div#content {
	width: 960px;
	min-height: 545px;
	_height: 545px;
	background-image: url(/images/layout/content_wrapper_bttm.png);
	_background-image: url(/images/layout/content_wrapper_bttm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 19px 19px 19px;
	position: relative;
	z-index: 1;
}

div#contentWrapper div#content:after {
  content: '.';
  display: block;
  height: 0px;
  visibility: hidden;
  clear: both;
}

#footer 
{
	background: black;
	margin-top: 40px;
	color: #888;
	font-size: 13px;
	font-family: CartoGothicStdBook, Arial, Helvetica, Verdana, sans-serif;
}

#footer > div {
	margin: 0 auto;
	padding: 20px 0;
	width: 980px;
	position: relative;
	overflow: hidden;
}

#footer .column 
{
	float: left;
	width: 140px;
}
#footer .column.wide 
{
	width: 165px;
}
#footer .column.thin 
{
	width: 105px;
}

#footer .column h1 
{
	margin: 15px 0;
	color: White;
	font-weight: 600;
	font-size: 18px;
	font-family: Crimson Text, Georgia, "Times New Roman", Times, serif;
}
#footer .column h1 > a 
{
	color: white;
	cursor: pointer;
}
.ltIE9 #footer .column h1 
{
	font-weight: normal;
}
#footer .column br 
{
	display: none;
}
#footer .column > a 
{
	margin: 10px 0;
	display: block;
	color: #888;
	cursor: pointer;
}
#footer .column > a > img 
{
	margin-bottom: 10px;
}
#footer .column .button 
{
	border-radius: 4px;
	background: #222;
	color: White;
	text-align: center;
	display: block;
	padding: 12px 0;
}
#footer .column .button:hover 
{
	text-decoration: none;
	background: #444;
}

#footer hr 
{
	clear: both;
	border: none;
	height: 1px;
	background: #222;
	margin: 0 0 40px 0;
	position: relative;
	top: 20px;
}

#footer .footer-bottom 
{
	text-align: center;
}

#footer .footer-bottom > * 
{
	display: inline-block;
	margin: 0 50px;
	vertical-align: middle;
}

#footer .logo 
{
}
#footer .phone 
{
	font-family: Crimson Text, Georgia, "Times New Roman", Times, serif;
	text-align: right;
	padding-left: 15px;
	letter-spacing: 0.3em;
	/*background: url(/images/footer/footer-icon-phone-2x.png) no-repeat left 7px;*/
	background:url(/images/bkg_all_icons.png) no-repeat -93px 7px; width:183px; height:26px;
}
/*.no-backgroundsize #footer .phone 
{
	background-image: url(/images/footer/footer-icon-phone-1x.png);
}*/
#footer .phone a 
{
	color: #888;
}
#footer .phone a:hover 
{
	text-decoration: none;
}
#footer .phone a:first-child 
{
	font-size: 20px;
}

/*==== Classes ====*/
.sans-serif	{	font-family: CartoGothicStdBook, Arial, Helvetica, Verdana, sans-serif; }
.serif1			{	font-family: Crimson Text, Georgia, "Times New Roman", Times, serif; }
.georgia		{	font-family: Georgia, "Times New Roman", Times, serif; }

.sans-serif, .serif1, .georgia { line-height: 130%; }

.color_000		{ color: #000; }
.color_222		{ color: #222; }
.color_333		{ color: #333; }
.color_666		{ color: #666; }
.color_ccc		{ color: #ccc; }
.color_purple	{ color: #731867; }

.size_10			{ font-size: 10px; }
.size_11			{ font-size: 11px; }
.size_12			{ font-size: 12px; }
.size_13			{ font-size: 13px; }
.size_14			{ font-size: 14px; }
.size_16			{ font-size: 16px; }
.size_18			{ font-size: 18px; }
.size_20			{ font-size: 20px; }
.size_22			{ font-size: 22px; }
.size_23			{ font-size: 23px; }
.size_24			{ font-size: 24px; }

.weight_normal 	{ font-weight: normal; }
.weight_bold 		{ font-weight: bold; }

.floatRight	{ float: right; display: inline; }
.floatLeft	{ float: left; display: inline; }
.clearBoth	{ clear: both; *display: inline-block; }
.clearRight	{ clear: right; }
.clearLeft	{ clear: left; }

.margin_0 		{ margin: 0 !important; }
.margin_20 		{ margin: 20px !important; }
.margin_20_0	{ margin: 20px 0 !important; }

.padding_0 		{ padding: 0 !important; }
.padding_10 	{ padding: 10px !important; }
.padding_10_0 { padding: 10px 0 !important; }
.padding_20 	{ padding: 20px !important; }
.padding_20_0 { padding: 20px 0 !important; }

.block				{ display: block; }
.inline-block	{ display: inline-block; }
.inline				{ display: none; }

/* Buttons */
.bttnPurple24,
.bttnGold24 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	height: 24px;
	line-height: 24px;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;	
	color: #fff;
	background: url(../images/bttnPurple_24px_bg.jpg) no-repeat left top;
	margin: 0;
	*margin-right: 5px;
	/*margin-right: 35px;*/
	padding: 0px 0px 0px 16px;
}
.bttnPurple24 span,
.bttnGold24 span {
	display: -moz-inline-block;
	display: inline-block;
	background: url(../images/bttnPurple_24px_bg.jpg) no-repeat right top;
	margin: 0;
	padding: 0px 16px 0px 0px;
	cursor: pointer;
}
.bttnPurple24:hover,
.bttnGold24:hover {
	text-decoration: none;
	color: #fff;
}
.bttnGold24,
.bttnGold24 span {
	background-image: url(/images/layout/bttnGold_24px_bg.jpg);
}

/*==== Interior Temp. Stuff ====*/
/* breadcrumbs */
ul#breadcrumbs {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 100%;
	font-weight: normal;
	color: #BEBEBE;
	margin: 0;
	padding: 20px 0 5px 0;
	display: block;
}
ul#breadcrumbs li {
	/*float: left;*/
	display: inline;
	padding: 0 12px 0 0;
	margin: 0 6px 0 0;
	background: url(/images/layout/breadcrumbs_pipe.gif) no-repeat right center;
}
ul#breadcrumbs a {
	display: inline-block;
	color: #BEBEBE;
}
ul#breadcrumbs a:hover {
	color: #357C97;
}
ul#breadcrumbs a.home {
	width: 0px !important;
	text-indent: -999px;
	overflow: hidden;
	padding-left: 12px;
	background: url(/images/layout/breadcrumbs_home.gif) no-repeat left center;
	
	*float: left;
	*display: inline;
	*padding: 0;
	*width: 12px !important;
	*height: 12px;
}
/* Page Title */
h1.pageTitle {
	font-family: Crimson Text, Georgia, "Times New Roman", Times, serif;
	font-size: 42px;
	line-height: 42px;
	font-weight: normal;
	color: #333;
	border-bottom: 1px solid #D9D9D9;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	clear: both;
}
h2 {
	font-size: 19px;
	font-weight: normal;
	color: #666;
	line-height: 145%;
	/*padding: 20px 100px 0 0;*/
	padding: 0 90px 0 0;
	margin: 20px 0;
}

#spinner 
{
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    padding: 4px;
    background-color: white;
    border: 2px solid #701364;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

#homeflash {
    height: 340px;
    width: 960px;
    background: url(/flash/homepage/imgs/jordans-hp-bg-inner-glow.jpg); 
}

#bottomCopy 
{
	margin: 0 auto;
	width: 998px;
	margin-top: 15px;
}
#bottomCopy > .shiv
{
	display: block;
	height: 4px;
	background: url(/images/layout/jordans-shadow.png) no-repeat left top #fff;
}
#bottomCopy > div 
{
	background-image: url(/images/layout/jordans-shadow.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	padding-bottom: 4px;
}
#bottomCopy > div > div {
	width: 940px;
	margin: 0 4px 0 4px;
	padding: 25px 25px 15px 25px;
	background-color: #f5f5f5;
}

#bottomCopy h1,
#bottomCopy h2,
#bottomCopy h3 
{
	font-family: Crimson Text, Georgia, "Times New Roman", Times, serif;
	color: #666;
	font-weight: normal;
	margin: 0 0 -10px 0;
}
#bottomCopy h1 
{
	font-size: 27px;
}

#bottomCopy h4,
#bottomCopy p 
{
	margin: 15px 0;
	font-weight: normal;
	font-size: 14px;
	color: #444;
	font-family: CartoGothicStdBook, Arial, Helvetica, Verdana, sans-serif;
}
#fancybox-content body,#fancybox-content iframe#fancybox-frame body{width:auto !important}


/*social share tools*/
.addthis_button_facebook_like.at300b {vertical-align:top;}

/**/
#footer .FacebookImg{background:url(/images/bkg_all_icons.png) no-repeat 0 0; height:21px; width:85px; display:block; margin-bottom:15px;}
#footer .PinterestImg{background:url(/images/bkg_all_icons.png) no-repeat 0 -36px; height:21px; width:85px; display:block; margin-bottom:15px;}
#footer .SocialLink{width:85px;}
#supportInfo,.supportInfo {margin-top:10px !important;}
#supportInfo,.supportInfo p{font-family: CartoGothicStdBook, Arial, Helvetica, Verdana, sans-serif;font-size: 12px;line-height: 145%;margin: 0 0 16px 0;color:#666;}
/*Progress bar*/
.progressbar-container{width:324px;position:fixed;_position:absolute;top:45%;left:37%;margin:-24px 0 0 -24px;padding:4px;background-color:white;border:2px solid #701364;text-align:center;font-family:Crimson Text;height:125px;padding:0 20px}
.progressbar-container h3{border-bottom:1px #ccc solid;padding-bottom:5px;line-height:35px;margin:0;color:#333;text-align:center;font-size:22px}
.progressbar-container p{text-align:left !important}
.progressbar-container .progress-bar{width:320px;height:35px;background-image:url('/images/progress2.png');background-repeat:repeat-x;position:relative;border:0 none #000}
@media screen and (-webkit-min-device-pixel-ratio:0) { .progressbar-container .progress-bar{width:322px;}
}
.progress-bar {text-align:left}
.progress-bar .in-progress{height:100%;text-align:right;line-height:35px;width:0;background-image:url('/images/progress1.png');background-repeat:repeat-x}
.clssoutdated{background: #FFFACD;text-align:center; font-size:14px; height:25px; line-height:25px;}
.VerifiedLogo{position: absolute;right:20px;top: 415px;}

    

@media (max-width: 1024px){   
    body{width:1000px !important; /*zoom:98%;*/ }
    #fancybox-overlay{width:1000px !important}
   .footheight{ height:380px; }
   .logged_in_oudated .clssoutdated, .clssoutdated{font-size:13px!important}
}





