body { padding:15px; font-family:verdana, arial, sans-serif; font-size:70%; color:#333; background:white; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; }
a { color:#3c639a; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; color:#3c639a; }
img a:hover {text-decoration:none;}
.invalid { background:url(invalid.gif) #fff no-repeat left; }
h1, h2, h3, h4 { font-family:"trebuchet ms", arial, verdana, sans-serif; }
h1 { color:white;background:url(../template/h1_left.gif) #2d4076 left no-repeat; font-size:1.6em; letter-spacing:0px; margin-top:0;padding:3px;font-family:arial;text-indent:10px;width:722px;margin-left:-3px; clear:both;}
h2 { color:#da2a2a; font-size:1.7em; border-bottom:1px solid #C6C6C6; padding-bottom:4px; }
h3 { color:#3C639A; font-size:1.7em; border-bottom:1px solid #C6C6C6; padding-bottom:4px; }
h4 { color:#C7AE90; font-size:1.4em; }
.h1special { color:#000;font-size:220%;letter-spacing:-2px;font-family:verdana; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
.datatable {border:1px solid #d0d0d0; background:#ededed;width:710px;}
.datatable th { background-color:#3C639A; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { border:1px solid #d0d0d0; padding:4px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; }
.shout { font-size:1.2em; color:#fff; font-weight:bold; padding:4px 5px; background:#3C639A; }
.shout2 { font-size:1.2em; color:#fff; font-weight:bold; padding:4px 5px; background:#C7AE90; border:1px solid white; }
.submit { background:#3C639A; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.reset { background:#C7AE90; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:1px solid #C6C6C6; padding:4px; }
.quote strong { color:#C7AE90;font-weight:bold;  }
.caption { font-weight:bold; background:#3C639A; border-right:4px solid #C7AE90; float:right; width:200px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; }
.custom1 {}
.custom2 {}
.border { border:2px solid #3C639A; }
.noborder: { border:0; }
img { border:0; } 
#topbar { background:#3C639A; height:4px; }
#botbar { background:#263768; height:4px; }
#sitelogo { font-family:"trebuchet ms", arial, verdana, sans-serif; color:#3C639A; font-size:2.2em; font-weight:bold; text-align:left; letter-spacing:-1px; }
#top_pic { height:175px; width:734px;text-align:center;background:#F6F6F6;  }
#top_border { background:url(../template/top_border.jpg) white no-repeat ; height:128px; width:730px; }
#bot_border { background:url(../template/bot_pic.jpg) no-repeat; height:65px; width:730px; }
#extralinks { background:#f8f8f8; width:100%; height:30px; }
#copyright { font-size:0.9em; color:#7C8991; padding-bottom:6px; height:50px;}
#date { font-size:0.9em; color:#4272B6; padding-bottom:6px; height:50px;}
#container { text-align:left; margin:0 auto; background:white; }
#pagebody { padding:10px; padding-bottom:30px;padding-top:3px;font-size:1.1em; }
#pagebody p { margin:5px;margin-left:10px; }
#pagebody table { margin:5px; }
#pagebody form img { border:0; }

#end, #end a { font-size:9px; color:#7C8991; font-weight:normal; text-align:center; }
#end { width:730px; margin:0 auto; }
#menu { background:url(../template/nav_right.gif) no-repeat right top;font-family:"trebuchet ms",arial; font-size:1.2em; }
#over_menu { background:url(../template/nav_bg.gif) repeat-x;margin-top:3px; }
#menu ul { padding:4px 0; margin:4px 0; list-style:none; }
#nav { text-align:center; }
#nav li { display:inline; position: relative;  }
#nav li a { width:100%; padding:7px 8px; padding-right:25px; color:#fff; background:url(../template/nav_split2.gif) right no-repeat; }
#nav li a:hover { border:0; color:#c8d7ff; text-decoration:none; }
#nav li ul { display:none; position:absolute; width:134px; text-align:left; margin-top:10px; margin-left:-6px; }
#nav li > ul { top:auto;margin-top:-2px; }
#nav li:hover ul, li.over ul{ display:block; }
#nav li ul a { display:block; width:100%; background:#465EB9; padding:4px; border-top:1px solid #384f8e; }
#nav li ul a:hover { background:#A7B9E7; color:#A7B9E7; border-top:1px solid #384f8e; }
#nav li ul ul { margin:-22px 0 0 160px; top:18px; }
#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul { display:block; left:-4px; }
#nav .nav_parent a {padding-right:35px;background:url(../template/nav_split.gif) no-repeat right;margin-bottom:-7px; }
#nav .nav_parent a:hover {  }
#nav .nav_child a { background:#2d4076;color:white;padding-bottom:3px;margin-top:7px;font-size:0.8em }
#nav .nav_child a:hover { background:#3d579e; color:white; }
#nav .nav_parent2 a { background:#ECEBEF no-repeat right; padding-right:35px; }
#nav .nav_parent2 a:hover { color:white; background:#3C639A no-repeat right; }
#nav .nav_child2 a { background:#ECEBEF; }
#nav .nav_child2 a:hover { color:white; background:#3C639A; }
#nav #active { color:#b9daff; cursor:default;}
#nav .nav_parent #active { color:white; cursor:default; }
#nav .nav_child #active, #nav .nav_child2 #active, #nav .nav_parent2 #active { background:#24335c; }
#ie7fix { display:none; }
/* alt1 #2d4076   alt2 25345f
border:1px solid #353e58; 
 */
.alt1 { background:#3A5194;color:white; }
.alt1 td {  }
.alt2 td {  }
.alt2 { background:#E0E0E0;color:#333; }

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

.box{width:650px; padding:15px 15px; margin:0 auto 15px auto; background:#3a5194; color:#fff;}
.box a {color:#94afff;}
.box ul {line-height:18px;} 
.box2{width:650px; padding:15px 15px; margin:0 auto 15px auto; background:#e0e0e0; color:#333;}

#welcome-msg { text-align: center; }
#welcome-msg h2 { border: 0; }
#welcome-msg a { color: blue; cursor: pointer; }

#pricebtn { 
font-size:14px; 
width:400px; 
height:28px;
color:#ffffff; 
text-align:center;
background:url(http://server12.sitewizard.co.uk/sites/customtrailers/images/pricelistbg.jpg);
background-repeat:repeat-x;
float:right;
vertical-align:middle;
padding-top:5px;
clear:both;
font-weight:600;
}


#pricebtn a{ 
color:#ffffff; 

}
a.example {
color: #ffffff;
text-decoration: none
}

a.example:hover {
color: #ffffff;
text-decoration: underline
} 


#end_list { font-size:9px; width:770px; margin:auto; color:#7C8991; text-align:center; }