/* CSS Document */

body {
padding:0;
margin:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
color:#000000;
margin-top:10px;
}

p{
margin-top:5px;
margin-bottom:5px;
text-align:justify;
}

.small{
font-size:9px;
text-transform:uppercase;
text-align:left;
}

#container{
	width:750px;
	height:577px;
	padding:0;
	margin: 0 auto;
	text-align:left;
	bottom: auto;
}

#main{
width:750px;
height:483px;
}

#main2{
width:750px;
height:483px;
background:url(../images/stockist_bg.jpg);
}

#mainmap{
width:750px;
height:483px;
background:url(../images/stockist_bg.jpg);
}

#main_kzn{
width:750px;
height:483px;
background:url(../images/kzn_bg.jpg);
background-repeat:no-repeat;
}

#main_wcape{
width:750px;
height:483px;
background:url(../images/west_cape_bg.jpg);
background-repeat:no-repeat;
}

#main_ecape{
width:750px;
height:483px;
background:url(../images/eastcape_bg.jpg);
background-repeat:no-repeat;
}

#main_namibia{
width:750px;
height:483px;
background:url(../images/namibia_bg.jpg);
background-repeat:no-repeat;
}

#main_gauteng{
width:750px;
height:483px;
background:url(../images/gauteng_bg.jpg);
background-repeat:no-repeat;
}

#main_limpopo{
width:750px;
height:483px;
background:url(../images/limpopo_bg.jpg);
background-repeat:no-repeat;
}

#main_mpumalanga{
width:750px;
height:483px;
background:url(../images/mpumalanga_bg.jpg);
background-repeat:no-repeat;
}

#main_freestate{
width:750px;
height:483px;
background:url(../images/freestate_bg.jpg);
background-repeat:no-repeat;
}

#main_northwest{
width:750px;
height:483px;
background:url(../images/northwest_bg.jpg);
background-repeat:no-repeat;
}

#left{
width:100px;
height:483px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/back1.jpg);
background-repeat:no-repeat;
}

#middle{
width:370px;
height:483px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
}

#middle2{
width:370px;
height:483px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/jbs_bg3.jpg);
background-repeat:no-repeat;
background-color:#9ebdd4;
}

#middle3{
width:370px;
height:483px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/jbs_bg2.jpg);
background-repeat:no-repeat;
background-color:#9ebdd4;
}

#middle4{
width:642px;
height:483px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
}

#right{
	width:272px;
	height:483px;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
	background-image:url(../images/back4.jpg);
	background-repeat:no-repeat;
}

#right2{
	width:272px;
	height:483px;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
	background-image:url(../images/back3.jpg);
	background-repeat:no-repeat;
}
#right3{
	width:272px;
	height:483px;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
	background-image:url(../images/back2.jpg);
	background-repeat:no-repeat;
}

#junior{
	width:272px;
	height:483px;
	margin:0px;
	padding:0px;
	float:none;
	overflow:hidden;
	margin-top: 290px;
}


.clear{
clear:both;
}

#copy{
	width:220px;
	height:140px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	margin-top:-350px;
	line-height:16px;
	float: right;
	padding-right: 25px;
}

#copy2{
width:272px;
height:129px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
text-align:justify;
margin-top:-305px;
margin-left:144px;
font-weight:bold;
}

#copy4{
width:279px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
text-transform:uppercase;
margin-top:-375px;
z-index:2;
}

#copy5{
width:300px;
height:60px;
font-family:Arial, Helvetica, sans-serif;
color:#3B5971;
font-size:13px;
text-align:justify;
margin-top:50px;
margin-left:110px;
font-weight:bold;
}


#stocklistcopy1{
width:289px;
height:420px;
font-family:Arial, Helvetica, sans-serif;
color:#3B5971;
font-size:12px;
text-align:left;
margin-top:59px;
/*margin-left:110px;*/
overflow:auto;
}


div#left_items{
width:440px;
float:left;
overflow:hidden;
}

div#right_items{
width:290px;
float:right;
}

#stockist_map{
width:400px;
height:300px;
margin-top:20px;
margin-left:70px;
}

#stockist_map_backup{
width:350px;
height:200px;
margin-top:20px;
margin-left:70px;
float:left;
}

#middlecopy{
margin-left:80px;
margin-top:12px;
font-size:12px;
margin-right:16px;
text-align:justify;
}

#middlecopy a{
color:#87888a;
text-decoration:none;
}

#middlecopy2{
margin-left:80px;
margin-top:80px;
font-size:12px;
margin-right:16px;
text-align:justify;
}

#middlecopy3{
margin-left:80px;
margin-top:30px;
font-size:12px;
margin-right:16px;
text-align:justify;
}

#middlecopy4{
margin-left:80px;
margin-top:30px;
font-size:10px;
margin-right:16px;
text-align:justify;
}

#middlecopy2 a{
color:#87888a;
text-decoration:none;
}

#flash{
width:272px;
height:483px;
}

#menu{
	width:742px;
	height:27px;
	margin:0px;
	margin-top:14px;
	padding:0px;
	font-size:16px;
	color:#de745a;
	background-color:#FFFFFF;
	text-align:center;
	font-weight: normal;
}

.menulink{
padding-right:18px;
}

.menulink a{
color:#87888a;
background-color:#FFFFFF;
text-decoration:none;
}

#signup{
	width:742px;
	height:24px;
	margin:0px;
	padding:0px;
	padding-top:5px;
	font-size:14px;
	text-align:center;
	background-image: url(../images/sign_up.jpg);
}

form{
display:inline;
}

INPUT{
border:0px;
text-align:center;
}

#footer{
width:732px;
height:14px;
margin:0px;
padding:0px;
font-size:12px;
color:#cd0a20;
background-color:#FFFFFF;
text-transform:uppercase;
text-align:center;
padding:5px;
font-weight:bold;
}

#footer2{
	width:732px;
	height:14px;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#999999;
	background-color:#FFFFFF;
	text-align:center;
	padding:5px;
	text-decoration: none;
}


#spacer{
	height:243px;
}

.media_image{
	padding:10px;
}

.clear{
clear:both;
}

/*CSS ENTRIES FOR SWIMWEAR CATALOGUE*/

#catCol1{
width:14px;
height:483px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/cat1.jpg);
background-repeat:no-repeat;
}

#catLogo{
position: absolute;
width:70px;
height:240px;
top:37px;
margin:0px;
padding:0px;
float:left;
background-image:url(../images/catlogo.gif);
background-repeat:no-repeat;
z-index:20;
}

#cat2{
width:316px;
height:482px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
}

#catCol2Top{
width:316px;
height:27px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/cat2a.jpg);
background-repeat:no-repeat;
}

#catCol2Mid{
width:316px;
height:431px;
margin:0px;
padding:0px;
text-align:center;
float:left;
overflow:hidden;
z-index: 1;
}

#catCol2Bot{
width:316px;
height:24px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/cat2c.jpg);
background-repeat:no-repeat;
}

#catCol3{
width:14px;
height:482px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/cat3.jpg);
background-repeat:no-repeat;
}

#catCol4{
width:398px;
height:282px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-color: #9EBCD4;
}

#catCol4Top{
position:absolute;
width:384px;
height:27px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/cat4a.jpg);
background-repeat:no-repeat;
}

#catCol4Body{
	position:absolute;
	width:384px;
	height:306px;
	top: 38px;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
	background-color: #9EBCD4;
}

#catCol4Text{
position:absolute;
width:374px;
height:432px;
top: 37px;
margin:0px;
padding: 5px;
float:left;
overflow:hidden;
background-color: #9EBCD4;
}

#catCol4Bot{
	position:absolute;
	top: 468px;
	width:391px;
	height:24px;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
	background-image:url(../images/cat4c.jpg);
	background-repeat:no-repeat;
}

#catCol4Mid{
position: absolute;
width:384px;
height:14px;
top: 341px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/catwom4c.jpg);
background-repeat:no-repeat;
}

#cat4f{
width:384px;
height:24px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
background-image:url(../images/cat4c.jpg);
background-repeat:no-repeat;
}

#catCol4Right{
position:absolute;
width:14px;
height:483px;
top: 10px;
margin:0px;
padding:0px;
float:right;
margin-left: 384px;
overflow:hidden;
background-image:url(../images/cat5.jpg);
background-repeat:no-repeat;
}

.selected{ 
	color: #2C4A62;
}

.catParFont{
font-family:Arial, Helvetica, sans-serif;
color:#3B5971;
font-size:12px;
font-weight:bold;
}

.catParFontB{
font-family:Arial, Helvetica, sans-serif;
color:#3B5971;
font-size:14px;
}

.catHeadFont{
font-family:Arial, Helvetica, sans-serif;
color:#2E4455;
font-size:14px;
font-weight:bold;
}

.select{width:221px;}

.catHighlight{
font-family:Arial, Helvetica, sans-serif;
color:#2E4455;
font-size:12px;
font-weight:bold;
font-style:italic;
}

/*SCROLLING DIVS===========================================================================*/

#catScroll{
	position: absolute;
	width:398px;
	height:138px;
 	top: 354px;
 	margin:0px;
	padding:0px;
    float:left;
	overflow: hidden;
	z-index:17;
}

#images{
width: 398px;
height:138px;
overflow:hidden;
background-color:#26445c;
position:relative;
}