/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
TurnAround Schools Revision 2

file:			style.css
version:		2 beta .03
last modified:	2/20/2009
author:		Jeffrey D. King
email:		jk@kingdesk.com

Copyright 2009 KINGdesk, LLC, All Rights Reserved.  Non-exclusive Unlimited license granted to turnaroundschools.com
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
=Color Palette

TurnAround Schools Blue: #2A235A
gNav Dark Fade: 

--------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* =global
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* { /* Remove padding and margin */
	margin: 0;
	padding: 0;
}
p, pre, blockquote, fieldset, table { /* Put it back on certain elements */
	margin: 1em 0;
}

body {
	font-size: 62.5%; /* 62.5% sets 1em = 10px */
	line-height: 2.5em;
	font-family: Veranda, Geneva, "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
	color: #000;
	
	max-width: 976px; /* 1212px; does not stretch beyond 1280px screen width (with a border)*/
/*	min-width: 752px; /* does not squeeze beyond 800px screen width (with a border)*/
	width: 976px; /* no fluid width */
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	
	background-color: white;
}
ul, li { /* Removes styling from all list items */
	list-style: none;
}
blockquote {
	padding-left: 40px;
}
img { /* Remove border around linked images */
	border: 0;
	margin: 20px;
}


p.centered {
	text-align: center;
}
.bookTitle, .articleTitle {
	font-style: italic;
}
.clear { /* Class for clearing floats */
	clear: both;
}
.nowrap {
	white-space: nowrap;
}
.centered, .center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignLeft {
	display: block;
	float: left;
	margin-right: 5px;
}
.alignRight {
	display: block;
	float: right;
	margin-left: 5px;
}


/* =header 
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header {
	font-size: 1.6em;
}

/* =mainContent 
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainContent {
	font-size: 1.5em;
	width: 656px; /* no fluid width */
	padding: 0 300px 20px 20px; /* used padding rather than bottom margin to get around an IE margin error */
	display: block;
	clear: both;
	float: left;
}
.home #mainContent {
	float: none;
	padding: 0;
	width: 976px; /* no fluid width */
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {
	font-family: Georgia, New York, serif;
	line-height: 125%;
	font-weight: 700;
	color: #222;
	clear: both;
	width: 100%;
}
#mainContent h1 {
	font-size: 2.5em;
	font-weight: 400;
}
#mainContent h2 {
	font-size: 1.6em;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 1em 0 0 0;
	border-bottom: 1px #aaa solid;

}
#mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {
	font-size: 1em;
	margin: 1em 0 0 0;
}
#mainContent h1 a, #mainContent h2 a, #mainContent h3 a, #mainContent h4 a, #mainContent h5 a, #mainContent h6 a {
	text-decoration: none;
	color: #222;
}

#mainContent .institute h2, #mainContent .consultant h2, #mainContent .keynoteSpeaker h2, #mainContent .breakoutPresenter h2, #mainContent .staff h2  {
	margin-bottom: 1em;
}

#mainContent .meta, #mainContent #aboutAuthor {
	font-size: .8em;
	font-weight: 400;
	line-height: 1.3em;
	font-style: italic;
	color: #555;
}
#mainContent .meta span {
	display: block;
}
#mainContent .linkButton input {
	font-size: 1.2em;
}
#mainContent #testimonial {
	text-align: center;
}
.home #mainContent #testimonial {
	display: block;
	border: 1px #aaa solid;
	margin: 0 0 20px 0;
	padding: 0 20px;
}
.home #mainContent #testimonial p {
	margin: .5em 0;
}
#mainContent .testimony, #mainContent .session {
	margin: 20px 0;
}
#mainContent .testimony h2, #mainContent .session  h2 {
	font-size: 1.3em;
	font-weight: 700;
}
#mainContent .session+.session {
	border-top: 1px dashed #555;
}

#mainContent .blogArchives a {
	text-decoration: none;
	color: #000;
	font-weight: 700;
}
#mainContent .blogArchives a:hover {
	text-decoration: underline;
}
.home #institutePromo {
	display: block;
	height: 400px;
	margin: 0;
}
.home #institutePromo a.promoAction {
	text-align: center;
	font-size: 1.6em;
	font-weight: 700;
	text-decoration: underline;
	display: block;
	height: 100%;
	padding: 0 0 0 300px;
}
.home #institutePromo a.promoAction img {
	display: block;
	padding: 40px 0 0;
	margin: 0 auto; 
}
.home #institutePromo a.promoAction span{
	text-decoration: underline; /* KLUDGE: ie6 fix */
	text-align: center;
	display: block;
	padding-top: 50px;
}

#mainContent img {
	padding: 5px;
	border: 1px #aaa solid;
}

#mainContent img.alignleft {
	display: block;
	float: left;
}
#mainContent img.alignright {
	display: block;
	float: right;
}
#mainContent img.aligncenter {
	display: block;
	margin: 0 auto;
}
#mainContent .alignLeft img, #mainContent .alignRight img {
	margin: 0;
}

#mainContent object {
	display: block;
	margin: 0 auto;
	padding: 5px;
	border: 1px #aaa solid;
}
#mainContent img.cityImg, #mainContent img.profileImg {
	margin: 0 0 20px 20px;
	display: block;
	float: right;
}
#mainContent img.hotelImg {
	margin: 1em 20px 20px 0;
	display: block;
	float: left;
}
#mainContent img.eventImg {
	margin: 1em 0 20px 20px;
	display: block;
	float: right;
}
.home #mainContent img {
	padding: 0;
	border: none;
}
#mainContent ul li{
	list-style: disc;
	margin-left: 40px;
}
#mainContent ol li{
	list-style: decimal;
	margin-left: 40px;
}
#mainContent ol ol li {
	list-style-type: lower-alpha;
}
#mainContent ol .address {
	margin: .5em 0 .5em 40px;
}
#mainContent .eventFacts li{
	display: block;
	list-style: none;
	text-indent: -40px;
}
#mainContent .sched li {
	display: block;
	margin: 0 0 0 12em;
	list-style: none;
}
#mainContent .sched li.time {
	float: left;
	margin: 0 -12em 0 0;
	width: 12em;
	clear: left;
}
#mainContent dl {
	margin: 1em 0;
}
#mainContent dt {
	margin: 2em 0 .5em;
	font-size: 93.33333333%;
	font-weight: 700;
}
#mainContent dd {
	margin: 0;
}

#mainContent .summary {
	display: block;
	padding: 5px;
	margin: 1em 0;
	border: 1px solid #013185; 
}
#mainContent .summary p {
	padding: 0;
	margin: 0;
}
#mainContent .linkButton  input {
	display: block;
	clear: both;
	margin: 20px auto;
}

#mainContent .blogArchives {
	margin-top: 1.5em;
}
#mainContent .blogArchives li {
	display: block;
	margin: .25em 0;
	list-style: none;
}
.home #institutePromo a.promoAction {
}
.home #institutePromo a.promoAction span {
}
#mainContent blockquote {
	min-height: 51px; /* to make sure the entire background image shows. */ 
}
#mainContent #aboutAuthor {
/*	margin-top: -1.3em; /**/
}


/*	mainContent Backgrounds */
#mainContent blockquote {
	background: url("/css/images/quotemark.png") no-repeat top left;
}
.home #mainContent #testimonial {
	background: #f9f9f9;
}
#mainContent .summary {
	background-color: #f0f8ff;
}

.home #institutePromo {
	background: url("/css/images/random-front-page/rotate.php") no-repeat top left;
}


/* =sideBar 
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#sidebar img {
	display: block;
	margin: 0 0 20px;
	padding: 0 !important;
	border: none;
}
#sidebar .photo {
	width: 268px;
	margin: 0 0 20px;
	padding: 5px !important;
	border: 1px solid #aaa;
}
#sidebar .photo img {
	margin: 0 !important;
	padding: 0 !important;
}



/*	sideBar Typography*/
#sidebar {
	font-size: 1.3em; /* sets to 14px */
}
#sidebar li a {
	color: black;
	text-decoration: none;
}
#sidebar a:hover, #sidebar a:active {
	text-decoration: underline;
}
#sidebar h2 {
	font-family: Georgia, New York, serif;
	color: #f9f9f9;
	font-size: 120%;
	line-height: 140%;
	text-align: left;
}
#sidebar h2 a, #sidebar h2 a:hover {
	color: #f9f9f9;
	text-decoration: none;
}
#sidebar ul .current, #sidebar ul .noLink {
	 font-style: italic;
}
#sidebar ul .noLink ul {
	 font-style: normal;
}
#sidebar p {
	line-height: 145%;
}

#sidebar .button {
	margin: 0 0 20px;
	padding: 0;
	font-family: Georgia, New York, serif;
	color: #f9f9f9;
	font-size: 120%;
	line-height: 140%;
	font-weight: 700;
}
#sidebar .button a {
	display: block;
	height: 100%;
	border: 1px solid #222;
	text-align: center;
	text-decoration: none;
	color: #f9f9f9;
	background-color: #444;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
#sidebar .button a:hover {
	background-color: #666;
}
#sidebar .sidebarBox .button {
	padding: 0 20px !important;
	font-size: 100%;
}
#sidebar .sidebarBox ul + .button, #sidebar .sidebarBox .button + .button {
	margin-top: -10px;
}

/*	sideBar Layout*/
#sidebar {
	display: block;
	float: right;
	width: 280px;
	margin: 0 0 20px -280px;
}
#sidebar .sidebarBox {
	margin-bottom: 20px;
	border: 1px #aaa solid;
	padding: 7px 0 0 0;
}
#sidebar h2 {
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
}
#sidebar .sidebarBox ul, #sidebar .sidebarBox div, #sidebar .sidebarBox p {
	padding: 0 20px 20px 20px;
}
#sidebar .sidebarBox ul  ul{
	padding: 0;
}
#sidebar li li {
	padding-left: 30px;
}
#sidebar ul a, #sidebar ul .current, #sidebar ul .noLink {
	padding-left: 30px;
	display: block;
}
#sidebar p {
	margin-top: 0;
}
#sidebar cite {
	display: block;
	margin-top: 10px;
}


/*	sideBar Backgrounds */
#sidebar .sidebarBox {
	background-color: #f9f9f9;
}
#sidebar h2 {
	background: #2a235a url("/css/images/sidebarH2.png") repeat-x bottom left;
}
#sidebar ul .current {
	background: url("/css/images/TASbullet-current.png") no-repeat 0px 5px;
}
#sidebar ul a, #sidebar ul .noLink {
	background: url("/css/images/TASbullet.png") no-repeat 0px 5px;
}
#sidebar ul a:visited {
	background: url("/css/images/TASbullet-visited.png") no-repeat 0px 5px;
}
#sidebar ul a:hover {
	background-color: #e0e0e0;
}
#sidebar #testimonial {
	background: url("/css/images/quotemark.png") no-repeat 5px 0px;
}


/* =footer 
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	footer Typography*/
#footer {
	font-size: 120%; /* sets to 14px */
	line-height: 130%;
}
#footer .contact, #footer .sitemap, #footer .copyright, #footer .designCredit {
	text-align: center;
}

/*	footer Layout */
#footer {
	margin-top: 20px;
	padding-top: 10px;
	clear: both;
	border-top: 1px #999 solid;
}
.home #footer {
	margin-top: 0;
	border-top: none;
}
#footer .contact, #footer .sitemap, #footer .copyright, #footer .designCredit {
	display: block;
}

/* =accessibility - "skip to" links for screen readers
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	accessibility Layout*/

#accessibility {
	position:absolute;
	top:-5000em;
}

/* =siteID - site identification: company logo and tag line
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	siteID Typography*/
#siteID .siteDescription {
	font-size: 1.7em;
	line-height: 1.1em;
	text-align: center;
}
#siteID .siteName {
	text-indent: -5000px;
}

/*	siteID Layout*/
#siteID {
	display: block;
	margin:5px 0 20px 0;
	height: 81px;
}
#siteID .siteName {
	display: block;
	float: left;
	width: 275px;
	height: 81px;
	margin: 0 -275px 0 0;
}
#siteID .siteName a {
	display: block;
	width: 275px;
	height: 81px;
}
#siteID .siteDescription {
	display: block;
	margin: 0 0 0 275px;
	padding: 16px 20px 0 20px;
}

/*	siteID Background*/

#siteID {
	background: url("/css/images/TASlogo.png") no-repeat top left;
}

/* =gNav - global navigation bar
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	gNav Typography*/

#gNav {
	font: 400 120%/40px Arial, Helvetica, sans-serif; /* keep as narrow a font as reasonable */
	text-align: center;
}
#gNav a  {
	text-decoration: none;
	line-height: 38px;
	color: #555;
}
 #gNav a:hover, #gNav a:focus, #gNav a:active, #gNav .gNavCurrent a  {
	color: #000;
}

/*	gNav Layout*/

#gNav,#gNav ul,#gNav li {
	height: 40px;
}
#gNav {
	display: block;
	clear: both;
	margin-top: 20px;
	padding-bottom: 20px; /* padding instead of margin to deal with margin bug in IE */
	width: 100%;
}
#gNav ul {
	padding: 0 2%;
}
#gNav li {
	display: block;
	float: left;
/*	width: 19.98%; /* 24.98% for 4 items */
	width: 16.65%; /* 6 tabs */
	white-space: nowrap;
}
#gNav a {
	display: block;
	height: 38px;
	margin: 1px 0; /*remove for ie7, maybe ie6 */
	border-right: 1px #aaa solid;
}
#gNav li.gNavFirst a {
	border-left: 1px #aaa solid;
}
#gNav .gNavCurrent  {
	cursor: default;
}

/*	gNav Backgrounds*/

#gNav {
	background: url("/css/images/gNav.png") no-repeat top left;
}
#gNav ul  {
	background: url("/css/images/gNav.png") no-repeat top right;
}
#gNav li  {
	background: url("/css/images/gNavTabs.png") repeat-x top left;
}
#gNav a:hover  {
	background: url("/css/images/gNavTabs.png") repeat-x 0px -40px;
}
#gNav .gNavCurrent a:hover {
	background: none;
}
#gNav a:active, #gNav .gNavCurrent a:active {
	background: url("/css/images/gNavTabs.png") repeat-x 0px -120px;
}
#gNav .gNavCurrent  {
	background: url("/css/images/gNavTabs.png") repeat-x 0px -80px;
}


/* =breadcrumbs - gives page location in information architecture
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	breadcrumbs Typography*/

#breadcrumbs, #breadcrumbs .bcIntro, #breadcrumbs .bcCurrentPage  {
	font-size: 87.5%; /* sets to 14px */
}
#breadcrumbs .bcIntro {
	font-style: italic;
}
#breadcrumbs .bcCurrentPage {
	font-weight: 700; /* bold */
}

/*	breadcrumbs Layout*/

#breadcrumbs {
	display: block;
	float: left;
	height: 1.5em;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 300px 0 0;
}
#breadcrumbs ul, #breadcrumbs ul li, #breadcrumbs .bcIntro, #breadcrumbs .bcCurrentPage {
	display: inline;
}
#breadcrumbs .bcIntro {
	margin-right: 1em;
}
#breadcrumbs li + li {
	padding-left: 14px;
}

/*	breadcrumbs Backgrounds*/
#breadcrumbs li + li {
	background: url("/css/images/bcSep.png") no-repeat 1px 50%;
}
/* =siteSearch
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	siteSearch Typography*/
#s, #searchSubmit {
	font-size: 100%;
	line-height: 100%;
}
#searchSubmit {
	cursor: pointer;
	text-indent: -20em;
}

/*	siteSearch Layout*/
#siteSearch {
	display: block;
	float: right;
	width: 278px;
	height: 1.5em;
	margin: 0 0 20px -280px;
	border: 1px #aaa solid;
}
#s, #searchSubmit {
	display: block;
	float: left;
	border: none;
	margin: 0;
	padding: 2px 0 0 0;
}
#s {
	width: 247px;
	margin: 0 0 0 4px;
}
#searchSubmit {
	width: 18px;
	height: 100%;
	margin: 0 4px;
}

/* siteSearch Background */
#siteSearch {
	background-color: #ffffff;
}
#searchSubmit {
	background: url("/css/images/searchButton.jpg") no-repeat left center;
}
#searchSubmit:hover {
	background: url("/css/images/searchButton.jpg") no-repeat -40px center;
}
#s {
	background: none;
}

/* =upcomingInstitutes
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	upcomingInstitutes Typography*/
#upcomingInstitutes {
	font-size: 130%;
}
#upcomingInstitutes .heading {
	text-indent: -5000px;
}
#upcomingInstitutes ul li a {
	color: #000;
	text-decoration: none;
}
#upcomingInstitutes li span {
	text-align: center;
	line-height: 130%;
}

/*	upcomingInstitutes Layout*/
#upcomingInstitutes {
	display: block;
	position: relative;
	clear: both;
	border: 1px #aaa solid;
	height: 185px;
	margin: 0 0 20px 23px;
	padding: 0;
}
#upcomingInstitutes .heading {
	position: absolute;
	top: -1px;
	left: -23px;
	border: 1px #999 solid;
	padding: 0;
	height: 185px;
	width: 22px;
}
#upcomingInstitutes .heading a {
	display: block;
	float: left;
	height: 185px;
	width: 22px;
}
#slider {
	display: block;
	height: 185px;
	width: 100%;
	overflow: auto;
}
#upcomingInstitutes ul {
	display: block;
	list-style: none;
	width: 9999px; /* set dynamically inline */
	margin: 0;
	padding: 0;
}
#upcomingInstitutes ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 220px;
	overflow: hidden;
	text-align: center;
}
#upcomingInstitutes ul li a {
	display: block;
}
#upcomingInstitutes ul li+li {
	border-left: 1px #aaa dotted;
}
#upcomingInstitutes li img {
	border: none;
	margin: 5px 10px 0 10px;
	padding: 0;
}
#upcomingInstitutes li span {
	display: block;
	border: none;
	margin: 0 10px;
}
#upcomingInstitutes li span+span {
	padding-bottom: 5px;
}

/* upcomingInstitutes Background */
#upcomingInstitutes {
	background-color: #f9f9f9;
}
#upcomingInstitutes .heading {
	background: #2a235a url("/css/images/upcoming.png") no-repeat top left;
}
#upcomingInstitutes ul li a:hover, #upcomingInstitutes ul li a:hover  {
	background-color: #ffc;
}

/* =blogNav
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	blogNav Typography*/

.blogNav {
	text-align: center;
}

/*	blogNav Layout*/

.blogNav {
	display: block;
	margin-top: 10px;
	margin-bottom: 60px;
}
	
/* blogNav Background */




/* =blog post
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	blog post Layout*/
.post {
	margin: 0 0 60px;
	}







/* =Comments
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	comments Typography*/
.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
	}

.commentlist li {
	font-weight: 700;
	}

.commentlist cite, .commentlist cite a {
	font-weight: 700;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: 400;
	line-height: 1.5em;
	text-transform: none;
	}
.nocomments {
	color: #777;
	}
#commentform label {
	text-align: right;
	}
/*	comments Layout*/
.commentlist {
	padding: 0;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}
h3#comments, h3#respond {
	padding: 0;
	margin: 40px 0 20px ;
	}
.alt {
	margin: 0;
	padding: 10px;
	}
#commentform p {
	margin: .5em 0;
	padding: 0;
	}
#commentform label {
	display: block;
	float: left;
	width: 4.5em;
	padding: 2px;
	margin: 0 5px 0 0;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 0 5px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#commentform #submit {
	margin: 0;
	float: right;
	}

/* comments Background */
.alt {
	background-color: #f9f9f9;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	}
	
.cityState {
	white-space: nowrap;
}



/* =Tabs
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#pageTabs {
	clear:both;
}
/*
	classes of tabs
	* ui-tabs-nav This is the whole menu. Use this as a base class.
	* ui-tabs-selected This is the current tab. It's very important to create a strong visual indication which tab is the current one.
	* ui-tabs-disabled For when a tab is disabled. Highly recommended to appear somewhat transparent or disabled. This is often done by graying the color.
	* ui-tabs-panel These are the boxes that will have their visibility toggled.
	* ui-tabs-hide This class hides the boxes (perhaps the most important class)
	* <span> The span tags are there to give freedom to tricks like rounded corners and resizable backgrounds. 
  */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#tabs {
	display: none;
}
#tabs.ui-tabs-nav {
	display: block;
}
.ui-tabs-panel h2 {
	display: none;
}
.ui-tabs-nav {
    font-size: .75em; /* 12px */
}
.ui-tabs-nav, .ui-tabs-nav li {
    list-style: none !important;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px !important;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url('/css/images/tab.png') no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border: 1px solid #97a5b0;
    padding: 1em 20px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
/*    min-height: 240px; */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url('/css/images/loading.gif') no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}








.leftHalf {
	width: 49.9%;
	float: left;
}
.rightHalf {
	width: 49.9%;
	float: right;
}
#damenPromo {
	margin: 0 11.1% 0 22.2%;
	border: 1px solid #aaa;
	padding: 0 10px;
	min-height: 275px;
}
#allAssociates {
	margin: 0 22.2% 0 11.1%;
	border: 1px solid #aaa;
	padding: 0 10px;
	min-height: 275px;
}
#jeffPromo img, #damenPromo img, #all Associates img {
	float: none !important;
	margin: 10px auto !important;
}
#jeffPromo p, #damenPromo p {
	font-size: 80%;
	line-height: 120%;
	text-align: center;
}
.clearBoth {
	clear: both;
}


/* =store
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#products {
	width: 653px;
}
#products .leftThird, #products .middleThird, #products .rightThird {
	position: relative;
	width: 181px;
	height: 275px;
	padding: 0 10px;
	margin: 20px 0 0;
	border: 1px solid #aaa;
}
#products .leftThird {
	float: left;
	margin-right: 22px !important;
}
#products .middleThird {
	float: left;
}
#products .rightThird {
	float: right;
}
#products h2 {
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	border: none;
}
#products img.productImg {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 16px;
	border: 0;
}

#products .productPrice {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #000;
	text-decoration: none;
}
#products .productBookmark {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#mainContent.product img{
	display: block;
	float: left;
	margin: 20px 20px 10px 0;
	border: none;
}
#productOptions{
	display: block;
	float: left;
	width: 300px;
	margin-top: 20px;
}
#productOptions div {
	display: block;
	margin-bottom: 10px;
}
#productOptions label, #productOptions .label {
	display: block;
	position: relative;
	float: left;
	clear: both;
	width: 100px;
	padding-right: 10px;
	text-align: right;
}
#productOptions #addToCart {
	margin-top: 20px;
	font-size: 1.1em;
}
span.productCat {
	text-transform: uppercase;
}

#shoppingCart, #checkout {
	line-height: 1.5em;
}
#shoppingCart fieldset, #checkout fieldset {
	border: 1px #aaa solid;
	padding: 10px;
	margin: 1em 0;
	background-color: #f9f9f9;
}
#shoppingCart fieldset >fieldset, #checkout fieldset >fieldset {
	margin-top: 0;
	background-color: #fff;
}
#shoppingCart legend, #checkout legend {
	margin-left: 20px;
}
#shoppingCart legend a, #checkout legend a {
	color: #000;
	text-decoration: none;
}
#shoppingCart label, #shoppingCart .label, #checkout label, #checkout .label {
	display: block;
	position: relative;
	float: left;
	clear: both;
	width: 130px;
	padding-right: 10px;
	text-align: right;
}

#checkout #billCardInfo label, #checkout #billCardInfo .label,
#checkout #billAddr label, #checkout #billAddr .label {
	width: 160px;
}
#shoppingCart fieldset >fieldset label, #shoppingCart fieldset >fieldset .label,
#checkout fieldset >fieldset label, #checkout fieldset >fieldset .label {
	width: 109px;
}
#shoppingCart input[type="text"]:focus, #checkout input[type="text"]:focus {
	background-color: #ffc;
}
#shoppingCart option, #checkout option {
	background-color: #fff;
}
#shoppingCart input[type="submit"], #checkout input[type="submit"] {
	margin-top: 1em;
	cursor: pointer;
}
#shoppingCart .submit, #checkout .submit {
	text-align: center;
}
#shoppingCart #update, #shoppingCart #checkoutNow, #checkout #orderNow {
	font-size: 1.1em;
}

#shoppingCart p.note, #checkout p.note {
	margin: 0 0 0 140px;
	font-size: 80%;
	color: #555;
	font-style: italic;
}
#shoppingCart fieldset >fieldset p.note, #checkout fieldset >fieldset p.note {
	margin: 0 0 0 119px;
}
#checkout #billCardInfo p.note, #checkout #billAddr p.note {
	margin: 0 0 0 170px;
}
#checkout #billAddr .checkbox input {
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin: 0 10px 0 170px;
	text-align: right;
}
#checkout #billAddr .checkbox label {
	text-align: left;
	clear: none;
	float: none;
	display: inline;
}
#checkout .checkbox {
	margin-bottom: 20px;
}
.errors {
	border: 1px #aaa solid;
	padding: 10px;
	margin: 1em 0;
	background-color: #ffc;
}
.errors dt {
	float: left;
	clear: left;
	margin: 0 5px 0 35px !important;
	padding: 0 5px;
	letter-spacing: 1px;
	color: #fff;
	background-color: #222;
}
#receipt {
	width: 350px;
	border: 1px dotted #333;
	margin: 40px auto 20px;
	padding: 40px 20px;
}
#receipt h3 {
	margin-top: 40px;
}


.alert h1{
	font-size: 20px;
}
.alert {
	background-color: #fafad9;
	border: 2px solid #e0e000 !important;
	padding: 20px;
	margin-bottom: 25px;
}