/* ========================================================================== */
/*    My Dance Shoppe  --  http://www.mydanceshoppe.com/                      */
/* ========================================================================== */
/*    Content :  Main Site Stylesheet                                         */
/*    Last Updated :  6-Aug-2008, ptaylor                                     */
/* ========================================================================== */

/* =========================  Base  Element Styles  ========================= */

html {
  color: #7B7B7B;
  background: #7C92B0;
  }

body {
  color: #7B7B7B;
  background: #65738C url(../img/tiletop2.gif) repeat-x top left;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.5em;
  font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, "trebuchet ms", "arial narrow", georgia, tahoma, "book antiqua";
  font-size: x-small;       /* IE 5 Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;         /* Compliant Browsers */
  }

html>body {                 /* be nice to Opera */
  font-size: small;
  }

body #footing {
  background: url(../img/tilebottom.gif) repeat-x bottom center;
  }

h1, h2, h3, h4, h5, h6 {
  color: #7B7B7B;
  background: transparent;
/*  letter-spacing: -.1px; */
  }

h1 { font-size: 150%;}
h2 { font-size: 140%;}
h3 { font-size: 130%;}
h4 { font-size: 120%;}
h5 { font-size: 110%;}
h6 { font-size: 100%;}

/* links */

a:link {
  color: #6069F4;
  outline-style: none !important;
  }

a:visited {
  color: #8284AE;
  }

a:hover {
  color: #C7377D;
  }

a:active {
  color: #CC3333;
  text-decoration: none;
  }

/* horizontal rule line */
/*hr {
  display: none;
  } */

.ruleline {
  background: #E8ADC5; /* original color #D56A96; */
  margin: 8px 0 8px 0;
  }

hr {
  border: none 0; 
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #efefef;
  width: 100%;
  height: 2px;
  margin: 0px auto 0 0;
  text-align: left;
  clear: both;
  }


/* drop caps */

#capup {
  font-size: 32px;
  color: #A4A4A4;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  margin-top: 0px;
  margin-right: -3px;
  margin-left: -3px;
  }

#cap2 {
  font-size: 32px;
  color: #A4A4A4;
  font-weight: bold;
/*  float: left; */
  height: 28px;
  line-height: 28px;
  margin-top: -3px;
  margin-right: 1px;
  }

#cap {
  font-size: 43px;
  color: #A4A4A4;
  font-weight: bold;
  float:left;
  height: 32px;
  line-height: 32px;
  margin-top: 3px;
  margin-right: 1px;
  }

* html #cap {
  margin-right: -2px;
  margin-top: 3px;
  }

* {
  padding: 0px;
  margin: 0px;
  }


/* ============================== Page Top ================================= */

#top {
  background: url(../img/top.gif) no-repeat;
  width: 750px;
  margin: 0 auto;
  height: 10px;
  line-height: 10px;
  font-size: 0px;
  }

#printheader {
  display: none;
  }


/* ============================ Page Container ============================= */

#container {
  background: url(../img/tile.gif) repeat-y;
  width: 730px;
  margin: 0 auto;
  padding: 0 10px 0 10px;
  text-align: left;
  }

* html #container {      /* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
  width: 750px;
  w\idth: 730px;
  }


/* ================================ Header ================================= */

#header {
  background: url(../img/header1.jpg) no-repeat top center;
/*  background: url(../img/headeranniv.jpg) no-repeat top center;  Anniversary Sale Header */
/*  margin: 0px; */
  margin: 0 auto;
  padding: 0px;
  width: 750px;
  height: 174px;  /* PAT HACK!!! */
/*  height: 174px; */
  }

#logo {
  float: left;
  padding: 10px 0px 0px 10px;
  border: none;
  }

#logo img {
  border: none;
  }


#spacer {
  background: #FF8CAF url(../img/spacer2.gif) no-repeat top center;
  height: 13px;
  line-height: 13px;
  clear: both;
  }

.hide {
  display: none;
  }

.login {
  display: none;
  position: relative;
  top: 40px;
  float: right;
  color:  #C7377D;
  padding: 8px 20px 0 0;
  font-size: 100%;
  font-weight: bold;
  background: transparent;
  }

.login a {
  color: #C7377D !important;
  text-decoration: none;
  padding: 5px 0 0 0;
  background: transparent;
  }

.login a:hover {
  color: #FFFFFF !important;
  text-decoration: none;
  }

#showmenu {
  display: block;  /* only show it on test pages for now */
  }
 
/*
.login a#homeicon {
  background: url(../img/home.jpg) no-repeat left center;  
  }

.login a#loginicon {
  background: url(../img/login.gif) no-repeat left center;  
  }
*/

/* ---------------------------- Main Navigation ---------------------------- */

    /* see menu.css */


/* ============================== Side Column ============================== */

#sidebar {
  float: left;
  width: 190px;
  padding-top:55px;
  background: url(../img/topper.jpg) no-repeat top left;
  }

    /* see sidebar.css */


/* ---------------------- Sub Navigation / Highlights ---------------------- */

#subnav {
  margin: 0px 0px 35px 0px;
  padding: 0px;
  text-align: left;
  }

#subnav a { 
  text-decoration: none;
  display: block;
  margin: 0px;
  padding: 5px 0px 5px 18px;
  outline-style: none;
/*  width: 172px; */
  }

#subnav a:hover { 
  text-decoration: none;
  background: #f7f7f6;
  }

#subnav a.active { 
  text-decoration: none;
  background: #f7f7f6;
  font-weight: bold;
  color:#C7377D;
  padding-left: 5px;
  }

#subnav h4 {
  background: #b26fbf;
  color: white;
  border-bottom: 1px solid gray;
  border-right: 1px solid #a760b4;
  font-size: 95%;
  }

#subnav h4 a {
  padding: 0px;
  color: white;
  padding: 5px;
  border-right: 1px solid #a760b4;
  }

#subnav h4 a:hover {
  background: #d5aadd;
  color: #a55bb2;
  border-right: 2px solid #c388cc;
  }

#subnav ul {
  padding-left: 0px;
  margin-bottom: 20px;
  list-style: none;
  background: #ffb6c1 url(../img/subnav.gif) repeat-y top left;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  }

#subnav li {
  font-size: 90%;
  border-bottom: 1px solid silver;
  }



/* ============================== Main Column ============================== */

#contenttop {
  float: left;
  width: 540px;
  padding: 5px 0px 15px 0px;
  }


#content {
  float: left;
  width: 510px;
  padding: 5px 15px 15px 15px;
  }

* html #content {      /* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
  width: 540px;
  w\idth: 510px;
  }

#content .cleanborder {
  margin-bottom: 8px;
  text-align: left;
  text-decoration: none;
  }

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
  padding: 4px 0 4px 0;
/*  letter-spacing: .3px; */
  }

#content p {
  padding: 4px 0px 4px 0px;
 }

#content ul, #content ol {
  padding-left: 40px;
  }

.findus {
  padding: 10px 0px 0px 20px;
  margin-bottom: 5px;
  }

.findus dt {
  font-weight: bold;
  }

.findus dd {
  padding-left: 10px;
  }

/*
#content dl {
  padding-left: 20px;
  margin-bottom: 5px;
  }

#content dt {
  font-weight: bold;
  }

#content dd {
  padding-left: 10px;
  }
*/

/* Shop with us check list */
ul#shopds {
	list-style: none;
	margin-left: 0px;
	padding: 5px 0px 0px 5px;
   }

#shopds li {
  background: url(../img/check.jpg) no-repeat 0% -1px;
  padding: 6px 0px 3px 27px;
  font-weight: bold;
/*  color: #56ad32; */
  font-size: 110%;
  }

p.pdfdoc {
  padding: 0px 0px 0px 40px !important;
  margin: 0px !important;
  height: 26px;
  }

p.pdfdoc span {
  font-size: 75%;
  padding: 1px 0px 5px 18px;
  background: url(../img/pdficon.gif) no-repeat left center;
/*  border: 1px solid red; */
  }



.displaydate {
  text-align: left;
  color: #708090;
  font-weight: bold;
  font-size: 90%;
  padding: 2px 0px 2px 20px;
  margin: 50px 0px 20px 0px;
  background: #dcdcdc url(../img/boxhdr.gif) no-repeat top left;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #bcbcbc;
  }

.displaydate2 {
  text-align: right;
  color: #708090;
  font-weight: bold;
  font-size: 90%;
  padding: 2px 0px 2px 0px;
  margin: 20px 0px 10px 0px;
/*  background: #dcdcdc url(../img/boxhdr.gif) no-repeat top left; */
/*  border-top: 1px solid #cecece; */
  border-bottom: 1px solid #d9d9d9;
  }

.displaydate3 {
  text-align: right;
  color: #708090;
  font-weight: bold;
  font-size: 90%;
  padding: 2px 0px 2px 0px;
  margin: 20px 15px 10px 15px;
/*  background: #dcdcdc url(../img/boxhdr.gif) no-repeat top left; */
/*  border-top: 1px solid #cecece; */
  border-bottom: 1px solid #d9d9d9;
  }


.photogallery {
  padding: 0px 30px;
  }

.photogallery a {
/*  background: url(../millerandben/img/view.gif) no-repeat bottom right; */
  display: block;
/*  height: 230px; */
  text-align: center;
  text-decoration: none;
  }





.productdetails {
  font-size: 85%;
  padding: 0px 0px 5px 0px;
  }

.productdetails h5 {
  margin: 0px !important;
  padding: 0px !important;
  clear: left;
  }


dl.table-display {
  width: 54%;
  margin: 0px 0px 10px 0px;
  padding: 5px 0px 5px 0px;
  float: left;
/*  border-left: 1px solid #dcdcdc; */
  background: url(../millerandben/img/hback.gif) no-repeat top right;
  }

dl.fullsized {
  width: 100% !important;
  }

.table-display dt {
  width: 65px;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 2px 10px;
  font-weight: bold;
  text-align: left;
  }

.fullsized dt {
  width: 125px;
  }

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd {
  float: left;
  width: 200px;
  margin: 0 0 0 0;
  padding: 0px 0px 2px 0px;
  }

.fullsized dd {
  width: 375px;
  }

.table-display em {
  font-size: 10px;
  }


/*

.productdetails dl {
  border: 1px solid blue;
  }

.productdetails dt {
  clear: left;
  border: 1px solid green;
  display: block;
  }

.productdetails dd {
  border: 1px solid red;
  display: inline;
  }
*/


.productchange {
  border-top: none !important;
  float: right !important;
  width: 230px !important;
  }

.productchange h3 span {
  color: #C7377D;
  font-size: 90%;
  }

.productchange a {
  background: url(../millerandben/img/view.gif) no-repeat bottom right;
  display: block;
  height: 190px;
  margin-right: 0px;
  }

.productview {
  border-top: 1px solid #cccccc;
  display: block;
  width: 255px;
  padding: 10px 0px;
  float: left;
  text-align: center;
  }

.productview h3 {
  color: #A355B2;
  text-align: center;
  font-size: 90%;
  }

.productview a {
  text-decoration: none;
  clear: left;
  text-align: center;
  }

.productview img {
  border: none;
  background: transparent !important;
  }




.photothumbs {
  background: url(../millerandben/img/hback.gif) no-repeat top right;
  float: left;
  }

.photothumbs span {
  background: url(../millerandben/img/hback.gif) no-repeat bottom right;
  display: block;
  padding-right: 20px;
  }

.photothumbs a {
  border-left: 1px solid #e4e4e4;
  text-decoration: none;
  display: block;
  float: left;
  }

.photothumbs a:hover {
  background: url(../millerandben/img/tmbback.gif) repeat-x bottom left;
  }

.photothumbs img {
  padding: 0px !important;
  margin: 0px !important;
  border: none;
  }




#content .checkmark {
  width: 60px;
  height: 90px;
  float: left;
  clear: left;
  }

#content .checkmark img {
  padding-right: 10px;
  }

#content .checklist {
  padding-bottom: 0px;
  float: left;
  width: 400px;
  }

#content .checklist ul {
  margin-left: 0px !important;
  padding-left: 15px !important;
  margin-bottom: 10px;
  }

#content .checklist h5 {
  color: #43A73A;
  padding-top: 12px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  }



#content .checkmark2 {
  width: 38px;
  height: 90px;
  margin-top: 10px;
  float: left;
  clear: left;
  }

#content .checkmark2 img {
  padding-right: 10px;
  }

#content .checklist2 {
  padding-bottom: 0px;
  margin-top: 10px;
  float: left;
  width: 455px;
  }

#content .checklist2 ul {
  margin-left: 0px !important;
  padding-left: 0px !important;
  margin-bottom: 10px;
  }

#content .checklist2 ul li {
  background: url(../img/icons/ui-button-navigation.png) no-repeat 0 2px;
  list-style: none;
  padding-left: 20px;
  padding-bottom: 5px;
  }

#content .checklist2 h5 {
  color: #92B83E;
  font-size: 20px;
  font: Verdana !important;
  padding-top: 6px;
  padding-bottom: 5px;
  margin-bottom: 0px;
  }




#content .featureditem h3,
#content .giftitem h3 {
  color: #A355B2;
  padding-top: 10px;
  }

#content .featureditem p,
#content .giftitem p {
  margin: 0px 10px 5px 10px;
  }

#content .featureditem img {
  margin: 10px 15px;
  }

#content .giftitem img {
  margin: 10px 0px 10px 13px;
  }

#content .newsitem dt {
  padding-left: 40px;
  background: url(../img/news.gif) no-repeat 4px 0px;
  }

#content .newsitem dd {
  padding-left: 60px;
  }


#content .giftitem2 {
  padding-bottom: 40px;
  }

#content .giftitem2 h3 {
  color: #A355B2;
  padding-top: 25px;
  padding-bottom: 0px;
  text-align: center;
  }

#content .giftitem2 img {
  margin: 10px 0px 10px 5px;
  }



#content #breadcrumbs {
/*  color: #ff1493; */
  font-size: 0.75em;
  text-align: right;
  padding: 0px 0px 10px 0px;
  }

#breadcrumbs a:link, #breadcrumbs a:visited {
  text-decoration: underline;
  color: #7B7B7B;	
  }

#breadcrumbs a:hover, #breadcrumbs a:active {
  text-decoration: none;
  color: #C7377D;
  }

.addressblock {
  margin-left: 20px;
  }

.addressblock span {
  color: #7B7B7B;
  font-size: 70%;
  letter-spacing: 1px;
  }

blockquote {
  font-size: 90%;
  line-height: 1.4em;
  margin: 10px 5px 15px 5px;
  padding-left: 21px;
  background: url(../img/quoteleft.gif) no-repeat 4px 0px;
  }

blockquote .quote {
  }

blockquote .author {
  padding-right: 20px;
  text-align: right;
  }


.tothetop {
  float: right;
  background: url(../img/topofpage.gif) no-repeat center left;
  padding-left: 11px;
  text-align: right;
  font-size: 80%;
  text-decoration: none;
  }


.brandslist {
  float: left;
  background: white;
  width: 42%;
  margin: 10px;
  padding: 4px;
  border: 1px solid #BCBCBC;
  }

.brandslistint {
  border: 1px solid #DCDCDC;
  background: #FFFAFA;
  }

.brandslistint h3 {
  color: white;
  padding: 5px !important;
  }

.brandslistint h4 {
  font-size: 95%;
  padding: 5px !important;
  }

.brandslistint h5 {
  padding: 5px !important;
  }

.brandslistint ul {
  padding: 5px 0px;
  }

.framed {
  border: 1px solid silver;
  margin: 5px;
  padding: 5px;
  background: white;
  }

.framed2 {
  border: 1px solid silver;
  margin: 5px;
  padding: 0px;
  background: white;
  }

.framed3 {
  border: none;
  margin: 5px;
  padding: 0px;
  background: transparent;
  }

.framed4 {
  border: none;
  margin: 0px;
  padding: 0px;
  background: transparent;
  }

.framedsmall {
  border: 1px solid silver;
  margin: 5px 5px 5px 10px;
  padding: 3px;
  background: white;
  }

.tothecenter {
  text-align: center;
  }

.totheright {
  float: right;
  }

.totheleft {
  float: left;
  }

.highlight {
  color: #C7377D;
  }

.highlight2 {
  color: #A355B2;
  }



#certificates {
  text-align: center;
  margin: 5px 0px;
  }

#certificates img {
  border: none;
  text-decoration: none;
  }

#content .easy123 {
  list-style: none;
  padding: 6px 0px 4px 10px;
  background: #DEE8F4 url(../img/123back.gif) repeat-x;
  border: 1px solid silver;
  color: #696969;
  }

#step1 {
  background: url(../img/1.gif) no-repeat 0% 2px;
  padding-left: 23px;
  }

#step2 {
  background: url(../img/2.gif) no-repeat 0% 2px;
  padding-left: 23px;
  }

#step3 {
  background: url(../img/3.gif) no-repeat 0% 2px;
  padding-left: 23px;
  }



#coloroptions {
  background: url(../millerandben/img/colors/colors.jpg) no-repeat;
  border-bottom: 1px solid silver;
  padding: 0px !important;
  margin: 0px !important;
  }

#coloroptions a {
  height: 123px;
  line-height: 123px;
  width: 190px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  outline-style: none !important;
  }

#sizingchart {
  background: url(../millerandben/img/colors/sizing.jpg) no-repeat;
  border-bottom: 1px solid silver;
  padding: 0px !important;
  margin: 0px !important;
  }

#sizingchart a {
  height: 99px;
  line-height: 99px;
  width: 190px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  outline-style: none !important;
  }

#ourproducts {
  background: url(../img/store2.jpg) no-repeat;
  border-bottom: 1px solid silver;
  }

#featuredprod {
  background: url(../img/featured.jpg) no-repeat;
  border-bottom: 1px solid silver;
  }

#visitus {
  background: url(../img/visitus.gif) no-repeat;
  border-bottom: 1px solid silver;
  }

#visitus a, #featuredprod a, #ourproducts a {
  height: 130px;
  line-height: 130px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  outline-style: none !important;
  }

#featuredprod a {
  height: 140px;
  line-height: 140px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  }


/* ================================ Footer ================================= */

#footer {
  color: #FFFFFF;
  background: Gray url(../img/footer.gif) repeat-y top;
  width: 750px;
  margin: 0 auto;
  height: 60px;
  font-size: 75%;
  text-align: center;
  clear: both;
  }

#copyright {
  float: left;
  text-align: center;
  padding: 18px 0px 0px 30px;
  font-weight: bold;
/*  clear: both; */
/*  width: 100%; */
  }
 
#sitecredit a {
  float: left;
  padding: 8px 0 0 20px;
  font-size: 140%;
  font-weight: bold;
  color: White;
  }

#contactus {
  float: right;
  padding: 5px 22px 5px 5px;
  color: #D56A96;
  line-height: 12px;
  text-align: right;
  }

#sitecredit a {
  text-decoration: none;
  }

#spacer2 {
/*  background: #FF8CAF url(../img/spacer.jpg) no-repeat top center; */
  height: 1px;
  line-height: 1px;
  clear: both;
  }


/* -------- Contact Form - form highlighting -------- */

.contactform {
  margin-top: 0px;
  padding: 10px 0px;
  margin-left: 20px;
  padding-left: 20px;
  border: solid 2px White;
  background-color: #E2E2E2;
  width: 450px;
  }

.contactform p {
  padding: 5px 0px 0px 0px !important;
  margin: 0 !important;
  }

.frminfo {
	background: transparent;
  font-size: 75%;
	}

.formtitle {
	background: transparent;
	font-weight: bold;
	}

.contact_form {
  padding: 0 !important;
  margin: 0 !important;
	width: 200px;
	}

.contact_form input {
	border: 1px solid #B2B2B2;
  padding: 2px 3px !important;
  margin: 0 !important;
	width: 196px; /* IE */
	}

html>body .contact_form input {
	width: 198px; /* Other */
	}

.contact_form_box {
	width: 440px;
	}

.contact_form_box textarea {
	border: 1px solid #B2B2B2;
  padding: 2px 3px !important;
	width: 426px; /* IE */
	height: 150px;
	}

html>body .contact_form_box textarea {
	width: 428px; /* Others */
	}


/* ============================= Page Bottom =============================== */

#bottom {
  }


.saledetail {
  clear: both;
  padding: 4px 0px;
  }

.saledetail img {
  float: left;
  }

.saledetail dl {
  float: left;
  width: 430px;
  padding-left: 8px !important;
  }



/* ========================  Styles for News Ticker ======================== */
#holdme {
  float: right;
/*  clear: both; */
  padding: 15px 20px 0 0;
  }


#tic {    /* enter any styles for the ticker below */
  color: #FFF5EE;
  background: url(../img/salesbackground.gif) no-repeat top left;
  padding: 6px;
  width: 330px;
  font-size: 12px;
  text-align: left;
  line-height: 15px;
/*  border: 3px solid white; */
  }

#tic * {   /*this will hide all children tags */
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	display: none;
  background: none;
  }

#tic a, #tic strong, #tic h1, #tic h2, #tic br {   /* add more tags to this list if you wish to display them inside the children */
	display: inline;
  color: Gray;
  background: none;
  }

/* fix for the anniversary sale promotion */
#content #whitebackground {
  background: White !important;
  padding: 5px !important;
  border: 1px solid #DCDCDC;
  }

#content #whitebackground2 {
  background: White !important;
  padding: 5px 0px !important;
  border: 1px solid #DCDCDC;
  }

.nohighlight {
  border: none;
  text-decoration: none;
  }


/* ========================  Styles for Come Visit Us ======================== */

.printmebutton {
  text-align: right;
  }

.printme {
  background: url(../img/printme.gif) no-repeat 0 100%;
  padding-left: 19px;
  }

.closeme {
  background: url(../img/close.gif) no-repeat 0 100%;
  padding-left: 19px;
  }

.blockme {
  width: 275px;
  float: left;
  padding-top: 5px;
  padding-left: 20px;
  }

.blockme2 {
  width: 225px;
  float: left;
  padding-top: 5px;
  padding-left: 20px;
  }



.colorswatches tr {
  }

.colorswatches td {
  text-align: center;
  padding: 10px 20px 7px 20px !important;
  }

.colorswatches td img {
  padding: 5px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  }






/* ------------------ New Summer Schedule Styles ----------------------- */

.sizechart {
  background: White;
  color: #4C4C4C;
  font-size: 90%;
  }

.sizechart caption {
  font-size: 130%;
  text-align: left;
  }

.sizechart td {
  padding: 2px 5px 2px 5px;
  text-align: center;
  }

.sizechart .colheadings td {
  background: #B0C4DE !important;
  border-top: 3px solid #7598C6;
  border-bottom: 1px solid #7598C6;
  height: 28px;
  font-weight: bold;
  }

.sizechart td.classheading {
  background: #DCDCDC;
  border-bottom: 2px solid #B9B9B9;
  border-top: 2px solid #B9B9B9;
  height: 28px;
  font-weight: bold;
  }

.sizechart tr td { 
  border-bottom: 1px solid #C8C8C8;
  }

td.menscolumn {background: #dcdcdc;}
td.wmnscolumn {background: #f5f5f5;}

.sizechart td.tableseperator {
  border-top: 1px solid #B9B9B9;
  border-bottom: none;
  background: #EDEDED;
  height: 15px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
  }

.sizechart td.tablefooter {
  background: #B0C4DE !important;
  border-bottom: 3px solid #7598C6;
  border-top: 1px solid #7598C6;
  height: 15px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
  }


/* format for important class updates */
.importantnote {
  color: #CD5C5C;
  border: 3px solid #CD5C5C;
  padding: 5px;
  margin: 10px 35px;
  }

/* format for important class updates */
.informationnote, .noteblue {
  color: #6D8FB5;
  border: 3px solid #6D8FB5;
  padding: 8px 10px 8px 15px !important;
  margin: 10px 15px;
  }

.informationnote strong, .noteblue strong {
  color: #6D8FB5;
  }



/* --------  Message Box Formating  -------- */

.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {
  border-top: 2px solid;
  border-bottom: 2px solid;
  margin: 10px 0px;
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  }

.msg_info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../img/messages/info.png');
  }

.msg_success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('../img/messages/success.png');
  }

.msg_warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../img/messages/warning.png');
  }

.msg_error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../img/messages/error.png');
  }

.msg_validation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url('../img/messages/validation.png');
  }

.msg_info strong { color: #00529B; }
.msg_success strong { color: #4F8A10; }
.msg_warning strong { color: #9F6000; }
.msg_error strong { color: #D8000C; }
.msg_validation strong { color: #D63301; }

.msg_info ul, .msg_success ul, .msg_warning ul, .msg_error ul, .msg_validation ul {
  padding-left: 30px;
  margin-top: 5px;
  }


 
.bulleted li {
  background: url(../img/bulleted.gif) no-repeat 0 50%;
  padding: 0px 0px 0px 12px;
  margin: 0px;
  list-style: none;
  display: inline;
  font-weight: bold !important;
  color: #db6327 !important;
  }

.bulleted li.firstitem {
  background: none !important;
  padding-left: 0px !important;
  }