* {
    margin: 0;
}
html, body {
    height: 100%;
    font: 14px Tahoma, Geneva, sans-serif;
    color: #333;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -22.25em;
}
.push {
    height: 22.25em;
    clear: both;
}


/*Footer and site map -----------------------------------------------------------*/
.footer {
    background: #626262;
    padding: 0;
    overflow: auto;
    display: block;
    width: 100%;
    /*height: 22em;*/
    color: #fff;
    background-color: #626262;
    clear: both;
    padding-top: 0.25em;
}
.footer p {
    font-size: 12px;
    margin: 0 0 5px 0;
    line-height: 18px;
}
.footer hr {
    height: 4px;
    background: #999999;
    color: #999;
    border: none;
    margin: 0 0 10px 0;
}
.footer ul {
    padding: 0;
    margin: 0 0 10px 0;
}
.footer li {
    list-style: none;
    color: #fff;
    margin: 3px 0;
    padding: 0;
    background: none;
}
.footer li a {
    color: #fff;
    text-decoration: none;
}
.footer li a:hover {
    text-decoration: underline;
}
.footer li.heading a {
    font-weight: bold;
    /*color: #AC215C;*/
    color: white;
    margin-bottom: 6px;
}
.footer-logos {
    width: 335px;
    height: 5em;
    float: right;
    background: #626262 url(/graphics/footer-logos.png) no-repeat;
}


/*Holder*/
.holder {
    width: 940px;
    margin: 0 auto;
    clear: both;
}


/*H's -------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 15px 0 5px 0;
    color: #AC215C;
}
h1 {
    font-size: 25px;
}
h2 {
    font-size: 23px;
    line-height: 28px;
}
h3 {
    font-size: 20px;
    line-height: 25px;
}
h4 {
    font-size: 18px;
    line-height: 24px;
}
h5 {
    font-size: 15px;
    line-height: 20px;
}
h6 {
    font-size: 14px;
    line-height: 18px;
}

/*Transparent red background */
.red-bgd {
    color: #fff;
    padding: 5px 10px;
    background: url(/graphics/red-bgd.png) repeat-x;
}
/*Red background */
.red {
    color: #fff;
    padding: 5px 10px;
    background: #AC215C;
    padding: 5px 10px;
}

 /*P's ------------------------------------------------------------------------*/
 
 p {
    font: 14px Tahoma, Geneva, sans-serif;
    margin: 5px 0 12px 0;
    line-height: 20px;
 }
 .bold {
    font-weight: bold;
    line-height: 22px;
 }
 .date {
    color: #666;
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin: 0 0 5px 0;
 }


/*logo ------------------------------------------------------------------------*/
.logo {
    width: 188px;
    height: 64px;
    margin: 0;
    padding: 0;
    overflow:hidden;
    float: left;
}
.logo a {
    width: 188px;
    height: 64px;
    background: url(/graphics/hopkins-law.jpg) no-repeat;
    display:block;
    text-indent:-9999px;
}

/*helping you move forward - tag line -----------------------------------------*/

.move-forward {
    width: 330px;
    height: 31px;
    margin: 25px 0 0 80px;
    padding: 0;
    overflow:hidden;
    float: left;
    display:block;
    text-indent:-9999px;
    background: url(/graphics/move-forward.jpg) no-repeat;
}


/*Top line ---------------------------------------------------------------------*/

.topline {
    height: 5px;
    background: #AC215C;
}

/*A's -------------------------------------------------------------------------*/
a {
    color: #AC215C;
    text-decoration: underline;
    outline: none;
}
a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
}
a:hover {
    text-decoration: none;
}
a.arrow {
    background: url(/graphics/arrow-right.png) no-repeat right 6px;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    display: inline-block;
}
a.arrow:hover {
    background: url(/graphics/arrow-right-hover.png) no-repeat right 6px;
}
a.arrow-left {
    background: url(/graphics/arrow-left.png) no-repeat left 6px;
    background-position: left 6px;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    display: inline-block;
}
a.arrow-left:hover {
    background: url(/graphics/arrow-left-hover.png) no-repeat left 6px;
}



/*Columns ----------------------------------------------------------------------*/

.col-one {
    width: 200px;
    float: left;
    margin: 10px;
}
.col-two {
    width: 500px;
    float: left;
    margin: 10px;
}
.col-three {
    width: 300px;
    float: left;
    margin: 10px;
}
.col-three-double {
    width: 620px;
    float: left;
    margin: 10px;
}
.col-four {
    width: 220px;
    float: left;
    margin: 10px;
}
.col-double {
    width: 720px;
    float: left;
    margin: 10px 0 10px 10px;
}
.col-right {
    width: 460px;
    float: right;
    margin: 20px 0;
}

/*Margins*/
.first {
    margin-left: 0;
}
.last {
    margin-right: 0;
}
.top {
    margin-top: 0;
}
.bottom {
    margin-bottom: 0;
}


/*Advert floated to right*/
.advert {
    width: 200px;
    float: right;
    margin: -10px 0 10px 10px;
    padding: 0 5px 5px 5px;
}


/*HR's -----------------------------------------------------------------------*/

hr {
    height: 1px;
    background: #BFBFBF;
    border: 0;
    margin: 10px 0;
}


/*Blockquote ---------------------------------------------------------------------
*/

blockquote {
    margin: 20px 0 15px 0;
    padding: 0;
}
blockquote p {
    padding: 5px 0 10px 35px;
    color: #5C5C5C;
    display: inline-block;
    font-style: italic;
    background: url(/graphics/quote-left.jpg) no-repeat top left;
}
blockquote p.author {
    color: #AC215C;
    text-align: right;
    padding: 0 25px 0 0;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    display: block;
    background: none;
    font-style: normal;
}

/*Lists ----------------------------------------------------------------------*/


/*General list*/
ul {
    margin: 10px 0;
    padding: 0 0 0 10px;
}
li {
    list-style: none;
    margin: 8px 0;
    padding: 0 0 0 15px;
    background: url(/graphics/red-dot.jpg) no-repeat 0 6px;
}
ul li span {
    display: block;
    color: #666666;
}

/*Navigation*/
ul.nav {
    padding: 0;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
}
ul.nav li {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.nav li a {
    display: block;
    background-color: #CCC;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    margin: 0 0 3px 0;
    line-height: 25px;
    padding-left: 10px;
    border-left: 4px solid #AC215C;
}
ul.nav li a:hover {
    background-color: #E6E6E6;
}
ul.nav li a.submenu {
    background: #ccc url(/graphics/arrow-down.png) no-repeat 180px 10px;
}
ul.nav li a.submenu:hover {
    background-color: #E6E6E6;
    background: #E6E6E6 url(/graphics/arrow-down-hover.png) no-repeat 180px 10px;
}
ul.nav li a.direct {
    color: #fff;
    background: #AC215C url(/graphics/arrow-down-white.png) no-repeat 180px 10px;
}
ul.nav li a.direct:hover {
    color: #AC215C;
    background: #E6E6E6 url(/graphics/arrow-down-hover.png) no-repeat 180px 10px;
}

/*Sub navigation*/
ul.subnav {
    padding: 0;
    margin: 0;
}
ul.subnav li {
    list-style: none;
}
ul.subnav li a {
    display: block;
    font-weight: normal;
    background-color: #f4f4f4;
    color: #AC215C;
    text-decoration: none;
    margin: 0 0 3px 0;
    line-height: 25px;
    padding-left: 10px;
    border-left: 4px solid #ccc;
}
ul.subnav li a:hover {
    background-color: #E6E6E6;
}


/*List with line*/
ul.line-red {
    text-align: right;
    padding: 0;
    margin: 0 0 0 0;
}
ul.line-red li {
    display: inline;
    background: url(/graphics/line-red.jpg) no-repeat;
    background-position: 0px 4px;
    padding: 0 0 0 20px;
    margin: 0 10px 0 0;
}
ul.line-red li.first {
    background: none;
    padding: 0;
}
ul.line-red li.select a {
    color: #666;
    text-decoration: none;
}
ul.line-red li.select a:hover {
    text-decoration: underline;
}


/*Links list on homepage*/

ul.links {
    padding: 0;
    margin: 0 0 10px 0;
}
ul.links li {
    list-style: none;
    border-bottom: 2px solid #ccc;
    padding: 10px 0 15px 0;
    background: none;
}
ul.links li a {
    text-decoration: none;
}
ul.links li a:hover {
    text-decoration: underline;
}


/*Page number list*/

.pagination {
    margin: 25px 0 20px 0;
    display: block;
    text-align: right;
}
.pagination ul {
    display: inline;
    margin: 0 10px;
    padding: 0;
}
.pagination ul li {
    display: inline;
    background: none;
    margin: 0;
    padding: 0;
}
.pagination ul li a {
    background: #AC215C;
    color: #fff;
    padding: 2px 5px;
    font-weight: bold;
    text-decoration: none;
    margin: 0 2px;
}
.pagination ul li a:hover {
    background: #333;
}
.pagination ul li.selected a {
    background: #333;
}
.pagination a {
    display: inline;
}


/*Hopkins Direct list - top of page -------------------------------------------*/

ul.hopkinsdirect {
    display: block;
    background: #AC215C;
    padding: 2px;
    overflow: auto;
}
ul.hopkinsdirect li {
    display: inline;
    color: #fff;
    background: url(/graphics/white-dot.png) no-repeat center right;
    padding: 0 8px 0 0;
    margin: 2px 0;
    font-size: 12px;
}
ul.hopkinsdirect li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-top: 3px;
}
ul.hopkinsdirect li a:hover {
    text-decoration: underline;
}
ul.hopkinsdirect li.large {
    float: left;
    line-height: 42px;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 0 15px;
    background: none;
    width: 195px;
}
ul.hopkinsdirect li.large a {
    margin: 0;
}
ul.hopkinsdirect li.first {
    margin-left: 0;
}
ul.hopkinsdirect li.last {
    background: none;
}

/*Sections list */
ul.sections {
    margin: 10px 0 20px 0;
    padding: 0;
}
ul.sections li {
    list-style: none;
    background: none;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0;
}
ul.sections li span {
    display: block;
    color: #999999;
    font-size: 14px;
}

/*Contact lists */
ul.contact {
    margin: 10px 0;
    padding: 0;
}
ul.contact li {
    margin: 5px 0 7px 0;
    padding: 0;
    list-style: none;
    background: none;
}
ul.contact li span {
    font-weight: bold;
    width: 20px;
    display: inline-block;
}
ul.contact li.address span {
    display: block;
    width: auto;
    font-weight: normal;
}

/*Breadcrumbs lists*/

.breadcrumbs-holder {
    background: #E6E6E6;
    margin: 10px 0;
    padding: 2px;
    overflow: auto;
}
ul.breadcrumbs {
    margin: 2px 0;
    padding: 0;
}
ul.breadcrumbs li {
    display: inline;
    background: url(/graphics/arrow-right.png) no-repeat center right;
    padding: 0 15px 0 0;
    margin-left: 5px;
    line-height: 20px;
}
ul.breadcrumbs li a {
    color: #666;
    text-decoration: none;
}
ul.breadcrumbs li a:hover {
    text-decoration: underline;
}
ul.breadcrumbs li.select {
    background: none;
    padding: 0;
}
ul.breadcrumbs li.select a {
    color: #333;
}


/*Definition list*/
dl {
    margin: 10px 0;
    padding: 0;
}
dt {
    display: block;
    color: #666;
    margin-top: 15px;
}
dd {
    display: block;
}


/*Purchases list*/

.purchases ul {
    margin: 15px 0;
    padding: 0;
}
.purchases li {
    margin: 5px 0;
    padding: 0 0 0 25px;
    background: url(/graphics/red-dot.jpg) no-repeat 10px 15px;
}
.purchases li a {
    width: 99%;
    font-size: 15px;
    margin: 0;
    padding: 8px 0 4px 5px;
    background-color: #E6E6E6;
    display: block;
}
.purchases li a:hover {
    background-color: #CCCCCC;
}
.purchases li a span {
    font-size: 14px;
    margin: 0;
    padding: 5px 0 8px 0;
}



.basket {
    background: url(/graphics/icon-basket.png) no-repeat left center;
    float: right;
    line-height: 24px;
    margin: 0 10px;
    padding: 0 0 0 30px;
    color: #666;
}

/*Images ---------------------------------------------------------------------*/


.col-two img {
    border: 1px solid #808080;
    float: left;
    margin: 5px 8px 5px 0;
}
.col-double img {
    width: 200px;
    border: 1px solid #808080;
    float: left;
    margin: 5px 8px 0px 0;
}

.img-main {
    width: 498px;
    border: 1px solid #808080;
    height: 165px;
    overflow: hidden;
    margin-bottom: 10px;
}
.img-main img {
    margin: 0 !important;
    border: 0 !important;
}
.img-main-text {
    background: url(/graphics/red-bgd.png) repeat-x;
    height: 30px;
    display: block;
    float: left;
    margin-top: 130px;
    width: 483px;
    position: absolute;
    color: #fff;
    padding: 5px 0 0 15px;
    font-weight: normal;
    z-index: 9999;
}



/*Adverts for side column --------------------------------------------------*/

.advert-red {
    border: 2px solid #AC215C;
    padding: 0 5px 5px 5px;
    margin: 20px 0 10px 0;
    background-color: #F9E1EC;
    float: right;
}
.advert-red h6 {
    margin-top: 5px;
}
.advert-grey {
    border: 2px solid #7F7F7F;
    padding: 0 5px 5px 5px;
    margin: 20px 0 10px 0;
    background-color: #CCCCCC;
    float: right;
}
.advert-grey h6 {
    margin-top: 5px;
}



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

.img-home {
    width: 498px;
    border: 1px solid #808080;
    height: 250px;
    overflow: hidden;
    position: relative;
}
.img-home img {
    margin: 0 !important;
    border: 0 !important;
}
.img-home-text {
    background: url(/graphics/red-bgd.png) repeat-x;
    height: 50px;
    display: block;
    float: left;
    margin-top: 200px;
    width: 483px;
    position: absolute;
    color: #fff;
    padding: 13px 0 0 15px;
    font-weight: normal;
    z-index: 9999;
}
ul#home-gallery {
    padding: 0;
    margin: 0;
    position: absolute;
    height: 250px;
    overflow: hidden;
    width: 498px;
}
ul#home-gallery li {
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
}
ul#home-gallery li img {
    width: 498px;
}


/*Forms -----------------------------------------------------------------------------*/

form {
    background: #F2F2F2;
    border: 1px solid #B3B3B3;
    font: 14px Tahoma, Geneva, sans-serif;
    margin: 10px 0;
    padding: 5px 10px;
}
input {
    width: 50%;
    display: block;
    margin: 0 0 10px 0;
    width: 190px;
    border: 2px #CCCCCC;
    border-style: inset solid solid inset;
    padding: 2px;
    color: #4C4C4C;
    font: 14px Tahoma, Geneva, sans-serif;
}
input:focus {
    /*background: #F9E1EC;*/
    background: #fff2ff;
    border-color: #AC215C;
}
label {
    display: block;
    font-weight: bold !important;
    font: 14px Tahoma, Geneva, sans-serif;
    margin-bottom: 2px;
}
fieldset {
    border: 0;
}
textarea {
    display: block;
    margin: 0 0 5px 0;
    width: 98%;
    border: 2px #ccc;
    border-style: inset solid solid inset;
    padding: 2px;
    color: #4C4C4C;
    font: 14px Tahoma, Geneva, sans-serif;
}
textarea:focus {
    /*background: #F9E1EC;*/
    background: #fff2ff;
    border-color: #AC215C;
}
select {
    display: block;
    margin: 0 0 5px 0;
    border: 2px #ccc;
    border-style: inset solid solid inset;
    color: #4C4C4C;
    outline: none;
    font: 14px Tahoma, Geneva, sans-serif;
}
select:focus {
    border-color: #AC215C;
}
.submit {
    width: auto;
    margin: 20px 0 5px 0;
    background: #4C4C4C;
    border: 2px solid #AC215C;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    padding: 2px 5px;
    cursor: pointer;
}
.submit:hover {
    color: #fff;
    background: #AC215C;
    border: 2px solid #AC215C;
}
fieldset.radio {
    padding: 0 0 10px 0;
}
fieldset.radio label {
    font-weight: normal !important;
}
fieldset.radio input {
    display: inline;
    width: auto;
    margin: 0;
    border: none;
}
fieldset.radio p {
    font-weight: bold;
    margin: 5px 0 3px 0;
}
option {
    padding: 2px 8px;
}

/*Contact form */

#contact {
    border: 0;
}
#contact fieldset {
    border: 0;
    padding: 0;
    margin: 0 0 10px 0;
}
#contact label {
    display: block;
    margin: 0 0 2px 0;
}
#contact input {
    display: block;
    margin: 0 0 5px 0;
    width: 95%;
    border: 2px #CCCCCC;
    border-style: inset solid solid inset;
    padding: 2px;
    color: #4C4C4C;
    font: 14px Tahoma, Geneva, sans-serif;
}
#contact input:focus {
    background: #F9E1EC;
    border-color: #AC215C;
}
#contact input:active {
    background: #F9E1EC;
    border-color: #AC215C;
}
#contact textarea {
    display: block;
    margin: 0 0 5px 0;
    width: 95%;
    border: 2px #ccc;
    border-style: inset solid solid inset;
    padding: 2px;
    color: #4C4C4C;
    font: 14px Tahoma, Geneva, sans-serif;
}
#contact textarea:focus {
    background: #F9E1EC;
    border-color: #AC215C;
}
#contact textarea:active {
    background: #F9E1EC;
    border-color: #AC215C;
}
#contact #submit {
    width: auto;
    margin: 10px 0 0 0;
    background: #4C4C4C;
    border: 2px solid #AC215C;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    padding: 2px 5px;
    cursor: pointer;
}
#contact #submit:hover {
    color: #fff;
    background: #AC215C;
    border: 2px solid #AC215C;
}


/*Timeline -----------------------------------------------------------------------*/


ul.timeline {
    border: 1px solid #999;
    background: #F4F4F4;
    padding: 10px;
    margin: 10px 0;
}
ul.timeline li {
    list-style: none;
    background: url(/graphics/icon-user.png) no-repeat top left;
    min-height: 20px;
    padding: 0 0 0 25px;
    margin: 0 0 10px 0;
}
ul.timeline li.hopkins {
    background: url(/graphics/icon-hopkins.png) no-repeat 40px 0;
    padding: 0 0 0 65px;
}
ul.timeline li span {
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
}
ul.timeline li span.date {
    color: #666;
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-bottom: 5px;
}


/*Help drop down --------------------------------------------------------------------*/

.showhelp {
    display: block;
    margin: 5px 0 0 0;
    padding: 4px 4px 0px 30px;
    color: #AC215C;
    min-height: 20px;
    background:  url(/graphics/icon-help.png) no-repeat 5px 15px;
}

/*Hopkins Direct -------------------------------------------------------------------*/


/*Icons*/

.info {
    width: 22px;
    height: 22px;
    margin: 0 0 0 5px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    float: right;
    background: url(/graphics/icon-info.png) no-repeat center center;
}
.info:hover {
    background: url(/graphics/icon-info-hover.png) no-repeat center center;
}
.buy {
    height: 22px;
    margin: 0 5px 0 5px;
    padding: 0 0 0 30px;
    float: left;
    background: url(/graphics/icon-basket.png) no-repeat center left;
}
.buy:hover {
    background: url(/graphics/icon-basket-hover.png) no-repeat center left;
}
.help {
    font-weight: normal;
    line-height: 12px;
    height: 18px;
    margin: 0 5px 0 10px;
    padding: 0 0 0 22px;
    background: url(/graphics/icon-help.png) no-repeat center left;
}
.help:hover {
    background: url(/graphics/icon-help-hover.png) no-repeat center left;
}
a.pdf {
    font-weight: normal;
    display: block;
    height: 18px;
    margin: 10px 0;
    padding: 5px 0 5px 35px;
    text-decoration: none;
    background: url(/graphics/icon-pdf.png) no-repeat center left;
}
a.pdf:hover {
    text-decoration: underline;
    background: url(/graphics/icon-pdf-hover.png) no-repeat center left;
}
a.zip {
    font-weight: normal;
    display: block;
    height: 18px;
    margin: 10px 0;
    padding: 5px 0 5px 35px;
    text-decoration: none;
    background: url(/graphics/icon-zip.png) no-repeat center left;
}
a.zip:hover {
    text-decoration: underline;
    background: url(/graphics/icon-zip-hover.png) no-repeat center left;
}
.error {
    margin: 10px 0;
    padding: 5px 10px 5px 30px;
    border: 1px solid #FF0000;
    background: #F9E1EC url(/graphics/icon-error.png) no-repeat 5px 5px;
}
.error span {
    font-weight: bold;
}
.remove {
    width: 22px;
    height: 22px;
    margin: 0;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    background: url(/graphics/icon-cross.png) no-repeat center center;
}
.remove:hover {
    background: url(/graphics/icon-cross-hover.png) no-repeat center center;
}


/*Steps - divorce guide --------------------------------------------------------*/

.steps {
    margin: 20px 0;
}
.steps h3 {
    font-size: 22px;
    line-height: 34px;
    background: #E6E6E6;
    color: #333;
    padding: 0 10px;
    margin: 25px 0 5px 0;
}
.steps ul {
    margin: 10px 0;
}
.steps ul li {
    background: none;
}

/*Table - shop items */

table {
    width: 100%;
    display: block;
    clear: both;
    margin: 10px 0;
    border-collapse: collapse;
    table-layout: fixed;
}
table th {
    font-weight: bold;
    text-align: center;
    border: 1px solid #808080;
    background: #ccc;
    height: 25px;
}
table td {
    height: 35px;
    padding: 6px 10px 3px 10px;
    border: 1px solid #808080;
    vertical-align: top;
}
table th.col1 {
    width: 410px;
}
table th.col2 {
    width: 100px;
}
table th.col3 {
    width: 350px;
}
table tr.gray {
    background: #F4F4F4;
}
table tr.pink {
    background: #F9E1EC;
}
table span {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
table a.float-none {
    float: inherit;
    text-align: center;
}

table td.empty {
    border: none;
}
table td.total {
    border: 1px solid #808080;
    background: #ccc;
    font-weight: bold;
    text-transform: uppercase;
}


/*Checkout -----------------------------------------------------------------------*/
a.checkout {
    float: right;
    display: inline-block;
    width: auto;
    margin: 10px 0 5px 0;
    background: #4C4C4C;
    border: 2px solid #AC215C;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    padding: 2px 5px;
    cursor: pointer;
    text-decoration: none;
}
a.checkout:hover {
    color: #fff;
    background: #AC215C;
    border: 2px solid #AC215C;
}



/* Carousel -----------------------------------------------------------------------*/

/*This <div> element is wrapped by jCarousel around the list*/
/*and has the classname "jcarousel-container".*/

.jcarousel-container {
    position: relative;
    margin: 0 0 20px 0;
    height: 150px;
    overflow: hidden;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0 2px;
    width: 888px;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-container li {
    background: none;
}
.jcarousel-container li img {
    border: 0;
    width: 200px;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 204px;
    height: 125px;
    background: gray;
    border: 2px solid gray;
    overflow: hidden;
    padding: 0;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 900px;
    padding: 0 20px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: 125px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 15px;
    right: 0;
    width: 20px;
    height: 125px;
    cursor: pointer;
    background: url(/graphics/large-arrow-right.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background: url(/graphics/large-arrow-right-hover.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 15px;
    left: 0;
    width: 20px;
    height: 125px;
    cursor: pointer;
    background: url(/graphics/large-arrow-left.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background: url(/graphics/large-arrow-left-hover.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}

/*Transparent red background */
.jcarousel-item a.red-bgd {
    color: #fff;
    padding: 5px 10px;
    background: url(/graphics/red-bgd.png) repeat-x;
    margin: 99px 0 0 0;
    position: absolute;
    width: 180px;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
}
.jcarousel-item:hover a.red-bgd {
    background: #AC215C;
}
.jcarousel-item:hover {
    border-color: #AC215C;
}



/*Hopkins Direct Popout -------------------------------------------------------*/
ul#popout {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 110px;
    left: 0px;
    list-style: none;
    z-index: 1;
    float: left;
}
ul#popout li {
    background: none;
    padding: 0;
}
ul#popout li a {
    display: block;
    padding: 10px 45px 10px 10px;
    width: 135px;
    height: 180px;
    background: #CCCCCC url(/graphics/logo-direct.png) no-repeat 155px center;
    border:1px solid #AFAFAF;
    cursor: pointer;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    text-decoration: none;
    font-weight: bold;
}
ul#popout li a span {
    color: #333;
    margin-top: 10px;
    display: block;
    font-weight: normal;
}


/*Accordion -------------------------------------------------------------------------*/

#acc {
    list-style:none;
    color:#033;
    margin: 20px 0;
    padding: 0;
    }
#acc li {
    list-style: none;
    padding: 0;
}
#acc h5 {
    background: #ccc;
    color: #4C4C4C;
    padding: 3px 10px;
    font-weight:bold;
    margin: 2px 0;
    cursor:pointer;
    }
#acc h5:hover {
    background: #E6E6E6;
    }
#acc .acc-section {
    overflow:hidden;
    background:#fff;
    }    
#acc .acc-content {
    border-top:none;
    background:#fff;
    margin: 5px 0;
    }
#acc ul {
    margin: 0 0 0 10px;
    padding: 0;
    display: block;
}
ul.nested {
    color:#033;
    margin-bottom:15px;
    }
ul.nested li {
    list-style: disc !important;
    background: none;
    color: #333;
    margin: 2px 0 2px 25px;
    padding: 0 0 0 8px;
    background:#fff;
}
ul.nested h5 {
    font-size: 14px;
    line-height: 18px;
    font-weight:normal;
    cursor:pointer;
    padding: 0;
    border: 0;
    margin: 3px 0;
    background: none;
    color: #AC215C;
    }
ul.nested h5:hover a {
    text-decoration: none;
    } 
ul.nested .acc-section {
    overflow:hidden;
    background:#fff
    }
ul.nested .acc-content {
    border-top:none;
    background:#fff;
    margin: 5px 0 8px 0;
    }
ul.nested .acc-selected {
    }
    
    

    
    
    
    
/*James Changes  -------------------------------------------------------------------------*/


.sectioninputs label{
	margin-top: 20px;
}

.sectioninputs input.text{
    width: 90%;
}

.sectioninputs input.radio{
	margin-right: 10px;
}

.sectioninputs div.showhelp p{
	font-weight: normal; 
}

input.hidden{
	display: none;
}


.sectioninputs label.checkbox {
	clear: both;
}

.sectioninputs label.checkbox input {
	display: inline;
	width: auto;
	margin-left: 5px;
	border: none;
	margin-bottom: 0px; padding-bottom: 0px;
}


.sectioninputs .clear {
	clear:both;
}

.sectioninputs div.text2 {
	width: 48%;
	float:left;
}

.sectioninputs div.text2 label {
	margin-top: 0px;
}

.sectioninputs div.text3 {
	width: 32%;
	float:left;
}

.sectioninputs hr {
	clear:both;
	margin-bottom: 3px;
}

.sectioninputs h5 {
	margin-top: 20px;
	float:left;
}

.showhelp {
    background:  url(/graphics/icon-help.png) no-repeat 5px 10px;
}

.rant{
	color: white;
}

.expanderButton{
	font-weight: bold;
	color: #AC215C;
	cursor: pointer;
}

.expandMe{
	padding-left: 30px;
	}
	
.theCount{
	font-weight: normal;
	}
	
	
.inlineform{
	display: inline;
	background: none;
	border:none;
	margin:0;
	padding:0;
	}
	
.inlineform label{
	display: inline;
	background: none;
	border:none;
	margin:0;
	padding:0;
	font-weight: normal !important;
    font: 14px Tahoma, Geneva, sans-serif;
	}
	
.inlineform input{
	display: inline;
	margin:0;
	width: 80px;
	padding: 0;
	}
	
.inlineform input.hidden{
	display: none;
	}
	

.purchases li a span.inline {
  	display: inline;
  	text-decoration: none !important;
}

.hidden{
	 display: none !important;
	 }

.selectcourt select{
	width: 70%;
	display: inline;
	margin:0;
}
.selectcourt input.submit{
	display:inline;
	margin: 0 0 0 10px;
}

form.plain{
	margin-top: 50px;
	clear:both;
	border: 0px;
}
form.plain input{
	 display: inline;
	 margin:0px;
	 margin-left: 170px;
	 }
form.plain input.epdq{
	 display: inline;
	 margin:0px;
	 margin-left: 20px;
	 }
form.plain .hidden{
	 display: none;
	 }
form.plain h4{
	 display: inline;
	 padding-right: 20px;
	 width: auto;
	 }
	 
.toggleme{
	margin-bottom: 30px;
}

.cardlogos{
	display:block !important;
}

.payimage{
	width: auto !important;
    border: none !important;
    float: none !important;
}

table td input.check{
	width: auto;
	border: none;
	}
	
.smallgray{
	padding-left: 10px;
	font-size: 70%;
    color: #666;
    text-decoration: none;
}
.smallgray:hover{
    text-decoration: underline;
}
.smallgreen{
	padding-left: 10px;
	font-size: 70%;
    color: #008800;
    text-decoration: none;
}
.smallgreen:hover{
    text-decoration: underline;
}



.hopkinsdirectlink{
	border: none;
	margin-top: 15px;
	margin-bottom: 5px;
}