html {
 margin: 0;
 padding: 0;
 }


body{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: left; /*IE5 PC to centering content */
	margin: 0;
	padding: 0;
	background-color: #812138;

}

p{
	font-size: 12px;
	line-height: 1.8em;
	color: #7d7487;
	text-align: center;
	background-color: #fff;
 }

h1{
 font: italic 18px Georgia, Times New Roman, Times, serif; 
 color: #7d7487;
 text-align: left;
 margin:0 0 0 10px;
 padding: 0px;
 }

h2{
 font: bold 13px Georgia, Times New Roman, Times, serif;
 color: #7d7487;
 text-align: left;
 margin:0 0 0 10px;
 padding: 0;
 }

h3{
 font: bold 13px arial, helvetica, sans-serif; 
 color: #7d7487;
 text-align: left;
 margin:10px 0 0 10px;
 padding: 0;
 }
 /* Main divs */

div#wrapper{
	width: 900px;
	margin: 10px auto;
	text-align: left;
	border: 1px solid #000;
	background-color: #fff;
	min-height: 500px;
 }

div#wrapper #top{
	border-bottom: solid 1px #694281;
	height: 90px;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #4C2A77;
 }

div#wrapper #header{
 background: url(/images/logo.gif) center no-repeat;
 text-align: center;
 height: 113px;
 }

IMG.lhead { /*this is the left image in header*/
 float: left;
 margin: 2px;
 display: inline;
 border: solid 1px #694281;
 }

IMG.rhead {  /*this is the right image in header*/
 float: right;
 margin: 2px;
 display: inline;
 border: solid 1px #694281;
 }

div#wrapper #footer{
 background: #4C2A77;
 border-top: solid 1px #694281;
 height: 50px;
 clear: both;
 }

/*============== CONTENT DIV ================*/
div#dave {
	padding: 5px;
	margin: 5px auto;
	text-align:left;
	background: #fff;
	width: 75%!important; /*so fire fox & opera is the correct width*/
	width:74%; /*so IE6 is the correct width*/
	float: right;
	clear: both;
}
div#content {
	padding: 5px;
	margin: 5px auto;
	text-align:left;
	background: #fff;
	width: 75%!important; /*so fire fox & opera is the correct width*/
	width:74%; /*so IE6 is the correct width*/
	float: right;
	clear: both;
}

#content p{
	font: verdana;
	line-height: 21px;
	margin:0 10px 0 10px;
	padding: 0;
	color: #7d7487;
	text-align: left;
	font-size: 100%;
 }

#content p.small{
 font: bold 10px verdana,arial,helvetica,sans-serif;
 margin:0 10px 0 10px;
 padding: 0;
 color: #000;
 text-align: left;   
 }


IMG.contentimg {  /*this is the any images in the content div*/
 float: right;
 margin: 2px;
 display: inline;
 border: solid 1px #694281;
 }


#content ul li {
 list-style-image: url(/images/bullet.gif);
 font: 15px Georgia, Times New Roman, Times, serif; 
 line-height: 20px;
 color: #000;
 text-align: left;
 margin: 3px 15px 0 15px;
 padding: 0;   
 }

#content ul ul li{
 list-style-image: url(/images/bullet2.gif);
 font: 14px Georgia, Times New Roman, Times, serif;
 line-height: 19px;
 color: #000;
 text-align: left;
 margin: 3px 18px 0 18px;
 padding: 0;   
 }


#content a:link { 
 color: #000;   
 text-decoration: none;
 } 

#content a:visited { 
 color: #000;   
 text-decoration: none;
 } 

#content a:hover { 
 color: #694281;
 } 


/*content table */
#content table{
 background: #fff;
 border: solid 1px #000;
 border-collapse: collapse;
 }

#content, #content table p{
 font: 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0;
 color: #7d7487;
 text-align: left; 
 } 

#content, #content table a:link{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0;
 color: #000;
 text-align: left; 
 text-decoration: none;
 }

#content, #content table a:visited{ 
 text-decoration: none;
 }

#content, #content table a:hover{
	text-decoration: none;
	line-height: 20pt;
 }

#content table .mauve{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 background: #CBC2CF;
 color: #000;
 height: 30px;
 }

#content table .mauver{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 background:#694281;
 color: #fff;
 height: 30px;
 }

#content table .cream{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 background: #fffff2;
 color: #000;
 height: 30px;
}

/*==============END content ================*/




/* =============== Navigation ================ */

div#navigation{
 float: left;
 font: bold 10px verdana, arial, helvetica, sans-serif;
 line-height: 31px;
 letter-spacing: 3px;
 margin: 107px 0 0 0;
 padding: 0;
 text-align: left;
 }

	
#nav, #nav ul { /* all lists */
 padding: 0;
 margin: 0 0 0 10px;
 list-style: none;
 width : 160px;
 background: #fff;
 display: block;
 border-right: solid 1px #812138;
 }
	
#nav li { /* all list items */
 position : relative;
 line-height : 1.25em;
 margin-bottom : -1px;
 width : 160px;
 
 }
	
#nav li ul { /* second-level lists */
 position : absolute;
 left: -999em;
 margin-left: 160px;
 margin-top : -1.35em;
 font: 12px verdana, arial, helvetica, sans-serif;
 line-height: 31px;
 letter-spacing: 3px;
 background: #fff; 
 color: #000;
 width: 160px;
 }
	
#nav li ul ul { /* third-and-above-level lists */
 color: #000;
 left: -999em;
 margin: -2.3em 0 0 13.7em;
 width: 160px;

 }
	
#nav li a {
 width : 150px;
 w\idth : 150px;
 display : block;
 color : #000;
 text-decoration : none;
 padding : 5px;
 }
	
#nav li a:hover {
 background-color: #7d7487;
 display: block;
 }

#nav li li a {
 font: bold 12px verdana,arial,helvetica,sans-serif;
 letter-spacing: 1px;
 line_height: 14px;
 background: #694281; 
 color: #fff;
 border: solid 1px #694281;
 }


#nav li li a:hover {
 background: #BEA2C9;
 color: #000; 
 }
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/*copyright div and links */

#copyright {
	width: 400px;
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	height: 30px;
 }

#copyright,#copyright p{
	font: bold verdana, arial, helvetica, sans-serif;
	padding: 0;
	color: #AF9FBB;
	text-align: center;
	background-color: #812138;
 }

#copyright, #copyright a:link  { 
 color: #AF9FBB;   
 text-align: center;
 text-decoration: none; 
 } 

#copyright a:visited  { 
 color: #AF9FBB;   
 text-align: center;
 text-decoration: none; 
 } 

#copyright a:active, #copyright a:hover{
	color: #812138;
	text-decoration: none;
	background-color: #FFFFFF;
 } 

#hcopyright {
	width: 400px;
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	height: 30px;
}

#hcopyright,#hcopyright p{
	font: bold verdana, arial, helvetica, sans-serif;
	padding: 0;
	color: #AF9FBB;
	text-align: center;
	background-color: #812138;
 }

#hcopyright, #hcopyright a:link  {
 color: #AF9FBB;   
 text-align: center;
 text-decoration: none; 
 } 

#hcopyright a:visited  { 
 color: #AF9FBB;   
 text-align: center;
 text-decoration: none; 
 } 

#hcopyright a:active, #hcopyright a:hover{
	color: #812138;
	text-decoration: none;
	background-color: #FFFFFF;
 } 



a:link {
	color: #6699CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #6699CC;
}
a:hover {
	text-decoration: underline;
	color: #FF6600;
}
a:active {
	text-decoration: none;
	color: #6699CC;
}
p, td, ul, ol {
	font-size: 10px;
}
td p, li li {
	font-size: 10px;
	line-height: 1.3em;
}
#header {
	width: 740px;
	height: 95px;
}
#shoeCart_Display {
	margin-top: 0;
	margin-bottom: 0;
}
#middle {
	width: 760px;
}
.findList {
 width: 140px;
 text-align: left;
}
.sizeList {
 width: 100px;
 text-align: left;
}
#keyword {
 width: 100px;
}
#leftContent {
	width: 201px;
	float: left;
}
#rightContent {
	margin-left: 219px;
	width: auto;
	padding-top: 10px;
}
#headerHome {
	width: 740px;
	height: 184px;
}
#middleHome {
	width: 750px;
}
#leftContentHome {
	width: 211px;
	float: left;
}
#rightContentHome {
	margin-left: 223px;
	width: auto;
	padding-top: 10px;
}
#rightContentDetails {
	margin-left: 217px;
	width: auto;
	padding-top: 23px;
}
#rightContentCatalog {
	margin-left: 217px;
	width: auto;
	margin-top: 23px;
}
#rightContentCatalogHome {
	margin-left: 217px;
	width: auto;
	padding-top: 0px;
	padding-left: 0px;
}
#Register {
	margin-left: 34px;
	width: auto;
	padding-top: 14px;
}
#loginSearch {
	padding-left: 24px;
	width: auto;
	margin-top: 25px;
}
#loginScreen {
	margin-left: 217px;
	width: auto;
	margin-top: 5px;
}
#ContactInformation {
	margin-left: 219px;
	width: auto;
	padding-top: 25px;
}
#shoppingCart {
	margin-left: 34px;
	width: auto;
	padding-top: 13px;
}
#Checkout {
	margin-left: 31px;
	width: auto;
	padding-top: 28px;
}
#reviewCart {
	margin-left: 31px;
	width: auto;
	padding-top: 30px;
}
#checkoutForm {
	margin-left: 132px;
	width: auto;
	padding-top: 22px;
}
#checkoutCartSummary {
	margin-left: 38px;
	width: auto;
	padding-top: 12px;
}
#pageTitle {
	width: 177px;
	padding-left: 24px;
}
#shoeSearch {
	z-index: 8;
	padding-left: 24px;
}
#blueSkyWelcome {
	width: 177px;
	padding-left: 14px;
	padding-top: 13px;
}
#learnTheRopes {
	padding-left: 14px;
	padding-top: 13px;
}
#footer {
	width: auto;
	padding-top: 13px;
	clear: both;
}
#leftContent p, #leftContent td, #leftContent ul, #leftContent ol {
	color: #999966;
}
#leftContent a:link, #leftContent a:visited {
	color: #6699CC;
}
#leftContent a:hover, #leftContent a:active {
	color: #FF6600;
}
#rightContent p, #rightContent td, #rightContent ul, #rightContent ol {
	color: #6699CC;
}
#rightContent a:link, #rightContent a:visited {
	color: #6699CC;
}
#rightContent a:hover, #rightContent a:active {
	color: #FF6600;
}
.bodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999966;
	line-height: 1.4em;
}
.productText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6699CC;
	line-height: 1.4em;
}
.productDetailText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999966;
	line-height: 1.4em;
}
.productPriceText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699CC;
	line-height: 1.4em;
}
.productTitleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #3F6F9F;
	line-height: 1.4em;
}
.productDescriptionHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6699CC;
	line-height: 1.4em;
}
.titleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999966;
    padding: 5,13 background-color:#CCCCCC; 
	line-height: 1.4em;
}
.searchText {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;	
	color: #003366; 
}
.addToCartText {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;	
	color: #000000; 
}
.labelText {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;	
	color: #000000; 
}
.actionText {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color: #336699; 
	font-weight: bold;
}
.formText {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color: #336699;
	line-height: 1.4em;
}
.catalogHomeOverview {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #6699CC;
	line-height: 14px;
}
.productHomeOverview {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #6699CC;
	line-height: 14px;
}
.formLabels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #336699;
	height: 28px;
	text-align: right;
	vertical-align: middle;
}
.formLabelsSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #336699;
	height: 14px;
	text-align: right;
	vertical-align: middle;
}
.footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;	
	color: #999966; 
}

.dotLineCell {
	background-image: url(../images/dotted_line_background_tile.gif);
	background-repeat: repeat-x;
	height: 11px;
	padding-top: 0px;	
}
.footerDotLineCell {
	background-image: url(../images/footer_background_tile.gif);
}
.layoutOrderHistory { 
	border:1px solid #6699CC; 
}
.headerOrderHistoryCenter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #336699;
	background-color:#DEDEBD;
	font-weight: bold;
	text-align:center 
	line-height: 14px;
	text-align: center;
}
.headerOrderHistoryLeft {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #336699; 
	background-color:#DEDEBD;
	font-weight: bold;
	text-align:left 
	line-height: 14px;
}
.dataOrderHistoryLeft {	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;	
	color: #336699; 
	border-top-width: 0px; 
	border-left-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-bottom-color:#6699CC; 
	text-align:left 
	line-height: 14px;
}
.dataOrderHistoryCenter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #336699;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color:#6699CC;
	text-align:center 
	line-height: 14px;
	text-align: center;
}
.layoutLogin { 
	border:2px solid #6699CC; 
}