@charset "utf-8";
@import url("femmycycle_wp.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  text-rendering: optimizelegibility;
}
ol, ul {
  list-style: none;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote > p {
  display: inline;
}
q {
  quotes: none;
}
blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* HTML Element styling*/
html {
  font-size: 87.5%;
}
body {
  font-size: 14px;
  font-size: 1rem;
}
a {
  outline: none;
}
body {
  background: rgba(189, 224, 202, 1) url("../img/grid_noise_mod.png") top left repeat;
  margin:0;
}
em { 
  font-weight: bold;
  padding-right: 1em;
  vertical-align: top;
}
fieldset {
  border: 1px solid #777;
  border-radius: 7px;
}
form label {
  display: inline-block;
  line-height: 1.8em;
}
h1 {
  color:#b163b4;
  font-size: 24px;
  font-size: 1.71428571rem;
  font-weight: bold;
  margin: 24px 0;
  margin: 1.714285714rem 0;
}
h2 {
  color:#b163b4;
  margin: 1em auto 1em;
}
h3 {
  color:#b163b4;
  font-size: 20px;
  font-size: 1.42857143rem;
  margin: 1em auto 0.5em;
}
h4 {
  font-weight: bold;
}
h5 {
  font-size: 1.2rem;
  line-height: 1.3em;
}
input, select {
  margin-top: 2px;
}
legend {
  font-weight: bold;
}
ol {
  list-style: decimal outside;
  padding-left: 1.6em;
}
p {
  margin: 15px auto;
}
strong {
  font-weight: bold;
}
ul {
  list-style: disc outside;
  padding-left: 1.6em;
}
ul.links {
  width:830px;
}
ul.links li {
  background-image:none;
  display:list-item;
  float:left;
  list-style-type:disc;
  margin-left:50px;
  margin-top:5px;
  padding-left:10px;
  width:350px;
}

/* IDs */
#page_main_content_container {
  margin: 0 auto;
  width:920px;
}
#page {
  line-height: 1.8em;
  padding: 0 30px;
}
#social_icons {
  float:right;
}
#social_icons img {
  margin: 5px;
}
#social_icons a {
  text-decoration: none;
}
#toTop {
  background-color:#0B82E2;
}

/* Classes */
.center {
  text-align: center;
}
.clearfix {
  clear: both;
}
.content_container {
  background-color: #F6F6F6;
  color: #204080;
  line-height: 1.45em;
  margin: 16px 0;
  padding: 25px;
  position:relative;
}
.current-page {
  font-weight: bold;
}
.display-block {
  display: block;
}
.main_content a, .sidebar_content a {
  color:#b163b4;
  font-weight:bold;
  text-decoration:none;
}
.main_content a:hover, .sidebar_content a:hover {
  color:#2293CD;
  text-decoration:underline;
}
.no-decoration {
  text-decoration: none;
}
.required_field {
  color:#b163b4;
}
.videoContainer {
  margin: 40px auto;
  text-align: center;
}

/* Page Content Image Styling */
.contentImg {
  margin: 25px auto 35px;
  text-align: center;
}
.contentImg > img {
  border: 1px solid #888;
}
.contentImg > a > img {
  border: 1px solid #888;
}

/* Order Page */
#directpay {
  margin: 0 auto;
}
#confirmorder fieldset, #directpay fieldset {
  padding: 20px 35px;
}
.contactnote {
  margin: 1rem 0;
}
.ordernote {
  font: italic 0.9em Arial,Helvetica,sans-serif;
  margin-left: 25%;
}
#directpay label {
  width: 310px;
}
#directpay input, select {
  float: right;
}
#directpay select {
  width: 16em;
  margin-right: 1px;
}
#directpay #submit {
  float:right;
  margin-bottom:36px;
}
#qty {
  float: right;
}
#qty, #qtySingle {
  text-align: center;
}
#confirmorder {
  line-height: 33px; 
  margin: 0 auto; 
}
#confirmorder span {
  float: right;
}
#purchaseAmount {
  margin-left: 145px;
}
#sellerPermitNumber {
  margin-top: 2rem;
}
#single-subtotal, #twin-subtotal,
#single-unitprice, #twin-unitprice {
  float: right;
  margin-right: 11px;
}
label.error { 
  float: none; 
  color: red; 
  padding-left: .5em; 
  vertical-align: top; 
}
.errors {
  color: red;
}
em.note {
  color: #A7301F;
  display: block;
  margin-top: 55px;
  text-align: center; 
}
.submit { margin-left: 12em; }

#directpay .package-contents {
  border:none;
  margin:0;
  padding:5px 0 5px 10px;
}
#directpay .package-contents > label {
  cursor: pointer;
}
#directpay .package-contents > input[type="radio"] {
  cursor: pointer;
  float:none;
  margin: 10px 10px 10px 0;
  vertical-align: middle;
}
#directpay .package-contents > em {
  font-size:0.85em;
  vertical-align: middle;
}
#directpay .package-contents > label {
  width:410px;
}
#directpay .package-contents > label > .coming-soon {
  color: #838f99;
  vertical-align: middle;
}
.page span {
  color: #000;
  font-weight: bold;
}
.product-option {
  background-color: rgba(10,0,0,0.05);
  border: 1px solid rgba(10,0,0,0.15);
  border-radius: 3px;
  padding: 12px;
  margin: 20px 0;
  min-height:320px;
}
.product-option > .product-image-container {
  background-color:#fff;
  float:left;
  height:200px;
  margin:1rem 0rem 1rem 1rem;
}
.product-image-container > img {
  width:230px;
}
.product-image-container > img.img-twinpack {
  margin-top:50px;
}
.product-price {
  float: right;
  width: 450px;
}
.product-price > h4 {
  font-size: 1.25rem;
  margin: 1rem auto;
}
.product-price > label {
  font-weight: bold;
}
.retail-which-femmycycle {
  font-size: 1.25em;
  font-weight: bold;
}

/* Home page */
#header_image_container {
  background: #B7EBCD url("../img/homepage_header.png") top right no-repeat;
  clear:both;
  height:400px;
  padding:0;
}
#header_image_video_container {
  background-image: url("../img/video-image.jpg");
  border: 5px solid #eee;
  border-radius: 3px;
  height: 315px;
  width: 560px; 
}
#header_image_video_wrapper {
  float: left;
  margin: 45px 0 0 40px;
  text-align: left; 
}
#header_image_content {
  position:relative;
  top:120px;
  left:60px;
}
#home_page_header_image_buttons {
  position:relative;
  left:165px;
  top:150px;
  width:384px;
  height:40px;
}
a.get_the_femmycycle {
  background-color: transparent;
  background-image: url('../img/get_the_femmycycle.png');
  border: 0;
  cursor: pointer;
  float: right;
  height: 44px;
  margin-right: -8px;
  width: 220px;
}
.fda-cleared-home {
  float: left;
  margin: 0 10px 0 0;
}
a.get_the_femmycycle:hover {
  background-image: url('../img/get_the_femmycycle-onhover.png');
}
a.get_the_femmycycle.frontpage {
  margin: 330px 30px 0 0;
}
#page_bg_home {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:1024px;
  min-height:800px;
  z-index:1;
  padding-bottom:35px;
}
#home_page_boxes_container {
  height:127px;
  margin-bottom:10px;
  clear:left;
}
.home_page_box {
  border: 0px solid white;
  border-radius: 14px !important;
  position:relative;
  width:300px;
}
#home_page_box1_top {
  float:left;
  height:125px;
  background: url("../img/cta1-3ab_combo_900x127.png") top left no-repeat;
}
#home_page_box1_bottom {
  background: url("../img/cta1-3ab_combo_900x127.png") left -183px no-repeat;
  height:36px;
  margin-top:91px;
  position: relative;
}
#home_page_box2_top {
  background: url("../img/cta1-3ab_combo_900x127.png") -309px top no-repeat;
  float:right;
  height:125px;
  margin-right:-2px;
}
#home_page_box2_bottom {
  background: url("../img/cta1-3ab_combo_900x127.png") -309px -183px no-repeat;
  height:36px;
  margin-top:91px;
  position:relative;
}
#home_page_box3_top {
  float:right;
  margin-left:12px;
  height:125px;
  background: url("../img/cta1-3ab_combo_900x127.png") -620px top no-repeat;
}
#home_page_box3_bottom {
  position:relative;
  height:36px;
  width:300px;
  margin-top:91px;
  background: url("../img/cta1-3ab_combo_900x127.png") -620px -183px no-repeat;
}
.home-page-box-label {
  position:absolute;
  bottom:0;
  padding: 5px 0 0 8px;
}
#home_page_header_image_buttons a img {
  text-decoration:none;
  border:none;
}
.home-page-box-label a, .home-page-box-label a:visited, .home-page-box-label a:hover {
  text-decoration:none;
  font-weight:bold;
  font-size: 17px;
  font-size: 1.21428571rem;
  color:#2293CD;
  height:200px;
}
.home-page-box-label a:hover {
  color:#b163b4;
}
#header_image_content {
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1.header_first_line {
  font-size:3em;
  color:#b163b4;
  margin-bottom:0;
}
h1.header_second_line {
  font-size:3em;
  color:#0D8BCA;
  margin-top:0;
}

/* Secondary Pages */
#page_bg_secondary {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:1024px;
  min-height:800px;
  z-index:1;
  padding-bottom:35px;
}
.secondary_page_main_content_container {
  float: left;
  width:585px;
}
.sidebar_container {
  float:right;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.8em;
  min-height:250px;
  padding: 15px 35px;
  width: 200px;
}
.sidebar_container h2 {
  font-size: 1.3em;
}
.sidebar_content {
  font-size:1.45em;
  color:#204080/*#006798*/;
}

/* Full Width Pages */
.fullwidth_content_container {
  clear:both;
  margin: 16px 0;
  padding: 25px;
  position:relative;
}

/* Footer */
#footer_container {
  background-color: #F6F6F6;
  clear: both;
  font-size: 10px;
  font-size: 0.714285714rem;
  line-height: 14px;
  line-height: 1rem;
  margin-top: 16px;
  padding: 10px 20px;
  text-align: justify;
}

/* FAQ Page */
.faq-item {
  margin: 1em 0;
  line-height: 1.8;
}
.faq-item.closed {
  list-style-image: url("../img/square.png");
}
.faq-item.open {
  list-style-image: url("../img/dash.png");
}
.faq-item-answer {
  display:none;
  font-size: 0.9em;
}
.faq-item-question > .faq-toggler {
  font-size: 1.2em;
  text-decoration: none;
}
.faq-list {
  margin-top: 2em;
}
.faqClear {
  clear: both;
}
.open-more-img {
  height:187px;
  margin: 10px 0 0 125px;
  width:250px;
}
.faq-which-size > li {
  margin-bottom: 5px;
}
.faq-which-size > li > img {
  border: 1px solid #111;
  display:block;
  margin:10px auto 20px;
  width:300px;
}
.femmycycle-specs {
  margin-top: 1em;
}
.femmycycle-specs th {
  background-color: rgba(0,0,0,0.1);
  font-weight: bold;
}
.femmycycle-specs, .femmycycle-specs th, .femmycycle-specs td {
  border: 1px #204080 solid;
  padding: 0.4em 1em;
  text-align: center;
  vertical-align: middle;
}

/* Contact Form */
#contact_message_container > label {
  vertical-align: top;
  width: 84px;
  width: 6rem;
}
#countdown_div {
  margin-top: 10px;
}
#full-contact > label {
  width: 84px;
  width: 6rem;
}
/* How to Use Page */
#animation {
  border: 2px solid #ccc;
  margin: 16px auto;
}
.howToUse-lang {
  display: inline-block; 
  font-weight: bold;
  width:90px;
}
.howtouse-list {
  display: inline-block;
  list-style-position: inside;
  list-style-type: none;
  margin-right: 8px;
  padding-left: 0px;
  vertical-align: top;
  width: 48%;
  overflow: visible;
}  
.howtouse-list > li > a {
  font-size: 0.95rem;
}
.usage-header {
  margin: 2.5em 0 1.5em;
}

/* International Customers Page*/
#intl_grid {
  padding-left:0 !important;
}
#intl_grid li {
  background-color: #fff;
  display: inline-block;
  float:left;
  height: 250px;
  margin: 0 25px 25px 0;
  padding: 0 15px;
  width: 205px;
}
#intl_grid li:hover{
  box-shadow: 1px 1px 7px 1px #5f9fbe;
}
#intl_grid a {
  text-decoration: none;
}
#intl_grid h4 {
  color: #5f9fbe;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0.5em auto 0.5em;
}
#intl_grid img {
  max-height: 120px;
  max-width: 205px;
  vertical-align: middle;
}
#intl_grid div.vertical_center {
  text-align: center;
  line-height: 120px;
}
#intl_grid div.clickable {
  cursor: pointer;
  height: 100%;
  width: 100%;
}

/*
 * Reviews Page
 */
#page.reviews > p,
#page.reviews > h3 {
  text-align: center;
}

/*
 * Certification Page
 */
.certification {
  text-align: center;
}
.certification > article {
  display:inline-block;
  padding: 0 10px;
  margin: 0 0 10px;
  vertical-align: top;
}
.certification .contentImg > a > img {
  margin: 2em auto 0;
  width: 320px;

}