/*	Desc:		Mike Griggs Screen Style Sheet
  	Date:		June 08
=== === === === === === === === === === */

body {font:75%/163% Lucida Sans,Arial,Verdana,Helvetica;color:#596f81;background:#FFF url(../img/background.gif) repeat-x center top;text-align:center}

/*=CONTAINERS
=== === === === === === === === === === */
#container {width:760px;margin:0 auto;text-align:left}

/*=COMMON
=== === === === === === === === === === */
p,li {line-height:150%}
img {border:0}
input,textarea,select,table {font-family:Arial,Verdana,Helvetica;font-weight:normal !important;color:#000 !important}
a, a:link {text-decoration:none;font-weight:bold;color:#007DAA}
a:hover {color:#00a2dc}
a:focus {outline:none}
button {cursor:pointer}
.book_service {z-index:9;position:absolute;top:0;right:0;}
.book_service a {display:block;width:121px;height:127px;text-indent:-999999px;background:url(../img/book_service.gif) no-repeat;}


/*=HEADER
=== === === === === === === === === === */
#header {width:760px;overflow:hidden}
#header h1 a, #front #header h1 {display:block;text-indent:-999999px;overflow:hidden;float:left;color:#000;background:url(../img/header_logo.gif) no-repeat top left;width:206px;height:91px;}
#header .col2 {float:right;width:546px;position:relative}
#header .about a {margin:0 0 0 7px;display:block;line-height:52px;color:#FFF;font-style:normal;background:red;overflow:hidden;background:url(../img/header_about.gif) no-repeat 0 21px;text-indent:-999999px;}
.in_the_business {z-index:8;background:url(../img/header_business.gif) no-repeat center left;width:59px;height:61px;display:block;overflow:hidden;position:absolute;right:0;text-indent:-999999px;}


/*=MAIN NAV
=== === === === === === === === === === */
#navmenu li {display:inline}
#navmenu a {display:block;float:left;font-weight:normal;padding:0 7px;line-height:40px;height:50px}
#navmenu a:hover {color:#BC5E00}
#navmenu a.current {font-weight:bold;background:url(../img/nav_arrow.png) no-repeat bottom center;color:#BC5E00}


/*=SUB NAV
=== === === === === === === === === === 
#submenu {font-size:.9em;float:left;width:760px;margin:-11px 0 25px 0;background:url(../img/submenu-bg.gif) repeat-x;min-height:63px} 
#submenu li {display:inline}
#submenu a {display:block;float:left;font-weight:normal;padding:7px 7px;margin:0px 0}*/

#submenu {clear:both;width:218px;margin:48px 0 25px 0;background:#f3f8fa;border:1px solid #dceaf0;padding:1px 10px}
#submenu li {list-style-type:none;border-bottom:1px solid #dceaf0}
#submenu li:last-child {border-bottom:0}
#submenu a {display:block;font-weight:normal;padding:7px 0;margin:0;color:#596f81}
#submenu a:hover {color:#BC5E00}
#submenu a.current {font-weight:bold;color:#BC5E00}


/*=FRONT PAGE
=== === === === === === === === === === */
#front .splash_image {width:760px}
#front .splash_image img {float:left;padding:40px 0 5px 0;}
#front .front_panels {clear:both;width:760px;padding:0 0 25px 0;float:left}
#front .front_panels div {float:left;width:255px;}
#front .front_panels img {padding:33px 0 9px 0;overflow:hidden;float:left;}
#front .front_panels .book-service {width:250px}
#front .front_panels div a {display:block;text-indent:-999999px;overflow:hidden;float:left;width:250px;color:#596f81;font-weight:normal}
#front .front_panels div span {display:none}
#front .front_panels .browse-caravans img {background:url(../img/browse-caravans-bg.gif) no-repeat}
#front .front_panels .view-specials img{background:url(../img/view-specials-bg.gif) no-repeat}
#front .front_panels .book-service img {background:url(../img/book-service-bg.gif) no-repeat}
#front .front_panels div a:hover img{background-position:top right}

#front #content big {display:none}
#front #content h2 {display:block;text-indent:-999999px;overflow:hidden;background:url(../img/celebration.png) no-repeat top center;width:760px;height:91px;position:absolute;top:0}


/*=PRODUCTS
=== === === === === === === === === === */
#products {margin:20px 0}
#products .product_container {float:left;padding:0 10px 10px 0;font-size:.9em;}
#products .product_container a {display:block;padding:10px;width:350px;background:url(../img/product_container-bg.gif) no-repeat;overflow:hidden;min-height:104px}
#products .product_container img {float:left;margin:0 10px 0 0;width:122px;padding:4px 4px 8px 4px;background:#FFF url(../img/product_image-bg.gif) no-repeat bottom center}
#products .product_container strong {color:#007DAA;font-family:arial,verdana;font-size:1.5em;font-weight:bold;line-height:1.4em;height:23px;display:block;overflow:hidden;}
#products .product_container p {margin:0 !important}
#products .product_container br {height:0;line-height:0;position:absolute} 
.col2 {color:#3a5163;font-weight:normal;line-height:1.7em}
#products .product_container .view_detail {float:left;background:url(../img/btn-view_detail.gif) no-repeat;text-indent:-99999px;width:63px;height:17px;display:block;margin:5px 0 0 0;}
#products .product_container .price {font-size:1.5em;font-weight:bold;color:#357A14;font-family:arial,verdana;padding:1px 0 0 0;float:left}
#products .product_container .price small {font-size:.6em}
#products .product_container .text {min-height:78px !important;display:block}
#products .infoline {display:block}
#products .product_container a:hover {background-position:top right;color:#000;cursor:pointer}
#products .product_container a:hover strong {color:#2d3329}
#products .product_container a:hover .text {color:#2d3329}
#products .product_container a:hover .view_detail {height:17px;background-position:bottom left}
#products .product_container .special_price {display:block;text-indent:-999999px;overflow:hidden;float:right;width:49px;height:17px;margin:1px 0 0 7px;background:url(../img/icon-special.gif) no-repeat}
#products .product_container .additional {float:right;margin:4px 0 0 0;}

#product_detail {clear:left;padding:20px 20px 10px 20px;margin:20px 0 20px 0;background:#eff6e8 url(../img/product_detail-bg.gif) repeat-x;position:relative;border:1px solid #dbe8bc;color:#495b3e}
#product_detail #product_images {clear:both;display:block;text-align:center;width:720px;padding:15px 0 0 0;}
#product_detail #main_image {padding:6px;background:#dbe8bc;display:block;margin:0 auto 5px auto}
#product_detail img {padding:3px;background:#dbe8bc;display:inline}
#product_detail img:hover {background:#a8c16b}
#product_detail a {color:#60a700}
#product_detail a:hover {color:#86bb0d}
#product_detail h3 {margin:0 0 15px 0 !important}

#product_page  #product_detail h3 {color:#2d3329}
#product_page  .main_heading {display:inline}

.product_tools {position:absolute;right:20px;top:20px}
.product_price {font-weight:bold;color:#357A14;font-size:1.6em;font-family:arial,verdana}
.product_price small {font-size:.6em !important}

.further_enquiries {font-weight:normal !important;padding:3px 4px;;font-weight:normal;margin:0 10px 0 0;background:url(../img/icon-enquiries.gif) no-repeat center left;padding:0 0 0 20px;}

.page_info {margin:0 0 0 13px;}


#content_container {position:relative}

/*=SITEBAR
=== === === === === === === === === === */
#twocol #content {float:left;width:490px}
#sidebar {float:right;width:240px;position:relative !important;margin:20px 0;}


/*=CONTENT
=== === === === === === === === === === */

#content {width:760px;position:relative;margin:20px 0;clear:both;min-height:170px}

.page_numbers {display:block;padding:0px 0;margin:15px 0;width:760px;text-align:right;clear:both;background:url(../img/page_numbers-bg.gif) repeat-x center left}
.page_numbers a {color:#BC5E00;padding:4px 5px;display:inline;background:#FFF;}
.page_numbers a:hover {color:#e57200}
.page_numbers a.current {color:#713800;font-size:1.2em}
.page_numbers .grey {color:#b5ada5;padding:4px 5px;display:inline;background:#FFF;font-weight:bold}


/* Formatting */
#content p, #sidebar p {margin:0 0 1em 0}
#content h1,#content h2,#content h3, #sidebar h3, #content h4,#content h5 {font-family:arial,verdana;color:#000;font-weight:bold;line-height:1.4em;margin:0 0 10px 0}
#content h1 {font-size:2em;margin:0 0 20px 0}
#content h2 {font-size:1.7em;margin:0 0 20px 0}
#content h3,#sidebar h3 {font-size:1.45em}
#content h4 {font-size:1.2em;}

#content small {font-size:.9em;line-height:1.7em}
#content big {font-size:1.2em;line-height:1.7em;font-weight:bold;color:#40586b}
em,i {font-style:italic}
b,strong {font-weight:bold}
#content ul {margin:0 0 1em 1.5em;list-style-type:disc}
#content ul li {margin:0 0 .3em 0}
#content ul ul {margin:0 0 0 .5em}
#content ol {margin:0 0 1em 1.8em;list-style-type:decimal}
#content img.bthick {padding:6px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#content img.bthin,#sidebar img.bthin {padding:3px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#content img.left {float:left;margin:0 1em 1em 0}
#content img.right {float:right;margin:0 0 1em 1em}

/* Forms */
#content form {margin:0 0 1em 0}
form label {font-weight:bold}
form input,textarea {padding:3px 4px;border:1px solid #b7bfd0;color:#005879;font-weight:bold;font-size:1em}
form input:hover {color:#000}
form button {font-size:.9em}
form button:hover {cursor:pointer}
form .req {border:1px solid red !important}
#content button {padding:.2em .3em}

#contactForm {padding:15px 0;width:520px}
#contactForm p {float:left;margin:0 10px 10px 0;height:50px}
#contactForm label {display:block;}
#contactForm label.error {margin:0 0 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}
#contactForm small {margin:0 0 0 100px}
#contactForm .mess {height:auto !important}
#contactForm .productenquiry {width:auto}
#contactForm textarea,#contactForm .productenquiry input {width:475px}
#contactForm  button {clear:both;float:left}

#booking_form {padding:0 0 15px 0;width:520px}
#booking_form p {float:left;margin:0 10px 10px 0;height:50px}
#booking_form label {display:block;}
#booking_form label.error {margin:0 0 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}
#booking_form small {margin:0 0 0 100px}
#booking_form .mess {height:auto !important}
#booking_form .productenquiry {width:auto}
#booking_form textarea {width:475px}
#booking_form  button {clear:both;float:left}

#friendForm {padding:15px 0;width:520px}
#friendForm fieldset {clear:both;width:520px;}
#friendForm legend {font-family:arial,verdana;clear:both;color:#000;font-size:1.25em;font-weight:bold;margin:0;padding:.2em 0 .5em 0;display:block;line-height:2em}
#friendForm p {float:left;margin-right:10px}
#friendForm label {display:block}
#friendForm label.error {margin:0 0 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}
#friendForm small {margin:0 0 0 100px}
#friendForm button {clear:both;float:left;margin:5px 0 0 0}


/* Sitemap */
#sitemap ul {position:relative;border-left:1px solid #CCC;margin:0 0 20px 20px !important;padding:0}
#sitemap ul ul {margin-bottom:15px !important}
#sitemap li {list-style-type:none !important;margin:0 !important;padding:0 !important}
#sitemap li a {padding:0 0 0 9px;background:url(../img/sitemap_a_bg.gif) no-repeat center left;line-height:1.7em}
#sitemap ul a {font-weight:bold}
#sitemap ul ul a,#sitemap ul ul ul a,#sitemap ul ul ul ul a {font-weight:normal}

/* Custom */
.page_tools {position:absolute !important;right:0;top:7px;font-size:.9em;list-style-type:none !important;}
.page_tools a {display:block;font-weight:normal;float:left}
.page_tools .printpage {background:url(../img/icon-print_page.gif) no-repeat center left;padding:0 0 0 20px;margin:0 0 0 10px}
.page_tools .sendtofriend {background:url(../img/icon-send_to_friend.gif) no-repeat center left;padding:0 0 0 17px;}
.furtherinfo {padding:20px 0;float:left;clear:both;display:block;width:100%;margin:0 !important;list-style-type:none}
.furtherinfo li {display:inline}
.furtherinfo a {float:left}
.furtherinfo .back {background:url(../img/icon_back.gif) no-repeat center left;padding:5px 0 5px 18px;display:block;margin:0 15px 0 0}
.furtherinfo .enquire {background:url(../img/icon_enquire.gif) no-repeat center left;padding:5px 0 5px 18px;display:block}
.pdf {background:url(../img/pdf_icon.gif) no-repeat 8% 50%;background-color:#e7eef0;padding:10px 10px 10px 32px !important}
.img_library {float:left;padding:15px 0 0 0}
.img_library .last {margin-right:0 !important}
.img_library a {float:left;border:1px solid #CCC;margin:0 3px 3px 0}
.img_library img {display:block}
.search_results a {width:585px !important}
.note {color:#505b48;clear:both;width:740px;text-align:center;background:#e8f8d9;padding:10px;display:block;}
.green {color:#357A14}
.black {color:#000}
.back_to_listings {background:url(../img/icon_arrowback.gif) no-repeat center left;padding:3px 3px 3px 20px;font-size:1.2em}
.wysiwygemail {display:none}

#map  {width:750px;height:300px;margin:0 0 20px 0;border:5px solid #dedbd4}

#content .twocol {margin:0 0 20px 0;float:left;width:760px}
#content .colone {float:left;width:490px}
#content .coltwo {float:right;width:240px}



/*=SITE SEARCH
=== === === === === === === === === === */
#sitesearch .searchinput {border:1px solid #98A9C8;width:142px;padding:3px 4px;background:#FFF url(../img/searchinput_bg.gif) repeat-x}
#sitesearch .submitbtn, #advanced_distributorsearch .submitbtn {vertical-align:bottom;margin:0 0 0 2px}
#sitesearch {padding:5px 0 0 0}
#sitesearch h3 {font-weight:bold;margin:0 0 2px 0}


/*=FOOTER
=== === === === === === === === === === */
#footer {width:720px;padding:10px 20px;float:left;background:#f7e39d url(../img/footer-bg.gif) repeat-x 0 32px}
#footer .search_bar {width:760px;background:#4B4942;color:#ece6d0;margin:-10px -20px 10px -20px;padding:5px 0;float:left}
#footer .search_bar form {float:left;margin:0 0 0 145px}
#footer .search_bar small {float:right;width:210px;line-height:11px;position:relative;padding:0 70px 0 0;text-align:right}
#footer .search_bar small a {color:#ece6d0;font-weight:normal}
#footer .search_bar small a:hover {color:#FFF}
#footer .search_bar small img{float:right;position:absolute;right:0;top:-10px;margin:0 15px 0 0;z-index:9}
#footer .search_bar form {height:21px}
#footer .search_bar label {background:url(../img/footer-search_website.gif) no-repeat center left;text-indent:-99999px;width:115px;height:21px;display:block;overflow:hidden;float:left}
#footer .search_bar input {border:0;float:left;margin:0 4px 0 0;width:150px}
#footer .search_bar button {border:0;background:url(../img/btn-go.gif) no-repeat;text-indent:-99999px;width:44px;height:21px;display:block;overflow:hidden;float:left}

#footer .view_map {margin:-30px 20px 0 0;width:105px;height:110px;background:url(../img/mike_griggs_map.png) no-repeat top left;text-indent:-99999px;display:block;overflow:hidden;}
#footer .view_map:hover {background-position:top right}

#footer .col1, #footer .col2, #footer .view_map {float:left;line-height:1.4em;color:#4B4942;}
#footer .col1 {margin:0 25px 0 0}
#footer .col3 {float:right;width:260px;color:#4B4942}
#footer .col3 img {float:right;margin:10px 0}
.credits {background:url(../img/intervolve_credits.gif) no-repeat center left;text-indent:-99999px;width:239px;height:28px;display:block;overflow:hidden;float:right;margin:0 !important;float:right}
#footer .col3 p {text-align:right;margin:0 0 5px 0}

span.finals {color:#57533a;line-height:1.4em;height:50px;float:left;width:760px;padding-top:10px}
span.finals a {font-weight:normal;color:#a1996b;margin:0 5px 0 0}
span.finals a:hover {color:#6a6235}
span.finals small {float:left}
span.finals .bottom_links {float:right}

.search .result {clear:both;margin:0 0 20px 0}
.search .result img {float:left;margin:3px 10px 5px 0;padding:2px;border:1px solid #CCC}
.search .result h3 {margin:0 0 5px 0 !important}
