/* CSS Document */

body { margin:0px; padding:0px; background:#e9f5fa url(../images/pagebg.jpg) center top repeat-x; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px; }
#container { width:900px; padding:0 30px; margin-left:auto; margin-right:auto; margin-top:15px; }
.home { background:#ffffff url(../images/homebg.jpg) no-repeat; min-height:700px; }
.about_ppn { background:#ffffff url(../images/aboutppn.jpg) no-repeat; min-height:700px; }
.public { background:#ffffff url(../images/publicbg.jpg) no-repeat; min-height:700px; }
.providers { background:#ffffff url(../images/practicebg.jpg) no-repeat; min-height:700px; }
.medical_aids { background:#ffffff url(../images/contentbg.jpg) no-repeat; min-height:700px; }
.shop, .online_shop { background:#ffffff url(../images/shopbg.jpg) no-repeat; min-height:700px; }


/***** GENERAL *****/

.clear { clear:both; }
.left { float:left; margin:0 15px 0 0; }
.nav { list-style:none; margin:0px; padding:0px; }
.pod { float:left; display:inline; }
.quarter { width:210px; margin:0 10px; }
.half { width:310px; padding:0 20px 0 0; }
.full { width:620px; }
.spacetop { margin-top:15px; }
.padtop { padding-top:47px; }
.hide { display:none; }
.nomargin { margin:0px; }

/***** HEADER *****/

#header { width:900px; height:135px; }

#header .topnav { list-style:none; margin:0px; padding:50px 0 0 300px; }
#header .topnav ul { list-style:none; margin:0px; padding:0px; }
#header .topnav li { float:left; height:40px; padding:0 0 0 10px; margin:0px 5px 0px 6px; display:inline; background:url(../images/nav_w_start.png) no-repeat; }
#header .topnav li a { float:left; display:block; height:40px; padding:0 10px 0 0; color:#58585a; text-decoration:none; font-size:19px; line-height:40px; background:url(../images/nav_w_end.png) right no-repeat; }
#header .topnav li a:hover { color:#ed0776; }

#header .topnav .selected { background:url(../images/nav_start.gif) no-repeat; }
#header .topnav .selected a { background:url(../images/nav_end.gif) right no-repeat; color:#FFFFFF; }
#header .topnav .selected a:hover { color:#FFFFFF; }

#header #newpopup { float:left; display:inline; background:url(../images/sunglasses_popup_5.jpg) no-repeat; width:249px; height:103px; margin:22px 0 0 400px; }
#header #newpopup2011 { float:left; display:inline; background:url(../images/sunglasses_popup_2011_2.jpg) no-repeat; width:249px; height:103px; margin:22px 0 0 400px; }
#header #newpopup2011 a { display:block; width:249px; height:103px; }
#header #newpopup2011 a span { display:none; }

/***** CONTENT *****/

#content { padding-bottom:20px; }
.pod h1 { font-size:40px; color:#ed0776; font-weight:normal; padding:0px; margin:5px 0; }
.pod h2 { font-size:24px; color:#58585a; font-weight:normal; padding:0px; margin:15px 0; }
.pod h3 { font-size:18px; color:#5794cf; font-weight:normal; padding:0px; margin:15px 0; }
.pod h4 { font-size:15px; color:#58585a; padding:0px; margin:15px 0; }
.pod p { color:#777477; }
.pod ul { color:#777477; }
.pod p b { color:#636063; }
.pod a { color:#ed0776; }
.pod a.grey { color:#969696; line-height:22px; }
.pod a.grey:hover { color:#ed0776; }

.pod table { width:100%; margin:20px 0; border-collapse:collapse; font-size:12px; border-left:1px solid #5794cf; border-top:1px solid #5794cf; }
.pod td { color:#636063; padding:2px 8px; margin:0px; border-right:1px solid #5794cf; border-bottom:1px solid #5794cf; }
.pod th { padding:2px 8px; background:#5794cf; font-weight:bold; color:#ffffff; text-align:left; font-size:14px; border-right:1px solid #5794cf; border-bottom:1px solid #5794cf; }

.pod table .tdblue { background:#47abd9; color:#ffffff; font-weight:bold; }
.pod table .tdpink { background:#ee0777; color:#ffffff; font-weight:bold; }
.pod table .tdbold { color:#58585a; font-weight:bold; }

.pod table .tdgrey { background:#e0e0e0; color:#222222; font-weight:bold; font-size:15px; }
.pod table .textpink { color:#ee0777; }
.pod table .textblue { color:#5dc1ee; }

.colorbox_info { padding:15px; }
.colorbox_info h1 { font-size:36px; color:#ed0776; font-weight:normal; padding:0px; margin:5px 0; }
.colorbox_info h2 { font-size:24px; color:#58585a; font-weight:normal; padding:0px; margin:5px 0; }
.colorbox_info h3 { font-size:16px; color:#58585a; font-weight:normal; padding:0px; margin:0; }
.colorbox_info table { width:100%; margin:20px 0; border-collapse:collapse; font-size:12px; border-left:1px solid #5794cf; border-top:1px solid #5794cf; }
.colorbox_info td { color:#636063; padding:2px 8px; margin:0px; border-right:1px solid #5794cf; border-bottom:1px solid #5794cf; }
.colorbox_info th { padding:2px 8px; background:#5794cf; font-weight:bold; color:#ffffff; text-align:left; font-size:14px; border-right:1px solid #5794cf; border-bottom:1px solid #5794cf; }

.benefit_bar { width:50px; height:8px; background:red; border:1px solid #666666; float:left; margin:2px 15px 0 0; }
.benefit_bar .benefit_used { height:8px; background:#16d31e; float:right; }

.tryonul { list-style:none; margin:0; padding:0 0 50px 0; }
.tryonul img { border:0px; }
.tryonul li { float:left; margin:0; padding:0; position:relative; }
.tryonul li .colorbox { position:absolute; bottom:0px; right:0px; }

#shop .flex-control-nav { height:30px; bottom:0px; }
#shop .flex-control-nav li a { display:block; text-indent:0px; width:26px; height:26px; border:1px solid #aaaaaa; background:#eeeeee; color:#444444; line-height:26px; font-size:14px; }
#shop .flex-control-nav li a.active { background:#ef0777; color:#ffffff; }

/***** STAR RATING *****/
.stars { background:url(../images/star_small.gif) repeat-x; height:16px; padding-top:2px; }
.stars_0 { width:1px; }
.stars_1 { width:20px; }
.stars_2 { width:40px; }
.stars_3 { width:60px; }
.stars_4 { width:80px; }
.stars_5 { width:100px; }



/***** FIND A STORE *****/

.combo { float:left; border:1px #acbabd solid; margin:0 0 10px 0; }
.combo select { width:230px; border:0px;  font-size:14px; padding:3px; color:#697476; }

/***** MEDICAL AIDS *****/

.pod .list { border-bottom:1px solid #5794cf; padding:10px 0; }
.pod .list h2 { margin:5px 0 15px 0; }
.pod .list table { margin:0px; border:0px;  }
.pod .list td { border:0px;  }
.pod .list td table { width:80%; margin:15px 0; border-collapse:collapse; font-size:12px; border-left:1px solid #5794cf; border-top:1px solid #5794cf; }
.pod .list td td { border-right:1px solid #5794cf; border-bottom:1px solid #5794cf; }
.pod .list .body { padding:0 0 0 30px; }

.pod .list .viewmore { padding:3px 5px; width:80px; background:#5dc1ee; color:#ffffff; cursor:pointer; text-align:center; }

/***** HOME *****/

.home .nav { list-style:circle; font-size:13px; line-height:18px; color:#ffffff; margin:0 0 0 20px; }
.home .nav a:hover { color:#ffffff; }
.homespace { float:left; width:800px; height:24px; }
.homepub { width:284px; height:142px; margin:10px 10px 0 0; padding:0 0 0 30px; }
.homepub .nav a { color:#d5f1ff; }
.homepub h2 { color:#ffffff; margin:5px 0; }
.homeprac { width:284px; height:142px; margin:10px 10px 0 0; padding:0 0 0 30px; }
.homeprac .nav a { color:#a7defa; }
.homeprac h2 { color:#ffffff; margin:5px 0; }
.homemed { width:284px; height:142px; margin:10px 10px 0 0; padding:0 0 0 30px; }
.homemed .nav a { color:#9ccdf8; }
.homemed h2 { color:#ffffff; margin:5px 0; }


/***** ARTICLES / NEWS *****/
.articleList .article .articleImg {width:220px;float:left;}
.articleList .article .articleSummary {width:450px;float:left;}


/***** SHOP *****/

#shop { width:900px; clear:both; }
#shop .shopside { width:210px; float:left; text-align:center; font-family:Calibri, Arial, Helvetica, sans-serif; }
#shop .shopnavhead { background:url(../images/store_nav_top.gif); width:210px; height:20px; }
#shop .shopnavfoot { background:url(../images/store_nav_bot.gif); width:210px; height:20px; }
#shop .shopnav { width:210px; background:#969696; text-align:left; }
#shop .shopnav ul { list-style:none; margin:0px; padding:0px; font-size:22px; color:#ffffff; }
#shop .shopnav li { line-height:40px; padding:0 0 0 15px; background:url(../images/store_nav_border.jpg) bottom center no-repeat; }
#shop .shopnav ul ul { list-style:none; margin:0px; padding:0 0 50px 0; font-size:16px; color:#ffffff; }
#shop .shopnav li li { width:155px; line-height:24px; padding:0 0 0 25px; background:url(../images/store_arrow.gif) no-repeat; background-position:8px 8px; }
#shop .shopnav a { display:block; color:#ffffff; text-decoration:none; }
#shop .shopnav a:hover { color:#3a3a3b; }
#shop .shopnav li.selected { background:#5794cf url(../images/store_nav_border.jpg) bottom center no-repeat; } 
#shop .shopnav li.nobg { background:none; } 
#shop .shopnav li li.selected { background:#5794cf url(../images/store_arrow.gif) no-repeat; background-position:8px 8px; } 

#shop .shopbody { width:690px; float:left; }
#shop .loginname { text-align:right; font-size:14px; line-height:14px; }
#shop .shoptitle { float:left; padding:0 0 0 20px; width:350px; }
#shop .cart { float:left; width:320px; text-align:right; padding:15px 0 10px 0; }
#shop .checkoutbtn { display:block; float:right; margin:10px 0 0 10px; width:100px; height:26px; background:url(../images/store_checkout_btn.gif); font-size:16px; line-height:26px; text-align:center; color:#ffffff; text-decoration:none; }
#shop .productlist { float:left; width:190px; height:190px; padding:15px; margin:10px 0 0 10px; background:url(../images/store_list_bg.png) no-repeat; display:inline; }
#shop .productlist h1 { font-family:Arial; font-size:12px; color:#58585a; text-align:center; height:15px; }
#shop .productlist img { border:0px; }
#shop .productlist table { margin:0px; border:0px; }
#shop .productlist td { width:190px; height:110px; padding:0px; border:0px; text-align:center; }
#shop .productlist .retailprice { float:left; color:#ed0776; margin:5px 0 0 0; }
#shop .productlist .ppnprice { float:left; clear:left; font-size:24px; color:#5dc1ee; }
#shop .productlist .ppnprice span { font-size:16px; }
#shop .productlist .productbtn { display:block; float:right; width:80px; height:26px; background:url(../images/store_list_btn.gif) no-repeat; font-size:16px; line-height:26px; text-align:center; color:#ffffff; text-decoration:none; }
#shop .productlist .productbtn:hover { color:#3a3a3b; }
#shop .terms { clear:both; text-align:right; color:#999999; padding:15px 0 5px 0; }

#shop .product { float:left; display:inline; margin:5px 0 0 20px; width:600px; height:300px; padding:25px 35px; background:url(../images/store_product_bg.png) no-repeat; }
#shop .product img { border:0px; }
#shop .product table { margin:0px; border:0px; }
#shop .product td { width:600px; height:300px; padding:0px; border:0px; text-align:center; }
#shop .product_info { float:left; display:inline; margin:0 0 0 20px; width:650px; }
#shop .product_info h1 { text-align:center; color:#58585a; font-size:24px; }
#shop .product_info .specs { width:310px; float:left; margin:10px 0; }
#shop .product_info .specs table { margin:0px; border:0px; }
#shop .product_info .specs table th { background:none; color:#333333; border:0px; }
#shop .product_info .specs table td { border:0px; }
#shop .product_info .buynow { width:310px; float:right; margin:10px 0; }
#shop .product_info .buynow .retailprice { font-size:16px; float:right; color:#ed0776; }
#shop .product_info .buynow .ppnprice { float:right; clear:right; font-size:30px; color:#5dc1ee; }
#shop .product_info .buynow .ppnprice span { font-size:20px; }
#shop .cartbtn { display:block; float:right; margin:10px 0 10px 0; clear:right; width:170px; height:46px; background:url(../images/store_cart_btn.gif) no-repeat; font-size:24px; line-height:46px; text-align:center; color:#ffffff; text-decoration:none; }
#shop .cartbtn:hover { color:#3a3a3b; }

#shop .padleft { clear:both; padding:5px 0 0 20px; width:670px; }
#shop h3 span a { font-size:14px; }

#addtocart_popup { position:absolute; left:50%; top:50%; margin:-180px 0 0 -250px; width:400px; height:230px; padding:35px 50px 55px 50px; background:url(../images/popup.png) no-repeat; display:none; }
#addtocart_popup.ie6 { background:url(../images/popup_ie6.gif) no-repeat; }
.popcontent { padding:10px 20px; width:360px; display:none; }
.popcontent h1 { font-size:34px; color:#ffffff; }
.popcontent h3 { color:#ffffff; margin:10px 0; }
.popcontent .popbtn { float:right; display:inline-block; margin:10px 30px; text-decoration:none; color:#58585a; width:120px; height:40px; background:url(../images/popup_btn.gif); font-size:18px; text-align:center; line-height:40px; }
.popcontent .popbtn:hover { color:#ed0776; }
.popcontent .btnmargin { margin:10px; }
.popcontent .popclose { float:right; display:block; width:25px; height:25px; text-align:center; margin:10px 0 0 0; color:#ffffff; text-decoration:none; font-size:20px; }
.popcontent .popclose:hover { border:1px solid #ffffff; }
.popcontent .poperror { float:left; width:220px; margin:10px 0; color:#28282a; display:none; }
.popcontent .poperror img { margin:3px 5px 0 0; }

.popcontent .newform { width:360px; margin:10px 0 5px 0; }
.popcontent .newform label { width:100px; color:#ffffff; margin:0px; line-height:28px; }
.popcontent .newform .radio { width:240px; height:26px; margin:0 0 5px 0;}
.popcontent .newform .radio input { float:left; margin:5px 5px; }
.popcontent .newform .radio label { color:#ffffff; line-height:26px; }
.popcontent .newform .combo { background:#ffffff; margin:0 0 5px 0; }
.popcontent .newform .combo select { padding:2px 3px; }
.popcontent .newform .input { height:26px; margin:0px; }
.popcontent .newform .input input { margin:2px 0 2px 3px; width:217px; padding:2px; }

.watermark { color:#999999; }

.pagination { padding:20px; }

/***** FOOTER *****/

#shopfooter { width:840px; height:30px; padding:30px 20px 10px 100px; margin-left:auto; margin-right:auto; background:url(../images/shopfooter.gif); }
#shopfooter h1 { display:none; }
#shopfooter h2 { font-size:22px; line-height:30px; margin:0px; float:left; width:380px; color:#ffffff; font-weight:normal; }
#shopfooter .nav { float:left; width:760px; }
#shopfooter .nav li { float:left; margin:0 20px 0 0; line-height:30px; }
#shopfooter .nav a { color:#ffffff; text-decoration:none; }
#shopfooter .nav a:hover { text-decoration:underline; }

#footer { width:920px; min-height:60px; padding:10px 20px 20px 20px; margin-left:auto; margin-right:auto; background:#58585a url(../images/footer_top.gif) no-repeat; }
#footer .pod h1 { font-size:22px; color:#c9c9c9; font-weight:normal; margin:15px 0; }
#footer .nav a { color:#a1a1a1; text-decoration:none; line-height:16px; }
#footer .nav a:hover { color:#5dc1ee; }
#footerend { width:960px; height:40px; margin-left:auto; margin-right:auto; background:url(../images/footer_bot.gif) no-repeat; }


/** NEW FORM **/

.newform { margin:20px 0; width:640px; }
.newform label { display:block; float:left; clear:both; width:130px; padding:0 10px 0 0; color:#636063; font-size:14px; line-height:32px; margin:0 0 10px 0; }

.newform .input { float:left; background:#ffffff; height:30px; width:230px; border:1px #acbabd solid; margin:0 0 10px 0; }
.newform .input input { float:left; margin:3px 0 3px 3px; border:1px solid #ffffff; width:215px; font-size:14px; padding:3px; color:#697476; }
.newform .input input:focus { border:1px solid #ed0776; color:#2a2e2f; }
.newform .input .fieldWithErrors { height:30px; width:230px; background:#ffbaba; }

.newform .radio { float:left; width:420px; height:32px; margin:0 0 10px 0; }
.newform .radio input { float:left; margin:8px 5px; }
.newform .radio label { clear:none; width:auto; padding:0 10px 0 0; margin:0px; color:#636063; line-height:30px;}

.newform .textarea { float:left; background:#ffffff; height:150px; width:230px; border:1px #acbabd solid; margin:0 0 10px 0; }
.newform .textarea textarea { float:left; margin:3px 0 3px 3px; border:1px solid #ffffff; width:215px; height:135px; font-size:14px; padding:3px; color:#697476; font-family:Arial, Helvetica, sans-serif; }
.newform .textarea textarea:focus { border:1px solid #ed0776; color:#2a2e2f; }
.newform .textarea .fieldWithErrors { height:150; width:230px; background:#ffbaba; }

.newform .combo { float:left; border:1px #acbabd solid; margin:0 0 10px 0; }
.newform .combo select { width:230px; border:0px; font-size:14px; padding:3px; color:#697476; }
.newform .combo .fieldWithErrors select { border:3px solid #ed0776; padding:0px; }

.pricing .radio label {width:430px; text-align:left;}

.newform .file { float:left; font-size:15px; line-height:28px; margin:0 0 10px 0; }
.newform .file input { font-size:14px; color:#697476; width:230px; height:30px; }

.newform .formhelp { float:left; width:200px; padding:0 10px 0 30px; line-height:30px; border:1px #acbabd solid; border-left:0px; background:#e6e6e6 url(../images/formhelp.gif) no-repeat; background-position:10px 0; margin:0 0 10px 0; color:#636063; }
.newform .formhelp.good { background:#e0edd9 url(../images/formhelp.gif) no-repeat; background-position:10px -30px; border-color:#a2c5a3; color:#2a801b; }
.newform .formhelp.error { background:#ffcfcf; border-color:#c49797; color:#801b1b; width:220px; padding:0 10px 0 10px; }
.newform .formhelp.loading { background-position:10px -60px; }

.newform .btn { float:left; clear:left; display:inline; height:32px; margin:10px 10px 0 140px; background:#ffffff; border:1px #acbabd solid; }
.newform .btn input { float:left; margin:3px; border:1px solid #ffffff; width:140px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:16px; height:26px; padding:3px; color:#ed0776; background:#FFFFFF; cursor:pointer; }
.newform .btn input:hover { border:1px solid #ed0776; }

.fl { float:left; margin:0 10px 0 0; }
.fr { float:right; margin:0 10px 0 0; }

.validation-summary-errors { background:#ffcfcf; border:1px solid #c49797; color:#801b1b; width:600px; padding:10px; }
.validation-summary-errors ul { color:#801b1b; }

/*** FEEDBACK MESSAGES ***/
.flash_info,
.flash_success,
.flash_warning,
.flash_error,
.flash_validation,
.errorExplanation   { clear:both; border: 1px solid; margin: 10px 0px; width:560px; padding:15px 10px 15px 50px; background: no-repeat 10px center;}
.flash_info         { color: #00529B; background-color: #BDE5F8; background-image: url('../images/info.png');}
.flash_success      { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/success.png');}
.flash_warning      { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning.png');}