/*
Theme Name: Calema
Theme URI: http://calema.com
Description: Custom, Private Copyrighted WordPress Theme
Version: 1.0
Author: Brandon Stewart
Author URI: http://pixeltree.us
Tags:  fixed-width, two-columns
*/
* {padding:0; margin:0; border: none; outline:0}
body {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #444; text-align:center; background: #6bd0f1 url(images/bg.png) top left repeat-x}
a {text-decoration:underline; color:#2a8fc9}
a:hover {text-decoration:none; color: #2a8fc9}
h1, h2, h3, h4 {text-transform:uppercase}
#content h1,#content h2 {font-weight:normal; color:#232f3e; font-size: 30px; margin-bottom: 10px; }
#content h3 {font-weight:normal; color:#232f3e; font-size: 24px; margin-bottom: 10px;}
#content h4 {font-weight:normal; color:#232f3e; font-size: 16px; margin-bottom: 10px; }
#contentSide h1,#contentSide h2,#contentSide h3,#contentSide h4 {font-weight:normal; color:#232f3e; font-size: 20px; margin-bottom: 10px;}
#content .execphpwidget h3 { font-size:20px;text-transform:uppercase }
h1 {font-size: 26px; border-bottom: dotted 1px #57c6e8; width:580px}
#content #table h2 { font-size:16px; text-transform:none; margin-bottom:0; color:#fff}
#container .scroll_text h2 {margin:0 0 4px 0; text-transform:uppercase;letter-spacing:1px;font-size:36px}
#container .scroll_text h2 a{ color:#fff; margin:0; padding:0; border-bottom:1px dotted #abebff;font-size:36px; *color:#002a5d}
#container .scroll_text h2 a:hover{  border-bottom:1px dotted #000; color:#87e2ff}
.pagetitle { margin:0 0 0 10px}
#container p {margin: 0 0 1em; font-size: 1.4em; line-height:1.4em}
li,p {line-height: 1.6em}
li {list-style-type: none}
.home h1 { text-indent:-9999px; float:left; border:none; line-height:0; padding:0; margin:0;width:0; height:0;}
#container {width:100%; margin: 0 auto; text-align:left;}
div.wrapper {width: 982px; margin: 0 auto} 
span.morelink {font-size: 12px; margin: 0 2px}
#header #logo { display: inline; margin:0 0 2px 0; float:left;*margin:0 0 4px 0;}
#header .information { float:right; color:#fff; font-size:12px; margin:16px 0 0 0; letter-spacing:1px}
#header .information a {color:#fff; text-decoration:none}
.information form {margin:10px 0 0 135px}
#content .info h2 {line-height:40px}
#s {background: url(images/search_bg.png) top left; border:none; height:18px; width:148px; float:left; padding:2px 0 0 6px}
#s2 { cursor:pointer; display:block;text-indent:-9999px; margin:0 0 0 4px; background-position:top right; height: 18px; width:49px; float:left; 
*background:none; *color:#fff;}
.contact_info { float:left; width: 240px}

.nav{position: relative; margin: 0 auto;width:100%;height:28px; z-index:999999999}
.menu {padding: 0; z-index:999999999}
.menu, .menu ul{margin:0;padding:0;border:0;list-style-type: none;display: block}
.menu li{margin:0;padding:0;border:0;display: block;float: left;position: relative;z-index: 1}
.menu li:hover{z-index: 999;white-space: normal}
.menu li li{float: none}
.menu ul{visibility: hidden;position: absolute; z-index: 999;left:0;top:0}
.menu li:hover>ul{visibility: visible;top: 100%; z-index:999}
.menu li li:hover>ul{ top:0;left: 100%; z-index:999}
.menu:after, .menu ul:after{content: ".";height: 0;display: block;visibility: hidden;overflow: hidden;clear: both}
.menu, .menu ul{ min-height: 0}.menu ul{padding:0;margin: 0}
.menu ul ul{padding: 30px 30px 30px 10px; margin: -30px 0 0 -45px;z-index:999999}

* html .menu, * html .menu ul{height: 1%}
* html .menu li.menuhover{z-index: 10000}
* html .menu .menuhoverUL{visibility: visible}
* html .menu .menuhoverUL{top: 100%;left: 0}
* html .menu .menuhoverUL .menuhoverUL{top: 0;left: 100%; }
* html .menu ul a{height: 1%}
* html .menu li li{float: left;width: 100%}
* html .menu .menuhoverUL .menuhoverUL{top: 5px;left: 100%}
* html .menu, * html .menu ul{height: 1%}
* html .menu li.menuhover{z-index: 10000}
* html .menu .menuhoverUL{visibility: visible}
* html .menu .menuhoverUL{top: 100%;left: 0}
* html .menu .menuhoverUL .menuhoverUL{top: 0;left: 100%}
* html .menu ul a{height: 1%}
* html .menu li li{float: left;width: 100%}
.nav .l, .nav .r, .nav .r div {
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 28px}

.nav .l {left: 0;right: 0}
.menu ul li{clear: both}
.menu a , .menu a span{height: 28px;display: block}
* html .menu a , * html .menu a span{float: left}
.menu a{cursor: pointer;text-decoration: none;margin: 0 1px 0 0}
.menu a{background-image: url(images/item-right.png);
background-position: left -405px;
background-repeat: no-repeat;
padding:0 0 0 6px}
.menu a span{
background-image: url(images/item-right.png);
background-position: right -135px;
background-repeat: no-repeat;
padding:0 6px 0 0}
.menu a span span{
font-family: 'verdana';font-size: 14px;font-weight: normal;font-style: normal;text-decoration: none;color: #e4e4e4;padding: 0;margin: 0 8px;line-height: 28px;text-align: center;background-image: url(images/item-right.png);background-position:  center -675px;background-repeat:repeat-x}
* html .menu a span span{display: inline}
.menu a:hover{background-position: left -270px}
.menu li:hover>a{ background-position: left -270px}
* html .menu .menuhover .menuhoverA{background-position: left -270px}
.menu li:hover a span{background-position: right top}
.menu a:hover span{background-position: center -540px}
* html .menu .menuhover .menuhoverA span{background-position: right -135px}
.menu a:hover span span{color: #00578d;background-position: center -540px}
.menu li:hover a span span{color: #00578d;background-position: center -540px}
* html .menu .menuhover .menuhoverA span span{color: #fff;background-position: center -540px}
.menu a.active{ cursor:default;background-position: left -270px;z-index:1;}
.menu a.active span{background-position: right top}
.menu a.active span span{color: #00578d; background-position: center -540px; font-weight:bold}

/*Sub */
.menu ul a {
z-index:900;
text-align:left;
height: 22px;
text-indent:0;
line-height: 28px;
margin-right: auto;
margin-left: auto;
width: 170px;
background-color:#00578d;
display:block}
.nav ul.menu ul span, .nav ul.menu ul span span{
display:inline;
float:none;
margin:inherit;
padding:inherit;
text-align:inherit;
text-decoration:inherit; z-index:999}
.menu ul a , .nav ul.menu ul span, .nav ul.menu ul span span{
line-height: 22px;
color: #FFFFFF;
font-family: 'Trebuchet MS';
font-size: 12px;
font-weight: normal;
font-style: normal;
background-image:none;
text-decoration: none}
.menu ul ul a{ margin-left: auto; z-index:999999999}
* html .menu ul a {color: #fff !important;}
.menu ul li a:hover{color: #00578d;background-color:#abebff}
.menu ul li:hover>a{color: #00578d;background-color:#abebff}
* html .menu ul a:hover {color: #00578d !important}	
* html .menu ul .menuhover .menuhoverA{color: #00578d !important;background-color:#abebff}
.nav .menu ul li a:hover span, .nav .menu ul li a:hover span span{color: #00578d}
.nav .menu ul li:hover>a span, .nav .menu ul li:hover>a span span{color: #00578d}
* html .nav .menu ul a:hover span, * html .nav .menu ul a:hover span span{color: #00578d !important;}	
* html .nav .menu ul .menuhover .menuhoverA span, * html .nav .menu ul .menuhover .menuhoverA span span{color: #00578d!important}
.page_item ul {border: solid 1px  #00578d;border-width: 0 1px 1px 1px;margin:0;padding:0}

#content .sitemap .page_item ul{border:none;}
#content ul li{ list-style:inside}
#boxFeatured {height: 284px; padding: 19px 0 0 0;   overflow: hidden; background-color:#dcf5fc; width:978px; margin:3px auto -3px auto; border-left: solid 2px #002a5d; border-right:solid 2px #002a5d; z-index:-2;}
#featMain {width: 590px; float:left; display: inline; position:relative;}
#featMain img {padding: 1px; border: solid 1px #002a5d; background-color:#002a5d; margin:0 0 0 8px}
#featMain img:hover {padding:1px; border: solid 1px #002a5d; background-color:#fff}
#boxFeatured h2 { font-size: 20px;font-weight:bold}
#boxFeatured p {font-size: 12px; padding:0}
#boxFeatured a {text-decoration: none}
#slider {width:960px; margin: 0 auto;  position: relative; z-index: 1}
.scroll {height: 284px; width: 594px;  overflow: hidden; clear: left;position: relative; *height: 360px}
#container .scroll_text  p{ color:#fff; padding:0; font-style:italic; *line-height:20px;}
#container  .scroll_text { background: rgba(0, 0, 0, 0.5); color:#fff; margin:-124px 0 0 25px;  width:530px; padding:4px 10px 2px; position:absolute; z-index: 999; height:100px; }
#container #main { padding:0 0 10px 0; background-color:#dcf5fc; width:978px; margin:3px auto 0 auto; border-left: solid 2px #002a5d; border-right:solid 2px #002a5d}
#content, #contentSide {float: left; display: inline}
#content {width: 590px; padding:14px 0 0 0; z-index:2}
.page_top { margin:0 0 0 20px}
.page_top h3 { padding: 0 0 2px 0; margin:0; font-weight:bold; font-size:16px}
.page_top .widget {margin:0 0 20px 0}
.widget {margin:0 0 30px 0}

/*three column temp*/
.left_sidebar { width: 220px; float:left; margin:10px 5px 10px 15px}
.page-template-three-columns-php #content {width: 460px;float:left; margin:10px 0 10px 10px}
.right_sidebar { width: 220px;float:right;margin:10px 15px 10px 20px}
.page-template-three-columns-php #content h1 {font-size: 22px; border-bottom: dotted 1px #002a5d; width:440px}

/*two column wide temp*/
.page-template-two-column-wide-php #content {width: 700px;float:left; margin:10px 0 10px 10px; }
.wide_right_sidebar { width: 220px;float:right;margin:20px 15px 10px 20px;}
.wide_right_sidebar h3 { font-size:18px}
.page-template-two-column-wide-php #content  h1 {font-size: 22px; border-bottom: dotted 1px #002a5d; width:700px}
#content img, #contentSide img{padding: 1px; border: solid 1px #002a5d; background-color:#002a5d}
#content img:hover, #contentSide img:hover{padding:1px; border: solid 1px #002a5d; background-color:#fff}
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline}
.alignright {float: right}
.alignleft {float: left}
a img {border: none}

/*widgets*/
#featList {float: left; display: inline; margin: -10px 0 4px 0; width: 340px; }
#featList li {float: left; display: inline; margin:0; border-bottom:none;}
#featList li img {padding:1px; border: solid 1px #002a5d; background-color:#002a5d; margin:0 5px 7px 0}
#featList li img:hover {padding:1px; border: solid 1px #002a5d; background-color:#fff}
.page_top li {font-size:14px; line-height:18px; letter-spacing:1px}
 .xoxo { list-style:none;border: solid 1px #002a5d; border-width:1px 1px 0 1px; margin:10px 0 0 0}

.wrapper #contentSide .xoxo li,.wrapper  .wide_right_sidebar .xoxo li{background: url(images/footer_bg.png) center center no-repeat; border-bottom: solid 1px #002a5d;  width:100%; line-height:12px; color:#fff; margin:0 0}
.wrapper #contentSide .xoxo li a,.wrapper .wide_right_sidebar .xoxo li a {color:#fff; text-decoration:none; padding:6px 0 6px 5px; display:block; font-size:12px; border-bottom:none }
.wrapper #contentSide .xoxo li a:hover,.wrapper .wide_right_sidebar .xoxo li a:hover {background: url(images/bg.png) -300px center repeat-x; text-decoration:none; color:#002a5d; border-bottom:none}
.sponsors { padding: 15px 0;  }
.sponsors li {  margin:10px 22px 55px 22px}
.sponsors h3 {text-indent:20px}
#flash {z-index:-999 !important}
/*home sidebar*/
.home #contentSide {padding-top: 13px; margin:-297px 0 0 30px; width: 340px; *margin:-293px 0 0 30px;}
#contentSide {padding-top: 13px; margin-left: 30px; width: 340px}
#contentSide div.cover a:hover {border-bottom: none}
.execphpwidget h3 a {text-decoration: none;border-bottom: dotted 1px #5dabbf}
.execphpwidget h3 a:hover {border-bottom: dotted 1px #000}
#contentSide div.widget {margin-bottom: 10px;}
#contentSide div.widget .execphpwidget {margin-bottom: 10px;}
#contentSide ul.posts li {padding-top: 10px; border-bottom: dotted 1px #555}
#contentSide ul.posts li h2 {font-size: 14px}
#contentSide p {font-size: 12px;}
#contentSide ul.posts div.cover {margin: 0 0 15px 0; float: left; display: inline; width: 320px}
div.sidebar-one, div.sidebar-two {float: left; width: 150px}
div.sidebar-one {margin-right: 30px}
#respond {padding: 2em 0 1em}
#respond h3 {font-size: 1.8em; font-weight: normal}
div.comments h2, p.h1 {font-size: 24px;  font-weight: normal}
p.h1 {margin-bottom: 18px; text-transform:none}
div.post {clear: left; padding: 5px 0}
div.post div.cover {float: left; display:inline; margin: 0 20px 10px 0; width: 560px}
div.cover img.styled {padding: 1px; border: solid 4px #555}
div.post div.info {padding-top: 5px}
div.post img {margin: 1em 0}

#content p.postmetadata {font-size: 10px; text-transform: uppercase; letter-spacing: 1px}
div.column_count {float: right; display: inline; width: 52px; height: 48px; overflow: hidden; background: url(images/icon_comment.png) no-repeat top left; line-height: 44px; margin: 0 0 5px 10px; text-align: center; font-size: 18px;}
div.column_count a {padding: 3px 10px; text-decoration:none; color: #00548d}
div.column_count a:hover {color: #002a5d}
div.related {margin: 20px 0 0}
div.related ul li {font-size: 1.2em; list-style-type: square; list-style-position:inside; color: #ffb700}
div.related ul li:hover {color: #a5e9f2}
ul.sideComments li div.cover {margin: 0 5px 5px 0}
ul.sideComments li div.cover img {margin-top:0}
ul.sideComments li div.info {margin-left: 35px}
div.pagerbox {margin: 20px 0 0; text-align: center; font-size: 1.2em}
div.pagerbox a {padding: 4px 6px; background-color: #ffb700; text-decoration: none; color: #333}
div.pagerbox a:hover {border: none; background-color: #5dabbf; color: #fff; text-decoration: underline}
div.pagerbox a.current {color: #333; background-color: #333; font-weight: bold}

div.post-single, div.post { margin:0 0 0 20px}
div.post-single p { line-height: 18px}
div.post-single li {font-size: 12px; line-height: 18px}
div.post-single ul, div.post-single ol {margin-left: 0px; margin-bottom: 16px}
div.post-single ul li {list-style-type: square}
div.post-single ol li {list-style-type: numeric}
div.share {padding:10px 0 30px; margin:0 0 0 0px;}
div.share ul {margin:0; padding: 0}
div.share li {font-size: 11px; margin:0 20px 0 0; padding: 0; float: left; display: inline; list-style-type: none; line-height: 18px}
div.share li img {margin: 0 4px 0 0; display: inline; float: left; border:none} 
.wrapper #content div.share ul li img { border:none; padding:0; background-color:transparent} 
div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px}
div.sep {clear: left; font-size: 1px; height: 1px; line-height: 1px; margin: 10px 0; border-bottom: dotted 1px #555;width:580px;}

#main div.comments {margin: 0 0 10px 20px; font-size: 1.0em}
#main div.comments h3 {font-size: 18px; font-weight: normal}
#main div.comments li, #main #respond {padding: 10px 0 5px; margin-top: 10px}
#main ol.commentlist div.comment-content {margin-left: 95px}
#main cite {font-style: normal; font-weight: normal}
#main div.reply {margin-right: 1em}
#main div.reply a {float: right; font-size: 11px; background-color: #fff; color: #333; padding: 4px 6px}
#main div.reply a:hover {background-color: #ffb700}
#main a.more-link {display: block; margin: 10px 0 0;}
#main .normalComments {padding: 1em 0}
#main .normalComments li {margin: 0 0 1em; padding: 1em 0; background-color: #fff}
#main .normalComments li.author {}
#main .normalComments li ul.children {padding: 10px 0 0}
#main .normalComments li ul.children li {clear: left; margin: 0 1em 1em 2em; border-top: solid 1px #555}
#main .normalComments cite.author {font-style: normal; font-size: 1.8em}
#main .normalComments div.gravatar {float: left; width: 55px; margin: 0 1em 0.5em 1em}
#main .normalComments div.gravatar img {border: solid 3px #006699; padding: 1px}
#main .normalComments div.gravatar-author img {border: solid 3px #222}
#main .normalComments div.comment-content {margin-left: 90px}
#main .normalComments span.datetime {font-size: 1.1em; color: #999; margin-left: 1em}
#main .normalComments div.comment-content p {margin: 1em 0 0; font-size: 1.2em}
#main .normalComments div.comment-content blockquote {font-size: 1.2em; line-height: 1.5em}

#respond { margin:0 0 0 20px}
#content div.post p.readmore {background: url(images/arrow_right.png) no-repeat top left; line-height: 32px; padding-left: 38px; margin-bottom: 0; font-size: 11px; text-transform: uppercase}
div.post li {list-style-type: square; list-style-position: inside}
div.post ol li {list-style-type: decimal; list-style-position: inside}
div.postauthor {clear: both; padding: 10px 10px 0; margin: 10px 0 0; border-top: solid 1px #222; background-color: #333; color: #aaa}
div.postauthor div.avatar {float: left; display: inline; margin: 0 10px 5px 0}
div.postauthor div.avatar img {padding:1px; border: solid 3px #222}
div.postauthor p {line-height: 16px;}
div.postauthor p.more {float: right; display: inline; font-weight: bold; margin:15px 0 5px 5px}

#commentform {font-size: 12px}
#commentform p {margin: 0 0 5px}
#commentform br {clear: left}
#commentform label {float: left; display: inline; width: 120px; text-align: right; padding-right: 0.5em; font-weight:bold; line-height: 2.4em; padding-top: 0.3em; font-size: 1.2em}
#commentform input {background-color: #999; border: 1px solid #222; width: 200px;	padding: 2px 0;	margin: 0.5em 0.5em 1.0em 0 }
#commentform textarea {	width: 400px; height: 120px;	padding: 2px;	border: solid 1px #222; background-color: #fff}
#commentform #submit {background:none; font-size: 1.0em;	margin: 0.5em 0 0.5em auto; background-color: #ffb700; color: #333; height: 2.5em; line-height: 2.5em; width: 120px; padding:0}

div.pro-player-container {margin: 0 0 25px 0;}
blockquote {  margin:0 0 5px 10px; padding:4px 0 0 0; width:33%; font-size:12px; text-align:left; border:none; float: right;
color:#51b9d9; font-style:italic; border: 2px solid #54bfe0; border-width: 2px 0; background: url(images/quote.png) no-repeat right 8px}
.drop_cap {font-weight:bold; color:#2a8fc9; font-size: 200%; float:left;
line-height: 0.85em;
margin-right: 0.03em;
margin-bottom:-0.45em}
.center {text-align: center}
.hidden {display: none}
hr {display: none}
.navigation {display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 60px}
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto}
.wp-caption {border: 1px solid #5a5955;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px}
.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}


#page {text-align:right;direction:rtl}
.commentlist li .avatar {float:left}
#header {margin:0 1px 0 0}
.narrowcolumn {float:right;padding: 0 45px 20px 0}
.widecolumn {margin: 5px 150px 0 0}
.widecolumn .smallattachment {margin: 5px 0 5px 5px}
.postmetadata {clear:right}
#sidebar {margin-left: 0;margin-right: 580px}

img.alignleft {margin: 0 10px 2px 0}
img.alignright {margin: 0 0 2px 7px}
.alignright {float: right}
.alignleft {float: left}

html>body .entry ul {padding:0 10px 0 0;text-indent:10px}
html>body .entry li {margin: 7px 10px 8px 0}
.entry ol {padding: 0 35px 0 0;}

#sidebar ul ul, #sidebar ul ol {margin: 5px 10px 0 0}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 10px 0 0}
#commentform input {margin: 5px 0 1px 5px}
#commentform #submit {float:left}
.commentlist p {margin: 10px 0 10px 5px}
#wp-calendar #next a {padding-right:0;padding-left:10px;text-align:left}
#wp-calendar #prev a {padding-left:0;padding-right:10px;text-align:right}
#email, #url {direction:ltr}

.clear {clear:both}
table { width:103%;  font-size:12px; margin:0 0 5px 0; padding:5px; border-collapse:collapse;text-align:left; border:solid 1px #2a7dad}
th, td {padding:5px 8px} 
.theading { background-color:#2a7dad; padding: 4px 0 0 0; text-indent:10px; color:#fff;border-bottom:none }
.theading h2 { color:#fff; margin:0; padding:2px 0 7px 0;  font-size:14px; font-style:italic }
.small {font-size:xx-small;  color:#990033}

/*registration form*/
.reg_form  { width:103%;  font-size:12px; margin:0 0 5px 0; padding:5px; border-collapse:collapse;text-align:left; border:none}
.reg_form input,.reg_form #sail input, .reg_form textarea{color: #000;border-top: solid 2px #006c9b;border-right: solid 1px #fff;border-bottom:solid 1px #fff;
border-left:solid 2px #006c9b;background: rgba(0, 99, 126, 0.1)}
.reg_form select {color: #000;border-top: solid 1px #006c9b;border-right: solid 1px #fff;border-bottom:solid 1px #fff;
border-left:solid 2px #006c9b;background-color:#badee8}

form.ddfm h1,form.ddfm h2 {color: #606060}
form.ddfm legend, form.ddfm label, 
form.ddfm label.fmtextlblwide {color: #333}
form.ddfm .fmcheck p, form.ddfm .fmradio p,form.ddfm textarea, form.ddfm .fmfullblock, form.ddfm .fmhalfblock, form.ddfm .fmselect, form.ddfm input.fmtext,form.ddfm input.fmverify,form.ddfm textarea.fmtextwide,form.ddfm .credits {color: #006c9b;border-top: solid 2px #006c9b;border-right: solid 1px #fff;border-bottom:solid 1px #fff;
border-left:solid 2px #006c9b;background: rgba(0, 99, 126, 0.1)}
form.ddfm textarea.fmtextwide {overflow:hidden}
form.ddfm .required {color: #002a5d;font-weight:100}
.ddfmerrors {color: #FF0000}
.ddfmwrap {font-size: 90%;font-family: Trebuchet Ms, Arial, Helvetica, sans-serif}
form.ddfm h1,form.ddfm h2 {font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;text-align: left;margin: 0 0 10px 0;padding: 0}
form.ddfm h1 {font-size: 140%}
form.ddfm h2 {font-size: 115%}
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide {font-size: 100%;font-weight: normal}
form.ddfm legend {font-size: 110%}
.ddfmerrors {font-weight: bold}
.ddfmwrap {float:right;margin: 0 auto 15px auto;width: 320px}
.ddfmwrap p.fieldwrap {padding: 1px;margin: 1px}
form.ddfm {text-align: left;padding: 10px;width: 320px}
form.ddfm fieldset {padding: 0 10px 2px 10px;margin: 0 0 13px 0;display: block}
form.ddfm legend {padding: 0 6px 0 6px;margin: 0 0 0 10px}
form.ddfm label {display: block; float: left; width: 26%; text-align: right;margin: 0 10px 0 0; padding-bottom: 15px;clear: left  }
form.ddfm label.fmtextlblwide {display: block;  float: left; text-align: left;margin: 0 10px 0 1px; padding-bottom: 8px }
form.ddfm select.fmselect {float: left; display: block;width: 65%; margin-bottom: 15px;  padding: 3px}
form.ddfm .fmcheck {width: 65%; float: left;display: block;  margin-bottom: 15px}
form.ddfm .fmradio {width: 65%;float: left;display: block;margin-bottom: 15px}
form.ddfm .fmcheck p {padding: 0;margin: 0 0 5px 0;line-height: 140%}
form.ddfm .fmradio p {padding: 0;margin: 0 0 5px 0;line-height: 140%}
form.ddfm textarea {float: left; position: relative;width: 65%;margin-bottom: 15px;padding: 3px;overflow:hidden}
form.ddfm .fmfullblock {padding-left: 0px;float: left; width: 100%;margin-bottom: 13px;display: block}
form.ddfm .fmhalfblock {width: 65%;padding-left: 29%;margin-bottom: 13px;float: left; display: block}
form.ddfm input.fmverify {float: left; width: 22%;margin-bottom: 15px; padding: 3px;position: relative;display: block}
form.ddfm img {margin: 1px 0 0 10px; float: left}
form.ddfm input.fmfile, form.ddfm input.fmtext {float: left; display: block;width: 65%;margin-bottom: 15px;  padding: 3px}
form.ddfm textarea.fmtextwide {display: block;float: left;width: 93%;margin-right: 2px;margin-bottom: 15px; padding: 3px}
#submit {color:#ddd;margin: 5px 0 0 249px;width: 60px;font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;cursor:pointer;border:solid 1px #fff;text-align:center;background:#006797;color:#fff}
.ddfmwrap .ddfmerrors {display: block; float: left; width: 27%; text-align: right;margin: 0 10px 0 0; padding-bottom: 15px}
.ddfmwrap .errorlist {float: left; display: block;width: 65%;margin-bottom: 15px;  padding: 3px;text-align: left}

.execphpwidget .ddfmwrap p {padding:0; font-weight:bold}
.execphpwidget .ddfmwrap { position:relative;margin: -18px 95px 0 0;width: 300px}
.execphpwidget form.ddfm input.fmtext { padding:0; margin:0 0 1px 0; width:50%;}
.execphpwidget #submit{position:absolute;top: 10px;color:#ddd;top:39px;width: 60px;cursor:pointer;border:solid 1px #fff;text-align:center;background:#006797;color:#fff;margin:0 0 0 8px}
.execphpwidget .travel #submit{position:relative;color:#ddd;margin: 160px 0 0 157px;width: 60px;font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;cursor:pointer;border:solid 1px #fff;text-align:center;background:#006797;color:#fff}

#footer {text-align: left; padding: 1em 0 0 0; width:982px; margin: -2px auto 15px auto; background: url(images/footer_bg.png) top left no-repeat; color:#fff; height: 37px}
#footer a {text-decoration: underline; padding:0 2px; color:#fff}#footer a:hover {text-decoration: none; color:#fff}
#footer ul {list-style:none; margin:0 0 0 10px;}#footer li {list-style:none; float:left; padding:0 4px; font-size:11px}
#footer p {margin: 0}
/* Shopp*/ 
#shopp h3 ,#shopp h4{ padding:0; margin:0; font-size:16px}
#shopp .price {text-indent:0}
#shopp .headline {font-size:12px; font-weight:100;}
#shopp,br.clear,div.clear,#shopp div.description,#shopp .products, #shopp .products ul,#shopp .products li.row,#shopp .category,#shopp #cart,#shopp #cart table { clear: both; padding:0; margin: 0}
#shopp { position: relative; }
#shopp ul { list-style: none; text-indent: 0; text-align: left; padding:0; margin: 0}
#shopp li { background: none; padding:0; margin:0}
#shopp li:before,#shopp-cart:before,#shopp-cart ul li:before,#shopp-cart #shopp-cart-ajax ul li:before,
#shopp ul.breadcrumb li:before { content: "";padding:0; margin:0}
#shopp div.hidden { display: none}
#shopp .products, #shopp .products ul { width: 100%; margin:0; padding:0}
#shopp .products ul li { display: block; float: left;margin:0 60px 0 0; padding:0}
#shopp .products li.row { display: block; width: 100%; padding:0; margin:0}
#shopp .products .frame { width: 160px; margin:0px 0 0 0; text-align: center; }
#shopp .products .frame img { display: inline}
/* Button */ 
#shopp form input {olor: #000;border-top: solid 2px #006c9b;border-right: solid 1px #fff;border-bottom:solid 1px #fff;border-left:solid 2px #006c9b;background: rgba(0, 99, 126, 0.1)}
#shopp form #checkout-button{width:100px;font-family:Tahoma,Arial,Helvetica,sans-serif;cursor:pointer;border:solid 1px #1f97ff;text-align:center;background: url(images/bg.png) repeat-x left -226px;color:#fff}
#shopp #product-form .addtocart {color:#fff;  top:293px; margin:0 0 0 10px;width:100px; cursor:pointer;border:solid 1px #1f97ff; text-align:center; }
#shopp #product-form .addtocart:hover {background-position:left -100px;}
#shopp .addtocart {margin:-40px 0 0 300px; width:100px;font-family:Tahoma,Arial,Helvetica,sans-serif;cursor:pointer;border:solid 1px #1f97ff;text-align:center;background: url(images/bg.png) repeat-x left -226px;color:#fff}
#shopp .addtocart:hover {background-position:left -100px;}
/*images*/
.content .entry-content #shopp .products .row .product .frame img  { border: solid 1px #1f97ff}
.content .entry-content #shopp .products .row .product .frame img a { border: solid 1px #1f97ff}
.content .entry-content #shopp .products .row .product .frame img:hover { border: solid 1px #fff}
#shopp ul.paging { clear: none; display: inline}
#shopp ul.paging li { display: inline; margin-left: 5px}
/*Grid*/
#shopp ul.products li.product { width: 22%;  }
/*Forms*/
#shopp form ul { width: 100%; clear: both; line-height: 1}
#shopp form ul li { text-indent: 0; clear: both; display: block; padding: 4px 0; margin: 0}
#shopp form label { clear: both; display: block}
#shopp form ul li label.inline { display: inline; clear: none}
#shopp form ul li:before { content: ""}
#shopp form ul li div.inline { width: auto; clear: both}
#shopp form ul li div.inline input { width: auto;}
#shopp form ul li div.inline label { clear: none; display: inline}
#shopp form ul li input,#shopp form ul li select {margin: 0 0 5px 0}
#shopp form ul li div input,#shopp form ul li div select { width: 100%}
#shopp form ul li div.left { display: inline; width: 47%; float: left; margin: 0; clear: left}
#shopp form ul li div.right { display: inline; width: 47%; float: right; margin: 0; clear: right}
#shopp form ul li.half { display: inline; width: 47%; float: left; clear: none}
#shopp form ul li.half.right { display: inline; float: right}
#shopp form ul li span { float: left; padding: 0 5px 0 0; display: inline-block; text-align: left}
#shopp form ul li span label,
#shopp form div label { clear: both}
#hidden-update { position: absolute; left: -999em}
#shopp .tagcloud,.shopp.tagcloud { padding: 0; width: 100%}
#shopp .tagcloud li,.shopp.tagcloud li { display: inline; margin-right: 10px; line-height: 1.2; padding: 0; background-image: none}
.shopp.tagcloud li.level-1 { font-size: 30px}.shopp.tagcloud li.level-2 { font-size: 24px}.shopp.tagcloud li.level-3 { font-size: 20px}.shopp.tagcloud li.level-4 { font-size: 18px}.shopp.tagcloud li.level-5 { font-size: 14px}.shopp.tagcloud li.level-6 { font-size: 12px}.shopp.tagcloud li.level-7 { font-size: 11px}
/*Cats*/
#shopp .category {position: relative; padding:0; margin:0;}
#shopp form.product label { clear: none; display: inline}
#shopp .gallery { float: left; display: block}
#shopp .gallery ul { display: block; margin: 0; padding: 0 !important; position: relative; list-style: none !important; text-indent: 0; width: auto}
#shopp .gallery ul li:before { content: ""}
#shopp .gallery .previews {position: relative; margin: 0 !important}
#shopp .gallery .previews li { position: absolute; width: 240px; height: 240px; line-height: 240px; visibility: hidden; top: 0; left: 0; margin: 0 30px 0 0; display: block; text-align: center; border-bottom:none}
#shopp .gallery .previews li img { display: inline;  margin: -3px 0 0 20px;}
#shopp .gallery .previews li.fill { position: relative}
#shopp .gallery .previews li.active { visibility: visible}
#shopp .gallery .thumbnails { margin-top: 10px}
#shopp .gallery .thumbnails ul { padding: 0}
#shopp .gallery .thumbnails li { position: relative; display: inline; visibility: visible; height: auto; line-height: 1; top: auto; left: auto; margin: 0 0 0 10px}
#shopp .gallery .thumbnails li.first { margin-left: 0}
#shopp .gallery .thumbnails li img {cursor: pointer}
/*Debug Console*/
#debug.shopp { position: absolute; left: 25%; top: 100px; width: 50%; margin: 0 auto; height: 300px; overflow-y: auto; background: #fff; border: 5px solid #999; text-align: left; padding: 10px; font: 12px/1 "Lucida Grande",monospace}
#debug.shopp.overlay { position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; padding: 0; opacity: 0.8; border: none}
#debug.shopp h3 { font: bold 15px/1 "Lucida Grande",monospace;  margin-top: 0}
#debug.shopp li { margin-bottom: 6px}
/* Generic Shopp Styles */
#shopp .submit { text-align: right}
#shopp form { text-align: left}
#shopp form.product ul.options { list-style: none}
#shopp form ul { line-height: 1}
#shopp form label { font-size: 14px; font-weight: bold; padding-bottom: 3px}
#shopp form ul li span label,
#shopp form div label { font-size: 11px; font-weight: normal; padding-bottom: 8px}
/* Catalog/Cat*/
.categories ul li a.current { font-weight: bold}
#shopp .category { position: relative}
#shopp .views { display: inline; position: absolute; right: 0; top: 0; margin:0 10px 0 0;padding:0}
#shopp .views li { display: inline; margin:0 8px 0 0; padding:0}
#shopp .views .grid { width:9px; height:9px; background: url(images/grid.png) no-repeat top left;border:none;padding:3px}
#shopp .views .list { width:9px; height:9px; background: url(images/grid.png) no-repeat top right;border:none;padding:3px}
#shopp .views .grid:hover{cursor:pointer; background-position:bottom left}
#shopp .views .list:hover{cursor:pointer; background-position:bottom right}
#shopp .orderby {float: right}
#shopp .subcategories {padding: 10px 0; margin-bottom: 10px}
/* product category has a containing frame */
#shopp ul.products li.product div.frame { padding: 0}
#shopp ul.products li .name,#shopp ul.products li .summary,#shopp ul.products li .savings,#shopp ul.products li .price { margin:0}
/* Grid*/
#shopp ul.products li .summary { display: none}
#shopp ul.products li .listview { display: none}
#shopp ul.products img { }
#shopp .price { font-weight: bold; line-height: 1.5; margin:0; font-size:12px}
#shopp .original { text-decoration: line-through}
#shopp .sale { font-size: 150%}
/* Faceted menu cancel filter link styles */
.filters a.cancel:before { content: "["}
.filters a.cancel { font-weight: bold}
.filters a.cancel:after { content: "]"}
.filters a.cancel:hover { text-decoration: none}
#shopp.grid ul.products li .details { float: none; margin: 10px 0 0 0;}
/* Product List View*/
#shopp.list h4 {text-indent:18px}
#shopp ul.products li .details { float: none; margin: 0;}
#shopp.list ul.products li { float: none; width: 95%; clear: both; padding-bottom: 5px}
#shopp.list ul.products li.product {  border-bottom: 1px solid #1f97ff; margin:-10px 0 20px 20px}
#shopp.list ul.products li div.frame { width: 95%;  text-align: left; margin:0; padding:0;}
#shopp.list ul.products li img { float: left; margin: 0 15px 0 0}
#shopp.list ul.products li .details { float: left; width: 65%}
#shopp.list ul.products li .listview { display: block}
#shopp ul.breadcrumb { margin:0;}
#shopp ul.breadcrumb li { background: none; padding: 0; display: inline; margin-left: 0; text-indent: 0}
#shopp ul.categories { float: left; margin-right: 20px}
#shopp.list ul.products li .listview p{ font-size: 14px}
#shopp .savings{ font-size: 14px; font-style:italic}
/*Product Pages*/
#shopp .column { float: left}
#shopp .column.first { width: 65%}
#shopp .column.second { float: right; width: 35%}
#shopp .original { text-decoration: line-through}
#shopp form.product ul,
#shopp form.product ul li,
#shopp form.product ul li label { clear: none}
#shopp ul.variations label { display: block}
#shopp dl { clear: both}
#shopp dl dt { font-weight: bold; float: left; margin:0 10px 0 20px; clear: left}
#shopp dl dd { display: block; clear: right}
#shopp .gallery { margin: 5px 10px 5px 0}
#shopp .gallery ul.previews li.thumbnails ul { margin: 10px 0 10px 0}
#shopp .gallery ul.previews li.thumbnails li { margin: 0 5px 0 0}
/* Cat List Widget*/
ul.shopp_categories li .current { font-weight:bold; color:#33d1ff; font-size:14px}
ul.shopp_categories { list-style:none;border: solid 1px #002a5d; border-width:1px 1px 0 1px; margin:10px 0 0 0}
ul.shopp_categories li { border-bottom: solid 1px #002a5d;  width:100%; line-height:11px; color:#fff; margin:0}
ul.shopp_categories li a { background-color:#00578d; color:#fff; text-decoration:none; padding:2px 0 3px 5px; display:block; font-size:12px; border-bottom:none; letter-spacing:1px }
ul.shopp_categories li a:hover {background-color:#abebff; text-decoration:none; color:#002a5d; border-bottom:none}
ul.shopp_categories li ul.children li {border-top: solid 1px #002a5d; border-bottom:none;}
ul.shopp_categories li ul.children li a{ text-indent:15px;font-style:italic }
ul.shopp_categories li ul.active { background: url(images/bg.png) -300px center repeat-x; }
/*Side Products Widget*/
.sideproduct { margin-top: 20px}
.sideproduct h3 { margin-top: 0}
/*Cart */
#shopp #cart { width: 100%}
#shopp #cart big {display: block;font-size: 14px;line-height: 18px;padding: 0 10px}
#shopp #cart table { border-top: solid 1px #002a5d;clear: both;background: none;padding: 10px 0; width: 100%;margin: 10px}
#shopp #cart th { text-align: left; font-weight: bold; background: url(images/bg.png) repeat-x center -30px; color:#fff; padding:0 3px}
#checkout  #cart table { border: none; margin:0 0 29px 0}
#shopp #cart th, #shopp #cart td {padding: 3px}
#shopp #cart .item {width: 50% }
#shopp #cart .money {text-align: right; white-space: nowrap}
#shopp #cart .totals th,
#shopp #cart .buttons td { text-align: right; white-space: nowrap; background:none; color:#000000}
#shopp #cart .totals.total th,
#shopp #cart .totals.total td { font-size: 130%; }
#shopp #cart tr .totals td{ border: solid 1px red}
#shopp #cart .remove { font-size: 9px;font-family:Tahoma,Arial,Helvetica,sans-serif;cursor:pointer;border:solid 1px #1f97ff;text-align:center;background: url(images/bg.png) repeat-x left -226px;color:#fff}
#shopp #cart .remove:hover {background-position:left -100px}
#shopp #cart .update-button{ font-size: 9px;font-family:Tahoma,Arial,Helvetica,sans-serif;cursor:pointer;border:solid 1px #1f97ff;text-align:center;background: url(images/bg.png) repeat-x left -226px;color:#fff}

#shopp #cart .update-button:hover {background-position:left -100px;}
#shopp #cart address { font-style: normal}
#shopp #cart big { display: block; margin: 10px 0}
#shopp #cart big a.right { float: right}
#shopp .xcheckout { display: block; clear: both; text-align: right}
#shopp .xcheckout button { border: none; margin: 0; padding: 0}
#shopp-cart.widget p.status { margin-bottom: 10px}
#shopp #shipping-methods { padding-left: 30px}
#shopp #shipping-methods li { margin-top: 5px}
#shopp #shipping-methods input { margin-left: -16px}
#shopp #errors h3 {color: #990000;}
#shopp #receipt {position: relative; margin: 20px 0}
#shopp #receipt address {font-style: normal}
#shopp #receipt fieldset { float: left; width: auto; width: 42%; padding: 10px; border: 1px solid #dadada; margin-bottom: 30px}
#shopp #receipt fieldset.shipping { width: 42%; float: right}
#shopp #receipt fieldset legend { display: block}

#shopp #receipt table.transaction { clear: both; width: 100%; margin-bottom: 10px}
#shopp #receipt table.transaction th { text-align: right; width: 80px; padding-right: 10px}
#shopp #receipt .order { width: 100%; clear: both; border: none}
#shopp #receipt td { border: none}
#shopp #receipt th { font-weight: bold; text-align: left; border: none}
#shopp #receipt th, #shopp #receipt td { padding: 3px 0}
#shopp #receipt .order .item { width: 50%}
#shopp #receipt .order .money, #shopp #receipt .order .total,#shopp #receipt .order .buttons td { text-align: right}
#shopp #receipt .order .totals.total th,#shopp #receipt .order .totals.total td {font-size: 130%}

dl.details {width: 220px;float: left;padding: 0;font-size: 12px;line-height: 18px;border-right: 1px solid #ccc;margin-right: 20px; }
dl.details dt {float: left; margin-left: 0 !important;width: 100px; }
.shopp .options option[disabled] {display: none; }
.contact_info2 {float:left; width:120px; height:100px;}
/*safari*/
html:lang(en)>body  .execphpwidget #submit{top: 10px;color:#ddd;top:39px;width: 60px;cursor:pointer;border:solid 1px #fff;text-align:center;
background:#006797;color:#fff;margin:0 0 0 8px}
html:lang(en)>body  .execphpwidget .travel #submit{margin:-40px 0 0 200px;}
html:lang(en)>body  #shopp .gallery .active .shopp-thickbox { padding:0; margin:0; height:240px;float:left}
/*opera */
@media all and (min-width: 0px){.execphpwidget #submit{top: 10px;color:#ddd;top:39px;width: 60px;cursor:pointer;border:solid 1px fff;
text-align:center;background:#006797;color:#fff;margin:2px 0 0 262px}}
@media all and (min-width: 0px){
.execphpwidget .travel #submit{margin: -50px 0 0 200px;}