/* CSS Document */

body{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
background-color:#ffffff;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
}

img{
behavior:url('css/pngHack.htc');
}

#container{
width:898px;
margin:0px auto;
}

#container #top{
height:48px;
padding-left:10px;
padding-right:10px;
display:block;
overflow:hidden;
}

#container #top #left{
float:left;
display:block;
}

/*#container #top #left a{
display:block;
float:left;
margin-top:14px;
height:20px;
padding-left:15px;
padding-right:15px;
padding-top:10px;
color:#000000;
text-decoration:none;
}

#container #top #left .on{
background-color:#ee1c25;
color:#FFFFFF;
}*/

#container #top #right{
float:right;
display:block;
text-align:right;
padding-top:24px;
color:#aaaaaa;
}

#container #topBar{
height:160px;
background-image:url(../images/bg-topbar.jpg);
background-repeat:no-repeat;
display:block;
overflow:hidden;
}

#container #topBar #left{
float:left;
display:block;
}

#container #topBar #right{
float:right;
display:block;
}

#container #topBar #right #nav{
height:33px;
overflow:hidden;
}

#container #topBar #right #nav a{
display:block;
float:left;
height:23px;
padding-left:15px;
padding-right:15px;
padding-top:10px;
color:#FFFFFF;
text-decoration:none;
}

#container #topBar #right #nav .on{
background-color:#FFFFFF;
color:#000000;
}
#container #topBar #right .buy{
background-image:url(../images/buy-now-topbar.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
width:187px;
height:71px;
float:right;
}
#container #topBar #right .buy:hover{
background-position:0px -71px;
}

#container #titleBar{
background-image:url(../images/bg-titlebar.jpg);
background-repeat:no-repeat;
height:93px;
margin-top:5px;
display:block;
overflow:hidden;
position:relative;
}

#container #titleBar h1{
font-size:34px;
color:#ffffff;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
padding-top:30px;
padding-left:30px;
letter-spacing:-1px;
}

#container #titleBar img{
margin-top:25px;
margin-left:30px;
}

#container #content{
color:#000000;
padding:30px;
}

#container #content #left{
float:left;
width:300px;
}

#container #content #right{
float:right;
width:500px;
}


#container #content #mensleft{
float:left;
width:500px;
}

#container #content #mensright{
float:right;
width:300
}

#footer{
background-image:url(../images/home/bg-footer.jpg);
background-repeat:repeat-x;
background-color:#b0b0b0;
margin-top:10px;
height:127px;
color:#ffffff;
}

#footer #footerHolder{
margin:0px auto;
width:890px;
}


#footer #left{
background-image:url(../images/home/footer-left.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
height:117px;
width:390px;
display:block;
}



#footer #right{
float:right;
display:block;
}


.clear{
clear:both;
}

h2{
font-size:18px;
color:#CC0000;
font-weight:normal;
}

h1{
font-size:18px;
color:#ffffff;
font-weight:normal;
}

.red{
color:#CC0000;}


.orderBTN{
background-image:url(../images/trade/order-socks.png);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
width:140px;
height:36px;
}
.orderBTN:hover{
background-position:0px -36px;
}

.registerBTN{
background-image:url(../images/trade/register-now.png);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
width:140px;
height:36px;
}
.registerBTN:hover{
background-position:0px -36px;
}

.posBTN{
background-image:url(../images/trade/order-pos.png);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
width:140px;
height:36px;
}
.posBTN:hover{
background-position:0px -36px;
}

.campaignBTN{
background-image:url(../images/trade/view-campaign.png);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
width:140px;
height:36px;
}
.campaignBTN:hover{
background-position:0px -36px;
}

.catalogueBTN{
background-image:url(../images/trade/view-catalogue.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
width:140px;
height:36px;
}
.catalogueBTN:hover{
background-position:0px -36px;
}

.buyBTN{
background-image:url(../images/home/buyBTN.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
width:300px;
height:160px;
}
.buyBTN:hover{
background-position:0px -160px;
}


.ambassadorBTN{
background-image:url(../images/home/ambassadorBTN.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
width:300px;
height:160px;
}
.ambassadorBTN:hover{
background-position:0px -160px;
}

.stockBTN{
background-image:url(../images/home/stockBTN.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
width:288px;
height:160px;
}
.stockBTN:hover{
background-position:0px -160px;
}


.pressHolder{
background-image:url(../images/trade/bg-press.jpg);
background-repeat:no-repeat;
width:400px;
height:100px;
display:block;
overflow:hidden;
margin-top:1px;
}

.pressHolder .date{
float:left;
padding-top:25px;
padding-left:10px;
font-size:11px;
width:70px;
color:#000000;
}

.pressHolder .copy{
float:left;
padding-top:25px;
margin-left:5px;
width:200px;
color:#000000;
}

.pressHolder .copy .more{
font-size:10px;
}

.pressHolder img{
float:right;
padding:5px;
}