/* DEFAULT */
*{padding:0; margin:0}
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.7em;color:#036; text-align: center; width:100%;background:url(/img/pixelSliceVert.jpg) top left repeat-x;}
input, select, textarea{font-family:Arial, sans-serif; font-size:0.9em}
div{text-align:left;}
img{border:0}
h1, h2, h3, h4, h5, h6{margin:0 0 8px 0; padding:0px; color:#036; font-weight:bold;}
p{margin:0 0 8px 0; padding:0}
form{margin:0; padding:0; display:block}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.fltl{float:left}
.fltr{float:right}
.txt-right{text-align:right}
.txt-center{text-align:center}
a{color:#f33; font-weight:bold; text-decoration:none}
a:hover{color:#f33; text-decoration:underline}
ul {margin:0; padding:0;}
ul li {margin:0; padding:0 0 5px 0;}
h1{font-size:1.6em; margin:27px 0 10px 0;}
h2{font-size:1.2em;}
h3{font-size:1em;}
h4{font-size:0.7em;}
table {border-collapse:collapse;}

div.wrap {width:734px; margin:0 auto;}
.hdr {margin:21px 0 0 0;height:243px;width:100%;}


/*generic img replace code*/
.imgReplace {position:relative;padding:0;overflow:hidden;}
.imgReplace span {position:absolute;width:100%;height:100%;left:0;top:0;margin:0;background-repeat:no-repeat;}

#hdrLogo {width:268px;height:208px;}
#hdrLogo span {background-image:url("/img/logo.jpg");}

.hdrShip {background:url(/img/ship.jpg) no-repeat top right;}
.hdrLorry {background:url(/img/lorry.jpg) no-repeat top right;}
.hdrPlane {background:url(/img/plane.jpg) no-repeat top right;}


#nav-top {list-style:none; margin:0px 0 0 0; padding:0;}
#nav-top li {height:35px; margin:0; padding:0; float:left;}
#nav-top li a {height:35px; display:block; text-indent:-999em; overflow:hidden;}
#nav-top li.home {width:75px; background:url(/img/btnHome.gif) top left no-repeat;}
#nav-top li.quote {width:95px; background:url(/img/btnQuote.gif) top left no-repeat;}
#nav-top li.about {width:116px; background:url(/img/btnAboutUs.gif) top left no-repeat;}
#nav-top li.road {width:86px; background:url(/img/btnroad.gif) top left no-repeat;}
#nav-top li.ocean {width:95px; background:url(/img/btnOcean.gif) top left no-repeat;}
#nav-top li.air {width:72px; background:url(/img/btnAir.gif) top left no-repeat;}
#nav-top li.contact {width:111px; background:url(/img/btnContact.gif) top left no-repeat;}
#nav-top li.links {width:84px; background:url(/img/btnLinks.gif) top left no-repeat;}
#nav-top li.home a {width:75px;}
#nav-top li.quote a {width:95px;}
#nav-top li.about a {width:116px;}
#nav-top li.road a {width:86px;}
#nav-top li.ocean a {width:95px;}
#nav-top li.air a{width:72px;}
#nav-top li.contact a {width:111px;}
#nav-top li.links a {width:84px;}

/* this background color changes the bgcolour for the lower pane */
#contentbg {background:url(/img/pixelSliceHor.jpg) repeat-y;width:776px;margin:0 auto;}
#content-wrap {width:713px; margin:0 auto;}

#left-col {width:474px; float:left;line-height:1.7em;}
#right-col {width:202px; float:right;}

/*#content*/ div.fltl {position:relative; margin-top:11px;}
/*#content*/ div.fltr {margin-top:11px;}
#left-col p {margin-bottom:15px;}

/*#content*/ div.fltl /*div*/.image {position:absolute; right:2px; top:0;}

h3.call {background:url(/img/call-h3.gif) top left no-repeat; height:23px; padding:5px 0 0 10px; margin:0; width:189px;}
div.call {background:url(/img/call-mid.gif) repeat-y; padding:10px; width:179px; height:103px; font-size:0.75em;}
div.call label {display:block; padding-bottom:3px; margin:0;}
div.call input {display:block; margin-bottom:3px; width:175px;}
div.call a#submit {display:block; text-indent:-999em; background:url(/img/but-submit.gif) top left no-repeat; width:51px; height:17px; float:right; overflow:hidden;}
div.call-bot {background:url(/img/call-bot.gif) top left no-repeat; width:199px; height:8px; font-size:0;}


.rightBoxTop {width:202px;height:5px;background:url(/img/curveTop.gif) top left no-repeat;}
.rightBoxSep {width:202px;height:3px;background:url(/img/pixelSliceBox.gif) top left no-repeat;}
.rightBox {background:url(/img/right-box-mid.gif) repeat-y; width:182px;padding:10px; }
.rightBoxBot {width:202px;height:6px;background:url(/img/curveBottom.gif) top left no-repeat;margin:0 0 10px 0;}
.newsBackground {height:300px; overflow-y:scroll;}

#teamJordanTitle {width:155px;height:42px;}
#teamJordanTitle span {background-image:url(/img/teamJordonCharityEvents.gif);cursor:hand;}


#newsTitle {width:99px;height:14px;margin:0px 0 0px 0;}
#newsTitle span {background-image:url("/img/latestNews.gif");cursor:hand;}

#currencyCheckerTitle {width:166px;height:19px;margin:0px 0 0px 0;}
#currencyCheckerTitle span {background-image:url("/img/quickRateChecker.gif");cursor:hand;}

.rates {padding:5px 10px; width:182px;}
.rates em, .rates a {font-size:0.85em; font-style:normal; }
.rates em {font-weight:bold; padding-left:4px;}
.rates a {cursor:pointer;}
.rates a {float:right;}
#rates { list-style:none;}
#rates li {width:52px; border:1px solid #e3e2e2; float:left; font-weight:bold; font-size:0.80em; padding:3px; background:#fafafa;}

.right-team {background:url(/img/right-team-jordon.gif) top left no-repeat; width:202px; height:30px; margin-top:10px;}

.right-world {background:url(/img/right-world-vision.gif) top left no-repeat; width:202px; height:70px; margin-top:10px;}

#footer {width:100%; height:168px; color:#FFF; font-size:0.9em;background:url(/img/road.jpg) repeat-x;text-align:center;}
#footer .wrap {margin:20px auto 0px auto;}
#footer strong {display:block; float:left; padding-top:3px;}
#footer ul {list-style:none; margin:0; padding:0 15px 0 0; float:right;}
#footer ul li {float:left; padding:3px 0 0 0; font-size:0.95em;}
#footer ul li a {color:#FFF; text-decoration:none; font-weight:normal;}
#footer ul li a:hover {color:#FFF; text-decoration:underline;}
#footer ul li.d {float:left; padding:3px 13px;}
#footer #footercars {margin:41px 0 0 0;}
#footer #bifa img{float:right;}
#footer #bifa img.fltr {}


#WebsiteByPunkyduck {text-align:right;color:#030;width:100%;height:100%;margin:20px 0 0 0;}
#WebsiteByPunkyduck a {color:#030;padding:0;}

/* Set the padding and font size for each even element in a GridView. */
.GridRowStyle
{
  padding-left: 3px;
  font-size: 80%;
}

/* Set the padding, font size and background color for each odd element in a GridView. */
.GridAlterenatingRowStyle
{
  background-color: #add4f9;
  padding-left: 3px;
  font-size: 80%;
}

/* Align the text in each of the <td> item cells in a GridView. */
.GridRowStyle td, .GridAlterenatingRowStyle td
{
   vertical-align: middle;
}

/* Change the background color, color, alignment and padding for the Header row of a GridView. */
.GridHeaderStyle
{
  background-color: #3399ff;
  padding-left: 3px;
  text-align: left;
  font-size: 80%;
}

/* Change the appearance of links and normal text inside the Header row of a GridView. */
.GridHeaderStyle a, .GridHeaderStyle th
{
  text-decoration: none;
  color: #ffffff;
  font-weight: bold; 
}

/* The ScreenTip class is used to display instructive messages in a dimmed font color. */
.ScreenTip
{
  font-size: 80%;
  color: Gray; 
}

/* The ErrorMessage class is used to display error messages with a bright red and bold font. */
.ErrorMessage
{
  font-weight: bold;
  color: Red; 
}

/* The Label class is used for the labels in front of controls in the Management section. */
.Label
{
  font-weight: bold;
  font-size: 80%;
}

/* Defines the appearance of the title of a content item on the Content List and Detail pages. */
.ItemTitle
{
  margin: 0 0 10px 0;
  padding: 0;
}

/* Defines the appearance of the IntroText of a content item on the Content List and Detail pages. */
.IntroText
{
  font-style: italic; 
}

/* Defines the appearance of the BodyText of a content item on the Content Detail page. */
.BodyText
{
  
}

.quotecol1, .quotecol2, .quotecol3, .quotecol4 {
	display: block;
	width: 100px;
	float: left;
	margin: 5px 0 5px 0;
}

.quotecol2, .quotecol4 {
	width: 75px;
	padding-right: 5px;
}

.submitquote
{
   margin: 15px 0 15px 350px;
}

.quotecol3 
{
   padding-left:5px;
}

.clearleft {
	clear: left;
}

/*10 years promo*/
#tenYears {width:190px;height:180px;margin:10px 0 10px 0;}
#tenYears span {background-image:url(/img/tenYears.jpg);}

#walkTheWalk {width:199px;height:104px;margin:20px 0 10px 0;}
#walkTheWalk span {background-image:url(/img/walkTheWalk.jpg);cursor:hand;}