/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0px;
padding: 0px;
border: 0px;
}
body {
font: 100.01% Arial, Helvetica, sans-serif;
color: #333;
background-color: #444;
text-align: center;
}
#wrapper {
color: #333;
background-color: #FFF;
margin: 0px auto;
padding: 0px ;
border: 0px;
width: 740px;
text-align: left;
}
.clear {
clear: both;
}
.img_float_left {
float: left;
width: 250px;
}
.txt_float_right {
float: right;
width: 230px;
}


/* header and menu */
#header {
background-image: url(../images/ghawgood_header.png);
margin: 0px;
padding: 0px;
border: 0px;
height: 80px;
width: 740px;
}
#top_menu {
margin: 0px;
padding: 0px;
border: 0px;
text-align: left;
width: 740px;
}
#top_menu img {
margin: 0px;
padding: 0px;
border: 0px;
}
.black_bar {
height: 5px;
width: 740px;
margin: 0px;
padding: 0px;
border: 0px;
}

/*home product image */
#top_image1 {
margin: 0px;
padding: 0px;
border: 0px;
width: 740px;
}

/* main container */
#main_container {
background-image: url(../images/sidemenu_background.gif);
background-repeat: repeat-y;
color: #666;
background-color: #FFF;
margin: 0px;
padding: 0px;
border: 0px;
width: 740px;
}

/* right container */
#right_container {
color: #333;
background-color: #EEE;
margin: 0px;
padding: 10px 10px 10px 0px;
border: 0px;
width: 230px;
float: right;
}
/* side menu */
#right_container p {
font-size: 70%;
/*color: #333;*/
/*background-color: #EEE;*/
margin-bottom: 2px;
}
#right_container a:link {
color: #333;
text-decoration: underline;
}
#right_container a:hover, a:focus, a:visited {
color: #C00;
text-decoration: underline;
}
.menu_category {
margin-left: 20px;
font-weight: bold;
}
.menu_sub_category {
margin-left: 40px;
font-weight: bold;
}
.product {
margin-left: 60px;
}
.visited {
color: #C00;
font-weight: bold;
margin-left: 60px;
}

/* left container */
#left_container {
margin: 0px;
padding: 10px;
border: 0px;
width: 480px;
float: left;
}
#image_link {
margin: 0px;
padding: 0px;
border: 0px;
width: 480px;
text-align: center;
}
#left_container h1 {
font-size: 100%;
color: #C00;
background-color: #FFF;
}
#left_container h2 {
font-size: 75%;
color: #C00;
background-color: #FFF;
font-style: italic;
font-weight: bold;
}
#left_container ul {
font-size: 75%;
color: #333;
background-color: #FFF;
margin-left: 30px;
}
#text1 p {
font-size: 75%;
color: #333;
background-color: #FFF;
}
#text2 p {
font-size: 75%;
color: #333;
background-color: #FFF;
}
#text2 img {
margin: 0px;
padding: 0px;
border: 0px;
float: left;
}
#text3 p {
font-size: 75%;
color: #333;
background-color: #FFF;
}
#text4 p {
font-size: 75%;
color: #333;
background-color: #FFF;
}
#text5 p {
font-size: 75%;
color: #333;
background-color: #FFF;
}
#text6 p {
font-size: 75%;
color: #333;
background-color: #FFF;
}
#text7 p {
font-size: 75%;
color: #333;
background-color: #FFF;
}
#services p {
font-size: 75%;
color: #333;
background-color: #FFF;
}
.table_left {
color: #333;
background-color: #FFF;
width: 130px;
float: left;
text-align: left;
}
.table_left p {
padding-bottom: 5px;
padding-left:10px;
}
.table_right {
color: #333;
background-color: #FFF;
width: 340px;
float: right;
}
.table_right p {
padding-bottom: 5px;
}
#table_lightbar {
color: #333;
font-size: 75%;
border-collapse: collapse;
margin: 0px;
padding: 0px;
width: 480px;
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
}
#table_lightbar td {
border: 1px solid #333;
}
#table_lightbar th {
border: 1px solid #333;
}
.lightbar_description {
width: 290px;
}
.lightbar_galaxy {
width: 70px;
text-align: center;
vertical-align: middle;
}
.lightbar_galaxy_elite {
width: 80px;
text-align: center;
vertical-align: middle;
}



/* footer */
#footer_link {
font-size: 60%;
margin: 0px;
border: 0px;
height: 20px;
width: 740px;
color: #FFF;
background-image: url(../images/menu/footer_backgroung.png);
text-align: center;
vertical-align: middle;
padding: 0px;
}
#footer_link a:link, #footer_link a:visited {
color: #FFF;
text-decoration: none;
}
#footer_link a:hover, #footer_link a:focus {
color: #FFF;
text-decoration: underline;
}
#footer {
font-size: 60%;
margin: 0px;
padding: 5px;
border: 0px;
width: 730px;
color: #FFF;
background-color: #444;
text-align: center;
}
#footer p {
font-size: 60%;
}
#footer a:link, #footer a:visited {
color: #FFF;
text-decoration: none;
}
#footer a:hover, #footer a:focus {
color: #FFF;
text-decoration: underline;
}

/* menu page */

.small_images {
width: 100px;
float: left;
}
.short_descriptions {
margin-left: 10px;
width: 360px;
float: right;
}
.read_more {
color: #333;
background-color: #FFF;
margin-left: 10px;
width: 360px;
float: right;
text-align: right;
}
b {
color: #C00;
background-color: #FFF;

font-weight: bold;
}
#left_container a:link {
color: #333;
text-decoration: underline;
}
#left_container a:hover, a:focus, a:visited {
color: #C00;
text-decoration: underline;
}

/* side memu */

.menutitle{
cursor:pointer;
background-color:#EEE;
color:#333;
width:180px;
padding:0px;
text-align:left;
font-size: 70%;
font-weight:bold;
border:none;
margin: 0px 0px 5px 10px;
}

.submenu{
padding:5px;
font-size: 70%;
margin: 5px 0px 5px 20px;
}

/* News pages */
#news_list {
color: #333;
margin-left: 0px;
padding: 0px;
width: 480px;
}
.news_list_block {
color: #333;
margin-top: 20px;
margin-left: 0px;
padding: 10px;
border: #333 dotted 1px;
}
.news_list_block h2 {
color: #C00;
font-size: 85%;
margin: 0px;
padding-bottom: 30px;
}
.news_list_block a {
font-size: 75%;
}
.news_list_block p {
color: #333;
font-size: 75%;
padding: 0px;
}
.news_goto_details {
color: #333;
font-size: 75%;
text-align: right;
}
.article_block {
color: #333;
margin-top: 20px;
margin-left: 0px;
padding: 10px;
border: 0px;
}
.article_block h2 {
color: #C00;
margin: 0px;
padding-bottom: 30px;
}
.article_block a {
font-size: 75%;
}
.article_block p {
color: #333;
font-size: 75%;
padding: 0px;
}
.article_block img {
border: 0px;
margin: 0px 10px 10px 0px;
padding: 0px;
float: left;
}

/* Content Management */

#cm{
font-size: 90%;
color: #333;
background: #FFF;
}
#cm td{
font-size: 80%;
color: #333;
background: #FFF;
padding: 3px;
}
#cm th{
font-size: 80%;
color: #333;
background: #FFF;
}
#cm h2{
font-size: 90%;
}
#cm textarea {
font-size: 100%;
color: #333;
background: #FFF;
padding: 3px;
}
#cm form {
font-size: 100%;
color: #333;
background: #FFF;
padding: 3px;
}
#cm a {
font-size: 90%;
}
#error{
font-weight: bold;
color:#C00;
background: #FFF;
}
.hello{
font-size: 80%;
font-weight: bold;
float: right;
}