/*
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    text-align: left;
    margin:0;
}
*/
caption
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #ffffff;
    background-color: #178CFD;
    text-align: left;
}

.uber2
{
    border: 1px solid #000000;
    width: 990px;
    height: 550px;
    top: 0px;
    overflow: auto;
    background-image: url('http://motana.co.za/images/wall/p1_1024x768.jpg');
    margin-top: auto;
}
.noob
{
    border: 1px none #000000;
    width: 900px;
    height: 490px;
    top: 0px;
    overflow: auto;
    background-color: #FFFFFF;
}
#d_noob {filter: alpha(opacity=85); -moz-opacity: .85}
.h
{
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.uber
{
    border: none;
    width: 990px;    
    top: 0px;            
}
.top_bar
{
    top: 0px;
    width: 100%;
    height:25px;
    background-image: url('http://www.motana.co.za/images/layout/top_bar.jpg');
}
.bar
{
    top: 26px;
    width: 100%;
    height:76px;
    background-image: url('http://www.motana.co.za/images/layout/bar.jpg');

}
.white_font
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    vertical-align: middle;
}
.thumb_border_glow
{   
    width: 160px;
    height: 135px;
    overflow: hidden;
    float: left;
    margin: 0 15px 15px 0;
    background-image: url('http://www.motana.co.za/images/layout/thumb_glow.jpg');
    background-repeat: no-repeat;
}
.thumb_border_glow_dark
{
    width: 160px;
    height: 135px;
    overflow: hidden;
    float: left;
    margin: 0 15px 15px 0;
    background-image: url('http://www.motana.co.za/images/layout/thumb_glow_dark.jpg');
    background-repeat: no-repeat;
}
.thumb_border
{
    border: 0px solid #999999;
    width: 150px;
    height: 125px;
    overflow: hidden;
    float: left;
    margin: 5px 15px 15px 5px;
}
.thumb_image
{   
    width: 150px;
    height: 100px;
    overflow: hidden;
}
.thumb_caption
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    text-align: center;
    background-color: #808080;
    color: #FFFFFF;
}
.thumb_caption_group
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    text-align: center;
    background-color: #FCBA8D;
}
.thumb_panel_hi
{
    
    width: 152px;
    height: 127px;
    overflow: hidden;
    float: left;
    margin: 0 15px 15px 0;  
}
.tree_header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
}
.no_float
{    
    float: none;
}
.clear 
{
        clear: both;
} 
.breadcrum_group_font
{
    color: #f76606;
}
.high_light
{
    background-color: #f76606;
}
.item_viewer_frame
{
    width: 800px;
    height: 600px;
    background-image: url('http://www.motana.co.za/images/layout/item_viewer_glow.jpg');
    background-repeat: no-repeat;
    top: 15%;
    left: 20%;
    position: absolute;    
}
.item_viewer
{
    margin: 20px;    
    width: 760px;
    height: 560px; 
}
.item_gallery
{
    border-style: dotted none dotted none;
    border-width: 1px;
    border-color: #808080;
    margin: 0px;
    overflow: auto;
    width: 760px;
    height: 400px;
    text-align: center;
}
.prog_div
{
    border: 1px solid #333333;
    background-color: #CCCCCC;
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    text-align: center;
}
.textBox_Search
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    border: 1px solid #808080;
    width: 200px;
    color: #999999;
}
.Page_Header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #999999;
}

.User_Message
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
.Error
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #990000;
}

.div_pad
{
    padding: 4px 40px 7px 40px;
}




























@charset "utf-8";
/* CSS Document */

*
{
	padding:0;
	margin:0;
}

body   
{
    background: #6f6c6d;
    font-size: 12px;
    font-family: Calibri, Arial, Helvetica, Verdana, sans-serif;
    color: #000;
}

#container
{
    width: 940px;
    height: auto;
    margin: 0 auto;
}

#logo
{
    width: 345px;
    height: 75px;
    float: left;
}

#dealer-login
{
    width: 144px;
    height: 75px;
    float: right;
}

#clear
{
    clear: both;
    height: 0px;
}

/*NAVIGATION AND SEARCH*/
/*NAVIGATION*/

#nav-search
{
    background: url("../../images/nav-bg2.png");
    width: 940px;
    height: 78px;
}

#nav
{
    width: 684px;
    height: 58px;
    margin: 20px auto 0 auto;
    float: left;
    font-size: 20px;
}

#nav ul
{
    padding-left: 10px;
    list-style: none;
}

#nav li
{
    float: left;
    margin: 0 auto 0 0px;
    list-style: none;
}

#nav a
{
    color: #125eac;
    font-weight:700;
    display: block;
    padding: 10px 30px 22px 30px;
    text-decoration: none;
}

#nav a:hover
{
    color: #fff;
    background: #125eac;
    font-weight:700;
    display: block;
    padding: 10px 30px 22px 30px;
    text-decoration: none;
}

/*END*/
/*SEARCH*/

#search
{
    width: 256px;
    height: 58px;
    margin: 20px 0 0 0;
    float: right;
}

#search-box
{
    background: url("../../images/search-box.png" no-repeat);
    width: 158px;
    height: 38px;
    margin-left: 20px;
    float: left;
}

#search-button
{
    width: 38px;
    height: 38px;
    margin-right: 20px;
    float: right;
}

/*END*/
/*END*/

/*BANNER*/

#banner
{
    clear:both;
    background: url("../../images/banner-bg.png");
    width: 940px;
    height: 267px;
}

#banner h1
{
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    padding: 7px 40px 4px 40px;
}

#banner p
{
    font-size: 14px;
    color: #fff;
    padding: 4px 40px 7px 40px;
}

#banner-img
{
    margin-left: 40px;
}

/*END*/
/*TEXT CONTENT*/

#content
{
    width: 940px;
    height: auto;
    background: #fff;
}

#content h1
{
    color: #125eac;
    font-size: 25px;
    font-weight: 700;
    padding: 7px 40px 4px 40px;
}

#content h2
{
    color: #125eac;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 40px 4px 40px;
}

#content h3
{
    color: #6f6c6d;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 40px 0 40px;
}

#content p
{
    color: #000;
    padding: 4px 40px 7px 40px;
}

#content ul
{
    margin-left: 60px;
}

#content a
{
    color: #125eac;
    text-decoration: underline;
}

#content a:hover
{
    color: #125eac;
    text-decoration: underline;
}

#content hr
{
    color: #125eac;
    margin: 10px 0 10px 0;
}


/*END*/
/*FOOTER*/

#footer
{
    background: #363333;
    width: auto;
    height: 98px;
}

#footer-bar
{
    background: url("../../images/footer-bar.png") no-repeat;
    width: 865px;
    height:57px;
    margin: 41px auto 0px auto;
    color: #fff;
    text-align: center;
}

#footer-bar p
{
    padding-top: 10px;
}

#footer-bar a
{
    color: #fff;
    text-decoration: none;
}

#footer-bar a:hover
{
    color: #fff;
    text-decoration: underline;
}

/*END*/
/*CATALOGUE*/

#catalogue
{
    width: 940px;
    height: auto;
}

#cat-left
{
    width: 220px;
    height: auto;
    float: left;
    color: #000;
    border: 3px solid #125eac;
    padding: 4px 0px 10px 40px;
    margin-left: 3px;
}

#cat-left ul
{
    margin-left:10px;
}

#cat-right
{
    width: 630px;
    height: auto;
    float: right;
    border: 3px solid #125eac;
    padding: 4px 0 4px 10px;
    margin-right: 3px;
}

#cat-right h1
{
    color: #125eac;
    font-size: 25px;
    font-weight: 700;
    padding: 4px 0 4px 0;
}

                /*PRODUCT BLOCKS*/

                .product
                {
	                clear:both;
	                width:630px;
	                height: auto;
                }

                .productHolder
                {
	                float:left;
	                width:140px;
	                height: auto;
	                margin: 0;
                }

                .productContent
                {
	                background:#1c1c1c;
	                border:#666 thick solid;
	                width: 140px;
	                height:140px;
	                margin:0 30px 10px 0px;
                }

                /*END*/

/*END*/

/*APPLICATION LIST*/
                
.App-List
{
	clear:both;
	width:600px;
	height: auto;
	margin: 10px 40px;
}

.App-ListHolder
{
	float:left;
	width:140px;
	height: auto;
	margin: 0;
}

.App-ListContent
{
	width: 140px;
	height: auto;
	margin:0 30px 10px 0px;
}
                
                /*END*/