﻿body {background:#fff}
a {text-decoration:none;color:#2d86b2;}
h1 {font-family:Arial,Helvetica,sans,sans-serif;font-size:25px;line-height:25px;margin-bottom:2px;color:#000}
h1 span {font-size:14px;color:#3e9fd7;}
h2 {font-size:15px;}
.hMedGray {color:#777;}
.hMedMarg {margin-bottom:3px;}
h1 sup {font-size:.5em;}

.cdiHeader {background:#e0e9ed;border-bottom:1px solid #ddd;position:absolute;top:0;clear:both;z-index:1000}
.brandHeader {background:url(../../gfx/platy/platyBrandBG.jpg) center top no-repeat #fff;position:absolute;top:21px;}
.brandNavBG {background:url(../../gfx/platy/brandNavBG.png) center bottom no-repeat;position:absolute;top:120px;clear:both;padding:6px 0}
.main {background:url(../../gfx/platy/platyBodyBG.gif) top left repeat-x #fff;margin-top:162px;}
.mainBody {background:url(../../gfx/platy/platyMainBodyBG.gif) top left no-repeat #fff;margin:0;padding:0 10px 40px 10px;}
.relative {position:relative;}
.noSideMargins {margin-left:0;margin-right:0;}
.footer {padding:20px 0 20px 0;font-size:12px;}
.brandFooter {background:#fff;border-top:1px solid #9cd6f3}

#cdiNav li a {color:#0a618e}
#cdiNav li a:hover {color:#fff}


#brandLogoContainer {float:left;width:183px;height:48px;background:url(../../gfx/platy/platyLogo.png) top left no-repeat;margin-top:33px;margin-bottom:19px;}
#brandLogo {float:left;width:183px;height:48px;text-indent:-9999px;overflow:hidden;}


#headerSearch {float:right;margin:6px 4px 0 0;}
#headerSearch fieldset {float:left;width:156px;}
#headerSearch #searchBox {float:left;width:119px;height:14px;padding:1px 2px;margin:1px 2px 0 0;border:1px solid #ddd;font-size:11px;color:#444}
#headerSearch #Go {float:left;width:27px;height:16px;background:url('../../gfx/common/search_go.png') 0 -16px no-repeat;text-indent:-9999px;overflow:hidden;border:0;cursor:pointer;margin-top:3px;}
#headerSearch #Go:hover {background-position:0 0;}

#cdiLogo {background-position:0px -20px}

#cdiCart {background:url(../../gfx/platy/cdiCartBG.png) right bottom no-repeat;}
#cdiCart ul {background:url(../../gfx/platy/cdiCartBG.png) left bottom no-repeat;}
#cdiCart ul li {border-right:1px solid #a8cfe0}
#cdiCart ul li a {color:#fff}


#brandNavContainer {float:left;width:940px;}
#brandNav {float:left;font-size:11px;font-weight:bold;line-height:11px;}
#brandNav li {float:left;position:relative;margin:0 6px 0 0;}
#brandNav li a {float:left;padding:10px 8px 9px 27px;color:#0a77af;background:url(../../gfx/platy/brandNavButtons.png) 3px 2px no-repeat;}
#brandNav li.active a {color:#222;background:url(../../gfx/platy/brandNavButtons.png) 3px -98px no-repeat;}
#brandNav li:hover a {float:left;background:url(../../gfx/platy/brandNavTabs.png) 0 2px no-repeat;padding:2px 0 0 5px;}
#brandNav li:hover a span {float:left;background:url(../../gfx/platy/brandNavTabs.png) right top no-repeat;padding:0 5px 0 0;}
#brandNav li:hover a span span {float:left;background:url(../../gfx/platy/brandNavButtons.png) -2px 0 no-repeat;padding:8px 3px 8px 22px}
#brandNav li.active:hover a span span {float:left;background:url(../../gfx/platy/brandNavButtons.png) -2px -100px no-repeat;padding:8px 3px 8px 22px}

#brandNav li div.catListContainer {position:absolute;top:-9999px;left:0;background:url(../../gfx/common/dropshadow.png) top left no-repeat;width:623px;padding:0 6px 6px 0;z-index:200}
#brandNav li:hover div.catListContainer {top:29px;}

#brandNav li div.catListContainerRight {position:absolute;top:-9999px;right:0;background:url(../../gfx/common/dropshadowRight.png) top right no-repeat;width:623px;padding:0 0 6px 6px;z-index:200}
#brandNav li:hover div.catListContainerRight {top:29px;}

#brandNav li div.catList {float:left;width:603px;background:#fff;padding:10px 9px 10px 10px;border:1px solid #999;border-top:0;}
#brandNav li div.width1 {width:221px;}
#brandNav li div.width2 {width:423px;}
#brandNav li div.twoColumn {width:402px;}
#brandNav li div.oneColumn {width:200px;}
#brandNav li ul {float:left;background:/**url(../../gfx/platy/catListBG.png) top left repeat-y **/#2d86b2}
#brandNav li:hover ul li a {padding:0;color:#fff;background:#2d86b2;}
#brandNav li ul li {float:left;width:200px;border-top:1px solid #fff;margin:0;border-right:0;border-left:0;padding:0;}
#brandNav li ul li a span {float:left;padding:0 10px 6px 10px;text-transform:uppercase;}
#brandNav li:hover ul li a:hover {background:#555;}
#brandNav li ul li img {margin:10px 10px 8px 10px;padding:0}
#brandNav li ul li ul {float:left;width:200px;padding:0;}
#brandNav li ul li ul li {color:#aaa;border-top:1px solid #fff;}
#brandNav li ul li ul li.lastChild {border-bottom:0;}
#brandNav li:hover ul li ul li a {float:left;color:#fff;font-weight:normal;padding:6px 15px;width:170px;background:#2d86b2;}
#brandNav div.catList a.accessories {float:left;background:#eee;border-top:1px solid #fff;width:583px;padding:3px 10px;text-transform:uppercase;}
#brandNav div.catList a.accessories:hover {background:#ddd;}
#brandNav div.catList a.accessories1 {width:180px;}
#brandNav div.catList a.accessories2 {width:381px;}

#fullWidth {float:left;width:100%;margin-top:10px;}
#productFullWidth {float:left;width:960px;padding:10px}
#productLeftCol {position:absolute;top:0;left:0;width:460px;clear:left;height:auto;}
#productLeftCol {position:absolute;top:0;left:0;width:460px;clear:left;height:auto;}
#productRightCol {position:relative;float:left;width:460px;padding-left:480px;height:auto;margin-bottom:20px;}
.mainLeftCol {position:absolute;top:0;left:0;margin-left:0;}

.breadCrumb ul {float:left;width:100%;font-size:11px;line-height:11px;margin:4px 0 4px 0;color:#222;color:#888}
.breadCrumb ul li {float:left;margin-right:5px}
.breadCrumb ul li a {color:#aaa;}
.breadCrumb ul li a:hover {color:#555}

#catPageProductList {float:left;width:100%;}
#catPageProductList li {float:left;width:150px;text-align:center;margin:0 0 35px 0;text-transform:uppercase}
#catPageProductList li.lastChild {margin-right:0;}
#catPageProductList li img {padding:0 35px 5px;}
#catPageProductList li p {float:left;text-align:left;text-transform:none;margin-top:4px;line-height:16px}

#productTabs {float:left;width:100%;background:url(../../gfx/platy/productTabBG.gif) bottom left no-repeat;font-size:11px;padding-top:10px;}
#productTabs li {display:inline;}
#productTabs li a {float:left;line-height:11px;padding-left:5px;margin-right:2px;color:#444;background:url(../../gfx/platy/productTabs.gif) 0 -65px no-repeat;color:#205f84;}
#productTabs li a span {float:left;padding:6px 8px 4px 3px;background:url(../../gfx/platy/productTabs.gif) right -44px no-repeat;color:#205f84;}
#productTabs li a:hover {background-position:0 -107px;}
#productTabs li a:hover span {background-position:right -86px;color:#fff;}
#productTabs li a.selected {background:url(../../gfx/platy/productTabs.gif) 0 -22px no-repeat;color:#02476f;}
#productTabs li a.selected span {background:url(../../gfx/platy/productTabs.gif) right 0 no-repeat;padding-bottom:5px;color:#02476f;}

div.productTabPanel {float:left;width:460px;margin-bottom:20px;overflow:auto;padding-top:10px;}
div.productTabPanel span.title {font-weight:bold;font-size:11px;}

#ppDesc h2 {margin-bottom:4px;color:#007a94}
#ppDesc ol {list-style-type:decimal;margin: 3px 0px 15px 10px;padding:  3px 0px 0px 10px;font-size:12px;line-height:17px;}
#ppDesc ol li {margin-bottom:5px;}


#emailFriend {float:left;width:174px;height:16px;margin-top:5px;background:url(../../gfx/platy/emailFriend.gif) top left no-repeat;text-indent:-9999px;overflow:hidden}
#emailFriend:hover {background-position:0 -16px;}

.productPhoto {float:left;margin:15px 0 10px 10px;text-align:center;font-size:12px;width:460px;}
.viewLarge {font-size:11px;line-height:22px;background:url(../../gfx/platy/viewLarge.gif) top right no-repeat;padding:1px 44px 5px 0px;margin:5px 0 10px 0}
.viewLarge:hover {background-position:right -50px;}

#productPhotoList {float:left;width:100%}
#productPhotoList li {display:inline;}
#productPhotoList li a {float:left;border:1px solid #fff;margin:0 10px 10px 0;}
#productPhotoList li a.endLine {margin-right:0;}
#productPhotoList li a.selected {border:1px solid #ddd;}
#productPhotoList li a:hover {border:1px solid #555;}
#productPhotoList li a.selected:hover {border:1px solid #ddd}

.specChart {float:left;width:100%;font-size:11px;margin-bottom:10px;}
.specChart tr {border-bottom:1px solid #e7e7e7;}
.specChart th {padding:5px;font-weight:bold;text-align:left;}
.specChart td {background:#fff;padding:5px;width:220px;color:#333}
.specChart td.tColHead {font-weight:bold;text-transform:uppercase;}
.specChart td.tRowHead {font-weight:bold;border-bottom:1px solid #d5d5d5;text-align:right;}


.moreInfoLinks {float:left;width:100%;font-size:11px;margin:5px 0 10px 0;border-top:1px solid #e7e7e7}
.moreInfoLinks li {float:left;width:100%}
.moreInfoLinks li a {float:left;width:450px;padding:5px;background:#fff;border-bottom:1px solid #e7e7e7}
.moreInfoLinks a:hover {background:#f5f5f5;}


#recommend {float:left;width:455px;padding:5px 0 0 5px;margin-bottom:20px;background:#eeeeee}
#recommend ul {float:left;width:100%;}
#recommend ul li {display:inline;}
#recommend ul li a {float:left;width:212px;margin:0 5px 5px 0;padding:4px;border:1px solid #e6e6e6;background:#f7f7f7}
#recommend ul li a img {border:1px solid #bbb;padding:2px;background:#fff;float:left;margin-right:5px;}
#recommend ul li a span {font-size:12px;color:#333;}
#recommend ul li a:hover {background:#fff;border:1px solid #d5d5d5}

#handheldHome, #handsfreeHome, #filtrationHome, #accessoriesHome, #wineHome, #platyHome {float:left;width:940px;height:320px;text-indent:-9999px;overflow:hidden;background:url('../../gfx/platy/handheldHomeLeft.jpg') 0 0 no-repeat;position:relative;margin:9px 0 20px}
#platyHome {background:url('../../gfx/platy/platyHome1.jpg') 0 0 no-repeat;height:348px;margin-bottom:30px;}
#handsfreeHome {background:url('../../gfx/platy/handsfreeHomeLeft.jpg') 0 0 no-repeat;}
#filtrationHome {background:url('../../gfx/platy/filtrationHomeLeft.jpg') 0 0 no-repeat;}
#accessoriesHome {background:url('../../gfx/platy/accessoriesHomeLeft.jpg') 0 0 no-repeat;}
#wineHome {background:url('../../gfx/platy/wineHomeLeft.jpg') 0 0 no-repeat;}
#handheldHomeText, #handsfreeHomeText, #filtrationHomeText, #accessoriesHomeText, #wineHomeText {position:absolute;top:0;right:0;width:313px;height:320px;/**background:url('../../gfx/platy/handheldHomeRight.gif') 0 0 no-repeat;**/}
/**#handsfreeHomeText {background:url('../../gfx/platy/handsfreeHomeRight.gif') 0 0 no-repeat;}
#filtrationHomeText {background:url('../../gfx/platy/filtrationHomeRight.gif') 0 0 no-repeat;}
#accessoriesHomeText {background:url('../../gfx/platy/accessoriesHomeRight.gif') 0 0 no-repeat;}
#wineHomeText {background:url('../../gfx/platy/wineHomeRight.gif') 0 0 no-repeat;}**/

#catNavList {float:left;margin-bottom:20px;}
#catNavList li {float:left;width:143px;margin-right:20px;text-align:center}
#catNavList li.lastChild {float:left;width:144px;margin-right:0px;}
#catNavList li a {font-weight:bold;}
#catNavList li a:hover {color:#000;}
#catNavList li p {float:left;text-align:left;}

.faq h3 {background:url(../../gfx/platy/faqArrow.gif) 5px 5px no-repeat;}
.faq h3:hover, #faq h3.hover {color:#2d86b2;background-position:5px -46px;}
.faq h3.selected {color:#2d86b2;background:url(../../gfx/platy/faqArrow.gif) 5px -95px no-repeat;}

.footer span {float:left;width:160px;margin:0 10px 8px 0;font-weight:bold;color:#444}
.footerList {float:left;width:770px;margin-bottom:8px}
.footerList li {float:left;padding-right:10px;margin-right:10px;border-right:1px solid #bbb}
.footerList li a {color:#555;}

#platyHomeNavList {float:left;width:100%;}
#platyHomeNavList li {float:left;}
#platyHomeNavList li a {float:left;width:180px;height:92px;position:relative;margin-right:8px;}
#platyHomeNavList li a#link1 {margin-left:3px;background:url('http://media.cascadedesigns.com/images/product/icon/SoftBottle.jpg') center 0 no-repeat}
#platyHomeNavList li a#link2 {background:url('http://media.cascadedesigns.com/images/product/icon/platy_big_zip.jpg') center 0 no-repeat}
#platyHomeNavList li a#link3 {background:url('http://media.cascadedesigns.com/images/product/icon/platy_cleanstream.jpg') center 0 no-repeat}
#platyHomeNavList li a#link4 {background:url('http://media.cascadedesigns.com/images/product/icon/platy_drinktube.jpg') center 0 no-repeat}
#platyHomeNavList li a#link5 {margin-right:0;background:url('http://media.cascadedesigns.com/images/product/icon/platy_preserve_frontback.jpg') center 0 no-repeat}
#platyHomeNavList li a h2 {text-align:center;padding-top:70px;font-size:16px;font-weight:bold;}
#platyHomeNavList li a p {text-indent:-9999px;overflow:hidden;}
