/*
Theme Name: Workplace Inspired
Theme URI: http://www.ratio7.com/
Version: 1
Author: Steve Hill - Ratio7.com
Author URI: http://www.ratio7.com/
*/

/* 

Index:
(N) 1.  base styles
(N) 2.  layout elements
(N) 3.  header
(N) 4.  navigation
(N) 5.  promos
(N) 6.  sidebar
(N) 7.  content styles (overwrite with sections.css)
(N) 8.  definition list (dl) styles
(N) 9.  table styles
(N) 10. form styles
(N) 11. homepage styles
(N) 12. footer
(N) 13. miscellaneous styles
*/

/* 1. base styles
---------------------------------------------------------- */

body {
 margin: 0;
 padding: 0;
 font-family: Arial, Verdana, sans-serif;
 font-size: 80%;
 line-height: 1.4em;
 background: #fff; }

div, ul, li {
 margin: 0;
 padding: 0; }

p {
 margin: 0;
 padding: 0 0 1.4em 0; }

a:link, a:visited {
 text-decoration: underline;
 color: #000; }

a:hover {
 color: #ff9900; }

form {
 margin: 0;
 padding: 0; }

input {
 margin: 0;
 padding: 2px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 95%; }

select {
 margin: 0;
 padding: 1px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 95%; }

textarea {
 margin: 0;
 padding: 3px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 95%; }

.button {
 padding: 2px 4px 2px 4px;
 font-weight: bold;
 color: #333; }

/* 2. layout elements
---------------------------------------------------------- */

#wrap {
 display: block;
 width: 1000px;
 margin: 0 auto;
 background: #333; }

#home #feature {
 display: block;
 width: 1000px;
 height: 425px;
 padding: 35px 0 0 0;
 background-position: 0 0;
 background-repeat: no-repeat; }

#section-wpi #feature, #section-kbs #feature {
 display: block;
 width: 1000px;
 min-height: 160px;
 padding: 35px 0 0 0;
 background-position: 0 0;
 background-repeat: no-repeat; }

#header {
 display: block;
 float: left;
 width: 675px;
 min-height: 70px;
 padding: 20px 0 0 20px;
 background: url(images/common/header-bg.png) 0 0 no-repeat; }

#home #body-wrap {
 display: block;
 width: 960px;
 padding: 20px; }

#section-wpi #body-wrap, #section-kbs #body-wrap {
 display: block;
 float: left;
 width: 960px;
 padding: 20px;
 background: url(images/common/wpi-watermark.gif) 0 0 no-repeat; }

#home #sidebar {
 float: right;
 width: 265px;
 font-size: 85%;
 line-height: 1.3em;
 color: #ccc; }

#section-wpi #sidebar, #section-kbs #sidebar {
 float: left;
 width: 255px;
 padding: 55px 5px 20px 5px;
 font-size: 85%;
 line-height: 1.3em;
 color: #ccc; }

#home #content {
 display: block;
 float: left;
 width: 635px;
 margin: 0 0 20px 0;
 padding: 20px 20px 0 20px;
 background: #fff; }

#section-wpi #content, #section-kbs #content {
 display: block;
 width: 630px;
 margin: 0 0 0 320px;
 color: #fff; }

#footer {
 clear: both;
 display: block;
 min-height: 220px;
 border-top: 20px solid #fff;
 background: #fff;
 font-size: 90%;
 color: #666; }

/* 3. header
---------------------------------------------------------- */

#print-header {
 display: none; }

#logos {
 float: left;
 width: 467px;
 list-style: none;
 background: url(images/common/logos-divider.gif) 247px 0 no-repeat; }

#logos li {
 display: inline;
 float: left;
 margin: 0 57px 0 0;
 padding: 0;
 list-style: none; }

#logos a {
 display: block;
 height: 52px;
 padding: 52px 0 0 0;
 overflow: hidden;
 height: 0px !important; }
 
#logos a:link, #logos a:visited {
 background-position: 0 -52px; }

#logos a:hover {
 background-position: 0 0; }

#home #logos a:link.workplace-inspired, #home #logos a:visited.workplace-inspired {
 background-position: 0 0; }

#section-wpi #logos a:link.workplace-inspired, #section-wpi #logos a:visited.workplace-inspired {
 background-position: 0 0; }

#section-kbs #logos a:link.kingdom-business-school, #section-kbs #logos a:visited.kingdom-business-school {
 background-position: 0 0; }

#logos .workplace-inspired {
 width: 219px;
 height: 52px;
 background: url(images/common/workplace-inspired.gif) 0 0 no-repeat; }

#logos .kingdom-business-school {
 width: 134px;
 height: 52px;
 background: url(images/common/kingdom-business-school.gif) 0 0 no-repeat; }

#tools {
 float: right;
 width: 188px;
 font-size: 90%; }

#search {
 display: block;
 float: left; }

#search fieldset {
 margin: 0;
 padding: 0;
 border: 0; }

#search legend {
 display: none; }

#search-text {
 float: left; }

#search-text input {
 width: 148px;
 padding: 4px;
 border: 1px solid #ccc;
 color: #888;
 font-weight: normal; }

#home #search-text input, #section-wpi #search-text input {
 background: #F2F7FA; }

#section-kbs #search-text input {
 background: #FCF2F2; }

#search-button {
 float: left; }

#search-button input {
 width: 18px;
 height: 18px; }

#tools ul {
 display: block;
 float: left;
 margin: 0;
 padding: 15px 0 0 0;
 list-style: none;
 color: #ccc; }

#tools li {
 display: inline;
 margin: 0 10px 0 0;
 padding: 0;
 list-style: none; }

#home #tools a:link, #section-wpi #tools a:link, #home #tools a:visited, #section-wpi #tools a:visited {
 text-decoration: none;
 color: #1082C2; }

#home #tools a:hover, #section-wpi #tools a:hover {
 color: #1082C2;
 text-decoration: underline; }

#section-kbs #tools a:link, #section-kbs #tools a:visited {
 text-decoration: none;
 color: #cc0000; }

#section-kbs #tools a:hover {
 color: #cc0000;
 text-decoration: underline; }

/* 4. navigation
---------------------------------------------------------- */

#navigation {
 display: block;
 float: left;
 width: 540px;
 margin: 0 0 0 125px;
 padding: 5px 5px 5px 25px; }

#home #navigation, #section-wpi #navigation {
 background: url(images/common/wpi-nav-bg.png) bottom left no-repeat; }

#section-kbs #navigation {
 background: url(images/common/kbs-nav-bg.png) bottom left no-repeat; }

#navigation ul {
 display: block;
 margin: 0;
 padding: 0;
 list-style: none; }

#navigation li {
 display: inline;
 margin: 0 20px 0 0;
 padding: 0 0 0 20px;
 list-style: none;
 color: #fff;
 position: relative;
 z-index: 20; }

#home #navigation li, #section-wpi #navigation li {
 background: url(images/common/wpi-nav-bullet.gif) 0 0 no-repeat; }

#section-kbs #navigation li {
 background: url(images/common/kbs-nav-bullet.gif) 0 0 no-repeat; }

#navigation ul a.end {
 margin: 0; }

#navigation a:link, #navigation a:visited {
 color: #fff;
 text-decoration: none; }

#navigation a:hover {
 text-decoration: underline; }

#navigation li ul {
 margin: 0;
 padding: 0;
 display: none;
 position: absolute;
 left: 0px;
 top: 1.2em;
 background: #1082C2; }

#section-wpi #navigation li ul {
 background: #1082C2; }

#section-kbs #navigation li ul {
 background: #CC0000; }

#navigation li ul li {
 display: block;
 float: none;
 margin: 0;
 padding: 7px 7px 7px 1px;
 color: #fff;
 border-bottom: 1px dashed #fff;
 background: none; }

#home #navigation li ul li, #section-wpi #navigation li ul li, #section-kbs #navigation li ul li {
 background: none; }

#navigation li ul li a {
 margin: 0;
 display: block;
 padding: 0 0 0 5px;
 width: 150px;
 color: #fff; }

#navigation li:hover ul {
 display: block; }

/* 5. promos
---------------------------------------------------------- */

#home #promos {
 display: block;
 height: 154px;
 padding: 0 0 20px 0; }

#section-wpi #promos, #section-kbs #promos {
 display: block;
 clear: right;
 width: 630px;
 margin: 35px 0 0 320px;
 height: 154px;
 padding: 0; }

#promos li {
 display: inline;
 padding: 0;
 list-style: none;
 font-weight: bold;
 color: #fff; }

#home #promos a {
 display: block;
 float: left;
 margin: 0 11px 0 0;
 padding: 7px 0 0 25px;
 width: 193px;
 height: 147px; }

#section-wpi #promos a, #section-kbs #promos a {
 display: block;
 float: left;
 margin: 0 13px 0 0;
 padding: 7px 0 0 25px;
 width: 176px;
 height: 135px; }

#home #promos .events {
 background-image: url(images/home/promo-events.jpg); }

#home #promos .shop {
 background-image: url(images/home/promo-shop.jpg); }

#home #promos .lionsden {
 background-image: url(images/home/promo-lionsden.jpg); }

#section-wpi #promos .events, #section-kbs #promos .events {
 background-image: url(images/common/promo-events-small.jpg); }

#section-wpi #promos .shop, #section-kbs #promos .shop {
 background-image: url(images/common/promo-shop-small.jpg); }

#section-wpi #promos .lionsden, #section-kbs #promos .lionsden {
 background-image: url(images/common/promo-lionsden-small.jpg); }

#promos a:link, #promos a:visited {
 text-decoration: none;
 color: #fff;
 background-position: 0 0;
 background-repeat: no-repeat; }

#home #promos a:hover {
 text-decoration: underline;
 color: #fff;
 background-position: 0 -154px;
 background-repeat: no-repeat; }
 
#section-wpi #promos a:hover, #section-kbs #promos a:hover {
 text-decoration: underline;
 color: #fff;
 background-position: 0 -142px;
 background-repeat: no-repeat; }

/* 6. sidebar
---------------------------------------------------------- */

#sidebar #imagery {
 display: block;
 margin: 0 0 60px 0; }

#sidebar .panel {
 display: block;
 width: 245px;
 margin: 0 0 20px 0;
 padding: 10px;
 background: url(images/common/sidebar-panel-bg.gif) 0 0 repeat-y;
 border-top: 1px solid #1B1B1B;
 border-bottom: 1px solid #4C4C4C; }

#sidebar a:link, #sidebar a:visited {
 text-decoration: underline;
 color: #CFA25C; }

#sidebar a:hover {
 color: #F8EDCC; }

#sidebar p.newsletter-title {
 display: block;
 width: 265px;
 margin: 0;
 padding: 9px 7px 9px 25px;
 font-size: 115%;
 font-weight: bold;
 color: #fff;
 background: url(images/common/newsletter-heading-bg.png) 0 0 no-repeat; }

#sidebar #newsletter p {
 font-weight: bold; }

#sidebar #newsletter label {
 display: block;
 padding: 0 0 5px 16px;
 font-size: 110%;
 color: #fff;
 background: url(images/common/email-icon.gif) 0 4px no-repeat; }

#sidebar #newsletter #email {
 display: block;
 width: 225px;
 padding: 5px;
 font-size: 110%;
 color: #CFA25C;
 background: #F8EDCC;
 border: 1px solid #CFA25C; }

#sidebar #newsletter .button {
 margin: 0 0 0 112px; }

#sidebar #partners {
 display: block;
 padding: 0 10px 0 10px;
 font-size: 110%; }

#sidebar #partners strong {
 color: #fff; }

#sidebar #partners ul {
 display: block;
 margin: 0;
 padding: 0;
 list-style: none; }

#sidebar #partners li {
 display: block;
 margin: 0;
 padding: 0 0 5px 20px;
 list-style: none;
 background: url(images/common/external-link-icon.gif) 0 2px no-repeat; }

#sidebar #partners a:link, #sidebar #partners a:visited {
 text-decoration: none;
 color: #ccc; }

#sidebar #partners a:hover {
 text-decoration: underline;
 color: #ccc; }

/* 7. content
---------------------------------------------------------- */

#content h1 {
 display: block;
 margin: 0 0 1.4em 0;
 padding: 0;
 font-size: 16px;
 line-height: 2em;
 color: #cc3300; }

#content h2 {
 display: block;
 margin: 0;
 padding: 0;
 font-size: 16px;
 line-height: 1.6em;
 color: #fff; }

#content h3 {
 display: block;
 font-size: 130%;
 padding: 0;
 color: #0066cc; }

#content p {
 margin: 0 0 1.4em 0;
 padding: 0;
 line-height: 1.4em; }

#content a:link, #content a:visited {
 text-decoration: underline;
 color: #ccc; }

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

#content blockquote {
 font-size: 170%;
 line-height: 1.2em;
 color: #777;
 text-align: center; }

#section-wpi #content ul, #section-kbs #content ul {
 display: block;
 margin: 0 0 0 15px;
 padding: 0;
 list-style: disc; }

#section-wpi #content ul li, #section-kbs #content ul li {
 display: block;
 padding: 0 0 1em 0;
 list-style: disc; }

#content .pagelinks {
 clear: left;
 display: block;
 padding-left: 18px;
 background: url(../../assets/images/common/pagelinks.gif) no-repeat 0 2px; }

#content .article {
 display: block;
 padding-left: 20px;
 background: url(images/common/article-icon.gif) no-repeat 0 50%; }

#content .rss {
 display: block;
 padding-left: 22px;
 background: url(images/common/rss-icon.gif) no-repeat 0 0; }

#content .back {
 padding-left: 18px;
 background: url(../../assets/images/common/back.gif) no-repeat 0 2px; }

#content .button {
 margin: 0 0 0 10px; }

/* 8. definition list (dl) styles
---------------------------------------------------------- */

#content dl {
 display: block;
 margin: 0 13px 0 0;
 padding: 0;
 border-top: 1px solid #bbb; }

#content dt {
 display: block;
 margin: 0;
 padding: 12px 12px 2px 12px;
 font-weight: bold;
 color: #333;
 border-left: 1px solid #bbb;
 border-right: 1px solid #bbb; }

#content dd {
 display: block;
 margin: 0;
 padding: 2px 12px 12px 12px;
 border-left: 1px solid #bbb;
 border-right: 1px solid #bbb;
 border-bottom: 1px dashed #bbb; }

#content dd p {
 padding: 1em 0 0 0; }

#content dl .light {
 background: #ffffdd; }

#content dl .dark {
 background: #ffffcc; }

#content dl .left {
 float: left;
 width: 50%; }

#content dl .right {
 float: right;
 width: 50%; }

/* 9. table styles
---------------------------------------------------------- */

#content table {
 width: 600px;
 margin: 0 0 1.4em 0;
 padding: 0; }

#content caption {
 display: none; }

#content td {
 padding: 6px;
 border-bottom: 1px solid #999; }

#content td.noline {
 border-bottom: 0px none; }

#content tbody td p {
 margin: 0;
 padding: 0 0 10px 0; }

#content tbody td li {
 display: block;
 padding: 0 0 3px 18px;
 list-style: none;
 background: url(../../assets/images/common/tick-icon.gif) no-repeat 0 0; }

#content tfoot td {
 padding: 6px;
 text-align: left;
 background: #ffffcc;
 border-bottom: 1px solid #ccc; }

#content tfoot .multiple-selected {
 padding: 5px 0 0 19px;
 line-height: 14px; }

#content table .checkbox {
 width: 30px; }

/* 10. form styles
---------------------------------------------------------- */

#content form {
 padding: 0 0 1.3em 0; }

#content form fieldset {
 margin: 0 0 1.1em 0;
 padding: 0;
 border: 0 none; }

#content form legend {
 display: none; }

#content form label {
 display: block;
 font-weight: bold;
 padding-bottom: 5px; }

#content form .text {
 width: 225px;
 padding: 5px;
 color: #CFA25C;
 background: #F8EDCC;
 border: 1px solid #CFA25C; }

#content form select {
 padding: 2px;
 border: 1px solid #bbb; }

#content form textarea {
 width: 325px;
 height: 85px;
 padding: 5px;
 color: #CFA25C;
 background: #F8EDCC;
 border: 1px solid #CFA25C; }

.error {
 width: 562px;
 margin: 0;
 padding: 8px 12px 8px 30px;
 background: #FFCCCC url(images/common/alert-icon.gif) no-repeat 10px 50%;
 color: #990000;
 font-weight: bold;
 border: 1px solid #CC6666; }

/* 11. homepage styles
---------------------------------------------------------- */

#home .feature-1 {
 background-image: url(images/home/feature-1.jpg); }

#home .feature-2 {
 background-image: url(images/home/feature-2.jpg); }

#home .feature-3 {
 background-image: url(images/home/feature-3.jpg); }

#section-wpi .feature-1, #section-kbs .feature-1 {
 background-image: url(images/sections/feature-1.jpg); }

#section-wpi .feature-2, #section-kbs .feature-2 {
 background-image: url(images/sections/feature-2.jpg); }

#section-wpi .feature-3, #section-kbs .feature-3 {
 background-image: url(images/sections/feature-3.jpg); }
 
#section-wpi .feature-4, #section-kbs .feature-4 {
 background-image: url(images/sections/feature-4.jpg); }

#section-wpi .feature-5, #section-kbs .feature-5 {
 background-image: url(images/sections/feature-5.jpg); }

#section-wpi .feature-6, #section-kbs .feature-6 {
 background-image: url(images/sections/feature-6.jpg); }

#feature-link {
 display: block;
 float: left;
 width: 734px;
 padding: 66px 0 0 266px; }

#feature-link a {
 float: left; }

#feature-link .next {
 margin: 122px 0 0 0;
 padding: 0 0 0 130px;
 float: right;
 border-top: 7px solid #1282C1; }

#home #introduction {
 float: left;
 width: 298px;
 padding: 0 18px 0 0;
 border-right: 1px solid #ccc; }

#home #introduction p {
 margin: 0 0 20px 0;
 padding: 0; }

#home h1 {
 display: block;
 margin: 0 0 20px 0;
 padding: 0;
 color: #666;
 height: 67px;
 padding: 67px 0 0 0;
 overflow: hidden;
 height: 0px !important;
 background: url(images/home/welcome-title.gif) no-repeat 0 0; }

#home #introduction a:link, #home #introduction a:visited {
 text-decoration: underline;
 color: #666; }

#home #introduction a:hover {
 color: #000; }

#home #latest-news a:link, #home #latest-news a:visited {
 text-decoration: underline;
 color: #666; }

#home #latest-news a:hover {
 text-decoration: underline;
 color: #000; }

#home #latest-news {
 float: left;
 width: 298px;
 padding: 0 0 0 18px;
 font-size: 90%; }

#home #latest-news h1 {
 height: 19px;
 padding: 19px 0 0 0;
 background: url(images/home/news-title.gif) no-repeat 0 0; }

#home #latest-news h2 {
 display: block;
 margin: 0;
 padding: 0 0 0 20px;
 font-size: 100%;
 background: url(images/common/article-icon.gif) no-repeat 0 50%; }

#home #latest-news strong {
 color: #1282C1; }

#home #latest-news p {
 margin: 0;
 padding: 0; }

#home #latest-news ul {
 margin: 0;
 padding: 0; }

#home #latest-news li {
 display: block;
 padding: 0 0 20px 0;
 list-style: none; }

/* 12. shop
---------------------------------------------------------- */

#shop {
 float: left; }

#sidebar span.numberitems, #sidebar span.cartcount {
 font-size: 160%; }

#sidebar .shoppingcart {
 padding: 5px 0 5px 0;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999; }

#sidebar #thproduct, #sidebar #thqty, #sidebar #thprice {
 color: #fff; }

#sidebar span.totalhead {
 color: #fff; }

#sidebar span.emptycart {
 display: block;
 padding: 0 0 0 20px;
 background: url(images/common/trash-icon.gif) no-repeat 0 0; }

#sidebar span.gocheckout {
 display: block;
 margin: 10px 0 0 0;
 padding: 0 0 0 20px;
 background: url(images/common/locked-icon.gif) no-repeat 0 0; }

/* 13. footer
---------------------------------------------------------- */

#footer a:link, #footer a:visited {
 text-decoration: none;
 color: #666; }

#footer a:hover {
 text-decoration: underline;
 color: #666; }

#footer #wi-links {
 float: left;
 margin: 0 20px 20px 20px;
 padding: 0 20px 0 0;
 border-right: 1px solid #ccc; }

#footer #wi-links .title {
 padding: 0 0 0 25px;
 font-weight: bold;
 color: #006699;
 background: url(images/common/wpi-icon.gif) 0 0 no-repeat; }

#footer #wi-links li {
 display: block;
 margin: 0 0 2px 0;
 padding: 0 0 0 25px;
 list-style: none; }

#footer #kbs-links {
 float: left; }

#footer #kbs-links .title {
 padding: 0 0 0 35px;
 font-weight: bold;
 color: #990000;
 background: url(images/common/kbs-icon.gif) 0 0 no-repeat; }

#footer #kbs-links li {
 display: block;
 margin: 0 0 2px 0;
 padding: 0 0 0 33px;
 list-style: none; }

#footer #wi-links li ul li {
 padding: 0 0 0 15px; }

#footer #seo {
 float: right;
 width: 500px;
 padding: 0 20px 0 0; }

#footer #copyright {
 display: inline;
 float: left;
 padding: 0 0 8px 0;
 font-weight: bold;
 color: #000; }

#footer #credits {
 display: inline;
 float: right;
 padding: 0 0 8px 25px;
 background: url(images/common/ratio7-icon.gif) 0 0 no-repeat; }

#footer #credits a:link, #footer #credits a:visited {
 text-decoration: none;
 color: #CC001B; }

#footer #credits a:hover {
 text-decoration: underline;
 color: #CC001B; }

#footer #description {
 display: block;
 clear: both; }

/* 13. miscellaneous styles
---------------------------------------------------------- */

.clear {
 margin: 0;
 padding: 0;
 height: 1px;
 clear: both; }

.center {
 text-align: center; }

.left {
 text-align: left; }

.right {
 text-align: right; }

hr, .hide {
 display: none; }

a img {
 border: none; }