/********************************************************************/
/*                             Reset 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; vertical-align:baseline;}
ol, ul {list-style-type: none;}

/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/

body, input, select, textarea {font-family:Arial, Helvetica, sans-serif;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:none;}
a {text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
a:focus {-moz-outline: 1px dotted #000 !important;}
.clear {clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}

legend {display:none;}
* legend{display:block !important; width:0; height:0; visibility:hidden;}

/********************************************************************/
/*                            Template tags                         */
/********************************************************************/

html {background:#797979;}
#pageWrap {width:100%; background:#000;}

#containerWrap {width:980px; margin:0 auto; padding:0 0 15px 0;}
#containertop {width:980px; height:10px; background:url('/_images/bg/container-top.png') 0 0 no-repeat;}
#container {width:950px; padding:5px 15px; background:#FFF;}
#containerFoot {width:980px; height:10px; background:url('/_images/bg/container-foot.png') 0 0 no-repeat;}

#contentWrap {width:950px; overflow:hidden;}

.alertInfo {width:100%; margin:0 0 10px 0;} 
.alertInfo .wrapper {padding:10px 10px 0 10px; background:#CCC; border:1px solid #666; border-radius:5px; background-clip:padding-box;} 
#content .alertInfo .wrapper p {margin:0 0 10px 0;} 

.alertInfo.error .wrapper {background:#f0a6a2; border-color:#f26760;} 

/* ----- Page Options ----- */

#content .pageOptions {margin:0;}
#content .pageOptions li {margin:0; padding:0; background:none;}

/* ----- Pagination ----- */

#content .pagination {width:100%; margin:0; padding:10px 0; overflow:hidden;}
#content .pagination p {float:left; margin:0; font-size:93%;}
#content .pagination ul {float:right; font-size:93%; overflow:hidden;}
#content .pagination ul li {float:left; margin:0 3px 0 0; padding:0; background:none;}
#content .pagination ul li.all {margin:0;}
#content .pagination ul li a {display:block; padding:0 6px; line-height:20px; text-decoration:none; background-color:#CCC; background-repeat:no-repeat; background-position:center 6px;}
#content .pagination ul li a:hover, .pagination ul li a:active, .pagination ul li a:focus {color:#FFF; background-color:#000; background-position:center -11px;}
#content .pagination ul li a.selected {color:#FFF; background:#666;}
#content .pagination ul li.first a {width:20px; padding:0; background-image:url('/_images/icons/paging/first.gif');}
#content .pagination ul li.prev a {width:20px; padding:0; background-image:url('/_images/icons/paging/prev.gif');}
#content .pagination ul li.next a {width:20px; padding:0; background-image:url('/_images/icons/paging/next.gif');}
#content .pagination ul li.last a {width:20px; padding:0; background-image:url('/_images/icons/paging/last.gif');}
#content .pagination ul li a span {display:block; text-indent:-9999px;}

/* ----- Forms ----- */

.ui-selectmenu {border:1px solid #111; background:#FFF;}
.ui-selectmenu-menu {padding:5px 0; border:1px solid #111; border-top:none; background:#FFF;}
.ui-selectmenu-icon {top:8px; right:9px; width:10px; height:10px; margin:0; background:url('/_images/icons/ui-selectmenu-icon.png') 0 0 no-repeat;}
.ui-selectmenu-status {padding:5px 10px 0 10px; color:#555;}
.ui-selectmenu-menu li a {padding:0 10px; color:#000;}
.ui-selectmenu-menu li a:hover {background:#CCC;}
#content .ui-selectmenu:hover, .ui-selectmenu:hover {text-decoration:none;}
#content .ui-selectmenu:focus, .ui-selectmenu:focus {text-decoration:none;}

#content .contentForm .maskWrap {margin:0 0 10px 0; background:url('/_images/bg/mask-top-700.png') top center no-repeat #E8E8E8; overflow:hidden;}
#content .contentForm fieldset {float:left; width:500px; padding:30px 100px; background:url('/_images/bg/mask-foot-700.png') bottom center no-repeat;}
#content .contentForm fieldset .field {width:500px; margin:0 0 10px 0; overflow:hidden;}
#content .contentForm fieldset .field label {display:block; float:left; width:200px; margin:7px 0 0 0; font-size:93%;}
#content .contentForm fieldset .text input {float:right; width:283px; margin:0; padding:5px; border:1px solid #111;}
#content .contentForm fieldset .textarea {padding:10px 0 0 0;}
#content .contentForm fieldset .textarea label {float:none; width:500px; margin:0 0 5px 0;}
#content .contentForm fieldset .textarea textarea {width:488px; height:140px; padding:5px; border:1px solid #111; resize:none;}
#content .contentForm fieldset .select select {float:right; width:293px; border:1px solid #111;}
#content .contentForm fieldset .select .ui-selectmenu {float:right; height:27px; font-weight:normal;}
#content .contentForm fieldset .dateSelect label {position:absolute; left:-9999px;}
#content .contentForm fieldset .dateSelect p {float:left; width:200px; margin:5px 0 0 0;}
#content .contentForm fieldset .dateSelect select {float:left; width:93px; margin:0 0 0 5px; padding:0; border:1px solid #111;}
#content .contentForm fieldset .dateSelect .ui-selectmenu {float:left; margin:0 0 0 5px;}
#content .contentForm fieldset .checkbox label, #content .contentForm fieldset .radio label {float:left; width:auto; margin:0 0 0 5px;}
#content .contentForm fieldset .checkbox input, #content .contentForm fieldset .radio input {float:left; margin:0; padding:0;}

#content .contentForm fieldset .optionList ul {width:500px; margin:0;}
#content .contentForm fieldset .optionList ul li {width:500px; margin:0 0 10px 0; padding:0; background:none; overflow:hidden;}
#content .contentForm fieldset .optionList ul li label {font-size:100%;}

#content .contentForm fieldset .formControls input {float:right;}

/* ----- Header ----- */

#header {width:950px; margin:0 auto; padding:15px; color:#FFF; overflow:hidden;}
#header #mainLogo {float:left; display:block; width:100px; height:100px; text-indent:-9999px; background:url('/_images/logos/pulse.png') 0 0 no-repeat;}
#header #strapline {float:left; width:345px; margin:40px 0 0 15px; font-size:24px; font-weight:bold;}
#header .info {float:right; font-weight:bold; text-align:right;}
#header .info .times {font-size:108%;}
#header .info .times span {color:#c2cd23;}
#header .info .details {margin:0 0 5px 0; font-size:123.1%;}
#header .info .links {width:100%; overflow:hidden;}
#header .info .links li {float:left; margin:0 0 0 10px;}
#header .info .links li a {display:block; overflow:hidden;}
#header .info .links li a img {float:left;}

/* ----- Nav ----- */

#container .nav {z-index:1000; position:relative; float:left; margin:0 15px 10px 15px; font-size:108%;}
#container .nav li {position:relative; float:left; width:115px; padding:0 0 3px 0; text-align:center; font-weight:bold;}
#container .nav li a {color:#000;}
#container .nav li a:hover, #container .nav li a:active, #container .nav li a:focus, #container .nav li.selected a {text-decoration:none; border-bottom:3px solid #c2cd23;}

#container .nav li .subNav {position:absolute; top:18px; left:-99999px; width:200px; padding:7px 0 0 0; font-size:85%; background:url('/_images/bg/arrow-subnav.png') top center no-repeat;}
#container .nav li:hover .subNav {left:-45px;}
#container .nav li .subNav ul {width:198px; padding:5px 0; background:#FFF; border:1px solid #000;}
#container .nav li .subNav ul li {float:none; width:198px; padding:5px 0;}

/* ----- Content ----- */

#content {float:right; width:700px; color:#000; padding:0px 0px 30px 0px;}
#content.home {float:none; width:930px; margin:0 0 15px 0; padding:0 10px;}
#content a {font-weight:bold; color:#000;}
#content h1 {margin:0 0 10px 0; font-size:167%; font-weight:bold;}
#content h2 {margin:0 0 10px 0; font-size:153.9%;}
#content h3 {margin:0 0 10px 0; font-size:138.5%;}
#content p {margin:0 0 15px 0; font-size:93%;}
#content p.intro {font-size:108%;}

#content ul, #content ol {margin:0 0 15px 0; font-size:93%;}
#content ul li {margin:0 0 5px 0; padding:0 0 0 13px; background:url('/_images/bullets/content-ul-li.png') 2px 5px no-repeat;}
#content ol li {margin:0 0 5px 25px; list-style:decimal; padding:0; background:none;}

#content dl {overflow:hidden;}
#content dl dt {float:left;}
#content dl dd {float:right;}

#content table {width:699px; font-size:93%; border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0; background:#FFF;}
#content table th, #content table td {padding:5px; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
#content table th {padding:10px 5px; font-weight:bold; text-align:center; background:#E8E8E8;}
#content table .bg td {background:#EEE;}

#content .thumbnails {width:700px; overflow:hidden;}
#content .thumbnails li {float:left; width:128px; margin:0 10px 10px 0; padding:0; border:1px solid #888; background:none;}
#content .thumbnails li:hover {border-color:#000;}
#content .thumbnails li a {display:block; overflow:hidden;}
#content .thumbnails li a img {float:left;}

/* ----- Side Col ----- */

#sideCol {float:left; width:235px; background:#e8e8e8; margin:0px 0px 30px 0px;}
#sideCol .wrapper {background:url('/_images/bg/mask-foot-235.png') bottom center no-repeat;}

#sideCol .sideNav {width:225px; padding:5px; font-size:108%; font-weight:bold; background:url('/_images/bg/mask-top-235.png') top center no-repeat;}
#sideCol .sideNav li {width:225px; border-top:1px solid #FFF;}
#sideCol .sideNav li.first {border:none;}
#sideCol .sideNav li a {display:block; width:205px; padding:5px 10px; color:#000;}
#sideCol .sideNav li ul {padding:0 0 10px 0; font-size:90%; font-family:Arial, Helvetica, sans-serif;}
#sideCol .sideNav li ul li {border:none;}
#sideCol .sideNav li ul li a {width:195px; padding:3px 0 3px 20px; border:none;}
#sideCol .sideNav li ul li ul {padding:5px 0 5px 0; font-size:100%;}
#sideCol .sideNav li ul li ul li a {width:185px; padding:3px 0 3px 30px; background:url('/_images/bullets/side-nav.png') 20px 8px no-repeat;}

/* ----- Footer ----- */

#footerWrap {border-top:1px solid #FFF;}
#footer {width:950px; margin:0 auto; padding:15px; font-size:85%; color:#FFF; overflow:hidden;}
#footer a {color:#FFF;}

#footer .ads {float:left; overflow:hidden;}
#footer .ads a {float:left; display:block; margin:0 10px 0 0; overflow:hidden;}
#footer .ads a img {float:left;}

#footer .content {float:right; padding:15px 0 0 0; text-align:right;}
#footer .content .nav {margin:0 0 10px 0; overflow:hidden;}
#footer .content .nav li {display:inline-block; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #FFF; zoom:1; *display:inline;}
#footer .content .nav li.first {border:none;}
#footer .content .clarion {width:435px; padding:10px 60px 10px 0; margin:0 0 10px 0; font-weight:bold; background:url('/_images/logos/clarion.png') right 8px no-repeat;}

/* ----- Home Page ----- */

#bannerWrap {position:relative; margin:0 0 15px 0; background:url('/_images/banners/bg.gif') 0px 0px no-repeat;}
#bannerWrap #banner {width:950px; height:335px; overflow:hidden;}
#bannerWrap #banner a {display:block; float:left; width:950px; height:335px; overflow:hidden;}
#bannerWrap #banner a img {float:left;}
/*
#bannerWrap .controls {position:absolute; bottom:10px; left:10px; overflow:hidden;}
#bannerWrap .controls li {float:left; margin:0 10px 0 0; font-size:140%; padding:0px 0px 0px 15px; font-weight:bold; background:url('/_images/bullets/banner.png') 0px 8px no-repeat;}
#bannerWrap .controls li.home { padding:0px 0px 0px 0px; background:none;}
#bannerWrap .controls li a {color:#989898;}
#bannerWrap .controls li a:hover {text-decoration:none;}

#bannerWrap .controls li.home a:hover, #bannerWrap .controls li.home.selected a {color:#ffdd00;}
#bannerWrap .controls li.gift a:hover, #bannerWrap .controls li.gift.selected a {color:#00aeef;}
#bannerWrap .controls li.fashion a:hover, #bannerWrap .controls li.fashion.selected a {color:#ec008c;}
#bannerWrap .controls li.fashion a:hover span.wellbeing, #bannerWrap .controls li.fashion.selected span.wellbeing {color:#692686;}
#bannerWrap .controls li.launchpad a:hover, #bannerWrap .controls li.launchpad.selected a {color:#c2cd23;}
*/


#bannerWrap .controls { position:absolute; top:300px; left:20px; width:300px; padding:0px 0px 0px 0px; text-align:left;}
	#bannerWrap .controls li { display:inline; padding:0px 0px 0px 0px; margin:0px 5px 0px 0px; background:none;}
	#bannerWrap .controls li a { width:15px; height:15px; padding:0px 0px 0px 0px; display:inline-block; color:#fff; text-align:center; font-weight:normal; text-decoration:none; text-indent:-9999; background:url('/_images/bg/carouselControls.png') no-repeat; text-indent:-9999px;}
	#bannerWrap .controls li.selected a, #bannerWrap .controls li a:hover, #bannerWrap .controls li a:focus { background:url('/_images/bg/carouselControls-selected.png');}

/* Pods */

.pods {margin:0 0 10px 0;}
.pods ul {overflow:hidden;}
.pods ul li {float:left; margin:0 0 0 10px; background-color:#000;}
.pods ul li.first {margin:0;}
.pods ul li .contentWrap {background-position:top right; background-repeat:no-repeat;}
.pods ul li .content h2 {padding:0 10px 10px 10px; font-size:138.5%; }
.pods.lower ul li .content h2 {color:#FFF;}
.pods ul li .content {width:310px; min-height:155px; height:auto !important; height:155px; padding:10px 0 0 0; color:#dfdfdf; background:url('/_images/bg/mask-top-310.png') 0 0 no-repeat;}
.pods ul li .content a {color:#dfdfdf; font-weight:bold;}
.pods ul li .foot {width:310px; height:10px; background:url('/_images/bg/mask-foot-310.png') 0 0 no-repeat;}

.pods ul li.twoCol {background-color:#404040;}
.pods ul li.twoCol .content {width:135px; padding:10px 165px 0 10px;}
.pods ul li.twoCol .content h2 {padding:0 0 10px 0; color:#ec008c;}
.pods ul li.twoCol .content p {font-size:93%; padding:0 0 10px 0;}

.pods ul li .slides {overflow:hidden;}
.pods ul li .slides li {float:left; margin:0; background:none;}

.pods ul li .content .quotes {overflow:hidden;}
.pods ul li .content .quotes li {position:relative; float:left; width:310px; height:155px; margin:0; color:#c2cd23; text-align:center;}
.pods ul li .content .quotes li ul li {position:relative; float:none; width:auto; height:auto; margin:0;}
.pods ul li .content .quotes li.list {font-size:123.1%; font-weight:bold;}
.pods ul li .content .quotes li.list p {margin:10px 0 15px 0;}
.pods ul li .content .quotes li.list ul {padding:0 20px; overflow:hidden;}
.pods ul li .content .quotes li.list ul li {float:none; display:inline-block; padding:0 10px 15px 10px; background:none;}
/*.pods ul li .content .quotes li.list ul li.odd {float:left;}
.pods ul li .content .quotes li.list ul li.even {float:right;}
*/.pods ul li .content .quotes li blockquote {margin:0 15px; padding:20px 0 0 15px; font-size:123.1%; font-weight:bold; background:url('/_images/bg/quote-open.png') 0 0 no-repeat;}
.pods ul li .content .quotes li blockquote p {padding:0 15px 10px 0; background:url('/_images/bg/quote-close.png') bottom right no-repeat;}
.pods ul li .content .quotes li cite {position:absolute; bottom:5px; right:15px;}

.pods ul li.tweets h2 {padding-top:10px; background:url('/_images/bg/mask-top-310.png') 0 0 no-repeat #000;}
.pods ul li.tweets .content {position:relative; padding:0; min-height:175px; height:auto !important; height:175px; color:#333; background:url('/_images/bg/tweets.png') bottom left no-repeat;}
.pods ul li.tweets .content a {color:#333;}
.pods ul li.tweets .content .tweet, .pods ul li.tweets .content #loadingTweets {padding:10px 10px 5px 10px; font-size:108%;}
.pods ul li.tweets .content .timeStamp {padding:0 10px; font-size:93%; font-style:italic; text-align:right;}
.pods ul li.tweets .content .twitter {position:absolute; bottom:0; right:10px; font-size:123.1%;}
.pods ul li.tweets .content .twitter a span {display:inline-block; width:78px; height:15px; padding:0 3px 1px 0; text-indent:-9999px; background:url('/_images/logos/twitter.png') bottom right no-repeat;}

.pods ul li.video {position:relative; background:url('/_images/pods/video.png') bottom left no-repeat #000;}
.pods ul li.video h2 {padding-top:10px; background:url('/_images/bg/mask-top-310.png') 0 0 no-repeat #000;}
.pods ul li.video .content {min-height:165px; height:auto !important; height:165px; padding:0;}
.pods ul li.video .content a {position:absolute; bottom:0; right:0; display:block; width:76px; height:55px; text-indent:-9999px; background:url('/_images/buttons/play.png') bottom right no-repeat;}

/* Key Brands */

#keyBrands {width:950px; margin:0 0 10px 0; color:#FFF; background:url('/_images/bg/mask-top-950.png') top left no-repeat #000;}
#keyBrands .wrapper {width:950px; background:url('/_images/bg/mask-foot-950.png') bottom left no-repeat; overflow:hidden;}
#keyBrands .wrapper h2 {float:left; width:105px; padding:10px; font-size:138.5%;}
#keyBrands .wrapper ul {float:left; width:825px; margin:13px 0 0 0; font-size:108%; overflow:hidden;}
#keyBrands .wrapper ul li {float:left; margin:0 0 0 10px; padding:0 15px 0 0; line-height:1.2em; white-space:nowrap; background:url('/_images/bullets/key-brands.png') right 5px no-repeat;}
#keyBrands .mask {position:relative; width:825px; overflow:hidden;}

/* Slideshow */

#slideShow {position:relative; clear:both; width:950px; padding:0 0 15px 0; background:url('/_images/bg/mask-foot-950.png') bottom left no-repeat #e8e8e8;}
#slideShow h2 {width:930px; margin:0 0 15px 0; padding:8px 10px 2px 10px; color:#000; font-size:138.5%; background:url('/_images/bg/mask-top-950.png') top left no-repeat;}
#slideShow #productLineup {z-index:1; position:relative; width:900px; height:110px; margin:0 0 0 30px; overflow:hidden;}
#slideShow #productLineup li {float:left; width:140px; height:110px; margin:0 10px 0 0; background:#FFF;}
#slideShow #productLineup li a {position:relative; display:block; width:140px; height:110px; overflow:hidden;}
#slideShow #productLineup li img {float:left;}
#slideShow #productLineup li span {position:absolute; top:0; left:0; display:block; width:140px; height:110px; background:url('/_images/bg/mask-full-140-110.png') top left no-repeat;}

#slideShow .controls {position:absolute; top:90px; left:0; width:930px; height:20px; margin:0 10px; overflow:hidden;}
#slideShow .controls .control {display:block; width:10px; height:20px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
#slideShow .controls .prev {float:left; background:url('/_images/buttons/arrow-prev.png');}
#slideShow .controls .next {float:right; background:url('/_images/buttons/arrow-next.png');}

/* ----- Modules ----- */

#content .categoryList, #content .moduleList {margin:0;}
#content .categoryList > li, #content .moduleList > li  {width:680px; margin:0 0 10px 0; padding:10px; background:#E8E8E8; border-radius:10px; overflow:hidden;}
#content .categoryList li .thumbnail, #content .moduleList li .thumbnail {display:block; float:left; width:73px; border:1px solid #BCBEC0; overflow:hidden;}
#content .categoryList li .thumbnail img, #content .moduleList li .thumbnail img {float:left; width:73px;}
#content .categoryList li .details, #content .moduleList li .details {float:right; width:590px;}
#content .categoryList li .details h2, #content .moduleList li .details h2 {margin:0 0 5px 0; font-size:138.5%;}
#content .categoryList li .details p, #content .moduleList li .details p {font-size:100%;}

#content .moduleList li .details dl {font-size:93%;}
#content .moduleList li .details dl dt {margin:0 5px 5px 0; font-weight:bold;}
#content .moduleList li .details dl dd {float:left;}

#content .moduleList.faqAccordion li h2 {margin:0; font-size:138.5%;}
#content .moduleList.faqAccordion li .details {float:none; width:680px; padding:10px 0 0 0;}
#content .moduleList.faqAccordion li .details table {width:100%;}
#content .moduleList.faqAccordion li .details table th {padding:5px; background:#FFF;}

#content .articleDetails {margin:0 0 10px 0; font-size:93%;}
#content .articleDetails dt {margin:0 5px 5px 0; font-weight:bold;}
#content .articleDetails dd {float:left;}

#content .articleImage {float:right; margin:0 0 20px 20px; overflow:hidden;}

/* ----- Seminars + Contact ----- */

#content .seminars, #content .contact {width:700px; padding:20px 0 0 0; border-top:1px solid #E8E8E8; overflow:hidden;}
#content .seminars > li, #content .contact > li {float:left; width:200px; min-height:150px; height:auto !important; height:150px; margin:0 0 20px 20px; padding:10px; background-image:none; background:#E8E8E8;}
#content .seminars li.first, #content .contact li.first {margin-left:0;}
#content .seminars li p, #content .contact li p {font-size:100%;}
#content .seminars li .time, #content .contact li .position {font-weight:bold;}
#content .seminars li a, #content .contact li a  {text-decoration:underline;}

#content .contact li p.phone {margin:0 0 5px;}

/* ----- Surgeries ----- */

#content h2.surgeries {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #E8E8E8; cursor:pointer;}

#content ul.surgeries {width:700px; overflow:hidden;}
#content ul.surgeries > li {float:left; width:320px; min-height:100px; height:auto !important; height:100px; margin:0 0 20px 20px; padding:10px; background-image:none; background:#E8E8E8; overflow:hidden;}
#content ul.surgeries li.first {margin-left:0;}
#content ul.surgeries li .details p {font-size:100%;}
#content ul.surgeries li .details .time {font-weight:bold;}

/* ----- Sitemap ----- */

#content .sitemap {width:700px; margin:0;}
#content .sitemap > li {margin:0 0 10px 0; padding:0; font-size:123.1%; background:none;}
#content .sitemap li a {font-weight:normal;}
#content .sitemap li ul {margin:0 0 0 25px; padding:10px 0 0 0;}
#content .sitemap li ul li {font-family:Arial, Helvetica, sans-serif; font-size:90%;}
#content .sitemap li ul li ul {margin:0; padding:10px 0 5px 0;}
#content .sitemap li ul li ul li {background:none;}