/*   Design:   247Highway .com       */

/*************** CORE setup ****************/
*{padding:0; margin:0;}
html {margin:0; padding:0;}
body {font-size:62.5%; font-family:verdana,arial,sans-serif; background-color:#ffffff;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
b {font-weight:bold;color:#333;}
hr {color:#ccc;margin-bottom:.5em;}
ul{list-style-type: disc; }

/* STRUCTURE SETUP */
.page-container {width:1024px;margin:0px auto; margin-top:25px; margin-bottom:5px; padding: 0 0 0 0px; border:none;  font-size:1.0em;background-color:rgb(255,255,255);outline:0px solid #333;}
.main {background-color:#fff; width:1024px; margin:0px 0 0 0px; padding-top:0px; padding-bottom:0px; border:none; outline:0px solid #f00;}
#header   {width:1024px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#ffffff; color:#ccc; overflow:hidden !important /*Firefox*/; overflow:hidden /*IE6*/;outline:0x solid #f00;}
#header2 {width:1024px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:transparent;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;border:none;}
.main-content { width:1024px;margin:3em 0 0 0px; background-color:#fff; display:inline; /*Fix IE floating margin bug*/; float:left;overflow:visible !important /*!IE6*/; overflow:hidden /*IE6*/;background: #fff;}
#footer {clear:both; float:left; width:1024px;margin:0px; padding:0px; margin-bottom:10px;border: none; background: #ffffff;overflow:hidden !important /*!IE6*/; overflow:hidden /*IE6*/;}

/* MAIN CONTENT STRUCTURE ***/
.column1-unit {float:left; width:640px; margin:0px 0px 0px 0px;}

.column3-unit-left {float:left; width:300px; margin:0 0 0px 0px !important /*Non-IE6*/; margin:0 0 0px 0px /*IE6*/;}
.column3-unit-middle {float:left;  width:300px; margin:0 0 0px 40px !important /*Non-IE6*/; margin:0 0 0px 40px /*IE6*/;}
.column3-unit-right {float:right; width:294px; margin:0 0px 0px 0px !important /*Non-IE6*/; margin:0 10px 0px 0px /*IE6*/;}

div#right-sidebar {float:right; width:294px; margin:0 0px 10px 0px !important /*Non-IE6*/; margin:0 0px 10px 0px /*IE6*/;}

/* MAIN CONTENT MIDDLE COLUMN ******************************************************************/
#header2 h2.topright {float:left; text-align:right; width:400px; margin:45px 0px 1em 0; padding:2px 2px 2px 2px; outline:0px solid #f00; background-color:transparent; color:#9D2452; font-weight:bold; text-variant:small-caps;text-transform:uppercase;font-size:140%;text-decoration:none;}
#header2 p.right {float:right; text-align:right; width:450px; margin:30px 0px 1em 0; padding:2px 2px 2px 2px; outline:0px solid #f00; color:rgb(0,116,187);font-weight:bold;font-size:140%;line-height:1.6em;}
#header2 img{clear:none; float:left;padding:0px 0 15px 0px;margin:-0px 0px  0px 0px;border:none;text-align:left;position:relative;}

.main-content h1 {margin:0em 0 0 0; padding:8px 0 4px 0px; color:rgb(0,116,187); font-weight:bold; font-style:italic; font-size:180%;}
.main-content h1.blue {clear:both; margin:2em 0 0em 0; padding:8px 0 4px 4px; background:transparent;color:rgb(0,116,187); font-weight:bold; font-style:italic; border-top:solid 2px #ec343a;border-bottom:solid 2px  #ec343a;  font-size:150%;}
.main-content h1.red {clear:both; margin:2em 0 0em 0; padding:8px 0 4px 4px; background:transparent;color:rgb(255,0,0); font-weight:bold; font-style:italic; border-top:solid 2px rgb(0,116,187); border-bottom:solid 2px rgb(0,116,187); font-size:150%;}

.main-content h2 {margin: 1em 0 0.3em 0; padding:0px; color:rgb(0,116,187); font-weight:bold; font-size:140%;text-decoration:underline;}
.main-content h3 {margin: 1em 0 0.5em 0; color:rgb(0,3,119); font-weight:bold; text-decoration:none;font-size:110%;display:block;background-color:#ddd;padding:3px;}

.main-content p {color:#333;margin:1.2em 0 0em 0; line-height:1.4em; font-weight: normal; font-size:140%;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.main-content p.intro {line-height:1.5em; color:rgb(0,116,187); font-weight:bold;font-style:italic; font-size:150%;font-style:italic;}
.main-content p.toppage {text-align:right; font-weight:normal; font-style:italic; font-size:110%;margin-bottom:5px;}
.main-content p.center {text-align:center;}
.main-content p.side {clear:none;}
.main-content p.pullquote {margin:30px 50px 30px 50px; padding:10px 10px 10px 10px; background:#FDE7E9; border:0px solid #002285; color:#F00; font-variant:normal;font-weight:bold; font-size:140%; text-align:center;}

.main-content table {width:675px; margin:.0em 0 .0em 0px; table-layout: auto; empty-cells:show; background-color: transparent;}
.main-content table th.top {height:2em; padding:5px; empty-cells:show; text-align:center; font-weight:bold; font-size:130%;}
.main-content table th {height:2em; padding:5px; border:solid 1px rgb(255,255,255); text-align:center; color:rgb(0,34,133); font-weight:bold; font-size:130%;}
.main-content table td {height:2em; padding:5px; border: solid 1px rgb(180,180,180); text-align:left; font-weight:normal; color:#333; font-size:130%;}

.main-content table.noborder {width:675px; margin:.5em 0 .5em 0px; table-layout: auto; empty-cells:show; background-color: transparent;border:0px;}
.main-content table.noborder td {height:2em; padding:5px; border: solid 0px rgb(177,140,132); text-align:left; font-weight:normal;}

.main-content ol {color:#333;margin:0em;}
.main-content ol li {line-height:1.3em; color:#333; list-style-position:outside; padding:1em 0 0em 0px; margin:0 0 0 18px;}
.main-content ol#single li {line-height:.8em; color:#333; list-style-position:outside; padding:0 0 0 0px; margin:0 0 0em 18px;}

.main-content ul {color:#000;margin:0em;list-style-image:url(../images/bullet-triangle-small.jpg);}
.main-content ul li {line-height:1.4em; color:#000; list-style-position:outside; padding:1em 0 0em 0px; margin:0 0 0 20px; font-size:140%;}
.main-content ul#single li {line-height:1.3em; color:#000; list-style-position:outside; padding:0 0 0 0px; margin:0 0 0em 8px;}

/* MAIN SUBCONTENT RIGHT HAND COLUMN *******************************/
#right-sidebar #blueblock, #redblock, #blueblock-contact, #redblock-destinations{margin:20px 0 0px 0px;padding-bottom:15px;border-right:solid 2px #858484;border-bottom:solid 3px #858484;}
#right-sidebar #blueblock{background-color:rgb(0,116,187);background-image:url(../images/convoy-triangle-large-red.png);background-repeat:no-repeat;background-position:top left;}
#right-sidebar #blueblock-contact{background-color:rgb(0,116,187);background-image:url(../images/contact-phone.jpg);background-repeat:no-repeat;background-position:top left;}
#right-sidebar #redblock{background-color:#ec343a;background-image:url(../images/convoy-triangle-large-blue.png);background-repeat:no-repeat;background-position:top left;}
#right-sidebar #redblock-destinations{background-color:#ec343a;background-image:url(../images/destinations-map.jpg);background-repeat:no-repeat;background-position:top left;}

#right-sidebar p{font-size:150%; margin:0px; padding:0 0 0 25px;color:#FFF;line-height:1.4em; }
#right-sidebar h1{font-size:150%; margin:0px; padding:10px 10px .5em 25px;color:#FFF;line-height:1.4em; }
#right-sidebar h2{font-weight:bold; font-size:140%; display:block;background-color:transparent;color:#ffffff;margin-left:10px; font-variant:small-caps;text-transform:uppercase; }
#right-sidebar b {font-weight:bold;color:#fff;}
#right-sidebar .big {font-size:150%;font-weight:bold;line-height:1em;}

#right-sidebar p.right {text-align:right;}
#right-sidebar p.center {text-align:center;}
#right-sidebar ul{list-style-image:url(../images/bullet-triangle-small-white.png);margin-bottom:1.5em;}
#right-sidebar li{color:#fff;list-style-position:outside; margin:0 10px 0em 40px !important /*IE6*/; margin:0 10px 0em 40px /*Non-IE6*/;}
#right-sidebar img{margin:0px; padding:0px; border:none;}
#right-sidebar img.center{float:left;text-align:center;}

.buttonsignup {border:0px solid rgb(255,255,255); height:27px; width:134px; margin-left:20px; padding:0px 0px 12px  0px !important /*Non-IE6*/; padding:0px 0px 0px 0px /*IE6*/; }
.buttonsignup img {padding:0 0 0 0; border:0px solid rgb(255,255,255);}

/*  COMMON CLASSES  */

.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:0px solid rgb(255,255,255);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:0px solid rgb(255,255,255);}
.main img.toppage {float:right; margin:0px; padding:0px; border:none;}
.main img.pics, div#right-sidebar img.pics{clear:both; float:none; display:block; margin:10px auto; padding:3px; border:1px solid #ccc;}

 /**ENQUIRY TABLE*/
table#enquiry-form {margin-top:10px;margin-bottom:10px; padding:12px; width:675px;background:#eee;color:rgb(0,3,119);border:none;}
table#enquiry-form th{color:rgb(0,3,119);font-size:150%; font-weight:bold;text-align:center;line-height:1.4em; vertical-align:middle;display:block;border:none;}
table#enquiry-form td{color:rgb(0,3,119);font-size:130%; text-align:left;line-height:1.4em; vertical-align:middle;padding:3px;border:none;}
table#enquiry-form td#head{font-size:140%; font-weight:bold;text-align:;left;line-height:1.4em; vertical-align:middle;border:none;}
table#enquiry-form input{color:#000; font-size:110%;line-height:1.4em; font-weight:normal;font-family:Arial, sans-serif;border:0px solid #ccc;vertical-align:middle;}
table#enquiry-form textarea{width:630px;height:8em; font-size:110%;line-height:1.4em; font-weight:normal;font-family:Arial, sans-serif;border:0px solid #ccc;vertical-align:middle;}

/********** MAIN USER BUTTONS for enquiry form ************/
div[id^="buttons"] {float:left;margin: 0;margin-top:0em; padding: 0px;color:#FF00FF;font-family:Arial, sans-serif;}

input[type="button"]{padding: 2px;list-style-type: none; border: 1px ridged #486B02; font-size:100%;}
input[type="reset"]{padding: 2px;list-style-type: none; border: 1px ridged #486B02;font-size:100%;}
input[type="submit"]{padding: 2px;list-style-type: none; border: 1px ridged #486B02;font-size:100%;} 
input[id^="btn"]{height:2em;font-size:130%;} /*for the height of the buttons */

table#enquiry-form label{padding: 2px;list-style-type: none; border: 1px ridged #486B02;font-size:90%;}
table[id^="cb"]{width:155px;}

ul#buttons{float:left;white-space: nowrap; list-style-type:none; }
li#buttons{float:left; display:inline;text-align:left;}

#txtError_outer{font-size:120%;color:#f00;text-align:center;font-weight:bold;text-decoration:none;padding:10px;line-height:2em;vertical-align:middle;display:block;background-color:#FFDDE9;margin-bottom:5px; }
#txtError_outer p{font-size:120%;color:#f00;text-align:center;font-weight:bold;text-decoration:none;font-weight:normal;font-style:normal;}
.errmsg {clear:both; float:left; background:#ffFFFF; width:675px;color:#FF0000; text-align:center;margin-left:50px;margin-top:2em;}
.warning {background:#ffFFFF;color:#FF0000; text-align:center;font-size:160%;font-weight:bold;line-height:1.3em;}

/* Width of different li buttons with white space after the button and before the next one*/
#btnSave{ width: 10em;font-size: 1em; margin-right:30px;padding:0px;background-color:#137F00;color:#FFFFFF;}
#btnCancel{width: 8em;font-size:1em; background:#4F4F4F;padding:0px;color:#FFFFFF;}

/* LINKS */
.main-content a,.main-content a:visited ,.main-content a:active  {color:#f00; font-style:italic; text-decoration:underline;background:transparent;}
.main-content a:hover {color:rgb(0,0,255); font-weight:bold;text-decoration:underline;}

#right-sidebar a{color:#fff; font-weight:bold; text-decoration:underline;font-size:90%;padding:.2em;}
#right-sidebar a:hover {color:#00F; font-weight:bold;display:inline; background:#FFF;}
#right-sidebar p#redlink {margin:0px;padding:0px;margin-top:3em;font-size:160%;line-height:1.5em;}
#right-sidebar p#redlink a{color:#f00; text-align:center;display:block; background-color:#fff; text-decoration:none;border:solid 2px #f00;padding:6px;}
#right-sidebar p#redlink a:hover {color:#FFF; display:block; background:#00f;border:solid 2px #f00;}

/*  FOOTER SECTION  */
#footer p,a {color:#FFF;font-weight:normal;}
#footer p.side{float:left; width:250px; padding:0 0 0px 0px; margin:15px 0 0 10px; font-weight:normal;color:#fff;font-size:100%;}
p.footerright{float:right; width:600px; padding:0px 0px 0px 0px; margin:25px 10px 0 0px; font-weight:normal;text-align:right;color:#FFF;font-size:110%;}
#footer a:link {text-decoration:underline; color:#FFF;font-weight:bold; }
#footer a:hover {text-decoration:underline; color:rgb(0,0,255); font-weight:bold;}
#footer a:active {text-decoration:underline; color:#FFF;font-weight:bold; }
#footer a {text-decoration:underline; color:#FFF;font-weight:bold;}
#footer p.toppage a{float:right; text-align:right; font-weight:bold; font-style:italic; font-size:110%;margin-bottom:5px;color:#ec343a;}
#footer p.toppage a:hover{color:#0000ff;}




/*  CLEAR FLOATS  */
.page-container:after, .header:after, .header2:after, .main:after, .main-content:after,  .main-content div:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#right-sidebar:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#footer:after{content:"."; display:block; height:0; clear:both; visibility:hidden;border:0px;}
.clear-contentunit {clear:both; height:0.1em; border:none; background:transparent;}
.menu:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

/*  PRINTING and MISCELLANEOUS  */
@media print {.header-top {width:1024px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:1024px; background:transparent;}}
@media print {.nav2 {float:left; width:1024px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:1024px; padding-bottom:0px; background:transparent; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {#right-sidebar {display:inline /*Fix IE floating margin bug*/; float:left; width:175px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {#footer {clear:both; width:1024px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}