/* ----------------------------------------------------------------------------------------- 
Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
----------------------------------------------------------------------------------------- */

/* Reset CSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align : baseline; }
table, caption, tbody, tfoot, thead, tr, th, td { vertical-align : top; }
body { line-height: 1.5; background: #fff; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; }
img { border : none; }
h1,h2,h3,h4,h5,h6 { color : #999; font-weight : normal; }
h1 { margin-bottom : .5em; font-size : 3em; line-height : 1; }
h2 { margin-bottom : .65em; font-size : 2em; }
h3 { margin-bottom : 1em; font-size : 1.5em; line-height : 1; }
h4 { margin-bottom : 1.25em; font-size : 1.2em; line-height : 1.25; }
h5 { margin-bottom : 1.5em; font-size : 1em; font-weight : bold; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 1.5em; }
ul { list-style-type : disc; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
acronym { border-bottom : 1px dotted #666; }
address { margin-top : 1.5em; font-style : italic; }
del  { color : #666; }
blockquote { margin : 1.5em; font-style: normal; }
strong { font-weight : bold; }
em,dfn { font-style : italic; }
dfn { font-weight : bold; }
pre,code { margin : 1.5em 0; white-space : pre; }
pre,code,tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table  { margin-bottom : 1.4em; width : 90%; }
th { font-weight: bold; }
th, td { margin : 0; padding : 0; }
tfoot { font-style : italic; }
caption { font-weight : normal; text-align : center; }
legend { font-weight : bold; }
hr { display : none; }

/* Author CSS ----------------------------------------------------------------------------------------- */

body { background : #fcfcfc url(http://fifthwheelco.com/siteimages/bg.png) repeat-x 0% 3px; border-top : 3px solid #02254d; font : 11px/1.5 Helvetica, Arial, Verdana, sans-serif; color : #333; }

/* =typography */
h1 { position : absolute; top : 0; left : 0; width : 214px; height : 132px; text-indent : -9999px; }
h1 a { display : block; width : 214px; height : 132px; }  
h1 a:hover { background : transparent; }
h1 { background : transparent url(http://fifthwheelco.com/siteimages/h1-trans.png) no-repeat; }
h2 { font-size : 1.5em; font-weight : bold; letter-spacing : 1px; }
h2, h3 { text-transform : uppercase; }
h3 { font-size : 1.1em; font-weight : bold; letter-spacing : 1px; }
h4 { font-size : 1em; font-weight : bold; }

blockquote { margin : 0 0 1.5em 0; }
p.more { clear : left; padding-top : 1.5em; border-top : 1px solid #fff; }
a.pdf { padding-left : 30px; background : transparent url(http://fifthwheelco.com/siteimages/pdf.png) no-repeat 0 0; line-height : 21px; display : block; }
#content_supp p.more { border-top : 1px solid #aeb3c1; }

a { color : #02254d; font-weight : bold; text-decoration : none; }
a:focus, a:hover { text-decoration : underline; }
a.comments { padding-left : 20px; background : url(http://fifthwheelco.com/siteimages/a_comments.gif) no-repeat 0 50%; }
a.selected { color : #000; }

img.fl { float : left; margin : 0 20px 5px 0; padding : 5px; border : 1px solid #aeb3c1; }
img.fr { float : right; margin : -9em 0 0 20px; }
img.fr0 { float : right; margin : 0; }

.vcard span, .org { display : block; }
#siteinfo .tel { font-size : 1.5em; } 
fieldset { overflow : hidden; }

label, label span { display : block; }
label { margin-bottom : 1.4em; }
label span { font-weight : bold; }
label input, textarea { padding : .15em 0; background : #fff!important; border : 3px double #999!important; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; } 
label input:hover, label input:focus, textarea:hover, textarea:focus { border : 3px double #666!important; }
label input { padding : .15em 0; width : 200px;  }
textarea { width : 288px; max-width : 288px; }

/* Layout ----------------------------------------------------------------------------------------- */

.container { width : 100%; }
.container_shadow { min-height : 80px; padding : 0 20px; width : 860px; margin : 0 auto; background : transparent url(http://fifthwheelco.com/siteimages/intro-shadow.png) repeat-x 50% 0; }

/* =branding */
#branding { border-bottom : 3px solid #000; position : relative; width : 940px; margin : 0 auto; padding : 0; min-height : 123px; }
#branding:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
#branding ul { position : absolute; left : 175px; bottom : 4px; list-style-type : none; margin : 0 0; padding : 0; line-height : 2em; }
#branding li { display : inline; text-transform : uppercase; border-right : 1px solid #000; padding : 12px; letter-spacing : 1px; }
#branding li#n04 { border-right-width : 0; }
#branding li a, #branding li a:visited { text-decoration : none; color : #666; }
#branding li a:hover { color : #000; }

/* =content */
.content { background : transparent url(http://fifthwheelco.com/siteimages/no-content.jpg) repeat-x; }
#content { width : 940px; margin : 0 auto; padding : 33px 0 3em 0; position : relative; }
#content:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }

/* =content_introduction */
#content_introduction { position : relative; color : #fff; border : 5px solid #e4e0c5; height : 297px; padding : 0; }
#content_introduction .intro { position : absolute; top : 6px; left : 5px; border : 1px solid #fff; background : transparent url(http://fifthwheelco.com/siteimages/intro-bg.png) repeat 50% 50%; min-height : 185px; width : 295px; padding : 50px 30px 40px; z-index : 999; }
#content_introduction h2 { font-size : 1.1em; text-shadow : #000 2px 2px 1px; color : #fff; }
#content_introduction p { font-size : 1.2em; font-weight : bold;  text-shadow : #000 1px 1px 1px; }
#content_introduction a, #content_introduction a:visited { text-decoration : underline; color : #fff; }
#content_introduction a:hover { color : #ccc; }

/* =content_main */
#content_main { float : left; width : 940px; position : relative; }
#content_main .col { float : left; width : 310px; padding-bottom : 3em; }
#content_main .one { margin-right : 30px; }
#content_main > p:first-child::first-line { font-weight : bold; }
#content_main h2 + p:first-line { font-weight : bold; }

/* =content_sub */
.content_sub { clear : left; background : #fcfcfc; }
#content_sub { position : relative; float : left; width : 580px; border-top : 1px solid #b2af9b; }
#content_sub p::first-line { font-weight : bold; }
#content_sub .col { float : left; width : 270px; padding : 3em 0; }
#content_sub .one { margin-right : 40px; }
.product #content_sub { min-height : 545px; }

/* =form */
#form { clear : left; width : 520px; }

/* =content_detail */
#content_detail { overflow : hidden; width : 950px; margin : 0 auto; padding : 3em 0 0 0; border-top : 1px solid #aeb3c1; }
#content_detail .col { float : left; width : 270px; }
.vevent { padding : 3px 3px 0; }
.vevent:hover { background : #e8ebee; }
.vevent h4 { margin-bottom : 0; }
#content_detail .one, #content_detail .two { margin-right : 50px; }

/* =content_supp */
.content_supp { float : right; width : 280px; }
#content_supp { overflow : hidden; width : 280px; margin : 0 auto; padding : 3em 0 0 0; }
#content_supp h3 + p:first-line { font-weight : bold; }
#content_supp .col.feature { background : #02254d; color : #fff; padding : 20px; width : 240px; border-width : 0; }
#content_supp .col.feature p { margin-bottom : 0; }
#content_supp .col { float : left; width : 280px; padding-top : 20px; border-top : 1px solid #b2af9b; border-bottom : 3px solid #e4e0c5; }
#content_supp .col.three { border-bottom-width : 0; }
#content_supp .one, #content_supp .two { clear : both; }
#content_supp .one { border-top-width : 0; }
#content_supp .zero h3 a { color : #999; line-height : 1.4em; }

/* =siteinfo */
.siteinfo { color : #fff; width : 100%; min-height : 11.5em; padding : 100px 0 3em 0; background : #10192b url(http://fifthwheelco.com/siteimages/siteinfo.png) no-repeat 50% 0; }
#siteinfo { position : relative;  width : 910px; margin : 0 auto; }
#siteinfo .vcard, #siteinfo p { position : absolute;  width : 230px; }
#siteinfo .vcard { top : 1.5em; left : 480px; }
#siteinfo p { top : 1.5em; left : 200px; text-align : right; }
#siteinfo a, #siteinfo a:hover { color : #fff; }

/* =nav_supp */
#nav_supp { width : 100%; margin : 0; padding-bottom : 3em; background-color : #10192b; }
#nav_supp ul { list-style-type : none; width : 910px; margin : 0 auto; padding-top : 3em; text-align : center; border-top : 1px solid #3a465c; }
#nav_supp li { display : inline; margin-right : 15px; padding-right : 15px; border-right : 1px solid #3a465c; }
#nav_supp li#ns08 { margin-right : 0; padding-right : 0; border-right-width : 0; }
#nav_supp li a, #nav_supp li a:visited { text-decoration : none; color : #fff; }
#nav_supp li a:hover { text-decoration : underline; }




/* index ----------------------------------------------------------------------------------------- */

/* =branding *
.index .branding { min-height : 14em; padding : .0; background : transparent url(http://fifthwheelco.com/siteimages/no-branding-trans.png);}
.index .branding:hover { background : transparent url(http://fifthwheelco.com/siteimages/no-branding_hover-trans.png);}
.index #branding { position : relative; width : 910px; padding-top : 1em; }
.index h1 { top : 10px; }
.index #branding ul { width : 586px; text-align : right; }
.index #branding li { display : block; margin : 0; padding : .5em 0; border-right-width : 0; border-bottom : 1px solid #635d55; }
.index #branding li#n03 { border-bottom-width : 0; }

/* =content */
.index #content { position : relative; }

/* =content_main */
.index #content_main { padding-top : 36px; width : 580px; position : relative; left : -40px; }
.index #content_main .vehicles { width : 580px; float : left; border-bottom : 3px solid #e4e0c5; }
.vehicles img { background : #fff; margin-bottom : 1em; padding : 5px; border : 5px solid #e4e0c5; }
.vehicles p:first-line { font-weight : bold; }

/* =content_sub */
.index #content_sub {  }

/* =content_supp */
.index #content_supp { position : relative; right : -40px;  }




/* article ----------------------------------------------------------------------------------------- */

.article #content_introduction .intro { top : 11px; left : 11px; min-height : 172px; }
.article #content_introduction img { background : #fff; padding : 5px; }
.article #content_main { width : 520px; margin-top : 3em; }
.article #content_main h3 { margin-top : 3em; }





/* contact ----------------------------------------------------------------------------------------- */

.contact #content_main h3 { margin-top : 0; }
.contact #f01, .contact #f02 { float : left; width : 230px; margin-right : 30px; }
.contact #f03 { clear : left; overflow : hidden; width : 520px; padding : 1.5em 0; }
.contact #f03 .textarea { float : left; width : 310px; }
.contact #f03 .fm { float : left; width : 180px; }
.contact #f03 .fm.submit { clear : left; }
.contact #f03 p { margin-top : 1.5em; }
.contact #f03 ul { list-style-type : none; margin : 0; }
.contact #f03 li { margin-bottom : .5em; }
.contact #f03 ul label { display : inline; }





/* blog ----------------------------------------------------------------------------------------- */

.blog #content_introduction img { background : #fff; padding : 5px; }
.blog #content_sub h3 { margin-top : 3em; }
.blog #content_main { width : 520px; margin-top : 3em; }
.blog #comments h3 { margin-top : 1.5em; padding-top : 1.5em; border-top : 3px solid #ccc; }
.blog #content_main .fl { position : relative; left : -30px; margin-bottom : 10px; margin-right : -10px; }
.blog form { padding : 1.5em 0 3em 0; }
.blog label span { float : left; width : 150px; margin-right : 20px; text-align : right; }
.blog label input { width : 288px;  }
.blog form p { margin-top : 1.5em; padding-top : 1.5em; border-top : 3px solid #ccc; }
.blog .entry-summary p { font-weight : bold; margin-bottom : 1.5em; padding-bottom : 1.5em; border-bottom : 1px solid #ccc; } 
.blog .entry-content blockquote { margin-right : 20px; padding-left : 20px; border-left : 3px solid #ccc; }
.blog .entry-content .quote { margin-bottom : .5em; }
.blog .entry-content .author { font-style : italic; }
.blog .entry { margin-bottom : 1.5em; border-bottom : 1px solid #ccc; }
.blog .entry:last-child { margin-bottom : 0; border-bottom-width : 0; }
.comment { overflow : hidden; margin-bottom : 1.5em; border-bottom : 1px solid #171717; }
.comment .vcard { float : left; width : 250px; margin-right : 50px; }
.comment blockquote { float : left; width : 350px; }





/* events ----------------------------------------------------------------------------------------- */

ol.vcalendar { list-style-type : none; margin-left : 0; }
ol.vcalendar .vevent { overflow : hidden; position : relative; margin-bottom : 1.5em; padding-left : 210px; }
ol.vcalendar .location { position : absolute; top : 0; left : 0; }





/* hlisting ----------------------------------------------------------------------------------------- */

.item h4 abbr { display : none; }
.item img { margin-bottom : 1.5em; padding : 5px; border : 5px solid #e4e0c5; width : 200px; }
.item .hcard { display : none; }
.sml { float : left; width : 110px; margin-right : 20px; }
#content_sub .item p { float : none; width : auto; margin-right : 0; }
#content_sub .offer-sale { display : none; }




/* preowned ----------------------------------------------------------------------------------------- */

.item { clear : left; }
.item img.photo { width : auto; }
.preowned .item img { width : auto; margin : 0; padding : 0; border-width : 0; }
.thumbnails { overflow : hidden; list-style-type : none; margin : 0; }
.thumbnails li { float : left : width : 110px; margin-right : 10px; }
.thumbnails li img { margin-bottom : 1.5em; padding : 5px; border : 5px solid #e4e0c5; }
.preowned #content { padding-top : 0; }



/* product ----------------------------------------------------------------------------------------- */

.product #content_sub { width : 229px; }
.product h2 span { float : right; margin-right : 30px; font-size : .65em; text-transform: none; }
.product h2.summary em { font-style : normal; color : #333; }

.range .content { background-image : none; border-top-width : 0; }
.range #content_main { position : relative; top : 0; left : -40px; width : 940px; }

.listing { margin-bottom : 1.5em; width : 220px; float : left; margin-right : 20px; }
.listing.l4 { margin-right : 0; }
.listing .item { width : 220px; color : #777; }
.listing .item:hover { color : #333; }
.listing .item:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.listing .item .desc { float : left; width : 220px; }
.listing .item h3 { margin-top : 0!important; }
.listing a, .listing a:visited { color : #7f90a4; }
.listing .item:hover a { color : #02254d; }

.content_supp .price { font-size : 1.5em; }

.pagination { clear : left; list-style-type : none; margin : 0; padding-top : 3em; }
.pagination li { display : inline; margin-right : 15px; padding-right : 15px; border-right : 1px solid #3a465c; }
.pagination li.last-child { margin-right : 0; padding-right : 0; border-right-width : 0; }

.celticrambler .content, .globestormer .content, .equisara .content, .trailer .content { background-image : none; border-top-width : 0; }
.celticrambler #content_main, .globestormer #content_main, .equisara #content_main, .trailer #content_main, .preowned #content_main { width : 520px; margin-top : 3em; }
.celticrambler #content_sub, .globestormer #content_sub { padding-top : 60px; }
.celticrambler #content_sub ul, .globestormer #content_sub ul { list-style-type : none; margin : 0; }

.celticrambler_detail, .globestormer_detail { background : #fcfcfc; border-top-width : 0; margin : 10px; }
.celticrambler_detail p, .globestormer_detail p { width : 75%; }

ul.nav_detail { text-transform : uppercase; list-style-type : none; margin-left : 0; }
ul.nav_detail li { margin-bottom : 1.5em; }
ul.nav_detail img { padding : 5px; border : 5px solid #e4e0c5; display : block; margin-bottom : 0.5em; }
ul.nav_detail a, ul.nav_detail a:hover { text-decoration : none; }

/* =specifications table */
table.specifications { float : left; width : 520px; margin : 0 0 48px; }
table.specifications td, table.specifications th { padding : 0.67em 0; border-bottom : 1px solid #ccc; width : 50%; }
table.specifications th { font-weight : bold; padding-left : 5px; }
table.specifications tr:hover { background : #e8ebee; }

/* =folder */
.folder { display : none; }
.folder.visible { padding-top : 1.5em; display : block; }

/* =tab-list */
.tab-list { position : absolute; top : -19px; left : 0; margin : 0; /* padding : 0 0 .5em 0; height : 19px; */ border-bottom : 1px solid #aeb3c1; }
.tab-list li { list-style : none; float : left; margin : 0; padding : 0; color : #aeb3c1; }
.tab-list li { cursor : pointer; font-weight : bold; padding : 5px 80px 5px 0; margin : 0; white-space : wrap; }
.tab-list .active-tab { color : #fff; }

.folder-tab { font-size : 1em; font-weight : bold; text-transform : uppercase; }
#folder-0-1-tab, #folder-0-2-tab { padding-left : 20px; }
#folder-0-0-tab, #folder-0-1-tab { border-right : 1px solid #aeb3c1; }

/* =gallery */
#gallery { list-style-type : none; position : relative; overflow : hidden; margin : 1.5em 0 0 0; padding-top : 160px; }
#gallery li { float : left; display : inline; width : 70px; margin : 0 10px 10px 0; }
#gallery img { width : 64px; height : 68px; padding : 2px; border : 1px solid #aeb3c1; }
#gallery a:hover { background-color : transparent; }
#i01, #i02, #i03 { position : absolute; width : 150px; height : 150px; }
#i01 { top : 0; left : 0; }
#i02 { top : 0; left : 160px; }
#i03 { top : 0; left : 320px; }
#i01 img, #i02 img, #i03 img { width : 150px; height : 150px; }
#i04, #i05, #i06, #i07 { position : absolute; }
#i04 { top : 0; left : 480px; }
#i05 { top : 0; left : 560px; }
#i06 { top : 80px; left : 480px; }
#i07 { top : 80px; left : 560px; }