@media all {

    /* =The above @media rule hides this stylesheet from the
    discontinued Microsoft Internet Explorer for Mac. */

    /* =universals
    These rules are applied to all elements unless otherwise specified below. */
    * {
        margin : 0;
        padding : 0;
    }

    h1, h2, h3, blockquote, p, ul, ol  {
        margin : 0 10px;
        padding : .5em 0;
    }

    /* =html */
    html {
        background-color : #E7D0F1;
        color : #000;
    }

    /* =body */
    body {
        font : 76%/160% Tahoma, Verdana, Arial, sans-serif;
        text-align : center;
        height:100%;
    }

    /* =h1 */
    h1 {
        font-size : 120%;
        line-height: 2px;
    }

    /* =h2 */
    h2 {
        font-size : 110%;
    }

    /* =h3 */
    h3 {
        font-size : 105%;
    }

    /* =ul =ol */
    ul {
        list-style-type : disc;
        list-style-position : inside;
    }

    ol {
        list-style-position : inside;
    }

    /* =li */
    li {
        list-style-type : none; /* disc, circle, square, decimal, none  */
        margin : 0 20px;
        padding : 0;
    }

    /* =p */
    form p, blockquote p {
        margin : 0;
    }

    /* =a */
    a:link, a:visited {
        color : #003399;
        text-decoration : none;
    }

    a:hover, a:active {
        color : #0000CC;
        text-decoration : underline;
    }

    /* =form */
    .alert {
        color: #FF0000;
    }

    table.quote_table  {
        font-size: 14px;
    }

    table.quote_table td {
        vertical-align: top;
        padding-bottom: 10px;
    }

    #quote_heading {
        background-color: #FFCCFF;
        font-size: 10px;
    }

    #quote_heading h1 {
        font: 20px bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding-bottom: 8px;
    }

    /* =label/labelspan */
    label {
        margin-bottom : .5em;
        font-weight : bold;
    }

    label, label span {
        display : block;
        margin-bottom : .5em;
    }

    /* =input */
    input {
        /*width : 90%;*/
        padding : 1px;
        font : 100% Tahoma, Verdana, Arial, sans-serif;
    }

    input#submit {
        width : auto;
        padding : 0 .25em;
    }

    div#container {
        position : relative;
        width : 955px;
        margin : 0 auto;
        text-align : left;
        height:100%;
        background-color: #EBE7F5;
    }

    div#branding {
        z-index : 1;
        position : relative;
        width : 100%;
        height : 135px;
        background-color: #E7D0F1;
        background-image:url(../images/akat-transport-heading.jpg);
        background-repeat: repeat-x;
        background-position:left bottom;
        text-align: right;
    }

    div#branding-co {
        z-index : 1;
        position : relative;
        width : 100%;
        height : 135px;
        background-color: #E7D0F1;
        background-image:url(../images/akat-transport-heading-co.jpg);
        background-repeat: repeat-x;
        background-position:left bottom;
        text-align: right;
    }

    #topimage {
        padding:0px;
        vertical-align: bottom;
    }
    div#content {
        width : 100%;
        overflow : auto;
        height:100%;
        background-color: #B46BD3;
    }

    div#contentMain {
        float : right;
        width : 165px;
        background-color: #B46BD3;
        color: #B46BD3;
    }

    div#navCurrent {

    }

    div#contentSub {
        float : left;
        width : 790px;
        height : auto;
        background-color: #EBE7F5;
        overflow : auto;
        height:100%;
    }

    div#siteInfo {
        width : 100%;
        background-color: #B46BD3;
    }

    /* blue side menu white links _contentSub2.html*/
    a.linkMenu:link {
        color: #FFFFFF;
        text-decoration: none;
    }

    a.linkMenu:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    a.linkMenu:hover {
        color: #FFFF99;
        text-decoration: underline;
    }

    a.linkMenu:active {
        color: #FFFF99;
        text-decoration: underline;
    }

    .style1 {
        color: #FFFFFF
    }
    .style2 {font-weight: bold}
    .style3 {font-size: 11px}
    .style4 {	color: #000000;
            font-weight: bold;
    }
    .style3 {color: #000000}
    .style4 {font-size: 12px}
    .style5 {font-size: 14px}

    #fixSafariError	{
        clear: both;
    }

    #fixSafariError2 {
        clear: both;
        margin-left: 10px;
        padding-left: 10px;
    }

    #fixSafariError2 li {
        list-style-position:outside;
        list-style-type:decimal;
    }

    #table {
        clear: both;
    }

    /* image to replace text */
    h3#5thwheel { width: 165px; height : 88px; margin : 0; padding : 0; background : url(../images/menu-5thwheel.jpg) no-repeat; text-indent : -9999px; }
    h3#travel { width: 165px; height : 65px; margin : 0; padding : 0; background : url(../images/menu-travel.jpg) no-repeat; text-indent : -9999px; }
    h3#boat { width: 165px; height : 53px; margin : 0; padding : 0; background : url(../images/menu-boat.jpg) no-repeat; text-indent : -9999px; }
    h3#horse { width: 165px; height : 79px; margin : 0; padding : 0; background : url(../images/menu-horse.jpg) no-repeat; text-indent : -9999px; }
    h2#cargo { width: 165px; height : 18px; margin : 0; padding : 0; background : url(../images/menu-cargo.jpg) no-repeat; text-indent : -9999px; }

    /* for divs break to next line */
    .clearit {
        margin: 0;
        padding: 0;
        height: 0;
        clear: both;
    }

    /* BUBBLE PLASTIC HORIZONTAL MENU */

    .bubplastic.horizontal {
        width: 100%;
        height: 27px;
        margin: 0;
        padding: 0;
        background: #000000 url(../images/bg-bubplastic.gif) top left repeat-x;
    }

    .bubplastic.horizontal ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .bubplastic.horizontal ul li {
        float: left;
        margin: 0;
        padding: 0;
        background: transparent url(../images/bg-bubplastic-button.gif) top left no-repeat;
    }

    .bubplastic.horizontal ul li a {
        display: block;
        height: 27px;
        padding-left: 35px;
        float: left;
        font-family: arial,sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        text-decoration: none;
    }

    .bubplastic.horizontal ul li a span.menu_ar {
        display: block;
        float: left;
        height: 22px;
        padding-top: 5px;
        padding-right: 35px;
        background: transparent url(../images/bg-bubplastic-button.gif) top right no-repeat;
        cursor: pointer;
    }
    /* END BUBBLE PLASTIC HORIZONTAL MENU */

    /* PINK HOVER */
    .bubplastic.pink ul li a:hover,
    .bubplastic.pink ul li.highlight a {
        background: transparent url(../images/bg-bubplastic-h-pink.gif) top left no-repeat;
    }

    .bubplastic.pink ul li a:hover span.menu_ar,
    .bubplastic.pink ul li.highlight a span.menu_ar {
        background: transparent url(../images/bg-bubplastic-h-pink.gif) top right no-repeat;
    }
}

/*
.alert {
	color: #FF0000;
}

h1
	{
	font: 24pt verdana, arial;
	margin: 0;
	}

h2
	{
	font: 18pt verdana, arial;
	margin: 0;
	}

h3
	{
	font: 12pt verdana, arial;
	margin: 0;
	}
*/
/*
table.quote_table  {
	font-size: 14px;
}
		
table.quote_table td {
	vertical-align: top;
	padding-bottom: 10px;
}		
	
#quote_heading {
	background-color: #FFCCFF;
	font-size: 10px;
}
	
#quote_heading h1 {
	font: 20px bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
}		
	
*/


th a {
	color: #00008b;
	font: 8pt verdana, arial;
}

a {
	color: #00008b;
	text-decoration: none;
}

a:hover {
	color: #00008b;
	text-decoration: underline;
}

div.outer {
	width: 90%;
	margin: 15%;
}

table.viewmenu td
	{
	background-color: #006699;
	color: white;
	padding: 0 5%;
	}

table.viewmenu td.end
	{
	padding: 0;
	}

table.viewmenu a
	{
	color: white;
	font: 8pt verdana, arial;
	}

table.viewmenu a:hover
	{
	color: white;
	font: 8pt verdana, arial;
	}

a.tinylink
	{
	color: #00008b;
	font: 8pt verdana, arial;
	text-decoration: underline;
	}

a.link
	{
	color: #00008b;
	text-decoration: underline;
	}

div.buffer
	{
	padding-top: 7%;
	padding-bottom: 17%;
	}

.small
	{
	font: 8pt verdana, arial;
	}


	

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	font-weight:bold;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 0px solid #ffffff}

#sddm div a
{	position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #333333;
        color: #ffffff;
        font-weight:bold;
        font: 12px arial}

#sddm div a:hover
{	background: #e585c5;
        color: #FFF}
		
		
		
a:link {
	color: #d74fa9;
}
a:visited {
	color: #d74fa9;
}
a:hover {
	color: #d74fa9;
}
a:active {
	color: #d74fa9;
}

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:13px;
}
.footertext {
	font-family: Arial, Helvetica, sans-serif;
	color: #d74fa9;
	font-size:10px;
}	
		
		
