/****************
ss-position.css
*****************/

/* MyfavoriteShoeStore position stylesheet */


body {
left:0px;
top:0px;
background-color:#FFF;
z-index:10;}

/*#toppanel {
position:relative;
left:0px;
top:0px;
background-color:#FFF;
width:470px;
height:120px;
z-index:10;}
*/

#MainBody{
   position:absolute;
   top:240px;
}


/* bottom of hp.p spacer .*/
/*.hpBtmSpcer{
   width:1px;
   height:157px;
} */

#centerpanel {
position:absolute;
left:150px;
top:550px;
width:770px;
height:auto;
z-index:10;}

#bottompanel {
position:absolute;
left:auto;
top:auto;
width:770px;
height:auto;
z-index:1;}


#leftnav1 {
position:relative;
left:0px;
top:0px;
height:auto;
min-height:200px;
width:155px;
}

#leftnav2 {
position:relative;
left:0px;
top:0px;
height:auto;
min-height:150px;
width:15px;
z-index:100;}

/* moved to seporate browse css files
*#leftnav3 {
*left:0px;
*min-height:150px;
*position:relative;
*top:10px;
*width:155px;
*}
*/

#mainpanel {
position:relative;
left:180px;
top:-400px;
width:590px;
height:400px;
min-height:400px;
margin-bottom:-400px;
z-index:100;}

#shopbydepartment {
position:relative;
left:-10px;
/* 
*top:-10px;
*width:165px;
*/ 
z-index:4;}

#customerservices {
position:relative;
left:0px;
top:auto;
width:155px;
z-index:4;}

#specialprograms {
position:relative;
left:-1px;
top:auto;
width:155px;
z-index:4;}

#rewardsbox {
position:relative;
left:17px;
top:auto;
width:155px;
z-index:4;}

#previewspecials {
position:relative;
left:17px;
top:auto;
width:155px;
z-index:4;}

#emailspecials {
position:relative;
left:17px;
top:auto;
width:155px;
z-index:4;}

#logo {
position:absolute;
left:0px;
top:-7px;
width:161px;
height:63px;
z-index:2;}

#satisfied {
position:absolute;
top:-7px;
left:243px;
width:278px;
height:18px;
z-index:5;
font-weight:bold;
color:#333399;
font-family:arial,helvetica,sans-serif;
font-size:12px;}

#myaccount {
position:absolute;
left:620px;
top:-13px;
width:278px;
height:18px;
z-index:5;
font-weight:bold;
font-family:arial,helvetica,sans-serif;
font-size:12px;}

/* myaccount links */
.myaccount {font-family: arial,helvetica,sans-serif;font-size: 12px;}
a.myaccount, a.myaccount:link, a.myaccount:visited {
color: #333399;
text-decoration: none;}
a.myaccount:hover {color: #f00;text-decoration: underline;}
a.myaccount:active {color: #f00;text-decoration: underline;}

#orderstatus {
position:absolute;
left:620px;
top:3px;
width:278px;
height:18px;
z-index:5;
font-weight:bold;
font-family:arial,helvetica,sans-serif;
font-size:12px;}

/* orderstatus links */
.orderstatus {font-family: arial,helvetica,sans-serif;font-size: 12px;}
a.orderstatus, a.orderstatus:link, a.orderstatus:visited {
color: #333399;
text-decoration: none;}
a.orderstatus:hover {color: #f00;text-decoration: underline;}
a.orderstatus:active {color: #f00;text-decoration: underline;}

#secure {
position:absolute;
left:0px;
top:50px;
width:186px;
height:17px;
z-index:6;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;}

#hello {
position:absolute;
top:10px;
left:149px;
width:250px;
text-align: center;
z-index:6;
color: #000;
font-family:arial,helvetica,sans-serif;
font-size:11px;}

#lightbluebars {
position:absolute;
left:0px;
top:94px;
width:770px;
height:26px;
z-index:1;
border: 1px none #000;}

#bluebar {
position:absolute;
left:0px;
top:95px;
width:767px;
height:24px;
z-index:2;
border: 1px none #000;}

#catalogscroll {
position:absolute;
left:0px;
top:1px;
/*
width:300px;
*/
width:30px;
height:23px;
z-index:2;}

#orderbar {
position:absolute;
/*left: 440px;*/
/*left: 420px;*/
left: 490px;
top:4px;
z-index:2;
font-weight:bold;
font-family:arial,helvetica,sans-serif;
font-size:12px;}

#emailbar {
display:none;      
position:absolute;
left:275px;
top:93px;
width:260px;
height:19px;
z-index:2;}

#emailtext {
display:none;      
position:absolute;
left:3px;
top:6px;
width:139px;
height:15px;
z-index:2;}

#emailtext1 {
display:none;      
position:absolute;
left:3px;
top:6px;
width:139px;
height:15px;
z-index:2;}

#emailtext2 {
position:absolute;
top:5px;
z-index:2;}

#catalogbar {
position:absolute;
left:0px;
top:73px;
width:770px;
height:20px; 
z-index:3;

background-color:#fff;
}


#bodybluebar {
}


#searchbar {
position:absolute;
left:1px;
top:94px;
color:#FFF;  
width:195px; 
height:19px; 
z-index:999;}

#submenu {
position:absolute;
left:0px;
top:98px;
width:125px;
height:6px;
z-index:2;
font-weight:bold;
color:#af8a0c;}

#checkoutcluster {
position:absolute;
left:382px;
top:4px;
width:120px;
height:57px;
z-index:2;}

#viewcart {
position:absolute;
top:-7px;
left:253px;
width:104px;
height:15px;
z-index:2;}

#checkout {
position:absolute;
top:12px;
/*
left:50px;
*/
left:259px;
width:57px;
height:20px;
z-index:2;}

#bag {
position:absolute;
left:211px;
top:17px;
width:47px;
height:45px;
z-index:2;}

#bagdetails {
position:relative;
left:263px; 
top:33px;
/*width:84px;*/
width:104px;
height:31px;
z-index:2;
color: black;
font-family:arial,helvetica,sans-serif;
font-size:11px;}

#bottombar {
position:absolute;
left:0px;
top:0px;
width:770px;
height:15px;
z-index:7;
font-family:arial,helvetica,sans-serif;
font-size:14px;
color:#5a6397;
font-weight:bold;}

#flag {
position:relative;
top:4px;
z-index:7;}

/* classes for new cart_shipping_div */
#maindiv {
  position:absolute;
  top:75px;
  left:10px;
  height:40px;
  width:750px;
}
#custmessage {
  position:absolute;
  top:52px;
  left:10px;
  border-left:solid;
  border-right:solid;
  border-bottom:solid;
  border-width:1px;
  border-color:#003399;
  height:53px;
  width:750px;
}

#custmessage1 {
  position:relative;
  top:8px;
  left:0px;
  background-color:#ffffff;
  height:43px;
  width:747px;
}
#custmessage2 {
  position:relative;
  top:10px;
  left:10px;
  height:43px;
  width:725px;
}

#shippingmsg {
  position:relative;
  top:64px;
  left:10px;
  border-left:solid;
  border-right:solid;
  border-bottom:solid;
  border-width:1px;
  border-color:#003399;
  height:470px;
  width:750px;
}
#shippingmsg1 {
  position:relative;
  top:1px;
  left:0px;
  height:23px;
  width:748px;
  background-color:#fff86a;
}
#shippingmsg2 {
  position:relative;
  top:4px;
  left:2px;
  height:560px;
  width:743px;
  /*
  background-color:#e7f1fe;
  */
  background-color:#ffffff;
}

#shippingmsg3 {
  position:relative;
  top:4px;
  left:7px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #000000;
}

#shippingopt {
  position:relative;
  top:264px;
  left:10px;
  border-left:solid;
  border-right:solid;
  border-bottom:solid;
  border-width:1px;
  border-color:#003399;
  height:230px;
  width:750px;
}
#shippingopt1 {
  position:absolute;
  top:0px;
  left:0px;
  height:23px;
  width:747px;
  background-color:#fff86a;
}
#shippingopt2 {
  position:absolute;
  top:200px;
  left:2px;
  height:101px;
  width:743px;
  border-width:2px;
  background-color:#e7f1fe;
}
#shippingopt3 {
  position:relative;
  top:20px;
  left:85px;
  height:101px;
  width:740px;
}

#checkoutsteps {
  position:relative;
  top:10px;
  left:10px;
  border:solid;
  border-width:1px;
  border-color:#003399;
  height:40px;
  width:750px;
}

.checkout {
  background-color: #d3e3f7;
  margin-left: 2px;
  margin-top: 2px;
  border-width:0px;
  height:36px;
  width:743px;
}

#catalogform {
  position:relative;
  top:5px;
  left:2px;
  height:271px;
  width:743px;
  background-color:#e7f1fe;
}

#catalogform1 { 
  position:relative;
  height: 230px;
  width: 349px;
  border-top:solid;
  border-left:solid;
  border-right:solid;
  border-bottom:solid;
  border-width:2px;
  border-color:#d7d7d7;
  text-align: center; 
  float: left;
  margin-left: 10px;
  margin-top: 20px;
  background-color: #f4f9ff;
}
#catalogform2 { 
  position:relative;
  height: 45px;
  width: 344px;
  border-width:2px;
  background-color:#caefbc;
  text-align: center; 
  float: left;
  margin-left: 1px;
  margin-top: 1px;
}
#catalogform3 { 
  position:relative;
  top:650px;
  height: 150px;
  width: 344px;
  border-width:2px;
  margin-left: 40px;
  margin-top: -80px;
}
#catalogform4 { 
  position:relative;
  height: 90px;
  width: 344px;
  border-width:2px;
  margin-left: 0px;
  margin-top: 43px;
  border-color:red;
  border:solid;
}

#continue {
  position:relative;
  top:180px;
  left:10px;
  border-left:solid;
  border-right:solid;
  border-bottom:solid; 
  border-width:2px;
  border-color:#003399;
  height:40px;
  width:750px;
}
#continue1 {
  position:relative;
  top:2px;
  left:2px;
  height:35px;
  width:743px;
  background-color:#fff86a;
}
#continue2 {
  position:relative;
  top:8px;
  left:210px;
  float:left;
}
#continue3 {
  position:relative;
  top:8px;
  left:245px;
  float:left;
}

#specialcodes {
  position:relative;
  top:480px;
  left:10px;
  border-left:
  solid;border-right:solid; 
  border-bottom:solid; 
  border-width:2px; 
  border-color:#003399;
  height:300px;
  width:750px;
}

#specialcodes1 {
  position:relative;
  top:2px;
  left:2px;
  height:22px;
  width:743px;
  background-color:#fff86a;
}  

#couponform { 
  height: 230px;
  width: 349px;
  border-top:solid;
  border-right:solid;
  border-bottom:solid;
  border-width:2px;
  border-color:#d7d7d7;
  text-align: center; 
  float: left; 
  margin-left: 0px;
  margin-top: 20px;
  background-color: #f4f9ff;
}

#questions {
  position:relative;
  top:180px;
  left:10px; 
  border-left:solid;
  border-right:solid;
  border-bottom:solid;
  border-width:2px; 
  border-color:#003399;
  height:125px;
  width:750px;
}
#questions1 {
  position:relative;
  top:3px;
  left:2px; 
  height:48px;
  width:743px;
  background-color:#fef2d6;
}
#questions2 {
  position:relative;
  top:12px;
  left:230px;
}
#questions3 {
  position:relative;
  top:5px;
  left:2px;
  height:70px;
  width:743px;
  background-color:#fef2d6;
}
#questions4 {
  position:relative;
  top:12px;
  left:42px;
  float: left;
}
#questions5 {
  position:relative;
  top:15px;
  left:60px;
  float: left;
}
#indReq {
  position:relative;
  top:10px;
  left:10px;
  width:200px;
}
#billingShipping {
  position:absolute;
  top:16px;
  left:15px;
  width:467px; 
  height:49px;
}       
#shipdiv {
  position:absolute;
  top:22px;
  left:-2px;
  height:400px;
  width:350px;
  /*
  border-color:red;
  border-width:1px;
  border:solid;
  */
}
#ind {
  position:relative;
  top:50px;
  left:490px;
  height:20px;
  width:200px;
}
#fname {
  position:absolute;
  top:95px;
  left:27px;
  height:20px;
  width:175px;
}
#mi {
  position:absolute;
  top:25px;
  left:190px;
  height:20px;
  width:50px;
}
#lname {
  position:absolute;
  top:125px;
  left:45px;
  height:20px;
  width:200px;
}
#addr1 {
  position:absolute;
  top:151px;
  left:2px;
  height:20px;
  width:400px;
}
#addr2 {
  position:absolute;
  top:177px;
  left:35px;
  height:20px;
  width:350px;
}
#city {
  position:absolute;
  top:198px;
  left:70px;
  height:20px;
  width:150px;
}
#state {
  position:absolute;
  top:233px;
  left:65px;
  height:20px;
  width:300px;
}
#zip {
  position:absolute;
  top:269px;
  left:42px;
  height:20px;
  width:300px;
}
#phone {
  position:absolute;
  top:299px;
  left:53px;
  height:20px;
  width:300px;
}
#email1 {
  position:absolute;
  top:325px;
  left:59px;
  height:20px;
  width:300px;
  float:left; 
}
#email2 {
  position:absolute;
  top:351px;
  left:10px;
  height:20px;
  width:350px;
  float:left; 
}
#remember {
  position:relative;
  top:130px;
  left:2px;
  float:left; 
}
#samebill {
  position:relative;
  top:127px;
  left:2px;
  height:20px;
  width:300px;
  float:left; 
}

/* classes for new cart_billing_method */
#billmessage {
  position:absolute;
  top:52px;
  left:10px;
  border-left:solid;
  border-right:solid;
  border-bottom:solid;
  border-width:2px;
  border-color:#003399;
  height:35px;
  width:750px;
}
#billmessage1 {
  position:relative;
  top:2px;
  left:2px;
  background-color:#fef2d6;
  height:25px;
  width:743px;
}
#billmessage2 {
  position:relative;
  top:5px;
  left:10px;
  height:23px;
  width:725px;
}

.COline_2black {
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #000000;
  border-left-color: #000000;
}

.COline_3black {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: #000000;
  border-right-color: #000000;
  border-left-color: #000000;
}

.COline_4black {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-top-color: #000000;
  border-right-color: #000000;
  border-left-color: #000000;
  border-bottom-color: #000000;
}
.COline_1gray {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #BABABA;
}
.COline_3gray {
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-top-color: #BABABA;
  border-left-color: #BABABA;
  border-bottom-color: #BABABA;
}
.COline_4gray {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-top-color: #BABABA;
  border-right-color: #BABABA;
  border-left-color: #BABABA;
  border-bottom-color: #BABABA;
}
.COheading {    
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #000000;
}
.COmaintext {   
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.COsmalltext {  
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #000000;
}
.COmaintextred {    
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #CC3300;
}
.COasterisk {
  font-weight: bold;
  font-size: 18px;
  color: #CC3300;
}

/*	jep 07_23_09 - added from shoestore2.css file	*/
#prevItem {
position: absolute; 
left: 778px; 
top: -51px;
font-family:arial,helvetica,sans-serif;
font-size: 12px;
}

#leftmenu1 {
Position:relative;
top: -10px;
left: 0px;
width:153px;
margin-left: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 7px;
background-color:#ffffff;

height:245px;
}

#leftmenu2 {
top: 10px;
left: 0px;
margin-left: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 7px;
background-color:#ffffff;

width:153px;
height:235px;
}
.contPane{
   position:relative;
   /*height:700px;*/
   top:5px;
}
th.header{border:1px solid #9A9797;color:#000;white-space:nowrap;border-collapse:collapse;font-family:arial,helvetica,sans-serif;font-size:12px;background-color:#CADDFC;}

