body {
	margin: 0 auto auto 10px;
}
#PageDiv {
	width:972px;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;	
}
#HeadBar {
	width:972px;
	height:16px;
	clear:both;
	background-color:#000000;
	text-align:right;
	color:#FFFFFF;
	font-size:10px;
	letter-spacing:2px;
	font-weight:bold;
	vertical-align:middle;
	float: left;
}
#ContentDiv {
	width:972px;
	float:left;
	position:relative;
	clear:both;	
	background-image:url(../Images/LeftColbg.gif);
	background-repeat:repeat-y;
}
#CenterCol {
	width:800px;
	float:right;
}
#CenterColInfo {
	margin-right:10px;
	padding-top:5px;
	color:#FFFFFF;
	text-align:left;
}
#LeftCol {
	width:162px;
	float:left;
	text-align:center;
}
#OptionButtons {
	float:right;
	width: 200px;
	height:30px;
	margin-top:2px;
	text-align:right;
	margin-right:10px;
}	
#AddShoeFrame {
	width:790px;
	height:300px;
	float:left;
	position:relative;
}

#AddShoeForm {
	width:508px;
	height:300px;
	float:left;
	padding:0px;
	background-color:#999999;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}
#ShoePictureBox {
	width:260px;
	height:300px;
	float:right;
	padding:0px;
	background-image:url(../Images/graphpaper.gif);
	text-align:center;
}
#ShoePictureBorder {
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}
#ShoeModel {
	width: 270px;
	height:70px;
	float:right;
	text-align:center;
}
#ShoeTrackerCont {
	width:790px;
	border:#333333 solid 1px;
	float:left;
	background-image:url(../Images/graphpaper.gif);
}
#ShoeTrackerHead {
	width:790px;
	height: 18px;
	background-color:#000033;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}
#ShoeTrackerFrame {
	width:790px;
	height:300px;
	float:left;
}
#ShoeTrackerMain{
	position:relative;
}
#ShoeTrackerTips{
	width:790px;
	height:404px;
	overflow:auto;
	color:#000000;
	float:left;
	text-align:center;
}
#ShoeRackFrame {
	width:508px;
	height:300px;
	margin-left:8px;
	float:left;
	padding:0px;
	background-color:#FFFFFF;
}
#ShoeRack {
	width:508px;
	height:280px;
	padding:0px;
	margin: 0px;
	float:left;

	background-color:#FFFFFF;
}
#ShoeRackSpacer {
	width:508px;
	height:90px;
	padding:0px;
	margin: 0px;
	margin-left:8px;
	float:left;
	text-align:center;
	color:#000000;
}
.ShoeShelf {
	height:105px;
	width:160px;
	text-align:center;
	background-image:url(../Images/MetalBarShelf.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
}

#LeftVertBar {
	background-image:url(../Images/MetalBarVert.gif);
	background-repeat:repeat-y;
	width:14px;
	height:300px;
	float:left;
}
#RightVertBar {
	background-image:url(../Images/MetalBarVert.gif);
	background-repeat:repeat-y;
	width:14px;
	height:300px;
	float:left;
}
#LeftVertBarLow {
	background-image:url(../Images/MetalBarVert.gif);
	background-repeat:repeat-y;
	width:14px;
	height:90px;
	float:left;
}
#RightVertBarLow {
	background-image:url(../Images/MetalBarVert.gif);
	background-repeat:repeat-y;
	width:14px;
	height:90px;
	float:right;
}
#Shelves {
	width:480px;
	height:280px;
	margin-top:20px;	
	float:left;
	overflow:auto;
}
#ShelvesTab {
	width:480px;
	table-layout:fixed;
}
.liftShoe img{
	border: 0px;
	margin-bottom:0px;
}

.liftShoe:hover img{
	margin-bottom:10px;
}


.HorizFrame {
	background-image:url(../Images/MetalBarHoriz.gif);
	background-repeat:repeat-x;
	height:14px;
}
#ShoeInfoRail {
	width:790px;
	height:14px;
	float:left;
	clear:both;
	background-image:url(../Images/MetalBarHoriz.gif);
	background-repeat:repeat-x;
}
#ShoeInfo {
	width:790px;
	float:left;
	clear:both;
}
#ShoeNotes {
	width:245px;
	height: 40px;
	overflow:auto;
}
#Footer {
	width:972px;
	height:16px;
	background-color:#000000;
	color:#FFFFFF;
	float:left;
	clear:both;
}
#Footer a {
	color:#FFFFFF;
}
#Footer a:hover {
	color:#FFFF66;
}

.But {	
	height: 23px;
	width: 162px;
	margin-top:15px;
	text-align:center;
	padding-top:7px;
	background-image:url(../Images/BlankButBlack.jpg);
	background-position:50% 0px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight: bold;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;	
	float:left;
	display:block;
	text-decoration:none;
}
.But:hover{
	background-position:50% -30px;;
}
.ButBlue {	
	height: 23px;
	width: 162px;
	margin-top:15px;
	text-align:center;
	padding-top:7px;
	background-image:url(../Images/BlankButBlue.jpg);
	background-position:50% 0px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight: bold;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;	
	float:left;
	display:block;
	text-decoration:none;
}
.ButBlue:hover{
	background-position:50% -30px;
;
}

.spacer {
	height:10px;
	clear:both;
}
.spacer40 {
	height:40px;
	clear:both;
}
.Border {
	border: thin inset #CCCCCC;
}
.rowspacer {
	width:972px;
	height:15px;
	float:left;
	background-color:#669933;
	clear:both;
}
.footertext {
	display:inline;
	margin-left:30px;
	margin-right:50px;
	font-size:9px;
}
.TitleText {
	font-size: 18px;
	font-weight: bold;
	color: #003300;
}
.TooltipsText {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.smallbut {
	font-family:Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003300;
	text-align: center;
	vertical-align: middle;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
}
.smallbut:hover{
	background-color:#005300;
}
.smallbluebut {
	font-size: 9px;
	font-weight: bold;
	color:#FFFFCC;
	background-color:#000033;
	text-align: center;
}
.smallbluebut:hover{
	color:#666666;
}
.smallredbut {
	font-size: 9px;
	font-weight: bold;
	color:#FFFFCC;
	background-color:#990000;
	text-align: center;
}
.smallredbut:hover{
	color:#666666;
}
.whitebut {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
}
.whitebut:hover{
	color:#666666;
}
.whitebut:disabled {
	color:#CCCCCC;
}
.biggerwhitebut {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	padding:2px;
}
.biggerwhitebut:hover{
	color:#666666;
}
.biggerwhitebut:disabled {
	color:#CCCCCC;
}
.ErrorText {
	font-size: 12px;
	font-weight: bold;
	color:#FFFF00;
}
.stdbutsmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.italic12 {
	font-size: 12px;
	font-style: italic;
	color:#000000;
}
.FormLabel {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
.FormFields {
	color:#000000;
	font-size:11px;
	font-weight:bold;
}

#tabscont {
	float:right;
	width:790px;
	clear:both;
}
.SearchFieldText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
#glowingtabs{
float:right;
width:100%;
font-size:90%;
line-height:normal;
border-bottom: 1px solid #000000; /*Add border strip to bottom of menu*/
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 25px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(../images/tableft.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(../images/tablarge.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}
.tipsrow {
	background-color:#E8F1FF;
	font-style:italic;
}
.tipslabel {
	color:#000033;
	font-weight:bold;
}

img.percentImage {
 background: white url(../images/percentImage_back.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}
	
form {
	margin: 0;
	padding: 0;
}
/* Hack to get IE5.x to remove 3px of left and right padding on images */
* html img {
margin: 0 -3px; ma\rgin: 0;
}
