/*
Wordpress Layout NAME: Putts PERFECT Version 1
DESCRIPTION: Custom Layout for Putts PERFECT by DaddyDesign.com
VERSION: 1
AUTHOR: Daddy Design
AUTHOR URI: http://www.daddydesign.com/
*/

/* General Settings */
*{ margin: 0; padding: 0; }

html, body { height:100%; }

img { border: 0; }

body{
background: url('images/bg.jpg') repeat-x top center #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-variant: normal;
color: #006738;
}

p { font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; line-height:17px; }

a{ color: #006738; text-decoration: none; }
a:hover{ color: #0aa145; text-decoration: none; }
a{ outline: none; }

sm{ font-size: 11px; }

/* View Cart Button */
#view_cart{ position: absolute; top: 0; right: 0; }

/* Container */
#container{ 
width: 980px;
min-height:100%;
margin: 0 auto -250px auto;
position: relative;
padding: 0 10px;
}

#clear_footer {
height: 250px;
clear: both;
}

/* Header */
#header{ 
width: 980px; 
float: left; 
margin: 15px 0 20px 0;
}
#logo{ 
width: 340px; 
height: 200px;
float: left;
background: url(images/logo.png) no-repeat center;
text-indent: -9000px;
}
#logo a{ display: block; width: 340px; height: 200px; }

#tagline{ 
width: 600px; 
height: 200px;
float: right;
background: url(images/tagline.png) no-repeat center;
text-indent: -9000px;
}

#menu{ 
width: 980px; 
height: 42px;
float: left;
background: url(images/menu_bg.png) no-repeat center;
margin: 10px 0 0 0;
}

/* Search */
.search {
width: 280px;
height: 28px;
float: right;
background: url(images/search_bg.png) no-repeat center;
margin: 5px 5px 0 0;
padding: 2px 8px;
}
.search .search_field {
width: 238px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006738;
border: 0;
background: none;
margin: 7px 0 0 6px;
}
.search .search_button {
width: 28px;
height: 28px;
float: right;
outline: none;
}

/* Content */
#content{ width: 980px; float: left; margin: 10px 0 30px 0; }
.divided{ background: url(images/content_bg.png) repeat-y center; }
.home{ margin: 0 !important; }
#content_left{ width: 620px; float: left; padding: 10px; }
#sidebar{ width: 300px; float: right; padding: 10px 0; }

.section{ width: 100%; float: left; padding: 0 0 30px 0; overflow: hidden; }
.home .section{ padding: 40px 0 30px 0; border-top: 3px solid #eeeeee; }
.section_header{ width: 100%; float: left; margin: 0 0 15px 0; }
.section_header h1.title{ line-height: 44px; }
.section_content{ width: 100%; float: left; }

h1.title{ font-family: VAGRundschriftEFOP; font-size: 48px; font-weight: normal; }
.typeface-js{ font-family: VAGRundschriftEFOP; font-weight: normal; }

a.feed_link{ 
float: left; 
font-size: 12px; 
font-weight: bold; 
background: url('images/rss_small.png') no-repeat left;
padding: 3px 0 2px 22px;
margin: 0 0 8px 0;
}

/* Home */
/* Slideshow */
#slideshow{
width: 980px;
float: left;
overflow: hidden;
margin: 0 0 35px 0;
}

#slide_wrapper{
width: 980px;
height: 320px;
float: left;
position: relative;
overflow: hidden;
background: url(images/slideshow_bg.jpg) no-repeat top center;
}
#slide_overlay{
width: 980px;
height: 320px;
position: absolute;
top: 0;
left: 0;
background: url(images/slideshow_overlay.png) no-repeat center;
z-index: 1;
}

#mySlides{
width: 980px;
height: 320px;
float: left;
}
.slide{ width: 980px; height: 320px; float: left; }
.slide_content_wrapper{ width: 510px; float: left; }
.slide_content{ 
width:440px;
height:320px;
display:table-cell;
padding:0 0 0 70px;
vertical-align:middle;
}
.slide_content h1{ font-size: 32px; line-height: 32px; margin: 0 0 2px 0; }
.slide_image{ width: 400px; height: 320px; float: right; }

#slideshow_controls{ 
width: 950px; 
float: left; 
padding: 10px 15px 0 15px;
}
#myController{ width: 600px; float: left; }
#myController span{
width:20px;
height:17px;
float: left;
cursor:pointer;
font-size:11px;
font-weight: bold;
text-align:center;
padding: 3px 0 0 0;
margin: 0 4px 0 0;
color: #999;
z-index: 1;
position: relative;
background: url(images/slideshow_nav_def.png) no-repeat center;
}
#myController span:hover{ background: url(images/slideshow_nav_roll.png) no-repeat center; color: #fff; }
#jFlowSlide{ float: left; }
#myController span.jFlowSelected { background: url(images/slideshow_nav_roll.png) no-repeat center; color: #fff; }

.jFlowPrev, .jFlowNext{
float: right;
cursor: pointer;
font-size: 44px;
line-height: 25px;
color: #ccc;
text-align: center;
padding: 0 0 0 8px;
z-index: 1;
position: relative;
}
.jFlowPrev:hover, .jFlowNext:hover{ color: #006738; }
/* END Slideshow */

.small_section{ width: 300px; float: left; margin: 0 0 10px 0; }
.small_section h1{ font-size: 24px; }
.small_section p a{ font-weight: bold; }
#home_specials h1.title, #home_news h1.title, #home_featured h1.title{ 
font-size: 28px; 
border-bottom: 1px dotted #dddddd; 
padding: 0 0 2px 0; 
}

.small_section ul{ 
width: 100%; 
float: left; 
list-style: none; 
}
.small_section ul li{
width: 100%; 
float: left; 
padding: 10px 0; 
margin: 0;
border-bottom: 1px dotted #dddddd;
}

.small_section ul h1{ font-size: 17px; line-height: 19px; margin: 0 0 2px 0; }
.small_section span.specials_post_meta, .small_section span.news_post_meta  { 
font-weight: normal; 
margin: 0; 
padding: 0;
border: 0;
}


/* Entry */
.entry{ width: 100%; float: left; }
.entry h2{ font-family: VAGRundschriftEFOP; font-size: 26px; font-weight: normal; }
.entry h3{ font-family: VAGRundschriftEFOP; font-size: 20px; font-weight: normal; margin: 0 0 5px 0; }
.entry blockquote{ display: block; padding: 15px 0; }
.entry img{ max-width: 100%; height: auto; }
.entry a{ font-weight: bold; }
.entry ul{ margin: 5px 0 15px; padding: 0 0 0 30px; }
.entry ul li{ margin: 0 0 3px 0; }

/* Products and Accessories */
#products_wrapper, #accessories_wrapper{ width: 640px; float: left; }

#products .product,
#accessories .accessory{ width: 300px; display: inline-block; vertical-align: top; padding: 0 16px 35px 0; }
.featured{ width: 300px; float: left; padding: 12px 0 0 0; }

.thumb{ width: 300px; height: 194px; display: block; position: relative; }
.thumb a{ 
display: block; 
width: 300px; 
height: 194px; 
position: absolute;
top: 0;
left: 0;
z-index: 2; 
}
.thumb_overlay{
width: 300px;
height: 194px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: url(images/overlay_thumb.png) no-repeat top left;
}
.item_info{ display: block; padding: 10px; }
.item_info h1{ font-size: 20px; }
.item_info span.price{ font-size: 16px; }

/* Single Products and Single Accessories */
#product_single .product, #accessory_single .accessory{ width: 100%; float: left; }

.product_header, .accessory_header{ width: 100%; float: left; margin: 0 0 25px 0; }
.product_content, .accessory_content{ width: 100%; float: left; }
.product_content a, .accessory_content a{ font-weight: bold; }

.main_image{ width: 620px; height: 400px; float: left; position: relative; margin: 0 0 10px 0; }
.image_overlay{
width: 620px;
height: 400px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: url(images/overlay_image.png) no-repeat top left;
}
a.add_to_cart{ float: right; }

.product_content h1.title, 
.accessory_content h1.title{ font-size: 40px; }
.product_content span.price, 
.accessory_content span.price{ font-size: 28px; margin: 0 0 10px 0; }
.product_content h2, 
.accessory_content h2{ font-family: VAGRundschriftEFOP; font-size: 26px; font-weight: normal; }
.product_content blockquote, 
.accessory_content blockquote{ display: block; padding: 15px 0; }

.product_content ul, 
.accessory_content ul{ margin: 5px 0 15px; padding: 0 0 0 15px; list-style: none; }
.product_content ul li, 
.accessory_content ul li{ margin: 0 0 3px 0; }

/* News and Specials */
#news img, #specials img{ max-width: 100%; height: auto; }
.specials_header h1.title{ line-height: normal; }

.news_post, .specials_post{ width: 100%; float: left; padding: 15px 0 30px 0; }
.news_post a, .specials_post a{ font-weight: bold; }
.single_news_post, .single_specials_post{ padding: 15px 0 40px 0; }
.recent_news{ padding: 10px 0; }
.news_post h1, .specials_post h1{ font-size: 26px; line-height: 30px; font-weight: bold; margin: 0 0 2px 0; }
span.news_post_meta, span.specials_post_meta{ 
display: block; 
font-size: 11px; 
font-weight: bold; 
margin: 0 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px dotted #dddddd; 
}

.section_header .navigation{ padding: 5px 0 0 0; }

/* Sociable Plugin */
div.sociable{ width: 100%; float: left; margin: 20px 0 !important; }
div.sociable_tagline{ font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0 0 6px 0; }
/* END Sociable Plugin */

/* NextGen Plugin */
.ngg-galleryoverview { float: left; margin: 0 0 20px 0 !important; }
.ngg-gallery-thumbnail { margin: 5px 10px 5px 0 !important; }
.ngg-gallery-thumbnail img { 
border: 1px solid #eeeeee !important;
margin: 0!important;
padding: 3px !important;
}
.ngg-gallery-thumbnail img:hover{ background-color: #dddddd !important; }

.TB_overlayBG{ opacity:0.85 !important; }
#TB_window img#TB_Image{ border: 0 !important; }
#TB_window{ }
#TB_caption{ padding: 7px 30px 10px 15px !important; }
#TB_closeWindow{ padding: 8px 15px 0 15px !important; }
/* END NextGen Plugin */

/* Comments */
#comments_wrapper, #respond{ width: 100%; float: left; padding: 0 0 10px 0; }
#comments_wrapper{ padding: 0 0 40px 0; }

h3#comments{ font-family: VAGRundschriftEFOP; font-size: 30px; font-weight: normal; }
.commentlist {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: left;
}
.commentlist li {
width: 100%;
float: left;
list-style: none;
margin: 0;
padding: 10px 0 15px 0;
}
.avatar{ float: left; border: 3px solid #e0e0e0; margin-right: 20px; }
.comment-meta{ display: block; font-size: 11px; padding: 0 0 5px 0; }
.vcard{ font-weight: bold; }
.commentlist li p{ width: 544px; float: right; }

#respond h3{ font-family: VAGRundschriftEFOP; font-size: 30px; font-weight: normal; margin: 0 0 5px 0; }
#commentform{ width: 100%; float: left; }

#commentform input#author,
#commentform input#email,
#commentform input#url,
#commentform textarea{
width: 250px;
background: #fff;
border: 3px solid #e0e0e0;
padding: 3px; 
margin: 0 3px 0 0;
color: #666;
} 
#commentform textarea{ width: 500px; display: block; padding: 5px; margin: 0 0 15px 0; }

#commentform #submit{
width: 198px;
height: 42px;
float: left;
border: 0;
cursor: pointer;
margin: 2px 0 5px 0;
padding: 0;
text-indent: -9000px;
background: url(images/comment_submit.png) no-repeat top left;
}

#commentform p { margin: 0 0 12px 0; }
p.nocomments { text-align: center; margin: 0; padding: 0; }

/* Navigation */
.navigation{ width: 100%; float: left; }
.navigation a{ font-size: 12px; font-weight: bold; }
.navigation .alignleft{ width: 48%; float: left; text-align: left; }
.navigation .alignright{ width: 48%; float: right; text-align: right; }

/* Search Results */
#search_results{ width: 960px; padding: 10px; }
#search_results h1.title{ line-height: 44px; }
#search_results span.search_query{ display: block; font-size: 24px; }

.search_result{ display: block; padding: 15px 0; }
.search_result h1{ font-size: 17px; margin: 0 0 3px 0; }
.search_result p{ margin: 0; }

p.no_results{ display: block; margin: 15px 0; }

/* 404 */
#error{ width: 960px; padding: 10px; }

/* Sidebar */
.sidebar_section{ width: 100%; float: left; padding: 0 0 35px 0; }
.sidebar_section h1.title{ font-size: 28px; border-bottom: 1px dotted #dddddd; padding: 0 0 2px 0; }
#contact_details h1.title{ border: 0; padding: 0; }

.sidebar_section ul{ 
width: 100%; 
float: left; 
list-style: none; 
}
.sidebar_section ul li{
width: 100%; 
float: left; 
padding: 10px 0; 
margin: 0;
border-bottom: 1px dotted #dddddd;
}

#sidebar_specials ul h1, #sidebar_news ul h1{ font-size: 17px; line-height: 19px; margin: 0 0 2px 0; }
#sidebar_specials span.specials_post_meta, #sidebar_news span.news_post_meta  { 
font-weight: normal; 
margin: 0; 
padding: 0; 
border: 0; 
}

/* Bottom */
#bottom_wrapper{ width: 980px; float: left; padding: 40px 0 0 0; border-top: 3px solid #eeeeee; }

#bottom{ width: 980px; float: left; padding: 0 0 30px 0; }
.bottom_section{ width: 300px; float: left; }
.middle{ padding: 0 40px; }

.bottom_section h1{ font-size: 24px; }

/* Newsletter */
.newsletter {
width: 300px;
height: 34px;
float: left;
background: url(images/newsletter_bg.png) no-repeat left;
}
.newsletter .field {
width: 216px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006738;
border: 0;
margin: 9px 0 0 16px;
}
.newsletter .submit {
width: 68px;
height: 34px;
float: right;
outline: none;
}

/* Recent Tweet */
#tweet{
width: 270px;
float: left;
background: url(images/tweet_top.png) no-repeat top center;
padding: 15px 15px 5px 15px;
margin: 2px 0 0 0;
font-size: 11px;
}
.twitter-timestamp{ display: block; font-size: 11px; font-weight: normal; color: #006738; }
#twitter a{ font-weight: bold; }
#tweet_bottom{ width: 100%; float: left; }

/* Stay Updated */
ul.stay_updated{ width: 100%; float: left; list-style: none; }
ul.stay_updated li { width: auto; float: left; margin: 0; padding: 0 5px 0 0; }
ul.stay_updated li img{ display: block; }

/* Footer */
#footer{ 
width: 100%; 
height: 250px; 
position: relative; 
background: url(images/footer_bg.jpg) no-repeat bottom center; 
}
#footer_main{ 
width: 980px;
height: 230px; 
margin: 0 auto;
padding: 20px 10px 0 10px;
background: url(images/footer_bg.jpg) no-repeat bottom center;
}

#footer_logo{
width: 510px; 
height: 58px;
display: block;
background: url(images/footer_logo.png) no-repeat center;
text-indent: -9000px;
}

ul.footer_menu{ width: 100%; display: block; list-style: none; margin: 12px 0 15px 0; }
ul.footer_menu li{ 
display: inline; 
font-size: 12px; 
font-weight: bold; 
padding: 0 8px 0 0; 
}
ul.footer_menu li a{ display: inline-block; }

span.disclaimers, span.credits{ display: block; font-size: 11px; margin: 3px 0 0 0; }
span.disclaimers{ font-weight: bold; margin: 0 0 5px 0; }

/* Coming Soon */
#container_coming_soon{ 
width: 980px;
min-height:100%;
margin: 0 auto;
position: relative;
padding: 0 10px;
}

#cs_top{ width: 980px; float: left; padding: 0 0 15px 0; }

.comingsoon, .cs_contact{ width: 980px; float: left; text-align: center; }

.special{ width: 980px; float: left; text-align: center; margin: 15px 0; }
.special img{ border: 5px solid #056839; }

.newsletter_503{ width: 100%; float: left; margin: 10px 0 15px 0; }
.newsletter_503 h3{ font-size: 18px; margin-bottom: 8px; }
.newsletter_503 input.ea{ width: 160px; padding: 3px; }

#cs_footer{ 
width: 980px; 
float: left; 
text-align: center; 
font-size: 11px;
line-height: 14px;
color: #056839;
padding: 10px 0 40px 0; 
}
#cs_footer a, #cs_footer a:hover{ color: #056839; }

.stayupdated{ width: auto; display: block; padding: 0 0 15px 0; margin: 0; list-style: none; }
.stayupdateditem{ width: auto; display: inline; }