@import url("styles.css");

#wrapper{
margin: auto;
width: 1200px;
}

#header{
width: 1200px;
float: left;
height: 136px;
}


#headerimage{
width: 1199px;
float: left;
height: 223px;
}

#menu{
width: 1199px;
float: left;
height: 37px;
}

#menu_pages{
width: 677px;
float: left;
height: 37px;
}

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

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

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

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

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

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

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

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

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

#content{
width: 1054px;
float: left;
height: auto;
* height: 405px;
min-height: 405px;
margin-left: 145px;
}

#content_pages{
width: 531px;
float: left;
height: auto;
* height: 405px;
min-height: 405px;
margin-left: 145px;
* margin-left: 70px;

}

#content_main{
width: 531px;
float: left;
height: auto;
* height: 405px;
min-height: 405px;
margin-left: 115px;
}

#content_main{
width: 531px;
float: left;
height: auto;
* height: 405px;
min-height: 405px;
margin-left: 115px;
* margin-left: 55px;
}

#wrapper_left{
float:left;
width: 677px;
}

#side_pages{
width: 522px;
float: left;
height: auto;
* height: 442px;
min-height: 442px;
}

#side_pages .padding{
padding-top: 170px;
padding-left: 60px;
}




body.consultancy #side_pages {
 background-image:url(../images/side_consultancy.jpg);
}


body.clientlist #side_pages {
 background-image:url(../images/side_clientlist.jpg);
}


body.webdevelopment #side_pages {
 background-image:url(../images/side_webdevelopment.jpg);
}

body.webservices #side_pages {
 background-image:url(../images/side_webservices.jpg);
}

body.designandprint #side_pages {
 background-image:url(../images/side_designandprint.jpg);
}

body.webproducts #side_pages {
 background-image:url(../images/side_webproducts.jpg);
}

#content .padding{
padding: 22px 20px 20px 40px;
}

#content_main .padding{
padding: 22px 20px 20px 40px;
}

#content_pages .padding{
padding: 40px 20px 20px 10px;
}

#padding_info{
padding-left: 745px;
}

#padding_info .padding{
padding-top: 40px;
}

#footer{
width: 752px;
float: left;
height: 96px
}

/*........Splash page...........*/

#header_splash{
width: 752px;
float: left;
height: 116px;
}

#content_splash{
width: 752px;
float: left;
height: auto;
* height: 438px;
min-height: 438px;
background-image:url(images/images/ShoeQueen_splash_04.jpg);
}

#content_splash .padding{
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}

#footer_splash{
width: 752px;
float: left;
height: 113px
}


/* 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;
}