/* 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: 18px;
    color: #000;
    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;
}
fieldset
{
    padding: 0;
    margin-bottom: 10px;
}
fieldset legend
{
    color: #000;
    font-size: 12px;
    font-weight: 600;
}
fieldset ul
{
    font-size: 14px;
    list-style: none;
    margin: 20px 50px 20px 50px;
    padding: 0;
}
fieldset li
{
    margin-bottom: 5px;
    padding-bottom: 5px;
}
fieldset label
{
    display: block;
}
fieldset p
{
    margin-bottom: 10px;
}
fieldset input.text, fieldset textarea, fieldset select
{
    width: 95%;
    border: 1px #CCC solid;
    color: #666;
    padding: 4px 5px;
    background-color: #F3F3F3;
}
fieldset input.text:hover, fieldset textarea:hover, fieldset select:hover
{
    border: 1px #999 solid;
}
fieldset input.text:focus, fieldset textarea:focus, fieldset select:focus
{
    border: 1px #999 solid;
    color: #666;
}
fieldset input.button
{
    margin-right: 8px;
    border: 1px #CCC solid;
    color: #666;
    padding: 4px 5px;
    background-color: #F3F3F3;
}
fieldset .dateControl
{
    margin-right: 5px;
    width: 100px;
}
* html fieldset input.text, * html fieldset textarea
{
    border-color: #533a18;
    color: #333;
}

/* styles for classes */
.adminLegend
{
    background: #FFF url('../Images/shop_legend.png') no-repeat top left;
    color: #ffffff;
    font-size: 25px;
    text-transform: uppercase;
    vertical-align: middle;
}
.adminLegend img
{
    margin-right: 10px;
    vertical-align: middle;
}
.competitionAdvert img
{
    border: none;
}
.blogMenu
{
    list-style: none;
    margin: 30px 0 0 15px;
    padding: 0;
}
.blogMenu li
{
    margin-bottom: 25px;
}
.blogMenu a
{
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: middle;
}
.blogMenu img
{
    border: none;
    margin-right: 20px;
    vertical-align: middle;
}
.winner
{
    border: solid 1px #ccc;
    margin: 10px 120px 20px 120px;
    padding: 10px;
}
.winner ul
{
    margin: 0;
    padding: 0;
}
.compatibilities
{
    list-style: none;
    margin: 5px 0 5px 0;
    padding: 0;
}
.compatibilities li
{
    margin-bottom: 5px;
}
.compatibilities a
{
    color: #cc0000;
}
.compatibilities a:hover
{
    color: #000;
    text-decoration: none;
}
.competitionEntry
{
    border: solid 1px #ccc;
    text-align: center;
    padding: 10px;
}
.competitionEntry ul
{
    text-align: left;
    list-style: none;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    width: 250px;
}
.competitionEntry a
{
    color: #cc0000;
    font-size: 12px;
}
.addresses
{
    border: solid 1px #666;
    margin-top: 10px;
}
.addresses ul
{
    font-size: 12px;
    list-style: none;
    margin: 5px;
    padding: 0;
}
.addresses li
{
    margin-bottom: 5px;
}
.addresses a
{
    color: #cc0000;
}
.addresses a:hover
{
    color: #000;
    text-decoration: none;
}
.addressHeading
{
    background: #CC9966;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    border-bottom: solid 1px #666;
    text-transform: uppercase;
    padding-left: 5px;
}
.contacts
{
    border: solid 1px #666;
    margin-top: 10px;
}
.contacts ul
{
    font-size: 12px;
    list-style: none;
    margin: 5px;
    padding: 0;
}
.contacts li
{
    margin-bottom: 5px;
}
.contacts a
{
    color: #cc0000;
}
.contacts a:hover
{
    color: #000;
    text-decoration: none;
}
.contactHeading
{
    background: #CC9966;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    border-bottom: solid 1px #666;
    text-transform: uppercase;
    padding-left: 5px;
}
.contact
{
    font-size: 12px; 
    margin-bottom: 10px;   
}
.contact a
{
    color: #cc0000;
}
.contact a:hover
{
    color: #000;
    text-decoration: none;
}
.checkout
{
    text-align: right;
}
.checkout input.text
{
    background-color: #F3F3F3;
    border: 1px #666 solid;
    color: #000;
    padding: 2px 3px;
    text-align: center;
    margin-bottom: 10px;
}
.checkout ul
{
    list-style: none;
    width: 220px;
}
.checkout li
{
    border-bottom: solid 1px #000;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;   
    margin-bottom: 5px;
}
.competition
{
    background: #FFF url('../Images/smallblock_register_big.png') no-repeat center top;
    margin: 0 auto;
    margin-top: 50px;
    width: 600px;
}
.competition .submit
{
    background: #CC9966;
    border: solid 1px #fff;
    padding: 5px;
    margin: 0 170px 0 170px;
    text-align: center;
}
.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: 5px;
}
.brands img
{
    border: none;
    vertical-align: middle;
}
.brands a
{
    margin-right: 30px;
    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.text
{
    background-color: #F3F3F3;
    border: 1px #666 solid;
    color: #000;
    padding: 2px 3px;
    text-align: center;
    width: 40px;
}
.tableProducts td input.button
{
    background-color: #F3F3F3;
    border: 1px #666 solid;
    color: #000;
    text-align: center;
    width: 40px;
}
.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;
}
.tableAdmin
{    
    border-collapse: collapse;
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.tableAdmin caption
{
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0 0 0 3px;    
    text-align: left;
}
.tableAdmin th, .tableAdmin td
{
    padding: 4px 7px !important;
    padding: 6px 10px;
    vertical-align: middle;
}
.tableAdmin td input
{
    background-color: #F3F3F3;
    border: 1px #666 solid;
    color: #000;
    text-align: center;
}
.tableAdmin td a
{
    color: #cc0000;
    text-decoration: underline;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
}
.tableAdmin td a:hover
{
    color: #000;
    text-decoration: none;
}
.tableAdmin thead
{
    border: 1px solid #CCC;
}
.tableAdmin thead th
{
    font-size: 0.9em;
    color: #cc0000;
    background: #EEE;
}
.tableAdmin tbody tr
{
    background: #fddddd;
    font-size: 0.8em;
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
}
.tableAdmin tbody tr.alt
{
    background: #fff;
    font-size: 0.8em;
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
}
.tableInvestor
{
    width: 100%;
    margin-bottom: 20px;
    font-size: 1em;
    border-collapse: collapse;
    border: solid 1px #ccc;
}
.tableInvestor caption
{
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0 0 0 3px;    
    text-align: left;
}
.tableInvestor th, .tableInvestor td
{
    border: solid 1px #ccc;
    text-align: left;
    padding: 4px 7px !important;
    padding: 6px 10px;
    vertical-align: top;
}
.tableInvestor td.mainCategory
{
    border: none;
    text-align: center;
}
.tableInvestor thead th
{
    border-bottom: solid 1px #ccc;
    font-size: 0.9em;
    color: #555;
    background: #EEE;
}
.tableInvestor thead th a
{
    color: #666;
    text-decoration: none;
}
.tableInvestor thead th a:hover
{
    color: #000;
    text-decoration: none;
}
.tableInvestor tbody tr
{
    font-size: 0.8em;
}
.tableInvestor .heading
{
    color: #cc0000;
    font-weight: bold;
    text-transform: uppercase;
}
.clear50 
{
	clear: both;
	padding: 15px 0;
	font-size: 0;
}
.clearer
{
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
}
.splash
{
    height: 125px;
}
.splash .screen1
{
    background: #FFF url('../Images/smalll_block.png') no-repeat top left;
    float: left;
    height: 120px;
    margin-right: 80px;
    width: 268px;
}
.splash .screen1 span.heading
{
    color: #fff;
    display: block;
    font-size: 28px;
    margin-left: 25px;
    margin-top: 10px;
    position: absolute;
}
.splash .screen1 .updateOptions
{
    margin-top: 50px;
    margin-left: 25px;
    position: absolute;
}
.splash .screen1 .updateOptions img
{
    border: solid 1px #fff;
}
.splash .screen1 .more
{
    color: #fff;
    font-size: 18px;
    margin-top: 75px;
    margin-left: 25px;
    position: absolute;
}
.splash .screen2
{
    float: left;
    margin-right: 80px;
    width: 260px;
}
.splash .screen2 img
{
    border: none;
}
.splash .screen3
{
    background: #FFF url('../Images/smalll_block.png') no-repeat top left;
    float: left;
    height: 120px;
    width: 268px;
}
.splash .screen3 span.heading
{
    color: #fff;
    display: block;
    font-size: 18px;
    margin-left: 25px;
    margin-top: 30px;
    position: absolute;
}
.splash .screen3 .shopNow
{
    background: #CC9966;
    border: solid 1px #fff;
    margin-top: 60px;
    margin-left: 60px;
    padding: 3px 20px 0 20px;
    position: absolute;
}
.splash .screen3 .shopNow 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: 5px;
    margin-top: 5px;
    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: 20px;
    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: 50px;
}
.left .shopLegend
{
    background: #FFF url('../Images/shop_legend.png') no-repeat top left;
    height: 115px;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: center;
    width: 250px;
}
.left .shopLegend img
{
    float: left;
    margin-right: 5px;
}
.left .shopLegend p
{
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
}
.left .shopLegend a
{
    display: block;
    color: #fff;
    font-size: 12px;
}
.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;
}

.bxheadings {
	font-family : Arial, Verdana, Helvetica;
	font-size : 11px;
	color : White;
	margin-left : 12px;
	font-weight : bold;
	padding-left : 5px;
}

.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;
    margin: 0;
    padding: 0;
}
.compatibleCategories li
{
    background: #FFF url('../Images/chat_bullet.png') no-repeat top left;
    padding: 10px 0 10px 40px;
}
.catalogueCategories
{
    list-style: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
}
.catalogueCategories li
{
    background: #FFF url('../Images/bullet.png') no-repeat top left;
    padding: 0 0 5px 30px;
    margin-bottom: 10px;
    margin-left: 5px;
}
.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;
}
.blogItem
{
    margin-top: 10px;
    margin-bottom: 20px;
}
.blogItem .blogFooter
{
    border-bottom: solid 1px #ccc;
    font-size: 10px;
    text-align: right;
}
.blogItem .blogFooter span.author
{
    background: #FFF url('../Images/figure.gif') no-repeat top left;
    margin-left: 10px;
    padding-left: 15px;
}
.blogItem .blogFooter span.comments
{
    background: #FFF url('../Images/speech_bubble.gif') no-repeat top left;
    margin-left: 10px;
    padding-left: 15px;
}
.reply
{
    background: #ececec;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
    padding: 3px;    
}
.reply ul
{
    list-style: none;
    margin-bottom: 5px;
    font-size: 11px; 
}
.reply a
{
    color: #cc0000;
}
.reply a:hover
{
    color: #000;
    text-decoration: none;
}
.reply p
{
    font-size: 11px; 
}

/* 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: 23px;
    text-transform: uppercase;
}
#header li a
{
    color: #CC0000;
    text-decoration: none;
}
#header li a:hover
{
    color: #666;
}
#content
{
    background: #FFF;
    padding: 15px;
}
#footer
{
    background: #FFF;
    padding: 60px 15px 15px 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;
}