/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#666666; font-family: Arial, Helvetica, sans-serif; background:#f0f0f0 url(../images/body-bg.gif) repeat-x 0px 0px; } a{color:#bc1b1b; text-decoration:none !important; } a:hover { border-bottom:dotted 1px #bc1b1b; } h1, h2, h3, h4, p{line-height:1.1em;} .ui-tabs-hide{display:none;} /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Account ----*/ div#account{background:#6d6d6d; padding:10px 0px; display:none;} div#account .wrapper{width:960px; margin:0px auto; padding:5px 0px; background:url(../images/account/divider.gif) no-repeat 665px 0px;} /*---- Container ----*/ div#container { width:960px; margin:0 auto; position:relative; } /*---- Header ----*/ div#header{background:url(../images/header/header-middlebg.jpg) repeat-x 0px 0px; margin-bottom:22px;} div#header div.header-left{background:url(../images/header/header-leftbg.jpg) no-repeat 0px 0px;} div#header div.header-right{background:url(../images/header/header-rightbg.jpg) no-repeat 100% 0px; height:95px;} /*---- Main ----*/ div#main { float:left; } /*---- Sidebar ----*/ div#sidebar { float:right; } /*---- Footer ----*/ div#footer{padding:25px 21px;} /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Header - Logo ----*/ div#header div#logo {padding:11px 0px 0px 24px; float:left;} div#header div#logo h1 a{ position:relative; width:230px; height:73px; display:block; position:relative;} div#header div#logo h1 a span { position: absolute; top: 0; left: 0; background:url(../images/header/logo.jpg) 0 0 no-repeat; width:230px; height:73px; display:block; } div#header div#logo h1 a:hover { border-bottom:none; } /*---- Header - Site Info ----*/ div#header div#site-info{ float:right; background:url(../images/header/global-navbg.jpg) no-repeat 100% 0px; width:675px;} /*---- Header - Site Info - Global Navigation----*/ div#header div#site-info div#global-navigation{float:right; padding-right:13px;} div#header div#site-info div#global-navigation ul{float:right; margin-top:4px; height:22px;} div#header div#site-info div#global-navigation ul li{ float:left; line-height:17px; height:17px; margin-right:10px; padding-right:10px;} div#header div#site-info div#global-navigation ul li a{color:#fffdf9; font-size:110%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; line-height:16px; height:17px; float:left; padding-left:10px;} div#header div#site-info div#global-navigation ul li a:hover{color:#ff9191; } div#header div#site-info div#global-navigation ul li.active{ background:url(../images/header/global-nav.png) 100% -18px no-repeat;} div#header div#site-info div#global-navigation ul li.active a{ background:url(../images/header/global-nav.png) 0 0 no-repeat;} div#header div#site-info div#global-navigation ul li.active:hover a{ color:#FFF;} /*---- Header - Site Info - Login Button ----*/ div#header div#site-info div#global-navigation a#login-btn{padding-left:6px; color:#fff; font-size:110%;float:right;} div#header div#site-info div#global-navigation a#login-btn span{height:25px; line-height:25px; padding:0px 14px 0px 8px;} div#header div#site-info div#global-navigation a.login{ background:url(../images/header/button-leftbg.gif) no-repeat 0px 0px; } div#header div#site-info div#global-navigation a.login:hover, div#header div#site-info div#global-navigation a.login-hover{background:url(../images/header/button-leftbg.gif) no-repeat 0px 100%;} div#header div#site-info div#global-navigation a.login span{float:left; background:url(../images/header/button-rightbg.gif) no-repeat 100% 0px; } div#header div#site-info div#global-navigation a.login:hover span, div#header div#site-info div#global-navigation a.login-hover span{background:url(../images/header/button-rightbg.gif) no-repeat 100% 100%;} /*---- Header - Site Info - Navigation ----*/ div#header div#site-info div#navigation{clear:both; padding-top:6px;} /*---- Header - Site Info - Navigation - Main Navigation ----*/ div#header div#site-info div#navigation div.main-navigation{ float:right; padding-right:15px;} div#header div#site-info div#navigation div.main-navigation ul{float:left;} div#header div#site-info div#navigation div.main-navigation ul li{ float:left; font-size:160%; line-height:57px; padding:12px 8px 0px;} div#header div#site-info div#navigation div.main-navigation ul li.pipe{background:url(../images/header/pipe.gif) no-repeat 0px 0px; width:2px; padding:0px;} div#header div#site-info div#navigation div.main-navigation ul li a{color:#fff; font-weight:bold; float:left; padding-left:5px;} div#header div#site-info div#navigation div.main-navigation ul li a span{float:left; line-height:33px; padding-right:5px; } div#header div#site-info div#navigation div.main-navigation ul li a:hover{background:url(../images/header/left-btn.gif) no-repeat 0px 100%; } div#header div#site-info div#navigation div.main-navigation ul li a:hover span{background:url(../images/header/right-btn.gif) no-repeat 100% 100%; height:33px;} div#header div#site-info div#navigation div.main-navigation ul li a.active{background:url(../images/header/left-btn.gif) no-repeat 0px 0px;;} div#header div#site-info div#navigation div.main-navigation ul li a.active span{background:url(../images/header/right-btn.gif) no-repeat 100% 0px;} /*---- Header - Site Info - Navigation - Search Form ----*/ div#header div#site-info div#navigation div.search-form{float:right; padding:18px 15px 0px 0px; width:160px;} div#header div#site-info div#navigation div.search-form span{float:left;} div#header div#site-info div#navigation div.search-form span.textbox{ background:url(../images/header/textbox.gif) no-repeat 0px 0px; height:21px; width:125px; } div#header div#site-info div#navigation div.search-form span.textbox input{background:none; border:0; font-size:110%; padding:4px 5px 3px 8px; width:112px;} div#header div#site-info div#navigation div.search-form span input.submit{background:url(../images/header/submit.gif) no-repeat 0px 0px; border:0; height:21px; width:34px; cursor:pointer;} div#header div#site-info div#navigation div.search-form span input.submit:hover{background-position:0px 100%;} /*---- Account ----*/ div#account div#login-form{padding:8px 30px 0px 146px; float:left;} div#account div#login-form fieldset{float:left;} div#account div#login-form span{float:left; margin-right:5px; font-size:110%; line-height:22px;} div#account div#login-form span a{color:#ff6d6d; border-bottom:dotted 1px #ff6d6d; margin-left:5px;} div#account div#login-form span a:hover{border:none; } div#account div#login-form span.username{background:url(../images/account/text-box.jpg) no-repeat 0px 0px; height:22px; width:123px; padding-left:25px; } div#account div#login-form span.username input{width:100px; background:none; border:0; padding:3px; font-size:110%;} div#account div#login-form span.password{background:url(../images/account/text-box.jpg) no-repeat -151px 0px; height:22px; width:123px; padding-left:25px;} div#account div#login-form span.password input{width:100px; background:none; border:0; padding:3px; font-size:110%;} div#account div#login-form span.submit input { background:url(../images/account/log-btn.jpg) no-repeat 0 0; width:69px; height:22px; border:0px; cursor:pointer; } div#account div#create {float:left; } div#account div#create p{font-weight:bold; color:#000; font-size:120%; margin-bottom:5px; text-align:center;} div#account div#create p a.btn:hover { border:0; } /*------------------------------------------ // Boxes //------------------------------------------*/ /*---- Box ----*/ div.box{background:url(../images/content/right-pattern-bg.jpg) no-repeat 100% 100%;} div.box div.bottom-left{background:url(../images/content/left-pattern-bg.jpg) no-repeat 0px 100%;} div.box div.bottom-left div.top-right{background:url(../images/content/box-top-right.jpg) no-repeat 100% 0px;} div.box div.bottom-left div.top-left{background:url(../images/content/box-top-left.jpg) no-repeat 0px 0px; padding:12px 11px 7px 11px;} div.box a { border:0px; } div.box p{font-size:120%; color:#fff; line-height:16px; margin:0px 5px;} div.box img{margin-bottom:4px;} div.box p span{color:#829bbd;} div.box p a{ background:url(../images/content/arrow.gif) no-repeat 100% center; padding-right:10px; color:#c23030;} div.box p a:hover { border-bottom:1px dotted #c23030; } /*---- Box2 ----*/ div.box2 {float:left; padding-right:26px;} div.box2 div.top{background:url(../images/content/top-middle-corner.gif) repeat-x 0px 0px; height:7px; line-height:7px;} div.box2 div.top div.top-left{background:url(../images/content/top-left-corner.gif) no-repeat 0px 0px; width:7px; height:7px; float:left;} div.box2 div.top div.top-right{background:url(../images/content/top-right-corner.gif) no-repeat 0px 0px; width:7px; height:7px; float:right;} div.box2 div.middle{background:#e7e7e7; border-width:0px 1px; border-color:#bdbdbd; border-style:solid; padding:2px 12px;} div.box2 div.bottom{background:url(../images/content/bottom-middle-corner.gif) repeat-x 0px 0px; height:7px; line-height:7px;} div.box2 div.bottom div.bottom-left{background:url(../images/content/bottom-left-corner.gif) no-repeat 0px 0px; width:7px; height:7px; float:left;} div.box2 div.bottom div.bottom-right{background:url(../images/content/bottom-right-corner.gif) no-repeat 0px 0px; width:7px; height:7px; float:right;} /*---- Box3 ----*/ div.box3 div.top{ background:#474747 url(../images/content/box3-top-left.gif) 0 0 no-repeat;;} div.box3 div.top div.right{ background:url(../images/content/box3-top-right.gif) 100% 0 no-repeat; height:5px;} div.box3 div.middle{ background:#474747 url(../images/content/box3-middle-right.gif) 100% 0 repeat-y;} div.box3 div.bottom{ background:url(../images/content/box3-botton-middle.gif) 0 bottom repeat-x;} div.box3 div.bottom div.left{ background:url(../images/content/box3-bottom-left.gif) 0 bottom no-repeat;} div.box3 div.bottom div.right{ background:url(../images/content/box3-botton-right.gif) 100% bottom no-repeat; height:38px;} div.box3 p{ font-size:120%; color:#FFF; margin-bottom:5px;} div.box3 div.middle{ padding:0 5px 1px;} div.box3 div.middle-v2{ padding:8px;} div.box3 div.middle div.header p { margin-bottom:20px; } div.box3 div.box14 div.middle { padding:0px; } div.box3 div.box14 { margin-bottom:-35px; position:relative; } /*---- Box4 ----*/ div.box4 div.top{background:url(../images/content/transparent-left-top.png) no-repeat 0px 0px; padding-left:9px;} div.box4 div.top div.right{background:url(../images/content/transparent-right-top.png) no-repeat 100% 0px; height:9px; line-height:9px;} div.box4 div.bottom{background:url(../images/content/transparent-left-bottom.png) no-repeat 0px 0px; padding-left:9px; height:9px; line-height:9px; } div.box4 div.bottom div.right{background:url(../images/content/transparent-right-bottom.png) no-repeat 100% 0px; height:9px; line-height:9px;} div.box4 div.middle{border-width:0px 1px; border-style:solid; border-color:#c0c0bf; padding:10px 20px; background:#fff;} div.box4 span{font-size:120%; line-height:14px;} div#content div.box4 div.post { margin:0px; background:none; padding:0px;} div#content div.box4 div.post div.entry p{color:#666; font-size:120%; line-height:18px; margin-bottom:20px;} div#content div.box4 div.post div.entry li{font-size:120%;} /*---- Box5 ----*/ div.box5 div.top{ background:url(../images/content/box5-top-middle.gif) repeat-x 0px 100%; height:8px; line-height:8px;} div.box5 div.top div.left{background:url(../images/content/box5-top-left.gif) no-repeat 0px 100%; width:8px; height:8px; float:left;} div.box5 div.top div.right{background:url(../images/content/box5-top-right.gif) no-repeat 0px 100%; width:8px; height:8px; float:right;} div.box5 div.middle{border-width:0px 1px; border-style:solid; border-color:#5a5a5a; padding:0px 20px 0px 20px; background:#fff;} div.box5 div.bottom{ background:url(../images/content/box5-bottom-middle.gif) repeat-x 0px 0px; height:8px; line-height:8px;} div.box5 div.bottom div.left{background:url(../images/content/box5-bottom-left.gif) no-repeat 0px 0px; width:8px; height:8px; float:left;} div.box5 div.bottom div.right{background:url(../images/content/box5-bottom-right.gif) no-repeat 0px 0px; width:8px; height:8px; float:right;} div.box5 p{color:#666; margin:0px;} div.box5 ul.list1 li{background:url(../images/content/grad1.gif) repeat-x 0px 100%; padding:11px 8px; margin:0px -20px; border-top:solid 1px #bebebe;} div.box5 ul.list1 li.first{border:none;} /*---- Box6 ----*/ div.box6{background:url(../images/content/box6-middle.jpg) repeat-y 0px 0px;} div.box6 div.top{background:url(../images/content/box6-top.jpg) no-repeat 0px 0px;} div.box6 div.bottom{background:url(../images/content/box6-bottom.jpg) no-repeat 0px 100%; padding:10px 15px;} /*---- box7 ----*/ div.box7{background:url(../images/content/box7-middle.gif) repeat-y 0px 0px;} div.box7 div.top{background:url(../images/content/box7-top.gif) no-repeat 0px 0px;} div.box7 div.bottom{background:url(../images/content/box7-bottom.gif) no-repeat 0px 100%; padding:0px 1px;} /*---- box8 ----*/ div.box8{background:url(../images/content/box6-bottom-right.gif) no-repeat 100% 100%; margin-bottom:5px; } div.box8-bottom-left{background:url(../images/content/box6-bottom-left.gif) no-repeat 0px 100%;} div.box8-top-right{background:url(../images/content/box6-top-right.gif) no-repeat 100% 0px;} div.box8-top-left{background:url(../images/content/box6-top-left.gif) no-repeat 0px 0px; padding:7px 3px;} div.box8 img{ float:left;} div.box8 p{margin-left:35px; font-size:110%; line-height:14px;} div.box8 p span{font-size:110%;} div.box8 p span span{ color:#ababab; font-size:100%;} div.box8 p small{font-size:90%; font-weight:normal; font-style:italic; color:#ababab;} /*---- box9----*/ div.box9{ background:url(../images/content/middle-curve-bg1.gif) repeat-y 0px 0px;} div.box9 div.top{background:url(../images/content/top-curve-bg1.gif) no-repeat 0px 0px;} div.box9 div.bottom{background:url(../images/content/bottom-curve-bg1.gif) no-repeat 100% 100%; padding-bottom:20px;} /*---- box10----*/ div.box10{background:#c2c2c2;} div.box10 div.top{background:url(../images/content/box10-top.gif) no-repeat 0px 0px;} div.box10 div.bottom{background:url(../images/content/box10-bottom.gif) no-repeat 0px 100%; padding:5px;} /*---- Box11 ----*/ div.box11 div.top { background:url(../images/content/box11-top-middle.gif) repeat-x top left; overflow:hidden; } div.box11 div.top div.left{ background:url(../images/content/box11-top-left.gif) 0 0 no-repeat;} div.box11 div.top div.right{ background:url(../images/content/box11-top-right.gif) 100% 0 no-repeat; height:5px; line-height:5px;} div.box11 div.middle{ background:#fff url(../images/content/box11-middle-bg.gif) 0 100% repeat-x; border:#c0c0bf 1px solid; border-bottom:0; border-top:0;} div.box11 div.middle div.left{ background:url(../images/content/box11-middle-left.gif) 0 0 repeat-y;} div.box11 div.middle div.right{ background:url(../images/content/box11-middle-right.gif) 100% 0 repeat-y;} div.box11 div.bottom{ background:url(../images/content/box11-bottom-middle.gif) 0 0 repeat-x;} div.box11 div.bottom div.left{ background:url(../images/content/box11-bottom-left.gif) 0 0 no-repeat;} div.box11 div.bottom div.right{ background:url(../images/content/box11-bottom-right.jpg) 100% 0 no-repeat; height:5px; line-height:5px;} /*---- Box12 ----*/ div.box12{background:#fff url(../images/content/box12-middle-left.gif) repeat-y 0px 0px;} div.box12 div.middle-right{background:url(../images/content/box12-middle-right.gif) repeat-y 100% 0px;} div.box12 div.top-left{background:url(../images/content/box12-top.gif) no-repeat 0px 0px;} div.box12 div.top-right{background:url(../images/content/box12-top-right.gif) no-repeat 100% 0px;} div.box12 div.bottom-left{background:url(../images/content/box12-bottom.gif) no-repeat 0px 100%;} div.box12 div.bottom-right{background:url(../images/content/box12-bottom-right.gif) no-repeat 100% 100%;} /*---- Box13 ----*/ div.box13{background:url(../images/content/box13-middle.gif) repeat-y 0px 0px;} div.box13 div.top{background:url(../images/content/box13-top.gif) no-repeat 0px 0px;} div.box13 div.bottom{background:url(../images/content/box13-bottom.gif) no-repeat 0px 100%; padding:10px;} /*---- Box14 ----*/ div.box14 div.top{ background:url(../images/content/box14-top-middle.gif) repeat-x 0 0; height:6px; line-height:6px; overflow:hidden;} div.box14 div.top div.left{background:url(../images/content/box14-top-left.gif) no-repeat 0 0; height:6px;} div.box14 div.top div.right{background:url(../images/content/box14-top-right.gif) no-repeat 100% 0; height:6px; line-height:6px;} div.box14 div.middle{border-width:0px 1px; border-style:solid; border-color:#5a5a5a; padding:0px 20px 0px 20px; background:#fff;} div.box14 div.bottom{ background:none; width:100%; overflow:hidden; } div.box14 div.bottom div.bottom-middle{ background:url(../images/content/box14-bottom-middle.gif) repeat-x 0px 0px; height:6px; line-height:6px; margin:0 6px;} div.box14 div.bottom div.left{ background:url(../images/content/box14-bottom-left.png) no-repeat 0px 0px; height:6px; line-height:6px; } div.box14 div.bottom div.right{background:url(../images/content/box14-bottom-right.png) no-repeat top right; height:6px; line-height:6px; } /*---- box17----*/ div.box17{ background:url(../images/content/main/box17-middle.gif) 0 0 repeat-y;} div.box17 div.top{ background:url(../images/content/main/box17-top.gif) 0 0 no-repeat;} div.box17 div.bottom{ background:url(../images/content/main/box17-bottom.gif) 0 100% no-repeat; padding:10px 5px 10px 15px;} /*---- box18 ----*/ div.box18{ background:url(../images/content/main/box18-middle.gif) 0 0 repeat-y; margin-bottom:10px; } div.box18 div.top{ background:url(../images/content/main/box18-top.gif) 0 0 no-repeat;} div.box18 div.bottom{ background:url(../images/content/main/box18-bottom.gif) 0 100% no-repeat; padding:10px 15px 10px 15px;} /*---- box19 ----*/ div.box19 div.top { background:url(../images/content/main/box19-top-middle.gif) left bottom repeat-x; } div.box19 div.top div.top-left{ background:url(../images/content/main/box19-top-left.gif) left bottom no-repeat; padding-left:4px; } div.box19 div.top div.top-left div.top-right{ background:url(../images/content/main/box19-top-right.gif) right bottom no-repeat; height:4px; padding-right:4px; } div.box19 div.middle{ background:url(../images/content/main/box19-middle-left.gif) left top repeat-y; padding-left:1px; } div.box19 div.middle div.middle-right{ background:#f6f6f6 url(../images/content/main/box19-middle-right.gif) right top repeat-y; padding:5px; } div.box19 div.bottom { background:url(../images/content/main/box19-bottom-middle.gif) left top repeat-x; padding:0; } div.box19 div.bottom div.bottom-left{ background:url(../images/content/main/box19-bottom-left.gif) left top no-repeat; padding-left:4px; } div.box19 div.bottom div.bottom-left div.bottom-right{ background:url(../images/content/main/box19-bottom-right.gif) right top no-repeat; height:4px; padding-right:4px; } /*---- box20 ----*/ div.box20{ background:url(../images/content/box15-middle.gif) 0 0 repeat-y; margin-bottom:10px; } div.box20 div.top{ background:url(../images/content/box15-top.gif) 0 0 no-repeat; } div.box20 div.bottom{ background:url(../images/content/box15-bottom.gif) 0 100% no-repeat; padding:5px 6px 10px; } /*---- Double Column Layout ----*/ div.double{ background:url(../images/content/double-middle.gif) repeat-y 0px 0px; margin-bottom:-30px; position:relative;} div.double div.top{ background:url(../images/content/double-top.gif) no-repeat 0px 0px;} div.double div.bottom{background:url(../images/content/double-bottom.gif) no-repeat 0px 100%; padding:5px 10px;} div.double div.post{width:419px; padding:5px; } div#content div.double div.post p, div#content div.double div.post li{font-size:120%;} div#content div.double div.post{ background:none; padding:5px; margin:0px; } /*------------------------------------------ // Buttons //------------------------------------------*/ /*---- Button1 ----*/ a.button1{background:url(../images/content/button1-right.gif) no-repeat 100% 0px; color:#fff; display:block;} a.button1 span{background:url(../images/content/button1-left.gif) no-repeat 0px 0px; height:29px; line-height:29px; padding:0px 75px 0px 10px; white-space:nowrap; display:block;} /*---- Button2 ----*/ a.button2{background:url(../images/content/button2-left.gif) no-repeat 0px 0px; padding-left:10px; color:#fff; display:block;} a.button2 span{background:url(../images/content/button2-right.gif) no-repeat 100% 0px; height:29px; line-height:29px; padding:0px 75px 0px 0px; display:block; } /*---- Button3 ----*/ a.button3{background:url(../images/content/button3-left-bg.gif) no-repeat 0px 0px; padding-left:10px; display:block; color:#fff; font-size:120%; font-weight:bold;} a.button3 span{display:block; background:url(../images/content/button3-right-bg.gif) no-repeat 100% 0px; height:25px; line-height:25px;} /*---- Button4 ----*/ div#content a.button4{background:url(../images/content/button3-leftbg.png) no-repeat 0px 0px; padding-left:10px; display:block; font-size:100%; font-weight:bold; padding-right:0px;} div#content a.button4 span{background:url(../images/content/button3-rightbg.png) no-repeat 100% 0px; height:24px; line-height:24px; padding-right:20px; display:block; color:#fff; } /*---- Button5 ----*/ a.button5{ background:url(../images/content/submit.png) 0 0 no-repeat; float:left; padding-left:11px; height:28px; line-height:28px; cursor:pointer; overflow:hidden; display:block;} a.button5 span{ background:url(../images/content/submit.png) 100% -28px no-repeat; float:left; height:28px; color:#FFF; font-size:100%; font-weight:bold; padding:0px 50px 0 5px; line-height:28px; display:block;} /*---- Button6 ----*/ a.button6{display:block; background:url(../images/content/button5-bg.gif) no-repeat 0px 0px; padding-left:13px; color:#fff; font-size:120%; text-transform:uppercase; font-weight:bold; } a.button6 span{display:block; background:url(../images/content/buttons.gif) no-repeat 100% 0px; height:25px; line-height:25px; padding-right:40px;} /*---- Button7 ----*/ a.button7{ background:url(../images/content/button7.gif) 0 0 no-repeat; height:24px; padding-left:15px; display:block; float:left;} a.button7 span{background:url(../images/content/button7.gif) 100% -24px no-repeat; height:24px; line-height:24px; padding:0 10px 0 0; color:#FFF; display:block; float:left; font-size:120%; font-weight:bold;} /*---- Button8 ----*/ a.button8{ display:block; margin-bottom:15px; background:url(../images/content/buttons.gif) no-repeat 100% -225px; color:#fff; line-height:24px; font-size:120%; font-weight:bold; } a.button8 span{background:url(../images/content/button3-left-bg.gif) no-repeat 0px 0px; height:24px; display:block; padding-left:10px;} /*---- Button9 ----*/ a.button9{ background:url(../images/content/button9.gif) 0 0 no-repeat; display:block; float:left; height:22px; padding-left:10px;} a.button9 span{ background:url(../images/content/button9.gif) 100% 100% no-repeat; height:22px; padding-right:10px; display:block; float:left; font-size:100%; color:#FFF; line-height:22px;} /*---- Button10 ----*/ a.button10{background:url(../images/content/button8-right.gif) no-repeat 100% 0px; display:block; font-size:120%; color:#fff; font-size:120%; font-weight:bold; margin-bottom:10px;} a.button10 span{background:url(../images/content/button8-left.gif) no-repeat 0px 0px; height:25px; line-height:25px; padding-right:40px; padding-top:0px; display:block; padding-left:10px;} /*---- Button11 ----*/ a.button11{background:url(../images/content/button-left-bg.png) no-repeat 0px 0px; padding-left:12px; font-size:120%;} a.button11 span{background:url(../images/content/button-right-bg.png) no-repeat 100% 0px; height:28px; line-height:28px; padding-right:40px; padding-top:0px;} /*---- Button13 ----*/ div#content a.button13{background:url(../images/content/button13-leftbg.png) no-repeat 0px 0px; padding-left:10px; display:block; font-size:100%; font-weight:bold; padding-right:0px;} div#content a.button13 span{background:url(../images/content/botton13-rightbg.png) no-repeat 100% 0px; height:24px; line-height:24px; padding-right:48px; display:block; color:#fff; } /*---- Button16 ----*/ a.button16{background:url(../images/content/main/button16.png) no-repeat 0px 0px; padding-left:8px; font-size:90%; height:19px; display:block; color:#fff; font-weight:bold; line-height:19px; margin-right:10px; } a.button16 span{background:url(../images/content/main/button16.png) no-repeat 100% 0px; height:19px; padding-right:8px; display:block; padding-top:0px; position:relative; margin-right:-8px; float:left; } a.button16:hover{ text-decoration:none; border:0; } /*---- Buttons ----*/ a.bbbs-btn, a.eagles-btn, a.rescue-btn, a.habitat-btn, a.housing-btn, a.samaritan-btn, a.pragnancy-btn, a.trosa-btn, a.kramden-btn {background:url(../images/content/button5-bg.gif) no-repeat 0px 0px; text-decoration:none; border-bottom:none; } a.bbbs-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -25px;} a.eagles-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -50px;} a.rescue-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -75px;} a.habitat-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -100px;} a.housing-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -125px;} a.samaritan-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -150px;} a.pragnancy-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -175px;} a.trosa-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -200px;} a.kramden-btn span{ background:url(../images/content/kramden-btn.gif) no-repeat top right;} a.tellstory-btn,a.givepartners-btn {background:url(../images/content/button-bg.gif) no-repeat 0px 0px; color:#FFFFFF; display:block; font-size:120%; font-weight:bold; margin-bottom:15px; padding-left:13px; text-transform:none; } a.givepartners-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -225px; display:block; height:25px; line-height:25px; padding-right:40px; } a.tellstory-btn span{ background:url(../images/content/buttons.gif) no-repeat 100% -250px; display:block; height:25px; line-height:25px; padding-right:40px;} a.previous-btn{ background:url(../images/content/previous-right.jpg) 100% 0 no-repeat; display:block; color:#FFF;} a.previous-btn span{ background:url(../images/content/previous-left.jpg) 0 0 no-repeat; display:block; float:left; padding:0 8px 0 42px;} a.next-btn{ background:url(../images/content/next-left.jpg) 0 0 no-repeat; display:block; color:#FFF;} a.next-btn span{ background:url(../images/content/next-right.jpg) 100% 0 no-repeat; display:block; float:left; padding:0 42px 0 8px;} a.submit-video-btn{float:right; margin-top:15px;} input.save-changes-btn { background: url('../images/content/save-changes-btn.jpg') no-repeat scroll top left; width:205px; height:35px; border:0px; cursor:pointer; } input.submit-btn { background: url('../images/content/submit-btn.jpg') no-repeat scroll top left; width:144px; height:35px; border:0px; cursor:pointer; } input.create-ac-btn { background: url('../images/content/create-ac-btn.jpg') no-repeat scroll top left; width:394px; height:35px; border:0px; cursor:pointer; } input.submit-pledges-btn { background: url('../images/content/submit-pledges-btn.jpg') no-repeat scroll top left; width:142px!important; height:25px; border:0px; cursor:pointer; } input.add-to-cart-btn { background: url('../images/content/main/add-to-cart-btn.jpg') no-repeat scroll top left; width:129px; height:25px; border:0px; cursor:pointer; } input.proceed-to-checkout { background:url('../images/content/procee-to-checlout.gif') no-repeat scroll top left; width:223px; height:33px; border:0px; cursor:pointer; } input.place-order { background:url('../images/content/main/place-order-btn.gif')no-repeat scroll top left; width:129px; height:25px; border:0px; cursor:pointer; } a.button1:hover, a.button2:hover, a.button3:hover, a.button4:hover, a.button5:hover, a.button6:hover, a.button7:hover, a.button8:hover, a.button9:hover, a.button10:hover, a.button12:hover, a.bbbs-btn:hover, a.eagles-btn:hover, a.rescue-btn:hover, a.habitat-btn:hover, a.housing-btn:hover, a.samaritan-btn:hover, a.pragnancy-btn:hover, a.trosa-btn:hover, a.previous-btn:hover, a.next-btn:hover, a.submit-video-btn:hover , a.tellstory-btn:hover ,a.givepartners-btn:hover { border:0 !important; } /*---- List ----*/ ul.list li h3{color:#fff; font-size:110%; font-weight:bold; background:url(../images/content/lines.gif) repeat-x 0px 0px; padding:9px 10px 9px 10px; margin:0px -10px; cursor:pointer; text-transform:uppercase; } ul.list li.active h3{background:url(../images/content/active-img.gif) repeat-x 0px 0px; color:#444;} ul.list li h3 a{color:#fff;} ul.list li h3 a:hover, ul.list li.active h3 a{color:#79aad1; } ul.list li.active ul{display:block;} ul.list li ul {display:none;} ul.list li ul li{margin:0px -10px; font-size:90%; background:#616161 url(../images/content/lines.gif) repeat-x 0px 0px; padding:2px 0px 0px 0px; text-transform:uppercase; } ul.list li ul li a {color:#aaaaaa; padding:8px 10px; display:block; font-weight:bold; } ul.list li ul li a span{color:#fff; font-size:110%; text-transform:uppercase; display:block; margin-bottom:4px;} ul.list li ul li a.active, ul.list li ul li a.active:hover { background:#79aad1; color:#4a708e; } ul.list li ul li a:hover{ background:#555555; color:#4a708e; border:0px;} /*---- Content - post ----*/ div#content div.post{padding:17px 25px; background:url(../images/content/grad-bg.gif) 0px 100% repeat-x; margin:0px 1px;} div#content div.last{ background:none;} div#content div.post a.comment-count{float:right; color:#fff; font-style:italic; width:27px; height:28px; background:url(../images/content/comment-box.gif) no-repeat 0px 0px; text-align:center; line-height:22px; font-size:110%;} div#content div.post a.comment-count:hover{border-bottom:0;} div#content div.post h2{color:#79aad1; margin-bottom:6px; font-size:180%;} div#content div.post h2 a{color:#79aad1;} div#content div.post h2 a:hover { border:0px; } div#content div.post h3{color:#79aad1; font-size:120%; font-weight:bold; line-height:20px;} div#content div.post p{color:#49403f; font-size:110%; line-height:18px; margin-bottom:10px;} div#content div.post blockquote{font-style:italic;} div#content div.post ul{margin:20px 0px 15px 50px;} div#content div.post ul li{font-size:110%; line-height:18px; list-style:disc outside;} div#content div.post ol{margin:20px 0px 15px 55px;} div#content div.post ol li{list-style:decimal outside; line-height:18px; font-size:110%;} div#content div.post div.metadata{margin-bottom:16px;} div#content div.post div.metadata a:hover{} div#content div.post div.entry{margin-bottom:20px;} div#content div.post div.entry img{float:left; margin:8px 20px 10px 0px; padding:2px; border:solid 1px #CCC;} div#content div.post div.post-footer a{font-weight:bold;} /*------------------------------------------ // Tables - Table1 //------------------------------------------*/ table.table1 { width:100%; border-collapse:collapse;} table.table1 thead tr { background:url(../images/content/tr-top-bg.gif) 0 0 repeat-x;} table.table1 thead tr th{ padding:7px 10px 10px 10px; vertical-align:middle; border-bottom:#bebebe 1px solid;} table.table1 thead tr th h2 { float:left; } table.table1 thead tr th a.help { margin-top:-7px; float:left; width:25px; height:25px; margin-left:3px; position:relative; text-decoration:none; border-bottom:0px; } table.table1 tbody tr{ background:url(../images/content/tr-bg.gif) 0 100% repeat-x;} table.table1 tbody tr.alt { background:#F0F0F0 url(../images/content/tr-alt-bg.gif) 0 100% repeat-x;} table.table1 tbody tr td{ padding:5px 10px; border-bottom:#bebebe 1px solid; vertical-align:middle; font-size:110%; color:#79aad1; font-weight:bold; } table.table1 tfoot tr td{ text-align:right; padding:25px 15px; border-top:#bebebe 1px solid; } table.table1 tfoot tr td.total p{ font-size:160%; color:#666666; margin-bottom:10px; font-weight:bold;} table.table1 tfoot tr td.total p span{ color:#79aad1;} /*------------------------------------------ // Tabs //------------------------------------------*/ div.tabs ul.tabs li{ background:url(../images/content/tab-left.gif) 0 0 no-repeat; float:left; margin-right:15px;} div.tabs ul.tabs li a{ background:url(../images/content/tab-right.gif) 100% 0 no-repeat; height:35px; float:left; padding:10px 20px;} div.tabs ul.tabs li a:hover { border:0px; } div.tabs ul.tabs li span{ display:block; float:left;} /*---- Tab - Hover ----*/ div.tabs ul.tabs li:hover, div.tabs ul.tabs li.active{ background:url(../images/content/tab-left-hover.gif) 0 0 no-repeat;} div.tabs ul.tabs li:hover a, div.tabs ul.tabs li.active a{ background:url(../images/content/tab-right-hover.gif) 100% 0 no-repeat; } /*---- Tooltip ----*/ div.tooltip { width:375px; padding:12px 12px 0 12px; border:1px solid #cfcfcf; background:#f9f9f9; position:absolute; z-index:20000; display:none; } div.tooltip div.tooltip-inner { background:transparent url(../images/content/down-arrow.png) no-repeat 50% 100%; padding-bottom:12px; margin-bottom:-11px; position:relative; } div.tooltip p { color:#666; text-align:left; margin-bottom:17px; font-size:120%; font-weight:bold; } div#make-a-donation-tooltip { left:518px !important; } div#explain-options-tooltip { left:7px !important; } /*------------------------------------------ // Form //------------------------------------------*/ div.form label{ font-size:120%; font-weight:bold; color:#49403f; float:left; width:118px; text-align:right; margin-right:6px; line-height:26px;} div.form input{ border:0;} /*---- Form - Structure ----*/ div.form p { margin-bottom:17px;} div.form p.textbox{ position:relative; } div.form p.commentarea{ padding-top:10px; margin-bottom:20px;} div.form p.commentarea span{ display:block; float:none;} div.form p.note { margin-bottom:30px; } div.form p.submit{ font-size:120%;} div.form p.radio{ float:left; width:200px;} div.form p.submit{ clear:both;} div.form p.textbox input, div.form p.commentarea input { color:#666; background:none; border:none;} div.form p input.browse{ background:url(../images/content/browse.gif) 0 0 no-repeat; width:64px; height:24px; cursor:pointer; margin-left:5px;} div.form div.row { margin-bottom:20px; width:412px; } div.form div.row span{ display:block; float:none; text-align:left; font-size:120%; margin-bottom:10px; font-weight:bold; line-height:18px;} div.form div.selectbox{ float:left; width:100px;} div.form span.textfield, div.form span.textarea { float:left; } div.form span.textfield, div.form span.textarea, div.form span.textfield span, div.form span.textarea span { display:block; } div.form span.textarea { float:left !important; } /*---- Form - Textfield ----*/ div.form span.textfield{ background:url(../images/content/textbox.gif) 0 0 no-repeat; height:26px; padding-left:2px; } div.form span.textfield span{ background:url(../images/content/textbox.gif) 100% -26px no-repeat; height:16px; padding:3px 5px 7px; overflow:hidden; } div.form span.textfield.hover{ background:url(../images/content/textbox.gif) 0 -110px no-repeat; height:26px; padding-left:2px;} div.form span.textfield.hover span{ background:url(../images/content/textbox.gif) 100% -136px no-repeat; height:16px; padding:3px 5px 7px; overflow:hidden;} div.form div.first span.textfield{ overflow:hidden;} /*---- Form - Textarea ----*/ div.form span.textarea span.top{ background:url(../images/content/textarea.gif) 0 -5px repeat-x; padding:0; height:4px; overflow:hidden; line-height:4px; width:100%;} div.form span.textarea span.top-left{ background:url(../images/content/textarea.gif) 0 0 no-repeat; height:4px; line-height:4px; width:100%; overflow:hidden; } div.form span.textarea span.top-right{ background:url(../images/content/textarea.gif) 100% -10px no-repeat; height:4px; line-height:4px; width:100%; overflow:hidden; } div.form span.textarea span.textarea-middle{ border:#c0c0bf 1px solid; border-bottom:0; border-top:0; padding:0 5px;} div.form span.textarea span.textarea-middle textarea{ border:0; background:none;} div.form span.textarea span.bottom{ background:url(../images/content/textarea.gif) 0 -20px repeat-x; padding:0; } div.form span.textarea span.bottom-left{ background:url(../images/content/textarea.gif) 0 -15px no-repeat;} div.form span.textarea span.bottom-right{ background:url(../images/content/textarea.gif) 100% -26px no-repeat; height:4px; line-height:4px; } div.form span.textarea.hover span.top{background-position:0px -65px;} div.form span.textarea.hover span.top-left{background-position:0px -60px;} div.form span.textarea.hover span.top-right{background-position:100% -70px;} div.form span.textarea.hover span.textarea-middle{ background:#f8f8f8;} div.form span.textarea.hover span.bottom{background-position:0px -80px;} div.form span.textarea.hover span.bottom-left{background-position:0px -75px;} div.form span.textarea.hover span.bottom-right {background-position:100% -86px;} /*---- Form - Instruction----*/ div.form p.textbox span.instruction{ background:url(../images/content/instruction.gif) 0 0 no-repeat; height:15px; float:right; padding-left:5px; position:absolute; right:60px; bottom:-14px;} div.form p.textbox span.instruction span.right{ background:url(../images/content/instruction.gif) 100% -15px no-repeat; height:15px; font-size:78%; font-style:italic; padding:0 10px; color:#FFF; overflow:hidden; float:left; line-height:13px; font-weight:bold;} /*---- Form - Captcha ----*/ div.form p.captcha{ padding-top:10px; } div.form p.captcha label{ margin:0 5px 5px 0; margin-bottom:10px; line-height:15px; font-size:100%;} div.form p.captcha img{ margin-bottom:4px;} /*---- Table1 - Default Form Styles - when inside form div ----*/ div.form table.table1 tbody tr td label { float:none; width:auto; font-size:100%; color:#666666; margin-right:7px; line-height:14px; } div.form table.table1 tbody tr td input.radio { margin:0px 1px 0px 0px; padding:0px; vertical-align:middle; } div.form table.table1 tbody tr td span.textfield input{ font-size:100%; color:#b1b1b1; width:100%; padding-top:3px; font-weight:bold; } div.form table.table1 tbody tr td span.textfield { width:100%; } /*------------------------------------------ // Tabs //------------------------------------------*/ /*---- Tab - Hover ----*/ div.tabs ul.tabs li:hover, div.tabs ul.tabs li.ui-state-active{ background:url(../images/content/tab-left-hover.gif) 0 0 no-repeat;} div.tabs ul.tabs li:hover a, div.tabs ul.tabs li.ui-state-active a{ background:url(../images/content/tab-right-hover.gif) 100% 0 no-repeat; } /*---- Footnote ----*/ div#footnote{background:#e6e6e6 url(../images/content/bg3.gif) repeat-y 0px 0px;} div#footnote div.footnote-middle{background:url(../images/content/divider.gif) repeat-y -14px 0px;} div#footnote div.footnote-bottom{background:url(../images/content/footnote-bg.gif) no-repeat 0px 100%; padding:15px 15px 14px 15px;} /*---- Footnote - counter ----*/ div#footnote div#counter{width:294px; float:left; background:url(../images/content/middle-curve3.gif) repeat-y 0px 0px; margin-top:2px;} div#footnote div#counter div.top-counter{background:url(../images/content/top-curve3.gif) no-repeat 0px 0px;} div#footnote div#counter div.bottom-counter{background:url(../images/content/bottom-curve3.gif) no-repeat 0px 100%; padding:9px 0px 9px 15px;} div#footnote div#counter span{float:left; font-size:115%; font-weight:bold; line-height:16px; padding-right:9px; text-align:center;} div#footnote div#counter span span{color:#79aad1; font-size:210%; float:none; display:block; line-height:24px; letter-spacing:-1px; padding-right:0px; } div#footnote div#counter span img{margin-top:3px;} /*---- Footnote - social-sites ----*/ div#footnote div#social-sites{float:left; padding:4px 0px 0px 30px; width:340px;} div#footnote div#social-sites a{margin:0px 5px 0px 0px;} div#footnote div#social-sites div.icons{float:left; padding:6px 3px 0px 0px;} div#footnote div#social-sites div.icons img { vertical-align:middle; } div#footnote div#social-sites div.info{float:left; width:155px; } div#footnote h2{color:#79aad1; font-size:120%; text-transform:uppercase; margin-bottom:4px;} div#footnote div#social-sites div.info p{font-size:110%; line-height:16px;} /*---- Footnote - newsletter ----*/ div#footnote div#newsletter-form{float:right; width:259px; padding-top:2px;} div#footnote div#newsletter-form img{float:right;} div#footnote div#newsletter-form p { font-size:110%; } div#footnote div#newsletter-form span{float:left;} div#footnote div#newsletter-form fieldset{clear:both; padding-top:4px;} div#footnote div#newsletter-form span.textbox{background:url(../images/content/textbox2.gif) no-repeat 0px 0px; height:19px; width:170px; padding:1px 10px;} div#footnote div#newsletter-form span.textbox input{width:165px; background:none; border:0; font-size:115%;} div#footnote div#newsletter-form span input.join-btn{background:url(../images/content/submit2.gif) no-repeat 0px 0px; height:21px; width:62px; border:0; cursor:pointer;} div#footnote div#newsletter-form span input.join-btn:hover{background-position:0px 100%;} /*---- Footer ----*/ div#footer p{font-size:110%;} div#footer a{font-weight:bold;} div#footer div.copyright{float:left;} div#footer div.footer-nav{float:right;} div#footer div.footer-nav ul li{display:inline; padding:0px 1px; font-size:110%; line-height:12px;} /*---- Image Replaced Text ----*/ table.table1 h2.donation-amt { background:transparent url(../../assets/images/headings/donation-amt.gif) no-repeat scroll 0 0; height:20px;width:153px; } table.table1 h2.dr-general-fund { background:transparent url(../../assets/images/headings/dr-gen-fund.gif) no-repeat scroll 0 0; height:20px;width:235px; } table.table1 h2.partners {background:transparent url(../../assets/images/headings/partner.gif) no-repeat scroll 0 0; height:18px; width:69px; } table.table1 h2.make-my-donation { background:transparent url(../../assets/images/headings/make-my-donation.gif) no-repeat scroll 0 0; height:20px;width:165px; } table.table1 h2.item {background:transparent url(../../assets/images/headings/item.gif) no-repeat scroll 0 0; height:12px; width:30px; } table.table1 h2.quantity {background:transparent url(../../assets/images/headings/quantity.gif) no-repeat scroll 0 0; height:17px; width:65px; } table.table1 h2.option {background:transparent url(../../assets/images/headings/options.gif) no-repeat scroll 0 0; height:18px; width:57px; } table.table1 h2.cost {background:transparent url(../../assets/images/headings/cost.gif) no-repeat scroll 0 0; height:13px; width:32px; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Featured ----*/ div#content { background:url(../images/content/middle-curve.gif) repeat-y 0px 0px; width:100%; overflow:hidden; position:relative; } div#content div.content-top { background:url(../images/content/top-curve.gif) no-repeat 0px 0px; padding:20px 20px 1px 20px; } /*---- Video, Event ----*/ div#video, div#event{ width:330px;} div#video { margin-bottom:26px; } /*---- Special ----*/ div#special { width:569px; float:right; } div#special { background:url(../images/content/box-bottom-right.jpg) no-repeat 100% 100%; } div#special p { margin:0px; } div#special div.bottom-left { background:url(../images/content/box-bottom-left.jpg) no-repeat 0px 100%;} div#special div.event-list { width:547px; height:363px; position:relative; overflow:hidden;} div#special div.event-list div.event { position:relative; padding-top:1px; height:363px; overflow:hidden;} div#special div.event-list div.event img { margin-bottom:0px; vertical-align:middle; } div#special div.event-list div.event div.title { background:url(../images/content/transparent-bg.png) repeat-x 0px 0px; height:55px; width:517px; position:relative; left:0px; bottom:75px!important; padding:10px 15px;} div#special div.event-list div.event div.title h1 { color:#7aa8ce; font-size:210%; font-family:Arial, Helvetica, sans-serif; line-height:21px;} div#special div.controls { width:100%; overflow:hidden; padding:10px 0px 3px 0px;} div#special div.controls a.pause-btn{float:right; background:url(../images/content/controls.jpg) no-repeat -131px 0px; width:73px; height:24px;} div#special div.controls a.play-btn{float:right; background:url(../images/content/controls.jpg) no-repeat -131px -24px; width:73px; height:24px;} div#special div.controls div.pagination {float:left;} div#special div.controls div.pagination a {float:left; width:23px; height:23px; margin-right:6px; margin-left:2px; background:url(../images/content/controls.jpg) no-repeat 0px -50px; color:#5b5b59; font-size:120%; text-align:center; line-height:22px; } div#special div.controls div.pagination a.activeSlide {background-position:0px -74px;} /*---- Statement ----*/ div#statement{ margin:26px 0 3px;} div.content-footer{ background:url(../images/content/grad.gif) repeat-x 0px 0px; margin:20px -20px 0px; position:relative; clear:both; } div.content-footer div.content-footer-bottom{ background:#9c9c9c url(../images/content/bottom_bg1.gif) repeat-x 0px 100%; padding:1px 19px 24px; } div#statement div.box1{background:url(../images/content/middle-curve2.gif) repeat-y 0px 0px; width:597px; float:left; position:relative; } div#statement div.box1 div.box1-top{background:url(../images/content/top-curve2.jpg) no-repeat 0px 0px;} div#statement div.box1 div.box1-bottom{background:url(../images/content/bottom-curve2.gif) no-repeat 0px 100%; padding:19px 20px; width:557px; position:relative;} div#statement div.box1 div.arrow{background:url(../images/content/arrow1.gif) no-repeat 0px 0px; width:23px; height:48px; position:absolute; right:-20px; top:29%;} div#statement div.box1 p{font-size:140%; line-height:28px; text-align:center; position:relative; z-index:100;} div#statement div.box1 p span{color:#88b3d6; font-size:150%; font-weight:bold; text-transform:capitalize;} div#statement div.box1 p a{font-weight:bold; border-bottom:dotted 1px #bc1b1b; } div#statement div.box1 p a:hover{ border-bottom:dotted 1px #d06262; } div#statement div.box1 div.style{background:transparent url(../images/content/style.png) no-repeat scroll 100% 0; height:121px; left:1px; position:absolute; top:0px; width:165px;} div#statement a.volunteer-btn{background:url(../images/content/buttons1.jpg) no-repeat 0px 0px; height:50px; margin-bottom:22px; width:303px; float:right; } div#statement a.volunteer-btn:hover{background-position:0px -122px;} div#statement a.pledge-btn {background:url(../images/content/buttons1.jpg) no-repeat 0px -69px; height:50px; width:303px; float:right; } div#statement a.pledge-btn:hover{background-position:0px -191px;} div#statement a.pledge-btn span, div#statement a.volunteer-btn span{text-indent:-1000em; font-size:220%; color:#fff; line-height:50px; display:block; } div#statement a.pledge-btn:hover, div#statement a.volunteer-btn:hover { border:0px; } /*---- Dashboard ----*/ div#dashboard{background:#CFCFCF url(../images/content/grad2.gif) repeat-x 0px 0px;} div#dashboard div.dashboard-bottom {background:url(../images/content/bottom-bg3.gif) repeat-x 0px 100%; padding:22px 20px 9px 21px;} div#dashboard h1 span{ text-indent:-1000em; font-size:240%; color:#71ABD9; display:block;} div#dashboard div#events, div#dashboard div#post { width:272px; } div#dashboard div#new{width:323px; padding-right:0px;} div#dashboard div#new h1{background:url(../../assets/images/content/dashboard/new.gif) no-repeat 0px 0px; height:30px; margin-bottom:10px;} div#dashboard div#new img{float:left; margin:0px 10px 7px 0px; } div#dashboard div#post h1{background:url(../../assets/images/content/dashboard/recent-post.gif) no-repeat 0px 0px; height:30px;} div#dashboard div#events h1{background:url(../../assets/images/content/dashboard/upcoming-events.jpg) no-repeat 0px 0px; height:30px; } /*---- Dashboard - Box2 ----*/ div#dashboard div.box2 ul li{padding-top:10px; padding-bottom:5px; width:100%; overflow:hidden;} div#dashboard div.box2 h1{margin-bottom:0px;} div#dashboard div.box2 ul li div.date-stamp{float:left; background:url(../images/content/date-placeholder.gif) no-repeat 0px 0px; width:38px; height:34px; text-align:center;} div#dashboard div.box2 ul li div.date-stamp p{color:#fff; font-size:110%; font-weight:bold; margin-top:2px; text-transform:uppercase;} div#dashboard div.box2 ul li div.date-stamp p span{display:block; font-size:160%; line-height:18px;} div#dashboard div.box2 ul li div.entry{ width:200px; float:right;} div#dashboard div.box2 ul li div.entry h2,div#new.box2 h2{font-size:110%; margin-bottom:1px;} div#dashboard div.box2 ul li div.entry p, div#new.box2 p{font-size:110%; font-style:italic; line-height:12px;} /*------------------------------------------ // 5.1 VEDIO PAGE STYLES //------------------------------------------*/ div#videos div.box3-content li a, div#featured-videos div.box3-content li a { border:0px; } div#videos div.video-list {height: 300px; } /*----Page Common ----*/ div.box3 div.header h2{ background:url(../images/content/box4-middle.gif) 0 0 repeat-x; float:left;} div.box3 div.header h2 span.left{ background:url(../images/content/box4-left.gif) 0 0 no-repeat; display:block;} div.box3 div.header h2 span.right{ background:url(../images/content/box4-right.gif) 100% 0 no-repeat; display:block;} /*---- Tab Content List ----*/ div#tab-content-list div.box3{ margin-bottom:10px;} div#tab-content-list div#featured-videos.box3{ margin:0;} /*---- Tab Content List - header ----*/ div.box3 div.header{ margin-bottom:11px;} div.box3 div.header h2 span.right{ padding:7px 0 6px 5px;} div.box3 div.header h2{ font-size:140%; color:#FFF;} div#tab-content-list div.box3 div.header h2{ width:719px; margin-left:3px;} div.box3 div.header div.buttons{ float:right; width:180px;} div.box3 div.header div.buttons a{ font-size:120%; font-weight:bold; line-height:28px; float:left;} div.box3 div.header div.buttons a.button1{ background:url(../images/content/previous-right.jpg) 100% 0 no-repeat; display:block; color:#FFF;} div.box3 div.header div.buttons a.button1 span{ background:url(../images/content/previous-left.jpg) 0 0 no-repeat; display:block; float:left; padding:0 8px 0 42px;} div.box3 div.header div.buttons a.button2{ background:url(../images/content/next-left.jpg) 0 0 no-repeat; display:block; color:#FFF;} div.box3 div.header div.buttons a.button2 span{ background:url(../images/content/next-right.jpg) 100% 0 no-repeat; display:block; float:left; padding:0 42px 0 8px;} /*---- Box3 - content ----*/ div#tab-content-list div.box3-content{ margin:0 0px -35px 0; position:relative; padding:0 9px;} div#tab-content-list div.box3-content ul li{ float:left; margin:0 10px 7px 0; } /*width:440px; height:318px;*/ div#tab-content-list div.box3-content ul li.last{ margin-right:0px;} div#tab-content-list div.box3-content ul li img{ border:#e2e2e2 3px solid; vertical-align:bottom;} div#featured-videos div.box3-content ul{ padding-left:3px;} div#featured-videos div.box3-content ul li{ margin-right:8px; background:#e2e2e2; padding:3px;} div#featured-videos div.box3-content ul li img{ border:0;} div#featured-videos div.box3-content ul li.last { margin:0; } div#featured-videos div.box3-content ul li span.bottom{ display:block; background:#e2e2e2; padding-top:5px;} div#featured-videos div.box3-content ul li span.bottom a.zoom{float:right;} div#featured-videos div.box3-content ul li span.bottom img{ border:0;} div#featured-videos div.box3-content ul li span.bottom .info{ font-size:110%; color:#434343; font-weight:bold; display:block; width:95px; line-height:12px;} div#tab-content-list div#featured-videos div.box3-content{ margin-bottom:-30px;} /*---- Tabs ----*/ div#video-tabs, div#calendar{ background:url(../images/content/video-tab-bg.gif) 0 0 repeat-x; padding:0 18px 13px;} div.tabs ul.tabs li#list-view a:hover span.icon, div.tabs ul.tabs li#list-view.ui-state-active span.icon{ background:url(../images/content/list.png) 0 0 no-repeat; width:38px; height:29px; margin-right:5px;} div.tabs ul.tabs li#list-view a:hover span.menu, div.tabs ul.tabs li#list-view.ui-state-active span.menu{ background:url(../images/content/list-view.png) 0 0 no-repeat; width:99px; height:19px; margin-top:5px;} div.tabs ul.tabs li#map-view span.icon{ background:url(../images/content/map-icon.png) 0 0 no-repeat; width:29px; height:30px; margin-right:5px;} div.tabs ul.tabs li#map-view span.menu{ background:url(../images/content/map-view.png) 0 0 no-repeat; width:116px; height:24px; margin-top:5px;} div.tabs ul.tabs li#list-view span.icon, div.tabs ul.tabs li#list-view.ui-state-hover span.icon{ background:url(../images/content/list-icon-inactive.png) 0 0 no-repeat; width:38px; height:29px; margin-right:5px;} div.tabs ul.tabs li#list-view span.menu, div.tabs ul.tabs li#list-view.ui-state-hover span.menu{ background:url(../images/content/list-view-inactive.png) 0 0 no-repeat; width:99px; height:19px; margin-top:5px;} div.tabs ul.tabs li#map-view.ui-state-active span.icon, div.tabs ul.tabs li#map-view:hover span.icon{ background:url(../images/content/map-icon-active.png) 0 0 no-repeat; width:29px; height:30px; margin-right:5px;} div.tabs ul.tabs li#map-view.ui-state-active span.menu, div.tabs ul.tabs li#map-view:hover span.menu{ background:url(../images/content/map-view-active.png) 0 0 no-repeat; width:116px; height:24px; margin-top:5px;} /*------------------------------------------ // 6.1 VEDIO PAGE STYLES //------------------------------------------*/ /*---- Box3 - content ----*/ div#tab-content-map div.box3-content{ margin:0 0px -30px 0; position:relative;} div#tab-content-map div.box3-content img{ margin-left:5px;} /*---- Tab Content map - header ----*/ div#tab-content-map div.box3 div.header h2{ width:555px;} /*---- Tab Content map - header - shortby----*/ div.box3 div.header div#shortby{float:right; width:340px; background:url(../images/content/shortby-bg.gif) 0 0 repeat-x;} div.box3 div.header div#shortby div.right { background:url(../images/content/shortby-right.gif) 100% 0 no-repeat; height:28px;} div.box3 div.header div#shortby p{ background:url(../images/content/shortby.gif) 0 0 no-repeat; line-height:28px; float:left; font-size:120%; font-weight:bold; padding:0 9px; color:#FFF; margin-bottom:0px;} div.box3 div.header div#shortby a{ font-size:120%; font-weight:bold; float:left; color:#FFF; background:url(../images/content/devider.gif) 0 0 no-repeat; padding-left:2px;} div.box3 div.header div#shortby a span{ line-height:28px; display:block; padding:0 7px 0 21px;} div.box3 div.header div#shortby a:hover { border:0px; } div.box3 div.header div#shortby a#testimonial span{ background:url(../images/content/blue-circul.gif) 3px center no-repeat; } div.box3 div.header div#shortby a#trips span{background:url(../images/content/red-circul.gif) 3px center no-repeat;} div.box3 div.header div#shortby a#outreach span{background:url(../images/content/green-circul.gif) 3px center no-repeat;} /*---- Video Tabs list----*/ div.tabs li.list-view span.icon{ background:url(../images/content/list.png) 0 0 no-repeat; width:38px; height:29px; margin-right:5px;} div.tabs li.list-view span.menu{ background:url(../images/content/list-view.png) 0 0 no-repeat; width:99px; height:19px; margin-top:5px;} /*---- Video Map Overlay ----*/ div.overlay{ width:100%; display:none; } div.overlay a.close-btn{position:absolute; right:20px;top:17px;} div.overlay a.close-btn:hover {border:0px;} div.overlay div.overlay-box div.header{background:url(../images/content/overlay-top-left.png) no-repeat 0px 0px; padding-left:12px; margin-bottom:0px;} div.overlay div.overlay-box div.header div.right{background:url(../images/content/overlay-top-right.png) no-repeat 100% 0px; padding:20px 20px 0px 0px; height:43px;} div.overlay div.overlay-box div.content{background:url(../images/content/overlay-middle-bg.png) repeat 0px 0px; padding:13px;} div.overlay div.overlay-box div.bottom-curve{background:url(../images/content/overlay-bottom-left.png) no-repeat 0px 0px; padding-left:11px; } div.overlay div.overlay-box div.bottom-curve div.right{background:url(../images/content/overlay-bottom-right.png) no-repeat 100% 0px; height:11px; line-height:11px; } div.overlay div.overlay-box h1{color:#ffffff; font-size:240%; font-family:Helvetica, Arial, sans-serif; margin-left:5px;} div.overlay div.overlay-box p{color:#ffffff; font-size:120%; line-height:18px; margin-bottom:30px; margin-top:10px;} div.overlay div.overlay-box div.video{float:right; background:#fff; padding:5px; margin:0px 0px 0px 20px;} div.overlay div.overlay-box div.description{width:224px; float:left;} div#video-list-overlay, div#video-map-overlay { width:920px; } /*------------------------------------------ // 7.1 BLOG PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Sidebar ----*/ div#sidebar{ width:210px; float:left; } div#sidebar div.box{ margin-bottom:20px; } div#sidebar h2{ text-indent:-1000em; } div#sidebar p{ margin:0px 2px 10px 0px; line-height:17px; } /*---- sidebar - blog-navigation ----*/ div#sidebar div#blog-navigation h2{background:url(../../assets/images/content/blog-heading.jpg) no-repeat 0px 0px; height:41px; padding:3px; color:#79aad1; font-size:300%;} /*---- Sidebar - partner ----*/ div#sidebar div#partner h2{background:url(../../assets/images/content/partner-heading.jpg) no-repeat 0px 0px; height:24px; margin-bottom:5px;} div#sidebar div#partner p { font-size:110%; } /*---- Sidebar - volunteer ----*/ div#sidebar div#volunteer h2{background:url(../../assets/images/content/volunteer-now.jpg) no-repeat 0px 0px; height:27px; margin-bottom:5px;} div#sidebar div#volunteer p { font-size:110%; } /*---- Sidebar - Featured ----*/ div#sidebar div#featured h2{background:url(../../assets/images/content/featured-story.jpg) no-repeat 0px 0px; height:22px; margin-bottom:5px;} div#sidebar div#featured h3{font-size:110%; margin-bottom:4px; color:#fff;} div#sidebar div#featured p{font-size:110%;} div#sidebar div#featured p a { font-size:110%; } /*---- Sidebar - Post ----*/ div#content div#sidebar div.post{padding:0px; background:none;} div#content div#sidebar div.post p{color:#fff;} /*---- Main ----*/ div#main{float:right; width:692px; margin-bottom:20px;} div#main h1{font-size:240%; color:#474747; margin:15px 25px 0px 25px; text-transform:uppercase;} /*---- Main - inner-main ----*/ div#main div.inner-main{width:491px; float:left;} /*---- Main - Steps ----*/ div#shopping-steps{ margin-top:12px; float:left; width:275px; margin-top:12px; } div.shopping-steps div.step1{ background:url(../images/content/main/steps-bg.png) left top no-repeat; height:28px; } div.shopping-steps div.step2{ background:url(../images/content/main/steps-bg.png) left -28px no-repeat; height:28px; } div.shopping-steps div.step3{ background:url(../images/content/main/steps-bg.png) left -56px no-repeat; height:28px; } div.shopping-steps div.step4{ background:url(../images/content/main/steps-bg.png) left -84px no-repeat; height:28px; } /*---- Content - Recent - post ----*/ div#content div#recent.post{padding-top:8px;} div#content div#recent.post p{font-size:120%;} div#content div#recent.post ul li{font-size:120%;} div#content div#recent.post ol li{font-size:120%;} /*---- Pagination ----*/ div#pagination{background:url(../images/content/pagination-middle-bg.gif) repeat-x 0px 0px; text-align:center; margin:40px 20px 0px 20px;} div#pagination div.pagination-left{background:url(../images/content/pagination-left-bg.gif) no-repeat 0px 0px;} div#pagination div.pagination-right{background:url(../images/content/pagination-right-bg.gif) no-repeat 100% 0px; height:28px;} div#pagination a{ line-height:28px; font-weight:bold;margin:0px 3px; } div#pagination { font-size:110%; } /*---- Main - inner-sidebar ----*/ div#main div.inner-sidebar{float:right; width:200px;} /*---- Widget ----*/ div.widget{background:url(../images/content/lines2-bg.gif) repeat-x 0px 100%; padding:18px 14px 18px 10px;} div.widget h2{font-size:210%; color:#474747; text-indent:-1000em; margin-bottom:11px; height:30px;} div.widget p{ font-size:110%; line-height:18px; margin-bottom:10px;} div.widget ul{margin-left:-11px; margin-right:-8px; } div.widget ul li{ margin-bottom:3px; } div.widget ul li a{color:#bc1b1b; font-size:110%; background:url(../images/content/buttons4.gif) no-repeat 0px 0px; height:30px; line-height:28px; display:block; padding:0px 19px; font-weight:bold; position:relative; } div.widget ul li a:hover, div.widget ul li a.active{color:#79aad1; background-position:0px 100%; border:0px; } /*---- Overview ----*/ div#overview p span.highlight { color:#bc1b1b; font-weight:bold; font-size:110%; } /*---- Categories ----*/ div#categories h2{background:url(../../assets/images/content/categories.jpg) no-repeat 0px 0px; } /*---- Authors ----*/ div#authors h2{background:url(../../assets/images/content/authors.jpg) no-repeat 0px 0px;} /*---- Story ----*/ div#story h2{background:url(../../assets/images/content/tell-your-story.jpg) no-repeat 0px 0px;} div#story img{float:left; margin:0px 5px 0px 0px;} /*------------------------------------------ // 8.1 ABOUT PAGE SPECIFIC STYLES //------------------------------------------*/ div.frame{float:left; margin:10px 15px 5px 0px; border:solid 1px #d1d1d1; padding:2px;} div#about-navigation h2{background:url(../../assets/images/content/about-heading.jpg) no-repeat 0px 0px; height:33px; margin-bottom:13px;} /*------------------------------------------ // 9.1 CONTACT PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- contact----*/ div#contact.box3{ float:left; width:450px;} div#contact.box3 div.middle{ padding:13px 10px 0;} div#contact.box3 h2{ font-size:300%; color:#79aad1; margin-bottom:22px; background:url(../../assets/images/headings/contact-us.gif) 0 0 no-repeat; width:166px; height:26px; } /*---- Contact-details ----*/ div#contact.box3 div.contact-details{ clear:both; background:url(../images/content/border.gif) 0 100% repeat-x; margin-bottom:7px;} div#contact.box3 div.contact-details div.adr{ float:left; width:122px;} div#contact.box3 div.contact-details div.communication{ float:right; width:192px;} div#contact.box3 h3{ font-size:120%; color:#79aad1; line-height:18px;} div#contact.box3 div.contact-details p{ font-size:120%; color:#FFF; font-weight:bold; margin-bottom:17px; line-height:18px;} /*---- Map ----*/ div#contact.box3{ margin-bottom:20px;} div#contact.box3 div.map{ text-align:center; width:420px; margin:0 auto; } /*----comment/box4----*/ div#comment{ width:450px; float:right; margin-bottom:20px;} div#comment.box4 div.middle{ padding-left:24px; width:404px; padding:16px 22px; } div.box4 h2{ font-size:240%; color:#79aad1; margin-bottom:10px;} div#comment p{ font-size:120%; font-weight:bold; color:#49403f; margin-bottom:27px;} div#comment div.form form input{ width:229px; background:none; border:none; } div#comment div.form span.textarea{ width:240px;} div#comment div.form span.textarea { float:left; } div#comment div.form form input.submit-btn-1 { margin-left:140px; background: url('../images/content/submit-btn-1.jpg') no-repeat scroll top left; width: 112px; height: 28px; border:0px; cursor:pointer; } div#comment div.form span.textarea span.textarea-middle textarea{ width:226px; height:152px; background:none; border:none;} div#comment div.form form label{ font-size:120%; font-weight:bold; color:#666666; float:left; width:138px; text-align:right; margin-right:6px; line-height:26px;} div#comment div.form p.captcha label{margin:0 5px 5px 0; font-size:100%; color:#49403f; margin-bottom:10px; line-height:15px;} div#comment div.form a.button5{ margin-left:145px;} div#comment div.form p{ margin-bottom:15px;} /*---- Form - Textfield ----*/ div#container.contact div.form form span.textfield{ background:url(../images/content/textbox.gif) 0 0 no-repeat; height:26px; padding-left:2px;} div#container.contact div.form form span.textfield span{ background:url(../images/content/textbox.gif) 100% -26px no-repeat; height:16px; padding:3px 5px 7px; overflow:hidden;} div#container.contact div.form form span.textfield.hover{ background:url(../images/content/textbox.gif) 0 -53px no-repeat; height:26px; padding-left:2px;} div#container.contact div.form form span.textfield.hover span{ background:url(../images/content/textbox.gif) 100% -79px no-repeat; height:16px; padding:3px 5px 7px; overflow:hidden;} div#container.contact div.form form span.textfield.focus{ background:url(../images/content/textbox.gif) 0 -53px no-repeat;} div#container.contact div.form form span.textfield.focus span{ background:url(../images/content/textbox.gif) 100% 100% no-repeat;} /*---- Form - Textarea ----*/ div#container.contact div.form span.textarea span.top{ background:url(../images/content/textarea.gif) 0 -5px repeat-x; padding:0; height:4px; overflow:hidden; line-height:4px; width:100%;} div#container.contact div.form span.textarea span.top-left{ background:url(../images/content/textarea.gif) 0 0 no-repeat; height:4px; line-height:4px; width:100%; overflow:hidden; } div#container.contact div.form span.textarea span.top-right{ background:url(../images/content/textarea.gif) 100% -10px no-repeat; height:4px; line-height:4px; width:100%; overflow:hidden; } div#container.contact div.form span.textarea span.textarea-middle{ border:#c0c0bf 1px solid; border-bottom:0; border-top:0; padding:0 5px;} div#container.contact div.form span.textarea span.textarea-middle textarea{ border:0;} div#container.contact div.form span.textarea span.bottom{ background:url(../images/content/textarea.gif) 0 -20px repeat-x; padding:0; } div#container.contact div.form span.textarea span.bottom-left{ background:url(../images/content/textarea.gif) 0 -15px no-repeat;} div#container.contact div.form span.textarea span.bottom-right{ background:url(../images/content/textarea.gif) 100% -26px no-repeat; height:4px; line-height:4px; } div#container.contact div.form span.textarea.hover span.top{background-position:0px -44px;} div#container.contact div.form span.textarea.hover span.top-left{background-position:0px -36px;} div#container.contact div.form span.textarea.hover span.top-right{background-position:100% -40px;} div#container.contact div.form span.textarea.hover span.textarea-middle{ background:#f9f7e1;} div#container.contact div.form span.textarea.hover span.bottom{background-position:0px -56px;} div#container.contact div.form span.textarea.hover span.bottom-left{background-position:0px -48px;} div#container.contact div.form span.textarea.hover span.bottom-right {background-position:100% -52px;} /*------------------------------------------ // 10.1 SEARCH PAGE SPECIFIC STYLES //------------------------------------------*/ div#about.box5 ul.list1 li {padding:7px 8px 14px; margin:0; cursor:pointer; } /*---- Search-result ----*/ div#search-result h1{background:url(../../assets/images/headings/search-result.jpg) no-repeat 5px 0px; height:31px; margin-bottom:5px; text-indent:-1000em;} div#search-result p.result{color:#79aad1; font-size:18px; font-weight:bold; margin-bottom:20px; margin-left:5px; } div#search-result h3{font-size:11px; font-weight:bold; margin-bottom:5px;} div#search-result h2{color:#bc1b1b; font-size:14px; font-weight:bold; margin-bottom:5px;} /*------------------------------------------ // 11.1 CALENDER PAGE SPECIFIC STYLES //------------------------------------------*/ div#calender h1{background:url(../../assets/images/headings/calender-heading.jpg) no-repeat 0px 0px; height:28px; margin-bottom:13px; text-indent:-1000em;} div#calender div.datestamp{float:left; background:url(../images/content/date-stamp-icon.gif) no-repeat 0px 0px; width:38px; height:34px; margin-right:10px;} div#calender div.datestamp p{ color:#fff; font-weight:bold; text-align:center; line-height:14px;} div#calender div.datestamp p span{display:block; font-size:180%; color:#fff; line-height:20px;} div#calender h2{font-size:160%; line-height:16px; color:#79aad1; margin-bottom:4px;} div#calender h2 a{color:#79aad1;} div#calender p span{color:#bbbbbb; font-weight:bold; font-size:12px;} div#calender p{font-size:110%;} div#calender p a{background:none; padding:0px; font-weight:bold;} div.tabs ul li#calender-view span{background:url(../images/content/calender-view.png) no-repeat 0px 0px; width:202px; height:27px; text-indent:-1000em;} div#calendar div.tabs ul li#list-view span.icon{background:url(../images/content/list-view-icon.png) no-repeat 0px 2px; width:27px; } /*------------------------------------------ // 12.1 SITEMAP PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Sitemap ----*/ div#sitemap.box3 div.box5{margin-bottom:-30px; position:relative;} div#sitemap.box3 div.middle {padding:8px 8px 1px; } div#sitemap.box3 h2 {background:transparent url(../../assets/images/headings/sitemap.gif) no-repeat scroll 0 0; height:36px; width:138px;} div#sitemap.box3 h3 {clear:both; color:#79AAD1; font-size:180%; margin-bottom:16px;} div#sitemap div.box5 div.middle {padding:0px; } /*---- Section ----*/ div#sitemap div.section {background:transparent url(../images/content/section-bg.gif) repeat-x scroll 0 100%; border-bottom:1px solid #BEBEBE; margin-bottom:14px; padding:8px 15px 16px;} div#sitemap div.last{ border:0; margin:0;} div#sitemap div.section div.inner-section {float:left; width:286px; } div#sitemap div.section h4 {color:#49403F; font-size:160%; margin-bottom:5px;} div#sitemap div.section ul { margin:0; } div#sitemap div.section ul li {font-size:120%; list-style-image:none; list-style-position:outside; list-style-type:none;} div#sitemap div.section ul li a {color:#BC1B1B; font-weight:bold; line-height:21px; } div#sitemap div.section ul li ul li {font-size:90%; margin-left:10px;} div#sitemap div.section ul li ul li a { font-weight:normal;} /*------------------------------------------ // 13.1 GRANT PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Grants-video ----*/ div#grants-video{ width:366px; float:right;} div#grants-video div.bottom-left div.top-left { padding:12px 11px 20px; } div#grants-video h2{color:#79aad1; font-weight:bold; font-size:160%; margin:10px 3px 0px 3px;} div#grants-video h2 a{color:#79aad1;} div#grants-video p{margin-bottom:10px;} /*---- Success-grants ----*/ div#success-grants{ width:533px; float:left; position:relative; margin-bottom:15px;} div#success-grants img.child{position:absolute; left:218px; top:50px;} div#success-grants blockquote{background:url(../images/content/quote.gif) no-repeat 0px 0px; width:237px; height:54px; position:absolute; right:1px; bottom:12px; text-indent:-1000em;} div#success-grants h1{background:url(../../assets/images/headings/success-grants.png) no-repeat 0px 0px; height:34px; margin-bottom:21px; text-indent:-1000em;} div#success-grants h2{color:#79aad1; font-size:180%; font-weight:bold; line-height:24px; margin-bottom:10px;} /*---- Success-grants - steps ----*/ div#success-grants div.step{width:210px;} div#success-grants div.step span{float:left; background:url(../images/content/disc.gif) no-repeat 0px 0px; width:22px; height:23px; color:#fff; line-height:22px; text-align:center; font-size:130%; font-weight:bold; margin-right:7px;} div#success-grants div#step1{float:left; padding-bottom:60px;} div#success-grants div#step2{float:right; padding-bottom:60px;} div#success-grants p{font-size:130%; color:#666; line-height:15px; margin-bottom:10px;} div#success-grants.box6 div.bottom{height:274px; padding-bottom:23px; } /*---- Stats ----*/ div.stats{background:url(../images/content/grad-middle-bg.gif) repeat-x 0px 0px; text-align:center; margin:26px 0 15px;} div.stats div.left{background:url(../images/content/grad-left-bg.gif) no-repeat 0px 0px;} div.stats div.right{background:url(../images/content/grad-right-bg.gif) no-repeat 100% 0px; height:50px;} div.stats p{color:#d5d5d5; font-size:210%; font-weight:bold; line-height:50px; } div.stats p span{color:#79aad1;} /*---- Pledges ----*/ div#pledges div.pledge{width:210px; float:left; padding:10px;} div#pledges.box4 div.middle{padding:0px;} div#pledges div.pledge h2{font-size:160%; margin-left:5px; color:#79aad1; margin-bottom:10px;} div#pledges div.section.border{border-bottom:solid 1px #CCC;} div#pledges div.section{width:100%; overflow:hidden; width:100%; } div#pledges a{padding-left:13px; color:#fff; font-size:120%; display:block; font-weight:bold; margin-bottom:-5px; margin-top:15px; text-transform:none; text-decoration:none; } div#pledges a span{ height:25px; line-height:25px; padding-right:40px; display:block;} div#pledges a.volunteer-lnk{background:url(../images/content/link-icons.gif) no-repeat 0px 0px; padding-left:15px; color:#bc1b1b; text-transform:none; font-size:100%; } div#pledges a.button6{margin-bottom:15px;} div#pledges a.moreinfo-lnk{background:url(../images/content/link-icons.gif) no-repeat 0px -27px; padding-left:15px; color:#bc1b1b; text-transform:none; font-size:100%; } div#pledges p a{display:inline; line-height:16px;} /*------------------------------------------ // 14.1 Register page //------------------------------------------*/ div#register h1.register{ background:url(../../assets/images/headings/register.gif) 0 0 no-repeat; height:36px; text-indent:-10000px;} div#register.box3 div.box4{ margin-bottom:-30px; position:relative;} div#register.box3 div.middle{ padding:10px 10px 0;} div#register div.box4{ margin-top:20px;} div#register div.form p.textbox span.instruction { right:80px; } div#register div.form h2{ margin-bottom:20px; font-size:180%;} div#register div.form div.step1{ float:left; width:418px; margin-right:20px} div#register div.form div.step2{ float:left; width:438px;} div#register div.form div.step2 label { width:132px; } div#register div.form div.step1 fieldset{ border-right:#c2c2c2 1px solid;} div#register div.form p.textbox input, div#register div.form p.commentarea input, div#register div.form p.captcha input { width:229px;} div#register div.form p label.newsletter{ font-size:100%;} div#register div.form p.submit { text-align:center; } div#register div.form p.submit a.button5{ } div#register div.form p.submit input.create-ac-btn { margin:20px 0 0 0px; } /*------------------------------------------ // 15.1 Story Page //------------------------------------------*/ div#story.box3{ margin-bottom:20px; width:450px; float:left;} div#story.box3 div.box4{ margin:20px 0 -35px 0; position:relative;} div#story.box3 div.middle{ padding:10px;} div#story.box3 div.middle input.submit-btn { margin-left:130px; } div#story h1{ background:url(../../assets/images/headings/tell-us-story.gif) 0 0 no-repeat; width:278px; height:39px; text-indent:-10000px; margin-bottom:5px;} div#story div.form{ width:400px;} div#story div.form p label{ display:block; width:100%; text-align:left; color:#433424;} div#story div.form p input{ width:384px;} div#story div.form p.commentarea textarea{ width:384px; height:174px;} div#story div.form p.file-upload input{ width:288px;} div#story div.form p.textbox span.instruction{ right:115px; font-size:120%;} div#story div.form p input.browse{ width:64px;} div#story a.button5{ margin-left:90px;} div#story a.button5 span{ color:#FFF; font-weight:bold; } /*------------------------------------------ // 16.1 Edit Profile Page //------------------------------------------*/ div#profile { padding-bottom:1px; } div#profile.box11 div.middle div.right{ padding:0 1px 10px 1px;} div#profile div.top-header{ padding:17px 15px; margin-bottom:20px; background:url(../images/content/top-bg.gif) 0 0 repeat-x;} div#profile h1{ font-size:240%; color:#79aad1;} div#profile div.form{ padding:0 10px;} div#profile div.form div.personal-info{ float:left; width:455px; margin-right:20px; padding-top:13px; } div#profile div.form div.personal-info fieldset{ border-right:#c2c2c2 1px solid;} div#profile div.form div.login-details{ float:left; width:415px; padding-top:13px; } div#profile div.form div.login-details label { width:130px; } div#profile div.form p input{ width:240px; font-size:120%; } div#profile div.form p.file-upload input{ width:180px;} div#profile div.form p.file-upload label{ line-height:1.1em;} div#profile div.form p img.avatar{ float:left; margin-right:5px;} div#profile div.form p.new-pass{ margin-top:10px;} div#profile div.form p.new-pass label{ line-height:1.1em;} div#profile div.form form label{ color:#666666;} div#profile div.form p.email-address{ margin-bottom:30px;} div#profile div.form p.submit a.button5{ margin:40px 0 0 385px;} div#profile div.form p.submit a.button5 span{ padding-top:0px; line-height:28px; height:28px; } div#profile div.form p.submit { text-align:center; } div#profile div.form p.submit input.save-changes-btn { margin:40px 0 0 0px; } div#profile a.button7{ margin-top:5px;} div#profile div.form p input.browse{ width:64px;} /*------------------------------------------ // 17.1 Volunteer Register Page //------------------------------------------*/ div#volunteer-register.box3 div.box4{ margin-bottom:-35px; position:relative;} div#volunteer-register.box3 div.middle{ padding:10px;} div#volunteer-register.box3 h1{ background:url(../../assets/images/headings/Volunteer.gif) 0 0 no-repeat; width:153px; height:29px; text-indent:-10000px; margin-bottom:5px;} div#volunteer-register.box3 div.box4{ margin-top:20px;} div#volunteer-register.box3 div.box4 h2{ font-size:180%;} div#volunteer-register a.button5{ margin:20px 0 0 322px; padding:0 13px; } div#volunteer-register div.form p a.button5 span{ color:#FFF;} div#volunteer-register div.form div.section{ float:left; width:425px;} div#volunteer-register div.form div.first{ margin-right:20px; margin-bottom:15px; } div#volunteer-register div.form div.first fieldset{ border-right:#c2c2c2 1px solid; background:url(../images/content/form-border.gif) 100% 0 repeat-y; border:0;} div#volunteer-register div.form label{ float:none; font-size:100%; color:#666666; line-height:1.5em; margin-bottom:10px; font-weight:normal; display:block; width:100%; text-align:left;} div#volunteer-register div.form input.submit-btn { margin-left:350px; background:url(../images/content/Volunteer-submit.jpg) 0 0 no-repeat; width:314px; } div#volunteer-register div.form p.commentarea{ float:none;} div#volunteer-register div.form p.commentarea textarea{ width:400px; height:85px;} div#volunteer-register div.form p.skills-field{ margin-bottom:40px;} div#volunteer-register div.form p.skills-field textarea{ height:136px;} div#volunteer-register div.form p.community-field input{ width:400px;} div#volunteer-register div.form div.row label, div#volunteer-register div.form p.row label{ display:inline; float:none;} div#volunteer-register div.form p span{color:#666666; font-size:100%; font-weight:bold;} /*---volunteer-form-----*/ div#volunteer-register div#volunteer-form div.first fieldset{ background: url(../images/content/form-border.gif) 100% 0 repeat-y; border:0;} div#volunteer-form p{ float:left; margin:0 0px 10px 0;} div#volunteer-register div#volunteer-form div.row label{ display:block; margin-bottom:5px;} div#volunteer-form label{ margin-right:0;} div#volunteer-form div.row label{ font-weight:bold;} div#volunteer-form p.large{ width:212px;} div#volunteer-form p.large span.textfield{ width:184px;} div#volunteer-form p.large input{ width:170px;} div#volunteer-form p.radio{ width:167px;} div#volunteer-register div#volunteer-form p.radio label{ color:#433424; font-weight:normal; display:inline;} div#volunteer-form p.phone{ width:130px;} div#volunteer-form p.phone input{ width:115px;} div#volunteer-register div#volunteer-form input.submit-btn{ width:314px; margin:20px 0 0 270px; background:url(../images/content/Volunteer-submit.jpg) 0 0 no-repeat; } div#volunteer-form div.row span{ margin-bottom:7px;} div#volunteer-register div#volunteer-form div.first p span.textarea{ width:400px;} div#volunteer-register div#volunteer-form p.skills-field textarea{ height:85px; width:388px;} div#volunteer-register div#volunteer-form p.commentarea span.textarea{ width:416px;} div#volunteer-form span.require-field{ background:url(../images/content/require-field.gif) 0 0 no-repeat; width:168px; height:45px; float:right; margin:-18px -11px 0 0; font-size:65%; color:#bc1b1b; font-weight:bold; text-align:center; line-height:40px; position:relative;} /*------------------------------------------ // 18.1 Pledge page //------------------------------------------*/ div#pledge.box3 div.box14{ margin-bottom:-35px; position:relative;} div#pledge.box3 div.middle{ padding:10px;} div#pledge.box3 div.box14 div.middle{ padding:0;} div#pledge.box3 p{ margin-bottom:20px;} div#pledge.box3 h1.pledge{ background:url(../../assets/images/headings/pledge.gif) 0 0 no-repeat; width:107px; height:40px;} div#pledge table.pledge{ width:100%;} div#pledge table.pledge tr{ background:url(../images/content/tr-bg.gif) 0 100% repeat-x;} div#pledge table.pledge tr.alt{ background:url(../images/content/tr-alt-bg.gif) 0 100% repeat-x;} div#pledge table.pledge tr.header{ background:url(../images/content/tr-top-bg.gif) 0 0 repeat-x;} div#pledge table.pledge tr th{ padding:0px 10px; height:38px; vertical-align:middle; border-bottom:#bebebe 1px solid; vertical-align:middle;} div#pledge table.pledge tr td{ padding:0px 10px; border-bottom:#bebebe 1px solid; height:36px; vertical-align:middle; font-size:120%; color:#79aad1; font-weight:bold; } div#pledge table.pledge tr th.partner h2{ background:url(../../assets/images/headings/partner.gif) 0 0 no-repeat; width:69px; height:18px;} div#pledge table.pledge tr th.goals h2{ background:url(../../assets/images/headings/goals.gif) 0 0 no-repeat; width:57px; height:18px;} div#pledge table.pledge tr th.amount h2{ background:url(../../assets/images/headings/pledge-amount.gif) 0 0 no-repeat; width:146px; height:22px;} div#pledge table.pledge tr th.amount{ width:200px;} div#pledge table.pledge tr td.middle a{ font-size:110%; color:#bc1b1b; background:url(../images/content/i-image.gif) no-repeat left center; padding-left:15px; line-height:1.2em;} div#pledge table.pledge tr td.middle span{background:url(../images/content/icon.gif) 0px 1px no-repeat; padding-left:20px; line-height:12px;} div#pledge table.pledge tr td input{ font-size:95%; color:#b1b1b1; width:177px; padding-top:3px; } div#pledge table.pledge tr.bottom{ background:none;} div#pledge table.pledge tr td.total{ text-align:right; padding:10px 25px 20px 10px; border-top:#bebebe 1px solid; border-bottom:0; background:none; } div#pledge table.pledge tr td.total p{ font-size:135%; color:#666666; margin-bottom:10px;} div#pledge table.pledge tr td.total p span{ color:#79aad1;} div#pledge table.pledge a.button5{ float:right;} /*---- Pledge overlay ----*/ div.overlay1{ width:470px; display:none; background-image:none;} div.overlay1 a.close-btn { background:url(../images/content/close.gif) 0 top no-repeat; display:block; width:78px; height:30px; position:absolute; right:15px; top:16px;} div.overlay1 a.close-btn:hover { border:0px; background:url(../images/content/close.gif) 0 bottom no-repeat; } div.overlay1 div.top{ background:url(../images/content/overlay1-top-left.png) 0 0 no-repeat; height:6px; line-height:6px; padding-left:6px; overflow:hidden;} div.overlay1 div.top div.right{ background:url(../images/content/overlay1-top-right.png) 100% 0 no-repeat; height:6px; line-height:6px; padding-right:6px;} div.overlay1 div.top div.middle{ background:#e0e0e0; height:6px; line-height:6px;} div.overlay1 img.dc-sign { position:absolute; bottom:0; right:0; z-index:10; } div.overlay1 div.middle{ background:#FFF; overflow:hidden;} div.overlay1 div.middle input.pledge-submit-btn { background:url(../images/content/proceed-pledges-btn.jpg) no-repeat top left ; width:247px; height:33px; border:0; margin-left:77px; position:relative; z-index:15;} div.overlay1 div.bottom{ background:url(../images/content/overlay1-bottom-left.png) 0 0 no-repeat; height:6px; line-height:6px; padding-left:6px;} div.overlay1 div.bottom div.right{ background:url(../images/content/overlay1-bottom-right.png) 100% 0 no-repeat; height:6px; line-height:6px; padding-right:6px;} div.overlay1 div.bottom div.middle{ background:#fff; height:6px; line-height:6px;} div.overlay1 h2{ font-size:10px; font-weight:bold; font-size:170%; color:#79aad1; margin-bottom:5px;} div.overlay1 div.header{background:#e0e0e0; padding:10px 15px; margin-bottom:25px;} div.overlay1 div.header p{ font-size:12px; font-weight:bold; color:#666666; padding-bottom:10px;} div.overlay1 div.process{ padding:0 35px;} div.overlay1 table tr th{ font-size:130%; color:#a1a1a1; font-weight:bold; text-align:left; height:25px; vertical-align:middle;} div.overlay1 table tr th.first{ background:#ededed url(../images/content/tr-left.gif) 0 0 no-repeat; padding-left:10px; width:275px;} div.overlay1 table tr th.last{background:#ededed url(../images/content/tr-right.gif) 100% 0 no-repeat;} div.overlay1 table tr td{ font-size:110%; color:#666666; font-weight:bold; line-height:25px; border-bottom:#ededed 1px solid; vertical-align:middle; padding-left:10px;} div.overlay1 table tr td.no-border{ border:0; padding-bottom:4px;} div.overlay1 table tr td.total{ font-size:130%; padding-bottom:10px;} div.overlay1 table tr td img{ vertical-align:middle;} div.overlay1 a.button5{ margin-left:115px;} div.overlay1 a.button7{ margin-left:100px; margin-bottom:20px;} div.overlay1 a.button7 span{ font-size:100%;} /*------------------------------------------ // 19.1 Volunteer //------------------------------------------*/ div#content.volunteer div.box3{width:276px; float:right;} div#content.volunteer div.box3 div.middle{padding:5px 12px;} div#content.volunteer div.box3 div.middle img{vertical-align:middle; position:relative; } div#content.volunteer div.box3 div.bottom{margin-top:-30px; } div#volunteer-box{margin-bottom:20px;} div#volunteer-box{width:630px; float:left; background:url(../images/content/volunteer-box-middle.gif) repeat-y 0px 0px;} div#volunteer-box div.top{background:url(../images/content/volunteer-box-top.jpg) no-repeat 0px 0px; padding:11px 0px 0px 0px;} div#volunteer-box h1{background:url(../../assets/images/headings/volunteer.png) no-repeat 0px 0px; height:32px; margin:0px 0px 10px 10px; text-indent:-1000em;} div#volunteer-box p{color:#49403f; font-size:120%; line-height:18px; margin:0px 10px 10px 10px;} div#volunteer-box div#steps{border-top:solid 1px #d5d5d5; background:url(../images/content/divider-bg1.gif) repeat-y 1px 0px;} div#volunteer-box div#steps div.divider{background:url(../images/content/divider-bg.gif) no-repeat 1px 100%;} div#volunteer-box div#steps div.divider div.arrows{background:url(../images/content/arrows.gif) no-repeat 1px 50%;} div#volunteer-box div#steps ul li{float:left; width:108px; padding:20px 8px 8px 10px; } div#volunteer-box div#steps ul li p{font-size:110%; margin:0px;} div#volunteer-box div#steps ul li span{background:transparent url(../images/content/disc.gif) no-repeat scroll 0 0; color:#FFFFFF; float:left; font-size:130%; font-weight:bold; height:23px; line-height:22px; margin-right:4px; text-align:center; width:22px; } div#volunteer-box div#steps ul li h2{color:#79AAD1; font-size:130%; font-weight:bold; line-height:20px; margin-bottom:10px; margin-top:2px; } div#volunteer-box div.bottom-curve{background:url(../images/content/volunteer-bottom.jpg) no-repeat 0px 100%; height:10px; line-height:10px;} div#started{padding:20px 0px 10px 0px; margin:0px -1px;} div#started h2{background:url(../../assets/images/headings/get-started.png) no-repeat 0px 0px; height:25px; margin-bottom:15px; margin-left:10px; } div#started p{color:#fff; font-size:120%; line-height:18px;} div#started p span{font-size:117%;} div#started p span span{color:#d1d1d1; font-size:100%;} div#started a.button5{float:right; margin-top:5px; font-size:140%; font-weight:bold; } div#started p.create { margin-left:10px; } div#started div.box13 { margin-bottom:10px; } /*------------------------------------------ // 20.1 PROFILE PAGE SPECIFIC STYLES //------------------------------------------*/ div.profile div.header{background:url(../images/content/header-middle-bg.gif) repeat-x 0px 0px;} div.profile div.header div.left{background:url(../images/content/header-left-bg.jpg) no-repeat 0px 0px; height:49px; padding:15px 0px 0px 15px;} div.profile div#main{float:left; width:719px; margin:0px;} div.profile div#main h1{color:#79aad1; font-size:240%; margin:0px; text-transform:none; } div.profile div#main h2{color:#79aad1; font-size:180%; margin-bottom:10px;} div.profile div#main ul li{font-size:120%; line-height:22px; padding-left:24px; margin-bottom:3px; color:#49403f;} div.profile div#main ul li.username{background:url(../images/content/username-icon.gif) no-repeat 0px 0px;} div.profile div#main ul li.name{background:url(../images/content/name-icon.gif) no-repeat 0px 0px;} div.profile div#main ul li.location{background:url(../images/content/location-icon.gif) no-repeat 0px 0px;} div.profile div#main ul li.email{background:url(../images/content/email-icon.gif) no-repeat 0px 0px;} div.profile div#main ul li.message{background:url(../images/content/message-icon.gif) no-repeat 0px 0px;} div.profile div#main ul li.website{ background:url(../images/content/website-icon.gif) no-repeat 0px 0px;} div.profile div#main ul li.comment{ background:url(../images/content/comment-icon.gif) no-repeat 0px 0px;} div.profile div#main ul li.visit{ background:url(../images/content/visit-icon.gif) no-repeat 0px 0px;} div.profile div#main ul li.join{ background:url(../images/content/join-icon.gif) no-repeat 0px 0px;} div.profile div.header img{margin:0px 10px 0px 0px; vertical-align:middle;} div.profile div#main div.section{padding:10px; background:url(../images/content/section-bg1.gif) repeat-x 0px 100%; margin-left:1px;} div.profile div#main div.section.last{background:none; } div.profile div#sidebar{width:200px; float:right;} div#summary h2{background:url(../../assets/images/headings/summary.jpg) no-repeat 0px 0px; height:27px; margin-bottom:10px;} div#summary dl{font-size:110%; margin-bottom:10px;} div#summary dl dt{float:left; width:147px; margin-bottom:8px; } div#summary dl dd{float:right; margin-bottom:8px;} /*------------------------------------------ // 21.1 Week of hope //------------------------------------------*/ div#week.box3 div.middle { padding:6px 15px ; } div#week.box3 div.post div.entry p{margin:0px;} div#week.box3 div.post div.entry, div#week.box3 div.post ol { margin-bottom:0; } h1.week{background:url(../../assets/images/headings/week-of-hope.png) no-repeat 0px 0px; height:36px; margin-bottom:10px; text-indent:-1000em;} div#week.box3 div.box4 a{background:none; padding:0px;} /*------------------------------------------ // 22.1 Trip //------------------------------------------*/ div#trip p{margin-bottom:15px; color:#fff; font-size:120%; margin:0px 10px 10px 10px;} h1.trip{background:url(../../assets/images/headings/trips.png) no-repeat 0px 0px; height:35px; margin-bottom:5px; text-indent:-1000em; margin-left:10px;} div#trip h2{background:none; float:none;} div#trip div.middle{padding:10px 7px} /*------------------------------------------ // 23.1 Partner //------------------------------------------*/ div#main div.inner-main ul.tabs{background:url(../images/content/tabs-bg.jpg) no-repeat 0px 0px; height:38px; padding:6px 0px 0px 5px;} div#main div.inner-main ul.tabs li{ font-size:110%; float:left; background:none; margin-right:3px; } div#main div.inner-main ul.tabs li a{color:#bc1b1b; padding:0px; padding-right:14px; background:url(../images/content/tab-rightbg.gif) no-repeat 100% -100px; font-weight:bold; float:left;} div#main div.inner-main ul.tabs li a span{float:left; line-height:32px; height:32px; background:url(../images/content/tab-leftbg.gif) no-repeat 0px -100px; padding-left:13px;} div#main div.inner-main ul.tabs li a:hover, div#main div.inner-main ul.tabs li.ui-state-active a{background:url(../images/content/tab-rightbg.gif) no-repeat 100% 0px; color:#79aad1; } div#main div.inner-main ul.tabs li a:hover span, div#main div.inner-main ul.tabs li.ui-state-active a span{ background:url(../images/content/tab-leftbg.gif) no-repeat 0px 0px; } div#main div.inner-main div.post{ padding:25px; } div#main div.inner-main div.box15 div.post { background:none; } div#main div.inner-main .ui-tabs-panel {display:block;} div#main div.inner-main .ui-tabs-hide {display:none; } /*---- Partner overview ----*/ div#overview h2{background:url(../../assets/images/headings/overview.jpg) no-repeat 0px 0px; margin-bottom:0px; height:22px;} div#overview div.middle{background:url(../images/content/brother-sister-icon.jpg) no-repeat 0px 0px; padding:5px 0px 5px 70px;} div#overview div.middle p{margin:5px 0px; line-height:12px; color:#49403f;} div#overview ul{margin:25px 0px 15px 0px;} div#overview ul li{font-size:110%; line-height:14px; padding-left:25px; margin-bottom:10px;} div#overview ul li a{color:#49403f; background:none; display:inline; padding:0px; font-weight:normal; line-height:16px; position:static;} div#overview ul li a:hover { border-bottom:0; } div#overview ul li.category{background:url(../images/content/icons.gif) no-repeat 0px 5px;} div#overview ul li.target{background:url(../images/content/icons.gif) no-repeat 0px -31px;} div#overview ul li.inspiration{background:url(../images/content/icons.gif) no-repeat 0px -65px;} div#overview ul li.full{background:url(../images/content/icons.gif) no-repeat 0px -102px;} div#overview ul li.part{background:url(../images/content/icons.gif) no-repeat 0px -140px;} div#overview ul li.volunteer{background:url(../images/content/icons.gif) no-repeat 0px -177px;} /*---- Partner Story-photo ----*/ div#story-photo h2{background:url(../../assets/images/headings/story-photo.jpg) no-repeat 0px 0px; height:25px;} div#story-photo ul{ margin:0px;} div#story-photo ul li{float:left; margin:3px; border:solid 1px #afafae; padding:2px;} div#story-photo ul li img{vertical-align:middle;} div#story-photo ul li a{ float:none; display:inline; background:none; padding:0px; position:static;} div#partner-navigation h2{background:url(../../assets/images/headings/partners.jpg) no-repeat 0px 0px; height:35px; margin-bottom:10px;} /*---- Partner Contact-info ----*/ div#contact-info{padding-bottom:0px; background:none;} div#contact-info h2{background:url(../../assets/images/headings/contact-info.jpg) no-repeat 0px 0px; height:25px; margin-bottom:10px;} div#contact-info p{padding:0px 0px 0px 24px; color:#49403f; font-size:110%; line-height:14px;} div#contact-info p.address{background:url(../images/content/contact-icons.jpg) no-repeat 0px 2px;} div#contact-info p.phone{background:url(../images/content/contact-icons.jpg) no-repeat 0px -65px;} div#contact-info p.email{background:url(../images/content/contact-icons.jpg) no-repeat 0px -101px;} div#contact-info p.website{background:url(../images/content/contact-icons.jpg) no-repeat 0px -138px;} /*---- Partner Sidebar ----*/ div#sidebar ul.list1 li{color:#fff; font-size:110%; font-weight:bold; background:url(../images/content/lines.gif) repeat-x 0px 0px; padding:10px 10px 8px 10px; margin:0px -10px; cursor:pointer; text-transform:uppercase; } div#sidebar ul.list1 li a{color:#fff;} div#sidebar ul.list1 li:hover, div#sidebar ul.list1 li.active{background:url(../images/content/active-img.gif) repeat-x 0px 0px; } div#sidebar ul.list1 li:hover a,div#sidebar ul.list1 li.active a:hover, div#sidebar ul.list1 li.active a{color:#79aad1; } /*------------------------------------------ // 23.1 CALENDER PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Calendar Page List View----*/ div#list-view h1, div#calendar-view h1{background:url(../../assets/images/headings/calender-heading.jpg) no-repeat 0px 0px; height:28px; margin-bottom:13px; text-indent:-1000em;} div#list-view h2{font-size:160%; line-height:16px; color:#79aad1; margin-bottom:4px; background:none; float:none;} div#list-view h2 a{color:#79aad1;} div#list-view h2 a:hover { border:0px; } div#list-view p span{color:#bbbbbb; font-weight:bold; font-size:12px;} div#list-view p{font-size:110%;} div#list-view p a{background:none; padding:0px; font-weight:bold;} div#list-view ul li{margin:2px -5px 0px;} div#list-view ul li.first{margin:0px -5px 0px;} div#list-view div.middle{padding:10px;} div#list-view div.middle div.middle{padding:0px 5px;} div#list-view div.box5{margin-bottom:-37px; position:relative;} div#list-view ul.tabs li.list-view span.icon{background:url(../images/content/list-view-icon.png) no-repeat 0px 2px; width:27px; } div#list-view ul.tabs li a, ul.tabs li a{ padding:13px 20px 10px 23px;} div#list-view div.datestamp{float:left; background:url(../images/content/date-stamp-icon.gif) no-repeat 0px 0px; width:38px; height:34px; margin-right:10px;} div#list-view div.datestamp p{ color:#fff; font-weight:bold; text-align:center; line-height:14px;} div#list-view div.datestamp p span{display:block; font-size:180%; color:#fff; line-height:20px;} /*---- Calendar Page Calandar View----*/ div#calendar-view table{background:#ececec; width:100%;} div#calendar-view table td{padding:5px;} div#calendar-view table td.previous, div#calendar-view table td.next{ text-align:center; vertical-align:middle; padding:10px 0px; background:#ececec; height:auto;} div#calendar-view table td.previous a:hover, div#calendar-view table td.next a:hover { border:0px; } div#calendar-view table td.caption{ color:#8eb3d5; font-size:140%; font-weight:bold; text-align:center; vertical-align:middle; background:#ececec; height:auto;} div#calendar-view table th{background:#93b8d7; padding:5px; text-align:center; font-size:120%; font-weight:bold; color:#fff; } div#calendar-view table td{background:#dbdbdb; width:126px; height:98px;} div#calendar-view table td.other-month{ background:#ebebeb; color:#dfdbd0;} div#calendar-view table td.current{background:#cdcdcd; color:#514d4b;} div#calendar-view table td ul{padding:2px 0px;} div#calendar-view table td ul li{font-size:10px; font-weight:bold; line-height:14px;} div#calendar-view div.middle{padding:10px; } div#calendar-view div.middle table{margin-bottom:-37px; position:relative;} /*---- Calendar Page Tabs----*/ div#calendar ul.tabs li.list-view span.icon{ background:url(../images/content/list-view-active-icon.png) no-repeat 0px 0px; width:27px; height:36px; margin-top:0px; margin-right:5px;} div#calendar ul.tabs li.list-view span.menu{ background:url(../images/content/list-view-active.png) no-repeat -4px -6px; width:99px; height:19px; margin-top:5px;} div#calendar ul.tabs li.ui-state-active span.icon, div#calendar ul.tabs li.list-view a:hover span.icon{ background:url(../images/content/list-view-icon.png) 0px -2px no-repeat;} div#calendar ul.tabs li.ui-state-active span.menu, div#calendar ul.tabs li a:hover span.menu{ background:url(../images/content/list-view.png) 0 0 no-repeat ;} div#calendar ul.tabs li.calendar-view span.icon{background:url(../images/content/calender-icon-normal.png) no-repeat -4px -3px; width:30px; height:33px;} div#calendar ul.tabs li.calendar-view span.menu{background:url(../images/content/calender-menu-normal.png) no-repeat 0px 0px; width:174px; height:33px;} div#calendar ul.tabs li.calendar-view.ui-state-active span.icon, div#calendar ul.tabs li a:hover span.icon{background:url(../images/content/calender-icon-active.png) no-repeat -3px -1px;} div#calendar ul.tabs li.calendar-view.ui-state-active span.menu, div#calendar ul.tabs li.calendar-view a:hover span.menu{background:url(../images/content/calender-menu-active.png) no-repeat 0px 0px; } div#calendar ul.tabs li.ui-state-active{background:url(../images/content/tab-left-hover.gif) no-repeat 0px 0px;} div#calendar ul.tabs li.ui-state-active a{background:url(../images/content/tab-right-hover.gif) no-repeat 100% 0px;} /*------------------------------------------ // 23.1 SHOP HOME PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Popup----*/ div.popup { position:absolute; width:575px; z-index:10000 !important; display:none; top:40% !important; } div.popup div.popup-top{ background:url(../images/content/popup-top.png) left top no-repeat; height:45px; line-height:45px; padding:0px 16px; } div.popup div.popup-middle{ background:#fff; padding:10px 12px; } div.popup div.popup-bottom{ background:url(../images/content/popup-bottom.png) left bottom no-repeat; height:8px; line-height:8px; } div.popup h2{ color:#79aad1; font-size:170%; line-height:45px; } div.popup h2 a.close-btn{ background:url(../images/content/close.gif) left top no-repeat; display:block; float:right; height:30px; width:78px; margin-top:7px; } div.popup h2 a.close-btn:hover{ text-decoration:none; border:0; } div.popup div.box20 { margin-bottom:6px; } div.popup div.box20 h3{ font-size:130%; color:#666; line-height:29px; background:#ededed; padding:0px 5px; margin-bottom:13px; } div.popup div.box20 h3 span{ color:#79aad1; } div.popup div.box20 div.section1 { float:left; width:158px; margin-left:4px; } div.popup div.box20 div.section2 { float:left; width:208px; } div.popup div.box20 div.section3 { float:left; width:160px; } div.popup div.box20 label a{ font-style:italic; } div.popup div.box20 div.section1 label , div.popup div.box20 div.section2 label , div.popup div.box20 div.section3 label{ font-size:130%; color:#666; line-height:14px; font-weight:bold; margin-bottom:6px; float:left; } div.popup div.box20 div.section1 input.radio , div.popup div.box20 div.section2 input.radio , div.popup div.box20 div.section3 input.radio { margin:0 5px 5px 0; float:left; } div.popup div.box20 div.section2 ul { margin-left:34px; clear:both; } div.popup div.box20 div.section2 ul li { font-size:110%; font-weight:bold; color:#666; line-height:14px; list-style:disc; } div.popup div.box20 div.box19 { margin-bottom:10px; clear:both; } div.popup div.box20 div.box19 div.bottom { padding:0; } div.popup div.box20 div.box19 label { font-size:110%; line-height:12px; display:block; margin-bottom:4px; } div.popup div.box20 div.box19 input.textbox{ border:1px solid #c6c6c6; font-size:100%; color:#666; width:130px; padding:3px 5px; } div.popup p { font-size:120%; color:#7d7d7d; font-weight:bold; } div.popup p a.question{ display:block; margin-top:16px; background:url(../images/content/query.gif) left center no-repeat; line-height:21px; padding-left:30px; border:none; color:#7d7d7d; } div.popup p input.proceed{ float:right; } /*---- sidebar----*/ div#content.layout2 div#sidebar{ float:left; width:300px;} div#content.layout2 div#sidebar div.box h3{ font-size:140%; color:#79aad1; margin-bottom:5px; padding-left:13px; padding-bottom:15px; background:url(../images/content/lines.gif) repeat-x 0 100%; line-height:16px;} div#content.layout2 div#sidebar div.box div.bottom-left div.top-left{ padding:12px 0 7px;} div#content.layout2 div#sidebar div.box div.bottom-left div.top-left p{ padding:0 10px 0 13px;} div#content.layout2 div#sidebar div.box div.bottom-left div.top-left p a.button4{ margin-top:14px;} div#sidebar a.general-fund-btn{ margin-bottom:10px; display:block; border:0;} div#sidebar a.partners-btn{ margin-bottom:10px; display:block; border:0;} /*---- list2----*/ div#content ul.list2 li{ background:url(../images/content/lines.gif) repeat-x 0 100%; padding:0 10px 0 0; padding-bottom:4px; margin-bottom:7px;} div#content ul.list2 li p{ font-size:110%; color:#FFF; font-weight:bold; padding-bottom:5px; margin-bottom:5px; background:url(../images/content/sidebar/arrow.gif) 100% 5px no-repeat; line-height:14px;} div#content ul.list2 li p span{ font-size:90%; color:#aaaaaa; margin:0; display:block;} div#content ul.list2 li p a{ color:#FFF; border:0; background:none; text-transform:uppercase; } /*---- box16----*/ div.box16{ background:url(../images/content/sidebar/box16-middle.jpg) 0 0 repeat-y; margin-bottom:10px;} div.box16 div.top{ background:url(../images/content/sidebar/box16-top.jpg) 0 0 no-repeat;} div.box16 div.bottom{ background:url(../images/content/sidebar/box16-bottom.jpg) 0 100% no-repeat; padding:10px 10px 10px 15px;} div.box16 h2.general-fund{ background:url(../../assets/images/headings/give-to-the-fund.png) 0 0 no-repeat; padding-top:34px; height:0px; width:263px; overflow:hidden;} div.box16 h2.partners{ background:url(../../assets/images/headings/give-to-partner.png) 0 0 no-repeat; padding-top:16px; height:0px; width:207px; overflow:hidden;} /*---- top-featured-product----*/ div#content div#top-product h3{ padding-bottom:10px; margin-bottom:2px;} div#content div#top-product ul.list2 li{ margin-bottom:4px;} div#content div#top-product ul.list2 li p{ line-height:21px; background-position: 100% 3px;} /*---- main----*/ div#content.layout2 div#main{ float:right; width:602px;} div#content.full div#main{ float:right; width:920px;} div#content.full div#main div.box3 div.middle-v2 { padding:8px 8px 0; } /*---- shopping-cart----*/ div#shopping-cart{ background:url(../images/content/main/shopping-cart-middle.jpg) 0 0 repeat-x; width:324px; float:right; margin:8px 0 20px;} div#shopping-cart div.left{ background:url(../images/content/main/shopping-cart-left.jpg) 0 0 no-repeat;} div#shopping-cart div.right{ background:url(../images/content/main/shopping-cart-right.jpg) 100% 0 no-repeat; height:33px; padding:0 3px 0 10px;} div#shopping-cart a{ font-size:140%; color:#FFF; font-weight:bold; line-height:33px; height:33px; float:left; border:0;} div#shopping-cart a.cart-btn{ background:url(../images/content/main/cart-icon.gif) 0 4px no-repeat; padding-left:35px; width:82px; } div#shopping-cart a.cart-btn span{background:url(../images/content/main/border.gif) 100% 0 no-repeat; display:block;} div#shopping-cart a.checkout-btn{ background:url(../images/content/main/checkout-icon.gif) 100% 4px no-repeat; padding:0 20px 0 12px; width:160px;} /*---- product----*/ div#featured-product{ clear:both; margin-bottom:10px;} div#featured-product div.middle{ padding:5px 14px;} div#featured-product div.middle a{ border:0;} div#featured-product div.middle img{ border:#d1d1d1 1px solid; margin-bottom:5px;} div#featured-product div.middle a.button4{ width:150px;} div#featured-product div.middle a.button13{ width:100px;} div#featured-product div.middle a.button4 span{ padding-right:48px;} div#featured-product div.middle a.button4, div#featured-product div.middle a.button4 span, div#featured-product div.middle a.button13, div#featured-product div.middle a.button13 span{ float:right;} div#featured-product div.middle a.button4, div#featured-product div.middle a.button13{ margin-top:18px; margin-right:10px;} div#featured-product div.details{ float:left; width:260px; padding-left:5px;} div#featured-product div.details h2{ font-size:180%; color:#bc1b1b; margin-bottom:5px;} div#featured-product div.details p{ font-size:120%; color:#484848; line-height:15px; font-weight:bold; } /*---- Box17 - Column ----*/ div.box17 div.column{ width:278px;} div.box17 div.column img{ float:left; margin-right:10px; border:#d1d1d1 1px solid; padding:1px;} div.box17 div.column h2 span{ font-size:70%; } div.box17 div.column h2 , div#purchase-form h2{ font-size:180%; color:#bc1b1b; margin-top:3px; margin-bottom:5px;} div.box17 div.column h2 a , div#purchase-form h2 a{color:#bc1b1b; border:0;} div.box17 div.column p{ font-size:120%; color:#484848; line-height:15px; font-weight:bold;} div.box17 div.column p a img{ border:0; float:none; margin:0;} div#content.layout2 div.content-footer{ background:none;} div#content.layout2 div.content-footer div.content-footer-bottom{ background:url(../images/content/content-footer.jpg) 0 0 repeat-x; padding:0; height:10px;} /*------------------------------------------ // 24 GIVE TO GENERAL FUND //------------------------------------------*/ div#give-to-general-fund h1 { background:transparent url(../../assets/images/headings/give-to-general-fund.gif) no-repeat scroll 0 0; height:49px;width:404px;padding:0px;margin:0px;margin-bottom:3px;} /*------------------------------------------ // 25 GIVE TO PARTNER //------------------------------------------*/ div#give-to-partner h1 { background:transparent url(../../assets/images/headings/give-to-our-partners.gif) no-repeat scroll 0 0; height:30px; width:335px;padding:0px;margin:0px;margin-bottom:5px;} div#give-to-partner p { margin-bottom:20px; } div#give-to-partner table.table1 td.partners{ width:204px; } div#give-to-partner table.table1 td.donation{ width:214px; } div#give-to-partner table.table1 td.donation span{ margin-right:12px; } div#give-to-partner table.table1 td.donate-amount{ width:178px; } /*------------------------------------------ // 26 PRODUCT PAGE //------------------------------------------*/ /*---- box20 - Tabs ----*/ div.box18 div.tabs{ width:302px; float:left; } div.box18 div.tabs div.tab-content img{ border:1px solid #d1d1d1; padding:1px; margin-bottom:7px; } div.box18 div.tabs ul.tabs-strip li { float:left; } div.box18 div.tabs ul.tabs-strip li a{ display:block; background:url(../images/content/main/user-control.gif) left top no-repeat; width:34px; height:34px; margin-right:8px; float:left; } div.box18 div.tabs ul.tabs-strip li.ui-state-active a{ display:block; background:url(../images/content/main/user-control.gif) left bottom no-repeat; text-decoration:none; border:0; } div.box18 ui-tabs-hide { display:none; } div.box18 div.tabs ul.tabs-strip li.ui-state-hover a:hover{ text-decoration:none; border:0; } /*---- box18 - Purchase Form ----*/ div#purchase-form {width:236px; float:right; } div#purchase-form p{ color:#666; line-height:18px; font-weight:bold; font-size:120%; margin-bottom:15px; } div#purchase-form p.price{ color:#79aad1; margin-bottom:7px; } div#purchase-form form select { width:110px; float:left; margin-right:7px; font-size:120%; color:#959595; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } div#purchase-form form div.box19{ clear:both; } div#purchase-form form div.box19 p { margin-bottom:0px; } div#purchase-form form label { margin-right:3px; } div#purchase-form form input.textbox { width:30px; text-align:center; border:1px solid #c6c6c6; color:#484848; font-size:120%; margin-right:5px; } div#other-products div.two-columns { background:#fff url(../images/content/main/dotted-border.gif) center top repeat-y; } div#other-products div.column{ width:264px;} div#other-products div.column img{ float:left; margin-right:8px; border:#d1d1d1 1px solid; padding:1px;} div#other-products div.column h2 { font-size:150%; color:#bc1b1b; margin-bottom:5px;} div#other-products div.column h2 a {color:#bc1b1b; border:0;} div#other-products div.column p{ font-size:120%; color:#484848; line-height:15px; font-weight:bold;} div#other-products div.column p a img{ border:0; float:none; margin:0;} div.box4 h2.heading1{ font-size:180%; font-family: Helvetica bold, sans-serif; color:#79aad1; } /*------------------------------------------ // 27 PAYMENT //------------------------------------------*/ div#payment h1 { background:transparent url(../../assets/images/headings/payment.gif) no-repeat scroll 0 0; height:36px; width:351px; padding:0px; margin:0px; margin-bottom:5px;} div#payment div.box14{ margin-bottom:10px; position:relative; z-index:60; } div#payment div.form h2{ background:transparent url(../images/content/tr-top-bg.gif) repeat-x scroll 0 0 ; padding:7px 10px 10px; } div#payment div.form h2 span.personal-info{ background:transparent url(../../assets/images/headings/personal-info.gif) no-repeat scroll 0 0; height:17px; width:110px; display:block; } div#payment div.form h2 span.credit-card-info{ background:transparent url(../../assets/images/headings/credit-card-info.gif) no-repeat scroll 0 0; height:17px; width:133px; display:block; } div#payment div.form div.details { padding:10px; position:relative; z-index:400; } div#payment div.form div.details p { margin-bottom:16px; color:#484848; } div#payment div.form div.details label{ width:auto; font-size:90%; color:#484848; } div#payment div.form div.details p input.checkbox{ float:left; margin:6px 5px 0px 0px; } div#payment div.form div.details span.textfield{ width:238px; } div#payment div.form div.details span.textfield input { width:220px; } div#payment div.form div.details h3{ color:#79aad1; font-size:140%; line-height:15px; margin-bottom:6px; } div#payment div.form div.details p span.address{ float:left; width:238px; margin-right:10px; } div#payment div.form div.details p span.address span.textfield { width:180px; } div#payment div.form div.details p span.address span.textfield input{ width:160px; } div#payment div.form div.details p span.city{ float:left; width:112px; margin-right:10px; } div#payment div.form div.details p span.city span.textfield { width:82px; } div#payment div.form div.details p span.city span.textfield input{ width:65px; } div#payment div.form div.details p span.state{ float:left; width:88px; margin-right:10px; } div#payment div.form div.details p span.state select { width:45px; color:#7f7f7f; font-size:100%; font-weight:bold;} div#payment div.form div.details p span.zip{ float:left; width:86px; } div#payment div.form div.details p span.zip span.textfield { width:60px; } div#payment div.form div.details p span.zip span.textfield input{ width:45px; } div#payment div.form div.details p a.cancel{ border:1px solid #c6c6c6; margin-right:5px; } div#payment div.form div.details p span.card-number{ float:left; width:242px; margin-right:22px; } div#payment div.form div.details p span.card-number span.textfield { width:160px; } div#payment div.form div.details p span.card-number span.textfield input{ width:145px; } div#payment div.form div.details p span.expires{ width:190px; float:left; margin-right:12px; } div#payment div.form div.details p span.expires span.month { float:left; width:74px; margin-right:6px; } div#payment div.form div.details p span.expires span.month select.select1 {color:#7f7f7f; font-size:100%; font-weight:bold; } div#payment div.form div.details p span.expires span.year{ width:58px; float:left; } div#payment div.form div.details p span.expires span.year select.select2 { color:#7f7f7f; font-size:100%; font-weight:bold; } div#payment div.form div.details p span.cvv { width:94px; float:left; } div#payment div.form div.details p span.cvv span.textfield { width:60px; } div#payment div.form div.details p span.cvv span.textfield input{ width:45px; } div#payment div.total p {font-size:160%; color:#666; font-weight:bold; } div#payment div.total p input { vertical-align:middle; margin-left:21px; } /*------------------------------------------ // 28 PAYMENT CONFIRMATION //------------------------------------------*/ div#payment-confirmation h1 { background:transparent url(../../assets/images/headings/payment-confirmation.gif) no-repeat scroll 0 0; height:36px; width:351px; padding:0px; margin:0px; margin-bottom:5px;} div#payment-confirmation table.table1 , div#payment-reviews table.table1{ margin-bottom:25px; } div#payment-confirmation table.table1 td { font-size:120%; color:#666; padding:12px 10px; } div#payment-confirmation table.table1 td.item , div#payment-reviews table.table1 td.item{ width:168px; color:#79aad1; } div#payment-confirmation table.table1 td.quantity{ width:70px; text-align:center; } div#payment-confirmation table.table1 td.option{ width:164px; } div#payment-confirmation table.table1 td.cost{ width:110px; } div#payment-confirmation div.box19 , div#payment-reviews div.box19{ width:332px; margin-left:12px; float:left; } div#payment-confirmation div.box19 p , div#payment-reviews div.box19 p { color:#666; font-size:110%; line-height:14px; margin-bottom:0px; } div#payment-confirmation div.box19 div.top , div#payment-reviews div.box19 div.top{ height:4px; } div#payment-confirmation div.box19 div.middle , div#payment-reviews div.box19 div.middle{ border:0; padding-left:2px; } div#payment-confirmation div.middle div.middle-right , div#payment-reviews div.middle div.middle-right{ padding:10px 12px 10px 10px; } div#payment-confirmation div.total , div#payment-reviews div.total{ width:180px; float:right; margin-right:12px; } div#payment-confirmation div.total p , div#payment-reviews div.total p { font-size:120%; color:#666; font-weight:bold; text-align:right; line-height:17px; margin-bottom:0px; } div#payment-confirmation div.total p span , div#payment-reviews div.total p span , div#payment div.total p span{ color:#79aad1; } div#payment-confirmation div.total p.grandtotal , div#payment-reviews div.total p.grandtotal{ font-size:160%; line-height:25px; margin-bottom:20px; } div#payment-confirmation div.total a.button13 , div#payment-confirmation div.total a.button4 , div#payment-reviews div.total a.button13 , div#payment-reviews div.total a.button4{ font-size:120%; margin-bottom:10px; } div#payment-confirmation div.total a.button13:hover , div#payment-confirmation div.total a.button4:hover , div#payment-reviews div.total a.button13:hover , div#payment-reviews div.total a.button4:hover{ border:0; text-decoration:none; } /*------------------------------------------ // 29 PAYMENT REVIEWS //------------------------------------------*/ div#payment-reviews h1 { background:transparent url(../../assets/images/headings/payment-review.gif) no-repeat scroll 0 0; height:36px; width:265px; padding:0px; margin:0px; margin-bottom:5px;} div#payment-reviews div.box19{ width:362px; margin-left:12px; float:left; } div#payment-reviews div.box19 h2.heading1{ font-size:120%; margin-bottom:10px; color:#79aad1; } div#payment-reviews div#other-products div.column { width:154px; } div#payment-reviews div#other-products div.column img{ margin-bottom:7px; } div#payment-reviews div#other-products div.column h2{ font-size:120%; } div#payment-reviews div#other-products div.column h2 img{ border:0; float:none; margin:0; } div#payment-reviews table.table1 { width:584px; overflow:hidden; } div#payment-reviews table.table1 td { font-size:120%; color:#666; padding:8px 10px; } div#payment-reviews table.table1 td.item{ width:142px; color:#79aad1; } div#payment-reviews table.table1 td.quantity{ width:74px; text-align:center; } div#payment-reviews table.table1 td.option{ width:84px; } div#payment-reviews table.table1 td.cost{ width:50px; line-height:18px; } div#payment-reviews table.table1 td.buttons { width:120px; } div#payment-reviews table.table1 td.buttons a.button16 { font-size:100%; margin:0; } /*------------------------------------------ // 30 PRODUCTS REVIEWS //------------------------------------------*/ /*---- box21 ----*/ div.box21 div.top { background:url(../images/content/box21-top-middle.gif) left bottom repeat-x; } div.box21 div.top div.top-left{ background:url(../images/content/box21-top-left.gif) left bottom no-repeat; } div.box21 div.top div.top-left div.top-right{ background:url(../images/content/box21-top-right.gif) right bottom no-repeat; height:6px; line-height:6px; } div.box21 div.middle{ background:#fff; border-left:#c0c0bf 1px solid; border-right:#c0c0bf 1px solid; } div.box21 div.bottom { background:url(../images/content/box21-bottom-middle.gif) left top repeat-x; padding:0; } div.box21 div.bottom div.bottom-left{ background:url(../images/content/box21-bottom-left.gif) left top no-repeat; } div.box21 div.bottom div.bottom-left div.bottom-right{ background:url(../images/content/box21-bottom-right.gif) right top no-repeat; height:6px; line-height:6px; } /*---- All Products ----*/ div#content div#all-products h1{ background:url(../images/content/h2-bg.jpg) 0 0 repeat-x; height:31px; margin:0; padding-top:6px; } div#content div#all-products h1 span.inner{ background:url(../../assets/images/headings/all-products.jpg) 15px 0 no-repeat; height:21px; display:block;} /*---- list3 ----*/ ul.list3{ padding-left:4px; margin-bottom:-6px; position:relative;} ul.list3 li{ float:left; border-right:#d4d4d4 1px dotted; border-bottom:#d4d4d4 1px dotted; padding:10px 8px 5px 11px; min-height:180px; } ul.list3 li.last{ border-right:0;} ul.list3 li.bottom-last{ border-bottom:0;} ul.list3 li a{ border:0;} ul.list3 li img{ border:#d1d1d1 1px solid; padding:1px; margin-bottom:5px;} ul.list3 li h3{ margin-bottom:5px; line-height:16px;} ul.list3 li h3 a{ font-size:140%; color:#bc1b1b;} ul.list3 li p{ font-size:110%; color:#79aad1; font-weight:bold;} /*------------------------------------------ // 31 GIVE REVIEWS //------------------------------------------*/ /*---- box22 ----*/ div.box22{ margin-bottom:20px;} div.box22 div.box22-top { background:url(../images/content/box22-top-middle.gif) left top repeat-x; } div.box22 div.box22-top div.box22-top-left{ background:url(../images/content/box22-top-left.gif) left top no-repeat; } div.box22 div.box22-top div.box22-top-right{ background:url(../images/content/box22-top-right.gif) right top no-repeat; height:5px; line-height:5px; } div.box22 div.box22-middle{ background:#f6f5f5; border-left:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid; } div.box22 div.box22-middle div.box22-inner{ padding:5px 10px 10px; background: url(../images/content/box22-bg.jpg) 100% 100% no-repeat; margin-bottom:-4px; position:relative; z-index:2;} div.box22 div.box22-bottom { background:url(../images/content/box22-bottom-middle.gif) left top repeat-x; padding:0; position:relative; z-index:1;} div.box22 div.box22-bottom div.box22-bottom-left{ background:url(../images/content/box22-bottom-left.gif) left top no-repeat; } div.box22 div.box22-bottom div.box22-bottom-right{ background:url(../images/content/box22-bottom-right.gif) right top no-repeat; height:5px; line-height:5px; } div.box22 img.arrow{ position:absolute; left:50%; top:4px; margin-left:-20px;} /*---- box23 ----*/ div.box23{ margin:-5px 0 2px; background:url(../images/content/box23-middle.jpg) 0 0 repeat-y;} div.box23 div.box23-top { background:url(../images/content/box23-top.jpg) 0 0 no-repeat;} div.box23 div.box23-bottom{ background:url(../images/content/box23-bottom.jpg) 0 100% no-repeat; padding:0 18px;} /*---- box23-section ----*/ div.box23 div.section{ width:399px; height:115px; overflow:hidden;} div.box23 div.section h2{ font-size:160%; color:#FFF; margin:25px 0 0;} div.box23 div.section span.choose{ background:url(../images/content/choose-bg.jpg) 0 0 no-repeat; display:block; float:right; width:115px; height:115px; margin-left:20px; font-size:360%; color:#FFF;} div.box23 div#you-choose h2{ text-indent:-10000px; background:url(../../assets/images/headings/u-choose-text.png) 0 0 no-repeat; height:54px;} div.box23 div#we-choose{ width:395px;} div.box23 div#we-choose span.choose{ float:left; margin:0 20px 0 0; background:url(../images/content/choose2-bg.jpg) 0 0 no-repeat;} div.box23 div#we-choose h2{ text-indent:-10000px; background:url(../../assets/images/headings/we-choose-text.png) 100% 0 no-repeat; height:54px;} /*---- our-partners ----*/ div#our-partners div.middle{ padding:10px 16px;} div#our-partners div.box22 h2.our-partners{ text-align:center; margin-bottom:8px;} div#our-partners div.box22 h2.our-partners span{ background:url(../../assets/images/headings/give-to-our-partners.jpg) 0 0 no-repeat; width:328px; height:0px; padding-top:28px; overflow:hidden; display:block; font-size:100%; margin:0 auto; line-height:28px;} div#our-partners div.box22 h3{ font-size:160%; color:#666666; text-align:center;} div#our-partners div.box22 p{ font-size:130%; color:#666666; line-height:18px; text-align:center;} div#our-partners span.or{ height:115px; line-height:115px; display:block; float:left; text-align:center; width:55px; font-size:170%; color:#a2a2a2; font-weight:bold;} /*------------------------------------------ // 32 HOME REVIEWS //------------------------------------------*/ div#content div.two-column{ margin-bottom:20px;} /*---- box24 ----*/ div.box24 { float:right; width:400px;} div.box24 div.top{ background:url(../images/content/box24-top-left.png) 0 0 no-repeat; padding-left:6px;} div.box24 div.top div.right{ background:url(../images/content/box24-top-right.png) 100% 0 no-repeat; line-height:7px; height:7px;} div.box24 div.bottom{ background:url(../images/content/box24-bottom-left.png) 0 100% no-repeat; padding-left:6px;} div.box24 div.bottom div.right{ background:url(../images/content/box24-bottom-right.png) 100% 100% no-repeat; padding:20px;} /*---- video-section ----*/ div#video-section{ width:462px; float:left; } div#video-section a{ border:0;} div#video-section img{ margin:0;} div#video-section div.controls{ font-size:140%; color:#d8d8d8; font-weight:bold; line-height:22px; position:relative; margin:12px 0; padding-left:50px;} div#video-section div.controls div.titles { position:relative; width:355px; } div#video-section div.controls div.titles h2 { width:355px; } div#video-section div.controls a.previous{ position:absolute; left:-10px; top:0px;} div#video-section div.controls a.next{ position:absolute; right:-10px; top:0px;} div#video-section ul li{ float:left; width:440px; height:318px;} div#mycarousel { width:440px; position:relative; height:318px; overflow:hidden;} /*---- Button14 ----*/ a.button14{ background:url(../images/content/button14.png) 0 0 no-repeat; display:block; padding-left:40px; margin-bottom:20px; height:80px; overflow:hidden; } a.button14 span.inner {background:url(../images/content/button14.png) no-repeat 100% -80px; height:80px; line-height:80px; padding-right:40px; display:block;} a.button14:hover{ background-position:0 -160px; } a.button14:hover span.inner { background-position:100% -240px; } /*---- Button15 ----*/ a.button15{ background:url(../images/content/button15.png) 0 0 no-repeat; display:block; padding-left:40px; margin-bottom:20px; height:80px; overflow:hidden; } a.button15 span.inner {background:url(../images/content/button15.png) no-repeat 100% -80px; height:80px; line-height:80px; padding-right:40px; display:block;} a.button15:hover{ background-position:0 -160px; } a.button15:hover span.inner { background-position:100% -240px; } /*---- mission-statement ----*/ div#mission-statement{ float:right; width:435px;} div#mission-statement a:hover{ border:0; } div#mission-statement div.mission{ background:url(../images/content/dotted-border.gif) 0 0 repeat-x; padding-top: 25px; margin-bottom: 25px;} div#mission-statement div.mission p { font-size:140%; color:#474747; line-height:30px; text-align:center;} div#mission-statement a.button14 span.inner { padding-top:25px; height:56px;} div#mission-statement a.button14 span.text { background:url(../../assets/images/headings/volunteer-now.png) 0 0 no-repeat; width:245px; height:29px; margin:0 auto; display:block; } div#mission-statement a.button15 { margin-bottom:25px; } div#mission-statement a.button15 span.inner { padding-top:25px; height:56px;} div#mission-statement a.button15 span.text{ background:url(../../assets/images/headings/give-now.png) 0 0 no-repeat; width:163px; height:29px; margin:0 auto; padding:0; display:block; } /*---- sociable ----*/ div#sociable{ float:left; width:461px;} div#sociable div.bottom-left div.top-left{ padding:9px 11px 10px;} div#sociable div.tweets h2{ background:url(../images/content/tweets-icon.jpg) 0 0 no-repeat; padding-left:40px; margin-bottom:10px;} div#sociable div.tweets h2 span.inner{ display:block; background:url(../../assets/images/headings/recent-tweets.jpg) 0 0 no-repeat; height:30px; text-indent:-10000px;} div#sociable div.tweets{ background:url(../images/content/line-border.jpg) 0 100% repeat-x; margin:0 -10px 12px; padding:0 11px 0 13px; width:434px;} div#sociable div.tweets ul { padding-bottom:10px; width:435px; height:80px; } div#sociable div.tweets ul li{ margin-bottom:10px; background:none !important;} div#sociable div.tweets ul li img{ float:left; border:#989898 5px solid;} div#sociable div.tweets ul li p{ font-size:110%; color:#FFF; line-height:16px; font-weight:bold;} div#sociable div.tweets ul li p a{ color:#79aad1; background:none; padding:0;} div#sociable div.tweets ul li p a:hover { border-bottom:1px dotted #79aad1; } div#sociable div.facebook{ padding:0 2px;} div#sociable div.facebook h2 span{ background:url(../../assets/images/headings/fan-facebook.png) 0 0 no-repeat; height:30px; display:block; text-indent:-10000px;} div#sociable div.facebook h2 a{ float:right; border:0;} /*---- Button16 ----*/ a.button16{ background:url(../images/content/button16-right.png) 100% 0 no-repeat; padding-right:10px; float:right; font-size:120%; color:#FFF; font-weight:bold; margin:0; margin-top:4px; display:block; height:25px;} a.button16 span{background:url(../images/content/button16-left.png) no-repeat 0 0px; height:25px; line-height:25px; display:block; padding:0 0 0 10px; display:block; float:left; margin:0;} /*---- box25 ----*/ div.box25{ background:url(../images/content/box25-middle.jpg) 0 0 repeat-y; width:356px; margin-left:78px; position:relative;} div.box25 div.box25-top{ background:url(../images/content/box25-top.jpg) 0 0 no-repeat;} div.box25 div.box25-bottom{ background:url(../images/content/box25-bottom.jpg) 0 100% no-repeat; padding:10px;} div#container div.box25 img.arrow{ position:absolute; left:-11px; top:12px; border:0; float:none;} /*---- dashboard section ----*/ div#dashboard div.section{ background:url(../images/content/section-bg2.jpg) 0 0 no-repeat; width:325px; height:64px; float:right; padding:10px 100px 5px 10px; margin-bottom:32px; position:relative;} div#dashboard div.section.last { margin-bottom:12px; } div#dashboard div.section img.product{ position:absolute; right:10px; top:-10px;} div#dashboard div.section h2{ margin-bottom:9px; font-weight:bold; font-size:210%; color:#79aad1; } div#dashboard div.section h2 img { position:relative; top:2px; } div#dashboard div.section p{ font-size:110%; color:#FFF; font-weight:bold;}