/* This .css file is for all classes */ /* Comments about each is inside each class/element */ /* Contents 1.0 General formating 2.0 Header formating 3.0 Search formating 4.0 Menu formating 5.0 Left Menu formating 6.0 Footer layout 7.0 Table layout 8.0 Form layout 9.0 Search Results layout 10.0 Home page Layout 11.0 News Formating 12.0 Home News Formating 13.0 Faq formating /* Designed by Paul www.paul-clayton.com */ /* Translated by Alex www.bartez-media.com */ /* COLORS USED - Keep a note of all colors used # Overall -> Blue color scheme #15495a #fff #61b3cb */ /*//////////////////////////////////////////// KEEP ALL FONT SIZES IN EM RATHER THAN PX ALL IMAGES NEED TO HAVE THE RESELLER ID PRECEDDING IT => img/reseller_id/img_name RESELLER ID WILL BE PROVIDED BY ECOMMO IF REQUIRED ////////////////////////////////////////////*/ /* IMPORTANT, RESET.CSS IS ALWAYS CALLED AND RESETS ALL ELEMENTS TO 0 . THIS MEANS THAT EACH ELEMENT HAS TO BE DEFINED FROM SCRATCH. THIS IS SO EACH BROWSER DOESN'T IMPLEMENT THEIR OWN DEFINITION OF EACH ELEMENT. */ /* IMPORTANT, DO NOT UNDER ANY CIRCUMSTANCES FORMAT CSS INLINE. DEATH BY LEARNING WHITESPACE (http://compsoc.dur.ac.uk/whitespace/index.php) /********************************************************************************/ /* 1.0 General formating */ /********************************************************************************/ h1 {font-size:3em;color:#565656;} h2 {font-size:2em;color:#48cdff;margin:10px 0 10px 20px;font-weight:100;display:none;} h3 {color:#48cdff;font-size:1.5em;line-height:1em;margin:0 0 10px 0;} h4 {} h5 {color:#14b1e5;} p {margin:0 0 10px 0;} a {text-decoration:none;color:#0084b6;} a:hover{color:#0084b6;} strong {font-weight:bold;} hr {} #main ul{margin:0 0 0 16px;list-style-image:url('../../img/154/website/min_tree(1).png');} TC-generalinfo.png /********************************************************************************/ /* 2.0 Header formating */ /********************************************************************************/ .header_main{position:relative;height:120px;} .header_left{position:absolute;bottom:0;left:0;width:20px;height:20px;background:url('../../img/154/website/header_bot_cor.png');} .header_right{position:absolute;bottom:0;right:0;width:20px;height:20px;background:url('../../img/154/website/header_botr_cor.png');} .header_logo{width:400px;height:96px;border:1px solid;text-align:center;} /********************************************************************************/ /* 3.0 Search formating */ /********************************************************************************/ #header_search {float:right;width:314px;margin:15px 0 0 0;position:relative;z-index:1000000;} #header_search form, #header_search fieldset, #header_search form div {padding:0;margin:0;} #header_search input {float:left;} #header_search input[type=text] {background:#317c93;padding:5px;width:200px;border:1px solid;border-color:#14323b #317c93 #317c93 #14323b;font-size:20px;color:#fff;} #header_search input[type=submit] {margin:1px 0 0 10px;width:60px;background:#2e778e;border:1px solid #14323b;width:80px;color:#fff;height:35px;} /********************************************************************************/ /* 4.0 Menu formating */ /********************************************************************************/ .menu_ul {width:auto;font-size:1em;text-align:left;margin:auto;} .menu_li {float:left;;margin:0 10px 0 0;padding:5px;text-align:center;position:relative;} .menu_li a {color:#48cdff;} .menu_li a:hover {color:#62e12d;} .sub_drop_menu_ul {display:none;position:absolute;top:40px;left:0;text-align:left;padding:5px;background:#000;z-index:100000;width:200px;} .sub_drop_menu_li {margin:0 0 10px 0;border-bottom:1px solid #ccc;padding:5px 20px 5px 0;} .sub_drop_munu_li a:hover{background:none;} /********************************************************************************/ /* 5.0 Right Menu formating */ /********************************************************************************/ .right_unit{margin:20px 0 0 0 ;} .right_unit_top{background:url('../../img/154/website/right_top.png') no-repeat;height:10px;} .right_unit_mid{background:url('../../img/154/website/right_mid.png');padding:5px 0 20px 20px;font-size:10px;} .right_unit_bot{background:url('../../img/154/website/right_bot.png');height:10px;} .right_unit_title {color:#48cdff;font-size:1.5em;padding:0 0 10px 0;} .page_ul {margin:10px;} .page_li {margin:10px;background:#000;color:#fff;border:1px solid #aaa;padding:5px;} .page_li a {color:#fff;text-decoration:none;} .page_li a:hover {color:#62e12d;} .right_title{} /********************************************************************************/ /* 5.0 News Menu formating */ /********************************************************************************/ .news_ul,.faq_ul {} .news_li,.faq_li {margin:10px 0 0 0 ; } .news_li a,.faq_li a {} .arrow {display:none;} /********************************************************************************/ /* 6.0 Left formating */ /********************************************************************************/ /********************************************************************************/ /* 6.0 Footer formating */ /********************************************************************************/ #footer .page_ul, #footer .menu_ul {border:0;float:left;padding:0 10px 0 0;top:0px;} #footer .page_li, #footer .menu_li {border:0;display:block;text-align:left;margin:0;width:auto;} #footer .page_li {position:relative;} #footer a,#footer .menu_li a{color:#48cdff;} .footer_left{position:absolute;top:0;left:0;width:20px;height:20px;background:url('../../img/154/website/header_top_cor.png');} .footer_right{position:absolute;top:0;right:0;width:20px;height:20px;background:url('../../img/154/website/header_topr_cor.png');} /********************************************************************************/ /* 7.0 Table formating */ /********************************************************************************/ table {} th {} td {} /********************************************************************************/ /* 8.0 Form formating */ /********************************************************************************/ form {} form div{margin:0 0 10px 0;} fieldset{} legend {} label {display:block;color:#62e12d;} input {padding:5px;color:#15495a;width:300px;font-size:1.5em;} input[type=checkbox] {} input[type=text] {} input[type=password] {} input[type=radio] {} input[type=submit] {} textarea{color:#15495a;padding:5px;width:300px;height:150px;font-size:1.5em;} select {} option {} .customers form {margin:0px 0 0 20px;padding:230px 0 0 0;} .customers label {color:#787878;margin:0 0 5px 0;} .customers input {} .customers {background:url('../../img/154/website/customers_background.png') no-repeat right top;position:relative;} .customers input[type=submit] {width:100px;} .contact_details {position:absolute;right:0;bottom:0px;} .contact_details table tr td {width:305px;padding:0 0 0 10px;} .contact_details table tr td:first-child {font-weight:bold;width:50px;} .contact_details table tr {height:40px;} /********************************************************************************/ /* 9.0 Search Results formating */ /********************************************************************************/ .search_return {} .search_image {} .search_content_hold {} .search_title, .search_content {} /********************************************************************************/ /* 10.0 Home Page formating */ /********************************************************************************/ .home_left{float:left;width:300px;margin:10px 50px 0 10px;font-size:12px;line-height:20px;} .home_left_title{color:#48cdff;font-size:2em;margin:0 0 10px 0;} .home_left_content{} .home_right{float:left;width:360px;margin:10px 0 0 0;padding:80px 0 0 0;background:url('../../img/154/website/home_page_slash.png') no-repeat top right;} .home_right_title{color:#48cdff;font-size:2em;margin:0 0 10px 0;width:200px;line-height:1em;} .home_right_list{width:200px;} .home_right_list_li {margin:0 0 10px 0;} /********************************************************************************/ /* 11.0 News formating */ /********************************************************************************/ .newsContainer, .testimonialContainer {background:#199ad1;padding:5px;margin:5px 0 0 0;} .newsTitle,.newsDate{color:#199ad1;float:left;margin:0 10px 10px 0;} .newsContainerLeft,.testimonialContainerLeft{} .newsContent,.testimonialContent{clear:both;margin:10px 0;} .newsLink,.testimonialLink,.newsLink a{color:#fff;} .testimonialContainer {} .news_li_title{font-weight:bold;} .news_li_title a{color:#0084b6;} .news_li_content {font-size:11px;} /********************************************************************************/ /* 13.0 FAQ formating */ /********************************************************************************/ .faqCategories{float:left;width:auto;margin:5px 30px 0 0;} .faqCategoriesList,.faqItems{margin:5px 0;color:#15495a;} .faq {float:left;} .faqInfoContainer {padding:20px 0;clear:both;} .faqTitle {color:#15495a;font-size:1.2em;margin:0 0 10px 0;} .left_column {width:300px;float:left;margin:10px 50px 0 20px;} .right_column {width:340px; float:left;margin:10px 0 0 0;} .general_table {width:100%;} .general_table th {font-weight:bold;text-align:center;} .general_table td {text-align:center;padding:2px 0;} .date_table {text-align:left!important;} .general_content {line-height:18px;} .left_fat {margin:10px 50px 0 20px;width:360px;float:left;} .right_thin {width:272px;float:left;} .chalet_fat {width:412px!important;margin:10px 20px 0 20px!important;} .chalet_fat .general_content {width:50%;} .chalet_thin {width:250!important;} .chalet_thin li {margin:0 0 30px 0;} .chalet_image{height:227px;background:url('../../img/154/website/chalet_page.png');} .general_info_image{width:271px;height:228px;background:url('../../img/154/website/general_info.png') no-repeat;} .flash_top{width:724px;} /********************************************************************************/ /* 13.0 Yog ga ga ga formating */ /********************************************************************************/ /* width:724px */ .yogaLeft {margin:10px 45px 0 20px;width:226px;float:left;} .imageBuffer {height:30px;} .yogaBuffer {height:20px;} .yogaRight {float:left;width:422px;} .yogarightLeft {float:left;width:235px;margin:20px 0 0 0;padding:0 10px 0 0;} .yogarightRight {float:left;width:177px;margin:20px 0 0 0;} .yogaTitle {color:#48cdff;font-weight:bold;font-size:1.6em;font-family:"Myriad Pro";} .yogaSubTitle {font-weight:bold;} .yogaBottom {margin:20px;} .yogaRightUnit {border:1px solid;width:382px;} .yogaTable tr td {padding:2px 0;} .yogaTable {margin:0 0 10px 0;} .yogaList li {margin:0 0 5px 0;} /********************************************************************************/ /* 13.0 product formating */ /********************************************************************************/ .showcaseTable {margin:10px 0;} .showcaseTable th{font-weight:bold;padding:5px 0;} .showcaseTable td{font-size:1em;} .go_to_checkout{padding:5px;color:#15495a;width:230px;font-size:1.5em;background:#eee;border:2px solid #bbb;padding:5px;text-align:center;} .accountTable {width:100%;margin:0 0 20px 0;} .accountTable th {text-align:center;} .login {margin:20px;} /********************************************************************************/ /* 14.0 news formating */ /********************************************************************************/ .newsHold {padding:20px;} /********************************************************************************/ /* 14.0 testimonial formating */ /********************************************************************************/ div.testimonials {margin:20px;} table.testi {border:1px solid #50ccfb;} table.testi tr td {padding:10px;} table.testi tr td.alt {background:#c1eeff;} table.testi tr td .info {font-weight:bold;} div.interUnit {margin:10px;border-bottom:1px solid #ccc;padding-bottom:20px;} div.interUnit div.imgHoldLeft {width:359px;float:left;} div.interUnit div.textRight {float:left;width:325px;margin:0 10px;}