/*
Theme Name: WordPress Default
Theme URI: http://www.sme.com.ph/
Description: 
Version: 1.0
Author: Rey C. Etable
Author URL: 
Tags: blue, fixed width, columns
*/



/* Begin Typography & Colors */
@font-face {
    font-family: 'RockwellRegular';
    src: url('rock-webfont.eot');
    src: url('rock-webfont.eot?#iefix') format('embedded-opentype'),
         url('rock-webfont.woff') format('woff'),
         url('rock-webfont.ttf') format('truetype'),
         url('rock-webfont.svg#RockwellRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* End Typography & Colors */

/* Begin Structure */
.pagecontainer {margin:0 auto; background:#fff; width:972px;}
.bannercont {margin:0 auto; background:url(images/bannerbg.jpg) no-repeat; width:950px; height:438px; }
.headertxt {padding-top:7em;}
.headertxt h3 {color:#076e8a; font-size:30px;}
.headertxt p {font-size:14px; font-family:'RockwellRegular';}
.bannercont img {padding-top:4em;}
.boxes {padding-top:3em;}
.boxes h4 {font-size:24px; margin-bottom:.2em;}
.boxes img {border:6px solid #08a2d0; margin-bottom:1.5em;}
.boxes p {margin-bottom:3em;}
.linkbox {font-family:'RockwellRegular'; font-size:14px; background:#0099c6; padding:1em 1em; color:#fff; }
.linkbox a:hover {color:#000;}


.clicklink {margin:0 auto; background:url(images/clickhere-bg.jpg) no-repeat; width:97px; height:22px; }
.clicklink a {margin:0 auto; font-family:'RockwellRegular'; font-size:12px; line-height:1.7; color:#fff; padding:1em 0 0 .9em; }
.clicklink a:hover {color:#ede500; }

.pagecont {margin:0 auto; width:950px;}
.pagecont h2 {font-family: 'RockwellRegular'; color:#174175; padding-top:1em;}
.pagecont h3 {font-family: 'RockwellRegular'; padding-top:1em;}
.pagecont h3 a {color:#174175;}
.pagecont h3 a:hover {color:#000;}
.pagecont h4 {font-size:30px !important;}

.pagebanner {margin:0 auto; background:url(images/pagebanner.jpg) repeat-x; height:176px;}
.pagebannercontainer {margin:0 auto; background:url(images/splashbanner.jpg) no-repeat; width:950px; height:176px;}
.pagebannercontainer h2 {font-family: 'RockwellRegular'; color:#14809c; padding-top:.7em; font-size:36px; margin-bottom:0;}
.pagebannercontainer h3 {font-family: 'RockwellRegular'; color:#14809c; padding-top:.5em; font-size:14px; color:#3b3b3b;}

.pagecont {padding-top:4em;}
.pagecont h4 {font-family: 'RockwellRegular'; font-size:24px; color:#076e8a; font-size:24px; }
.pagecont img {border:1px solid #bebebe;}

.searchtitlepage {font-family: 'RockwellRegular'; font-size:24px; color:#076e8a !important; padding-top:0 !important;}
.searchitem h4 {font-family:Arial, Helvetica, sans-serif !important; margin-bottom:0 !important;}
.searchitem a {font-size:18px; color:#000 !important;}
.searchitem a:hover {font-size:18px; color:#00ade9 !important;}
.searchitem p {padding-bottom:.5em;}

.bgbooks {margin:0 auto; background:url(images/bg-books.jpg) no-repeat; width:135px; height:171px; margin:0 2.5em 0 2.5em; float:left}
.bgbooks img {margin:1em .5em .5em .8em; border:0 !important;}
.bgbooks p {margin:0 auto !important; font-family: 'RockwellRegular'; color:#444444; font-size:14px; text-align:center; width:135px; padding-top:.7em;}
.bgbooks a {margin:0 auto !important; color:#1a8ab9; text-align:center !important; width:135px; font-style:italic;}
.bgbooks a:hover {color:#000; }
.marbot {padding-bottom:2em;}

.backhome {padding-top:1em }
.bookmarg {padding:0 0 4em 8em;}
/* End Structure */

/*	Begin Headers */
.headerbg {background:url(images/headerbg.png) no-repeat center top; width:950px; height:178px !important; }
.headercont {padding-top:1em;}
.fbtwitsearch {padding-left:11em; float:left;}
.fbtwitsearch img {float:left; margin:.8em .2em 0 .2em;}
.dblink {padding-top:2em;}
.headerbg {margin:0 auto; background:url(images/headerbg.png) no-repeat; width:972px; height:220px;}
.contactcont {margin:1em auto; background:url(images/phone-icon.png) no-repeat center left; height:32px; color:#fff; padding-left: 3em;}

div.logo {margin:0 auto; float:left; margin-top:1em;}
div.logo h1 {margin:0 auto; background:url(images/dbsalesiana-logo.png) top no-repeat; width:435px; height:109px;}
div.logo h1 a {display:block; width:428px; height:109px; outline:none;}
div.logo h1 span {position:absolute; text-indent:-9999999px; }

/* End Headers */

/* Begin Images */
/* End Images */

/* Begin Menu */
.navcontainer {margin:0 auto; width:950px; }
ul.menu {margin:0 auto; list-style-type:none; font-size:16px; font-family: 'RockwellRegular'; font-weight:bold; float:right;}
ul.menu li {float:left; color:#fff; outline:none; margin-bottom:2;}
ul.menu li.first {background:none; }
ul.menu li a:hover {color:#0d3369; text-decoration:underline; text-shadow:#6e6e6e 0px 0px 0px;}
ul.menu li a {text-decoration: none; color:#fff; display:block; padding:.5em 1.4em 0 1.3em; text-shadow:#6e6e6e 1px 1px 1px;}
ul.menu li.current_page_item a {outline:none; color:#0d3369; text-decoration:underline; text-shadow:#6e6e6e 0px 0px 0px;}
#current_home_item a {ccolor:#026812; outline:none; }
/* End Menu*/

/* begin banner slider */
#slider ul, #slider li{margin:0 auto; list-style:none; }
#slider li {width:630px; height:333px; overflow:hidden;}
ol#controls {margin:-40px -2em 0 0; padding:0; float:right;}
ol#controls li {margin:0 auto; padding:0; float:left; list-style:none ; line-height:20px;}
ol#controls li a {float:left; height:22px; width:15px; line-height:20px; border:1px solid #fff; background:#00ade9; color:#fff; text-decoration:none; font-weight:bold; padding:0 0 0 9px; margin:0 3px 0 3px;}
ol#controls li.current a{ background:#0069a5; color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}	
/* end banner slider */


/* Begin Form Elements */
.formleft {float:left; font-size:1.08em; line-height:1.39; width:500px;}
.formright {float:left; font-size:1.08em; line-height:1.39; width:450px;  height:720px; padding-top:2em;}
input#quiz { width:30px; *vertical-align:middle; }
input#captchafield { width:40px; }
img#captchaimg {position:relative; vertical-align:middle; margin-left:10px; *margin-top:-12px; }
.wpcf7-form div.wpcf7-response-output { padding:.8em;margin:0 0 1em;border:2px solid #ddd;}
.wpcf7-form div.wpcf7-mail-sent-ok { background:#E6EFC2;color:#264409;border-color:#C6D880; }
.wpcf7-form div.wpcf7-validation-errors, .wpcf7-form span.wpcf7-not-valid-tip { background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.wpcf7-form span.wpcf7-not-valid-tip { padding:.25em .5em; }
.req { color:#ed1c24; }

/* End Form Elements */

/* Begin Comments*/
/* End Comments */

/* Begin Sidebar */
/* End Sidebar */

/* Begin Footer */
.footercont {margin:0 auto; text-align:center; background:url(images/footer-bg.jpg) no-repeat scroll center top; height:215px; }
.footercontainer {margin:0 auto; width:950px; border-top:1px dashed #aeaeae;}
.footercontainer img {border:0 !important;}
.footercontainer center {padding-top:2em;}
.copyright {margin:0 auto; font-size:11px; color:#707070; width:465px; padding-top:3em}
.copyright a {color:#707070; }
.copyright a:hover {color:#000;}
/* End Footer */

/*super fish*/
.menu {float:right; margin-top:-0.3em}
.sf-menu, .sf-menu * {margin:0 auto; list-style-type:none; font-size:16px; font-weight:bold; float:left; font-family: 'RockwellRegular'; }
.sf-menu {line-height:1em;}
.sf-menu ul {position:absolute; width:16em; background:#1ebaea; margin-top:.6em; text-shadow:#6e6e6e 0px 0px 0px;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; }
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative; outline:none; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0; top:1.9em; z-index:99; text-shadow:#6e6e6e 0px 0px 0px;}
.sf-menu {float:left;}
.sf-menu a {padding:.75em 1.4em; text-decoration:none; outline:none; color:#fff; text-shadow:#6e6e6e 1px 1px 1px;}
.sf-menu a:visited  {padding:.6em 1.5em; outline:none; color:#fff; text-shadow:#6e6e6e 0px 0px 0px;}
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color:#0d3369; text-align:left; text-shadow:#6e6e6e 0px 0px 0px; text-decoration:underline;}
.sf-menu li.current_page_item a {color:#0d3369; text-shadow:#6e6e6e 0px 0px 0px; text-decoration:underline;}
.sf-sub-indicator {position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:-10px -100px;}
.page-item-72 {text-shadow:#6e6e6e 0px 0px 0px;}
/*end super fish*/

/* Begin Search */
#searchsubmit {background:url(images/search-button.png) no-repeat; width:27px; height:23px; border:0; cursor:pointer; outline:none; }
.inputtxt {border:0 !important; background:url(images/search-bar.jpg) no-repeat; width:243px; height:23px; }
.searchcontent {margin:0 auto; text-align:right; float:left; padding-left:.5em;}
.searchresultcont {margin:2em 1.5em 3em 3em; width:900px; color:#000;}
.searchresultcont h2 {color:#B80000; font-size:1.9em; line-height:1em;}
.searchresultcont h3 {color:#B80000; font-size:1.5em; line-height:3em;}
.searchitem {margin-bottom:2em; border-bottom:1px solid #e5e5e5;}
.navigation-txt {margin-top:1.5em;}
.navigation-txt {padding:1em 0 4em 0;}
.alignleft {float:left; padding-right:2em;}
.alignright {float:left;}
/* End Search */


/* begin flowtabs */
ul.collapse {list-style-type:none; margin:0 !important;}
#flowtabs li {color:#1a8ab9; font-family: 'RockwellRegular'; font-size:18px; margin:0 !important;}
#flowtabs li a {line-height:2; text-decoration:none; outline:none; color:#1a8ab9; display:block;}
#flowtabs li a:hover {color:#f09800; display:block;}
#flowtabs li a.current {color:#f09800; display:block;}
#products-view, #products-lists  {margin:0 4em 0 1em;}
#flowpanes {margin:0 auto;}
#flowpanes h5 {font-size:24px !important; border-bottom:1px dashed #000; padding-bottom:.2em; margin-bottom:1.5em; font-weight:normal !important;}
.firsth4 {border:none !important; padding:0 !important; margin-bottom:1.25em !important;}
/* end flowtabs */

/* begin tooltip */
#tooltip {position:absolute;z-index:9999;color:#000;font-size:12px;width:328px;font-style:normal;text-align:left;}
#tooltip .tipHeader {height:12px;background:url(images/tipHeader.png) no-repeat;}
#tooltip .tipBody {background:url(images/tipBody.png) repeat-y;padding:5px 5px 5px 15px;}
#tooltip .tipFooter {height:12px; background:url(images/tipFooter.png) no-repeat;}
.bgbooks a {margin:0 auto !important; color:#1a8ab9; text-align:center !important; width:135px; font-style:italic; cursor:hand !important; cursor:pointer !important; padding:0 3.3em 0 3.3em;}
.bgbooks a:hover {color:#000;text-decoration:none;}
.catalogindi {padding-bottom:5em;}
/* end tooltip */