/* Start of CMSMS style sheet 'style' */
body {
    margin: 12px 0 50px 0 ;
    padding: 0;
    font: 14px Arial;
    color: #999999;
}

a { color: #ff0099; text-decoration: none; outline: none; }
a img { border: none; }
a.grey { margin-right: 12px; color: #999999; text-decoration: underline; }

p, #main-copy li { line-height: 20px; }

h1, h2, h3 { color: #ec008c; }
h1 {
    font-size: 24px;
   *margin-top: 16px;
}
h1.tagline { margin-top: 0; padding-top: 0; }
h2 { font-size: 16px; }
#media-centre h1 {
    color: #7ac142;
    margin: 0;
    padding: 0;
    background: none;
}

hr {
    height: 1px;
    background: #ec008c; color:#ec008c; background-color:#ec008c;
    border: none;
    padding: 0;
    margin: 0;
/*    margin-bottom: 8px; */
}
hr.gray { background: #cccccc; color:#cccccc; background-color:#cccccc; }
hr.mid-gray { background: #666666; color:#666666; background-color:#666666; }
.content-border-copy hr { margin-left: 20px; margin-right: 20px; }
iframe { 
    padding: 0; 
    margin: 0; 
    width: 575px;
    height: 500px;
    border: 1px solid black;
}

.mobilicity-pink { color: #ff0099; }
.mobilicity-green { color: #66cc33; }
.mobilicity-gray { color: #999999; }
.mobilicity-mid-gray { color: #666666; }
.mobilicity-dark-gray { color: #333333; }

.floatleft {
    float: left;
    margin: 0 15px 10px 0;
}
.floatright {
    float: right;
    margin: 0 0 10px 15px;
}
.clearBoth {
    clear: both; 
    font-size: 1px;
}
.searchboost { display: none; }
#legallayer {
    display: none;
    font-size: 12px;
    margin: 0 20px;
}
.legaltxt { font-size: 12px; }


/* header search
    any changed here also need to be made in stylesheet: https styles and layouts
    ============================================================ */
#header-search {
    width: 175px;
    height: 21px;
    background: url(images/bg-search.gif) no-repeat;
    padding: 1px 9px;
}
#header-search input {
    font: 10px Arial;
    color: #666666;
    vertical-align: top;
}
.search-input {
    border: 0;
    margin-top: 2px;
    margin-right: 9px;
    width: 130px;
    *width: 125px;
}



/* main nav
    any changed here also need to be made in stylesheet: https styles and layouts
    ============================================================ */
#main-nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
/*     width: 100%; */
    text-align: center;
}
#main-nav ul li {
    padding: 0 40px 22px 40px;
    display: inline;
    font-size: 22px;
    font-weight: bold;
    position: relative;
}
#main-nav ul li a {
    color: #999999;
}
#main-nav ul li a.currentpage, #main-nav ul li a.activeparent { color: #990066; }

/* sub nav pop up */
#main-nav ul ul {
    display: none;
    position: absolute;
    z-index: 500;
    top: 44px;
    left: 41px;
    min-width: 180px;
    text-align: left;
    background: #f0f0f0 url(images/bg-sub-nav.gif) repeat-x;
    padding-top: 7px;
}
#main-nav ul ul li {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    margin: 0 7px;
    padding: 5px 0;
    border-top: 1px solid #68cd36;
}
#main-nav ul ul li.first { border-top: none; }
#main-nav ul ul li a { color: #666666; padding: 0 12px; }
#main-nav ul ul li a.currentpage, #main-nav ul ul li a:hover {
    background: url(images/sub-nav-current.gif) no-repeat left 3px;
    color: #666666;
}
#main-nav ul li:hover ul, #main-nav ul li.menuparent ul { display: block; }
#sub-nav-bl, #sub-nav-br {
    position: absolute;
    height: 7px; width: 7px;
    bottom: 0;
}
#sub-nav-bl { left: 0; *left: -7px; background: url(images/sub-nav-bl.gif) no-repeat; }
#sub-nav-br { right: 0; *right: -7px; background: url(images/sub-nav-br.gif) no-repeat; }



/* jobs iframe
    ============================================================ */
#pg-jobs iframe { 
    margin: 15px 0 0 50px; 
    border: 1px solid #cccccc;
}



/* faqs
    ============================================================ */
#pg-faqs .content-border-copy li, #faq-links li { padding-right: 10px; color: #333333; }
ul#faq-links { margin-left: 20px; padding-left: 0; list-style-type: none; }
ul#faq-links li {
    margin-left: 0; padding-left: 11px;
    background: url(images/bg-faq-li.gif) no-repeat left 8px;
}
#pg-faqs .content-border-copy a, #faq-links a { color: #333333; }
#pg-faqs .content-border-copy a:hover, #faq-links a:hover { color: #ff0099; }
#faq-manual { padding-bottom: 0; margin-bottom: 0; counter-reset: item; }
#faq-auto { padding-top: 0; margin-top: 0; counter-reset: item 4; }



/* press releases
    ============================================================ */
.NewsSummary {padding: 15px 0; }
.NewsSummary hr { margin-bottom: 0; }

.NewsSummaryTitle, .NewsSummarySummary, .NewsSummaryPostdate, .NewsSummaryMorelink { padding: 0 20px; line-height: 20px; }
.NewsSummaryMorelink { padding-bottom: 9px; }

.NewsSummaryPostdate, #NewsPostDetailDate { font-style: italic; line-height: 20px; }
#NewsPostDetailDate { padding-left: 20px; padding-right: 20px; }
#NewsPostDetailDate { padding-top: 15px; }
.NewsSummaryTitle, #NewsPostDetailTitle { color: #333333; line-height: 20px; }
.NewsSummaryTitle a { color: #333333; text-decoration: none; }
/* .NewsSummarySummary p { padding: 0; margin: 0; } */
#NewsPostDetailTitle { padding-left: 20px; padding-right: 20px; }
#NewsPostDetailReturnLink { padding: 15px 20px 0 20px; text-align: right; }
#NewsPostDetailReturnLink a { color: #999999; }



/* pagination
    ============================================================ */
#paging { margin: 15px 0; text-align: center; color: #fff; }
#paging span { display: inline-block; width: 19px; height: 19px; margin: 0 7px; padding-top: 1px; }
#paging .style { background: url(images/paging.gif) no-repeat; }
#paging .style a { color: #fff; }
#paging .current { background: url(images/paging-active.gif) no-repeat; }
#paging .current a { color: #fff; }

/* from live
#paging { margin: 15px 0 28px 0; }
#paging .paging {
    float: left;
    width: 19px;
    height: 19px;
    background: url(images/paging.gif) no-repeat;
    margin: 0 15px 0 0;
    padding-top: 1px;
    text-align: center;
}
#paging .current { background: url(images/paging-active.gif) no-repeat; }
.paging a { color: #fff; }
*/



/* store locator
    ============================================================ */
#store-tabs { text-align: center; }
#store-tabs a { font-weight: normal; color: #999999; }
#store-tabs a.active { font-weight: bold; color: #fff; }
#store-search-tab, #store-results-tab {
    float: left; 
    width: 189px;
    height: 21px;
    padding-top: 7px;
    background-repeat: no-repeat;
}
#store-search-tab { background-image: url( images/store-locator-active.gif ); }
#store-results-tab { background-image: url( images/store-locator-tab.gif ); }

#store-search { margin: 20px 11px; }
#store-search td { vertical-align: top; }
#store-search label { margin-right: 10px; }
#addressInput { width: 430px; border: 1px solid #ccc; }

#store-results { display: none; }
#store-results { margin: 12px 9px; }
#storebar {
    float: left;
    width: 196px;
    min-height: 645px;
    height: auto !important;
    height: 645px;
    background: #ebebeb;
    margin-right: 17px;
    padding-bottom: 55px;
    font-size: 12px;
    color: #666666;
    position: relative;
}
.storeinfo, .storeinfo2 {
    padding: 0 9px;
    width: 160px;
    margin: 15px auto;
    cursor: pointer;
}
.storeinfo { background: #fff; padding: 13px 9px; }
.store-list-number { float: left; width: 38px; }
.store-list-info { float: left; width: 120px; }
.storepaging {
    position: absolute;
    left: 9px;
    bottom: 15px;
    background: #fff;
    /* padding: 13px 7px; */
    padding: 0 7px;
    width: 164px;
    text-align: center;
}
#store-results #map-wrapper {
    float: left;
    width:695px;
    height: 700px;
    background: #ebebeb;
}
#store-results #map {
    margin: 15px 0 0 15px;
    width: 666px;
    height: 670px;
/* style="overflow: hidden; width:400px; height:400px" */
}

#store-detail-info {
    float: left;
    width: 270px;
    padding-right: 10px;
}
#store-detail-map {
    float: left;
    width: 643px;
    height: 352px;
    padding: 20px 0 0 17px;
    background: url(images/bg-store-details-map.gif) no-repeat;
}
#map_canvas { width: 610px; height: 314px; }



/* downloads and default with tabs
    ============================================================ */
ul#download-tabs, ul#default-tabs {
    margin: 10px 20px 0 20px;
    padding: 0;
    list-style-type: none;
}
ul#download-tabs li, ul#default-tabs li {
    float: left;
    width: 214px;
    height: 28px;
    background: url(images/bg-downloads-tab.gif) no-repeat;
    text-align: center;
    line-height: 28px;
}
ul#download-tabs li.current, ul#default-tabs li.current { background: url(images/bg-downloads-tab-active.gif) no-repeat; }
ul#download-tabs li a, ul#default-tabs li a { color: #999999; }
ul#download-tabs li.current a, ul#default-tabs li.current a { color: #fff; }

#download-content, #default-content {
    clear: both;
    margin: 0 20px 10px 20px;
    width: 640px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    position: relative;
}
#default-content table { width:95%; }
#default-content td { padding-right: 10px; }
.download-bl, .download-br, .default-bl, .default-br {
    position: absolute;
    width: 12px; height: 12px;
    bottom: -2px;
    font-size: 1px;
}
.download-bl, .default-bl { left: -1px; background: url(images/download-bl.gif) no-repeat; }
.download-br, .default-br { right: -2px; background: url(images/download-br.gif) no-repeat; }

#download-media {
    background: #f0f0f0;
    padding: 12px 0 12px 20px;
    margin-bottom: 12px;
}
#download-media ul {
    margin: 0 20px 0 0;
    padding: 12px 0;
    list-style-type: none;
    background: url( images/bg-downloads-list.gif) repeat-y;
}
#download-media ul li {
    line-height: 30px;
    width: 95px;
}
#download-media ul li.current {
    background: url(images/bg-downloads-media.gif) no-repeat 87px 7px;
}
#download-media ul li a { color: #999999; }
#download-media ul li.current a { color: #ff0099; }



/* contact us
    ============================================================ */
#pg-contact .content-border-copy img, #pg-careers .content-border-copy img { padding: 0 10px; }



/* search results
    ============================================================ */
#pg-search-results .content-border-copy hr { margin-left: 0; margin-right: 0; }
.search-result-weight { float: left; width: 45px; padding: 12px 25px 12px 0; text-align: right; }
.search-result-info { float: left; width: 600px; padding: 12px 0; }
.search-result-info a { color: #333333; }
.search-result-info a:hover { color: #ff0099; }




/* tables
    ============================================================ */
.content-border-copy table {
    padding: 0; 
    margin: 0 0 14px 20px;
    width: 650px;
}
td { vertical-align: top; }
.content-border-copy table td table { margin: 0; }
.content-border-copy td p { padding-left: 0; padding-right: 0; }

/* table on plans page
    ============================================================ */
table#plans-info {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
table#plans-info th {
    font-size: 24px;
    color: #ff0099;
    padding: 9px 0;
    border-right: 1px solid #cccccc;
}
table#plans-info td {
    vertical-align: middle;
    text-align: center;
    padding: 15px 0;
    border-right: 1px solid #cccccc;
}
table#plans-info tr.alt td { background: #f5f5f5; }
table#plans-info td.checks { width: 85px; }

/* table on image bank
    ============================================================ */
table#image-bank, table#img-bank {
    border-left: 1px solid #cccccc;
}
table#image-bank td, table#img-bank td {
    vertical-align: middle;
    text-align: center;
    padding: 15px 0;
    border-right: 1px solid #cccccc;
}
table#img-bank td { vertical-align: top; border-bottom: 1px solid #cccccc; }

/* table on downloads
    ============================================================ */
#download-media table {
    margin: 0;
    width: 100%;
}
table.downloads { width: 480px; }
table.downloads td { width: 25%; }
table.downloads td p { font-size: 11px; line-height: normal; }

/* table on support page
    ============================================================ */
table#phone-support { margin: 0; width: 210px; }
table#phone-support td { padding: 18px 0; }
table#phone-support td img { padding: 0 16px; }



/* catalog
    ============================================================ */
.catnav {
    clear: both;
}
.cat-item {
    float: left;
    width: 301px;
    height: 324px;
    background: url(images/bg-cat-item.gif) no-repeat;
    padding-top: 26px;
    margin: 0 39px 29px 0;
    position: relative;
}
.cat-item-img {
    float: left;
    width: 150px;
    padding-left: 1px;
    text-align: center;
}
.cat-item-copy {
    float: left;
    width: 140px;
    font-size: 10px;
    color: #6d6e71;
    line-height: normal;
    position: relative;
}
.cat-item-copy h2 { margin: 0; padding: 0; }
.cat-item-notes { height: 100px; margin: 15px 0; }
.cat-item-notes ul { margin-left: 0; padding-left: 15px; }
#main-copy .cat-item-notes li { line-height: 14px; }
.cat-item-price { 
    position: absolute;
    top: 220px;
    left: 0;
    font-size: 48px; 
    color: #68cd36; 
    line-height: 40px; 
    margin-bottom: 15px; 
}
.cat-item-price table { padding: 0; margin: 0; }
.cat-item-price td { vertical-align: top; }
.cat-item-price .small { font-size: 26px; line-height: 26px; }
.cat-item-details { margin-top: 10px; }
.cat-item-tl {
    position: absolute;
    top: 0;
    left: 0;
}
.cat-item-bl {
    position: absolute;
    bottom: 0;
    *bottom: -3px;
    left: 0;
}



/* phone support
    ============================================================ */
#phone-support-list {
    margin: 10px 0;
    width: 700px;
    height: 155px;
    overflow: auto;
}
.phone-list-item, .phone-list-item-select { width: 100px; height: 100px; position: relative; }
.phone-list-item img { position: absolute; left: 24px; top: 7px; height: 80%; }
.phone-list-item-select img { position: absolute; left: 17px; top: 0; }
.phone-list-name { padding-top: 105px; font-size: 11px; text-align: center; display: none; }
.phone-list-item a:hover .phone-list-name, .phone-list-item-select .phone-list-name { display: block; }



/* forms
    ============================================================ */
.formbuilderform {
    width: 100%;
    padding: 0;
    margin: 0;
}
.formbuilderform td {
    vertical-align: top;
}
.formbuilderform label { color: #333333; }
.formbuilderform input, .formbuilderform select, .formbuilderform textarea {
    border: 1px solid #999999;
    margin: 0 0 11px 0;
}
.formbuilderform .radio input {
    border: none;
    margin: 0;
}
#form-buttons { text-align: right; }
#form-buttons input { border: none; margin-left: 15px; }
.options, .options td { width: auto; }
.submit { text-align: right; }
.submit input { border: none; }
.errmsg { font-size: 11px; color: #990066; margin-bottom: 11px; }



/* clearfix
    ============================================================ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* End of 'style' */