/* Global CSS reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/** Common Styles */

body {margin: 30px 0 20px 0;padding: 0;background: #D7D7BD url(images/img01.png) repeat;text-align: justify;line-height: 20px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 13px;color: #4C4C4C;}

h1, h2, h3 {padding: 0;margin: 0;color: #000;}
p, ul, ol {margin-bottom: 1.5em;}
ul {margin: 0px;padding: 0;}

/*body#quote2 #menu{display: none;}*/

a {}
a:hover {text-decoration: none;}

/** Style for header starts here */

#header {width: 800px;height: 150px;margin: 0px auto;background: #db2424 url(images/header.jpg) no-repeat left top;}
#header h1, #header h2 {margin: 0px;padding: 0;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #FFF;}

#header h1 {float: left;padding: 70px 10px 10px 20px;text-indent: -9999px;width: 300px;height: 50px;}

/** Style for menu navigation starts here */
#menu {width: 800px;height: 50px;margin: 0px auto;background: url(images/nav_rp.gif) #000000;}

#menu ul {margin: 0px;padding: 0 0 0 20px;list-style: none;float:left;}
#menu li {display: inline;}
#menu a {display: block;float: left;border: none;background: url(images/nav_divide.png) no-repeat right 8px;padding: 14px 18px 10px 14px;text-decoration: none;color: #FFF;}
#menu a#home{padding: 14px 18px 10px 0px;} 

#menu a:hover {color: #D7D7BD;}

/** Style for wrapper starts here */
#wrapper {width: 840px;margin: 0px auto;padding: 20px 0;background: #FFFFFF url(images/img02.jpg) repeat-y left top;}

/** Style for content starts here */

#content {width: 800px;margin: 0px auto;}

#content h2 {text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;border-bottom: 1px #CCC dashed;}

#content p {}

#content a {text-decoration: none;}

#right {float: right;width: 480px;padding: 20px 20px;}

#right ul {margin: 0 3em;padding: 0;list-style: none;}

#right li {
	margin-bottom: 8px;
	padding-left: 10px;
	background: url(images/img06.jpg) no-repeat 0 7px;
	line-height: 17px;
}

#right .post {
}

#left {
	float: left;
	width: 220px;
	padding: 20px 20px;
	background: #EDEDED;
}


#left ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

#left li {
	padding-left: 10px;
	background: url(images/img04.gif) no-repeat left 50%;
}


.focus{padding: 15px;background-color: #ededed;border: 1px solid #c2c2c2;margin-bottom: 20px;}

/**** Style for #FOOTER starts here *****/

#footer {clear: both;width: 800px;height: 38px;margin: 0px auto;padding-top: 18px;border-top: 1px solid #444;background: url(images/footer_bn_logo.png) no-repeat right;text-transform: uppercase;font-size: 10px;color: #E5E5CC;}

#footer .copyright {float: left;margin: 0px;padding-left: 20px;text-align: center;}
#footer a:link, #footer a:visited {text-decoration: underline;color: #d51719;}
#footer a:hover{color: #fff;}
/* Global Classes */
.clear{clear:both;}

/* GTI custom styles specific styles */
img#quotebtn {float:right;padding: 0;position:relative;top:-6px;right:5px;margin:0;}

#footer {background-color: #202020}

/* @group Home Page */

body#index img#top-img{margin-bottom:10px;}
body#index #right {background: url(images/people.jpg) no-repeat bottom;padding-bottom: 341px;}

p#test {color:#666;}
#quote-wrap{border-bottom:1px solid ;}
#quote-wrap img#openq {float:left;}
.clear{clear:both;}

/* @end */

/* @group Quote Page */

body#quote #right{padding-top:40px;}
#quote-wrap {background-color: #c0c0c0;padding: 20px;text-align: left;margin-bottom:25px;}
#quote-wrap input {padding: 10px;font-size: 20px;width: 342px;border: 4px solid #a6a6a6;font-size: 20px;}
#quote-wrap input#PostTo, #quote-wrap input#PostFrom {padding: 10px 10px 10px 50px;font-size: 20px;width: 200px;border: 4px solid #db2524;text-transform: uppercase;} 
#quote-wrap input.one {background: white url(images/a.jpg) no-repeat left center;margin-right:20px;float:left;width: 320px;}
#quote-wrap input.two {background: white url(images/b.jpg) no-repeat left center;float:left;width: 320px;}
#quote-wrap button#btn {cursor:hand;border:none;padding: 0;float: right;}
#quote-wrap input:hover{border: 4px solid #db2524;}
img.heading{position:relative;left:-20px;}
#packweight {background: url(images/quoteimg-weigt.jpg) no-repeat top -20px;height:150px;border: 1px solid #999;padding: 100px 0 0 0;}
		
fieldset{border-bottom: 1px solid #a6a6a6;padding: 0 0 20px 0;margin-bottom: 20px;}
.col-6{float: left;width: 380px;}
.col-6#van{background: url(images/vanarrow.jpg) no-repeat right center;width: 490px;}
.col-6#van2{width: 245px;float: right;margin-right: 25px;}
fieldset h4{margin: 0 0 10px;padding: 0;}
#postcodes .col-6{padding: 20px 0;}

span.required{font-size: 10px;color: #979595;}

input#country{
position: absolute;left: -9999px;top: -9999px;
}
/* @end */

