/* !Will want to put these all in one css style when live so that there's only one http request */
@import url(tripoli/tripoli.simple.css); 
@import url(tripoli/plugins/tripoli.type.css); 
@import url(tripoli/plugins/tripoli.layout.css); 

/* your custom styles goes here */

/*
* COLORS

:BLUE:#60cadf
:GREY:#656565
:GREEN:#75ab51
:YELLOW:#efb425
:PURPLE:#c22991

*/

/*
* FONT FAMILY

Verdana,Tahoma,Arial,sans-serif

*/

/*
 * LAYOUT
 */
body.wide #container
{

	font-size:118.3%;
	
}

body.wide #header
{
	font-size:89%;
}

body.wide #footer
{
	font-size:112%;
}
/*
#header_bg{
	background:transparent url(../images/pieces/bg_content.jpg?5) top center no-repeat;
}
*/

body.wide {
	min-width: 1041px;
}

#container_bg{
	position:absolute;
	top:0;
	left:0px;
	width:100% !important;
	min-width: 1041px;
	min-height:629px;
	height:629px;
	background:transparent url(../images/pieces/bg_container.jpg?5) top center no-repeat;
}

#container{
	margin:0 auto;
	float:none;
	padding:0 6em;
	background:transparent url(../images/pieces/bg_content2.png?5) center 629px no-repeat;
}

/*
body.one-col #secondary{
	display:none;
}
*/

body.wide #primary,body.wide #secondary,body.wide #tertiary{
	
}



body.wide #primary .content,body.wide #secondary .content,body.wide #tertiary .content
{
	font-size:100%;
	font-size:107%;/*makes the font-size 12px*/
	line-height:1.54;
}

 body.l1 #primary{
 	width:46.5em;
 	width:51em;
 	min-height:629px;
 }
 body.l1 #secondary{
 	width:23em;
 }
 
 body.one-col #primary{
 	margin:0 0 0 3.5em;
 	width:52em;
 	min-height:629px;
 }
 
 body.center #primary{
 	margin:0 0 0 15em;
	min-height:629px;
	width:47em;
 }
 
 body.center #secondary{
 	display:none;
 }
 
 body#home #primary{
 	margin:0 1% 0 3%;
	min-height:100px;
	width:96%;
 }
 
 #header .content{
 	text-align:center;
 	
 }
 
 #footer{
 	height:100px;
 	padding-top:81px;
	background:transparent url(../images/pieces/bg_footer.jpg?5) top center no-repeat;
 }
 
 #footer .content{
 	text-align:center;
 	font-size:12px;
 	padding:0.7em 12em 0;
 }
 
 .logo_print{
 	display:none !important;
 }
 
 /*
  * GENERAL
  */
 
 * {
 	font-family:Verdana,Tahoma,Arial,sans-serif;
	color:#090909;
 }
 body.l1{
	background:#feffff url(../images/pieces/bg_body.jpg?5) 0 0 repeat-x;
	
}
 
 a,a:link{
 	color:#148095;
	text-decoration:none;
	border-bottom:1px solid #c1eef8;
 }
 a:visited{
 	color:#c22991;	
 }
 a:hover,.active,.current{
 	color:#75ab51;
 	color:#0f6171;
 }
 a:hover{
 	border-bottom:1px solid #efb425;	
 }

 a.link_image:hover,a.clean_link,a.clean_link:link,a.clean_link:hover{
 	border:none !important;
 }
 
 li{
 margin-bottom:0.6em;
 color:#575757;
 }
 
 ul,ol{
 margin-bottom:1em;
 }

  .content ul ul{
 	margin-top:1em;
 	margin-bottom:1em;
 }
 .content ul ul ul{
 	margin-top:0.6em;
 	margin-bottom:1em;
 }
 
 .content ol ol{
 	list-style-type: lower-alpha;
 }
 
 .content ol ol ol{
 	list-style-type: lower-roman;
 }
 
blockquote{
	background:#F1F1F1 none repeat scroll 0 0;
	border:1px solid #E9E9E9;
	margin-left:10%;
	padding:0.5em 1em 0;
	width:80%;
	margin-top:1.6em;
}
 
 
.content hr{
 	clear:both;
	margin-bottom:1em;
	border-color:#d3d0cd;
	background-color:#d3d0cd;
 }

body.center h1{
	margin-left:-2.2em;
}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{
/*margin:0.765em 0 0.235em;*/
} 
 .content h1{
 	color:#c22991;
 	font-size:3.5em;
 	font-family:Verdana,Tahoma,Arial,sans-serif;
 	font-weight:normal;
 	
 }
 .content h2{
 	color:#c22991;
 	font-size:2em;
 }
 h3{
 	color:#75ab51;
 }
 .content h4{
 	color:#c22991;
 	font-size:1.2em;
 	font-family:Tahoma,Verdana,Arial,sans-serif;
 	font-weight:normal;
 }
 
 .content h5{
 	font-size:1em;
 }
 
 .content h1 + h4{
 	margin-top:0.6em;
 }
 
.no_underline, a:link.no_underline, a:hover.no_underline, a:visited.no_underline {
	text-decoration: none;
	border-bottom: none;
}
 
 /*
 	TODO: Go through and make some title sizes that would allow for the semantic use of an h1 but the styling of an h5.
 */
 .small_title{
 	font-size:1.4em
 }
 .pullquote{
 font-size:1.2em;
 color: #66666; 
 width:15em;
 margin: 0.9em;
 padding: 0.8em; 
 float: right;
 background: #F1F1F1;
 border:1px solid #E9E9E9;
 }
  #header .logo{
 	position:absolute;
 	top:6px;
 	left:0;
 	z-index:1;
 }
 .versal{
 	line-height:normal;
 	font-weight:bold;
 	font-size:1.4em;
	color:#75ab51;
 }
 .light-grey-txt{
 	color:#b2b1b1;
 }
 .grey-txt,.txt_grey{
 	color:#656565;
 }
 .content .clear,.clear{
 	padding:0;
 	clear:both;
 }
 .txt_cnt{
 	text-align:center;
 }
 .txt_bold{
 	font-weight:bold;
 }
 .txt_blue, .txt_blue *{
 	color:#1B7F8E;
 }
 .txt_green{
 	color:#75ab51;
 }
 .txt_rgt{
 	text-align:right;
 }
 .txt_small{
 	font-size:10px;
 }
 .txt_spacer{
 	color:#b1b1b1;
 	padding:0 1em;
 }
 /* makes any text with this class inside of an h1 half the font-size*/
 .content h1 .txt_small{
 	font-size:0.5em;
 }
.left{
float:left;
}

.right{
float:right;
}

.blue{
	color:#003a4a;
}

.center{
	text-align: center;
}

/*
 * FORM STYLES
 */
form *{
	color:#333;
}

form input{
	color:#65656;
}

.content fieldset{
	margin:0 0;
	padding:1.6em;
}

.content div.fieldset{
	margin:1.6em 0;
	padding-top:3.5em;
	position:relative;
	background:transparent url(../images/pieces/bigblock_bg.png) top left no-repeat;
}

.content div.fieldset.no_title{
	padding-top:0.3em;
}

.content div.fieldset legend span {
	top:0.2em;
}

.content div.fieldset legend span img{
	margin-top:0.5em;
}

.content .fieldset_bottom{
	position:absolute;
	height:10px;
	float:left;
	padding:0;
	bottom:0;
	left:0;
	width:100%;
	background:transparent url(../images/pieces/bigblock_bg.png) 0px -1009px no-repeat;
}

.content textarea, .content input[type="text"] {
	padding:1px 0.2em 3px;
	height:14px;
}
.content textarea{
height:auto;
width:40em;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
border:1px solid #aaaaaa;	
}
 input[type="text"], input[type="password"], select {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
border:1px solid #aaaaaa;	
}
.content form option{
	padding:0 0.4em 0.2em;
}

.content form select{
	text-transform:lowercase;
	padding:0;
}

.content form .action{
border:medium none;
float:left;
height:20px;
padding:1px 0.1em 0.3em;
text-transform:uppercase;
width:66px;
}

.content form label.clean_label{
	padding:0;
	margin:0;
	display:inline;
	float:left;
	width:auto !important;
	margin-bottom:4px;
}

/*
 FORM STYLES {login form}
*/

.formLogin {

}

.formLogin .rowElem{
	float:left;
	margin-right:4px;
}

.formLogin .rowElem *{
	font-family:Tahoma,Verdana,Arial,sans-serif;
}
.formLogin .f_button{
	margin-top:-3px;
}


/*
 * FORM STYLES{search fields}
 */
.formSearch{
	position:absolute;
	top:25px;
	right:0;
	width:220px;
	z-index:1;
} 

.formSearch .f_button{
	padding:0px 4px;
} 
 
.content .f_search{
	float:left;
	margin:0.7em 0 0;
	font-size:0.9em;
}
.content .f_search .f_text{
	float:left;
	padding-left:1.5em;
	width:10em;
}
.f_search .f_button{
	border:none;
	text-transform:uppercase;
	height:20px;
	padding:1px 0.1em 0.3em;
	width:66px;
	float:left;
}
.content .f_search div{
	padding:0;
}
/*incase the javascript doesn't replace it, line it up correctly*/
.content .f_dropdown{
float:left;
}

/*
 * FORM STYLES{full form}
 */
.fullForm fieldset { border: none; }

.fullForm .fieldset {
  width: auto;
  position: relative;
  padding: 2.5em 1em 0.5em 1em;
  border:none;
  background:transparent;
}

.fullForm legend span {
  position: absolute;
  width: auto;
  top: 0.5em; left: 1em;
  color: #75ab51;
  font-weight: bold;
  font-size:2.5em;
  font-family:'American Typewriter',courier,sans-serif;
}

.fullForm .txt_small{
	font-size:1em;
}
.fullForm div.rowElem{
	width:100%;
}

.fullForm textarea, .fullForm input[type="text"], .fullForm input[type="password"] {
	width:275px;
}

.fullForm div.rowElem{
	padding-bottom:0em;
}

.fullForm div.rowElem label{
	color:#333333;
	font-size:1.1em;
	margin-top:0px;
	margin-right:0.8em;
	text-align:right;
	width:155px;
}

.fullForm div.rowElem a,.fullForm div.rowElem a:hover{
	border:none;
}

.fullForm span.jqTransformCheckboxWrapper{
	margin:0 0.8em 0 0 !important;
	padding-bottom:0.8em;
}

.fullForm textarea.big_textarea {
	height:100px;
	width:475px;
}
.fullForm .jqTransformRadioWrapper {
margin:2px 4px 0.6em;
}

.fullForm .jqTransformSelectWrapper + .jqTransformSelectWrapper{
	margin-left:0.8em;
}

.content form .txt_font_american{
	color: #75ab51;
  font-weight: bold;
  font-size:2em;
  font-family:'American Typewriter',courier,sans-serif;
  text-align:center;
  letter-spacing:1px;
}

.content form .txt_font_normal{
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-weight:normal;
	color: #75ab51;
}


.fullForm span.form_error {
	display: block;
	margin: 0px 0px 10px 165px;
	font-weight: bold;
	color: red;
	clear: both;
}


/*
* FORM STYLES {cart page}
*/

.formCart fieldset { border: none; }

.formCart .fieldset {
  width: auto;
  position: relative;
  padding: 2.5em 1em 0.5em 1em;
  border:none;
  background: transparent;
}

.formCart .product_details{
	border-bottom:1px solid #cf47a1;
	margin-bottom:1em;
}

.formCart .product_details .col-photo, .receipt_list .product_details .col-photo {
	width:141px;
}

.formCart .product_details .col-photo a{
	margin:0;
}

.formCart .product_details .col-content{
	width:20em;
	line-height:1.5em;
	padding:0;
}

.formCart .product_details .col-content * {
	padding:0;
}

.formCart .product_details .col-action{
	position:relative;
	width:auto;
	float:left;
	
}

.formCart .col-action .f_button{
	float:left;
	margin-top:48px;
	position:relative;
}

/*
  * TOPNAV
  */
#main_menu{
	height:auto;
	position:relative;
}  
  
ul.topnav{
	float:right;
	margin:95px 0 0;
	padding:0 0 0;
	list-style:none;
	position:relative;
list-style-type:none;
	font-size:1.4em;
	position:relative;
}
ul.topnav li{
	position:relative;
	display:inline;
	float:left;
	margin-bottom:0;
}
ul.topnav li a,ul.topnav li a:link{
	position:relative;
	padding:0;
	color:#545454;
	display:block;
	border:none;
	line-height:normal; /* px so it would display correctly in all browsers*/
	text-align:center;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	border:none;
}

ul.topnav li a:visited{
	color:#fff;
	border:none;
}
ul.topnav li.active a,ul.topnav li.active_down a,ul.topnav li.current a,ul.topnav li.active a:visited,ul.topnav li.current a:visited{
	color:#545454;
	border:none;
}
ul.topnav li a:hover{
	color:#3e3e3e;
	border:none;
	cursor:pointer;
	border:none;
}

/*
 * TOPNAV -> Backgrounds
 */
ul.topnav li a,ul.topnav li a:link{
	background:none !important;
}

ul.topnav li a.m_about{
	width:193px;
	height:51px;
	background:transparent url(../images/buttons/about.png?5) no-repeat 0px 0px !important;
}

ul.topnav li a.m_about:hover{
	background:transparent url(../images/buttons/about.png?5) no-repeat -193px 0px !important;
}

ul.topnav li a.m_question{
	width:231px;
	height:51px;
	background:transparent url(../images/buttons/question.png?5) no-repeat 0px 0px !important;
}

ul.topnav li a.m_question:hover{
	background:transparent url(../images/buttons/question.png?5) no-repeat -232px 0px !important;
}

ul.topnav li a.m_account{
	width:171px;
	height:51px;
	background:transparent url(../images/buttons/account.png?5) no-repeat 1px 0px !important;
}

ul.topnav li a.m_account:hover{
	background:transparent url(../images/buttons/account.png?5) no-repeat -170px 0px !important;
}

ul.topnav li a.m_blog{
	width:98px;
	height:51px;
	background:transparent url(../images/buttons/blog.png?5) no-repeat 0px 0px !important;
}

ul.topnav li a.m_blog:hover{
	background:transparent url(../images/buttons/blog.png?5) no-repeat -98px 0px !important;
}

ul.topnav li a.m_friends{
	width:205px;
	height:51px;
	background:transparent url(../images/buttons/friends.png?5) no-repeat 0px 0px !important;
}

ul.topnav li a.m_friends:hover{
	background:transparent url(../images/buttons/friends.png?5) no-repeat -205px 0px !important;
}

ul.topnav .but_r{
	display:none;
	
}

/**
* SUBNAV
*/

ul.subnav{
background:transparent url(../images/pieces/subnav_bg.png?5) bottom center no-repeat;
margin:0 0 -15px;
padding:0 0 30px;
font:12px Tahoma,Verdana,Arial,sans-serif;
text-align:center;
}

.subnav li{
	display:inline;
	color:#dbdbdb;
}

.subnav li a,.subnav li a:link{
	color:#a02908;
	border:none;
	padding:1em;
	line-height:3em;
}

.subnav li a:hover{
	text-decoration:underline;
}


/*
 * footer
 */
#footer .content{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:74em;
	padding:1em 0;
}

#footer p{
	text-align:center;
	color:#3e3e3e;
	margin:0;
}
#footer .logos{
	margin:2px 0 0;
}
#footer .footer_menu{
	margin:0;
	text-align:center;
}
ul.footer_menu li{
	display:inline;
	color:#4d4d4d;
}

/**
* GENERIC COLUMNS
*/
.col-50{
	position:relative;
	float:left;
	width:50%;
	padding:0;
}

.col-3rd{
	width:29%;
	padding:0 2%;
	position:relative;
	float:left;
	min-height:280px;
}

#footer .col-3rd p{
	text-align:left;
}

.col-3rd .spacer{
	position:absolute;
	top:0;
	right:0;
}

/**
* BLOG COLUMN LAYOUTS
*/ 
.content .col-excerpt{
	width:70%;
	float:left;
	position:relative;
	margin-bottom:0.8em;
}

.content .col-excerpt h2{
	margin-top:0.6em;
}

#footer .content .col-excerpt p{
	color:#a02908;
}

.content .col-date{
	color:#B2B1B1;
	float:left;
	font-size:2em;
	line-height:0.8em;
	margin-bottom:0.8em;
	margin-top:2px;
	position:relative;
	text-align:center;
	width:30%;
}
.content .col-date .month{
	text-transform:uppercase;
	font-size:14px;
	color:#B2B1B1;
}
/*
* TABLE STYLES {defaults/resets}
*/ 

.clean_table td,.clean_table{
border:none !important;
background:none !important;
}

.clean_table td{
	vertical-align:top;
}

/*
 * IMAGE STYLES
 */
 
img.light_border {
	padding: 5px;
	border: solid 1px #c1c1c1;
}

img.small_margin {
	margin: 2px 10px;
}

 img.right{
 	float:right;
	margin:0 0 0.6em 1em;
 }
 img.left{
 	float:left;
	margin:0 1em 0.6em 0;
 }



/**
 * TWITTER WIDGET STYLES
 */
 
.twitter_feed {
	font-size: 0.8em;
}

.tweet {
	margin-bottom: 15px;
}

.tweet .post_date {
	color: #888;
	display: block;
	text-align: right;
}

 /*
 * ERROR Messages
 */
 
 .message_normal{border: 1px solid #e9e9e9; background: #F3F3F3 url(../images/pieces/ui-bg_diagonals-medium_15_F3F3F3_40x40.png?5) 50% 50% repeat; color: #3f4a45; padding: 1em; margin-bottom: 1.6em;}
.message_error {border: 1px solid #c0402a; background: #F3F3F3 url(../images/pieces/ui-bg_diagonals-medium_15_F3F3F3_40x40.png?5) 50% 50% repeat; color: #3f4a45; padding: 1em; margin-bottom: 1.6em;}
 .message_normal p, .message_error p{ margin:0; }

.ui-icon { width: 16px; height: 16px; background-image: url(../images/pieces/ui-icons_999999_256x240.png?5); float: left; margin-right: 0.3em;}
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.ui-icon-info { background-position: -16px -144px; }
.message_normal .ui-icon {background-image: url(../images/pieces/ui-icons_0B5586_256x240.png?5); }
.message_error .ui-icon {background-image: url(../images/pieces/ui-icons_c0402a_256x240.png?5); }



/**
 * AJAX LOADING - may want to change this and make it cooler, but this is a quick indicator
 */

body.ajax_loading #content_inner {
	background: url('/themes/praisecharts01/images/pieces/ajax-loader.gif') top right no-repeat;
} 

/**
* BLOCK {Columns inside secondary column} 
*/
.content .block{
	position:relative;
	float:left;
	width:100%;
	background:transparent url(../images/pieces/bg_block.png?5) 0 0 no-repeat;
	margin:1em 0;
}

.content .block h3{
	text-align:center;
	font-family:"GillSans-Light", "Gill Sans Light",Tahoma,Verdana,Arial,sans-serif;
	font-weight:normal;
	color:#003a4a;
	margin:6px auto 0;
	width:183px;
}

.content .block .caseNorm{
	color:#003a4a;
	position:relative;
	float:left;
	line-height:2em;
	font-family:"GillSans-Light", "Gill Sans Light",Tahoma,Verdana,Arial,sans-serif;
	padding:0 6px 0 0;
}
.content .block .caseUp{
	font-size:2em;
	color:#003a4a;
	position:relative;
	float:left;
	font-family:Tahoma,Verdana,Arial,sans-serif;
}

.content .block ul{
	margin:0;
	padding:0 1.2em;
	clear:left;
}

.content .block ul li{
	list-style-position:inside;
	font-size:1em;
	list-style:none;
	border-bottom:1px solid #d3d0cd;
	line-height:2.5em;
	padding:0 1em;
}

.content .block li a{
	color:#524C3E;
}

.content .block ul li .dot{
	background:transparent url(../images/pieces/icon_list_arrow.png?5) 0 0 no-repeat;
	position:relative;
	height:14px;
	width:16px;
	float:left;
	margin:8px 6px 0 0;
}

.content .block a{
	color:#003a4a;
	border:none;
	
}

.content .block a:hover{
	border-bottom:1px solid #9b4622;
}

.content .block p{
	padding:0 1em 0.6em;
	border-bottom:1px solid #d3d0cd;
	margin-left:2em;
	margin-right:2em;
}


/**
 * Tabbed navigation
 * url: http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/
 */
ul.tabNav{
	position:relative;
	margin:0 0 18px 0;
	padding:0;
float:left;
width:100%;
min-width:600px;
background:url(../images/pieces/tab_menu_bg.png?5) bottom left no-repeat;
font-size:1em;
}
ul.tabNav li{
	display:inline;
	position:relative;
	list-style:none;
	list-style-image:none;
padding:0;
margin:0;
}
ul.tabNav li a {
position:relative;
	display:block;
padding:7px 32px 8px;
	float:left;
border:none;
font-size:13px;
color:#222222;
	}
ul.tabNav li.empty a{
padding-right:13px;
padding-left:13px;
}	
.menu_split{
position:absolute;
right:0;
top:0;
}	
	
ul.tabNav li.current a {
	color:#073380;
	background:none;
	background-color:#fff;
}
div.tabContainer{
	float:left;
}

div.tabContainer div.tab { display: none; }
div.tabContainer div.current { display: block; float:left;}

div.tab h4{
	/*margin-bottom:-9px;*/
}

/*
DASHBOARD {the cart holder in the header}
*/

.dashboard{
	position:absolute;
	right:0;
	top:21px;
	z-index:1;
}

.dashboard.logged_in{
	background:transparent url(../images/pieces/dashboard_bg.png) top left no-repeat;
	width:313px;
	height:65px;
	padding:11px 0 0 13px;
}

.dashboard p{
	line-height:normal;
}

.dashboard .checkout_button{
	cursor:pointer;
	display:block;
	font-size:11px;
	font-weight:bold;
	height:43px;
	line-height:12px;
	padding:8px 0 0 48px;
	position:relative;
	width:72px;
	border:none;
	background:transparent url(../images/pieces/dashboard_button_bg.png) top left no-repeat;
}

.dashboard a.checkout_button:hover{
	border:none;
}

.dashboard a.forgot_password, .dashboard a:hover.forgot_password {
	display: block;
	border-bottom: none;
	margin-left: 164px;
}


/*
* FORM STYLES TREASURE {the div for holding the treasure search}
*/
#treasure{
	position:relative;
	height:25px;
	margin-left:23em;
	width:24em;
	padding-top:5px;
	text-align:center;
}
body.center #treasure{
	margin-left:0;
}
#treasure + h1{
	clear:left;
	margin-top:3px;
}

.formTreasure{
	float:none;
	margin:0 auto;
	width:23em;
}

.content form.formTreasure input{
	color:#999;
}

.content .formTreasure .f_button{
	margin-left:0.4em;
	margin-top:-6px;
	color:#656565;
}

#treasure_searchbar {
	float: none;
	position: absolute;
	top:0px;
	left:0px;
}

#treasure_searchbtn {
	float: none;
	position: absolute;
	top:0px;
	right:0px;
}

/*
 TWITTER {footer link}
*/

.f_twitter{
	border:none !important;
	position:absolute;
	top:-28px;
}
.f_twitter:link,.f_twitter:hover{
	border:none !important;
}


/*
 SSL BADGE {footer}
*/
#siteseal {
	position: absolute;
	right: 0px;
	top: -45px;
}

/*
 HOMEPAGE {signup link}
*/

.hp_signup{
	position:absolute;
	right:42px;
	top:22px;
}

/*
 HOMEPAGE {step images}
*/

.hp_steps{
	position:relative;
	float:left;
	margin-bottom:1em;
	margin-left:26px;
	margin-right:-10px;
}

.hp_steps img{
	position:relative;
	float:left;
}

.hp_steps .steps_questions{
	position:relative;
	float:right;
	font-size:11px;
	margin-right:15px;
	margin-top:-23px;
}

/*
 HOMEPAGE {text/graphics}
*/
.hp_top_graphic{
	text-align:center; margin-bottom:1em;
	margin-left:-17px;
margin-top:2px;
}

.text_or{
	position:relative;
	float:right;
	margin-right:1em;
}

/*
 HOMEPAGE {wide blue block}
*/
.block_wide{
	position:relative;
	float:left;
	width:807px;
	height:127px;
	background:transparent url(../images/pieces/block_wide.png) top left no-repeat;
	margin-left:1.4em;
}

.block_wide .col-50 .col_w_form{
	margin-left:1em;
}

/*
 HOMEPAGE {form hidden treasure}
*/
form.f_hidden_treasure{
	position:relative;
	float:left;
}

form.f_hidden_treasure .jqTransformInputWrapper{
	margin-top:8px;
	margin-right:6px;
}

/*
 * MODULE {pagination top/bottom song search results}
 */
.search_pagination{
background:transparent url(../images/pieces/pagination_bg.png) 0px 0px no-repeat;
height:40px;
width:100%;
position:relative;
font-size:12px;
padding:12px 0px 0px 12px;
margin:1em 0 0;
}

.search_pagination *{
	color:#333333;
}

.search_pagination .pagination_bg{
background:transparent url(../images/pieces/pagination_bg.png) -25px 0px no-repeat;
height:40px;
width:425px;
position:absolute;
top:0;
left:237px;
z-index:80;
}

.search_pagination .page_limit{
font-weight:bold;
}

.search_pagination .right{
z-index:300;
position:relative;
margin:-6px 18px 0 0;
}

.search_pagination .sort_options {
	margin-top: 0px;
}

.search_pagination ul.pagination_menu{
list-style:none;
position:relative;
margin:0 2em 0 0;
width:308px;
float:right;
z-index:85;
}
.search_pagination .pagination_menu li{
display:block;
float:left;
width:auto;
margin-top:-2px;
margin-left:1px;
margin-right:1px;
height:21;
text-align:center;
}


.search_pagination .pagination_menu a.clean img{
	margin-top:3px;
}

.search_pagination .pagination_menu a{
display:block;
width:auto;
padding:0 5px;
height:19px;
border:1px solid transparent;
color:#148095;
}


.search_pagination .pagination_menu a:hover,.search_pagination .pagination_menu a.clean:hover{
color:#272727;
border:1px solid #148095;
}

.search_pagination .pagination_menu a.clean{
border:1px solid transparent;
}


.search_pagination .pagination_menu a.current{
border:1px solid #148095;
background-color:#ffffff;
color:#272727;
font-weight:bold;
}

/*
* PRODUCT LIST {grid of products and images}
*/
.product_list{
	position:relative;
}
.product_list a{
	float:left;
	border: 1px solid #148095;
	margin: 18px 19px 0 0;
	width: 129px;
	height: 127px;
	display: block;
	text-align: center;
}

/*
* SIDEBAR {background setup}
*/

.sidebar_block{
	position:relative;
	float:left;
	width:208px;

	height:auto;
	background:transparent url(../images/pieces/sidebar_bg.png) top left no-repeat;
}

.sidebar_block .sidebar_content{
	position:relative;
	float:left;
	height:auto;
	padding:0 1em;
	min-height:300px;
}

.sidebar_block .sidebar_footer{
	position:relative;
	height:9px;
	width:208px;
	background:#fff url(../images/pieces/sidebar_bg.png) bottom left no-repeat;
}


/*
* SIDEBAR {colors and form styles}
*/

.sidebar_block h4{
	font-weight:bold;
}

ul.ff_expand_filters{
	margin:0;
	list-style:none;
}

ul.ff_expand_filters li{
	margin:0;
}

.ff_expand_filters .ff_opt_parent a,.ff_expand_filters .ff_opt_parent a:hover{
	border:none;
}

.ff_expand_filters .ff_opt_parent a{
	color:#333;
	font-weight:bold;
}

.ff_expand_filters .rowElem{
	width:100%;
	padding:0;
	margin:0 0 0 16px;
}

.ff_expand_filters .rowElem a,.ff_expand_filters .rowElem a:hover{
	border:none;
}

.ff_expand_filters .rowElem label{
	font-size:12px;
	color:#333;
	padding:0 0 0 5px;
}

.ff_expand_filters .expand_open{
	display:block;
	visibility:visible;
}

.ff_expand_filters .expand_close{
	display:none;
	visibility:hidden;
}


body.l1 #secondary.sidebar_visible {
	display:block;
	width:20em;
	margin-top:9.5em;
}

body.l1 #secondary.sidebar_hidden {
	display:none;
}

body.l1 #secondary.sidebar_top_align {
	width:19em;
	margin-top:3.5em;
	padding-left:10px;
}



/**
* PRODUCT PAGE {}
*/
.product_details .col-photo{
	position:relative;
	width:287px;
	float:left;
}

.product_details .col-content{
	position:relative;
	float:left;
	width:auto;
	padding-left:1em;
	line-height:2em;
}

.product_details .col-content *{
	font-size:12px;
	color:#333;
}

.product_details .formAddtocart{
	position:absolute;
	bottom:50px;
	right:2em;
}

/*
* BLOG
*/
#sidebar ul, #sidebar li{
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar ul{
	margin-left:1em;
}

#sidebar ul ul{

}

#sidebar h2{
	margin-top:0.5em;
	margin-bottom:0.2em;
}


/*
* FLASH MESSAGES 
*/
.error-msg {
	clear: both;
	background: #f44;
	border: solid 1px #800;
	text-align: center;
	padding: 5px;
	color: #fff;
}

.info-msg {
	clear: both;
	background: #4a4;
	border: solid 1px #080;
	color: #fff;
	text-align: center;
	padding: 5px;
}


/*
* CATEGORY PAGE
*/
.category_list {
	margin-right: -200px;
}

.category_cell {
	width:202px;
	float:left;
	text-align: center;
	margin-bottom: 20px;
}

.category_cell a, .category_cell a:link, .category_cell a:visited, .category_cell a:active, .category_cell a:hover {
	border-bottom: none;
	font-size: 1.2em;
	font-weight: bold;
 	color:#148095;
 	padding: 5px;
}

.category_cell img {
	border: 1px solid #148095;
}



/*
* LIGHT BOXES
*/
#fancy_content{
	overflow: auto;
}


/*
* FLASH MESSAGES
*/
#info-msg {
	background: #75AB4D;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1000;
}

#error-msg {
	background: #a00;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1000;
}

#error-msg div, #info-msg div {
	padding: 10px;
	font-size: 140%;
	color: #fff;
	text-align: center;	
}


/*
* WELCOME PAGE
*/
ul.green_arrows li {
	list-style: none;
	background: url(/images/pieces/green_arrow.png) no-repeat left center;
	line-height: 40px;
	padding-left: 40px;
	margin-left: 0;
}

ul.green_arrows li.no_bullet {
	background: none;
}

ul.green_arrows li p {
	line-height: normal;
}

ul.green_arrows li .versal,
ul.green_arrows li a,
ul.green_arrows li a:link,
ul.green_arrows li a:hover,
ul.green_arrows li a:visited {
	font-size: 1.4em;
	color: #1B7F8E;
	font-weight: normal;
}

h1.wide {
	width: 750px;
}


/**
 * BREADCRUMB TRAIL
 */
 
.breadcrumb {
	font-size: 1.4em;
	margin-bottom: 0.8em;
}

body.center .breadcrumb {
	margin-left: -95px;
}


.dashboard .jqTransformInputInner input {
	border: none;
}