/*

Client: Cystex
Version: 3.0
Author: Justin Von Strasburg
Provided by: Rare Earth Interactive - http://www.rareearth.us

Colors:
white: #FFFFFF
black: #000000
grey: #E8E8E8
grey 2: #CCCCCC
red: #A70102   

*/

/*===========================================================================*

	This is what we start with...

*===========================================================================*/

/* A little resetting */
* { padding: 0; margin: 0; }
/* Now lets begin */

body { background: #ffffff; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; color: #000000; border-bottom: 1px solid #E8E8E8; font-weight: normal; }
h1 { font-size: 40px; margin: 0 0 15px 0; padding: 0px 290px 5px 0px; color: #A70102; }
h2 { font-size: 24px; margin: 0 0 10px 0; padding: 0px 0px 5px 0px; }
h3 { font-size: 16px; margin: 0 0 10px 0; padding: 0px 0px 5px 0px; }
h4 { font-size: 18px; margin: 0 0 5px 0; padding: 0px 0px 0px 0px; }
h5 { font-size: 16px; margin: 0 0 5px 0; padding: 0px 0px 0px 0px; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0px 0px 0px 0px; }

p { margin: 0 0 12px 0; line-height: 16px;}

ol, ul, dir, menu, dd { margin: 0px 0px 20px 30px; }
ol { list-style-type: decimal }
ol ul, ul ol,ul ul, ol ol { margin-top: 0; margin-bottom: 0px; }
ul li, ol li { margin: 0px 0px 8px 0px; }

a { color: #A70102; text-decoration: none; font-weight: normal; outline: none; }
a:visited { color: #A70102; text-decoration: none; outline: none; }
a:hover { color: #A70102; text-decoration: underline; outline: none; }
a:focus { text-decoration: none; }
a:focus,:focus { outline: 1px dotted #000; }
a:active { outline: none; }

img { display: block; border: 0; }
img a { display: block; border: 0; }
.imgleft { float: left; margin: 0px 10px 0px 0px; }
.imgright { float: right; margin: 0px 0px 0px 10px; }

.floatleft { float: left; }
.floatright { float: right; }

.clear { clear:both; line-height: 0px; height: 0px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#logo { width: 130px; height: 56px; margin: 0 0; padding: 0 0; border-bottom: none; position: absolute; top: 40px; left: 10px; }
#logo a { background: url(graphics/cystex_v3/logo.jpg) no-repeat; width: 130px; height: 56px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px; display:block; }
#logo a:hover { border: 0;}
#logo_mark { display: none; }

/*===========================================================================*

	...the structure built on top of that...

*===========================================================================*/

.dselink { display: block; position: absolute; top: 107px; right: 10px; }

#wrap { background: #ffffff url(graphics/cystex_v3/top_ribbon.jpg) center top repeat-x; }
#header { width: 980px; height: 160px; margin: 0 auto; position: relative; }
#splash_m { display: none; }
#splash { width: 980px; height: 320px; margin: 0 auto; list-style: none; overflow: hidden; }
#splash li { width: 980px; height: 320px; position: relative; }
#splash li span.tagline_top { display: block; position: absolute; bottom: 32px; right: 32px; font-family: Georgia, serif; font-size: 36px; font-style: italic; color: #ffffff; z-index: 10; }
#splash li span.tagline_bottom { display: block; position: absolute; bottom: 30px; right: 30px; font-family: Georgia, serif; font-size: 36px; font-style: italic; color: #000000; }
#splash li.splash_p1 { background: url(graphics/cystex_v3/sp1.jpg) no-repeat; }
#splash li.splash_p2 { background: url(graphics/cystex_v3/sp2.jpg) no-repeat; }
#splash li.splash_p3 { background: url(graphics/cystex_v3/sp3.jpg) no-repeat; }
#splash li.splash_p4 { background: url(graphics/cystex_v3/sp4.jpg) no-repeat; }
#splash .product_shot_tablets { position: absolute; bottom: 35px; left: 50px; display: block; width: 190px; height: 160px; text-indent: -9999px; z-index: 10; }
#splash .product_shot_lc { position: absolute; bottom: 35px; left: 80px; display: block; width: 140px; height: 240px; text-indent: -9999px; z-index: 5; }
#splash .product_shot_lcspecific { position: absolute; bottom: 20px; left: 15px; display: block; width: 208px; height: 249px; text-indent: -9999px; z-index: 5; }
#splash .tagline_lc { display: block; position: absolute; bottom: 45px; left: 150px; font-family: Georgia, serif; font-size: 30px; font-style: italic; color: #A50000; z-index: 10; }
#splash .tagline_lc a { float: left; font-size: 16px; font-style: none; }

#conversion_m { display: none; }
.conversion_large { width: 960px; height: 50px; margin: 10px auto 10px auto; list-style: none; }
.conversion_large li { float: left; width: 470px; height: 50px; margin: 0px 20px 0px 0px; }
.conversion_large li.last { float: left; width: 470px; height: 50px; margin: 0px 0px 0px 0px; }
.conversion_large li a { display: block; width: 470px; height: 37px; padding: 13px 0px 0px 0px; font-family: Georgia, serif; font-size: 20px; color: #ffffff; text-align: center; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px 0px; }
.conversion_large li a:hover { background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -50px; text-decoration: none; }
.conversion_large li a:visited { color: #ffffff; }
.conversion_med { display: block; width: 220px; height: 35px; padding: 15px 0px 0px 0px; font-family: Georgia, serif; font-size: 17px; text-transform: uppercase; color: #ffffff; text-align: center; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -100px; }
.conversion_med:hover { background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -150px; color: #ffffff; text-decoration: none; }
.conversion_med:visited { color: #ffffff; }
.conversion_med_alt { display: block; width: 220px; height: 37px; padding: 13px 0px 0px 0px; margin: 0px 0px 10px 0px; font-family: Georgia, serif; font-size: 18px; color: #ffffff; text-align: center; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -100px; }
.conversion_med_alt:hover { background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -150px; color: #ffffff; text-decoration: none; }
.conversion_med_alt:visited { color: #ffffff; }
.conversion_med_page { float: left; display: block; width: 220px; height: 35px; margin: 10px 0 0 0; padding: 15px 0px 0px 0px; font-family: Georgia, serif; font-size: 17px; text-transform: uppercase; color: #ffffff; text-align: center; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -100px; }
.conversion_med_page:hover { background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -150px; color: #ffffff; text-decoration: none; }
.conversion_med_page:visited { color: #ffffff; }
.conversion_small { display: block; width: 220px; height: 35px; padding: 0px 0px 0px 0px; font-family: Georgia, serif; font-size: 18px; text-transform: uppercase; color: #ffffff; text-align: center; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -200px; }
.conversion_small:hover { background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -235px; color: #ffffff; text-decoration: none; }
.conversion_small:visited { color: #ffffff; }
.conversion_small_alt { display: block; width: 220px; height: 35px; padding: 0px 0px 0px 0px; font-family: Georgia, serif; font-size: 14px; text-transform: uppercase; color: #ffffff; text-align: center; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -200px; }
.conversion_small_alt:hover { background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -235px; color: #ffffff; text-decoration: none; }
.conversion_small_alt:visited { color: #ffffff; }

#contentarea { width: 960px; margin: 0 auto; padding: 20px 0px 10px 0px; }
#sidebar { float: left; width: 219px; padding: 0px 15px 0px 0px; }
#content { float: right; width: 710px; border-left: 1px solid #E8E8E8; padding: 0px 0px 0px 14px; position: relative; }
#bladder { }
.bladder_img { float: left; }
#bladder_videos { float: right; width: 470px; }
.b_video_block { float: left; width: 230px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; position: relative; }
.b_video_block img {  }
.b_video_block span { display: block; font-family: Georgia, serif; font-size: 12px; padding: 0px 0px 0px 10px; }

#home_content_wrap { background: url(graphics/cystex_v3/mid_ribbon.jpg) top center no-repeat; padding: 80px 0px 0px 0px; }
.home_content_wrap_col1 { float: left; width: 345px; padding: 0px 10px 0px 0px; }
.home_content_wrap_col2 { float: right; width: 345px; padding: 0px 0px 0px 10px; }
.home_content_wrap_col1 h1, .home_content_wrap_col2 h2 { font-size: 18px; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; color: #000000; }

#commercial_m { display: none; }
.video_block { margin: 0px 0px 5px 0px; padding: 15px 0px 0px 0px; position: relative; }
.video_block img { float: right; }
.video_block span { float: left; display: block; width: 90px; font-family: Georgia, serif; font-size: 14px; }
.video_block .new { position: absolute; top: -10px; right: -10px; }

.tablets { background: #ffffff url(graphics/cystex_v3/product_tablets_bg.jpg) top no-repeat; position: relative; }
.tablets .gendocsPageTitle { margin: 30px 0px 5px 350px; font-size: 34px; border: none; padding: 0; }
.tablets .gendocsSubTitle { margin: 0px 20px 0px 350px; font-size: 18px; border: none; }
.tablets .product_pic { position: absolute; top: 0px; left: 20px; }
.tablets .conversion_med { margin: 0px 20px 190px 350px; }

.liquid { background: #ffffff url(graphics/cystex_v3/product_lc_bg.jpg) top no-repeat; position: relative; }
.liquid .gendocsPageTitle { margin: 30px 35px 0px 335px; font-size: 32px; border: none; padding: 0;}
.liquid .gendocsSubTitle { margin: 0px 35px 0px 335px; font-size: 18px; border: none; }
.liquid .product_pic { position: absolute; top: 0px; left: 30px; }
.liquid .conversion_med { margin: 0px 35px 260px 335px; }

#ladies_blog { margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; }
#ladies_blog span { display: block; }
#ladies_blog span.ladies_blog_title { margin: 0px 0px 5px 0px; }
#ladies_blog span.ladies_blog_title a { font-size: 16px; font-family: Georgia, serif; }
#ladies_blog span.ladies_blog_date { font-weight: bold; margin: 0px 0px 10px 0px; }
#ladies_blog span.ladies_blog_blurb { margin: 0px 0px 10px 0px; }

#footer { background: #ffffff url(graphics/cystex_v3/bottom_ribbon.jpg) center top repeat-x; margin: 20px 0px 0px 0px; }
#footer_inner { width: 980px; margin: 0 auto; padding: 100px 0px 40px 0px; position: relative; }
#footer_inner_content { border-top: 1px solid #E8E8E8; padding: 50px 0px 0px 0px; position: relative; }
#footer_inner_content p { text-align: center; }

/*===========================================================================*

	...how we get around get around the structure...

*===========================================================================*/

.cystex_v3_top_nav { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; top: 110px; right: 135px; }
.cystex_v3_top_nav li { float: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #A70102; border-right: 1px solid #A70102; }
.cystex_v3_top_nav li.no_border { border-right: none; padding: 0px 2px 0px 5px; }
.cystex_v3_top_nav li a { color: #A70102; text-decoration: none; }
.cystex_v3_top_nav li a.social { display: block; text-indent: -9999px; width: 19px; height: 18px; margin: -2px 0px 0px 0px; }
.cystex_v3_top_nav li a.facebook { background: url(graphics/cystex_v3/facebook_icon.jpg) no-repeat; }
.cystex_v3_top_nav li a.twitter { background: url(graphics/cystex_v3/twitter_icon.jpg) no-repeat; }

.cystex_v3_topfooter_nav { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; top: 20px; left: 383px; }
.cystex_v3_topfooter_nav li { float: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #A70102; border-right: 1px solid #A70102; }
.cystex_v3_topfooter_nav li.no_border { border-right: none; padding: 0px 2px 0px 5px; }
.cystex_v3_topfooter_nav li a { color: #A70102; }
.cystex_v3_topfooter_nav li a.social { display: block; text-indent: -9999px; width: 19px; height: 18px; margin: -2px 0px 0px 0px; }
.cystex_v3_topfooter_nav li a.facebook { background: url(graphics/cystex_v3/facebook_icon.jpg) no-repeat; }
.cystex_v3_topfooter_nav li a.twitter { background: url(graphics/cystex_v3/twitter_icon.jpg) no-repeat; }

.cystex_v3_main_nav_wrap { width: 980px; padding: 0px 0px 0px 0px; margin: 0 auto; }
.cystex_v3_main_nav { width: 100%; margin: 0; padding: 0; position: relative; text-align: center; }
.cystex_v3_main_nav li { list-style: none; position: relative; display: inline; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.cystex_v3_main_nav li a { border-right: 1px solid #CCCCCC; text-align: center; color: #A70102; font-family: Georgia; font-size: 15px; text-decoration: none; padding: 0px 8px 0px 8px; }
.cystex_v3_main_nav li a.last { border-right: none; padding: 0px 0px 0px 8px; }
.cystex_v3_main_nav li a.first { padding: 0px 8px 0px 0px; }
.cystex_v3_main_nav li a:hover{ text-decoration: underline; }

.cystex_v3_footer_nav_wrap { width: 980px; padding: 0px 0px 10px 0px; margin: 0 auto; }
.cystex_v3_footer_nav { width: 100%; margin: 0; padding: 0; position: relative; text-align: center; }
.cystex_v3_footer_nav li { list-style: none; position: relative; display: inline; }
.cystex_v3_footer_nav li a { border-right: 1px solid #CCCCCC; text-align: center; color: #A70102; font-family: Georgia; font-size: 15px; text-decoration: none; padding: 0px 8px 0px 8px; }
.cystex_v3_footer_nav li a.last { border-right: none; padding: 0px 0px 0px 8px; }
.cystex_v3_footer_nav li a.first { padding: 0px 8px 0px 0px; }
.cystex_v3_footer_nav li a:hover{ text-decoration: underline; }

/*===========================================================================*

	...and oh yeah, this stuff helps as well.

*===========================================================================*/

/* General Module Styles */
.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::broadcastemail */
.enewsWrapper { margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.enewsWrapper label { display: block; font-family: Georgia, serif; font-size: 14px; font-weight: bold; margin: 10px 0px 3px 0px; }
.enewsWrapper input { width: 95%; border: 1px solid #E8E8E8; font-size: 12px; padding: 5px 5px 5px 5px; }
.enewsWrapper span.submit { display: block; margin: 10px 0px 0px 0px; }
.enewsWrapper span.submit input { cursor: pointer; border: none; display: block; width: 220px; height: 35px; padding: 0px 0px 0px 0px; font-family: Georgia, serif; font-size: 18px; text-transform: uppercase; color: #ffffff; text-align: center; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -200px; }
.enewsWrapper span.submit input:focus { border: none; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -235px; color: #ffffff; text-decoration: none; }
/* ModuleEnd::broadcastemail */

/* ModuleBegin::faq */
.faqWrapper { }
.faqWrapper dd { margin: 0;}
.faqQ,.faqA { font-family:Georgia,serif; font-size:300%; line-height: 35px; }
.faqWrapper dd a.top {float:right;}
/* ModuleEnd::faq */

/* ---- Coda Slider for Bladder Videos ---- */

.coda-slider-wrapper { padding: 0px 0px 20px 0px; }
.coda-slider { background: #ffffff; }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 220px; overflow: auto !important; padding-right: 20px; }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 470px; height: 220px; } 
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #fff; color: #A70102; padding: 5px; width: 20px; font-size: 12px;}
/* Tab nav */
.coda-nav ul li a.current { background: url(graphics/cystex_v3/bladder_sprite.jpg) no-repeat; background-position: 0px 0px; }
/* Panel padding */
.coda-slider .panel-wrapper { padding: 0px 0px 0px 10px; }
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center; }
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; position: absolute; bottom: 20px; left: 210px; z-index: 20; }
.coda-nav ul li { display: inline; width: 10px; height: 10px; }
.coda-nav ul li a { background: url(graphics/cystex_v3/bladder_sprite.jpg) no-repeat; background-position: -20px 0px; width: 10px; height: 10px; display: block; float: left; margin-right: 10px; text-indent: -9999px; }
.coda-nav ul li a:hover { background: url(graphics/cystex_v3/bladder_sprite.jpg) no-repeat; background-position: 0px 0px; }
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto; position: relative; }
.coda-slider { float: left; overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative; }
.coda-nav-left { position: absolute; bottom: 15px; left: 40px; z-index: 20; }
.coda-nav-right { position: absolute; bottom: 15px; right: 40px; z-index: 20; }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }

/* --- End Coda Slider for Bladder Videos ---- */


.form_block { margin: 0px 0px 20px 0px; }
.form_block textarea { width: 400px; height: 100px; padding: 5px 5px 5px 5px; border: 1px solid #cccccc; }
.form_block textarea:focus { border: 1px solid #A70102; }
.form_block label { display: block; margin: 0px 0px 10px 0px; }
.form_block input { width: 400px; padding: 10px 5px 10px 5px; margin: 0px 0px 10px 0px; font-size: 12px; border: 1px solid #cccccc; }
.form_block input:focus { border: 1px solid #A70102; }
.form_block_s { margin: 0px 0px 10px 0px; }
.form_block_s input { cursor: pointer; border: none; display: block; width: 220px; height: 35px; padding: 0px 0px 0px 0px; font-family: Georgia, serif; font-size: 18px; text-transform: uppercase; color: #ffffff; text-align: center; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -200px; }
.form_block_s input:focus { border: none; background: url(graphics/cystex_v3/sprite.jpg) no-repeat; background-position: 0px -235px; color: #ffffff; text-decoration: none; }
.radio { padding: 10px 0px; }
.radio input { padding: 10px 0px; font-size: 12px; border: 1px solid #cccccc; }
.radio input:focus { border: 1px solid #A70102; }

.tooltip { display: none; background: transparent url(graphics/cystex_v3/search_bg.png); height: 86px; width: 308px; padding: 0px 0px 0px 0px; }
.social_tracking { position: absolute; top: 10px; right: 0; }
.social_tracking_tablets { position: absolute; top: 350px; right: 0; }
.social_tracking_liquid { position: absolute; top: 465px; right: 0; }
.fb_share_size_Small  { position: absolute; top: 0; right: 195px; width: 87px; }
.buzz_btn { position: absolute; top: 0; right: 95px; }

.cvl_block { padding: 10px 0px 10px 0px; border-bottom: 1px solid #cccccc; float: left; }
.cvl_block p { font-size: 11px; }
.cvl_block a img { border: 5px solid #cccccc; padding: 3px; margin: 0px 10px 0px 0px;  }
.cvl_block a img:hover { border: 5px solid #AC0102; }
.cvl_title { display: block; font-size: 14px; }
.cvl_pop { background: #ffffff; width: 680px; margin: 0 0; padding: 20px 0px 20px 35px; z-index: 9999; position: absolute; top: -50px; left: -180px; border: 5px solid #AC0102; }
.cvl_pop_inner { position: relative; width: 640px; }
.cvl_pop p { font-size: 11px; }
.cvl_vidtitle { display: block; font-size: 18px; color: #AC0102; padding: 5px 0px 5px 0px; }
.cvl_close_btn { position: absolute; top: -25px; right: -25px; }
.cvl_close_btn a {  }
#cvl1, #cvl2, #cvl3, #cvl4, #cvl5, #cvl6, #cvl7, #cvl8, #cvl9 { display: none; }

.vzaar { height: 258px; }

#bladder_hidden { display: none; }
#bladder_visible { display: block; }

#js-disabled { background: #FFFFFF; border: 2px solid #A70102; padding: 25px; }
#js-disabled p { text-align: center; }


/* Media Queries 
--------------------------------------------- */

@media (max-device-width:320px) and (orientation:portrait) { 
 

#header .cystex_v3_top_nav, #splash, #bladder, #ladies_blog, .social_tracking, .social_tracking_tablets, .social_tracking_liquid, .cystex_v3_footer_nav_wrap, .home_content_wrap_col2, .conversion_large, .conversion_med, .conversion_med_alt, .conversion_med_page, .conversion_small, .conversion_small_alt { display: none; }

body { font-size: 14px; }
p { margin: 0 0 14px 0; line-height: 18px;}

.dselink { display: none; }

#wrap { background: #ffffff url(graphics/cystex_v3/mobile/red_ribbon.jpg) left top no-repeat; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#header { width: 320px; height: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; } 
#logo { width: 210px; height: 44px; margin: 0 0; padding: 0 0; border-bottom: none; position: absolute; top: 10px; left: 10px; }
#logo a { background: url(graphics/cystex_v3/mobile/logo.jpg) no-repeat; width: 210px; height: 44px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px; display:block; }
#logo a:hover { border: 0;}   
#splash_m { display: block; background: url(graphics/cystex_v3/mobile/m_banner_320.jpg) no-repeat; width: 320px; height: 230px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px; }
#contentarea { width: 300px; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; }
#sidebar { width: 300px; float: none; }
#content { width: 300px; float: none; border-left: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative; border-bottom: 1px solid #E8E8E8; }
#content img { float: none; margin: 0px 0px 20px 0px; }
h1 { font-size: 30px; padding: 20px 0px 5px 0px; }
#home_content_wrap { width: 300px; background: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.home_content_wrap_col1 { width: 300px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#footer { width: 300px; background: none; margin: 20px 0px 0px 0px; padding: 0px 10px 20px 10px; }
#footer_inner { width: 300px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
#footer_inner_content { padding: 50px 0px 0px 0px; }
#footer_inner_content p { font-size: 12px; }
.cystex_v3_topfooter_nav { position: absolute; top: 20px; left: 30px; }
.cystex_v3_main_nav_wrap { width: 300px; padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px; }
.cystex_v3_main_nav li { line-height: 24px; }
#conversion_m { display: block; list-style: none; margin: 0px 0px 0px 0px; padding: 20px 10px 10px 10px; }
#conversion_m li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#commercial_m { display: block; width: auto; padding: 20px 0px 0px 0px; }
#commercial_m a img { vertical-align: middle; margin: 10px auto 0px auto; } 
.btn_m { margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; display: block; font-family: Georgia, serif; font-size: 18px; color: #ffffff; text-align: center; background: #A70102; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.btn_m:hover { background: #F58183; }
.btn_m:visited { color: #ffffff; }
.btn_m_big { text-transform: uppercase; }
.enewsWrapper { margin: 10px 0px 0px 0px; padding: 20px 0px 0px 0px; border-top: 1px solid #E8E8E8; }
.enewsWrapper span.submit input { vertical-align: middle; margin: 10px auto 0px auto; }
.tablets { background: none; position: relative; }
.tablets .gendocsPageTitle { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; font-size: 30px; }
.tablets .gendocsSubTitle { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; font-size: 18px; }
.tablets .product_pic { max-width: 280px; position: relative; margin: 0px 10px 0px 0px; }
.tablets .conversion_med { width: 100%; margin: 0px 0px 30px 0px; padding: 20px 0px 5px 0px; display: block; font-family: Georgia, serif; font-size: 18px; color: #ffffff; text-align: center; background: #A70102; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.tablets .conversion_med:hover { background: #F58183; }
.liquid { background: none; position: relative; }
.liquid .gendocsPageTitle { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; font-size: 30px; }
.liquid .gendocsSubTitle { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; font-size: 18px; }
.liquid .product_pic { position: relative; margin: 0px 0px 0px 0px; }
.liquid .conversion_med { width: 100%; margin: 0px 0px 0px 0px; padding: 20px 0px 5px 0px; display: block; font-family: Georgia, serif; font-size: 18px; color: #ffffff; text-align: center; background: #A70102; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.liquid .conversion_med:hover { background: #F58183; }
.form_block textarea { width: 280px; }
.form_block input { width: 280px; }

#bladder_hidden { display: block; }
#bladder_visible { display: none; }


} 


@media (max-device-width:480px) and (orientation:landscape) { 
 

#header .cystex_v3_top_nav, #splash, #bladder, #ladies_blog, .social_tracking, .social_tracking_tablets, .social_tracking_liquid, .cystex_v3_footer_nav_wrap, .home_content_wrap_col2, .conversion_large, .conversion_med, .conversion_med_alt, .conversion_med_page, .conversion_small, .conversion_small_alt { display: none; }

body { font-size: 14px; }
p { margin: 0 0 14px 0; line-height: 18px;}

.dselink { display: none; }

#wrap { background: #ffffff url(graphics/cystex_v3/mobile/red_ribbon.jpg) left top no-repeat; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#header { width: 480px; height: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; } 
#logo { width: 210px; height: 44px; margin: 0 0; padding: 0 0; border-bottom: none; position: absolute; top: 10px; left: 10px; }
#logo a { background: url(graphics/cystex_v3/mobile/logo.jpg) no-repeat; width: 210px; height: 44px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px; display:block; }
#logo a:hover { border: 0;}
#splash_m { display: block; background: url(graphics/cystex_v3/mobile/m_banner_480.jpg) no-repeat; width: 480px; height: 230px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px; }
#contentarea { width: 460px; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; }
#sidebar { width: 460px; float: none; }
#content { width: 460px; float: none; border-left: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative; border-bottom: 1px solid #E8E8E8; }
#content img { margin: 0px 0px 20px 10px; }
h1 { font-size: 30px; padding: 20px 0px 5px 0px; }
#home_content_wrap { width: 460px; background: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.home_content_wrap_col1 { width: 460px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#footer { width: 460px; background: none; margin: 20px 0px 0px 0px; padding: 0px 10px 20px 10px; }
#footer_inner { width: 460px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
#footer_inner_content { padding: 50px 0px 0px 0px; }
#footer_inner_content p { font-size: 12px; }
.cystex_v3_topfooter_nav { position: absolute; top: 20px; left: 110px; }
.cystex_v3_main_nav_wrap { width: 460px; padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px; }
.cystex_v3_main_nav li { line-height: 24px; }
#conversion_m { display: block; list-style: none; margin: 0px 0px 0px 0px; padding: 20px 10px 10px 10px; }
#conversion_m li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#commercial_m { display: block; width: auto; padding: 20px 0px 0px 0px; }
#commercial_m a img { vertical-align: middle; margin: 10px auto 0px auto; } 
.btn_m { margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; display: block; font-family: Georgia, serif; font-size: 18px; color: #ffffff; text-align: center; background: #A70102; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.btn_m:hover { background: #F58183; }
.btn_m:visited { color: #ffffff; }
.btn_m_big { text-transform: uppercase; }
.enewsWrapper { margin: 10px 0px 0px 0px; padding: 20px 0px 0px 0px; border-top: 1px solid #E8E8E8; }
.enewsWrapper span.submit input { vertical-align: middle; margin: 10px auto 0px auto; }
.tablets { background: none; position: relative; }
.tablets .gendocsPageTitle { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; font-size: 30px; }
.tablets .gendocsSubTitle { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; font-size: 18px; }
.tablets .product_pic { position: relative; margin: 0px 0px 0px 0px; }
.tablets .conversion_med { width: 100%; margin: 0px 0px 30px 0px; padding: 20px 0px 5px 0px; display: block; font-family: Georgia, serif; font-size: 18px; color: #ffffff; text-align: center; background: #A70102; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.tablets .conversion_med:hover { background: #F58183; }
.liquid { background: none; position: relative; }
.liquid .gendocsPageTitle { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; font-size: 30px; }
.liquid .gendocsSubTitle { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; font-size: 18px; }
.liquid .product_pic { position: relative; margin: 0px 0px 0px 0px; }
.liquid .conversion_med { width: 100%; margin: 0px 0px 0px 0px; padding: 20px 0px 5px 0px; display: block; font-family: Georgia, serif; font-size: 18px; color: #ffffff; text-align: center; background: #A70102; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.liquid .conversion_med:hover { background: #F58183; }

#bladder_hidden { display: block; }
#bladder_visible { display: none; }



}  


/* End Media Queries 
--------------------------------------------- */