.clr { clear:both; }
.cls{zoom:1;}
.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr15 { height:15px; clear:both; }
.clr20 { height:20px; clear:both; }

.other-good-things ul {
  text-align: center;
}
.other-good-things ul li{
  list-style-type: none;
}
/*fonts.css*/
body { font:15px/1.231 "Lucida Grande",verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
body { margin: 0; padding: 0; background: grey url(../images/jennbackground.gif) repeat top left;}
body { margin: 0; padding: 0; background: grey url(../images/jennbackground.gif) repeat top left; background-attachment:fixed; }
body { margin: 0; padding: 0; background: grey url(../images/jennbackground3.gif) repeat top left; background-attachment:fixed; }
body { margin: 0; padding: 0; background: grey url(../images/Creme_browserbg.jpg) repeat top left; background-attachment:fixed;  }
*/
body { margin: 0; padding: 0; background: grey url(../images/jennbackground2.gif) repeat top left; background-attachment:fixed; }

button, label { cursor:default; cursor:pointer; zoom:1; display:block; }
/* for images */
.left { float:left; margin:5px 20px 5px 0; }
.right{ float:right; margin:5px 0 5px 20px; }

em { font-weight:bold !important; }
		 
a:link, a:visited, a:active { text-decoration:none; color: #775D37; /* #3370C9; */ outline:none; border:0; }
a:hover  { color: #4D8B8E; /* #00508c; */ text-decoration:underline; border:0; }

/* selection color */
::-moz-selection{ background: #2E6BC8; color: #fff; }
::selection { background: #2E6BC8; color: #fff; }

/* layout */
#wrapper { width: 1000px; margin-left: auto; margin-right: auto; position: relative; }
#header { position:relative; background: transparent; /* url(../images/arrows.jpg) no-repeat top right;*/ }
#header h1#title { margin: 0; padding: 0; color: #fff; position: absolute; top: 170px; right: 20px; font-weight:bold; font-size:153.9%; text-shadow: #775D37 1px 1px 1px; }
#header h1#title a { color: #fff; }

#logo a{ width:850px; height:200px;  background:transparent url(../images/logo.png) no-repeat top left; display:block; overflow:hidden; text-indent:-999em; }

#nav { margin-top: 5px; text-align:right; position:relative;  background:#8A8167; /*#8A7D67; */ /*#78644D; */ /*775D37;;*/ /* url(../images/ur-main-corner.gif) no-repeat top right; */ }
/*
#nav { text-align:right; position:relative;  background:white;; url(../images/ur-main-corner.gif) no-repeat top right;  }
*/
#nav .tl { /* background:transparent url(../images/ul-main-corner.gif) no-repeat top left; text-align:right; */ }
#nav .tl a { text-decoration:none; }
#nav ul { padding: 0; margin: 0; padding-top:10px; float:right; padding-bottom:10px; margin-right:0px; width:100%; }
/*
#nav ul li { padding: 10px; margin: 0; display:inline; font:bold 108% "Helvetica Neue", arial, sans-serif; line-height:131%;  white-space: nowrap;  }
*/
#nav ul li {
  /*
    padding: 0px;
    padding-top: 5px;
  */
    padding: 5px 6px 6px;
    margin: 0; float:left; font:bold 108% "Helvetica Neue", arial, sans-serif; line-height:131%;
  list-style-type: none;
  /* white-space: nowrap; */ }
#nav ul li a:link,
#nav ul li a:visited { color:white; } /* padding:7px 10px 10px; } */
#nav ul li a:hover { border-top: 4px solid #fff; }
#nav ul li a.current { border-top: 4px solid #fff; }
/*
#nav ul li a:visited { color:#fff; padding:7px 10px 10px; text-shadow: #000 0px 0px 3px; }
#nav ul li a:hover { border-top: 4px solid #fff; text-shadow: #fff 0px 0px 3px;  }
#nav ul li a.current { border-top: 4px solid #fff; }
*/

/* Content */

#content { width: 1000px; margin-bottom: 5px; margin-left: auto; margin-right: auto; position:relative; background:#fff; padding:30px 0 0; color: #463B2D; /* #775D37; */ font:normal 100% "Lucida Grande", verdana, sans-serif; }
/*
#content { width: 1000px; margin-bottom: 5px; margin-left: auto; margin-right: auto; position:relative; background:#fff url(../images/LayeredPaper_03-1.jpg) repeat top left; padding:30px 0 0; color: #775D37; font:normal 100% "Lucida Grande", verdana, sans-serif; }
*/
#content h1 { margin:10px 0 20px 0; font-weight:bold; font-size:153.9%; text-shadow: #000000 1px 1px 1px; }
#content h2 { margin:25px 0 15px 0; font-weight:bold; font-size:140.0%; text-shadow:#000000 0px 1px 1px; }
#content h3 { margin:10px 0 20px 0; font-weight:bold; font-size:130.0%; text-shadow:#000000 0px 1px 1px; }
#content h4 { margin:10px 0 20px 0; font-weight:bold; font-size:120.0%; text-shadow:#000000 0px 1px 1px; }
#content h5 { margin:10px 0 20px 0; font-weight:bold; font-size:110.0%; text-shadow:#000000 0px 1px 1px; }
#content ul li { margin:10px 0 0 0; }
#content ul { margin-bottom: 10px; }
#content p { margin:0 0 15px 0; font-size:93%; line-height:182%; }
#content dl { margin:0 0 15px 0; }

/* Blue Sidebar Box */
#sidebar { margin-right: 30px; margin-bottom: 10px; }
#sidebar, .blue_box { color: white; margin-right: 30px; width:262px; float:right; }
#sidebar a, .blue_box a { color: #fff; }
#sidebar .bd, .blue_box .bd { min-height: 300px; width:262px; background: transparent url(../images/sidebox.jpg) no-repeat top right; padding:0 0 15px; }
#sidebar .bd h2, .blue_box .bd h2 { margin:0; padding: 15px 20px; font: 138.5% "Lucida Grande", verdana, sans-serif; color:#fff; text-shadow: #000 0px 0px 3px; }
#sidebar .bd h3, .blue_box .bd h3 { margin:0; padding: 15px 20px; font: 110.5% "Lucida Grande", verdana, sans-serif; color:#fff; text-shadow: #000 0px 0px 3px; }
#sidebar .bd ul { margin-left: 5px; }
#sidebar .bd ul li { list-style-type: none; margin: 0 0 0 16px; background: transparent url(../images/bullet_white.gif) no-repeat center left; padding: 3px 15px 3px 20px; font: 93% "Lucida Grande", verdana, sans-serif; color:#fff; }
#sidebar .bd ul.tree li { margin: 0 0 0 8px; }
#sidebar .ft, .blue_box .ft { width:262px; height:5px; float:right; background: transparent url(../images/sidebox-foot.jpg) no-repeat bottom center; }

/* Bottom Rounded Corner */

#bot-rcnr { width: 1000px; margin-left: auto; margin-right: auto; height:14px; position:relative; background:#fff url(../images/br-corner.gif) no-repeat bottom right; }
#bot-rcnr .tl { width:12px; height:14px; background: transparent url(../images/bl-corner.gif) no-repeat bottom left; }

/* Footer */

#footer p { padding:12px 0; text-align:center; font: 85% "Helvetica Neue", verdana, sans-serif; color: black; }
#footer { text-align: center; margin-bottom: 20px; color: white; }
div#footer a {
  color: white;
}

div#footer ul {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  float: left;
}

div#footer ul li {
  float: left;
  list-style-type: none;
  color: white;
  margin-right: 10px;
  font-size: 13px;
}

/*
#content em { color:#F56E55;  #F06419;  font-style:normal; }
*/

/* Breadcrumbs */

#sympal_breadcrumbs {
  margin-bottom: 20px;
}
#sympal_breadcrumbs ul {
  clear: all;
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0px;
  padding: 0px;
}

#sympal_breadcrumbs ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
  background: url(../images/next.png) no-repeat 0px -2px;
  text-indent: 20px;
  line-height: 12px;
  margin-right: 15px;
}

#sympal_breadcrumbs ul li a {
  font-weight: bold;
}

#main-content {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  min-height: 180px;
}

table tr td {
  border: none;
}

table tr th {
  background: #8A8167;
  color: #000000;
  border: none;
  white-space: nowrap;
}

.sympal_markdown table tr th {
  background: #8A8167;
  color: #000000;
}

.notice {
  margin: 4px 0;
  padding: 4px 4px 4px 30px;
  background: url(../../sfSympalPlugin/images/tick.png) no-repeat 10px 4px;
}

.error {
  margin: 4px 0;
  padding: 4px 4px 4px 30px;
  background: url(../../sfSympalPlugin/images/error.png) no-repeat 10px 4px;
  background-color: #f33;
  color: red;
}

.notice, .error {
  background-color: #ffc;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  font-weight: bold;
}

ul.error_list
{
  margin: 0;
  margin-bottom: 7px;
  color: #d33;
  border: none;
  background-color: #f33;
}

ul.error_list li
{
  padding: 4px;
  padding-left: 25px;
  list-style: none;
  color: #fff;
  background: url(../../sfSympalPlugin/images/error.png) no-repeat 4px 4px;
}

#ask_confirmation {
  padding: 12px;
  background: #ffc;
  border: 1px solid #ddd;
}

#ask_confirmation h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

#ask_confirmation p {
  margin-bottom: 10px;
}

#sub_menu {
  padding: 8px;
  background: #dfcbaa;
  height: 18px;
  color: #333333;
  white-space: nowrap;
}

#sub_menu ul {
  margin: 0;
  padding: 0;
  float: right;
}

#sub_menu ul li {
  float: left;
  list-style-type: none;
  margin-right: 10px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-right: 15px;
}
#contactusmaindiv input{
  width: 495px;
}
#contactusmaindiv #submitcontactus{
  width: 10em;
}
#contactusmaindiv textarea{
  width: 500px;
}

#menublockgroup {
  /*
  margin-top: 30px;
  position: relative;
  margin: 0 auto;
  border:solid thin black;
  text-align: center;
  */
  clear: both;
}
.menublock a{ text-decoration:none; color: #000000; outline:none; border:0; }
.menublock a:hover{ color: #4D8B8E; text-decoration:underline; border:0; }
/*
.menublock a:link, a:visited, a:active { text-decoration:none; color: #000000; outline:none; border:0; }
#menublock a:hover  { color: #4D8B8E; text-decoration:underline; border:0; }
*/

#menublockgroup ul {
  width: 980px;
}
#menublockgroup ul {
  margin: 0 auto;
  position: relative;
}
#menublockgroup li {
  padding: 10px;
  /*
  margin: 10px;
  */
  list-style-type: none;
  float: left;
}
.menublock {
    cursor: pointer;
    height: 191px;
    width: 220px;
    background-color: white;
    border: solid thin black;
    text-align: center;
    /*
    font-size: 20px;
»···font-family: 'Chaparral Pro', 'Helvetica', 'Times New Roman', serif;
»···font-style: normal;
»···font-variant: normal;
»···font-weight: normal;
»···letter-spacing: 0;
    */
}
#menublockouter1 {
/* meet the composer */
    /*
    background: white url('../images/RussWhitelock001.jpg') no-repeat;
    background: white url('../images/RussWhitelock001.jpg') repeat-x;
    background: black url('../images/RussWhitelock001.jpg') no-repeat;
    background-position: 50% 0;
    */
    background: black url('../images/RussBlock.jpg') no-repeat;
}
#menublockouter2 {
/* lullaby samples */
    background: white url('../images/BabyPiano.jpg') no-repeat;
    /*
    background: white url('../images/pianobaby.jpg') no-repeat;
    background: white url('/themes/justmylullaby/images/mainpgavery.jpg') no-repeat;
    */
    background-position: 50% 0;
}
#menublockouter3 {
/* Theme songs and more */
    /*
    background: white url('/themes/justmylullaby/images/Balloons.jpg') no-repeat;
    background-position: 50% 6px;
    background: white url('../images/AveryBWweb2.jpg') no-repeat;
    background: white url('../images/EmmaDanceBW.jpg') no-repeat;
    */
    background: white url('../images/EmmaSpin.jpg') no-repeat;
}
#menublockouter4 {
/* other good things */
  /*
    background: white url('../images/mattblackweb.jpg') no-repeat;
    */
    background: white url('../images/MatthewCelloSite.jpg') no-repeat;
}
#menublockouter5 {
/* Tell A Friend*/
    background: white url('../images/KarlaLizBW.jpg') no-repeat;
}
#menublockouter6 {
/* babies in waiting */
    /*
    background: white url('/themes/justmylullaby/images/BalloonsBinWBW.jpg') no-repeat;
    background: white url('../images/IsabellaBWweb.jpg') no-repeat;
    */
    background: white url('../images/EmmaScriptures.jpg') no-repeat;
}
#menublockouter7 {
/* Customer Reviews */
    background: white url('../images/CustomerReviewsJuryPic.jpg') no-repeat;
    /*
    background: white url('../images/Jury.jpg') no-repeat;
    background-position: 50% 6px;
    */
}
#menublockouter8 {
/* FAQ */
  /*
    background: white url('../images/EmmaDanceBW.jpg') no-repeat;
    background: white url('../images/Bella.jpg') no-repeat;
  */
    background: white url('../images/BellaViolinSite.jpg') no-repeat;
}
.menublock div{
    bottom: -160px;
    position: relative;
    height: 30px;
    border:solid thin black;
    font-size: 20px;
}
#menublock1 {
    background-color: #A1B994; /*green*/
}
#menublock2 {
    background-color: #E7D89C; /*yellow*/
}
#menublock3 {
    background-color: #9D93BB; /*purple*/
}
#menublock4 {
    background-color: #E2B1C5; /*pink*/
}
#menublock5 {
    background-color: #8A8167; /*brown*/
}
#menublock6 {
    background-color: #FFFFFF; /*white*/
}
#menublock7 {
    background-color: #A6BAD0; /*blue*/
}
#menublock8 {
    background-color: #D99D5D; /*orange*/
}

#header img#ordernow { margin: 0; padding: 0; position: absolute; top: 100px; right: 40px; }
/*
#primary-menu ul {
  margin-left: 0px;
}
*/
#sample {
  text-align:center;
  margin: 0 auto;
  width: 800px;
}
#sample_list_div {
  width: 950px;
  margin: 0 auto;
  margin-top: -40px;
}
#sample_list_div ul{
}

#sample_list_div li {
  list-style-type: none;
}
#sample_list_div li img{
    max-width: 240px;
    max-height: 300px;
}
#sample_list_div #item_1 img {
  margin-left: 125px;
  margin-right: 100px;
  margin-top: 40px;
}
#sample_list_div #item_3 img {
  margin-right: 70px;
  margin-top: 15px;
}
#sample_list_div #item_5 img {
  margin-left: 60px;
  margin-top: 30px;
}
#sample_list_div #item_4 img {
  /*
    margin-top: -30px;
  */
}
#sample_list_div li {
    /*
    border: solid;
    border-width: thin;
    border-color: gray;
    width: 240px;
    background-color: #EBDB9A; /*yellow*/
    height: 300px;
    min-width: 240px;
    padding: 5px;
    margin-bottom: 2px;
    float: left;
}

#meet-the-composer-main {
  /*
  border: solid thin green;
  */
}
#meet-the-composer-text {
  padding: 10px;
  /*
  border: solid thin red;
  */
  width: 600px;
  float: right;
}

.sympal-slideshow {
  width: 350px;
  float: left;
}

.slideshow li {
  list-style-type: none;
}

#homepagetext p {
  margin-top: -30px;
  text-align: center;
  /*
  font-weight:bold;
  font-size: 140%;
  line-height:131%;
  */
  font:bold 140% "Palatino", arial, sans-serif; line-height:170%;
}
#learnmorebutton {
  /*
  border-top-width: thick;
  border-right-width: thick;
  border-bottom-width: thick;
  border-left-width: thick;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: white;
  border-right-color: white;
  border-bottom-color: white;
  border-left-color: white;
  margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;
  padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;

  */
  border: solid thick #8A8167;
  margin: 0px;
  margin-right: 150px;
  padding: 5px;
  white-space: nowrap;
  text-align: center;
  background-color: rgb(238, 219, 149);
  width: 150px;
  position: relative;
  float: right;
  font-size: 18px;
}

/* Frequently Asked Questions */

/*
#faq { border: solid thin red; }
#faq #faq_list { border: solid thin black; }
#faq #faq_list li{ border: solid thin blue; }
#faq #faq_index { border: solid thin green; }
*/
#faq #faq_index { /* padding: 20px; */ margin-left: 30px; /* margin-right: 30px; */ }
#faq #faq_index li { color: #341D0B; padding: 2px; /* margin-left: 65px; */ list-style-type: square; }
#faq #faq_index li a{ color: #341D0B; }
#faq #faq_list {  color: #341D0B; padding: 0px; /* margin-right: 30px; margin-left: 30px; */ }
#faq #faq_list a{  color: #092762; }
#faq #faq_list h2 a{  color: #341D0B; }
#faq #faq_list li {  list-style-type: none; padding: 10px;}
/* Random Colors */

.pink {
  background: #FFD5C8 !important;
}
.blue {
  background: #A6BAD0 !important;
  /*
  background: #D1E7F1 !important;
  */
}
.green {
  /*
  background: #D4EAB1 !important;
  */
  background: #A1B994 !important;
}
.tan {
  background: #DFCBAA !important;
}
.purple {
  background: #87769A !important;
}

.yellow {
  background: #E7D89C !important;
}

.light-blue {
  background: #F4F9FC !important;
}

.grey {
  background: #f5f5f5 !important;
}

/*
.green {
  background: #f4fff2 !important;
}
*/

.orange {
  background: #fdf9f1 !important;
}

#jml_order_submit{
  margin-left: 400px;
  /*
  display: inline;
  display: inline;
  */
  float: left;
}
#jml_order_paypal_submit{
  margin-left: 400px;
  margin-top: -20px;
  /*
  display: inline;
  display: inline;
  */
  float: left;
}
#jml_order_back{
  float: left;
}

.step_1 form table tbody th{
  background-color: #A1B994 !important; /* green */
}
.step_2 form table tbody th{
  background-color: #E7D89C !important; /* yellow */
}
.step_3 form table tbody th{
  background-color: #A6BAD0 !important; /* blue */
}
.step_4 form table tbody th{
  background-color: #87769A !important; /* purple */
}
.step_5 form table tbody th{
  background-color: #FFD5C8 !important; /* pink */
}
#babiesinwaitingdiv {
  font:normal 120% "Palatino", arial, sans-serif; line-height:170%;
}