@import url(http://www.treetopscaravanpark.co.uk/styles/css3/); /*  browser specific CSS */

@media screen {

/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, table, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }

/* =html */
html { background : #fff; color : #333; }	

/* =body */
body { font : 70%/1.5 "Lucida Grande", Verdana, Arial, sans-serif; }

/* =blocktext */
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0 15px; padding : .5em 0; }

/* =hx */
h2, h3, h4, h5 { font-weight : bold; color : #000;  line-height : 1.1; }

/* =h1 */
h1 { position : absolute; left : 30px; top : 10px; width : 144px; height : 123px; margin : 0; padding : 0; background : url(../../siteimages/h1.png) repeat-x 0 0; text-indent : -9999px; }

/* =h2 */
h2 { font-size : 160%; }

/* =h3 */
h3 { position : relative; clear : left;  font-size : 120%; }
li h3 { margin-left : 0; }

/* =h4 */
h4 { font-size : 110%; }
li h4 { margin-left : 0; }

/* =h5 */
h5 { font-size : 105%; }
li h5 { margin-left : 0; }

/* =p */
h2 + p { margin-bottom : 1em; padding-bottom : 1em; font-weight : bold; border-bottom : 1px dotted #333; }
li p { margin-left : 0; }
dd p, blockquote p { margin-left : 0; padding-top : 0; }
p.img { padding : 10px; background-color : #f3f0dc; border : 1px solid #dfdfdf; }
p#siteinfo_legal { clear : both; padding : 1em 0; text-align : center; }
p#subscribe { width : 60%; margin : 1em 15px 2em 15px; padding : 5px 10px; background : #fff url(../../siteimages/a_rss.png) no-repeat 99% 50%; border : 1px solid #dfdfdf; font-weight : bold; }
p#psudobutton { width : 60%; margin : 1em 15px 2em 15px; padding : 5px 10px; background : #fff  no-repeat 99% 50%; border : 1px solid #dfdfdf; font-weight : bold; }
/* =blockquote */
blockquote { margin : 1em 15px; padding-left : 15px; border-left : 1px dotted #333; }

/* =kbd/del/ins */
kbd { text-decoration : underline; }
del { color : #999; }
abbr { cursor : help; }
ins { text-decoration : none; }

/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-style : italic; }

/* =address */
address { font-style : normal; }
address span { display : block; }

/* =pre */
pre, code { font : 115% monospace; *font-size : 100%; }

/* =vcard */
.vcard  { position : relative; top : 15px; left : 15px; width : 195px; font-size : 100%; }
.vcard .street-address { display : block; }
.vcard .locality { display : block; }
.vcard .region { display : block; }
.vcard .country-name { display : block; }
.vcard .tel { display : block; }

/* =hlisting */
.hlisting li { margin-bottom : 1em; padding-bottom : 1em; border-bottom : 1px dotted #999; }
.hlisting li:last-child { margin-bottom : 0; padding-bottom : 0; border-bottom-width : 0; }
.hlisting div { float : left; margin : 0 10px 10px 0; padding : 10px; background-color : #f3f0dc; border : 1px solid #dfdfdf; }
.hlisting img { border : 10px solid #fff; }
.hlisting table { clear : left; margin-left : 0; width : 99%; }
.hlisting tbody tr { border-bottom-width : 0; }

/* =dl/dt/dd */
dt { font-weight : bold; }
dd { padding-bottom : .5em; }

/* =ul */
ul { list-style-type : none; }
dd ul { margin-left : 0; }
#nav_access { position : absolute; top : -9999px; }

/* =ol */
ol ol { margin-left : 0; }

/* =li */
#manufacturers li { float : left; width : 49.5%; }
#faqs li { list-style-type : none; margin-bottom : 1.5em; padding-bottom : 1em; border-bottom : 1px solid #ccc; }
#faqs li:last-child { border-bottom-width : 0; }

/* =img */
img, a img { border : none; }
p.img img { border : 15px solid #fff; }
#extras img { padding : 5px; border : 1px solid #dfdfdf; }

/* =hr */
hr { display : none; }

/* =a */
a, a:visited { color : #c93b0e; text-decoration : none; }
a:hover { text-decoration : underline; }
a:active, a:focus { color : #000; text-decoration : underline; }
h1 a { display : block; width : 144px; height : 123px; }
a[title$="RSS"] { display : block; min-height : 30px; padding-right : 30px; background : url(../../siteimages/a_rss.png) no-repeat 100% 0; }

/* =table */
table { margin-left : 15px; width : 85%; font-size : inherit; font-size : 99%; }

/* =caption */
caption { margin : 0 0 15px 15px; font-weight : bold; color : #000; text-align : left; }

/* =thead */
thead { font-weight : bold; }

/* = th td */
th, td { padding : .25em 0; vertical-align : top; }
th { font-weight : bold; }
tbody tr { border-bottom : 1px solid #999; }

/* =form */
form { margin-left : 10px; }

/* =fieldset */
fieldset { overflow : hidden; padding : 1em 0; }

/* =legend */
legend { font-weight : bold; }

/* =label */
label, label span { display : block; }
label span { color : #000; font-size : 92%; font-weight : bold; }

/* = text */
input[type="text"] { width : 95%; padding : .15em 0; border : 1px solid #c9cacc; border-top-color : #666; border-left-color : #666; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; }

/* = radio */
input[type="radio"] { float : left; margin-right : 10px; }

/* =textarea */
textarea { width : 95%; border : 1px solid #c9cacc; border-top-color : #666; border-left-color : #666; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; }

/* =select */
select { width : 95%; background : #fff; border : 1px solid #978f9e; border-top-color : #978f9e; border-left-color : #978f9e; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; }
#siteinfo select { float : right; width : 49.5%; }

/* = submit */
input[type="submit"] { padding : .5em; background-color : #5f7a57; border : 1px solid #c9cacc; border-top-color : #fff; border-left-color : #fff; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; color : #fff; }

/* =div */
form div { padding : .5em 0; font-size : 85%; }
#photos { width : 351px; }
.flickr_badge_image { float : left; margin : 10px; padding : 10px; background-color : #fff; border : 1px solid #dfdfdf; }

/* =layout */
#container { position : relative; width : 980px; margin : 0 auto; }
#branding { position : relative; width : 100%; height : 96px; }
#nav_main { float : left; width : 100%; margin-bottom : 10px; padding-bottom : 2px; background : #5f7a57 url(../../siteimages/nav_main.png) repeat-x 0 0; border-bottom : 1px solid #333; }
#content { overflow : hidden; float : left; width : 100%; background : url(../../siteimages/content.png) repeat-y 0 0; }
#content_main { float : left; width : 38%; padding-right : 12%; padding-bottom : 1em; }
#content_sub { float : right; width : 39.5%; padding : 15px 0 15px 10%; }
#siteinfo { position : relative; clear : both; float : left; width : 100%; min-height : 14em; background : #cfcdad; }

/* =nav */
#nav_main ul { float : left; margin : 0 0 0 200px; padding : 0; }
#nav_main li { float : left; display : block; }
li#ab { background : url(../../siteimages/nav_ab.png) repeat-x 0 0; }
li#nw { background : url(../../siteimages/nav_nw.png) repeat-x 0 0; }
li#cs { background : url(../../siteimages/nav_cs.png) repeat-x 0 0; }
li#cu { background : url(../../siteimages/nav_cu.png) repeat-x 0 0; }
#nav_main a { float : left; display : block; padding : 15px 20px; color : #fff; font-weight : bold; text-decoration : none; }

/* = index */
.index #nav_main { margin-bottom : 0; }
.index #content { background : #fff; }
.index #content_main { float : left; width : 100%; padding : 15px 0; }
.index #content_main div { float : left; }
.index #content_main .one { position : relative; width : 392px; }
.index #content_main .one div { padding : 15px; background-color : #f3f0dc; border : 1px solid #dfdfdf; }
.index #content_main .two { width : 362px; }
.index #content_main .two div { margin-bottom : 15px; padding : 15px 10px; background : #f3f1dc url(../../siteimages/two_div.jpg) repeat-x 0 100%; }
.index #content_main .three { width : 224px; border-left : 1px solid #dfdfdf; }
.index #content_main .three div { width : 184px; margin-left : 10px; background : url(../../siteimages/three_div.jpg) repeat-x 0 0; border-top : 1px solid #dfdfdf; }
.index #content_sub { float : left; width : 100%; padding : 15px 0 120px; background : #f3f0dc url(../../siteimages/index_content_sub.jpg) repeat-x 0 100%; }
.index #content_sub div { float : left; }
.index #content_sub .one { width : 380px; }
.index #content_sub .two { width : 400px; }
.index #content_sub .three { width : 190px; }
.index #siteinfo { background : #cfcdad url(../../siteimages/siteinfo.jpg) no-repeat 15px 25px; }

.index  h2 + p { margin-bottom : 0; padding-bottom : .5em; border-bottom-width : 0; }
.index #content_main .two ul { clear : left; }
.index #content_sub .one dd { margin-bottom : 1em; padding-bottom : 1em; border-bottom : 1px dotted #999; }
.index #content_sub .one dd:last-child { margin-bottom : 0; border-bottom-width : 0; }
.index .vcard  { left : 588px; }

/* = article */
.article #content_main ul { list-style-type : disc; list-style-position : inside; }
.article #content_sub dd { margin-bottom : 1em; padding-bottom : 1em; border-bottom : 1px dotted #999; }
.article #content_sub dd:last-child { margin-bottom : 0; border-bottom-width : 0; }

/* = info */
.info #content { background : #fff; padding-bottom : 1.5em; }
.info #content_main { position : relative; float : none; width : 550px; margin : 0 auto; padding : 15px 0; }
.info #location { position : absolute; top : 20px; left : -220px; width : 200px; }

/* = sales */
.sales #content_main { width : 49.5%; padding : 15px 0; }
.sales #content_sub { width : 49.5%; padding : 15px 0; }
.sales #content_sub dd { margin-bottom : 1em; padding-bottom : 1em; border-bottom : 1px dotted #999; }
.sales #content_sub dd:last-child { margin-bottom : 0; border-bottom-width : 0; }
.sales input[type="text"] { width : 50%; }
.sales textarea { width : 50%; }

/* decorative images (dec) */
div[id="content_main"] .two div + h3 + p { margin-left : 50px; }
#dec_1 { display : none; }
#content_main img[id="dec_1"] { display : block; float : left; position : relative; top : 30px; left : -200px; margin : 0 -220px -30px 0; }
#content span[id="dec_1"] { position : fixed; top : 18em; left : 50%; display : block; width : 269px; height : 217px; margin-left : -135px; background : url(../../siteimages/dec_1.png) no-repeat 0 0; }
.index span[id="dec_2"] { position : absolute; top : -110px; left : 400px; display : block; width : 179px; height : 135px; background : url(../../siteimages/dec_2.png) no-repeat 0 0; }
.info span[id="dec_2"] { position : absolute; top : -110px; left : 760px; display : block; width : 179px; height : 135px; background : url(../../siteimages/dec_2.png) no-repeat 0 0; }
.sales span[id="dec_2"] { position : absolute; top : -110px; left : 760px; display : block; width : 179px; height : 135px; background : url(../../siteimages/dec_2.png) no-repeat 0 0; }
}