/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Custwin Stylesheet

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:55%/0.9 verdana, arial, helvetica, sans-serif; margin:0; padding:0; color:#676568; text-align:center; background:#ffffff url(../images/background.gif) top left repeat-x;}

/* ----- IDS ----- */
#container { margin: 0px auto; width: 890px; text-align:left; font-size:110%;padding: 0;}   
#printHeader { display:none;}
#header { height: 150px; }
#header #logo { float: left;}
#header #address { float: right;}
#top-bar {height: 25px; padding: 2px 0 2px 14px; line-height: 1.5em;}
#breadcrumb {float: left; margin-top: 4px;}
#date {float: right; padding-right: 20px; margin-top: 4px; }
#leftCol { width:180px; float:left; font-size:110%; margin-left: 2px; background-color: #f2f4f4;}
#rightCol { width:180px; float:right; font-size:110%; background-color: #f2f4f4;}
#rightCol .box { width:100%; float:left; padding-bottom:10px;}
#rightCol .box .title { background:#cccccc; font-weight:bold; color:#0093d8; padding:2px 5px; font-size:120%; margin-bottom:16px; text-align:center;}
#rightCol .box .titleBlue { background:#0094da; font-weight:bold; color:#ffffff; padding:3px 25px; font-size:120%; margin-bottom:16px; text-align:center; line-height:120%;}
#rightCol .box .image img { margin:0 auto; }
#rightCol .box .text { line-height:130%; text-align:justify; padding-bottom:15px;}
#uk-map {margin: 11px 0 11px 0; padding: 0; background:#ffffff url(../images/uk-map.gif) top left; height: 275px; width: 178px;}
#uk-map p {margin: 0 0 0 10px; line-height: 1.5em;}
#uk-map .center { margin: 178px 0 0 30px;}
#testimonials {width: 176px; background-color: #efefef; border: 1px solid #62b8c5; margin: 0 0 11px 0;}
#testimonials p {color: #003366; margin: 0 6px 0 8px; padding: 2px 0 5px 0; line-height: 1.4em; }
#guarantee {background:#ffffff url(../images/guarantee.gif); width: 176px; height: 189px; margin: 11px 0 11px 0; border: 1px solid #003366;} 
#guarantee p {font-size: 1.5em; color: #003366; text-align: center; font-weight: bolder;}
#guarantee a {font-size: 0.7em; color: #003366; text-align: center;}
#rcol {background:#fff url(../images/col-bottom.gif) bottom right; width: 176px; height: 88px;}
#rcol p {font-size: 1.5em; color: #003366; font-weight: bolder; padding: 15px 0 6px 15px;}
#rcol a {font-size: 0.7em; color: #003366; text-align: center;}
#usefulcol {background:#ffffff url(../images/col-bottom.gif) bottom right; width: 176px; height: 88px;}
#usefulcol p {font-size: 1em; color: #003366; font-weight: bolder; padding: 7px 5px 6px 5px; text-align: center;line-height: 1.5em}
#usefulcol a {font-size: 1em; color: #003366; text-align: center; }

#middleCol { margin: 0 205px 0 210px; padding-bottom: 40px; font-size:110%; }
#middleCol2 { margin: 0 200px 0 210px; padding-bottom: 40px; font-size:110%; }
#middleCol p { padding: 10px 0 10px 0; line-height: 1.9em; font-size: 1.05em; }
#middleCol2 p { padding: 10px 0 10px 0; line-height: 1.9em; font-size: 1.05em; }

#middleCol li { line-height: 1.9em; font-size: 1.05em; padding: 0; margin-bottom: 10px; }
#bottom-nav {clear: both; background: #d7dfe3; height: 145px; margin: 0; padding: 0; font-size: 1.2em; }
#bottom-nav p {margin: 0; }
#bottom-nav a {padding: 2px 4px 0 4px; }
#logos { width:540px; margin:0 auto;}
#logos img { display:inline;}
#logoIMK { position:absolute; bottom:0px; left:0px;}

#newsletter-overview { margin: 10px 0 0 0; padding: 0; font-size: 1em; font-weight: bold;}
#newsletter-overviewp { margin-left: 0; font-size: 1em; }

#testimonial-main {width: 97%; background-color: #e5f2f9; margin: 0 1px 10px 2px; border: 1px solid #999;}
#testimonial-main p {color: #555; padding: 0 9px 5px 11px; line-height: 1.6em;}
#testimonial-main2 {width: 87%; margin: 10px 1px 10px 2px; padding: 0 10px 0 10px; border: 1px solid #999;}

#custwin-free {float: left; margin-right: 15px; background:#ffffff url(../images/custwin-free.gif) no-repeat; width: 212px; height: 283px; margin-top: 10px;}
#custwin-free p {padding: 45px 8px 5px 10px; }
#custwin-lite {float: left; margin-right: 15px; background:#ffffff url(../images/custwin-lite.gif) no-repeat; width: 212px; height: 283px; margin-top: 10px;}
#custwin-lite p {padding: 45px 8px 5px 10px; }
#custwin-rescue {float: left; margin-right: 15px; background:#ffffff url(../images/custwin-rescue.gif) no-repeat; width: 212px; height: 367px; margin-top: 10px;}
#custwin-rescue p {padding: 45px 10px 5px 10px; }
#custwin-gold {float: left; margin-right: 15px; background:#ffffff url(../images/custwin-gold.gif) no-repeat; width: 212px; height: 367px; margin-top: 10px;}
#custwin-gold p {padding: 45px 10px 5px 10px; }
#custwin-platinum {float: left; margin-right: 15px; background:#ffffff url(../images/custwin-platinum.gif) no-repeat; width: 212px; height: 283px; margin-top: 10px;}
#custwin-platinum p {padding: 45px 10px 5px 10px; }
#custwin-rebirth {float: left; margin-right: 15px; background:#ffffff url(../images/custwin-rebirth.gif) no-repeat; width: 212px; height: 283px; margin-top: 10px;}
#custwin-rebirth p {padding: 45px 10px 5px 10px; }
#custwin-testimonials {float: left; margin-right: 15px; background:#ffffff url(../images/custwin-testimonials.jpg) no-repeat; width: 212px; height: 253px; margin-top: 10px;}
#custwin-testimonials p {padding: 165px 10px 0 10px; }
#custwin-clients {float: left; margin-right: 15px; background:#ffffff url(../images/custwin-clients.jpg) no-repeat; width: 212px; height: 253px; margin-top: 10px;}
#custwin-clients p {padding: 165px 10px 0 10px; }
#custwin-services {float: left; margin-right: 15px; background:#ffffff url(../images/custwin-services.jpg) no-repeat; width: 212px; height: 253px; margin-top: 10px;}
#custwin-services p {padding: 165px 10px 0 10px; }
#useful-resources {float: left; margin-right: 15px; background:#ffffff url(../images/useful-resources.jpg) no-repeat; width: 212px; height: 253px; margin-top: 10px;}
#useful-resources p {padding: 165px 10px 0 10px; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.relative { position:relative; }
.float {float: right; margin: 10px; }
.floatl {float: left; margin-right: 10px; }
.client-float {float: right; margin: -5px 10px 10px 10px; padding: 2px; border: 2px solid #62b8c5;}
.img-center {margin: 0 auto; border: 1px solid #676568; padding: 0;}
.submenu {font-size: 0.9em;}
.quote-name { margin-bottom: 5px;}
.find {float: right; padding-right: 10px; }
.find2 {float: right; padding-top: 5px;padding-right: 10px;}
.client-box {float: left; margin: 0 2px 2px 0; border: 2px solid #7cc5d0; width: 48%; padding: 0;}
.client-box p {margin: -10px 10px 0 10px; }
.see {float: right; padding-right: 0; padding-top: 5px; font-size: 0.9em;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1 { margin:0; padding:0 0 15px 0; font-size:180%; line-height: 1.5em; font-weight: lighter;}
h2, h3, h4, h5, h6 { margin: 0; padding:10px 0 10px 0; font-size:160%; font-weight: lighter;}

/* ----- LEFT NAVIGATION ----- */
#leftNav { }
#leftNav ul { margin:0; padding:0; list-style:none; border-top:1px solid #ffffff; }
#leftNav li { display:block; text-align:right; border-bottom:1px solid #ffffff; line-height:120%;}
#leftNav a { display:block; font-weight:normal; padding:3px 11px 3px 0; background:url(../images/leftNavBg.gif) 113px 8px no-repeat;}

/* ----- GLOBAL ----- */
img { display:inline; border:0; }
p { padding:10px 0 15px 0; margin:0; }
.main {clear: both; padding-top: 10px;}

/* ----- LINKS ----- */
a { color:#676568; font-weight:normal; text-decoration:underline; }
a:hover { color:#003366;text-decoration: underline; }
a:visited { color:#676568;text-decoration: underline; }

/* ---- CONTACT FORM ----- */
.text-field1 {border: 1px solid #999999; padding: 3px; margin: 5px 0 0 50px;font-size: 1em; width: 150px; color: #999999; font-family: arial, helvetica, sans-serif; }					 
.text-field2 {border: 1px solid #999999; padding: 3px; margin: 5px 0 0 25px;font-size: 1em; width: 150px; color: #999999; font-family: arial, helvetica, sans-serif; }					 
.text-field3 {border: 1px solid #999999; padding: 3px; font-size: 1em; margin: 5px 0 0 10px; width: 300px; color: #999999; font-family: arial, helvetica, sans-serif; height: 100px}
.text-field4 {border: 1px solid #999999; padding: 3px; margin: 5px 0 0 32px;font-size: 1em; width: 150px; color: #999999; font-family: arial, helvetica, sans-serif; }					 
.commentsp { display: none; }	
/* ---- TABLE ---- */
table {margin-bottom: 15px;}
th {width: 550px; color: #555; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-top: 1px solid #999; letter-spacing: 2px; padding: 12px 6px 6px 12px; background: #e5f2f9;}
td.spec {border-left: 1px solid #999; border-top: 0; background: #fff; }
td {width: 50%; border-right: 1px solid #999; border-bottom: 1px solid #999; background: #fff; padding: 6px 10px 6px 10px; color: #666; line-height: 1.9em;}