html { height: 100%; width: 100%;}

body { width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0em; font-family: Verdana,Arial,Helvetica, sans-serif;  font-size: 13px; line-height: 15px; background: #000000;}

img { border: none; }

table, tr, td { vertical-align: top; font-size: 13px; line-height: 15px; }

a {color: #FFFFFF;}

#jumpRow { margin-top: 4em; }
#main { margin: 0px; padding: 0px; height: 626px; width: 69em; border-style:solid; border:none;}
#footer { height: 1em; margin-left:2px; padding: 0.5em; text-align: center; color:#999899; width:77.4em;}

/* Navigation */
#navigation { width: 250px; height:626px; padding-left: 0em; border: solid #19bdf3; border-width:1px; }
#navigation a { color:#fd7e01; text-decoration:none; font-size:13px; font-weight: bold;}
ul.categories { padding-left: 2em; list-style: square;  color:#fd7e01;}
ul.sub_categories { padding-left: 2em; list-style: square;  color:#fd7e01;}
ul.items { padding-left: 2em; list-style: square;  color:#fd7e01;}
.selected { color:#fdfa01;}
#navigation a:hover { color:#fdfa01;}


/* Page Content  */
#page { width: 1000px; height:626px; padding-left: 2em; vertical-aligh: top; background:#000000; border: none;}
#page h2 {color: #FFFFFF; margin-top: 1em;}
#page h3 {color: #8D0D19;}
#page img { border: none; }
#page a:hover {color: #fdfa01;}
#page a {text-decoration: none; color: #fd7e01; }

/* cms page Content  */
#cms_page { width: 1000px; height:626px; padding-left: 2em; vertical-aligh: top; background:#233844; border: none;}
#cms_page h2 {color: #FFFFFF; margin-top: 1em;}
#cms_page h3 {color: #FFFFFF;}
#cms_page img { border: none; }
#cms_page a:hover {color: #FFFF00; background: green;}
#cms_page a {text-decoration: none; color: #FFFFFF; }


* { margin: 0; padding: 0;}
p { word-wrap: break-word; }
.clear { clear: both; }
.clear:after { content: ""; display: block; height: 0; width: 100%; }
a:active { -moz-outline-style: none; outline: none; }
:focus { -moz-outline-style: none; }

#top-menu ul { list-style: none; padding: 0; margin: 0em;}
#top-menu li { float: left; margin: 0 0.35em;}

#top-menu li a
{
background: #000000 bottom left repeat-x;
font-size:14px;
height: 1.4em;
line-height: 1.2em;
float: left;
width: 6.9em;
display: block;
border: 0.14em solid #19bdf3;
font-weight: bold;
color: #fd7e01;
text-decoration: none;
text-align: center;
}

#top-menu li a:hover { color:#fcf902; border: 0.2em solid #FFFF00; background: #000000;}

/* Hide from IE5-Mac \*/
#nav-menu li a { float: none }

/* End hide */
#top-menu { width:100%; } 

#user_page_menu a
{background: #000000; height: 2em; border: 0.2em solid #000000; font-weight: bold; color: #fd7e01; text-align:center; text-decoration: none; }
#user_page_menu a:hover { color:#fdfa01; border: 0.2em solid #000000; background: #000000;}

#user_page_Help a {background: #000; border: 0.2em solid #000; border-bottom-width:thin; color: #fd7e01; text-align:center; text-decoration: none; position: relative; outline: none;}
#user_page_Help a:hover { color:#fdfa01; border: 0.2em solid #000; border-bottom-width:thin; text-decoration: none;}
#user_page_Help a span { display: none; }
#user_page_Help a:hover span {
display: block;
font-size: 8pt;
position: absolute;
margin-left:55em; margin-top:-7em;
border:1px solid #383a47;
background-color:white;
color: #383a47;
text-align: center;
padding: 1px 5px;
width: 130px; 
}

#reserve_Help a {text-decoration: underline; position: relative; outline: none; color:#fd7e01; font-weight:bold;}
#reserve_Help a:hover { color:#fdfa01; border: 0.2em solid #FFFF00; text-decoration: none;}
#reserve_Help a span { display: none; }
#reserve_Help a:hover span {
display: block;
font-size: 8pt;
position: absolute;
top:35px; left: -77px;
border:1px solid #383a47;
background-color:white;
color: #383a47;
text-align: center;
padding: 1px 5px;
width: 130px; }

#q1 a {text-decoration: underline; position: relative; outline: none; color:#48D1CC; font-weight:bold;}
#q1 a:hover { color:#FF0000; border: 0.0em solid #48D1CC; text-decoration: none;}
#q1 a span { display: none; }
#q1 a:hover span {
display: block;
font-size: 8pt;
position: absolute;
top:35px; left: -77px;
border:1px solid #383a47;
background-color:white;
color: #383a47;
text-align: center;
padding: 1px 5px;
width: 130px; }

#q2 a {text-decoration: underline; position: relative; outline: none; color:#fd7e01; font-weight:bold;}
#q2 a:hover { color:#fdfa01; border: 0.0em solid #48D1CC; text-decoration: none;}
#q2 a span { display: none; }
#q2 a:hover span {
display: block;
font-size: 8pt;
position: absolute;
top:35px; left: -77px;
border:1px solid #383a47;
background-color:white;
color: #383a47;
text-align: center;
padding: 1px 5px;
width: 130px; }

#tracking_no_help a {text-decoration: none; position: relative; outline: none; color:#fd7e01; font-weight:bold;}
#tracking_no_help a:hover { color:#fdfa01; text-decoration: none;}
#tracking_no_help a span { display: none; }
#tracking_no_help a:hover span {
display: block;
font-size: 8pt;
position: absolute;
top:-20px; left: -40px;
border:1px solid #383a47;
background-color:white;
color: #383a47;
text-align: center;
padding: 1px 5px;
width: 100px; }


/* #box is the main div of the shoutbox layout.
You can find the css code creating rounded corners for Mozilla
inside the minichat.php file.
You can remove the #box div completely from the shoutbox html code
if you wish to redesign the layout.
*/
#box {
position: absolute;
top:367px;
left: 676px;
height: 130px;
background-color: #eee;
z-index:94;
}



/* #chat div is nested inside the #box div and
containing all other divs of the shoutbox layout */
#chat {
position: absolute;
top: -5px;
width: 334px;
left: 7px;
height: 241px;

background-color: #000000;
z-index:95;
}



/* Messages area div */
#container {
position: absolute;
top: 0px;
right: 0px;
margin-right: 0px;
width: 100%;
height: 207px;
background-color: transparent;
overflow: hidden;

}

/* Scroll bar */
#scrollArea {
position: absolute;
right:-1px;
top: 0px;
height: 202px;
width: 17px;
overflow: hidden;
background-color: #dee0dc;
z-index:96;

}

/* Scroller */
#scroller {
position: absolute;
height: 20px;
border-style:solid;
border-width:thin;
background-color:#b5b5b5; 
margin-left:1px;
margin-top:1.5px;
}


/* Content div */
#content_inside {
position: relative;
padding-top:0px;
width: 324px;
left: background-color: #000000;
font: 10px Arial, Helevetica,san-serif;
}




/* Every message */
#content_inside .user {
width: 292px;
padding-bottom: 12px;
padding-left: 8px;
line-height:16px;
}



/* Name (without link) */
#content_inside .name {
color: #227be8;
font-size: 12px;
padding-right: 0px;
text-decoration: none;
}



/* Name (with link) */
#content_inside .link, #content_inside .link a, #content_inside .link a:link, #content_inside .link a:visited {
font-size: 12px;
padding-right: 0px;
color: #fd7e01;
text-decoration: none;
}

/* Name (with link) on mouse over */
#content_inside .link a:hover {
color: #fcf902;
text-decoration:none;
}

/* Date */
#content_inside .date {
font-size: 10px;
letter-spacing: 1px;
color: #7FFF00;
margin-right: 6px;
text-decoration: none;
cursor:pointer;
}


/* Message text */
#content_inside .text {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
color: #999899;
margin-left:10px;
}



/* Links catched in a message */

#content_inside .text a, #content_inside .text a:link, #content_inside .text a:visited {
color: #fd7e01;
text-decoration:underline;
}



/* Links catched in a message on mouse over */
#content_inside .text a:hover {
color: #fcf902;
text-decoration:underline;
}

/* Curly brackets around the links */
.blue a{
color:#e80dfc;
}

.blue a:hover{
color:#e80dfc;
}


/* Form div */
#form {
position: absolute;
top: 204px;
left: 0px;
width: 280px;
height: 41px;
background-color: #000;
solid #ccc;
}


/* Div containing the form fields */
#field_set {
position: absolute;
top: -1px;
left:3px;
width: 274px;
height: 38px;
background-color: inherit;
}



/* Name field */
input#name {
position:absolute;
width: 104px;
height:18px;
left: 0px;
top:0px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
letter-spacing: 1px;
border: none;
margin-top:0px;
}



/* Url field */
input#url {
position:absolute;
width: 104px;
height:18px;
left: 0px;
top:20px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
letter-spacing: 1px;
border: none;
}



/* Message field */#field_set 
textarea {
position:absolute;
height: 38px;
left: 106px;
width: 224px;
top:0px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
letter-spacing: 1px;
border: none;
overflow:hidden;
margin-top: 0px;
}



/*------ Start of the the shoutbox menu --------------------------------------*/

#chat_menu {
position: absolute;
top:235px;
left: 0px;
margin-top: 7px;
height: 20px;
width: 280px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ccc;
background-color: #eee;
}



/* Copyright link */
#wtag {
position: absolute;
top:0px;
left: 242px;
height:20px;
width: 60px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #000000;
text-align:center;
}

#wtag p {
margin-top:4px;
}

#wtag a, #wtag a:link, #wtag a:visited {
color: #666;
background-color: #7FFF00;
text-decoration:none;
}


/* Link to wTag web site on mouse over */
#wtag a:hover {
color: #00BFFF;
text-decoration:non;}

#refresh{
top:0px;
height:20px;
width: 105px;
background-color: #000000;
}

#refresh p {
margin-top:0px;
background-color:#000;
color:#000;
}

/* Smileys panel */
#emo {
position: absolute;
top:0px;
left: 106px;
height:20px;
width: 74px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:#000000;
text-align:center;
cursor:pointer;
padding:0px;
}

#emo ul {
list-style-type:none;
margin-top:4px;
color:#fd7e01; font-weight:bold; 
text-decoration:none;
background-color:#000000;
margin-left:0px;
padding:0px;
}

#emo li:hover,  
#emo li.over {
color: #fcf902;
background-color:#000;
cursor:pointer;
padding-bottom:4px;
}

#emo li ul {
display: none;
cursor:default;
list-style-type:none; 1px solid #fff;
}


#emo li:hover ul {
position:absolute;
right:-1px;
display:block;
top:15px;
width:462px;
height:25px;
background-color:#8B8989;
border: 1px solid #ccc;
cursor:default;
list-style-type:none;
padding-left:8px;
z-index:97;
}
 

#emo li:hover ul li, #emo li.over ul li{
display: inline;
cursor:default;
margin-right:9px;}

/* Position smiley images */
.smileys {margin-top:3px;}

/* Submit button */
#submit {
position: absolute;
top:0px;
left:181px;
height:20px;
width: 60px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: #000000;
text-align:center;
cursor:pointer;
}

#submit p {
margin-top:4px;
color: #fd7e01; font-weight:bold; 
text-decoration:none;
background-color: #000000;
}


/* Submit button on mouse over */
#submit p:hover {
color: #fcf902;
background-color: #000;
cursor:pointer;
}




/*------ The CSS below this comment is for Opera only ------------------------*/

html:first-child #box {
width: 294px;
height: 240px;
background-color: transparent;
background-image: url('../img/rounded.gif');
}

html:first-child textarea {
left: 108px;
width: 164px;
height: 36px;
}

html:first-child #emo li:hover>ul {
display:block;
width:210px;
padding-left:0px;
}

html:first-child #emo li:hover>ul li {
margin-right:10px;
}


html:first-child li>.smileys {
margin-top:10px;   
}


r>ul li {
margin-right:10px;
}


html:first-child li>.smileys {
margin-top:10px;   
}