.body { margin:0px; padding:0px; background-image:url(../img/bg.gif); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000033; min-height:100%; } #container { margin:0 auto; width:964px; padding:0px;} #container #header { width:964px; margin:0; padding:0; float:left; height:257px;} #container #header .wrapper { position:relative;} #container #header .wrapper #logo { position:absolute; left:0px; top:38px; width:636px; height:183px;} #container #header .wrapper #socialmedia { position:absolute; left:581px; top:19px; width:383px; height:52px; } #container #header .wrapper #socialmedia table td { vertical-align:top;} #container #header .wrapper #socialmedia table td img { border:none; padding-right:15px;} #container #header .wrapper #socialmedia table td a.facebook { display: block; width: 112px; height: 45px; background: url(../img/facebook.gif) 0 0 no-repeat; text-decoration: none;} #container #header .wrapper #socialmedia table td a:hover.facebook { background-position:-112px 0;} #container #header .wrapper #socialmedia table td a.twitter { display: block; width: 110px; height: 45px; background: url(../img/twitter.gif) 0 0 no-repeat; text-decoration: none;} #container #header .wrapper #socialmedia table td a:hover.twitter { background-position:-110px 0;} #container #header .wrapper #mailinglist { position:absolute; left:650px; top:104px; width:311px; height:80px; background-image:url(../img/mailing_list_bg.gif); background-repeat:no-repeat;} #container #header .wrapper #mailinglist form { position:relative; left:18px; top:37px;} #container #header .wrapper #mailinglist .fieldHolder { background-image:url(../img/mailinglist-textfield.gif); width:227px; height:27px; position:relative; /*float:left;*/ } #container #header .wrapper #mailinglist .textfield { font-family:Arial, Helvetica, sans-serif; color:#000033; font-size:11px; border:none; background:none; position:relative; top:5px; left:5px; height:20px; width:215px; padding:0;} #container #header .wrapper #mailinglist .buttonHolder { background-image:url(../img/mailinglist-submitbtn.gif); width:49px; height:27px; position:relative; left:232px; top:-27px; /*float:left;*/ } #container #header .wrapper #mailinglist .submitBtn { font-family:Arial, Helvetica, sans-serif; color:#000033; font-size:11px; border:none; background:none; margin-top:0px; padding:0; width:49px; height:27px;} #container #header .wrapper #mailinglist #mce-responses { position:relative; top:0; left:-10px; overflow:hidden; clear:both;} #container #header .wrapper #mailinglist #mce-responses #mce-error-response { display:none; margin:0; padding:4px; font-weight:bold; font-size:11px; z-index: 0;width: 290px; color: #FFFFFF; text-align:center; border:#FFFFFF 2px dotted;} #container #header .wrapper #mailinglist #mce-responses #mce-success-response { display:none; margin:0; padding:4px; font-weight:bold; font-size:11px; z-index: 0;width: 290px; color: #FFFFFF; text-align:center; border:#FFFFFF 2px dotted;} #container #nav { width:964px; margin-bottom:25px; padding:0; text-align:center; float:left;} #container #nav ul { padding:0; margin:0;} #container #nav ul li { display:inline; /*border-left:#FFFFFF 1px solid; padding-left:2px;*/ color:#FFFFFF; font-size:13px; font-weight:bold; margin:0; padding:0; } #container #nav ul li.first { /*border-left:none; padding-left:0px;*/ } #container #nav ul li a { color:#FFFFFF; text-decoration:none; background-color:#85757b; padding-left:6px; padding-right:6px; padding-bottom:5px; padding-top:5px; display:inline-block; margin-left:2px; margin-right:2px;} #container #nav ul li a.on { color:#000033;} #container #nav ul li a:hover { color:#ed1f80; background-color:#FFFFFF;} img { border:none;} #container #content { width:964px; margin:0; padding:0; float:left;} #container #content #alt_intro { width:964px; height:auto; float:left;} #container #content #alt_intro #image { width:326px; height:218px; background-color:#000033; float:left; margin-left:1px;} #container #content #alt_intro #para { width:632px; height:218px; background-image:url(../img/alt_header_bg.png); background-repeat:no-repeat; float:left;} #container #content #alt_intro #para img { margin:0; padding-left:20px; padding-top:11px;} #container #content #alt_intro #para h2 { font-weight:normal; font-size:16px; margin:0; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:15px; color:#FFFFFF;} #container #content #alt_intro #para a { color:#ed1f80; font-weight:bold; } #container #content #alt_intro #para a:hover { color:#FFFFFF;} .white { color:#FFFFFF;} #container #content #maincontent { width:958px; background-color:#85757b; float:left; margin-left:1px; padding-top:10px; padding-bottom:20px;} #container #content #maincontent p { font-size:14px; margin:0; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:15px; color:#000033;} #container #content #maincontent h2 { font-size:16px; margin:0; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:10px; color:#FFFFFF;} #container #content #maincontent h3 { font-size:16px; margin:0; padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:10px; color:#FFFFFF;} #container #content #maincontent a { color:#FFFFFF; font-weight:bold; } #container #content #maincontent a:hover { color:#000033;} #container #content #maincontent .groupitem { width:909px; float:left; padding-bottom:0px; padding-left:26px;} #container #content #maincontent .groupitem .imageframe { width:297px; height:228px; background-image:url(../img/image-shop_frame.gif); background-repeat:no-repeat; float:left; padding-bottom:20px;} #container #content #maincontent .groupitem .imageframe img { position:relative; top:34px; left:39px; } #container #content #maincontent .groupitem .text { width:612px; float:left; } #container #content #maincontent .groupitem .text h2 { font-size:16px; margin:0; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:5px; color:#FFFFFF; font-weight:normal;} #container #content #maincontent .groupitem .text p { font-size:14px; margin:0; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:5px} #container #content #maincontent .groupitem .text p.white { color:#FFFFFF;} #container #content #maincontent img.line { margin:0; padding-left:25px; padding-top:0px; padding-bottom:15px; float:left;} #container #content #maincontent .groupitem .left { margin:0; padding-left:20px; padding-top:5px; padding-bottom:10px; padding-right:10px; float:left;} #container #content #maincontent .coppagroup { width:284px; height:125px; float:left; padding-left:26px; background-image:url(../img/coppa-bg.gif); background-repeat:no-repeat; background-position:right;} #container #content #maincontent .coppagroup .image { float:left; height:125px; } #container #content #maincontent .coppagroup .image img { padding-left:10px; padding-top:10px; } #container #content #maincontent .coppagroup .text { float:left; width:184px; } #container #content #maincontent .coppagroup .text p { font-size:11px; margin:0; padding-left:10px; padding-top:10px; padding-bottom:0px; padding-right:0px;} #container #content #maincontent .coppagroup .text p.pink { color:#ed1f80; padding-top:0px;} #container #content #maincontent .coppagroup .text .pink p { color:#ed1f80; } #container #content #maincontent .coppagroup .a {} #container #content #maincontent .coppagroup .a:hover {} #container #content #maincontent .coppagroupbottom { width:284px; height:145px; float:left; padding-left:26px; padding-bottom:20px; background-image:url(../img/coppa-bg.gif); background-repeat:no-repeat; background-position:right;} #container #content #maincontent .coppagroupbottom .image { float:left; height:125px; position:relative; top:20px; } #container #content #maincontent .coppagroupbottom .image img { padding-left:10px; padding-top:10px;} #container #content #maincontent .coppagroupbottom .text { float:left; width:168px; position:relative; top:20px; } #container #content #maincontent .coppagroupbottom .text p { font-size:11px; margin:0; padding-left:10px; padding-top:10px; padding-bottom:0px; padding-right:5px;} #container #content #maincontent .coppagroupbottom .text p.pink { color:#ed1f80; padding-top:0px;} #container #content #maincontent .coppagroupbottom .text .pink p { color:#ed1f80; } #container #content #maincontent .coppagroupbottom .text a { color:#ed1f80; font-weight:bold; padding-top:0px; } #container #content #maincontent .coppagroupbottom .text a:hover { color:#000033;} #container #content #maincontent .coppagroupcenter { width:284px; height:125px; float:left; padding-left:26px; background-image:url(../img/coppa-bg.gif); background-repeat:no-repeat; background-position:right; margin:20px 0 0;} #container #content #maincontent .coppagroupcenter .image { float:left; height:125px; } #container #content #maincontent .coppagroupcenter .image img { padding-left:10px; padding-top:10px;} #container #content #maincontent .coppagroupcenter .text { float:left; width:168px; } #container #content #maincontent .coppagroupcenter .text p { font-size:11px; margin:0; padding-left:10px; padding-top:10px; padding-bottom:0px; padding-right:5px;} #container #content #maincontent .coppagroupcenter .text p.pink { color:#ed1f80; padding-top:0px;} #container #content #maincontent .coppagroupcenter .text .pink p { color:#ed1f80; } #container #content #maincontent .coppagroupcenter .a {} #container #content #maincontent .coppagroupcenter .a:hover {} #container #content #getin { width:964px; height:auto; float:left;} #container #content #getin #image { width:326px; height:211px; float:left; margin-left:1px;} #container #content #getin #para { width:632px; height:211px; background-image: url(../img/getin_header_bg2.png); background-repeat:no-repeat; float:left;} #container #content #getin #para img { margin:0; padding-left:20px; padding-top:11px;} #container #content #getin #para h2 { font-weight:normal; font-size:16px; margin:0; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:15px; color:#FFFFFF;} #container #content #getin #para a { color:#ed1f80; font-weight:bold; } #container #content #getin #para a:hover { color:#FFFFFF;} #container #content #getincontent { width:958px; float:left; margin-left:1px; padding-top:0px;} #container #content #getincontent p { font-size:14px; margin:0; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:15px; color:#000033;} #container #content #getincontent h2 { font-size:16px; margin:0; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:10px; color:#FFFFFF;} #container #content #getincontent h3 { font-size:16px; margin:0; padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:10px; color:#FFFFFF;} #container #content #getincontent a { color:#FFFFFF; font-weight:bold; } #container #content #getincontent a:hover { color:#000033;} #container #content #getincontent #left-getin { height:440px; width:309px; margin-bottom:15px; background-image:url(../img/cominup-bg.gif); float:left;} #container #content #getincontent #left-getin p { font-size:14px; margin:0; padding-left:25px; padding-top:10px; padding-bottom:0px;} #container #content #getincontent #left-getin p.last { padding-bottom:15px; color:#ed1f80; font-size:15px; margin:0; padding-bottom:10px;} #container #content #getincontent #left-getin p.last2 { padding-bottom:15px; color:#ed1f80; font-size:15px;} #container #content #getincontent #left-getin a { color:#FFFFFF; } #container #content #getincontent #left-getin a:hover { color:#ed1f80;} #container #content #getincontent #left-getin .frame { float:left; position: relative; left: 25px; padding-top:0px; margin-bottom:10px; background-image: url(../img/getin_frame1.gif); background-repeat: no-repeat; width: 259px; height: 231px;} #container #content #getincontent #left-getin .frame img { position: relative; left: 19px; top: 48px;} #container #content #getincontent #mid-getin { height:440px; width:309px; margin-bottom:15px; background-image:url(../img/needyou-bg.gif); position:relative; left:16px; top:0px; float:left; } #container #content #getincontent #mid-getin p { font-size:14px; margin:0; padding-left:25px; padding-top:10px; padding-bottom:0px;} #container #content #getincontent #mid-getin p.last { padding-bottom:15px; color:#000033; font-size:15px; } #container #content #getincontent #mid-getin a { color:#FFFFFF; } #container #content #getincontent #mid-getin a:hover { color:#000033;} #container #content #getincontent #right-getin { height:440px; width:309px; margin-bottom:15px; background-image:url(../img/night-bg.gif); position:relative; left:31px; top:0px; float:left; } #container #content #getincontent #right-getin p { width:255px; font-size:14px; margin:0; padding-left:25px; padding-top:10px; padding-bottom:0px;} #container #content #getincontent #right-getin p.last { padding-bottom:15px; color:#ed1f80; font-size:15px;} #container #content #getincontent #right-getin a { color:#FFFFFF; } #container #content #getincontent #right-getin a:hover {color:#ed1f80;} #container #content #getincontent #right-getin2 { height:275px; width:309px; margin-bottom:15px; background-image:url(../img/night_title_bg.gif); position:relative; top:0px; float:left; } #container #content #getincontent #right-getin2 p { width:255px; font-size:14px; margin:0; padding-left:25px; padding-top:10px; padding-bottom:0px;} #container #content #getincontent #right-getin2 p.last { padding-bottom:15px; color:#ed1f80; font-size:15px;} #container #content #getincontent #right-getin2 a { color:#FFFFFF; } #container #content #getincontent #right-getin2 a:hover {color:#ed1f80;} #container #content #getincontent #right-getin3 { height:395px; width:309px; margin-bottom:15px; background-image:url(../img/needs_you_bg.jpg); position:relative; top:0px; float:left; } #container #content #getincontent #right-getin3 p { width:255px; font-size:14px; margin:0; padding-left:25px; padding-top:10px; padding-bottom:0px;} #container #content #getincontent #right-getin3 p.last { padding-bottom:15px; color:#ed1f80; font-size:15px;} #container #content #getincontent #right-getin3 a { color:#FFFFFF; } #container #content #getincontent #right-getin3 a:hover {color:#ed1f80;} #container #content #nightright { width:632px; height:auto; float:right;} #container #content #nightright #intro { width:632px; background-color:#000033; float:left;} #container #content #nightright #intro img { margin:0; padding-left:18px; padding-top:10px; padding-right:0px;} #container #content #nightright #intro img.right { position:relative; left:155px; margin:0; padding-left:0px; padding-top:0px;} #container #content #nightright #intro img.back { position:relative; left:168px; margin:0; padding-left:0px; padding-top:0px;} #container #content #nightright #intro h2 { font-weight:normal; font-size:16px; margin:0; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:15px; color:#FFFFFF;} #container #content #nightright #intro h2.tight { font-weight:normal; font-size:16px; margin:0; padding-left:20px; padding-right:20px; padding-top:1px; padding-bottom:15px; color:#FFFFFF;} #container #content #nightright #intro a { color:#ed1f80; font-weight:bold; } #container #content #nightright #intro a:hover { color:#FFFFFF;} #container #content #nightright #intro-footer { background-image: url(../img/night_slither.gif); background-repeat:no-repeat; width:634px; height:28px; float:left; margin-bottom:0px;} #container #content #nightright #greybox { height:355px; width:632px; background-color:#85757b; float:left; } #container #content #nightright #greybox p { font-size:14px; margin:0; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:15px; color:#000033;} #container #content #nightright #greybox h2 { font-size:16px; margin:0; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:10px; color:#FFFFFF;} #container #content #nightright #greybox .left { margin:0; padding-left:20px; padding-top:0px; padding-bottom:0px; padding-right:15px; float:left;} #container #content #nightright #greybox img {margin:0px; padding-left:28px;} #container #content #nightright #greybox img.right { margin:0; padding-left:15px; padding-right:20px; padding-top:0px; float:right;} #container #content #nightright #greybox img.line { margin:0; padding-left:15px; padding-top:0px; padding-bottom:15px; float:left;} #container #content #nightright #greybox a { color:#FFFFFF; font-weight:bold; } #container #content #nightright #greybox a:hover { color:#000033;} #container #content #nightright #greybox2 { height:395px; width:632px; background-color:#85757b; float:left; } #container #content #nightright #greybox2 p { font-size:14px; margin:0; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:15px; color:#000033;} #container #content #nightright #greybox2 h2 { font-size:16px; margin:0; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:10px; color:#FFFFFF;} #container #content #nightright #greybox2 .left { margin:0; padding-left:20px; padding-top:0px; padding-bottom:0px; padding-right:15px; float:left;} #container #content #nightright #greybox2 img {margin:0px; padding-left:12px; padding-top:8px;} #container #content #nightright #greybox2 img.right { margin:0; padding-left:15px; padding-right:20px; padding-top:0px; float:right;} #container #content #nightright #greybox2 img.line { margin:0; padding-left:15px; padding-top:0px; padding-bottom:15px; float:left;} #container #content #nightright #greybox2 a { color:#FFFFFF; font-weight:bold; } #container #content #nightright #greybox2 a:hover { color:#000033;} #container #content #getincontent #title { width:309px; height:312px; background-image:url(../img/leftimgpanel_kris_story1.jpg); background-repeat:no-repeat; margin-bottom:15px;} #container #content #getincontent #title #label { position:relative; top:0px; left:0px; width:309px; height:52px; } #container #content #getincontent #title #label p { font-size:12px; margin:0; padding-left:15px; padding-right:15px; padding-top:15px; color:#FFFFFF;} #container #content #leftcol { width:327px; height:auto; float:left;} #container #content #leftcol #left-copparound { width:309px; height:312px; background-image:url(../img/coparoundtheworld_bg.gif); background-repeat:no-repeat; margin-bottom:15px; position:relative;} #container #content #leftcol #left-copparound #image { position:relative; top:35px; left:61px; width:195px; height:201px; overflow:hidden; } #container #content #leftcol #left-copparound #image img{ position:relative; } #container #content #leftcol #left-copparound #label { position:relative; top:35px; left:61px; width:195px; height:40px; } #container #content #leftcol #left-copparound #label a { color:#ed1f80; font-weight:bold; font-size:12px; } #container #content #leftcol #left-copparound #label a:hover { color:#000033;} #container #content #leftcol #left-copparound #label p { font-size:12px; margin:0; padding-left:0px; padding-top:5px; font-weight:bold;} #container #content #leftcol #left-getfeeling { width:309px; margin-bottom:15px; background-image:url(../img/getfeeling-bg.gif);} #container #content #leftcol #left-getfeeling p { font-size:14px; margin:0; padding-left:25px; padding-top:10px; padding-bottom:0px;} #container #content #leftcol #left-getfeeling p.last { padding-bottom:15px;} #container #content #leftcol #left-getfeeling a { color:#FFFFFF; font-weight:bold; } #container #content #leftcol #left-getfeeling a:hover { color:#000033;} #container #content #leftcol #left-cominup { width:309px; margin-bottom:15px; background-image:url(../img/getfeeling-bg.gif);} #container #content #leftcol #left-cominup p { font-size:14px; margin:0; padding-left:25px; padding-right:25px; padding-top:0px; padding-bottom:10px;} #container #content #leftcol #left-cominup p.date { padding-bottom:0px; font-size:11px; color:#000033;} #container #content #leftcol #left-cominup p.last { padding-bottom:15px;} #container #content #leftcol #left-cominup a { color:#FFFFFF; font-weight:bold; } #container #content #leftcol #left-cominup a:hover { color:#000033;} #container #content #leftcol #left-headlines { width:309px; margin-bottom:0px; background-image:url(../img/headlines-repeatbg.gif); background-repeat:repeat-y;} #container #content #leftcol #left-headlines-item { background-color:#FFFFFF; width:268px; margin-left:17px;} #container #content #leftcol #left-headlines-item p { font-size:12px; margin:0; padding-left:4px; padding-right:4px; padding-top:0px; padding-bottom:0px;} #container #content #leftcol #left-headlines-item p.date { padding-bottom:0px; padding-top:4px; font-size:11px; color:#000033;} #container #content #leftcol #left-headlines-item p.title { padding-bottom:0px; font-size:14px; color:#ed1f80;} #container #content #leftcol #left-headlines-item p.copy { padding-bottom:4px; font-size:12px; color:#000033;} #container #content #leftcol #left-headlines-item p.last { padding-bottom:15px;} #container #content #leftcol #left-headlines-item a { color:#ed1f80; font-weight:bold; } #container #content #leftcol #left-headlines-item a:hover { color:#000033;} #container #content #leftcol #left-headlinesfooter { width:309px; height:20px; margin-bottom:15px; background-image:url(../img/headlines-bottom.gif); background-repeat:repeat-y;} #container #content #leftcol #left-feelinspired { width:309px; height:130px; margin-bottom:0px; position:relative;} #container #content #leftcol #left-feelinspired #frame { width:105px; height:120px; background-image:url(../img/feel-inspired-frame.gif); background-repeat:no-repeat; float:right; margin-right:8px; text-align:center;} #container #content #leftcol #left-feelinspired #frame img { margin:0; padding-left:0px; padding-top:18px; padding-bottom:20px;} #container #content #leftcol #left-feelinspired #frame a { color:#000033; font-weight:bold; } #container #content #leftcol #left-feelinspired #frame a:hover { color:#85757b;} #container #content #leftcol #left-feelinspired #frame p { font-size:12px; margin:0; padding:0px; width:105px; float:none;} #container #content #leftcol #left-feelinspired p { font-size:12px; margin:0; padding-left:10px; padding-top:10px; padding-bottom:0px; color:#85757b; float:left; width:170px;} #container #content #leftcol #left-shop { width:309px; height:200px; margin-bottom:0px; background-image:url(../img/shop-bg.gif); color:#FFFFFF;} #container #content #leftcol #left-shop p { font-size:14px; margin:0; padding-left:25px; padding-top:15px;} #container #content #leftcol #leftpanel1-donate { width:309px; height:312px; background-image:url(../img/leftimgpanel-donate.jpg); background-repeat:no-repeat; margin-bottom:15px;} #container #content #leftcol #leftpanel1-donate #label { position:relative; top:0px; left:0px; width:309px; height:52px; } #container #content #leftcol #leftpanel1-donate #label p { font-size:12px; margin:0; padding-left:15px; padding-right:15px; padding-top:15px; color:#FFFFFF;} #container #content #leftcol #leftpanel1-kris { width:309px; height:312px; background-image:url(../img/leftimgpanel_kris_story1.jpg); background-repeat:no-repeat; margin-bottom:15px;} #container #content #leftcol #leftpanel1-kris #label { position:relative; top:0px; left:0px; width:309px; height:52px; } #container #content #leftcol #leftpanel1-kris #label p { font-size:12px; margin:0; padding-left:15px; padding-right:15px; padding-top:15px; color:#FFFFFF;} #container #content #leftcol #leftpanel2-kris { width:309px; height:312px; background-image:url(../img/leftimgpanel_kris_story2.jpg); background-repeat:no-repeat; margin-bottom:15px;} #container #content #leftcol #leftpanel2-kris #label { position:relative; top:0px; left:0px; width:309px; height:52px; } #container #content #leftcol #leftpanel2-kris #label p { font-size:12px; margin:0; padding-left:15px; padding-right:15px; padding-top:15px; color:#FFFFFF;} #container #content #leftcol #leftpanel-bluetop { width:309px; height:52px; background-image:url(../img/leftimgpanel-bluetop.gif); background-repeat:no-repeat; } #container #content #leftcol #leftpanel-bluetop #label { position:relative; top:0px; left:0px; width:309px; height:52px; } #container #content #leftcol #leftpanel-bluetop #label p { font-size:12px; margin:0; padding-left:15px; padding-right:15px; padding-top:15px; color:#FFFFFF;} #container #content #leftcol #leftpanel-bluetop #leftimage { width:309px; margin-bottom:15px;} #container #content #leftcol #blogfeed { width:309px; background-image:url(../img/getfeeling-bg.gif); margin-bottom:15px;} #container #content #leftcol #blogfeed p { font-size:14px; margin:0; padding-left:25px; padding-top:10px; padding-bottom:0px; padding-right:10px;} #container #content #leftcol #blogfeed p.last { padding-bottom:15px;} #container #content #leftcol #blogfeed a { color:#FFFFFF; font-weight:bold; } #container #content #leftcol #blogfeed a:hover { color:#000033;} #container #content #leftcol #blogfeed .feedsweep { margin:0; padding-left:25px; padding-right:10px; } #container #content #leftcol #blogfeed .feedsweep_link {} #container #content #leftcol #blogfeed .feedsweep_title {} #container #content #leftcol #blogfeed .feedsweep_item {} #container #content #leftcol #blogfeed .feedsweep_date { font-size:11px; padding-top:8px; } #container #content #leftcol #blogfeed .feedsweep_headline { font-size:14px; } #container #content #leftcol #blogfeed .feedsweep_body {} #container #content #leftcol #leftpanel1-coppafeel { width:309px; height:312px; background-image:url(../img/leftpanelimage1-coppafeel.jpg); background-repeat:no-repeat; margin-bottom:15px;} #container #content #leftcol #leftpanel1-coppafeel #label { position:relative; top:0px; left:0px; width:309px; height:52px; } #container #content #leftcol #leftpanel1-coppafeel #label p { font-size:12px; margin:0; padding-left:15px; padding-right:15px; padding-top:15px; color:#FFFFFF;} #container #content #leftcol #leftpanel1-shop { width:309px; height:312px; background-image:url(../img/leftimgpanel-shop1.jpg); background-repeat:no-repeat; margin-bottom:15px;} #container #content #leftcol #leftpanel1-shop #label { position:relative; top:0px; left:0px; width:309px; height:52px; } #container #content #leftcol #leftpanel1-shop #label p { font-size:12px; margin:0; padding-left:15px; padding-right:15px; padding-top:15px; color:#FFFFFF;} #container #content #leftcol #leftpanel2-shop { width:309px; height:312px; background-image:url(../img/leftimgpanel-shop2.jpg); background-repeat:no-repeat; margin-bottom:15px;} #container #content #leftcol #leftpanel2-shop #label { position:relative; top:0px; left:0px; width:309px; height:52px; } #container #content #leftcol #leftpanel2-shop #label p { font-size:12px; margin:0; padding-left:15px; padding-right:15px; padding-top:15px; color:#FFFFFF;} #container #content #leftcol .size-table { width:309px; color:#000033; padding-right:30px; padding-left:6px; font-size:12px; margin-bottom:30px;} #container #content #leftcol .size-table tr { border-bottom:#000033 1px solid; } #container #content #leftcol .size-table td { border-bottom:#000033 1px solid; padding-bottom:4px; padding-top:4px; } #container #content #leftcol h2 { font-size:16px; margin:0; padding-left:6px; padding-right:20px; padding-top:10px; padding-bottom:10px; color:#000033;} #container #content #rightcol { width:632px; height:auto; float:left;} #container #content #rightcol #intro { width:632px; background-color:#000033; float:left;} #container #content #rightcol #intro img { margin:0; padding-left:18px; padding-top:10px;} #container #content #rightcol #intro h2 { font-weight:normal; font-size:16px; margin:0; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:15px; color:#FFFFFF;} #container #content #rightcol #intro a { color:#ed1f80; font-weight:bold; } #container #content #rightcol #intro a:hover { color:#FFFFFF;} #container #content #rightcol #intro-footer { background-image:url(../img/welcomebox_bottom.png); background-repeat:no-repeat; width:632px; height:20px; float:left; margin-bottom:0px;} #container #content #rightcol #mainbox-join { background-image:url(../img/grey_blue_box_join.gif); background-repeat:no-repeat; width:632px; height:20px; float:left; background-color:#85757b; padding-bottom:10px; } #container #content #rightcol #greybox { width:632px; background-color:#85757b; float:left; } #container #content #rightcol #greybox p { font-size:14px; margin:0; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:15px; color:#000033;} #container #content #rightcol #greybox h2 { font-size:16px; margin:0; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:10px; color:#FFFFFF;} #container #content #rightcol #greybox .left { margin:0; padding-left:20px; padding-top:0px; padding-bottom:0px; padding-right:15px; float:left;} #container #content #rightcol #greybox img.right { margin:0; padding-left:15px; padding-right:20px; padding-top:0px; float:right;} #container #content #rightcol #greybox img.line { margin:0; padding-left:15px; padding-top:0px; padding-bottom:15px; float:left;} #container #content #rightcol #greybox a { color:#FFFFFF; font-weight:bold; } #container #content #rightcol #greybox a:hover { color:#000033;} #container #content #rightcol #monkeybox-join { background-image:url(../img/getintouch_monkeybox_join.gif); background-repeat:no-repeat; width:632px; height:20px; float:left; background-color:#85757b; } #container #content #rightcol #monkeybox { width:632px; height:570px; background-color:#85757b; float:left; background-image:url(../img/getintouch_monkeys.gif); background-repeat:no-repeat; padding-bottom:20px; position:relative; } #container #content #rightcol #monkeybox #monkey1 { position:absolute; left:87px; top:-4px; z-index:1; } #container #content #rightcol #monkeybox #monkey2 { position:absolute; left:282px; top:18px; z-index:1; } #container #content #rightcol #monkeybox #monkey3 { position:absolute; left:478px; top:20px; z-index:1; } #container #content #rightcol #monkeybox #monkey4 { position:absolute; left:185px; top:275px; z-index:1; } #container #content #rightcol #monkeybox #monkey5 { position:absolute; left:400px; top:263px; z-index:1; } #container #content #rightcol #monkeybox h1 { font-size:14px; font-weight:normal; padding-left:25px; padding-right:25px; padding-top:15px; margin:0;} #container #content #rightcol #monkeybox p { font-size:11px; padding-bottom:4px; padding-left:25px; padding-right:25px; margin:0;} #container #content #rightcol #monkeybox a { color:#ed1f80;} #container #content #rightcol #monkeybox strong { color:#ed1f80;} #container #content #rightcol #monkeybox .wrapper {} #container #content #rightcol #monkeybox #krisboard { width:223px; height:auto; position:absolute; left:20px; top:90px; z-index:2; } #container #content #rightcol #monkeybox #jamieboard { width:223px; height:auto; position:absolute; left:220px; top:100px; z-index:2; } #container #content #rightcol #monkeybox #marenboard { width:223px; height:auto; position:absolute; left:400px; top:100px; z-index:2; } #container #content #rightcol #monkeybox #liamboard { width:223px; height:auto; position:absolute; left:120px; top:370px; z-index:2; } #container #content #rightcol #monkeybox #saraboard { width:223px; height:auto; position:absolute; left:340px; top:355px; z-index:2; } #container #content #rightcol #monkeybox .boardtop { background-image:url(../img/monkeyboard_top.gif); background-repeat:no-repeat; height:78px;} #container #content #rightcol #monkeybox .boardmiddle { background-image:url(../img/monkeyboard_middle.gif); background-repeat:repeat-y;} #container #content #rightcol #monkeybox .boardbottom { background-image:url(../img/monkeyboard_bottom.gif); background-repeat:no-repeat; height:15px; background-position:bottom;} #container #content #rightcol #greybox .groupitem { width:597px; float:left; padding-bottom:20px; padding-left:20px;} #container #content #rightcol #greybox .groupitem .imageframe { width:297px; height:228px; background-image:url(../img/image-shop_frame.gif); background-repeat:no-repeat; float:left; padding-bottom:20px; } #container #content #rightcol #greybox .groupitem .imageframe img { position:relative; top:35px; left:40px; } #container #content #rightcol #greybox .groupitem .text { width:300px; float:left; padding-left:0px; } #container #content #rightcol #greybox .groupitem .text h2 { font-size:16px; margin:0; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:5px; color:#FFFFFF;} #container #content #rightcol #greybox .groupitem .text p { font-size:12px; margin:0; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:5px} #container #content #rightcol #greybox .groupitem .text p.white { color:#FFFFFF;} #container #content #rightcol #greybox .groupitem .text form {} #container #content #rightcol #greybox .groupitem .text .dropdownHolder { width:185px; height:21px; float:left; padding-right:5px; padding-left:20px; } #container #content #rightcol #greybox .groupitem .text .dropdownHolder .dropdown { font-family:Arial, Helvetica, sans-serif; color:#000033; font-size:11px; border:#000033 solid 1px; height:21px; width:185px; padding:0;} #container #content #rightcol #greybox .groupitem .text .buttonHolder { background-image:url(../img/btn-add_to_cart.gif); background-repeat:no-repeat; width:73px; height:21px; float:left; } #container #content #rightcol #greybox .groupitem .text .buttonHolder .AddToCart { font-family:Arial, Helvetica, sans-serif; color:#000033; font-size:11px; border:none; background:none; margin-top:0px; padding:0; width:73px; height:21px; overflow:hidden;} #container #content #rightcol #greybox .groupitem .text .buttonHolder2 { background-image:url(../img/btn-add_to_cart.gif); background-repeat:no-repeat; width:73px; height:21px; float:left; margin-left:20px; } #container #content #rightcol #greybox .groupitem .text .buttonHolder2 .AddToCart { font-family:Arial, Helvetica, sans-serif; color:#000033; font-size:11px; border:none; background:none; margin-top:0px; padding:0; width:73px; height:21px; overflow:hidden;} #container #content #rightcol #eventswrapper1 { float:left; width:632px; height:570px; } #container #content #rightcol #eventswrapper1 #eventswrapper2 { position:relative; width:632px;} #container #content #rightcol #eventswrapper1 #eventswrapper2 #pastevents { width:632px; /*height:596px;overflow:hidden;*/ background-color:#ed1f80; position:absolute; top:0; left:0; display:none; } #container #content #rightcol #eventswrapper1 #eventswrapper2 #pastevents .title-img { float:left; margin:0; padding-left:15px; padding-right:5px; padding-top:10px;} #container #content #rightcol #eventswrapper1 #eventswrapper2 #pastevents #eventcopy { float:left; margin:0; padding:0; width:460px; } #container #content #rightcol #eventswrapper1 #eventswrapper2 #pastevents #eventcopy h1 { font-weight:normal; font-size:18px; margin:0; padding-left:0px; padding-right:0px; padding-top:11px; padding-bottom:5px; color:#FFFFFF;} #container #content #rightcol #eventswrapper1 #eventswrapper2 #pastevents #eventcopy p { font-size:12px; margin:0; padding-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; color:#FFFFFF;} #container #content #rightcol #eventswrapper1 #eventswrapper2 #pastevents #eventcopy a { color:#FFFFFF; font-weight:bold; } #container #content #rightcol #eventswrapper1 #eventswrapper2 #pastevents #eventcopy a:hover { color:#000033;} #container #content #rightcol #eventswrapper1 #eventswrapper2 #cominup { width:632px; background-color:#ed1f80; position:absolute; top:0; left:0; overflow:auto; overflow-x:hidden; } #container #content #rightcol #eventswrapper1 #eventswrapper2 #cominup .title-img { float:left; margin:0; padding-left:20px; padding-right:5px; padding-top:10px;} #container #content #rightcol #eventswrapper1 #eventswrapper2 #cominup #eventcopy { float:left; margin:0; padding:0; width:460px; } #container #content #rightcol #eventswrapper1 #eventswrapper2 #cominup #eventcopy h1 { font-weight:normal; font-size:18px; margin:0; padding-left:0px; padding-right:0px; padding-top:11px; padding-bottom:5px; color:#FFFFFF;} #container #content #rightcol #eventswrapper1 #eventswrapper2 #cominup #eventcopy p { font-size:12px; margin:0; padding-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; color:#FFFFFF;} #container #content #rightcol #eventswrapper1 #eventswrapper2 #cominup #eventcopy a { color:#FFFFFF; font-weight:bold; } #container #content #rightcol #eventswrapper1 #eventswrapper2 #cominup #eventcopy a:hover { color:#000033;} #container #content #rightcol #greybox #calendar { height:670px; width:602px; background-image:url(../img/calendar-bg.gif); background-repeat:no-repeat; position:relative; left:17px;} #container #content #rightcol #greybox #calendar #month { width:602px; position:relative; top:84px; left:0px; text-align:center;} #container #content #rightcol #greybox #calendar .caltable { position:relative; left:19px; top:84px; width:540px; font-size:10px;} #container #content #rightcol #greybox #calendar .caltable .grey { color:#CCCCCC;} #container #content #rightcol #greybox #calendar .caltable td { border-left:#7f7f99 1px solid; text-align:right; border-bottom:#7f7f99 1px solid; width:79px; height:77px; vertical-align:top;} #container #content #rightcol #greybox #calendar .caltable td.last { border-right:#7f7f99 1px solid;} #container #content #rightcol #greybox #calendar .caltable td.firstday { border-left:#7f7f99 1px solid; border-top:#7f7f99 1px solid; text-align:center; height:20px; vertical-align:middle;} #container #content #rightcol #greybox #calendar .caltable td.day { border-left:none; border-top:#7f7f99 1px solid; text-align:center; height:20px; vertical-align:middle;} #container #content #rightcol #greybox #calendar .caltable td.lastday { border-left:none; border-right:#7f7f99 1px solid; border-top:#7f7f99 1px solid; text-align:center; height:20px; vertical-align:middle;} #container #content #rightcol #greybox #calendar .caltable td.today { background-color:#fbd2e6;} #container #content #rightcol #greybox #calendar .caltable td strong { color:#ed1f80;} #container #content #rightcol #greybox #calendar .caltable td.nav { border:none; height:20px; vertical-align:top;} #container #content #rightcol #greybox #calendar .caltable td.navleft { border:none; height:20px; vertical-align:top; text-align:left;} #container #content #rightcol #greybox #calendar .caltable p.event { font-size:11px; margin:0; padding:2px; color:#000033; background-color:#ed1f80; text-align:left; line-height:12px;} #container #content #rightcol #greybox #calendar .caltable p.news { font-size:11px; margin:0; padding:2px; color:#ed1f80; background-color:#e7e3e5; text-align:left; line-height:12px;} #container #content #rightcol #greybox #calendar .caltable a { color:#FFFFFF; font-weight:normal; text-decoration:underline; } #container #content #rightcol #greybox #calendar .caltable a:hover { color:#000033;} #container #content #rightcol #greybox #calendar .caltable td.nav a { color:#ed1f80; font-weight:bold; text-decoration:underline; } #container #content #rightcol #greybox #calendar .caltable td.nav a:hover { color:#000033;} #container #content #rightcol #greybox #calendar .caltable td.navleft a { color:#ed1f80; font-weight:bold; text-decoration:underline; } #container #content #rightcol #greybox #calendar .caltable td.navleft a:hover { color:#000033;} #container #content #rightcol #greybox .newgroupitem { width:602px; position:relative; left:17px; } #container #content #rightcol #greybox .newgroupitem .imageframe { width:307px; height:228px; background-image:url(../img/image-shop_frame.gif); background-repeat:no-repeat; float:left; padding-bottom:10px;} #container #content #rightcol #greybox .newgroupitem .imageframe img { position:relative; top:34px; left:39px; } #container #content #rightcol #greybox .newgroupitem .info { width:295px; float:left; } #container #content #rightcol #greybox .newgroupitem .info h1 { font-size:24px; margin:0; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:20px; color:#FFFFFF; font-weight:bold;} #container #content #rightcol #greybox .newgroupitem .info p.date { font-size:11px; margin:0; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px; color:#000033;} #container #content #rightcol #greybox .newgroupitem .info p.nav { font-size:11px; margin:0; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px; color:#FFFFFF; width:295px; text-align:right;} #container #content #rightcol #greybox .newgroupitem .info a { color:#FFFFFF; font-weight:normal; text-decoration:underline; } #container #content #rightcol #greybox .newgroupitem .info a:hover { color:#000033;} #container #content #rightcol #greybox .newgroupitem .info img { padding-right:20px; border:0;} #container #content #rightcol #greybox .newgroupitem .text { width:602px; float:left; padding-bottom:25px; } #container #content #rightcol #greybox .newgroupitem .text h1 { font-size:16px; margin:0; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px; color:#FFFFFF; font-weight:normal;} #container #content #rightcol #greybox .newgroupitem .text p { font-size:14px; margin:0; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px} #container #content #rightcol #greybox .newgroupitem #event-nav { width:602px; float:left; margin-bottom:25px; border-bottom:#FFFFFF 1px dotted; border-top:#FFFFFF 1px dotted; } #container #content #rightcol #greybox .newgroupitem #event-nav p { font-size:11px; margin:0; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px; color:#FFFFFF;} #container #content #rightcol #greybox .newgroupitem #event-nav p.prev { width:300px; text-align:left; float:left;} #container #content #rightcol #greybox .newgroupitem #event-nav p.next { width:300px; text-align:right; float:right;} #container #content #rightcol #greybox .newgroupitem #event-nav a { color:#FFFFFF; font-weight:normal; text-decoration:underline; } #container #content #rightcol #greybox .newgroupitem #event-nav a:hover { color:#000033;} #container #content #rightcol #ticker { width:632px; height:81px; float:left; background-image:url(../img/ticker-bg_03.png); background-repeat:no-repeat; margin-bottom:20px;} #container #content #rightcol #ticker h1 { font-size:14px; margin:0; padding-left:20px; padding-right:20px; padding-top:16px; padding-bottom:0px; color:#000033;} #container #content #rightcol #ticker p { font-size:18px; margin:0; padding-left:20px; padding-top:0px; padding-right:20px; padding-bottom:0px; color:#FFFFFF;} #container #content #rightcol #ticker a { color:#FFFFFF; font-weight:bold; text-decoration:none; } #container #content #rightcol #ticker a:hover { color:#000033;} #container #footertop { width:964px; float:left; margin-top:10px; padding:0; height:177px; background-image:url(../img/footer-bg.gif); background-repeat:no-repeat; font-size:14px; } #container #footertop #left { width:327px; position:relative; top:42px; float:left; } #container #footertop #left p { padding-left:25px; margin:0; padding-top:5px; padding-right:120px;} #container #footertop #middle { width:326px; position:relative; top:32px; left:5px; float:left; color:#000033;} #container #footertop #middle p { margin:0; padding-top:0px; padding-left:0px; padding-right:0px; font-size:11px; float:left;} #container #footertop #middle #tweets { height:123px; width:307px; position:relative; top:5px; background-image:url(../img/twitter-bg.gif); background-repeat:no-repeat; text-align:center; float:left; } #container #footertop #middle #tweets ul { list-style:none; margin:0; padding-top:18px; padding-left:8px;padding-right:42px; padding-bottom:5px; font-size:12px;} #container #footertop #middle #tweets p { margin:0; padding-top:0px; padding-left:10px; padding-right:40px; font-size:11px;} #container #footertop #middle #tweets a { color:#ed1f80; font-weight:bold; } #container #footertop #middle #tweets a:hover { color:#000033;} #container #footertop #right { width:300px; position:relative; top:1px; left:-10px; float:right; height:178px; margin:0px; padding:0px; } #container #footertop #right #counter { position:relative; top:0px; left:0px; } #container #footertop #right h1 { font-size:20px; margin:0; padding:0; color:#FFFFFF;} #container #footertop #right p { padding-left:0px; margin:0; padding-top:5px;} #container #footertop a { color:#FFFFFF; font-weight:bold; } #container #footertop a:hover { color:#000033;} .date { color:#FFFFFF;} #container2 { width:100%; margin:0; padding:0; background-color:#000033; height:30px; clear:both; } #container2 #footer { width:964px; height:30px; color:#FFFFFF; font-size:11px; margin:0 auto;} #container2 #footer #left { float:left;} #container2 #footer #left p { padding-left:10px; margin:0; padding-top:8px;} #container2 #footer #right { float:right;} #container2 #footer #right p { padding-right:10px; margin:0; padding-top:8px;} #container2 #footer #right a { color:#ed1f80; cursor:pointer; } #container2 #footer #right a:hover { color:#FFFFFF;} #shop-call-to-action{ float:right; padding-right:20px; padding-left:5px; padding-top:10px; } #get-feeling-call-to-action{ float:right; padding-right:20px; padding-left:5px; padding-top:0px; padding-bottom:10px; } #cop-badge{ position:absolute; z-index:2; top:5px; left:0; } .main-image-overlay{ position:absolute; bottom:102px; left:0; width:632px; } .homepage-image-holder{ display:block; max-height:453px; overflow:hidden; } #SubmittedCopproundUserSubmitForm{ width:587px; margin:20px auto; padding:43px 20px 0 20px; background-image:url('../img/your-cop-bg.jpg'); background-repeat:no-repeat; position:relative; height:235px; } #SubmittedCopproundUserSubmitForm label{ width:113px; margin:6px 10px 0 0; display:block; float:left; text-align:right; color:#888; font-size:12px; } #SubmittedCopproundUserSubmitForm .input{ margin:0 0 10px 0; } #SubmittedCopproundUserSubmitForm input, #SubmittedCopproundUserSubmitForm textarea{ border:1px solid #3F3F65; color:#3F3F65; font-size:14px; padding:3px; } #SubmittedCopproundUserSubmitForm textarea{ height:40px; font-family:Arial,Helvetica,sans-serif; } #SubmittedCopproundUserSubmitForm .submit input{ background-image:url(../img/your-cop-submit.jpg); border:medium none; bottom:35px; height:33px; position:absolute; right:52px; width:120px; } #flashMessage{ width:587px; margin:20px auto; background-color:#fff; padding:10px 20px; text-align:center; } .hideInNotSix{ visibility:hidden; } .hideInSix{ visibility:visible; }