/**
 * Common colors used. Find & replace to change them all if needed
 * blue background:		#6B84A2
 * link red:			#CA1B34
 * link blue: 			#6B84A2
 * link dark blue:		#435979
 * h1 brown:			#B2B0A7
 * light brown: 		#F6F6F3
 */

@import url("navigation.css");
@import url("cart.css");
@import url("catalog.css");
@import url("uniform.aristo.css");
@import url("jquery.lightbox-0.5.css");

body							{ background:#6B84A2; color:#333; margin:0px; padding:0px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; }
img								{ border:none; outline:none; }
form							{ margin:0px; padding:0px; }
input, textarea, select			{ font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; }
a								{ color:#CA1B34; text-decoration:none; }
a:hover							{ color:#6B84A2; text-decoration:none; }

/* master site width. use as a subclass where applicable */
.siteWidth						{ width:972px; }
.contentWidth					{ width:960px; margin:0 6px 0 6px; }

div.main						{ background:url("../images/main_bg.png") top left repeat-y; text-align:left; }
div.headerGray					{ background:url("../images/headerGray_bg.png") top left repeat-x; color:#000; font-weight:bold; }
div.headerGray h1				{ display:block; float:left; font-size:11px; padding:2px 0 0 28px; margin:0px; }
div.header						{ background:#fff; }

div.header .viewCartLinks		{ display:block; float:right; width:174px; margin:42px 12px 0 0; }
div.header .viewCartLinks a:first-child { float:left; }

/* left sidebar styles */
div.sidebar						{ display:block; float:left; width:229px; margin-left:13px; line-height:18px; }
div.sidebar .filter				{ padding:10px 10px 10px 20px; }

form.search						{ padding:0 0 8px 15px; }
form.search .field				{ background:url("../images/search_field.gif") top left no-repeat; border:none; width:136px; padding:5px 5px 8px 5px; }

div.filter ul					{ list-style: none; margin:0 0 10px 0; padding:0px; text-indent:0px; }
div.filter ul li:before 		{ content:"\00BB \0020"; }
div.filter ul li:last-child		{ text-indent:9px; }
div.filter ul li:last-child:before 	{ content:none; }
div.filter a					{ color:#333; }
div.filter a:hover				{ color:#CA1B34; }

div.sidebar .banner				{ margin:15px 0 35px 20px; display:block; width:182px; text-align:left; }
div.sidebar .banner img			{ border:1px solid #C1BEAB; width:180px; }

/* main content area styles */
div.content						{ display:block; float:right; width:718px; margin-right:12px; line-height:18px; }

div.textContent					{ padding:15px 65px 25px 30px; }
div.textContent_color			{ padding:25px 65px 25px 30px; background:#F6F6F3; }
img.pageContent					{ border:1px solid #CCCCCB; margin-bottom:15px; }
div.textContent_color .leftColumn { display:block; float:left; width:150px; text-align:center; }
div.textContent_color .rightColumn { display:block; float:right; width:450px; }

h1.pageTitle					{ background:#F6F6F3; color:#CA1B34; font-size:15px; padding:15px 30px 15px 30px; }
h1.pageTitle div				{ color:#111; font-size:11px; font-weight:normal; line-height:18px; padding:10px 0 0 0; }

h2								{ font-size:13px; color:#435979; }
h3								{ font-size:13px; color:#CA1B34; }

div.breadcrumb					{ height:20px; padding:7px 0 0 20px; }
div.breadcrumb a, div.breadcrumb span { color:#333; display:inline-block; padding:0 4px 0 4px; }
div.breadcrumb a:hover			{ color:#CA1B34; }
div.breadcrumb span				{ color:#CA1B34; }

div.contactForm					{ display:block; float:left; width:390px; }
div.contactInfo					{ display:block; float:right; width:230px; }

div.sitemap td					{ vertical-align:top; text-align:left; padding-right:35px; }

/* footer styles */
div.footer						{ background:#EEEDE7; line-height:16px; }
div.footer a					{ display:inline-block; padding:15px 5px 10px 0px; color:#111; font-weight:bold; }
div.footer a:hover				{ color:#CA1B34; }
div.footer a.logo				{ display:block; width:188px; float:left; }
div.footer .creditCards			{ display:block; float:left; margin:5px 20px 35px 5px; }
div.footer .contents			{ display:block; width:700px; float:right; }

div.siteBy						{ display:block; float:left; width:229px; color:#fff; padding:5px 0 55px 10px; text-align:left; }
div.siteBy a, div.siteBy a:hover{ color:#fff; }
div.copyright					{ display:block; float:right; width:717px; color:#fff; padding:5px 10px 55px 0;  text-align:right; }