/* styles for elements */
*
{
    margin: 0;
    padding: 0;
}
html, body
{
    height: 100%;
    font-family: 'arial' , 'verdana', 'lucida sans' , 'lucida sans unicode' , 'gill sans' , sans-serif;
}
body
{
    background: #CC9966;
}
h1
{
    color: #000;
    font-size: 32px;
    margin-bottom: 10px;
    padding: 0;
    text-transform: uppercase;    
}
h2
{
    font-size: 1.0em;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
h2 span
{
    margin-left: 10px;
    color: #AAA;
}
h3
{
    color: #cc0000;
    margin-top: 5px;
    font-size: 16px;
    text-transform: uppercase;
}
h3 a
{
    color: #cc0000;
}
h4
{
    color: #CC9966;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
}
p
{
    font-size: 14px;
    margin-bottom: 15px;
}
ul
{
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* styles for classes */
.competition
{
    background: #FFF url('../Images/smallblock_register_big.png') no-repeat center top;
    margin: 0 auto;
    margin-top: 50px;
    width: 600px;
}
.competition .userInput
{
    text-align: center;
}
.competition ul
{
    list-style: none;
}
.competition li
{
    margin-bottom: 20px;
}
.competition input.text
{
    background-color: #fff;
    border:1px #CCC solid;
    color:#000;
    padding: 4px 5px;
    width: 250px;
}
.competition .submit
{
    background: #CC9966;
    border: solid 1px #fff;
    padding: 5px;
    margin: 0 170px 0 170px;
    text-align: center;
}
.competition label
{
    display: block;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.financeInfo
{
    background: #CC9966;
    border: solid 1px #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}
.financeInfo .title
{
    color: #fff;
    font-size: 12px;
    float: left;
    padding-left: 5px;
    text-transform: uppercase;
    width: 170px;
}
.financeInfo .currencies
{
    background: #fff;
    margin-left: 172px;
}
.financeInfo .currencies span
{
    font-size: 12px;
    margin-right: 10px;
}
.brands
{
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px;
}
.brands img
{
    border: none;
    vertical-align: middle;
}
.brands a
{
    margin-right: 65px;
    vertical-align: middle;
}
.tableMain
{
    width: 100%;
    margin-bottom: 20px;
    font-size: 1em;
    border-collapse: collapse;
}
.tableMain caption
{
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0 0 0 3px;    
    text-align: left;
}
.tableMain th, .tableMain td
{
    border-right: solid 1px #ccc;
    text-align: left;
    padding: 4px 7px !important;
    padding: 6px 10px;
    vertical-align: top;
}
.tableMain td.mainCategory
{
    border: none;
    text-align: center;
}
.tableMain thead th
{
    border-bottom: solid 1px #ccc;
    font-size: 0.9em;
    color: #555;
    background: #EEE;
}
.tableMain thead th a
{
    color: #666;
    text-decoration: none;
}
.tableMain thead th a:hover
{
    color: #000;
    text-decoration: none;
}
.tableMain tbody tr
{
    font-size: 0.8em;
}
.tableProducts
{    
    border-collapse: collapse;
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.tableProducts caption
{
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0 0 0 3px;    
    text-align: left;
}
.tableProducts th, .tableProducts td
{
    padding: 4px 7px !important;
    padding: 6px 10px;
    vertical-align: middle;
}
.tableProducts td input
{
    background-color: #F3F3F3;
    border: 1px #666 solid;
    color: #000;
    padding: 4px 5px;
    text-align: center;
    width: 20px;
}
.tableProducts td a
{
    color: #cc0000;
    text-decoration: underline;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
}
.tableProducts td a:hover
{
    color: #000;
    text-decoration: none;
}
.tableProducts thead
{
    border: 1px solid #CCC;
}
.tableProducts thead th
{
    font-size: 0.9em;
    color: #cc0000;
    background: #EEE;
}
.tableProducts tbody tr
{
    background: #fddddd;
    font-size: 0.8em;
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
}
.tableProducts tbody tr.alt
{
    background: #fff;
    font-size: 0.8em;
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
}
.clear50 
{
	clear: both;
	padding: 25px 0;
	font-size: 0;
}
.clearer
{
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
}
.splashMain
{
    background: #FFF url('../Images/block_big.png') no-repeat top left;
    height: 232px;
    text-align: center;
    padding-top: 90px;
    width: 600px;
}
.splashMain span
{
    display: block;
    color: #fff;
    font-size: 38px;
    margin-bottom: 40px;
}
.splashMain .shopNow
{
    background: #CC9966;
    border: solid 1px #fff;
    padding: 5px;
    margin: 0 170px 0 170px;
}
.splashMain .shopNow img
{
    border:  none;
}
.splashRight
{
    float: right;
    width: 340px;
}
.splashRight .updates
{
    background: #FFF url('../Images/smalll_block.png') no-repeat top left;
    height: 127px;
    padding-top: 25px;
    padding-left: 12px;
    width: 340px;
}
.splashRight .updates span.heading
{
    color: #fff;
    display: block;
    font-size: 28px;
    margin-bottom: 10px;
}
.splashRight .updates .updateOptions img
{
    border: solid 1px #fff;
}
.splashRight .updates .more
{
    color: #fff;
    font-size: 18px;
    padding-left: 50px;
}
.splashRight .updates .goSee
{
    float: right;
    margin-right: 26px;
    margin-top: 15px;
    background: #CC9966;
    border: solid 1px #fff;
    padding: 3px 10px 3px 10px;
}
.splashRight .competition
{
    background: #FFF url('../Images/smallblock_register.png') no-repeat top left;
    height: 152px;
    margin-top: 10px;
    width: 340px;
}
.splashRight .competition img
{
    border: none;
}
.mainCategory
{
    background: #FFF url('../Images/main_categories.png') no-repeat center center;
    text-align: center;
}
.left
{
    float: left;
    width: 250px;
}
.left .legend
{
    background: #FFF url('../Images/legend.png') no-repeat top left;
    height: 115px;
    margin-bottom: 10px;
    text-align: center;
    width: 250px;
}
.right
{
    margin-left: 260px;
}
.subHeader
{
    background: #FFF url('../Images/heading_block.png') no-repeat top left;
    margin-bottom: 10px;
    padding-top: 35px;
    padding-bottom: 15px;
    text-align: center;
}
.subHeader .heading
{
    color: #fff;
    font-size: 2.0em;
    text-transform: uppercase;  
}
.subNav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.subNav li
{
    background: #CC9966;
    float: left;
    margin-right: 13px;
    padding: 5px 30px 2px 30px;    
}
.subNav img
{
    border: none;     
}
.subMenu
{
    background: #FFF url('../Images/sub_menu.png') no-repeat top left;
    margin-bottom: 10px;
    padding-top: 13px;
    padding-bottom: 20px;
}
.subMenu label
{
    color: #fff;
    font-weight: 600;
    margin-left: 10px;
    text-transform: uppercase;
}
.subMenu .subMenuContent
{
    margin-top: 10px;
    padding: 5px;
}
.subMenu .subMenuContent p
{
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}
.subMenu .subMenuContent img
{
    border: none;
}
.subMenu .subMenuContent input
{
    background-color: #fff;
    border: 1px #666 solid;
    color: #000;
    padding: 4px 5px;
    width: 200px;
}
.subMenu .subMenuContent select
{
    background-color: #fff;
    border: 1px #666 solid;
    color: #000;
    padding: 4px 5px;
    width: 240px;
}
.searchMenu
{
    background: #FFF url('../Images/search_menu.png') no-repeat top left;
    margin-bottom: 10px;
    padding-top: 13px;
    padding-bottom: 20px;
}
.searchMenu label
{
    color: #fff;
    font-weight: 600;
    margin-left: 10px;
    text-transform: uppercase;
}
.searchMenu .searchMenuContent
{
    margin-top: 10px;
    padding: 5px;
}
.searchMenu .searchMenuContent p
{
    margin: 0;
    margin-top: 10px;
    padding: 0;
}
.searchMenu .searchMenuContent img
{
    border: none;
}
.searchMenu .searchMenuContent input
{
    background-color: #fff;
    border: 1px #666 solid;
    color: #000;
    padding: 4px 5px;
    width: 200px;
}
.searchMenu .searchMenuContent select
{
    background-color: #fff;
    border: 1px #666 solid;
    color: #000;
    padding: 4px 5px;
    width: 240px;
}
.subMenuAlt
{
    background: #FFF url('../Images/sub_menu_alt.png') no-repeat top left;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.subMenuAlt label
{
    color: #fff;
    font-weight: 600;
    margin-left: 10px;
    text-transform: uppercase;
}
.subMenuAlt .subMenuAltContent
{
    margin-top: 30px;
    padding: 5px;
    text-align: center;
}
.subMenuAlt .subMenuAltContent p
{
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}
.subMenuAlt .subMenuAltContent img
{
    border: none;
}
.subMenuAlt .subMenuAltContent input
{
    background-color: #fff;
    border: 1px #666 solid;
    color: #000;
    padding: 4px 5px;
    width: 200px;
}
.subMenuAlt .subMenuAltContent select
{
    background-color: #fff;
    border: 1px #666 solid;
    color: #000;
    padding: 4px 5px;
    width: 240px;
}
.subMenuAlt .subMenuAltContent a
{
    display: block;
    margin-bottom: 60px;
}
.left .shopLegend
{
    background: #FFF url('../Images/shop_legend.png') no-repeat top left;
    height: 115px;
    margin-bottom: 10px;
    text-align: left;
    width: 250px;
}
.left .shopLegend img
{
    float: left;
    margin-right: 5px;
}
.left .shopLegend p
{
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
}
.pagingHeader
{
    border-bottom: solid 1px #666;
    font-size: 12px;
    margin-top: 10px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
.pagingHeader a
{
    color: #CC0000;
    float: right;
    margin-left: 10px;
    text-decoration: underline;
}
.pagingHeader a:hover
{
    color: #000;
    text-decoration: none;
}
.pagingFooter
{
    border-top: solid 1px #666;
    font-size: 12px;
    margin-bottom: 10px;
    padding-top: 2px;
    text-transform: uppercase;
}
.pagingFooter a
{
    color: #CC0000;
    float: right;
    margin-left: 10px;
    text-decoration: underline;
}
.pagingFooter a:hover
{
    color: #000;
    text-decoration: none;
}

.login
{
    background: #FFF url('../Images/block_big.png') no-repeat top left;
    height: 322px;
    margin: 0 auto;
    margin-top: 50px;
    width: 600px;
    padding-top: 35px;
    text-align: center;
}
.login .heading
{
    color: #fff;
    font-size: 2.0em;
    margin-bottom: 20px;
    text-transform: uppercase;  
}
.login ul
{
    list-style: none;
}
.login li
{
    margin-bottom: 10px;
}
.login li a
{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.login li a:hover
{
    color: #666;
    text-decoration: none;
}
.login input.text
{
    background-color: #fff;
    border:1px #CCC solid;
    color:#000;
    padding: 4px 5px;
    width: 250px;
}
.login .submit
{
    background: #CC9966;
    border: solid 1px #fff;
    padding: 5px;
    margin: 0 170px 10px 170px;
}
.login label
{
    display: block;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.joke
{
    margin-bottom: 10px;
    padding-right: 10px;
}
.funStuffCategories
{
    list-style: none;
}
.funStuffCategories li
{
    background: #FFF url('../Images/puzzle_bullet.png') no-repeat top left;
    padding: 10px 0 0 40px;
}
.funStuffCategories a
{
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #CC0000;
    text-decoration: none;
    text-transform: uppercase;
}
.funStuffCategories a:hover
{
    color: #000;
}
.compatibleCategories
{
    list-style: none;
}
.compatibleCategories li
{
    background: #FFF url('../Images/chat_bullet.png') no-repeat top left;
    padding: 10px 0 10px 40px;
}
.whatsNewCategories
{
    list-style: none;
}
.whatsNewCategories li
{
    background: #FFF url('../Images/speaker_bullet.png') no-repeat top left;
    padding: 10px 0 10px 40px;
}
.newsItem
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* styles for elementid's */
#container
{
    background: #CC9966;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 990px;
}
#header
{
    background: #FFF url('../Images/kolok_logo.png') no-repeat center left;
    padding: 60px 15px 15px 15px;
}
#header ul
{
    list-style: none;
    margin-left: 350px;
    padding: 0;
}
#header li
{
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin-right: 25px;
    text-transform: uppercase;
}
#header li a
{
    color: #CC0000;
    text-decoration: none;
}
#header li a:hover
{
    color: #666;
}
#content
{
    background: #FFF;
    padding: 15px;
}

/* styles for rounded corners */
b.rtop, b.rbottom
{
    display: block;
    background: #CC9966;
}
b.rtop b, b.rbottom b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #FFF;
}
b.r1
{
    margin: 0 5px;
}
b.r2
{
    margin: 0 3px;
}
b.r3
{
    margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4
{
    margin: 0 1px;
    height: 2px;
}

/*TO ADD STUFF */
.share_error
	{
		COLOR: RED;
		BACKGROUND-COLOR: WHITE;
	}
.shareprice_comment
	{
		FONT-SIZE: 10px;
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
		BACKGROUND-COLOR: white
	}
.shareprice_data
	{
		FONT-SIZE: 12px;
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
		BACKGROUND-COLOR: white
	}
.shareprice_key
	{
		BORDER-RIGHT: #ccc 1px solid;
		PADDING-RIGHT: 0px;
		BORDER-TOP: #ccc 1px solid;
		PADDING-LEFT: 0px;
		FONT-SIZE: 12px;
		PADDING-BOTTOM: 0px;
		BORDER-LEFT: #ccc 1px solid;
		PADDING-TOP: 0px;
		BORDER-BOTTOM: #ccc 1px solid;
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
		width: 100%
	}
.shareprice_image
	{
		cursor:default;
	}
.sharetime
	{
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
		BACKGROUND-COLOR: #fff;
		BORDER: #ccc 1px solid;
	}
.shareprice_info
	{
		COLOR: #000000;
		BORDER-RIGHT: #ccc 1px solid;
		PADDING-RIGHT: 0px;
		BORDER-TOP: #ccc 1px solid;
		PADDING-LEFT: 0px;
		FONT-SIZE: 12px;
		PADDING-BOTTOM: 0px;
		BORDER-LEFT: #ccc 1px solid;
		PADDING-TOP: 0px;
		BORDER-BOTTOM: #ccc 1px solid;
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
		BACKGROUND-COLOR: #ffffff;
	}
.shareprice_table
	{
		WIDTH: 100%;
		BORDER-RIGHT: #ccc 1px solid;
		PADDING-RIGHT: 0px;
		BORDER-TOP: #ccc 1px solid;
		PADDING-LEFT: 0px;
		FONT-SIZE: 12px;
		PADDING-BOTTOM: 0px;
		BORDER-LEFT: #ccc 1px solid;
		PADDING-TOP: 0px;
		BORDER-BOTTOM: #ccc 1px solid;
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif
	}
.shareprice_main_table
	{
		WIDTH: 100%;
		FONT-SIZE: 12px;
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
		BACKGROUND-COLOR: #ffffff;
	}
.shareprice_head
	{
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 2px;
		FONT-WEIGHT: bold;
		FONT-SIZE: 12px;
		COLOR: #cc0000;
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
		BACKGROUND-COLOR: #fff;
		BORDER: #ccc 1px solid;
	}
.shareprice_format
	{
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
		BACKGROUND-COLOR: #fff
	}
.share
	{
		BACKGROUND-COLOR: #fff;
	}
.news
	{
		BACKGROUND-COLOR: #fff;
	}
.shareprice_hr	
	{
		FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
		BACKGROUND-COLOR: #fff
	}
.priceshare_company_image
	{
    BACKGROUND-IMAGE: url(http://iis-host1.inet.co.za/intrahosted/kolok/logo200.jpg);
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 100px
	}
.bis_td_headers
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #cc0000;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
    BACKGROUND-COLOR: #ffffff;
    text-transform: uppercase;
    border: 1px solid #ccc;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
}	
.sharecompanyname
{
border: 1px solid #ccc;
}

.bis_table_bordered
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #ccc 1px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #ccc 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ccc 1px solid;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
    background-color: #fff;
}
.headline_link A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #cc0000;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
    TEXT-DECORATION: none
}
.headline_link A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
    TEXT-DECORATION: none
}
.headline_link A:active
{
    FONT-SIZE: 12px;
    COLOR: #cc0000;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif
}
.storyheadline
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    COLOR: #cc0000;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif
}
.headline
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #cc0000;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
    TEXT-DECORATION: none
}
.headline A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #cc0000;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
    TEXT-DECORATION: none
}
.headline A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #cc0000;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
    TEXT-DECORATION: none
}
.abstract
{
    FONT-SIZE: 12px;
    COLOR: black;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif
}
.byline
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif
}
.storybody
{
    PADDING-LEFT: 4px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 8px;
    VERTICAL-ALIGN: top;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
}
.storybyline
{
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
    TEXT-DECORATION: none;
    font-size: 11px;
}
.story
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;
    TEXT-DECORATION: none;
    background: #FFF;
}
.smallblack
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Tahoma, Verdana, MS Sans Serif;

}
.other
{
background-color: #ffffff;
}