/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ html {margin: 0px; padding: 0px;} body {position: relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; font-size: 12px; background:url(../images/bkg_branding.jpg) no-repeat top center #161616; color: #FFFFFF;} h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, label {margin: 0px; padding: 0px; list-style:none} a img {margin: 0px; padding: 0px; border: none} table, tr, td, th {vertical-align:top; border-collapse:collapse; border: none;}/* sets declarations for all tables throughout the site */ table th {text-align: right; speak-header: always; width: 25%; padding-right: 8px} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited, a:active {color: #13B95C; text-decoration:underline; cursor: pointer} a:hover {color: #FFFFFF; text-decoration:none; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer; margin-bottom: 5px} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; padding:22px 0px 0px 10px; width:760px;} #branding blockquote {position:absolute; top:17px; right:20px; color:#FFF;} #branding blockquote a:link, #branding blockquote a:active, #branding blockquote a:visited {font-size:11px; font-weight:normal; color:#fff; text-decoration:none;} #branding blockquote a:hover {color:#13B95C; text-decoration:underline;} #branding h3 {font-size:11px; font-weight:normal; color:#fff;} #branding h3 span {font-size:13px; font-weight:bold; color:#fff;} /*Main Navigation*/ #branding ol {position:relative; top:22px;} #branding ol li {position: relative; margin:10px 0px 0px 0px; padding:0px 10px 0px 10px; float:left; right:5px;} #branding #nav li {border-right: solid 1px #fff;} #branding #nav .last {border:none;} #branding #nav a:link, #branding #nav a:active, #branding #nav a:visited {display:block; color:#FFF; text-decoration:none;} #branding #nav a:hover {color:#10c907;} /* BOXES --------------------------------------------------*/ #container {position: relative; width:760px; margin: 0px auto;} #content {position: relative; top:65px; width:700px; padding:0px 30px 80px 30px; min-height: 350px; clear: both;} #breadcrumbs {font-size:11px; font-weight:normal; color:#af8adb; margin: 8px 0px 27px 0px ;} #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited {color:#af8adb; font-weight:normal;} #breadcrumbs a:hover {color:#FFFFFF;} /* CONTENT FORMATTING ---------------------------------------------------*/ #content p {margin:0px 0px 10px 0px; line-height: 16px; color:#FFFFFF;} #content h1 {font-weight:bold; font-size: 24px; padding: 0px 0px 0px 0px; color: #c9b0ce;} #content h2, .pageHeading {font-size:19px; color:#06c25a; font-weight:bold;} #content h3 {font-size:16px; color:#06c25a; font-weight:bold;} #content h4 {font-size:16px; color: #8856cb; font-weight:bold;} #content h5 {font-size:11px; font-weight:bold; color:#13b95c;} #content h6 {font-size:12px; font-weight:bold; color:#8856cb;} #content cite {margin-left:10px} #content ul {margin: 10px 5px 10px 20px} #content li {margin-bottom: 8px; margin-left: 20px} #content ul li {list-style-image:url(../images/img_bullet.gif);} #content #col_left {position:relative; float:left; width:250px; margin:40px 0px 0px 96px;} #content #col_right {position:relative; float:right; width:250px; margin:40px 70px 0px 0px;} textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;} .clear {clear:both;} .nobr {white-space: nowrap;} .inputRequirement {color:#c22525;} .messageStackWarning {background-color:#13b95c; font-weight:bold;} .messageStackSuccess {background-color:#13b95c; font-weight:bold;} .messageStackError {background-color:#13b95c; font-weight:bold;} /*.photo {border: 3px solid #e5c987; margin: 10px 0px} .photoLeft {border: 1px solid #86a6d1; float: left; margin: 0px 10px 10px 5px;} .photoRight {border: 1px solid #86a6d1; float: right; margin: 0px 0px 10px 15px;} .photoRight_nobdr {float: right; margin: 0px 0px 10px 15px; border:none;} .photoLeft_nobdr {border: none; float: left; margin: 0px 10px 10px 5px;} .leftFloat {float: left; margin: 0px 10px 10px 0px} .rightFloat {float: right; margin: 0px 0px 10px 10px}*/ /* TINY MCE ---------------------------------------------------*/ #content .header_green {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#06c25a; font-weight:normal; margin:35px 0px 5px 0px;} #content .header_purple {font-family:Arial, Helvetica, sans-serif; font-size:20px; color: #8856cb; font-weight:normal; margin:35px 0px 5px 0px;} #content .subheader_green {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #04d25e; font-weight:bold; margin:15px 0px 5px 0px;} #content .subheader_purple {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#8856cb; font-weight:bold; margin:15px 0px 5px 0px;} #content .regular {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:normal; margin:0px 0px 10px 0px;} #content .green {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#13b95c; font-weight:normal; margin:0px 0px 10px 0px;} #content .purple {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8856cb; font-weight:normal; margin:0px 0px 10px 0px;} #content .small {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:normal; margin:0px 0px 10px 0px;} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {position:relative; width:760px; margin:10px auto; text-align:center; border-top:1px solid #463461; padding:10px 0px 0px 0px;} #siteinfo cite {font-style:normal; font-size:11px; color:#403f3f;} #siteinfo cite a:link, #siteinfo cite a:visited {margin: 5px 0px 0px 0px; color: #403f3f; line-height:16px; text-decoration: underline;} #siteinfo cite a:hover, #siteinfo cite a:active {color: #c9b0ce; text-decoration:none;} /* FORM ---------------------------------------------------*/ input, select img {width:auto;} #pg_contact #contact_form table td {text-align:left; width:200px; padding:0px 0px 20px 0px;} #pg_contact #contact_form table td.tall {padding:0px 0px 0px 0px; width:auto} #pg_contact #contact_form table th.form {text-align:right; width:80px;} #pg_contact #contact_form table th {text-align:left; width:70px;} #pg_contact #contact_form table th h4 {padding:0px; margin:0px;} #pg_contact #contact_form table th.tall {padding:0px 0px 20px 0px; font-weight:normal; width:auto;} #pg_contact #contact_form table th.short {padding:0px 0px 0px 0px; font-weight:normal; width:auto;} #pg_contact #contact_form textarea {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333; width:220px;} #pg_contact #contact_form input {width:220px;} #pg_contact #contact_form .button {width:auto;} /* PAGE SPECIFIC ---------------------------------------------------*/ #content .rows {margin:45px 0px 30px 0px; height:160px;} #content .rows blockquote {width:155px; float:left; margin:0px 20px 0px 0px;} #content .rows blockquote img {border: 1px solid #c99ae9;} #content .rows blockquote h3 {margin:5px 0px 0px 0px; text-align:center;} #content .rows .last {margin:0px 0px 0px 0px;} #content h5 a:link, #content h5 a:visited {margin:5px 0px 0px 0px; color: #13b95c; text-decoration: underline;} #content h5 a:hover, #content h5 a:active {color: #ffffff; text-decoration:none;} #pg_category .rows {margin:45px 0px 0px 0px; height:245px; padding:0px; border-bottom:1px solid #463461; clear:both;} #pg_category .rows blockquote{width:159px; float:left; margin:0px 15px 10px 0px;} #pg_category .rows blockquote h2{margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; text-align:left;} #pg_category .rows blockquote h4{margin:10px 0px; text-align:left;} #pg_category blockquote div img{border:none;} #pg_category .rows p img, #pg_category .rows h4 img {border:none;} #pg_category .rows p {text-align:left;} #pg_category form {margin:0px; padding:0px;} #pg_category form label {margin:10px 0px; float:left; font-weight:bold; font-size:16px; color:#8856cb;} #pg_category form input {width:25px; margin:0px 10px; float:left;} #pg_category form div input{width:auto; float:left; margin:10px 0px 0px 10px;} #pg_category .clear {visibility: hidden;} #pg_detail .rows {height:215px;} #pg_detail .detail_info {margin:50px 0px 25px 0px; padding:0px 0px 30px 0px; height:325px; /*border-bottom:1px solid #463461;*/} #pg_detail .detail_info blockquote{width:300px; float:left; margin:0px 100px 0px 0px;} #pg_detail .detail_info blockquote h2{padding:0px 0px 20px 0px;} #pg_detail .detail_info blockquote h3{padding:0px 0px 20px 0px;} #pg_detail .detail_info blockquote h4{padding:0px 0px 25px 0px;} #pg_detail .detail_info blockquote h6{clear:both; padding:15px 0px 10px 0px;} #pg_detail .detail_info .last{margin:0px 0px 0px -5px; border:solid 1px #C99AE9;} #pg_detail form {margin:0px; padding:0px;} #pg_detail form label {float:left; font-weight:bold; font-size:12px; color:#FFF;} #pg_detail form input {width:25px; margin:0px 10px; float:left;} #pg_detail form div input {width:auto; float:left; margin:0px;} /*Intro Flash */ #pg_intro #content {width:760px; padding:0px; background:url(../images/bkg_index_stars.gif) no-repeat; position:relative; top:0px;} #pg_intro #skip {position: absolute; top:142px; right:0px; z-index:200;} #pg_intro #skip p {font-weight:bold;} #pg_intro #siteinfo {position: relative; width: 760px; padding:75px 0px 10px 0px; text-align:center;} #pg_intro cite {font-style:normal; font-size:12px; color:#FFF;} #pg_intro cite a:link, #pg_intro cite a:visited {margin:0px 0px 0px 0px; color: #fff; line-height:16px; text-decoration: underline;} #pg_intro cite a:hover, #pg_intro cite a:active {color: #c9b0ce; text-decoration:none; cursor: pointer;} #pg_intro a:link, a:visited {color: #fff; text-decoration:underline; cursor: pointer} #pg_intro a:hover, a:active {color: #c9b0ce; text-decoration:none; cursor: pointer;} #pg_category #content {margin-top: -60px; position: relative; z-index: 1;} #breadcrumbs {position: relative; z-index: 100;} #contentpod a {color: #13B95C;} #contentpod a:hover {color: #FFFFFF;} input[type="checkbox"], input[type="radio"] {*height: 1.3em; *width: 1.3em;} .red {color: #FF0000;} #pg_checkout h3 {margin-top: 8px;} #pg_checkout #baddressbook, #pg_checkout #saddressbook {margin-left: 15px;} #pg_checkout #bemail, #pg_checkout #semail {margin-left: 5px;} #pg_checkout #bfirstname, #pg_checkout #sfirstname {margin-left: 24px;} #pg_checkout #blastname, #pg_checkout #slastname {margin-left: 25px;} #pg_checkout #bcompany, #pg_checkout #scompany {margin-left: 36px;} #pg_checkout #bphone, #pg_checkout #sphone {margin-left: 2px;} #pg_checkout #baddress1, #pg_checkout #saddress1 {margin-left: 3px;} #pg_checkout #baddress2, #pg_checkout #saddress2 {margin-left: 7px;} #pg_checkout #bcity, #pg_checkout #scity {margin-left: 62px;} #pg_checkout #bstate, #pg_checkout #sstate {margin-left: 55px;} #pg_checkout #bzip, #pg_checkout #szip {margin-left: 32px;} #pg_checkout #bcountry, #pg_checkout #scountry {margin-left: 40px;} #pg_checkout #repassword {margin-left: 12px;} #pg_checkout #bpayment_cc {margin-left: 30px;} #pg_checkout #shippinginfo {display: none;} .paymentFields select {width:130px;} #expiry_cell select {max-width: 75px;} #table_creditcards {margin-left: 20px;} .credit_card_field {*width: 300px;} #shipping_ie {*width: 500px;} .headerError {background:#FF0000; padding:3px;} #pg_order .rows {height:215px;} #pg_order .detail_info {margin:50px 0px 25px 0px; padding:0px 0px 30px 0px; /*height:325px; border-bottom:1px solid #463461;*/} #pg_order .detail_info blockquote{width:300px; float:left; margin:0px 100px 0px 0px;} * html #pg_order .detail_info blockquote{margin:0px;} #pg_order .detail_info blockquote h2{padding:0px 0px 20px 0px;} #pg_order .detail_info blockquote h3{padding:0px 0px 20px 0px;} #pg_order .detail_info blockquote h4{padding:0px 0px 25px 0px;} #pg_order .detail_info blockquote h6{clear:both; padding:25px 0px 10px 0px;} #pg_order .detail_info .last{margin:0px 0px 0px -5px; border:none;} #pg_order form {margin:0px; padding:0px;} #pg_order form label {float:left; font-weight:bold; font-size:12px; color:#FFF;}