/********************************************
   AUTHOR:  		Loretta Carney-Venters  	
 *******************************************/


body {
	margin:0;
	text-align:center; /* centers the frame in IE5 Win */
	font-family: Arial, Helvetica, sans-serif;
	background:  url(assets/body_background.jpg) repeat-x;  
	background-color:#fff; 
	color: #50697b;
	}

	#container{
	margin-right: auto;
	height:100%;
	margin-left: auto;
	text-align: left;
	position: relative;
	width:985px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:0px;
 	}

		
		
/* Header*/

	#header{
 	float:left; 
	width:980px;
	height:225px;
	}
	
	.header_graphics{
 	float:left; 
	}
	
	#logo{
 	float:left; 
	padding-top:14px;
	}
	
	#uol_logo{
 	float:right; 
	padding-top:47px;
	padding-bottom:11px;
 	}
	
	#details{
 	float:right; 
	padding-top:20px;
	padding-bottom:10px;
	width:100px;
 	}
		
	.details_text{
	float:left; 
	padding-bottom:1px;
	font-size:75%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#c6c3c6;
	}
	
	#details_text{
	float:left; 
	padding-right:31px;
	font-size:75%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#c6c3c6;
	}
	
	.details_graphics{
 	float:left; 
	padding-right:7px;
 	}
	
	.details_text a{
	font-weight:bold;
	color:#c6c3c6;
	text-decoration:none;
	}
	
	.details_text a:hover
	{
	color: #000;
	text-decoration:underline;
	}
	
	#details_text a{
	font-weight:bold;
	color:#c6c3c6;
	text-decoration:none;
	}
	
	#details_text a:hover
	{
	color: #000;
	text-decoration:underline;
	}
	
	
/* Top Navigation*/	
	#top_navigation{
 	float:left; 
	height:45px;
	width:980px;
	margin-top: 5px;
	font-size:70%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #7b797b;
	}
	
	.globalnav {
	clear:both;
	margin:0; padding:0;
	padding-top:8px;
	}
	.globalnav ul { padding:0; margin:0; }
	.globalnav ul li {
	padding:0; margin:0;
	display:inline;
	}
	.globalnav ul li a {
	float:left;
	padding:0; margin:0;
	padding-right:4px;
	}
	
/*
	#header-tabs ul {		
	margin:0;
   	padding:0px 0px 0px 0px;
   	list-style:none;
   	color: #7b797b;
	}

	#header-tabs li {
	display:inline;
  	margin:0;
   	padding:0;
	}

	#header-tabs a {
	float:left;
    margin:0;
   	padding:0 15px 0 0; 
   	text-decoration:none;
   	color: #7b797b;
	}
	#header-tabs a:hover  { 
	text-decoration:underline;
	}
	
	#header-tabs #current a { 
	background-position:0% -31px; 
	}*/
		
	#line {
   	float:left;
   	background:url(assets/line.gif) repeat-x;  
   	width:978px;
   	height:1px;
	}
	
	
/* Left Navigation */
	#navcontainer 
	{
	float: left;
	margin:0;
	width: 160px;
	height:100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 11px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	background-color:#fff; 
	padding-bottom:14px;
	}
	
	#navcontainer_two
	{
	float: left;
	margin:0;
	width: 160px;
	height:100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
	list-style-type: none;
	background-color:#fff; 
	padding-bottom:20px;
	}
	
	#navcontainer ul 
	{
	float: left;
	margin:0;
	width: 160px;
	background-color:#fff; 
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#tabs_pad
	{
	float: left;
	padding-top:40px;
	}
	
	#tabs 
	{
	float: left;
	}
	
	.left_tabs 
	{
	float: left;
	padding-top:12px;
	padding-bottom:6px;
	}
	
	#left_tabs 
	{
	float: left;
	padding-bottom:6px;
	}

/* 1st level */
	.navlist li { margin: 0 0 1px 0; }

	.navlist a
	{
	display: block;
	padding: 9px 0px 0px 0px;
	width: 160px;
	background-color:#fff;
	}

	.navlist a:link, .navlist a:visited
	{
	color: #9c9a9c;
	text-decoration: none;
	}
	
	.navlist a:hover
	{
	color: #000;
	}
	
	#active a:link, #active a:visited, #active a:hover
	{  
	color: #000;
	}
	
	
/* nav vertical line */
	#line_two {
   	float:left;
   	background:url(assets/line2.gif)repeat-y;  
   	height:750px;
	width:1px;
	}
	
	#line_three{
   	float:left;
   	background:url(assets/line2.gif)repeat-y;  
   	height:525px;
	width:1px;
	}
	
	#line_four{
   	float:left;
   	background:url(assets/line2.gif)repeat-y;  
   	height:985px;
	width:1px;
	}
	
/* home page */
	#promotion {
   	float:left;
	padding-top:11px;
   	}
	
	#home_info{
   	float:left;
	padding-top:11px;
	padding-left:9px;
   	}
	
	
/* body */
	#main_body{
 	float:left; 
	width: 820px; 
	height:100%;
	}
	
	#main_body_text{
 	float:left; 
	width: 787px; 
	height:100%;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4D4C4C;
	line-height: 150%;
	font-size:71%;
	}
	
	#headings{
	float:left; 
	padding-top:5px;
	padding-bottom:10px;
	}
	
	#headings_other{
	float:left; 
	padding-top:5px;
	}
	
	#headings_contact{
	float:left; 
	padding-top:5px;
	padding-bottom:20px;
	}
	
	#headings_shoes{
	float:left; 
	padding-top:22px;
	padding-left:5px;
	}
	
	#headings_shoes_home{
	float:left; 
	padding-top:24px;
	}

	
/* items */
	
	#item_container{
 	float:left; 
	width: 174px; 
	height:100%;
	padding-top:20px;
	padding-left:2px;
	}
	
	.item_container{
 	float:left; 
	width: 174px; 
	height:100%;
	padding-top:20px;
	padding-left:40px;
	}
	
	
	#item{
 	float:left; 
	}
	
	#item_description{
 	float:left; 
	padding-top:12px;
	padding-left:12px;
	color: #9c9a9c; 
	width: 140px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size:71%;
	}
	
	
	#item_stock{
 	float:left; 
	padding-left:12px;
	color: #0082ff;
	font-weight: bold;
	width: 135px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size:71%;
	}
	
	
	#v{
 	float:left; 
	padding-left:12px;
	color: #638600;
	font-weight: bold;
	width: 135px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size:71%;
	}
	
	
	#item_price{
 	float:left; 
	width: 135px; 
	padding-left:12px;
	color: #63657b; 
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 180%;
	font-size:74%;
	}
	
	
	#item_cart{
 	float:left; 
	padding-left:5px;
	padding-top:1px;
	width:84px; 
	height:15px;
	}
	
	
	
	
	#blue {
	float: left;
	width: 806px;
	height: 430px;
	background-color:#adc3ce;
	}
	
	#form_right {
	float:right;
	}
	
	
	
	#contactWrapper {
	position: relative;
	margin-top: 25px;
	width: 560px;
	float: left;
	background: #d7e9f3 url(assets/contactBG.gif) repeat-y top left;
	margin-left:20px;
	margin-bottom:20px;
	}
	#contactWrapper #contactInfo {
	float: left;
	width: 228px;
	height: 380px;
	background: transparent url(assets/contactInfoDropShadow.gif) no-repeat top right;
	
	}

	#contactWrapper #contactInfo h2 {
	padding-top: 34px;
	padding-left: 14px;
	font-size: 115%;
	color: #394f5f;
	background: transparent url(assets/contactInfoTop.gif) no-repeat top left;
	}
	
	#contactWrapper #contactInfo h3, #container #contactWrapper #contactInfo p {
	margin-left: 16px;
	}
	
	#contactWrapper #contactInfo h3 {
	padding-top: 27px;
	margin-right: 23px;
	margin-top: 8px;
	margin-bottom: 3px;
	font-size: 98%;
	color: #26353d;
	border-top: 1px solid #c6d7e1;
	}
	
	#contactWrapper #contactInfo p {
	margin-bottom: 10px;
	margin-top: 0;
	font-size:97%;
	}
	
	#contactWrapper #contactInfo a {
	font-weight: bold;
	color: #5bb3dd;
	}
			
			
	#contactForm {
	padding-top:12px;
	padding-bottom:10px;
	} 
	
	#contactWrapper #contactForm {
	position: relative;
	width: 332px;	
	float: right;
	background: transparent url(assets/contactFormTop.gif) repeat-x top left;
	font-size:99%;
	}
	
	#contactWrapper #contactForm a {
	position: relative;
	display: block;
	text-indent: -9000px;
	left: 295px;
	top: 12px;
	width: 26px;
	height: 19px;
	background: url(assets/contactTopBtn.gif) no-repeat top right;
	}
	
	#contactWrapper form {
	float: left;
	padding: 22px 17px 3px 10px;
	}
	/* 
	Hack for IE 6 and below 
	-> add more padding below the form
	*/
	* html #contactWrapper form {
	padding: 36px 17px 14px 10px;
	}
	
	#contactWrapper form .btn {
	float: left;
	}
	
	#contactWrapper form #formStatus {
	margin-top: 7px;
	float: right;
	width: 210px;
	}
	
	#contactWrapper form #formStatus p {
	padding-left: 19px;
	margin-top: 0;
	}
	
	#contactWrapper form #formStatus .error {
	color: red;
	background: transparent url(assets/errorIcon.gif) no-repeat center left;
	}
	
	#contactWrapper form #formStatus .success {
	background: transparent url(assets/successIcon.gif) no-repeat center left;
	}
	
	/* ----- form ----- */
	input, textarea {
	font-size: 110%;
	padding: 4px;
	border: none;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	}
	label {
	font-weight: bold;
	color: #394f5f;
	}
	textarea {
	height: 130px;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	}
	.txt {
	width: 296px;
	color: #517990;
	border: none;
	background: #abcadb;
	}
	.inputHighlighted{  /* Highlighting style */
	width: 296px;
	color: #fff;
  	background-color:#6f8b9b;
	}



/* ----- HTML ----- */
	h1, h2 {
	margin:  0;
	padding:  0;
	}
	ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	dl, dt, dd {
	margin: 0;
	padding: 0;
	}
	a {
	outline: none;

	}
	a:link {
	color: #45535c;
	text-decoration: underline;
	}
	a:hover, a:active {
	color: #45535c;
	}
	img {
	border: none;
	}


	
	/* break*/ 
 	.clear { 
 	clear:both;
	}
	
	/* footer*/

	#footer{
	float:left; 
	width: 979px;
	height: 52px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#e4eef4;
	margin-top:30px;
	margin-bottom:10px;
	}
	

	#footer_text{
	float:left; 
	width: 950px;
	padding-top:18px;
	padding-bottom:18px;
	text-align: center;
	color:#7b797b;
	font-size:70%;
	}
	
	#footer_edgeleft{
	float:left; 
	}
	
	#footer_edgeright{
	float:right; 
	}
	
	
	
	
	#footer_text a:link {
 	color:#7b797b;
	text-decoration:none;
	padding:0 15px 0 0; 
	font-weight:bold;
	}
	
	#footer_text a:visited {
	color:#7b797b;
	text-decoration:none;
	padding:0 15px 0 0; 
	font-weight:bold;
	}
	
	#footer_text a:hover {
  	color: #000;
	text-decoration:underline;
	padding:0 15px 0 0;
	font-weight:bold; 
	}
	
	#footer_text a:active {
 	color:#7b797b;
	text-decoration:none;
	padding:0 15px 0 0;
	font-weight:bold; 
	}
	
	
	h4{
	font-size: 130%;
	color: #494a4a;
	margin-bottom:1px;
	}