/* CSS Document */
body {
    background-color: #660000;
}
#call_us{
    position:absolute;
    left:30px;
    top:150px;
    width:780px;
    height:61px;
}
.tabletext {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
}
#layout_panel{
    width:990px;
    position:relative;
    margin:0 auto;
    height: 1142px;
    top:-8px;
    padding-top: 2px;
}
#top_panel{
    position:absolute;
    left:0px;
    top:0px;
    width:990px;
    height:150px;
    background-image: url('http://www.supplysa.com/images/site/top_graphic.gif');
}
#banner_panel{
    position:absolute;
    left:416px;
    top:8px;
    width:356px;
    height:138px;
}
#buttonSearch_panel{
    position:absolute;
    left:0px;
    top:150px;
    width:780px;
    height:61px;
}
#button_panel{
    position:absolute;
    left:0px;
    top:0px;
    width:990px;
    height:26px;
    background-image: url('http://www.supplysa.com/images/site/button_graphic.gif');
}
#buttons_layer2{
    width:180px;
    height:23px;
    position:absolute;
    margin:0;
    left:792px;
    top:2px;
}
#buttons_layer{
    width:756px;
    height:17px;
    position:absolute;
    margin:0;
    left:142px;
    top:6px;
}
#buttons_layer li{
    float:left;
    color: #660000;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
#buttons_layer ul li a{
    padding:0 18px 0 20px;
    color:#660000;
    text-decoration:none;
}
#buttons_layer ul li a:hover{
    color:#000000;
}
#search_panel{
    position:absolute;
    left:0px;
    top:26px;
    width:990px;
    height:35px;
    background-image: url('http://www.supplysa.com/images/site/selection_graphic.gif');
}
#textInput{
    position:absolute;
    left:70px;
    top:7px;
    width:162px;
    height:19px;
}
#searchWording{
    position:absolute;
    left:28px;
    top:9px;
    width:40px;
    height:16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
}
.searchtextbox {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    float: left;
    height: 15px;
    width: 158px;
    border: 1px solid #999999;
}
#searchGo{
    position:absolute;
    left:233px;
    top:6px;
    width:20px;
    height:20px;
    background-image: url('http://www.supplysa.com/images/site/go1.gif');
}
.go {
    font-family: Arial;
    font-size: 8px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    background-repeat: no-repeat;
    margin: 0px;
    float: left;
    height: 20px;
    width: 20px;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.go:hover {
    font-family: Arial;
    font-size: 8px;
    font-weight: bold;
    color: #FFCC00;
    text-decoration: none;
    background-image:  url('http://www.supplysa.com/images/site/go1.gif');
    background-repeat: no-repeat;
    margin: 0px;
    float: left;
    height: 20px;
    width: 20px;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#menu{
    position:absolute;
    left:354px;
    top:5px;
    width:147px;
    height:30px;
}
.dropdown1 {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    float: left;
    height: 24px;
    width: 158px;
}
#menu2{
    position:absolute;
    left:290px;
    top:3px;
    width:157px;
    height:30px;
}
.dropdown2 {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    float: left;
    height: 24px;
    width: 158px;
}
#menu3{
    position:absolute;
    left:480px;
    top:3px;
    width:157px;
    height:30px;
}
.dropdown3 {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    float: left;
    height: 24px;
    width: 158px;
}
#side_panel{
	position:absolute;
	left:787px;
	top:216px;
	width:200px;
	height:891px;
	background-image: url('http://www.supplysa.com/images/site/side_bar_graphic.gif');
}

#side_panel_list{
    position:absolute;
    left:3px;
    top:216px;
    width:200px;
    height:891px;
    background-image: url('http://www.supplysa.com/images/site/side_bar_graphic.gif');
}
#call_us{
    position:absolute;
    left:133px;
    top:106px;
    width:240px;
    height:35px;
}
#int_callers{
    position:absolute;
    left:37px;
    top:37px;
    width:118px;
    height:22px;
    color:#000000;
    font:9px Verdana, Arial, Helvetica, sans-serif;
}

#top_header{
    position:absolute;
    left:5px;
    top:5px;
    width:190px;
    height:30px;
}
#int_callers a{
    color:#FFFFFF;
}
#int_callers a:hover{
    color:#000000;
}
#category_header1{
    position:absolute;
    left:5px;
    top:5px;
    width:185px;
    height:212px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#sidebutton_panel{
    position:absolute;
    left:5px;
    top:316px;
    width:190px;
    height:120px;
}
#sidebutton_panel ul{
    width:190px; 
    height:120px; 
    margin:0 0 0 0;
}
#sidebutton_panel ul li{
    width:190px; 
    height:20px; 
    background:url("http://www.supplysa.com/images/site/leatherbutton.gif") 0 0% no-repeat;
}
#sidebutton_panel ul li a{
    display:block; 
    height:20px; 
    color:#FF9900; 
    font:11px Verdana, Arial, Helvetica, sans-serif; 
    text-decoration:none; 
    padding:3px 0px 0px 15px;
} 
#sidebutton_panel ul li a:hover{
    background: url("http://www.supplysa.com/images/site/button_background_over.gif") 0 0% no-repeat; 
    text-decoration:none; 
    color:#FFFFFF; 
    padding:3px 0 0 15px;
}
#sidebutton_panel ul li.corporate_clothing{
    border:none;
}
#sidebutton_panel_2{
    position:absolute;
    left:5px;
    top:45px;
    width:190px;
    height:120px;
}
#sidebutton_panel_2 ul{
    width:190px; 
    height:120px; 
    margin:0 0 0 0;
}
#sidebutton_panel_2 ul li{
    width:190px; 
    height:20px; 
    background:url("http://www.supplysa.com/images/site/leatherbutton.gif") 0 0% no-repeat;
}
#sidebutton_panel_2 ul li a{
    display:block; 
    height:20px; 
    color:#FF9900; 
    font:11px Verdana, Arial, Helvetica, sans-serif; 
    text-decoration:none; 
    padding:3px 0px 0px 15px;
} 
#sidebutton_panel_2 ul li a:hover{
    background: url("http://www.supplysa.com/images/site/button_background_over.gif") 0 0% no-repeat; 
    text-decoration:none; 
    color:#FFFFFF; 
    padding:3px 0 0 15px;
}
#sidebutton_panel_2 ul li.corporate_clothing{
    border:none;
}
#category_header2{
	position:absolute;
	left:5px;
	top:224px;
	width:185px;
	height:212px;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}
#sidebutton_pane2{
    position:absolute;
    left:5px;
    top:258px;
    width:190px;
    height:120px;
}
#sidebutton_pane2 ul{
    width:190px; 
    height:120px; 
    margin:0 0 0 0;
}
#sidebutton_pane2 ul li{
    width:190px; 
    height:20px; 
    background:url("http://www.supplysa.com/images/site/leatherbutton.gif") 0 0% no-repeat;
}
#sidebutton_pane2 ul li a{
    display:block; 
    height:20px; 
    color:#FF9900; 
    font:11px Verdana, Arial, Helvetica, sans-serif; 
    text-decoration:none; 
    padding:3px 0px 0px 15px;
} 
#sidebutton_pane2 ul li a:hover{
    background: url("http://www.supplysa.com/images/site/button_background_over.gif") 0 0% no-repeat; 
    text-decoration:none; 
    color:#FFFFFF; 
    padding:3px 0 0 15px;
}
#sidebutton_pane2 ul li.corporate_clothing{
    border:none;
}
#category_header3{
	position:absolute;
	left:5px;
	top:443px;
	width:185px;
	height:212px;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}
#sidebutton_pane3{
    position:absolute;
    left:5px;
    top:456px;
    width:190px;
    height:120px;
}
#sidebutton_pane3 ul{
    width:190px; 
    height:120px; 
    margin:0 0 0 0;
}
#sidebutton_pane3 ul li{
    width:190px; 
    height:20px; 
    background:url("http://www.supplysa.com/images/site/leatherbutton.gif") 0 0% no-repeat;
}
#sidebutton_pane3 ul li a{
    display:block; 
    height:20px; 
    color:#FF9900; 
    font:11px Verdana, Arial, Helvetica, sans-serif; 
    text-decoration:none; 
    padding:3px 0px 0px 15px;
} 
#sidebutton_pane3 ul li a:hover{
    background: url("http://www.supplysa.com/images/site/button_background_over.gif") 0 0% no-repeat; 
    text-decoration:none; 
    color:#FFFFFF; 
    padding:3px 0 0 15px;
}
#sidebutton_pane3 ul li.corporate_clothing{
    border:none;
}
#category_header4{
	position:absolute;
	left:5px;
	top:662px;
	width:185px;
	height:212px;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}
#sidebutton_pane4{
    position:absolute;
    left:5px;
    top:654px;
    width:190px;
    height:120px;
}
#sidebutton_pane4 ul{
    width:190px; 
    height:120px; 
    margin:0 0 0 0;
}
#sidebutton_pane4 ul li{
    width:190px; 
    height:20px; 
    background:url("http://www.supplysa.com/images/site/leatherbutton.gif") 0 0% no-repeat;
}
#sidebutton_pane4 ul li a{
    display:block; 
    height:20px; 
    color:#FF9900; 
    font:11px Verdana, Arial, Helvetica, sans-serif; 
    text-decoration:none; 
    padding:3px 0px 0px 15px;
} 
#sidebutton_pane4 ul li a:hover{
    background: url("http://www.supplysa.com/images/site/button_background_over.gif") 0 0% no-repeat; 
    text-decoration:none; 
    color:#FFFFFF; 
    padding:3px 0 0 15px;
}
#sidebutton_pane4 ul li.corporate_clothing{
    border:none;
}




#banner2_panel{
    position:absolute;
    left:8px;
    top:204px;
    width:184px;
    height:240px;
    background-image:  url('http://www.supplysa.com/images/site/animated_gif2.gif');
    /* TODO: Get the graphics from Katlego */
}
#banner3_panel{
    position:absolute;
    left:8px;
    top:449px;
    width:184px;
    height:240px;
    background-image:  url('http://www.supplysa.com/images/site/animated_gif1.gif');
    /* TODO: Get the graphics from Katlego */
}
#wording_panel{
    position:absolute;
    left:210px;
    top:211px;
    width:566px;
    height:155px;
    background-image: url('http://www.supplysa.com/images/site/text_background.gif');
}
#wording{
    position:absolute;
    left:9px;
    top:21px;
    width:547px;
    height:133px;
    color:#FFFFFF; 
    font:  11px Verdana, Arial, Helvetica, sans-serif;
}
#wording a{
    color:#000000;
    text-decoration:none;
}
#wording a:hover{
    color:#000000;
    text-decoration:underline;
}
#centre_panel_categories_nobg{
    position:absolute;
    left:210px;
    top:220px;
    width:775px;
    color:#000000;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    /*margin:0 auto 0 auto;*/
}
#centre_panel{
    position:absolute;
    left:210px;
    top:373px;
    width:566px;
    height:732px;
}
#centre_panel_1{
    position:absolute;
    left:210px;
    top:373px;
    width:566px;
    height:732px;
    background-image: url('http://www.supplysa.com/images/site/africa.gif');
}
#block_panel1{
    position:absolute;
    left:0px;
    top:0px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel2{
    position:absolute;
    left:0px;
    top:252px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel3{
    position:absolute;
    left:0px;
    top:500px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel4{
    position:absolute;
    left:0px;
    top:549px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel5{
    position:absolute;
    left:190px;
    top:0px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel6{
    position:absolute;
    left:190px;
    top:252px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel7{
    position:absolute;
    left:190px;
    top:500px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel8{
    position:absolute;
    left:190px;
    top:549px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel9{
    position:absolute;
    left:380px;
    top:0px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel10{
    position:absolute;
    left:380px;
    top:252px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel11{
    position:absolute;
    left:380px;
    top:500px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#block_panel12{
    position:absolute;
    left:380px;
    top:549px;
    width:185px;
    height:226px;
    border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}
#top_part1{
    position:absolute;
    left:0px;
    top:0px;
    width:280px;
    height:247px;
}
#tag1{
    position:absolute;
    left:5px;
    top:40px;
    width:132px;
    height:95px;
}
#tag2{
    position:absolute;
    left:144px;
    top:40px;
    width:132px;
    height:95px;
}
#tag3{
    position:absolute;
    left:5px;
    top:144px;
    width:132px;
    height:95px;
}
#tag4{
    position:absolute;
    left:144px;
    top:144px;
    width:132px;
    height:95px;
}
#bottom_part1{
    position:absolute;
    left:0px;
    top:247px;
    width:280px;
    height:20px;
}
#top_part2{
    position:absolute;
    left:0px;
    top:0px;
    width:280px;
    height:247px;
}
#bottom_part2{
    position:absolute;
    left:0px;
    top:247px;
    width:280px;
    height:20px;
}
#top_part3{
    position:absolute;
    left:0px;
    top:0px;
    width:280px;
    height:247px;
}
#bottom_part3{
    position:absolute;
    left:0px;
    top:247px;
    width:280px;
    height:20px;
}
#top_part4{
    position:absolute;
    left:0px;
    top:0px;
    width:280px;
    height:247px;
}
#bottom_part4{
    position:absolute;
    left:0px;
    top:247px;
    width:280px;
    height:20px;
}
#footer a {
    color:#FFFFFF;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    height:15px;
    width : 100%;
}
#footer_panel{
    position:absolute;
    left:5px;
    top:1108px;
    width:990px;
    height:20px;
    color: #ffffff;
}
#footer_panel a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
}
#lists{
    list-style-type:none;
}
#list{
    padding:0px;
    margin:0px;
}
#clockpanel_1{
    position:absolute;
    left:607px;
    top:10px;
    width:360px;
    height:130px;
    background-image: url('http://www.supplysa.com/images/site/plate.gif');
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;
    border-style:solid;
    border-width:2px;
    border-color:#CCCCCC;
}
#clock_1{
    position:absolute;
    left:5px;
    top:5px;
    width:110px;
    height:110px;
}
#clock_2{
    position:absolute;
    left:125px;
    top:5px;
    width:110px;
    height:110px;
}
#clock_3{
    position:absolute;
    left:245px;
    top:5px;
    width:110px;
    height:110px;
}
#clockword_1{
    position:absolute;
    left:0px;
    top:115px;
    width:120px;
    height:10px;
}
#clockword_2{
    position:absolute;
    left:120px;
    top:115px;
    width:120px;
    height:10px;
}
#clockword_3{
    position:absolute;
    left:240px;
    top:115px;
    width:120px;
    height:10px;
}
#in_pic1{
    position:absolute;
    left:25px;
    top:10px;
    width:230px;
    height:151px;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
}
#in_pic2{
    position:absolute;
    left:25px;
    top:10px;
    width:230px;
    height:151px;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
}
#in_pic3{
    position:absolute;
    left:25px;
    top:10px;
    width:230px;
    height:151px;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
}
#in_pic4{
    position:absolute;
    left:25px;
    top:10px;
    width:230px;
    height:151px;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
}
#in_text1{
    position:absolute;
    left:280px;
    top:10px;
    width:263px;
    height:151px;
}
#in_text2{
    position:absolute;
    left:280px;
    top:10px;
    width:263px;
    height:151px;
}
#in_text3{
    position:absolute;
    left:280px;
    top:10px;
    width:263px;
    height:151px;
}
#in_text4{
    position:absolute;
    left:280px;
    top:10px;
    width:263px;
    height:151px;
}
#header_1{
    position:absolute;
    left:3px;
    top:5px;
    width:191px;
    height:18px;
}
#header_2{
    position:absolute;
    left:0px;
    top:0px;
    width:190px;
    height:40px;
}
#header_3{
    position:absolute;
    left:0px;
    top:0px;
    width:263px;
    height:30px;
}
#header_4{
    position:absolute;
    left:0px;
    top:0px;
    width:263px;
    height:30px;
}
#text_1{
    position:absolute;
    left:0px;
    top:16px;
    width:263px;
    height:106px;
}
#text_2{
    position:absolute;
    left:0px;
    top:19px;
    width:263px;
    height:131px;
}
#text_3{
    position:absolute;
    left:0px;
    top:19px;
    width:263px;
    height:131px;
}
#text_4{
    position:absolute;
    left:0px;
    top:30px;
    width:263px;
    height:126px;
}
#head_1{
    text-align: center;
    position:absolute;
    left:0px;
    top:0px;
    width:566px;
    height:40px;
}
#head_2{
    text-align: center;
    position:absolute;
    left:0px;
    top:0px;
    width:566px;
    height:40px;
}
#head_3{
    text-align: center;
    position:absolute;
    left:0px;
    top:0px;
    width:566px;
    height:40px;
}
#head_4{
    text-align: center;
    position:absolute;
    left:0px;
    top:0px;
    width:566px;
    height:40px;
}
#pic_1{
    position:absolute;
    left:25px;
    top:45px;
    width:220px;
    height:116px;
    border-style:solid;
    border-width:2px;
    border-color:#CCCCCC;
}
#pic_2{
    position:absolute;
    left:25px;
    top:45px;
    width:220px;
    height:116px;
    border-style:solid;
    border-width:2px;
    border-color:#CCCCCC;
}
#pic_3{
    position:absolute;
    left:25px;
    top:45px;
    width:220px;
    height:116px;
    border-style:solid;
    border-width:2px;
    border-color:#CCCCCC;
}
#pic_4{
    position:absolute;
    left:25px;
    top:45px;
    width:220px;
    height:116px;
    border-style:solid;
    border-width:2px;
    border-color:#CCCCCC;
}
#word_1{
    position:absolute;
    left:270px;
    top:45px;
    width:270px;
    height:121px;
}
#word_2{
    position:absolute;
    left:270px;
    top:45px;
    width:270px;
    height:121px;
}
#word_3{
    position:absolute;
    left:270px;
    top:45px;
    width:270px;
    height:121px;
}
#word_4{
    position:absolute;
    left:270px;
    top:45px;
    width:270px;
    height:121px;

}
#click_here1{
    position:absolute;
    left:0px;
    top:108px;
    width:263px;
    height:25px;

}
#buttons{
    list-style-type:none;
}
#button{
    padding:0px;
    margin:0px;
}
.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	color: #FFFFFF;
}
.style5 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.style5 a{
    color:#FFFFFF; 
    text-decoration:none;
}
.style5 a:hover{
    color:#FFCC00;
}
.style6 {
    color: #FF9900
}
.style7 {
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    font-size: 12px; 
    color: #FF9900; 
}
#menu_header_1{
    position:absolute;
    left:3px;
    top:5px;
    width:190px;
    height:60px;
}
#menu_header_2{
    position:absolute;
    left:3px;
    top:276px;
    width:190px;
    height:60px;
}