*{margin:0; padding:0}

html{margin:0; padding:0}

body{ margin:0; padding:0; text-align:center; background: #FFF url(../images/bg.gif) repeat-x;font: normal 11px Geneva, Arial, sans-serif;}

#container{width:840px; height: 100%; text-align:left; padding:0; background-color: transparent; }

#top{width:100%; background:#000 url(../images/TopBar.jpg) center no-repeat; height:74px}

#emailzone {margin: 0 auto; width: 840px; }

#emailzone img {margin-top: 15px;float: right;border:none;}

#container-page{ margin:0 auto -5em; padding:0}
    
#wrapper{margin:0 auto; width:840px;}

#rightnav{margin-top:18px; width:194px; float:right}

#content{position:relative; float:left; margin-top: 5px; width:834px; height: 425px; border: 1px solid #9CA5B6; color: #919191;background-color: white; font-size:12px;}

#brands {position: relative; float: right;  padding: 7px 0 0 0; width:840px; background-color: transparent; color: #FFF;}

#navigation{width:836px; margin:0 auto; padding:0 2px 0 0;  }

#tabs { position:relative; float:right; top: 3px; margin-left:auto; margin-right:auto;}

#navigation img {padding-right: 2px;}

table {
width:836px;
background-color: transparent;
margin-left:2px;
}

table img {
padding-right:2px;
}

#heading {
margin-top: 70px;
padding-left: 33px;
}

body#home #content {
background-image: url(../images/homenew.jpg); 
background-repeat: no-repeat; 
background-position: 0% 0%;
height: 512px;
}

body#lady #content {
background-image: url(../images/ladies.jpg); 
background-repeat: no-repeat; 
background-position: 97% 100%;
}

body#schools #content {
background-image: url(../images/girl-school.jpg); 
background-repeat: no-repeat; 
background-position: 86% 50%;
}

body#gent #content {
background-image: url(../images/gents.jpg); 
background-repeat: no-repeat; 
background-position: 97% 100%;
}

body#children #content {
background-image: url(../images/childrens.jpg); 
background-repeat: no-repeat; 
background-position: 97% 65%;
}

body#fitting #content {
height: 770px;
background-image: url(../images/society.gif); 
background-repeat: no-repeat; 
background-position: 15px 15px;
}




body#portis #content {
background-image: url(../images/home.jpg); 
background-repeat: no-repeat; 
background-position: 0% 0%;
height: 512px;
}

#content p {
line-height: 1.4em;
margin-bottom:15px;
}

h1 {
font: normal 11px Geneva, Arial, sans-serif;
margin-left: 35px;
color: #0066FF;
font-weight: bold;
}

body#schools h1 {
margin-top: 18px;
margin-bottom: 7px;
margin-left: 34px;
}

body#portis h2 {
margin-left: 35px;
}

h2, h3 {
font: normal 11px Geneva, Arial, sans-serif;
color: #0066FF;
font-weight: bold;
}

a {
color: #0066FF;
text-decoration:none;
}

#mini-nav a {
font:  Verdana, Arial, sans-serif;
text-decoration:none;
font-size: 13px;
}

a.grey {

color: #919191;
}

a.grey:hover {
color: #0066FF;

}


a:hover {
text-decoration:underline;
}

#col1 {
float:left;
width:500px;
margin-right:20px;
margin-top:160px;
padding:0;
line-height:110%;
}

#col1 p {
margin-left: 35px;
}

#col1 p, #col2 p {
margin-top: 10px; 
}


#col2 {
float:left;
width:225px;
margin-top:250px;
margin-left: 35px;
padding:0;
}

body#lady #content p {
margin-left: 35px;
width:375px;
}

body#gent #content p {
margin-left: 35px;
width:325px;
}

body#schools #content p {
margin-left: 33px;
width: 430px;
}

body#children #content p {
margin-left: 33px;
width: 375px;
}

body#fitting #scontent {
margin-top: 23px;
margin-right:65px;
margin-left: 143px;

}

body#fitting #content ul li{
padding-bottom:12px;
margin-left:30px;
}

body#fitting #scontent h1 {
margin-bottom:10px;
margin-left:0;
}

#box {

font-size:11px;
margin-left:100px;
width: 608px;
height: 100px;
border-left:1px solid #767676;
border-right:1px solid #767676;
border-bottom:1px solid #767676;
background-color: #EDEDED;
color: #3366FF;
z-index:100;
padding-top: 15px;
padding-right:15px;
padding-left: 15px;
_position:absolute;
_margin-bottom: -100px;
}

#newsbox {
margin-top: 25px;
background-color: #AFD2FE;
padding: 5px;
color: white;
min-height: 75px;
height: auto;
height: 75px;
}

#newsbox h2 {
margin-bottom:-2px;
}

#newsbox p {
padding-left: 2px;
}

#fullwidth {
position:relative;
top: -20px;
color: white;
min-height: 40px;
max-height: 40px;
height: auto;
height: 40px;
z-index: 1000;
width:608px;
float:left;
background-color: #AFD2FE;
}

#fullwidth h2 {
color: white;
padding-top: 12px;
padding-left: 5px;
}

#marquee {
position:relative;
top: -13px;
left: 120px;
width: 470px;
}







/* --------- coded by: Clifton Web Design  --------- */