/* Layout Stylesheet */

/* Body Positioning */
body { text-align: center; font-family: georgia; font-size: 14px; line-height: 1.5em; font-style: italic; color: #333; overflow-x: hidden;}
body a { color: #000; }
.wrapper {background: url(/img/skin/bg.png) repeat-y center; width: 960px;padding-left:15px; margin: 0 auto; text-align: left; }
#content-area {width:945px;}

a{text-decoration:none;}

/* Header */
#header { margin: 0px; height: 65px; background: url(/img/skin/header-bg.png) no-repeat center; }
#header .wrapper { position: relative; }
#header .jump { display: none; }
#header .logo { position: absolute; top: 4px; left: 0; width: 275px; height: 40px; overflow: hidden; }
#header .searchsite { position: absolute; top: 15px; right: 0; }
#header .searchsite legend, #header .searchsite label { display: none; }
#header .searchsite li { position: absolute; margin: 0; }
#header .searchsite .input { right: 25px; }
#header .searchsite .input .text { width: 150px; height: 15px; padding: 2px; border: 1px solid #CCC; padding-top: 4px; }
#header .searchsite .submit { right: 0; }

/* Primary Navigation */
.nav.primary { position: absolute; top: 10px; left: 300px; font-weight: bold; font-size: 11px; height: 45px; }
.nav.primary a { color: #000; text-decoration: none; padding-bottom: 20px; }
.nav.primary a:hover { background: url(/img/skin/nav-selected-bg.png) no-repeat 0px 20px; }
.nav.primary .selected { padding-bottom: 20px; background: url(/img/skin/nav-selected-bg.png) no-repeat 5px 29px; }
.nav.primary li { float: left; padding: 5px 5px 20px 5px; margin: 0px 10px; }


/* Content Area */
#container { background: url(/img/skin/body-bg.png) no-repeat 440px 50px; }
#body { margin-top: -11px; }
#sidebar { width: 155px; float: left; }

.article { margin: 0 25px 25px 25px; }
.article h2 { margin-bottom: 5px; }
.article a { color: black; font-weight: bold; text-decoration: none;  }
.article a:hover { text-decoration: underline; }

.faqlist { margin: 25px 25px 25px 25px; width: 860px; }
.faqlist a { color: #000; text-decoration: none; font-weight: bold; }
.faqlist a:hover { text-decoration: underline; }
.faqlist .even { width: 100%; float: left;}
.faqlist li { list-style-type: disc; list-style-position: inside; }


/* Sidebar */
#sidebar .newsletter { padding: 10px; }
#sidebar .newsletter .text { width: 135px; }

/* Sitemap */
.sitemap ul { font-size: 13px; font-weight: bold; }
.sitemap ul a { color: #333 !important; text-decoration: none; }
.sitemap ul a:hover { color: #111 !important; }
.sitemap ul li ul { margin: 0 0 3px 10px; }
.sitemap ul li ul a { color: #666 !important; }

/* Breadcrumb */
.breadcrumb { display:none; }

/* Footer */
#footer { background-color: #FFC513; color: #000; font-style: normal; }
#footer .wrapper { text-align: right; padding: 5px; font-family: geneva, verdana; font-size: 10px; }
#footer .wrapper a { text-decoration: none; color: #000; }
#footer .wrapper a:hover { text-decoration: underline;n }
#footer ul { margin: 10px; }
#footer p { text-align: left; margin: -10px 0px 20px 15px }
#footer li { display: inline; padding: 0 5px 0 6px; }
.copyright { display: block !important; margin-top: -52px; text-align: left !important; }
#footer img { position: relative; top: 3px; }
#footer .divider.last { display: none; }

/* Product Listing */
.listing .product { width: 182px; float: left; margin: 10px 0 10px 22px; }
.listing .product.clearleft { margin-left: 0; }

/* Product Details */
.product .content-wrapper { width: 445px; float: left; }
#add-to-basket { margin: 30px 0; }
#add-to-basket li { float: left; margin-right: 10px; }
#add-to-basket label { display: none; }
.product .gallery { width: 300px; float: right; text-align: center; padding: 10px 10px 6px 10px; }
.product .featured-image img { max-width: 300px; max-height: 300px; }
.product .gallery .thumbs { margin: 10px 0 0 0; text-align: left; }
.product .gallery .thumbs li { display: inline; margin: 0 15px 0 0; }
.product .gallery .thumbs img { max-width: 90px; max-height: 90px; }
.product .related-items { width: 100%; float: left; }

/* Search Results */
.search-results .listing { margin-top: 20px; }
.search-results .listing .product { width: auto; float: none; margin: 0; }
.search-results .listing .product .title, .search-results .listing .product .summary, .search-results .listing .product div.price { padding-left: 0; width: 650px; float: right; }
.search-results .listing .product .thumbnail { width: 100px; float: left; }
.search-results .listing .product .thumbnail img { max-width: 100px; max-height: 100px; }

/* Sorting Options */
.sorting { margin: 20px 0; }
.sorting legend { display: none; }
.sorting li { float: left; margin-right: 20px; }

/* Link Archive */
.listing .link { margin-top: 20px; padding-bottom: 20px; }
.listing .link .title,.listing .link .summary { font-size: 12px; padding-left: 120px; }
.listing .link .thumbnail { float: left; }

/* Send To Friend */
#sendtofriend { padding: 20px; text-align: left; }
#sendtofriend h3 { margin: 0 0 10px 0; }
#sendtofriend form { margin: 10px 0; }
#sendtofriend fieldset { margin-bottom: 10px; }

/* Contact Form */
dl.contact dt { width: 15%; }
dl.contact dd { width: 85%; }

/* Services */
.service .thumbnail { float: left; width: 15%; }
.service .title, .service .summary, .service .description, .service .links { float: right; width: 85%; }

/* Portfolio */
.pfitem .thumbnail { float: left; width: 47%; }
.pfitem h2, .pfitem .description, .pfitem .url, .pfitem .features, .pfitem .links { float: right; width: 53%; clear: right; }

/* Job Listing */
.joblisting .thumbnail { float: left; width: 23%; }
.joblisting h2, .joblisting .summary, .joblisting .details, .joblisting .more { float: right; width: 77%; clear: right; }

/* Image Gallery */
.listing.gallery { padding: 15px; }
.image-result { float: left; margin: 15px; }
.image-result h2 { display: none; }
.image-result a { display: block; width: 160px; height: 139px; line-height: 137px; text-align: center; }
.image-result img { vertical-align: middle; max-height: 137px; max-width: 137px; }

/* Store Locator */
.map.store-locator, .map.location { float: right; }

/* Home Page */
.home div.welcome-block { padding: 0px; margin: -11px 4px 0px; }
.home div.welcome-block .visual { float: left; width: 607px; }
.home .flash-panel { width: 950px; height: 371px; overflow: hidden; }
.home .featured-page { width: 420px; padding: 25px; float: left; }
.home .featured-page .fp-thumbnail { width: 130px; float: right; }
.home .featured-page .fp-thumbnail img { max-width: 130px; max-height: 130px; }
.home .featured-page .fp-content { width: 280px; float: left; margin-right: 10px;}
.home .featured-page .fp-content { font-size: 12px; }
.home .featured-page .fp-content .title { font-size: 1.4em; margin-bottom: 5px; font-weight: bold;}
.home .featured-page .fp-content .more { margin: 10px 0px 0px -3px; }
.featured-list { width: 49%; float: right; padding: 12px;}
.featured-list .listing { float: left; background-color: #ebebeb; }
.featured-list .listing .featured-page { float: left; }
.welcome-message { float: left; width: 42%; padding: 10px; margin: 0 0 10px 10px; }
.welcome-message h2 { margin-bottom: 10px; font-size: 1.4em; font-weight: bold; }
.welcome-message h4 { margin-bottom: 15px; font-size: 1.1em; }

/* Contact Form */
.contact-intro .content-wrapper { float: left;  }
.page-contact .sidebar { width: 280px; }
.page-contact .large { width: 260px; }
.googlemaps { width: 100%;  float: left; }
.googlemaps .maps { float: left; display: inline; padding-right: 9px; margin-top: 20px;}
.googlemaps div { width: 290px; }
.googlemaps .map2 { float: right; padding-right: 0px; }
.googlemaps img { width: 290px; border: none; }
.googlemaps a { text-decoration: none; }
.googlemaps .view { text-decoration: underline; }
.page-contact .left { width: 650px; }
.adress-info { float: left; margin-top: 0px; padding: 20px 0 10px 25px; }
.adress-info .contact_wrapper { float: left; width: 300px; }
.adress-info dt { float: left; width: 75px; font-weight: bold; padding-right: 5px; }
.adress-info dd { float: right; width: 200px; }
.adress-info p { font-weight: bold; font-size: 1.4em; margin: 20px 0 5px 0; }
.adress-info .contact_b { margin-bottom: 30px; }
.adress-info a { color: black; text-decoration: none; }
.adress-info a:hover { text-decoration: underline; }
.adress-info .address p { margin: 0px 0px 5px; font-weight: normal; font-size: 1em; }
.contact_email { margin-bottom: 10px; }
.contact_email dd { text-align:left; width: 525px; }
.contact-form {float:left;margin-bottom:20px;}
.contact-form .submit .image { float: left; margin-top: 10px; }
.contact-form .subfieldset legend { color: #000; }

/* FAQ's */
.faqlist .heading { clear: left; }
.faqlist h2 { width: 790px; }
.faqlist dt { clear: none; float: left; width: 800px; }
.faqlist dd { clear: none; float: left; width: 800px; }
.no-results { clear: left; padding: 10px; }

/* Video */
.video .video { float: left; }
.video .description { float: right; width: 360px; }

/* Information Page */
.content-wrapper { padding: 25px; }
.visual { float: right; margin: 0 25px; padding-top: 30px; }
.visual img { max-width: 303px; }
.content-wrapper h2 { font-size: 1.3em; font-weight: bold; padding-bottom: 10px; }
.content-wrapper .headline { font-size: 1.1em; padding-bottom: 10px; }
.content-wrapper p { padding-bottom: 5px; }

/* subPage */
.subdocument .content-wrapper { display: block; margin-left: 180px;}
.subdocument .visual { margin-top: 25px; }
.navpanel { text-align: right; float: left; }
.sectionhead { padding: 0px !important; font-size: 2em; font-weight: bold; text-align: left; margin: 10px; }
.navpanel .listing { padding-top: 20px; float: left; width: 200px; height: 360px; list-style: none; background: url(/img/skin/navpanel-bg.jpg) no-repeat; }
.navpanel h2, .navpanel li { padding-right: 60px; }
.navpanel li { padding-bottom: 20px; font-size: 1.1em; }
.navpanel .selected { font-weight: bold; background: url(/img/skin/nav-highlight.png) no-repeat 155px 0px; }
.navpanel a { color: #000; text-decoration: none; }
.navpanel a:hover { text-decoration: underline; }

/* Send To Friend */
#sendtofriend h2 { font-size: 1.3em; font-weight: bold; }
#sendtofriend legend { font-weight: bold; }
#sendtofriend li { float: left; margin-left: 10px; width: 100%; }
#sendtofriend label { float: left; width: 110px; }