/* additional CSS */
#wholecontent {
/*width:999px;*/
padding:0px;
margin: auto;
}
#namefrm, #addressfrm, #phonefrm, #email {
font-family:Verdana, Tahoma, "Trebuchet MS", Verdana, Arial;
font-size:12px;
color:#ffffff;
width:350px;
height:20px;
padding:0px;
margin:0px;
margin-bottom:20px;
background:#bb1515;
border: 1px solid #000000;
}
#submitbtn {
cursor:pointer;
width:97px;
height:24px;
padding:0px;
margin:0px;
border:0;
background:url(../../../images/stories/petco/profile/submitbtn.jpg) top left no-repeat;
}
#inquiriesfrm {
font-family:Verdana, Tahoma, "Trebuchet MS", Verdana, Arial;
font-size:12px;
color:#ffffff;
width:350px;
height:200px;
padding:0px;
margin:0px;
margin-bottom:20px;
background:#bb1515;
border: 1px solid #000000;
}
.componentheading {
display:none;
}
.headerimg ul, .headerimg li, .headerimg {
list-style:none;
padding:0px;
margin:0px;
}
.headerimg li {
float:left;
padding:0px;
margin:0px;
}
*html li.image1 {
padding-left:11px;
padding-right:21px;
}
li.image1 {
padding-left:9px;
padding-right:21px;
}
li.image2 {
padding:0px;
padding-right:21px;
}
li.image3 {
padding:0px;
padding-right:20px;
}
li.image4 {
padding:0px;
}
/*li.imagepad {
padding-right:21px;
}*/
.textlist ul, .textlist li, .textlist {
list-style-type:disc;
padding:0px;
margin:0px;
}
.textlist li {
}
.leftcontent {
float:left;
width:379px;
padding:0px;
margin:0px;
overflow:hidden;
}
.contentpadtop {
width:343px;
padding-top:30px;
padding-right:40px;
}
#exhibitions {
background:url(../../../images/stories/petco/profile/exhibitionssidetitle.gif) top left no-repeat;
width:300px;
padding-top:30px;
padding-left:43px;
padding-right:40px;
}
#conferences {
background:url(../../../images/stories/petco/profile/conferencessidetitle.gif) top left no-repeat;
width:300px;
padding-top:30px;
padding-left:43px;
padding-right:40px;
}
#carnivals {
background:url(../../../images/stories/petco/profile/carnivalssidetitle.gif) top left no-repeat;
width:300px;
padding-top:30px;
padding-left:43px;
padding-right:40px;
}
#venue {
background:url(../../../images/stories/petco/profile/venuesidetitle.gif) top left no-repeat;
width:300px;
padding-top:30px;
padding-left:43px;
padding-right:40px;
}
.rightcontent {
float:left;
width:529px;
padding:0px;
margin:0px;
}
#rightcontenttext {
padding-top:30px;
width:461px;
padding-left:23px;
padding-right:40px;
}
a img {
outline:none;
border:0;
}
a {
outline:none;
}
#footernav {
float:left;
width:450px;
padding:0px;
padding-top:18px;
margin:0px;
font-family:Verdana, Tahoma, "Trebuchet MS", Arial;
font-size:11px;
color:#ffffff;
}
#footernav a:link, #footernav a:visited {
color:#ffffff;
}
#footernav a:hover {
color:#ffd200
}
#flashfooter {
float:left;
width:400px;
padding:0px;
margin:0px;
}
.article_seperator {
display:none;
}
#contentleft {
float:left;
width:424px;
padding:0px;
padding-left:74px;
margin:0px;
}
#contentlefttop {
background:url(../../../images/stories/petco/home/aboutusbg.gif) top left no-repeat;
width:127px;
height:45px;
padding:0px;
padding-bottom:21px;
padding-top:36px;
padding-left:297px;
margin:0px;
}
.contentlefttext {
width:424px;
min-height:199px;
height:auto !important;
height:199px;
padding:0px;
margin:0px;
font-family:Verdana, Tahoma, "Trebuchet MS", Arial;
font-size:11px;
color:#000000;
line-height:18px;
}
#contentright {
float:left;
width:468px;
padding:0px;
padding-left:15px;
margin:0px;
}
#contentrighttop {
background:url(../../../images/stories/petco/home/contactusbg.gif) top left no-repeat;
width:179px;
height:45px;
padding:0px;
padding-bottom:21px;
padding-top:36px;
padding-left:289px;
margin:0px;
}
.contentrighttext {
width:453px;
min-height:199px;
height:auto !important;
height:199px;
padding:0px;
padding-left:15px;
margin:0px;
font-family:Verdana, Tahoma, "Trebuchet MS", Arial;
font-size:11px;
color:#000000;
line-height:18px;
}
/* main Css */
body {
margin:0px;
padding:0px;
background:#ffffff;
}
.frame {
width:998px;
padding:0px;
margin:auto;
}
#header {
background:url(../images/headerbgx.jpg) top left repeat-x;
height:121px;
padding:0px;
margin:0px;
overflow:hidden;
}
#logo {
float:left;
background:url(../images/petcologo.jpg) top left no-repeat;
width:376px;
height:121px;
}
#navigationcont {
float:left;
width:329px;
height:96px;
padding:0px;
padding-top:25px;
padding-left:56px;
margin:0px;
}
#navigation ul, #navigation li, #navigation {
list-style:none;
padding:0px;
margin:0px;
}
#navigation li {
float:left;
}
#searcharea {
background:url(../images/searchbg.jpg) top left no-repeat;
float:left;
width:177px;
height:65px;
padding-top:56px;
padding-left:60px;
}
#searcharea .inputbox {
background:none;
font-family:Verdana, Tahoma, "Trebuchet MS", Arial;
font-size:11px;
color:#a4a4a4;
border:0;
}
#events2 {
background:url(../images/eventsbgx.jpg) top left repeat-x;
height:263px;
padding:0px;
margin:0px;
}
#eventsbg {
background:url(../../../images/stories/petco/profile/eventsbg.jpg) top center no-repeat;
height:253px;
padding:0px;
padding-top:10px;
/*padding-left:14px;*/
margin:0px;
}
#portfoliobtn {
height:33px;
padding:0px;
padding-left:815px;
padding-bottom:35px;
margin:0px;
}
#eventscont {
width:952px;
height:361px;
padding:0px;
padding-left:46px;
}
#exhibitioncont {
float:left;
width:230px;
padding:0px;
margin:0px;
}
#exhibitionbg {
background:url(../images/exhibitionbg.jpg) top left no-repeat;
width:211px;
height:189px;
padding:0px;
padding-top:19px;
padding-left:19px;
margin:0px;
}
#conferencecont {
float:left;
width:224px;
padding:0px;
margin:0px;
}
#conferencebg {
background:url(../images/conferencebg.jpg) top left no-repeat;
width:210px;
height:189px;
padding:0px;
padding-top:19px;
padding-left:14px;
margin:0px;
}
#festivalcont {
float:left;
width:224px;
padding:0px;
margin:0px;
}
#festivalbg {
background:url(../images/festivalbg.jpg) top left no-repeat;
width:210px;
height:189px;
padding:0px;
padding-top:19px;
padding-left:14px;
margin:0px;
}
#venuecont {
float:left;
width:230px;
padding:0px;
margin:0px;
}
#venuebg {
background:url(../images/venuebg.jpg) top left no-repeat;
width:210px;
height:189px;
padding:0px;
padding-top:19px;
padding-left:14px;
margin:0px;
}
.eventstext td {
width:189px;
height:78px;
font-family:Verdana, Tahoma, "Trebuchet MS", Arial;
font-size:11px;
color:#FFFFFF;
padding-left:22px;
padding-right:22px;
line-height:18px;
overflow-y:hidden;
}
.eventstext2 td, .eventstext3 td, .eventstext4 td {
width:189px;
height:78px;
font-family:Verdana, Tahoma, "Trebuchet MS", Arial;
font-size:11px;
color:#FFFFFF;
padding-left:15px;
padding-right:22px;
line-height:18px;
overflow-y:hidden;
}
.readmorebtn1 {
padding-top:1px;
padding-left:18px;
}
.readmorebtn2, .readmorebtn3, .readmorebtn4
{
padding-top:1px;
padding-left:15px;
}
#contentsbg {
width:908px;
min-height:400px;
height:auto !important;
height:400px;
padding:0px;
padding-top:10px;
padding-left:45px;
padding-right:45px;
margin:0px;
}
#contents {
background:url(../images/contentbgx.jpg) top left repeat-x;
padding:0px;
margin:0px;
}
#footer {
background:url(../../../images/stories/petco/home/footerbgx.gif) top left repeat-x;
height:55px;
padding:0px;
margin:0px;
}
#footerbg {
padding-left:73px;
/*padding-top:17px;*/
font-family:Verdana, Tahoma, "Trebuchet MS", Arial;
font-size:11px;
color:#FFFFFF;
}
.clearer {
clear:both;
overflow:hidden;
visibility:hidden;
padding:0px;
margin:0px;
}
/*basefile css*/
a.bar:link, a.bar:visited {
font-family:Tahoma, Verdana, Helvetica;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
a.bar:hover {
font-family:Verdana, Tahoma, Helvetica;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #FF0000;
text-decoration: none;
}
td, tr, p, div {
font-family: Verdana, Tahoma, Helvetica;
font-size: 12px;
color: #000000;
line-height:22px;
}
td.user3 {
background: #00CC00 url(../images/index1_08.jpg) top no-repeat ;
font-family
: Tahoma, Verdana, Sans-serif;;
font-size
: 11px;
color
: #333333;
}
hr {
color
: #333333;
height
: 1px;
width
: 100%;
}
.contentdescription {
width
: auto !important;
display
: block;
}
#buttons {
float
: right;
margin
: 0px;
padding
: 0px;
width
: 50%;
}
ul#mainlevel-top {
font-size
: 11px;
list-style
: none;
padding
: 0;
margin
: 0;
font-size
: 0.8em;
}
ul#mainlevel-top li {
display
: block;
background-image : none;
padding-left
: 1px;
padding-right
: 1px;
float
: left;
margin
: 0;
width
: auto !important;
font-size
: 11px;
line-height
: 22px;
white-space
: nowrap;
}
ul#mainlevel-top li a {
font-size
: 11px;
display
: block;
padding-left
: 16px;
padding-right
: 16px;
text-decoration
: none;
color
: #FFF;
background
: transparent;
font-weight
: normal;
}
ul#mainlevel-top li a:hover {
font-size
: 11px;
color
: #FFF;
background-image : url(../images/topmenuhover.jpg);
background-position: 0;
font-weight
: normal;
}
.sublevel {
padding-left
: 10px;
}
.leftrow {
background-color : #F1F1F1;
width
: 168px;
height
: 100%;
margin-right
: 5px;
}
.rightrow {
background-color : #F1F1F1;
height
: 100%;
width
: 168px;
align
: right;
margin-left
: 5px;
}
#search {
float
: left;
margin-top
: 5px;
border
: 1px solid #cccccc;
padding
: 0px;
width?
: 123px !important;
width
: 125px;
height
: 16px !important;
height
: 16px;
overflow
: hidden;
}
#search .inputbox {
border
: 0px;
margin-top
: 0px;
padding
: 2px 3px 2px 6px !important;
padding
: 0px 3px 2px 6px;
font-family
: arial, helvetica, sans-serif;
font-size
: 10px;
height
: 12px !important;
height
: 12px;
width
: 123px !important;
width
: 125px;
color
: #999999;
background
: #FFFFFF;
}
.back_button a:link, .back_button a:visited {
color
: #555555;
font-family
: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size
: 12px;
white-space
: normal;
font-weight
: bold;
border
: 0px;
float
: right;
line-height
: 10px;
text-decoration
: none;
text-transform
: uppercase;
}
.button {
font-size
: 11px;
color
: #FFF;
margin-bottom
: 5px;
background-color : #4c7f00;
padding
: 1px;
border
: 0px;
}
.button-search {
background-color : #666666;
color
: #FFF;
border
: 0px;
padding
: 1px;
}
.inputbox {
border
: 1px solid #999999;
background
: transparent url(../images/inputboxbg.jpg);
background-repeat:repeat-x;
background-color : #FFF;
margin-bottom
: 5px;
color
: #333333;
}
.inputbox-search {
border
: 1px solid #999999;
background
: transparent url(../images/inputboxbg.jpg);
background-color : #EDEDED;
margin-bottom
: 5px;
color
: #333333;
float
: right;
}
.sectiontableheader {
font-size
: 11px;
font-weight
: normal;
text-transform
: uppercase;
letter-spacing
: 1px;
color
: #333333;
background
: #EDEDED;
padding
: 1px;
}
.sectiontableentry1 {
vertical-align
: top;
padding
: 3px;
background
: #E3E3E3;
border-top
: 1px solid #FFFFFF;
border-bottom
: 1px solid #999999;
}
.sectiontableentry2 {
vertical-align
: top;
padding
: 3px;
border-top
: 1px solid #FFFFFF;
border-bottom
: 1px solid #999999;
}
a.mainlevel
{
margin
: 0px;
padding
: 0px;
font-size
: 11px;
width
: 150px;
}
a.mainlevel: link {
padding
: 0px 0px 0px 0px;
font-size
: 11px;
width
: 150px;
}
a.mainlevel:link, a.mainlevel:visited {
display
: block;
font-size
: 11px;
font-weight
: normal;
padding
: 2px 0px 2px 15px;
color
: #4c7f00;
width
: 150px;
background-image : url(../images/bullet.jpg);
background-repeat:no-repeat;
background-position: 3px;
}
a.mainlevel:hover {
font-size
: 11px;
font-weight
: normal;
text-decoration
: underline;
color
: #4c7f00;
}
#active_menu {
color
: #4c7f00;
font-weight
: bold;
}
a#active_menu:hover {
color
: #4c7f00;
}
a:link, a:visited {
font-size
: 11px;
color
: #000000;
text-decoration
: none;
}
a:hover {
font-size
: 11px;
color
: #c02525;
text-decoration
: none;
}
a.category:link, a.category:visited {
font-size
: 11px;
font-weight
: bold;
}
a.readon:link, a.readon:visited {
color
: #555555;
font-family
: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size
: 11px;
white-space
: normal;
font-weight
: bold;
border
: 0px;
padding-bottom
: 3px;
padding-left
: 5px;
padding-right
: 5px;
padding-top
: 2px;
float
: right;
line-height
: 10px;
text-decoration
: none;
text-transform
: uppercase;
}
a.readon:hover {
color
: #666666;
font-family
: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size
: 11px;
white-space
: normal;
font-weight
: bold;
border
: 0px;
padding-bottom
: 3px;
padding-left
: 5px;
padding-right
: 5px;
padding-top
: 2px;
float
: right;
line-height
: 10px;
}
ul {
list-style:none;
}
li {
line-height: 15px;
padding-left: 25px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 10px 5px;
}
ol{margin-left:40px;
list-style-position:inherit;
}
table.contenttoc {
border
: 1px solid #FFFFFF;
background
: #F1F1F1;
padding
: 5px;
margin-left
: 2px;
margin-bottom
: 2px;
}
.pagenavcounter {
font-size
: 10px;
color
: #0066CC;
}
.pagenavbar {
border-top
: 1px solid #999999;
padding
: 2px;
}
.pagenav {
font-weight
: bold;
color
: #CCCCCC;
}
a.pagenav:link, a.pagenav:visited {
text-decoration
: none;
}
a.pagenav:hover {
text-decoration
: none;
}
.date {
font-size
: 10px;
color
: #fff;
padding-right
: 10px;
}
.small {
font-size
: 10px;
color
: #333333;
}
.smalldark {
font-size
: 10px;
color
: #333333;
}
.createdate, .modifydate {
font-size
: 10px;
color
: #666666;
}
.content_vote {
font-size
: 10px;
height
: 22px;
padding-top
: 2px;
padding-bottom
: 2px;
}
.content_rating {
font-size
: 10px;
color
: #CC9900;
}
.pathway {
font-size
: 10px;
color
: #fff;
padding-left
: 8px;
}
a.pathway:link, a.pathway:visited {
font-size
: 10px;
color
: #fff;
padding-left
: 0px;
}
a.pathway:hover {
font-size
: 10px;
padding-left
: 0px;
color
: #fff;
}
table.content{
width
: 100%;
padding
: 0px;
border-collapse
: collapse;
border-spacing
: 0px;
margin-bottom
: 10px;
}
table.contentpane {
width
: 100%;
padding-left
: 5px;
padding-right
: 5px;
border-spacing
: 0px;
margin-bottom
: 5px;
}
table.contentpaneopen {
/*width: 100%;*/
padding-left: 0px;
padding-right: 0px;
padding:0px;
border-spacing: 0px;
margin-bottom: 0px;
border:0;
border-collapse:collapse;
}
table.contentpaneopen td {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding:0px;
border-spacing: 0px;
margin-bottom: 0px;
border:0;
/*border-collapse:collapse;*/
}
.pollstableborder{
border-color
: #999999;
}
.contentheading, .componentheading {
font-size
: 30px;
font-weight
: bold;
line-height
: 24px;
text-align
: left;
color
: #FF6666;
width
: 100%;
}
.title {
font-family
: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-indent
: 8px;
font-size
: 22px;
text-align
: left;
color
: #FFFFFF;
}
.title a:link, .title a:visited {
font-size
: 20px;
color
: #FFFFFF;
text-decoration
: none;
font-weight
: bold;
}
.title a:hover {
font-size
: 20px;
color
: #FFFFFF;
text-decoration
: none;
font-weight
: bold;
}
.ontab {
border-left
: 1px solid #404040;
text-align
: center;
font-weight
: bold;
color
: #333333;
padding
: 5px;
cursor
: hand;
line-height
: 40px;
}
.offtab {
border-left
: 1px solid #404040;
text-align
: center;
color
: #999999;
font-weight
: normal;
padding
: 5px;
cursor
: hand;
line-height
: 40px;
}
.tabpadding {
border-left
: 1px solid #404040;
}
.pagetext {
visibility
: hidden;
position
: relative;
top
: -10;
background-color : #FFFFFF;
display
: none;
}
.footer {
font-family
: Verdana, Geneva, Arial, Helvetica, sans-serif;
color
: #006D8C;
font-size
: 10px;
font-weight
: bold;
text-align
: center;
}
.footer a:link, .footer a:visited {
font-size
: 10px;
color
: #006d8c;
text-decoration
: underline;
font-weight
: bold;
}
.footer a:hover {
font-size
: 10px;
color
: #666666;
text-decoration
: none;
font-weight
: bold;
}
.contact_email
{
width
: 100%;
}
.contact_email .inputbox {
width
: 345px;
}
table.moduletable-left {
width
: 200px;
table-layout
: auto;
border
: 1px solid #EAEAEA;
}
table.moduletable-left th {
font-size
: 11px;
font-weight
: bold;
text-transform
: uppercase;
text-align
: left;
height
: 21px;
line-height
: 21px;
text-indent
: 8px;
letter-spacing
: 1px;
color
: #FFF;
background-image : url(../images/moduleheadbg.jpg);
}
table.moduletable-left td {
padding-left
: 5px;
padding-right
: 5px;
}
table.moduletable {
width: 100%;
table-layout
: auto;
border:0;
border-collapse:collapse;
}
table.moduletable td {
table-layout: auto;
border:0;
border-collapse:collapse;
padding:0px;
}
table.moduletable th {
font-size
: 11px;
font-weight
: bold;
text-transform
: uppercase;
text-align
: left;
height
: 21px;
line-height
: 21px;
text-indent
: 8px;
letter-spacing
: 1px;
}