/** * Theme: Courtyard House Furnish for Magento eCommerce * * * @copyright Copyright 2009, Lotus Seeds Design * * @license Non-Exclusive Single domain license * @link http://www.lotusseedsdeisgn.com * * @version 1.0 $Date: Friday, Jan 30th 2009 $ * @revision $Revision: 1 $ */ /* note: when opacity is declared, background color needs to declare to prevent jagged texts in IE and Opera*/ /*---------------------------------------------------------------*/ /* Courtyard House Furnish basic layout elements */ @import url(css3_support.css); @import url(shiheyuan_store.css); /* ====================================== [common and reset elements] ======================= */ .skipto {text-indent: -99999px;position: absolute;} body { background: #fff url(../images/base_images/body_bg.jpg) top left repeat-x;text-align: center; color: #222; font: normal 100%/1.5em "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;} * {margin:0; padding:0;} /* Reset all elements */ img {border:none;display: block;} .clear {clear: both;height: 0;line-height: 0; } span.edit {font: .85em Arial, "Lucida Grande", Lucida, Verdana, sans-serif; } a {text-decoration:none;color: #092e40} a:hover {text-decoration:underline;color: #292929} .nobg {background-image: none!important;} fieldset {border:none;background: transparent;} legend {color: #212121;white-space: normal;} label {font-size: .9em; font-weight: bold;color: #444;cursor:pointer;} label:hover {color:#235F6F} input, textarea {font-family: sans-serif;padding: 5px;margin-bottom:1px;border:1px solid #B5DFC8; } input {background: transparent url(../images/base_images/input2_bg.gif) repeat-x left top; } textarea {margin-left: 0!important;} option {width: 99%;} address {font-style: normal;line-height: 1.6em;text-transform: capitalize;font-size: .95em;} em { font-style:normal;} h3,h4,h5,h6, .price-box { color:#494949;} .price-box{ font-weight:bold;} h1 { font-size: 1.8em; font-family: Georgia,"Nimbus Roman No9 L",serif;color:#7a1315;} h2, h3 { font-size: 1.4em;color:#7a1315; font-family: Georgia,"Nimbus Roman No9 L",serif;color:#7a1315;} h3 span {font-size: .9em; font-family: Georgia,"Nimbus Roman No9 L",serif;color:#7a1315;} h4, h5 { font-size:0.95em ;line-height: 1.35em; font-family: Georgia,"Nimbus Roman No9 L",serif;color:#7a1315;} h6 { font-size: 0.9em;} dd, li, p {font-size:.95em;line-height: 1.30em;} li {list-style: none;} td {font-size: .9em;padding: 3px 5px;vertical-align: top;} span {font-size: .85em;} span a:hover, span a:focus {text-decoration: underline;color: #8FA3A5;} /* ====================================== [column & row wrappers - site structure] ============================================== */ #container{width: 940px;margin: 0 auto;text-align: left;} .header {width:940px;margin:0 auto;} .top-header {width:940px;margin:0 auto;} #content { width: 940px;padding-bottom: 10px;} #leftcol img {margin-left: 7px;background-repeat: repeat-x;} #leftcol {width:181px;float:left;color:#212121;margin-right:10px;} #left_col h4 {background: url(../images/base_images/input_bg.gif) repeat left bottom;padding: 8px 10px 8px 10px;font-size: .85em;color: #313131;} #rightcol {width:749px;float:right;text-align:left;padding-bottom:20px;} #rightcol h2, #rightcol h3 {padding:20px 15px 5px 0px; display: block; } #rightcol h2.cat-bg {background:url(../images/base_images/pager_bg.gif) repeat-x left top;margin-top: -2px;padding: 8px 15px 3px 15px;opacity: 0.9;color: #000;} /* control floated elements **************************************** */ .fleft {float:left;} .col-right, .fright {float:right;}/* col-right controls opc.js in onepage checkout */ /* ====================================== [Header Section] /* ====================================== */ /* logo, h1 */ #header {width:940px;padding: 0px 0 0 0;} h1 a {float: left;height:71px;background: url(../images/base_images/logo.png) no-repeat;width: 369px;} /*h1 a:hover {background-position: 10px bottom;}*/ h1 span{font-size: .85em;text-indent: -9000px;position: absolute;} h1.home-heading-title {margin:0;padding:0;margin-top:15px;margin-bottom:15px;font-weight:normal;letter-spacing:0.2em;text-align:center;} /*login (mini login) and welcome msg ==============================================*/ p.welcome {text-align: right;display: inline;font-size: .8em;margin-right:10px;padding-top: 5px;color: #fff} p.welcome, #login {} #login {float: left;padding-top:15px;padding-bottom:8px;} #login ul {display: inline;} #login ul li, #login ul li a {display: inline;} #login ul li a {padding:7px 4px 5px 4px;color: #fff;font-size: .8em;} #login ul li.last {margin-right: 25px;} .rss-feed {background: url(../images/base_images/icon_big_rss.gif) no-repeat left 0;position: absolute;text-indent: -99999px; width: 20px;} /* Quick Access - Home | About | Contact ==============================================*/ #quick-access {background: url(../images/base_images/quick-access-bg.jpg) no-repeat right top;float:left;width: 335px;margin-bottom: 15px;height: 61px;margin-top: 18px;} #quick-access ul {float: right;} #quick-access ul li {float: left;margin-top: 9px;} #quick-access li a {float:left;color: #26383D;padding:14px 8px 5px 8px;text-decoration: none;border-left: 1px solid #f7f1d8;font: bold .75em "Arial Rounded MT", aria, sans-serif;} #quick-access li.last a {margin-right: 12px;} #quick-access li a:hover, #quick-access li a:active, #quick-access li a:focus {color:#212121;text-shadow: 2px 2px 2px #ddd; text-decoration: underline;} #quick-access li.active a {color:#c4bc76;} /* Mini top search */ #header_search {position: absolute;right: 0;width:249px;height:60px;margin:13px 0 0 0;background: url(../images/base_images/mini-search-trans.png) no-repeat;top: 0;z-index: 2000;} #header_search #search {font-size:.8em;padding:5px 2px 3px 3px;color:#888;float: left;margin-top: 17px;margin-left: 15px;border: 2px solid #d6d079;background: #FDF9EB;width: 70%;text-align: center;} #header_search input:focus {color:#222;font-size:1em;} #header_search #searchbtn {width: 38px;height: 32px;margin-top: 9px;border: none;background: none;} .search-autocomplete { border:1px solid #e7e1a7; background:#FBF9F3; } .search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .search-autocomplete li .amount { float:right; font-weight:bold; } .search-autocomplete li.odd { background-color:#fffefb; } .search-autocomplete li.selected { background:url(../images/base_images/input_bg.gif) repeat-x center top; } /* ====================================== [breadcrumbs] ====================================== */ #breadcrumbs {clear: both;padding: 3px 0;margin-bottom: 3px} #breadcrumbs ul {margin-left: 25%;} #breadcrumbs li {display: inline;font-size: .70em;} #breadcrumbs li.home {margin-left: 15px;} #breadcrumbs li a {padding:10px 12px 10px 4px;color: #555;background: url(../images/base_images/icon-breadcrumbs.gif) no-repeat right 12px;text-align: left;} #breadcrumbs li strong {color: #555;} .force-break {clear:both!important} /* ====================================== [Footer section] ====================================== */ #footer {background: #003c01 url(../images/base_images/footer-top.jpg) no-repeat left top;width: 100%; height:170px;text-align: center; clear: both;color:#232323;} #footer .footer-inner {padding: 10px 0;width:940px;margin:0 auto;} #footer p {padding: 3px;font-size: .8em;} #footer p a {font-style: italic;} #footer .ftr_links {overflow: hidden; padding: 10px;} #footer .ftr_links li.first a {} #footer .ftr_links li {display: inline;} #footer .ftr_links li a { margin-bottom: 10px;font-size:0.8em;color:#fff;margin-left:10px;margin-right:10px;} #footer .ftr_links li.last a {border-right: none;} #footer .ftr_links li a:hover {color:#fff;} #footer .col h6 {padding:8px 10px 3px 10px;color: #fff;font-size: .85em;font-weight: bold;border-bottom:2px solid #252525} #footer .col1 {font-size:0.7em;color:#fff;font-weight:normal;margin-top:10px;} #footer .ftr-callout {margin-left: 15px;} /* ====================================== [CMS Pages (except homepage)] ====================================== */ /* CMS pages */ #rightcol .cms {padding: 5px 15px 35px 15px;} #rightcol .cms h2, #rightcol .cms h3 {border: none;padding-top: 10px;} #rightcol .cms h2, #rightcol .cms h3, #rightcol .cms h4, #rightcol .cms h5, #rightcol .cms h6 {background: none;border: none;} #rightcol .cms ul li {padding-bottom: 5px;} #rightcol .cms ul.decimal li{list-style-type: decimal} #rightcol .cms ul.lower-latin li{list-style-type: lower-latin;margin-left: 35px;} #rightcol .cms dl {margin-top: 20px;margin-bottom: 30px;border: 1px solid #e7e1a7;background: #fbfbfb;} #rightcol .cms dt {padding: 2px;font-weight: bold;background:#fff url(../images/base_images/input_bg.gif) repeat-x left bottom!important;border: none;font-size: 0.85em;text-transform: capitalize;} #rightcol .cms dd {padding:15px 15px 10px 15px;} #rightcol .cms p {padding-bottom: 15px;} #rightcol .inline {margin-left: 25px;margin-top: 10px;} #rightcol .inline li {display: inline; padding: 15px 3px;} #rightcol .inline li a {display: inline;} .cms-page-view #rightcol, .cms-page-view .col1-cms {margin-bottom:30px;font-size:0.9em;font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;;} .cms-page-view #rightcol p, .cms-page-view .col1-cms p {margin-bottom:20px;} /* @group form element */ /*Form lists - Contact, Shipping, Billing, Contact ********************************************* ul.form {width: 98%} .form li {width: 95%;clear: both;} .form li label {float: left;width: 25%;margin-bottom: 4px;} .form li input { float:left; width:60%; }*/ /* ====================================== [Keyboard navigation tab access features] ====================================== */ #skip_nav a:hover, #skip_nav a:active, #skip_nav a:focus, #breadcrumbs li a:hover, #breadcrumbs a:active, #breadcrumbs a:focus, #footer a:hover, #footer a:active, #footer a:focus, ol li a:focus, ul li a:focus, td a:focus, span.edit a:focus .mini-search button:focus, p a:focus {color:#002F2F;text-decoration:none; outline: 0;} input:focus, textarea:focus, select:focus, multiselect:focus {background: #DDFAF0; color: #212121} .product-image h3 a:focus, p.product-image a:focus { /*border: 2px solid #637f82;*/ border: none; display: block; } #inigoproductfinder h3.finder-header { color:#094924; font-size:1.4em; font-weight:bold; letter-spacing:0; margin:0 0 10px; padding:0; text-align:center; }