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

/*
---------------------------------------------
Customize Template Colors
---------------------------------------------
*/

#header { background:#002B95} /*Background color of header*/
#header a { color:#FFFFFF} /*Color of text in header*/
#content { background:#002B95} /*Background color of main content area*/
#nav { background:#ffffff} /*Background color of main menu*/
#nav ul li a { color:#FFFFFF} /*Color of text in main menu*/
#nav ul li { border-top:1px solid #ffffff} /*Color of separator lines in main menu*/
#footer { background:#002B95} /*Background color of footer*/
#footer p { color:#FFFFFF} /*Color of text in footer*/

/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li { margin:0;  padding:0;  text-align:left;}

img { border:0px solid #8F8F8F}
fieldset { border:none}

ul, li { list-style:none}
h1,h2,h3,h4,h5,h6 { font-family:arial, sans-serif;font-size:1.0em; font-weight:normal}

body {background-image:url('bg-img.jpg');background-repeat:repeat:no-repeat;padding:10px}

.nav {background:#000066; border:1px solid #ffffff;valign:middle; font-family:arial, verdana;font-size:14px;color:#ffffff;font-weight:normal;text-align:right;}

.nav a:link, .nav a:visited {display:block;width:100%;color:#ffffff;text-decoration:none;}

.nav a:hover {background:#000000;font-weight:normal;color:#ffffff;cursor:pointer}

.nav span {padding:12px 2px 12px 10px;display:block;height:100%;}

.nav2 {background:#efefef; border:1px solid #000000;valign:middle; font-family:arial, verdana;font-size:14px;color:#ffffff;font-weight:normal;text-align:right;}

.nav2 a:link, .nav a:visited {display:block;width:99%;color:#000000;text-decoration:none;}

.nav2 a:hover {background:#000000;font-weight:normal;color:#ffffff;cursor:pointer}

.nav2 span {padding:12px 2px 12px 10px;display:block;height:99%;}


.mlink {font-family:arial, verdana;font-size:16px;font-color:#ffffff;font-weight:normal}
.mlink a:link, .mlink a:visited {display:block;width:100%;color:#ffffff;font-decoration:none}
.mlink a:hover {font-weight:normal;color:#ffffff;font-decoration:none;cursor:pointer}
.mlink span {padding:0px;display:block}

a:link, a:visited {color:#3D73B7; text-decoration: underline}
a:hover {color:#3D73B7; text-decoration: none}

p { font-family:arial, sans-serif;font-size:14px; color:#161616; line-height:16px}

h1 { font-size:1.0625em; color:#000000; font-weight:bold; text-align:center}
h2 { font-size:1.125em; color:#2F393D; font-weight:bold; padding:10px 0 10px 0}

/*
---------------------------------------------
02. header
---------------------------------------------
*/

#header { width:90%; height:auto; float:left; padding:5px}
#header a { font-size:1.0625em; font-weight:bold; text-align:center; text-decoration:none} 

/*
---------------------------------------------
03. content
---------------------------------------------
*/

#content { font-family:arial, sans-serif;font-size:13px;width:95%; float:left; padding:5px}
#content p { padding:5px}
#content .error p { color:#FF0000}

/*
---------------------------------------------
04. nav
---------------------------------------------
*/

#nav { width:95%; float:left; padding:0 2.5% 0px 2.5%}

#nav ul { width:100%; float:left}
#nav ul li { width:95%; float:left; font-weight:bold; padding:0 2.5%}
#nav ul li a { width:100%; float:left; text-decoration:none; padding:18px 0 18px 0}
#nav ul li a span { float:left}
#nav ul li a .arrow { float:right; padding:4px 5px 4px 7px; margin-top:-4px; font-size:1.0em;} 

#nav ul li.one { border-top:none}
#nav ul li.top { border-top:none}
#nav ul li.top a { width:100%; float:left; text-decoration:none; padding:10px 0 10px 0}

/*
---------------------------------------------
05. footer
---------------------------------------------
*/

#footer { width:90%; height:auto; float:left; padding:5px}
#footer p { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; text-align:center}

/*
---------------------------------------------
06. innerpage contents
---------------------------------------------
*/

#content p span { font-weight:bold}

#content .form { width:100%; float:left; padding-top:20px; padding-bottom:20px}
#content .form ul li { width:100%; float:left; padding-bottom:20px}
#content .form label { width:100%; float:left; font-size:1.0em; color:#2F393D; font-weight:bold; padding-bottom:8px}
#content .form .input { width:93.8%; float:left; border:1px solid #666666; font-size:1.0em; color:#2F393D; padding:7px 3%}
#content .form .textarea { width:93.8%; height:8.75em; float:left; border:1px solid #666666; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#2F393D; padding:10px 3%}
#content .form .button { border: 2px solid #EEEEEE; background-color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.125em; color:#FFFFFF; padding:8px 25px 8px 25px; cursor: pointer}

#content .timings { width:105%; float:left; margin:0 -2.5%}
#content .timings ul { width:100%; float:left}
#content .timings ul li { width:95%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0625em; font-weight:normal; color:#2F393D; border-top:1px solid #BBBBBB; padding:12px 2.5%}
#content .timings ul li.menu { font-size:1.0em; color:#2F393D; border-top:none; padding:4px 2.5%}
#content .timings ul li span { width:65%; float:left}
#content .timings ul li .right { width:35%; text-align:right; font-weight:bold}

#content .offer { width:79.9%; float:left; background:#FCFFAD; border:1px solid #666666; text-align:center; padding:18px 10% 18px 10%}
#content .offer h3 { font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#2F393D; font-weight:bold; text-align:center; padding-bottom:10px}
#content .offer h4 {  font-size:1.0em; color:#2F393D; font-weight:bold; text-align:center; padding-bottom:8px}
#content .offer p { text-align:center}