/*
Theme Name: Trinity LifeCare
Theme URI: 
Description: Bespoke theme for Trinity LifeCare
Version: 1.0
Author: Ian Atkins
Author URI: http://www.kith-kin.co.uk/


*/

* {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px; margin-left: auto; margin-right: auto; font-family: Verdana; font-size: 12px; color: #333333;}
li {list-style-type: none;}
img {border: 0px; outline: none;}
a {outline: none;}
.clear {clear: both;}

#container {width: 946px; clear: both; margin-left: auto; margin-right: auto;} 

#left, #header .left {width:186px; float:left; display: block;}
#left {min-height: 100px;}
#content, #header .content {width:494px; float: left;}
#right, #header .right {width:266px; float: left; display: block; overflow: hidden;}


#header {clear: both;}
#header .right {height: 125px;}
#header .left { height: 125px; overflow: hidden;}
#header .left img {margin-left: 13px;}

.parent-pageid-5 #header .right h2,.parent-pageid-40 #header .right h2,.parent-pageid-38 #header .right h2, .parent-pageid-34 #header .right h2, .parent-pageid-36 #header .right h2 {display: none;}

#menu {margin-top: 93px; height: 30px; line-height: 30px; border-bottom: 2px solid #333333;}
#menu li {float: left;}
#menu li a {display: block; text-align: center; text-transform: uppercase; background-image: url(images/menu-divider.gif);
background-position: right; background-repeat: no-repeat; color: #333333; text-decoration: none;}
#menu li.page-item-3 a{text-align: left;}
#menu li.last a{background-image: none;}
#menu li.current_page_item , #menu li.current_page_parent, #menu li.current_page_ancestor {border-bottom: 2px solid #f9a817; margin-bottom: -2px;}
#menu li li.current_page_parent , #menu li li.current_page_parent  a{border-bottom: 0px; color: #f7a118;}
#menu li li.current_page_item a{color: #f7a118;}

/* set menu width */
.page-item-3, .page-item-3 a {width: 50px; text-align: left;}
.page-item-5 {width: 81px;} 
.page-item-7 {width: 144px;} 
.page-item-9 {width: 67px;} /* news */
.page-item-10 {width: 95px;} /* stockists */
.page-item-12 {width: 71px;} /* press */
.last, .last a {width: 53px;} /* shop */


/* sub menu */
#menu ul {width: 186px; background-color: #333333;}
#menu ul a {color: #FFFFFF; background-image: none; text-align: left;  padding-left: 16px; padding-right: 16px;}
#menu li.current_page_item ul li,  #menu li.current_page_parent ul li {border-bottom: 0px;}

/* left menu */
#left {position: relative;}
#left ul {margin-left: 0px; margin-right: 40px; border-top:2px solid #333333; margin-top: 60px;}
#left ul li {line-height: 30px; height: 30px;}
#left ul li a {font-size: 11px; color: #333333; display: block; line-height: 30px; border-bottom: 1px solid #f9a817; text-decoration: none;}
#left ul li.active a, #left ul li.current_page_item a {font-weight: bold;}
#left ul li.active {height: auto;}
#left ul li.current-cat a {font-weight: bold;}

/* left sub menu */
#left ul ul {margin:0px; border: 0px; border-top:1px solid #EFEFEF; margin-top: -1px; border-bottom: 1px solid #F9A817; margin-bottom: -1px; display: none;}
#left ul ul li {padding-left: 16px;border-bottom: 1px solid #EFEFEF;}
#left ul ul li a {border-bottom:0px;}
#left ul li.current_page_item ul li a {font-weight: normal;}
#left ul li.current_page_item ul,#left ul li.current_page_ancestor ul, #left ul li.current_page_parent ul  {display: block;}
#left ul li ul li.current_page_item a {color: #F9A817;}

/* left buy online */
#left .buy {position: absolute; top: 375px; left: 80px;}
 

/* right sidebar */
.right h2.rss {background-image: url(images/rss.gif); background-position: right; background-repeat: no-repeat; margin-top: 93px; margin-left: 40px; margin-right: 26px;}

#right h2, .right h2 {text-transform: uppercase; line-height: 30px; border-bottom: 1px solid #333333; font-size: 12px; font-weight: normal;}
#right h2 a, .right h2 a {text-decoration: none; color: #333333;}


#right ul {margin-left: 40px; margin-right: 26px;}
#right ul li h2 {margin-top: 20px; margin-bottom: 0px; border-bottom: 0px; line-height: normal;}
#right ul li h2 a {color: #000000;}
#right ul li a {color: #333333; text-decoration: none;}
#right ul li small {color: #f9aa17; font-size: 9px; display: block; margin-bottom: 10px;}
#right ul li {padding-bottom: 20px; background-image: url(images/dotted.gif); background-position: bottom; background-repeat: repeat-x;}

#right input {font-size: 10px; border: 0px; height: 30px;}

#content a {color: #FF9900; text-decoration: underline;}
#content a:hover {text-decoration: none;}

#content .caption {padding-left: 16px; padding-top: 18px; padding-right: 40px; padding-bottom: 14px; background-image: url(images/trinity-grad.jpg); background-position: top left; margin-top: 1px; border-bottom: 4px solid #ededed;}
#content .caption h1 {color: #FFFFFF; font-weight: normal; font-size: 22px;}

#content .section {padding-left: 16px; padding-top: 18px; padding-right: 40px; padding-bottom: 14px; background-image: url(images/trinity-grad.jpg); background-position: top left; margin-top: 1px; border-bottom: 4px solid #ededed;}
#content .section h1 {color: #FFFFFF; font-weight: normal; font-size: 22px; line-height: 24px;}
#content .section h2 {font-size: 13px; font-weight: normal; color: #FFFFFF; margin-top: 8px;}

/* press & news */
#content h2 {font-size: 18px; color: #333333; font-weight: normal; color: #ff9900; margin-bottom: 8px;}
#content h2 a{text-decoration: none; color: #333333;}
#content h2.hr {background-image: url('images/dotted.gif'); background-position: top; background-repeat: repeat-x; border-bottom: 1px solid #000000; text-transform: uppercase; font-size: 12px; font-weight: normal; line-height: 32px; font-size: 12px; color: #333333;}
#content hr {margin-bottom: 16px; height: 1px; border: 0px; background-image: url('images/dotted.gif'); background-position: top; background-repeat: repeat-x; }

#content .post,  #content #respond, ol.commentlist {margin-left: 16px; margin-right: 40px; margin-top: 40px; padding-bottom: 30px; background-image: url(images/dotted.gif); background-position: bottom; background-repeat:repeat-x;}
#content .post h2 {margin-bottom: 5px;}
#content .post small {display: block; margin-bottom: 30px; font-size: 10px;}

#content .more-link {display: block; margin-top: 15px;}

#right #filter {border-top:1px solid #000000; margin-top: 60px; width: 200px;}
#right #filter li {padding-bottom: 0px; line-height: 30px; border-bottom: 1px solid #000000; background-image: none; font-size: 11px;}
#right #filter li h2 {background-image: url(images/dotted.gif); background-position: bottom; background-repeat: repeat-x; margin-top: 0px; height: 30px}
#right form {height: 30px; clear: both; margin: 0px; padding: 0px; width: 200px;}
#right #search-submit { width: 20px; height: 29px;}
#right #search-text {height: 20px; margin-top: 8px; float: left; width: 170px; margin-left: 0px; padding-left: 0px; text-indent: 0px; position: relative;}

.post #search-submit {margin-bottom: -10px; margin-left: 3px;}

/* press coverage */

ul.coverage {margin-left: 26px; margin-right: 40px;}
ul.coverage li {margin-top: 40px; padding-bottom: 40px; background-image: url('images/dotted.gif'); background-position: bottom; background-repeat: repeat-x; clear: both;}
ul.coverage li div {width:145px; height: 195px; overflow: hidden; float: left; margin-right: 16px;}
ul.coverage li small {margin-bottom: 10px; display: block;}

.category-press-coverage #menu .page-item-9 {border-bottom: 0px;}
.category-press-coverage #menu .page-item-12 {border-bottom: 2px solid #F9A817;}

/* home */
ul.brands {margin-right: -16px; width: 510px;}
ul.brands li {float: left; margin-bottom: 16px; width: 252px;}

/* section */
ul.sections {margin-right: -16px;}
ul.sections li img {margin-right: 16px; float: left;}
ul.sections li div {float: left; width: 225px; padding-top: 10px; font-size: 11px;}
ul.sections li {min-height:150px; clear: both; width: 494px; background-image: url(images/dotted.gif); background-position: bottom; background-repeat: repeat-x; margin-top: 16px; display: block; }
ul.sections li div a {font-weight: bold; color: #000000; text-decoration: none;}

/* stockists */
ul.stockists {padding-left: 16px; padding-top: 15px;}
ul.stockists li {float:left; width: 199px; margin-right: 40px; background-image: url(images/dotted.gif); background-position: bottom; background-repeat: repeat-x; padding-bottom: 10px; padding-top: 15px; display: block; height: 110px; overflow: visible;}
ul.stockists li a {font-size: 11px; overflow: hidden; width: 180px; display: block;}
ul.stockists li h3 {margin-bottom: 5px; font-size: 14px; color: #000000; font-weight: normal; display: block;}
ul.stockists li p {margin-bottom: 5px;}

.entry {padding-left: 14px; padding-right: 14px; padding-top: 20px; padding-bottom: 40px;}
.entry p, .post p {margin-bottom: 25px;}

/*product */
#right .attachment-full {margin-top:0px; margin-left: 40px;}

.page-id-36 #left ul, .page-id-38 #left ul, .page-id-40 #left ul   {margin-top: 100px;}

/* Yin Yang */
.page-id-34 #content .section {background-image: url(images/brands/yin-yang-gradient.jpg); height: 92px;}
.parent-pageid-34 #content .section {background-image: url(images/brands/yin-yang-gradient.jpg);}
.parent-pageid-34 #content .section h2,.page-id-34 #content .section h2 {color: #FFFFFF;}
.parent-pageid-34 #content h2, .page-id-34 #content h2,.parent-pageid-34 #content a, .page-id-34 #content a  {color: #a3518d;}
.page-id-34 #left ul li a {border-bottom: 1px solid #a3518d;}
.page-id-34 #left ul li a , .parent-pageid-34 #left ul li a{border-bottom: 1px solid #a3518d;}
.parent-pageid-34 #left ul {margin-top: 100px;}


/* dentaplex */
.page-id-36 #content .section {background-image: url(images/brands/dentaplex-gradient.jpg); height: 92px;}
.parent-pageid-36 #content .section {background-image: url(images/brands/dentaplex-gradient.jpg);}
.parent-pageid-36 #content .section h2,.page-id-36 #content .section h2 {color: #FFFFFF;}
.parent-pageid-36 #content h2,.page-id-36 #content h2,.parent-pageid-36 #content a, .page-id-36 #content a  {color: #381e78;}
.page-id-34 #left ul li a {border-bottom: 1px solid #381e78;}
.page-id-36 #left ul li a , .parent-pageid-36 #left ul li a{border-bottom: 1px solid #381e78;}
.parent-pageid-36 #left ul {margin-top: 100px;}

/* peri gum */
.page-id-38 #content .section {background-image: url(images/brands/peri-gum-gradient.gif); height: 92px;}
.parent-pageid-38 #content .section  {background-image: url(images/brands/peri-gum-gradient.gif);}
.parent-pageid-38 #content .section h2,.page-id-38 #content .section h2 {color: #FFFFFF;}
.parent-pageid-38 #content h2, .page-id-38 #content h2,.parent-pageid-38 #content a, .page-id-38 #content a  {color: #cf2b33;}
.page-id-38 #left ul li a {border-bottom: 1px solid #cf2b33;}
.page-id-38 #left ul li a , .parent-pageid-38 #left ul li a {border-bottom: 1px solid #cf2b33;}
.parent-pageid-38 #left ul {margin-top: 100px;}

/* eco dent */
.page-id-40 #content .section {background-image: url(images/brands/eco-dent-gradient.jpg); height: 92px;}
.parent-pageid-40 #content .section {background-image: url(images/brands/eco-dent-gradient.jpg);}
.parent-pageid-40 #content .section h2,.page-id-40 #content .section h2 {color: #FFFFFF;}
.parent-pageid-40 #content h2, .page-id-40 #content h2,.parent-pageid-40 #content a, .page-id-40 #content a  {color: #0e387a;}
.page-id-40 #left ul li a, .parent-pageid-40 #left ul li a  {border-bottom: 1px solid #0e387a;}
.page-id-40 #left ul li a, .parent-page-id-40 #left ul li a  {border-bottom: 1px solid #0e387a;}
.parent-pageid-40 #left ul {margin-top: 100px;}

/* links */
#right #links {border-top:1px solid #000000;}
#right #links li {padding-bottom: 0px; line-height: 30px; border-bottom: 1px solid #333333; background-image: none;}
#right #links li a {color: #333333; text-decoration: none; text-transform: uppercase;}


/* footer */
#footer {margin-top: 100px; line-height: 30px; font-size: 10px; text-transform: uppercase; float: right; width: 734px; text-align: left; background-image: url('images/dotted.gif'); background-position: top; border-bottom: 1px solid #333333; background-repeat: repeat-x; margin-bottom: 20px; margin-right: 26px;}

#footer a {color: #000000; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer a.buy {float: right;}
#footer a.buy img {margin-top:6px;}

/* comments */
#respond textarea {width: 435px; border: 1px solid #999999; margin-bottom: 20px; margin-top: 20px;}
img.avatar {display: none;}
div.comment-meta {font-size: 10px;}
div.comment-meta a {color: #F9AA17;text-decoration: none; display: block; margin-bottom: 16px;}
div.comment-author {font-weight: bold;}
h3#comments {margin-top: 16px; margin-left: 16px; font-weight: normal; font-size: 16px;}

/* navigation */
.navigation {font-size: 10px;}
.navigation a {text-decoration: none; color: #999999;}
.navigation .alignleft {float: left; display: block; margin-top: 10px;}
.navigation .alignright {float: right; display: block; margin-top: 10px;}

/* shopping menu */
#top {line-height: 25px; height: 25px; background-image: url(images/dotted.gif); background-position: bottom; background-repeat: repeat-x; width:946px; float: right; font-size: 10px; color: #999999;}
#top a {color: #333333; padding-left: 10px; font-size: 10px; text-decoration: none; line-height: 25px;}
#top li {float: right;}
#top li div a {padding-left: 0px;}

/* popular */
#popular, #SideTopSellers {margin-top: 40px;}
#popular h2, #SideTopSellers h2 {margin-left: 40px; margin-right: 26px;}
#popular .ProductImage {padding: 5px; margin-left: auto; margin-right: auto; text-align: center;}
#popular .ProductImage img {margin-left: auto; margin-right: auto;}
#popular .FeedLink {float: right; margin-top: 3px;}

/* offers */
#offers {margin-left:40px; margin-right:26px; margin-top: 20px;}

/* top sellers*/
#SideTopSellers {margin-top: 40px;}
#SideTopSellers h2 {margin-left: 40px; margin-right: 26px;}
#SideTopSellers .ProductImage {padding: 5px; margin-left: auto; margin-right: auto; text-align: center;}
#SideTopSellers .ProductImage img {margin-left: auto; margin-right: auto;}
#SideTopSellers .FeedLink {float: right; margin-top: 3px;}

#right #SideTopSellers .ProductActionAdd {display: block; padding-bottom: 10px; width: 200px; background-image:url(http://www.trinitylifecare.com/wp-content/themes/trinity/images/dotted.gif); background-position:center bottom; background-repeat:repeat-x;}
#right #SideTopSellers li {background-image: none; position: relative; font-size: 11px;}
#right #SideTopSellers li .ProductImage {display: block; padding-top: 10px; padding-bottom: 3px;}
#right .TopSellers li.TopSeller1 .TopSellerNumber, #right .TopSellers li .TopSellerNumber {background-image:url(http://www.trinitylifecare.com/wp-content/themes/trinity/images/top-rated.gif); background-repeat: no-repeat; background-position: top left; width: 20px; height: 20px; padding: 0px; margin: 10px 0px 0px 10px; text-align: center; color: #FFFFFF; line-height: 20px; font-size: 12px; position: absolute; top:0px; left: 0px;}
#right #SideTopSellers .Rating {display: none;}
#right #SideTopSellers .ProductActionAdd a {color:#0655E8; font-weight: normal;}

/* breadcrumb */
.Breadcrumb {border-bottom:1px solid #CCCCCC;font-size:11px;height:30px;line-height:30px;width:494px;}
.Breadcrumb li {background:transparent url(images/BreadcrumbSep.gif) no-repeat scroll right center; float:left; padding-left:10px;}
.Breadcrumb li a {color:#333333; font-weight:normal; padding-right:10px; text-decoration:none;}