/*
Theme Name: Wintersun Custom Theme
Theme URI: www.wintersunchem.com
Description: None
Author: Ryan G
Version: 0.3
*/

/*-----------------------------------------------------------------------------------*
/*Reset
/*-----------------------------------------------------------------------------------*/

* { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a img, a { outline: 0; border: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: """" }
.clear { clear: both }
.clearfix:after { display: block; visibility: hidden; content: "."; clear: both; text-indent: -9999px; height: 0; }
.remove-margin { margin-right: 0 !important }
iframe { display: none; }
iframe.iframe { display: block }

/*-----------------------------------------------------------------------------------*
/*Body, Common Classes &Structure
/*-----------------------------------------------------------------------------------*/

body { background: #EEE; font-size: 12px; line-height: 1.5em; color: #333; font-family: 'Open Sans', sans-serif; }
a { text-decoration: none; color: #26466D; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
a:hover { text-decoration: none; color: #660000; }
a:visited { color: #0033cc;}
p { padding: 0 10px 15px 10px; line-height: 25px; }
strong { font-weight: 700 }
em { font-style: italic }
#wrap { width: 920px; padding: 0 40px 40px; background: #FFF; margin: auto; border-top: 5px solid #464646;border-bottom: 5px solid #464646; -webkit-box-shadow: 0px 0px 5px #464646; box-shadow: 0px 0px 5px #464646; border-right: 1px solid #464646; border-left: 1px solid #464646;}
#main { padding: 10px 0 }

/*-----------------------------------------------------------------------------------*
/*Headings
/*-----------------------------------------------------------------------------------*/

h2, h3, h4 { text-transform: capitalize; letter-spacing: 1px; font-weight: 700; margin: 10px 0; font-family: 'Droid Serif', serif; }
/* h1 { font-size: 24px; line-height: 30px; letter-spacing: 0px; font-weight: 700; margin-bottom: 10px; } */
h1 { font-size: 28px; line-height: 30px; letter-spacing: 0px; font-weight: 700; background: #e8e8e8; font-family: 'Droid Serif', serif; padding: 5px; color:#333333;}
h2 { font-size: 16px; }
#left h2 { text-decoration: underline; }
h3 { font-size: 15px }
h4 { font-size: 14px }
h2, h3 { }
h2 a, h3 a, h4 a { color: #000 }
#post-header { margin: 0 0 40px; font-size: 14px; color: #999; }
#A, #B, #C, #D, #E, #F, #G, #H, #I, #J, #K, #L, #M, #N, #O, #P, #Q, #R, #S, #T, #U, #V, #W, #X, #Y, #Z { font-size: 40px; font-family: 'Droid Serif', serif; }
.homeparagraph {line-height: 18px;}

/*-----------------------------------------------------------------------------------*
/*WordPress Styles
/*-----------------------------------------------------------------------------------*/

.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 10px 0 10px 10px; }
.alignleft { float: left; margin: 10px 10px 10px 0; }
.floatleft { float: left }
.floatright { float: right }
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
#calendar_wrap { font-size: 11px; border: 1px solid #E3E3E3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #EEE; -webkit-box-shadow: 0px 0px 4px #EEE; box-shadow: 0px 0px 4px #EEE; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar thead th { font-style: normal; text-transform: capitalize; text-align: center; }
#wp-calendar td { color: #CCC; height: 15px; line-height: 15px; text-align: center; }
#wp-calendar a { display: block; color: #09F; }
#wp-calendar td:hover { color: #333 }
#wp-calendar #today { display: block; background: #EEE; color: #333; }
#wp-calendar { empty-cells: show; margin: 0; width: 100%; }
#wp-calendar caption { border-bottom: 1px solid #E3E3E3; padding: 5px 10px; font-size: 14px; color: #666; font-style: italic; text-align: center; }
.tagcloud a { float: left; margin-right: 5px; margin-bottom: 5px; display: block; padding: 2px 15px; font-size: 10px; font-weight: bold; text-shadow: 1px 1px 1px #333; border: 1px solid #9D4D2C; color: #FFF !important; background: #CF5240 url(images/read-more-bg.png) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tagcloud a:hover { text-decoration: none !important; background: #DB6353 url(images/read-more-bg-hover.png) repeat-x; }

/*-----------------------------------------------------------------------------------*
/*Header
/*-----------------------------------------------------------------------------------*/

#header { width: 100%; position: relative; }
#logo { float: left; padding: 5px 0; }
#logo h2, #logo h1 { margin: 0; line-height: 1.2em; font-size: 24px; }
#logo h2 a, #logo h1 a { color: #222; text-decoration: none; }
#logo h2 a:hover, #logo h1 a:hover { color: #26466D; }
#logo p { font-weight: normal; color: #666; font-size: 12px; }

/*-----------------------------------------------------------------------------------*
/*    6.    Navigation
/*-----------------------------------------------------------------------------------*/

#navigation { position: absolute; height: 48px; top: 0px; right: 0px; font-size: 1em; }
#navigation a { -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
/*** ESSENTIAL Navigation Style ***/

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; color: #fff; }
.sf-menu { line-height: 1.0 }
.sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 4em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
/*** navigation skin ***/

.sf-menu { float: left; margin-bottom: 1em; }
.sf-menu a { color: #666; padding: 1.5em 15px; text-decoration: none; }
.sf-menu .current-menu-item a { color: #000; /* current wp menu item */ }
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color: #da251c; background: #E8E8E8; }
.current-menu-item a { background: #e8e8e8; }
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active { background: #E8E8E8; }
.sf-menu li ul { border-right: 1px solid #ECECEE }
li.sfHover { color: #000 }
.sf-menu li li { background: #FFF; border-bottom: 1px solid #ECECEE; }
.sf-menu li li li { background: #FFF }
.sf-menu ul a { padding: .75em 1.2em }
/*** arrows **/

.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; width: 9px; height: 5px; text-indent: -999em; overflow: hidden; background: url('images/arrows-down.png'); }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 1.9em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -9px 0px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { top: 1em; width: 5px; height: 9px; background: url('images/arrows-side.png'); }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -5px 0; /* arrow hovers for modern browsers*/ }
/*** shadows for all but IE6 ***/

.sf-shadow ul { margin: 0 !important; border-right: none !important; border-bottom: none !important; background: url('images/shadow.png') no-repeat bottom right; padding: 3px !important; }
.sf-shadow ul ul { padding-left: 0 !important }
.sf-shadow ul.sf-shadow-off { background: transparent }

/*-----------------------------------------------------------------------------------*
/* Home Quote
/*-----------------------------------------------------------------------------------*/

#home-quote { text-align: center; background: #F9F9F9; color: #666; font-size: 16px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 20px; }
#home-quote h2 { margin: 0 0 10px }

/*-----------------------------------------------------------------------------------*
/* Home Highlights
/*-----------------------------------------------------------------------------------*/

#home-highlights { margin-bottom: 0px }
.home-highlight-box { float: left; width: 447px; margin: 0px 3px; padding: 3px; height: 140px; }
.home-highlight-box h2 { font-size: 16px; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #E0E0E0; padding: 2px; }
.home-highlight-box img { margin-bottom: 10px; -moz-box-shadow: 0px 0px 5px #CCC; -webkit-box-shadow: 0px 0px 5px #CCC; box-shadow: 0px 0px 5px #CCC; }
.home-highlight-box ul { list-style-type: none; }
.home-highlight-box ul li { font-size: 13px; }

/*-----------------------------------------------------------------------------------*
/* Portfolio
/*-----------------------------------------------------------------------------------*/

#portfolio-wrap { margin-top: 40px; }
#home-portfolio h2 { font-size: 14px; font-weight: bold; margin-bottom: 0px; }
.portfolio-box { float: left; width: 215px; margin-right: 22px; margin-bottom: 20px; }
.portfolio-box img { -moz-box-shadow: 0px 0px 5px #CCC; -webkit-box-shadow: 0px 0px 5px #CCC; box-shadow: 0px 0px 5px #CCC; }

/*-----------------------------------------------------------------------------------*
/* NivoSlider
/*-----------------------------------------------------------------------------------*/

#slider { position: relative; width: 920px; height: 350px; margin-bottom: 10px; }
/* The Nivo Slider styles */

.nivoSlider { position: relative }
.nivoSlider img { position: absolute; top: 0px; left: 0px; }
/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; }
/* The slices and boxes in the Slider */

.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; }
.nivo-box { display: block; position: absolute; z-index: 5; }
/* Caption styles */

.nivo-caption { position: absolute; left: 0px; bottom: 40px; max-width: 250px; padding: 20px; background: #000; color: #fff; opacity: 0.8; /* Overridden by captionOpacity setting */ z-index: 8; font-size: 24px; }
.nivo-caption p { padding: 0; margin: 0; }
.nivo-caption a { display: inline !important }
.nivo-html-caption { display: none }
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0px }
.nivo-nextNav { right: 0px }
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a { position: relative; z-index: 9; cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold }
.nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(images/arrows.png) no-repeat; text-indent: -9999px; border: 0; }
a.nivo-nextNav { background-position: -30px 0; right: 15px; }
a.nivo-prevNav { left: 15px }
.nivo-caption { text-shadow: none }
.nivo-caption a { color: #efe9d1; text-decoration: underline; }

/*-----------------------------------------------------------------------------------*
/*Posts &Pages
/*-----------------------------------------------------------------------------------*/

#post-content { float: left; width: 590px; }
.post-entry { width: 590px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEE; }
.single-entry { margin-bottom: 20px }
.post-entry-featured-image, #single-featured-image { float: left; height: 150px; width: 150px; -moz-box-shadow: 0px 0px 5px #CCC; -webkit-box-shadow: 0px 0px 5px #CCC; box-shadow: 0px 0px 5px #CCC; }
.post-entry-content { float: right; width: 400px; }
.post-entry-date, .post-entry-date-single { font-size: 12px; color: #666; letter-spacing: 1px; margin-bottom: 7px; }
.post-entry-date-single { margin-bottom: 20px }
.post-tags { margin-right: 10px; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #EEE; font-size: 12px; }
.post-tags a { color: #666; margin-left: 5px; padding: 3px 7px; background: #EEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.post-tags a:hover { background: #26466D; color: #FFF; }
#single-featured-image { float: left; margin-right: 20px; margin-bottom: 10px; }
#post-content ul, ol { margin-left: 50px; margin-bottom: 10px; }
#post-content h1 { margin-bottom: 0px }
#post-header { margin-bottom: 40px }
#post-header p { margin: 0; padding: 0; }
.post-entry h2 { line-height: 1em; margin: 0 !important; font-size: 21px; }
.post-entry h2 a { text-decoration: none }
.page-title { margin-bottom: 20px !important }
.social { margin-top: 20px; width: 600px; height: 40px; }
.tweet-this { float: left }
#breadcrumbs { border-bottom: 1px solid #EEE; padding-bottom: 5px; font-size: 11px; margin-bottom: 20px; }

/*-----------------------------------------------------------------------------------*
/*Post Author Section
/*-----------------------------------------------------------------------------------*/

#post-author { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEE; }
#author-avatar { float: left; width: 70px; }
#author-avatar img { padding: 4px; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#author-description { float: right; width: 510px; }

/*-----------------------------------------------------------------------------------*
/*Related Posts
/*-----------------------------------------------------------------------------------*/

#related-posts { margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #EEE; color: #999; }
.related-post { margin-bottom: 20px }
.related-posts-thumbnail { float: left; width: 60px; margin-right: 20px; }
.related-posts-thumbnail img { padding: 3px; border: 1px solid #D3D3D3; -moz-box-shadow: 0px 0px 3px #D3D3D3; -webkit-box-shadow: 0px 0px 3px #D3D3D3; box-shadow: 0px 0px 3px #D3D3D3; }
.related-posts-content { float: right; width: 510px; }
#related-posts h3 { margin: 0 0 20px }
#related-posts h4 { font-size: 16px }

/*-----------------------------------------------------------------------------------*
/*Comments
/*-----------------------------------------------------------------------------------*/

#comments { }
#commentsbox { margin-top: 30px }
#commentsbox ol, #commentsbox ul { list-style: none; margin-left: 0 !important; }
#commentsbox li { margin-bottom: 30px }
.children { list-style: none; margin: 30px 0 0; text-indent: 0; }
.children li.depth-2 { margin: 0 0 0px 50px }
.children li.depth-3 { margin: 0 0 0px 50px }
.children li.depth-4 { margin: 0 0 0px 50px }
.children li.depth-5 { margin: 0 0 0px 50px }
.comment-body { background: #FFF; position: relative; margin-left: 90px; padding: 20px; border: 1px solid #E3E3E3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 0px #EEE; -webkit-box-shadow: 1px 1px 0px #EEE; box-shadow: 1px 1px 0px #EEE; }
.comment-body:after { content: ''; position: absolute; top: 10px; left: -12px; width: 12px; height: 20px; background: url(images/comment-arrow.png) no-repeat; }
.comment-author:after { content: ''; position: absolute; top: 0px; left: -95px; width: 64px; height: 64px; border: 1px solid #CCC; background: url(images/avatar-overlay.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#commentsbox .avatar { position: absolute; left: -90px; top: 6px; }
.comment-author { font-size: 12px; color: #000; font-weight: bold; line-height: 1em; }
.says { display: none }
.comment-meta a { margin-bottom: 10px; font-size: 10px; font-style: italic; color: #666; }
.comment-reply-link { font-size: 10px; position: absolute; bottom: 0; right: 0; border: 1px solid #E3E3E3; padding: 0 8px; border-bottom: none; background: #EEE; color: #666; }
.cancel-comment-reply a { color: #F00 !important; line-height: 20px; height: 20px; }
#respond { margin: 40px 0 15px }
#comments-respond { margin: 0 0 10px; padding: 0; clear: both; }
#commentform label { display: block; font-size: 11px; }
#commentform input { margin-bottom: 10px; width: 40%; }
#commentform textarea { margin-top: 10px; display: block; width: 70%; }
#commentform input, #commentform textarea { background: #FFF; position: relative; padding: 5px; border: 1px solid #E3E3E3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#commentform input:focus, #commentform textarea:focus { -moz-box-shadow: 3px 3px 0px #EEE; -webkit-box-shadow: 3px 3px 0px #EEE; box-shadow: 3px 3px 0px #EEE; }
#commentSubmit { width: 130px !important; margin-top: -10px; cursor: pointer; color: #FFF; font-weight: bold; text-shadow: 1px 1px 1px #300033; border: 1px solid #9D4D2C !important; color: #FFF; background: #26466D!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#commentSubmit:hover { background: #CF5240!important }

/*-----------------------------------------------------------------------------------*
/*Sidebar
/*-----------------------------------------------------------------------------------*/

#sidebar { float: right; width: 294px; font-size: 13px; border: 3px solid #e8e8e8; padding: 10px;}
.sidebar-box { margin-bottom: 30px }
.sidebar-box h4 { color: #666; font-size: 18px; border-bottom: 3px solid #EEE; padding-bottom: 5px; margin-bottom: 10px; font-weight: bold; }
.sidebar-box ul { list-style: none; margin: 0 0 10px; }
.sidebar-box ul li { padding-bottom: 7px; padding-left: 20px; }

/*-----------------------------------------------------------------------------------*
/*Pagination
/*-----------------------------------------------------------------------------------*/

.pagination { position: relative; line-height: 30px; height: 30px; margin: 20px 0; font-size: 12px; }
.pagination span, .pagination a { height: 25px; line-height: 25px; display: block; float: left; margin-right: 4px; padding: 0 9px; text-decoration: none; width: auto; color: #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #EEE; }
.pagination a:hover { color: #FFF; background: #26466D; border-color: #492414; }
.pagination .current { color: #FFF; background: #26466D; border-color: #492414; }

/*-----------------------------------------------------------------------------------*
/*Footer
/*-----------------------------------------------------------------------------------*/

#copyright { text-align: center; font-size: 12px; }
#footleft { float: left; text-align: left; }
#footright { float: right; text-align: right; }
#footleft h1 { border: none; text-align: left; font-size: 24px; background: none; margin-left: -5px;}
#footleft a:visited { color: #26466D;}
#footleft p { padding: 0; letter-spacing: 1px }
#footer { margin-top: 30px; background: #E8E8E8; clear: both; height: 90px; padding: 10px; border: 1px solid #C4C4C4; }
.bottommargin { margin-bottom: 10px; }

/*-----------------------------------------------------------------------------------*
/*Search Bar
/*-----------------------------------------------------------------------------------*/

#searchbar { display: block; position: relative; width: 250px; }
#search { position: relative; width: 198px; padding: 5px 30px 5px 5px; outline: none; border: 1px solid #CCC; background: #F7F7F7; }
#search:focus { background: #EEE; text-shadow: 1px 1px 1px #FFF; }
#searchsubmit { position: absolute; right: 25px; top: 7px; background: url(images/search.png) no-repeat; text-indent: -9999px; border: none; outline: none; width: 15px; height: 15px; }

/*-----------------------------------------------------------------------------------*
/*Gallery
/*-----------------------------------------------------------------------------------*/

div.content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display: none; }
div.content a, div.navigation a { text-decoration: none; color: #777; }
div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; }
div.slideshow-container { position: relative; clear: both; height: 260px; /* This should be set to be at least the height of the largest image in the slideshow */ }
div.loader { position: absolute; top: 0; left: 0; background-image: url('css/loader.gif'); background-repeat: no-repeat; background-position: center; width: 430px; height: 260px; /* This should be set to be at least the height of the largest image in the slideshow */ }
div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
div.slideshow a.advance-link { display: block; width: 440px; height: 260px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 310px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align: center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
div.slideshow img { vertical-align: middle; }
div.image-title { font-weight: bold; font-size: 1.4em; }
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 10px 5px; list-style: none; }
a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb { background: #B81007; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; }
div.pagination { clear: both; }
div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }
#noimage { border: 1px solid #e0e0e0; font-size: 30px; background: #F0F0F0; color: #c9c9c9; text-align: center; height: 250px; }
.noimage { margin-top: 120px; }


/*-----------------------------------------------------------------------------------*
/*Home
/*-----------------------------------------------------------------------------------*/

#homedescription{padding: 5px 0; }
#homedescleft { padding-top: 30px;float: left; width: 200px;}
#homedescleft h1 { color: red; font-size: 35px; font-weight: 700; line-height:20px; font-family: 'Open Sans', sans-serif ;padding: 0;background: #fff;}
#homedescright {float: left; width: 600px;  padding: 10px 5px;}
#homedescright2 {float: left; width: 110px;padding-top: 10px;}



/*-----------------------------------------------------------------------------------*
/*Extra
/*-----------------------------------------------------------------------------------*/

#ordernav li { display: inline; padding: 5px; font-size: 24px; }
#pushdown {margin-top: 50px;}
table { margin: 30px 0; }
td { padding: 3px; }
#left { width: 460px; float: left; }
#right { width: 440px; float: right; }
#rightemail { width: 420px; float: right; }
sub { font-size: 70%; }
.indent { text-indent: 10px; list-style-position: inside; line-height: 25px; }
.box { border: 1px solid #E0E0E0; float: left; width: 288px; margin-right: 10px; padding: 3px; height: 250px; }
.box h2 { font-size: 16px; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #E0E0E0; padding: 2px; }
.clear1 { clear: both; margin-top: 10px; height:1px;}
#leftemail { width: 468px; float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #E0E0E0; }
#productsleft { width: 590px; float: left; line-height: 25px; font-size: 14px; }
#productsright { width: 290px; float: right; padding: 10px; margin-top: 50px; font-size: 12px; background: #f0f0f0; -webkit-border-radius: 10px; border-radius: 10px; }
#productsright ul { list-style-type: none; }
#productsright ul li { margin: 5px 0; }
.validation { font-size: 12px; color: #ff0000; text-indent: 30px; list-style-position: inside; }
.textinput { padding: 5px; border: none; width: 250px; border: 1px solid #000000; }
.textselect { padding: 5px; border: none; width: 262px; border: 1px solid #000000; }
.textareainput { padding: 5px; border: none; border: 1px solid #000000; width: 430px; }
.submit { background: #B81007; color: #ffffff; border: none; padding: 10px; cursor: pointer; }
#right a:visited{ color: #fff; }
.submitbutton { background: #B81007; color: #ffffff; border: none; padding: 3px; cursor: pointer; }
.emailinput { border: 1px solid #000; padding: 2px; }
#fixed { position: fixed; top: 560px; background: #B81007; color: #ffffff; padding: 10px; }
#fixed a { color: #ffffff; }
#fixed a:hover { color: #ffffff; }
#floatright { float: right; width: 103px; }

::selection {
	background: #000; /* Safari */ color:#ffffff;
	}
::-moz-selection {
	background: #000; /* Firefox */ color: #ffffff;
}

#middlealign {text-align: center;}
.page-title1 { text-align: center; margin-bottom: 20px !important }