@import url("styles.css");
body{
background-image:url(images/bg_thearc.jpg);
background-repeat:repeat-x;
}
h1{  font-family: Helvetica, Arial, sans-serif; font-size: 17pt; font-weight: bold; color: #656534; padding-left: 0px;}
#wrapper{
margin: auto;
width: 980px;
}

#header{
width: 980px;
float: left;
height: 120px;
background-image: url(images/images/thearc_01.jpg);
}

#menu{
width: 980px;
float: left;
height: 40px;
background-image: url(images/images/thearc_02.jpg);

}
.menupadleft{
margin-left: 12px;
}

#headerimage{
width: 980px;
float: left;
height: 217px;
}

#headerimage .padding{
padding-left: 25px;
}

body.home #headerimage {
 background-image: url(images/header_home.jpg);
}

body.becomeagent #headerimage {
 background-image:url(../images/header_becomeagent.jpg);
}

body.hostparty #headerimage {
 background-image:url(../images/header_hostparty.jpg);
}

body.contact #headerimage {
 background-image:url(../images/header_contact.jpg);
}

body.login #headerimage {
 background-image:url(../images/header_login.jpg);
}

body.showmeshoes #headerimage {
 background-image:url(../images/header_showmeshoes.jpg);
}

body.starring #headerimage {
 background-image:url(../images/header_starringshoequeen.jpg);
}

body.everygirl #headerimage {
 background-image:url(../images/header_everygirl.jpg);
}

body.shoetodiefor #headerimage {
 background-image:url(../images/header_shoetodiefor.jpg);
}

#content{
width: 980px;
float: left;
height: auto;

}

#content .padding{
padding: 15px 20px 30px 30px;
}

#contentleft{
width: 575px;
float: left;
height: auto;

}

#contentright{
width: 405px;
float: left;
height: auto;

}

#contentright .padding{
padding: 17px 20px 30px 30px;
}

#footer{
width: 100%;
float: left;
height: 29px;
background-image:url(images/bgfooter_thearc.jpg);
margin: auto;
text-align:center;
}

#search{
float: right;
margin-top: 35px;
width: 200px;
height: 30px;
text-align: right;
font-family: Helvetica;
font-size: 16px;
color: #333333;
font-weight: bold;
margin-right: 20px;
}

/* checkout layers */

#roziCart_popup{
position: absolute;
top: 300px;
left: 450px;
width: 300px;
height: 230px;
background-color: #ffffff;
border: black 1px solid;
display:none;
z-index:1;
}
html>body #roziCart_popup{
position: absolute;
top: 300px;
left: 530px;
width: 300px;
height: 230px;
background-color: #ffffff;
border: black 1px solid;
display:none;
z-index:1;
}
#popup_dropshadow{
position: absolute;
top: 307px;
left: 457px;
width: 300px;
height: 230px;
background-color: #ffffff;
display:none;
background-image:url(images/dropshadow.jpg);
z-index:0;
}

html>body #popup_dropshadow{
position: absolute;
top: 308px;
left: 540px;
width: 300px;
height: 230px;
background-color: #ffffff;
display:none;
background-image:url(images/dropshadow.jpg);
z-index:0;
}
#popup_title{
position:absolute;
top: 5px;
left: 50px;
width: 200px;
height: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
background-color:#BAC2C9;
}
html>body #popup_title{
position:absolute;
top: 5px;
left: 50px;
width: 200px;
height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
background-color:#BAC2C9;
z-index: 99;
}

#popup_text{
position: absolute;
top: 30px;
left: 5px;
width: 290px;
height: auto;
background-color:#ffffff;
}
html>body #popup_text{
position: absolute;
top: 16px;
left: 5px;
width: 290px;
height: auto;
background-color:#ffffff;
z-index: 98;
}
html>body #popup_button{
position: absolute;
top: 205px;
left: 50px;
width: 200px;
height: 50px;
background-color:transparent;
z-index:100;
}

#popup_button{
position: absolute;
top: 200px;
left: 50px;
width: 200px;
height: auto;
background-color:transparent;
z-index:100;
}

.categorypadding{
padding-top: 30px;
padding-left: 10px;
}
html>body .nopad{
margin-top: 0px;
margin-bottom: 0px;
}
