/**
 Common styles used across all pages
 Contains styles for the top nav, body and footer
**/

/* --Import External Styles--*/
@import "../css/modals.css";

/* --End External Styles-- */

body {
	text-align: center;
}
input, select, textarea {
	border-top:1px solid #7c7c7c;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	background-image:url('../images/inputBackground.gif');
	background-repeat:repeat-x;
}

input.radio,
input.checkbox,
button.radio,
button.checkbox {
	border:none;
	background-image:none;
}

sup
{
	vertical-align:baseline;
	position:relative;
	bottom:4px;
}
td
{
	vertical-align:top;
}

p
{
}

h1
{
	margin: 0;
	padding: 0;
	color: #000000;
}

#main, #logoHeader {
	width: 833px;
	margin: 0px auto;
	background-color: #FFFFFF;
	text-align: left;
}

#logoHeader
{
	padding: 15px 0px;
}

.grayDivider
{
	margin: 1px 0px;
	border-bottom: 3px double #B7B7B7;
}

#header {
	background-color: #FFFFFF;
}
	#topNav {
		background-color: #F2F1EC;
		padding: 5px;
		height: 52px;
	}
		#topNav .logo {
			margin: 3px;
		}
		#topNav img {
			vertical-align: middle;
		}

	#primaryNav {
		height: 28px;
		margin: 0px 0px 2px 0px;
	}
		.fadeover_on {
			filter:alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
		.navAboutDSW,
		.navInvestor,
		.navCareers,
		.navVendors,
		.navRealEstate,
		.navMediaRelations,		
		.navAboutDSWActive,
		.navInvestorActive,
		.navCareersActive,
		.navVendorsActive,
		.navRealEstateActive,
		.navMediaRelationsActive
		{
			float: left;
			background-repeat: no-repeat;
		}
		.navAboutDSW {background-image: url('../images/navigation/topnav_aboutdsw.gif');}
		.navInvestor {background-image: url('../images/navigation/topnav_InvestRelat.gif');}
		.navCareers {background-image: url('../images/navigation/topnav_careers.gif');}
		.navVendors {background-image: url('../images/navigation/topnav_vendors.gif');}
		.navRealEstate {background-image: url('../images/navigation/topnav_realestate.gif');}
		.navMediaRelations {background-image: url('../images/navigation/topnav_MediaRelat.gif');}
		
		.navAboutDSWActive{background-image: url('../images/navigation/topnav_aboutdsw_on.gif');}
		.navInvestorActive {background-image: url('../images/navigation/topnav_InvestRelat_on.gif');}
		.navCareersActive {background-image: url('../images/navigation/topnav_careers_on.gif');}
		.navVendorsActive {background-image: url('../images/navigation/topnav_vendors_on.gif');}
		.navRealEstateActive {background-image: url('../images/navigation/topnav_realestate_on.gif');}
		.navMediaRelationsActive {background-image: url('../images/navigation/topnav_MediaRelat_on.gif');}

#homecontent, #content
{
	padding: 0px;
}

#content
{
	width: 425px;
	padding: 10px 0px 0px 35px;
	float: right;
	border-left: 1px solid #CCCCCC;
}


#moviecontent
{
	width: 500px;
	padding: 10px 0px 0px 10px;
	float: right;
	border-left: 1px solid #CCCCCC;
}

#mediacontent
{
	width: 601px;
	padding: 10px 0px 0px 10px;
	float: right;
	border-left: 1px solid #CCCCCC;
}

#rightGutter
{
	width: 200px;
	float: right;
}

#rightGutterMovie
{
	width: 125px;
	float: right;
}

#rightGutterMedia
{
	width: 50px;
	float: right;
}



#leftNavZone {
	/*width: 130px;*/
	width: 170px;
	padding: 10px 0px 0px 35px;
	/*border-right: 1px solid #CCCCCC;*/ 
}

	#leftNavHeader
	{
		border-bottom:1px solid #ccc;
		margin-bottom:15px;
	}

	#leftNavHeader img
	{
		margin-bottom:5px;
	}

	#leftNavZone .active
	{
		color: #401070;
	}

	#leftNavZone ul
	{
	  padding: 0;
	  margin: 0;
	  list-style-type: none;
	}

	#leftNavZone li
	{
		margin-bottom: 8px;
		color: #76A207;
	}

	#leftNavZone li ul
	{
		margin: 8px 0px 0px 18px;
		list-style-type: disc;
	}

	#leftNavZone li ul li
	{
		list-style-type: disc;
		margin: 8px 0px 0px 0px;
		color: #76A207;
	}

	#leftNavZone li ul li ul
	{
		margin: 8px 0px 0px 0px;
	}

	#leftNavZone li ul li ul li
	{
		list-style-type: none;
		padding-left: 14px;
		background-image: url('../images/leftnav/greenHyphen.gif');
		background-repeat: no-repeat;
		background-position: center left;
		margin: 8px 0px 0px 0px;
	}

	#leftNavZone a
	{
		text-decoration: none;
	}
	
	#leftNavZone .subNavLink
	{
		text-decoration:underline;
	}	

.footer{

	color:#ccc;
	background-color:#000000;
	margin: 5px 0px 0px 0px;
	height: 29px;
}

.footer .footShop,
.footer .footLocations,
.footer .footContact,
.footer .footPrivacy,
.footer .footTerms,
.footer .bookend,
.footer .footSpacer {
	float: left;
	background-repeat: no-repeat;
}
.footer .footShop {background-image: url('../images/footer/footer_shopDSW.gif');}
.footer .footLocations {background-image: url('../images/footer/footer_storelocat.gif');}
.footer .footContact {background-image: url('../images/footer/footer_contactus.gif');}
.footer .footPrivacy {background-image: url('../images/footer/footer_privacypolicy.gif');}
.footer .footTerms {background-image: url('../images/footer/footer_termsconditions.gif');}

.copyright {
	color: #b7b7b7;
	font-size:0.9em;
	text-align: center;
}

/*UTILITY CLASSES*/
.left {
	float: left;
	padding: 0px 0px 0px 25px;
}
.right {
	float: right;
	padding: 0px 15px 0px 0px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
	width: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}
.hide {
	display: none;
}
.show {
	display: ;
}
.bottomBorder {
	border-bottom: 1px solid #CCCCCC;
}
.topBorder {
	border-top: 1px solid #CCCCCC;
}
.rightBorder {
	border-right: 1px solid #CCCCCC;
}
.leftBorder {
	border-left: 1px solid #CCCCCC;
}