/* reset ------------------------------------------- */ * { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } body { margin: 0; padding: 0; } ul, ol, dl { margin: 0; padding: 0; list-style: none; } fieldset, img { border: none; } button { overflow: visible; cursor: pointer; } legend { display: none; } a { color: #205f73; text-decoration: underline; } /*a:hover, a:focus, a:active { color: #fff; }*/ /* general ------------------------------------------- */ body { font: 12px/18px Arial, Helvetica, sans-serif; background: #555; } a { color: #000; } a:hover { color: #555; } /* headings ------------------------------------------- */ h1 { font-size: 22px; font-weight: normal; line-height: 60px; font-weight: bold; } h1 span { font-size: 16px; color: #999; font-weight: normal; } h2 { font-size: 20px; font-weight: bold; margin: 10px 0; color: #CC5D26; } h3 { font-size: 16px; margin-bottom: 15px; } #footer { background: #555; color: #AAAAA7; padding-top: 10px; padding-bottom: 15px; } #head { } #head , #content { background: #fff; } #separator { background: #F4F4F4 url(../images/website/footer-bg.jpg) repeat-x; height: 35px; color: #00; height: 176px; padding: 15px 0;} #content { padding-bottom: 10px; } #logo { float: left; } ul#menu { float: right; margin-top: 8px; } ul#menu li { float: left; margin-left: 20px; } ul#menu li a { font-weight: bold; float: left; color: #000; text-decoration: none; font-size: 16px; } ul#menu li a:hover, ul#menu li.active a { font-weight: bold; color: #CC5D26; } .wrapper { width: 1024px; margin: 0 auto; } .clear { clear: both; } #homepage-box-1 { width: 45%; float: left; margin-bottom: 15px; line-height: 1.8em; margin-top: 10px;} #homepage-box-2 { width: 45%; float: right; margin-bottom: 15px; line-height: 1.8em;} #homepage-box-2 p { text-align: right; margin-right: 10px;} #box-1 { width: 33%; float: left; } #box-1 p { line-height: 1.9em; } #box-2 { width: 33%; float: left; } #box-3 { width: 33%; float: left; } ul#collections { float: left; margin-left: -10px; } ul#collections li { float: left; margin-left: 20px; position: relative; margin-bottom: 20px; width: 323px; } /* ie6 fix */ * html ul#collections li { margin-left: 20px; display: inline; } ul#collections li a { float: left; text-decoration: none; position: relative;} ul#collections li a:hover { color: #CC5D26; } ul#collections li span { font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; position: absolute; top: 380px; left:0; background: #000; color: #fff; padding: 3px 15px;} ul#collections-thumb { float: left; margin-left: -15px;} ul#collections-thumb li { float: left; margin-left: 15px; position: relative;} /* ie6 fix */ * html ul#collections-thumb li { margin-left: 15px; display: inline} ul#collections-thumb li a { float: left; text-decoration: none; position: relative;} ul#collections-thumb li a:hover { color: #CC5D26; } ul#collections-thumb li span { font-size: 11px; font-weight: normal; text-align: center; text-transform: uppercase; position: absolute; top: 10px; left:0; background: #000; color: #fff; padding: 2px 5px; } ul#products { float: left; margin-left: -10px; margin-bottom: 15px;} ul#products li { float: left; margin-left: 20px; position: relative; margin-bottom: 20px; width: 323px;} /* ie6 fix */ * html ul#products li { margin-left: 20px; display: inline} ul#products li a { float: left; text-decoration: none; position: relative;} ul#products li a:hover { color: #CC5D26; } ul#products li span { font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; position: absolute; top: 380px; left:0; background: #000; color: #fff; padding: 3px 15px;} ul#breadcrumb { float: left; margin: 0 0 10px 8px;} ul#breadcrumb li { float: left; margin-right: 7px;} ul#breadcrumb li a { color: #999; margin-right: 5px; } #product-description { float: right; width: 572px; margin-top: -22px;} #product-description-content { padding: 20px; background: url(../images/website/product-desc-bg.jpg) repeat-y; border-top: solid 1px #E6E5E6; border-bottom: solid 1px #E6E5E6;} #product-gallery { background: #fff; width: 450px; float: left; padding-bottom: 30px; } ul#product-nav { float: right; margin-bottom: 0px;} ul#product-nav li { float: left; margin-left: 2px;} ul#product-nav li a { background: #E6E5E6; padding: 5px 15px; text-decoration: none; font-size: 14px; font-weight: bold; display:block;} ul#product-nav li a.active, ul#product-nav li a:hover {background: #3E3D3E; color: #fff; } .hidden-tab { display: none; } ul#colors { float: left; margin-left: -10px;} ul#colors li { float: left; margin-left: 10px; margin-bottom: 10px; width: 80px; height: 100px; } ul#colors li a { text-decoration: none; float:left; } ul#colors li a img { border: solid 3px #fff; } ul#colors li a:hover img { border: solid 3px #CC5D26; } ul#colors li a p { color: #999; text-align: center; font-size: 12px;} ul#products-thumb { float: left; margin-left: -10px;} ul#products-thumb li { float: left; margin-left: 10px; margin-bottom: 10px; width: 100px; height: 140px; } /* ie6 fix */ * html ul#products-thumb li { margin-left: 5px; display: inline} ul#products-thumb li a { float:left; text-decoration: none; float:left; } ul#products-thumb li a img { border: solid 3px #fff; } ul#products-thumb li a:hover img { border: solid 3px #CC5D26; } ul#products-thumb li a span { display:block; color: #999; text-align: center; font-size: 12px; } table.specification { border-collapse: collapse; width: 100%;} table.specification th { border-bottom: solid 1px #eee; width: 20%; text-align: left; font-weight: bold; color: #000; padding: 5px 10px;} table.specification td { border-bottom: solid 1px #eee; color: #666; padding: 5px 10px;} table.files { border-collapse: collapse; width: 100%;} table.files th { border-bottom: solid 1px #eee; width: 5%; text-align: left; font-size: 14px; font-weight: bold; color: #000; padding: 5px 10px;} table.files td { border-bottom: solid 1px #eee; color: #666; padding: 5px 10px;} #content-image { float: right;} ul#submenu { float: left; margin-left: 10px; width: 230px;} ul#submenu li { border-bottom: solid 1px #ccc; } ul#submenu li a { font-weight: bold; text-decoration: none; font-size: 14px; padding: 10px 5px; display: block;} ul#submenu li a:hover, ul#submenu li.active a { background: #eee; color: #CC5D26;} #subpage-content { background: #E0E0E0; color: #000; padding: 30px; /*margin-top: 10px;*/} #subpage-content-text { width: 60%; float: left;} #subpage-content-img { width: 35%; float: right;} #subpage-content p { margin-bottom: 10px; } /* * loopedSlider - homepage */ .container { width:1024px; height:295px; overflow:hidden; position:relative; cursor:pointer; } .slides { position:absolute; top:0; left:0; } .slides div { position:absolute; top:0; width:1024px; display:none; } :focus { outline: 0; } #loopedSlider { width:1024px; position:relative; clear:both; height: 310px; } ul.pagination {float:right; list-style-type:none; margin:0; padding:0; margin:7px 3px; width:144px; } ul.pagination li { float:left; margin:0 5px; } ul.pagination a { float:left; display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(../images/website/pagination_2.png); background-position:0 0; background-repeat:no-repeat;} ul.pagination li.active a {background-position:0 -12px} /* * loopedSlider - product page */ #product-gallery .container { width:450px; height:600px; overflow:hidden; position:relative; cursor:pointer; } #product-gallery .slides { position:absolute; top:0; left:0; } #product-gallery .slides div { position:absolute; top:0; width:450px; display:none; } #product-gallery .previous { text-decoration: none; color: #fff; background: #000; position: absolute; top: 10px; left: 0; padding: 5px 15px; } #product-gallery .next { text-decoration: none; color: #fff; background: #000; position: absolute; top: 10px; right: 0; padding: 5px 15px; } #product-gallery :focus { outline: 0; } #product-gallery #productSlider { width:450px; position:relative; clear:both; height: 600px; } #product-gallery ul.pagination { list-style-type:none; margin:0; padding:0; width:450px; } #product-gallery ul.pagination li { float:right; margin:5px 5px; } #product-gallery ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(../images/website/pagination_2.png); background-position:0 0; background-repeat:no-repeat;} #product-gallery ul.pagination li.active a {background-position:0 -12px} /* forms ------------------------------------------- */ form { margin: 0; padding: 0; } input, textarea { background: #FEFEFE; border: solid 2px #eee; font-family: 'Lucida Grande'; } input, textarea, select { font-size: 12px; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; padding: 2px; } label.float { float: left; display: block; width: 80px; font-weight: bold; margin-bottom: 2px; } input.submit { width: auto; background: #fff; color: #666; border: solid 2px #eee; font-size: 11px; padding: 5px 10px 5px 10px; font-weight: bold;} /* page edit style ------------------------------------------- */ .highlight { background: #fbdbe8; cursor: pointer;} /* messages ------------------------------------------- */ .infoConfirm, .infoError, .infoConfirmContactform { display: block; padding: 5px; margin: 0px 0px 10px 0px; color: #fff; font-weight: normal; background: green; } .infoError { background: red; } .infoConfirmContactform { background: #666600; } /* media module /*----------------------*/ div.media_container table.fieldset td {border: none;} div.media_container div.breadcrumb {background-color:#EFEFEF;border-bottom:1px solid #000000;border-top:1px solid #000000;font-weight:bold;margin:10px 0px;padding:15px 0;} div.media_container div.breadcrumb a {font-size: 1.2em; font-weight: bold;} div.media_container div.media {width: 135px; height: 170px; border: 1px solid #E5E8EA; float:left; overflow: hidden; margin: 5px 10px; position: relative;} div.media_container div.media span.media_action {display: block; padding: 5px 0px; float: right;} div.media_container div.media {color: #0A2D4F;} div.media_container div.media span input {display:block;} /* table for forms ------------------------------------------- */ table.fieldset td { padding-top: 10px; } table.fieldset td, table.fieldset th { text-align: left; padding: 10px; border-bottom: solid 1px #ccc; } table.fieldset th { border-bottom: solid 1px #ccc; } table.fieldset tfoot td { padding-top: 15px; padding-bottom: 15px; border-top: dashed 1px #666; border-bottom: dashed 1px #666; } table.fieldset a,table.fieldset a:hover { text-decoration: none; } table.fieldset { width: 100%; text-align: left; border-collapse: collapse; color: #000;} table.fieldset thead th { background: #000; color: #fff; } table.fieldset th { background: #DEDEDE; color: #000; } table.fieldset tr.odd td { background: #fff; } table.fieldset tr.even td { background: #F5F5F5; } table.fieldset tr.highlight td { background: #FFFFCC; } table.fieldset td.help { font-size: 10px; color: #666; } table.fieldset tbody td input, table.fieldset tbody td textarea {width: 400px;} #edit-mode-toolbar { position: absolute; top: 0; left: 0; width: 100%; height: 30px; background: #000; color: #fff; z-index: 100; line-height: 25px; } #edit-mode-toolbar a { color: #fff;} .error_list { color: red;} .contact-form fieldset { padding-left: 0px; margin: 5px 0;} .contact-form label {margin-left: 2px;} #search-bar { height: 30px; margin-bottom: 15px; text-align: right;} #search-bar input { font-size: 11px; margin-top: 10px; border: solid 1px #666; padding: 5px; } #search-bar input.submit { font-size: 11px; border: solid 1px #666; } #search-results { margin-left: 10px; } #search-results ul { float: left; } #search-results ul li { margin: 5px; float: left; width: 120px; } #search-results li a { text-decoration: none; float: left;} #content-txt { float: left; width: 410px; }