/* --------------------------------------------------------------------------------------------------- RESET --------------------------------------------------------------------------------------------------- */ html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,font,img,strong,ol,ul,li,fieldset,form,label,legend,table,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:#FFFFFF;font-size:62.5%;font-family:Lucida Grande,Helvetica,Arial,Geneva,sans-serif;}ol,ul{list-style:none;}button{cursor:pointer;}table{border-collapse:separate;border-spacing:0;}th,td{text-align:left;font-weight:normal;}a:link,a:visited,a:active{color:blue;text-decoration:none;}a:hover{color:gray;text-decoration:underline;}#submit{border:none;width:auto;padding:0px;}.clear{clear:both;} /* --------------------------------------------------------------------------------------------------- TABLE OF CONTENTS GLOBALS REUSEABLES MAIN ELEMENTS - HEADER - LEFT - RIGHT - MAINCONTENT - FOOTER - PRECONTENT - POSTCONTENT - SEARCHBAR - TRANSPARENT CONTAINER WIDGETS - ARTICLES - BANNERS - MINICART - PRODUCTS - SEARCH - MAILINGLIST - PAGEINATION - SLIDER MENUS - MAIN - SIDE - FOOTER PAGES - CONTACT - LOGIN, REGISTER, RESET - MAILINGLIST - CART - BASKET - CUSTOMER - LOGIN - ORDER DETAILS - NEWS - MAILINGLIST - PRODUCTS PAGE - PRODUCT PAGE - IB COURSE NOTES - CAS ACTIVITES - A-LEVEL COURSE NOTES --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- GLOBALS --------------------------------------------------------------------------------------------------- */ body { background: url(assets/background.jpg) no-repeat top center #003466; } html { } h1 { cursor: text; font-size: 1.2em; font-weight: bold; color: #333; margin-bottom: 20px; } h2 { cursor: text; } h3 { cursor: text; font-size: 1.2em; font-weight: bold; color: #333; } h4 { cursor: text; } h5 { cursor: text; } h6 { cursor: text; } a:link { color: #003366; } a:hover { color: #FF3366; } a:active { color: #003366; } a:visited { color: #003366; } input { font-family: inherit; } input:hover { } input:focus { } button { font-family: inherit; } button:hover { } button:active { } textarea { } textarea:hover { } textarea:focus { } strong { font-size: 1em; font-weight: normal; color: #003366; display: block; padding: 10px 0; cursor: text; } p { cursor: text; line-height: 20px; margin: 10px 0 10px 0; } b { cursor: text; line-height: 20px; margin: 10px 0 10px 0; } pre { font-size: 0.8em; } legend { font-weight: bold; color: #333; margin: 10px 0 10px 0; } table { border-top:1px solid #CCC; border-right:1px solid #CCC; } td, th { border-bottom:1px solid #CCC; border-left:1px solid #CCC; padding: 5px;} #grouptable { border: none; } #grouptable td { border: none; padding: 0 0 15px 0; width: 222px; text-align: center; } #grouptable td.mid { padding: 0 20px 0 20px; } #maincontent .ib img { border: none; padding: 0; } .groups ul { padding: 20px 0; } .groups ul li { float: left; width: 50%; } .flags { margin:2px auto 0 auto;display: block; } .ibsubjects table h3 { color: #003366; } /* ------------------------------------------------------------ News Banner ------------------------------------------------------------ */ .newsbanner { background: #E62C44; width: 417px; height: 106px; float: left; margin-bottom: 20px; text-align: center; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .newsbanner .title { color: #FFF; font-size: 1.5em; line-height: 30px; } .newsbanner .links, .newsbanner .links a { margin-bottom: 0; color: #FFF; } /* --------------------------------------------------------------------------------------------------- REUSEABLES --------------------------------------------------------------------------------------------------- */ .fr { float: left; } .fr { float: right; } .hr { height: 2px; border:none; background: url('assets/hr.png') repeat-x; clear: both; font-size: 0; } .error { width: 100%; float: right; color: red; font-weight: bold; text-align: right; margin: 0 0 5px 0; } .noborder { border:none !important; padding: 0 !important; } .displaynone, .menugroup5 { display: none; } .articles { margin: 0 0 20px 0; } .articles img { float: left; margin: 0 20px 0 0; } /* --------------------------------------------------------------------------------------------------- LAYOUT --------------------------------------------------------------------------------------------------- */ .container { font-size: 1.2em; color: #666; width: 976px; margin: 0 auto; } /* --------------------------------------------------------------------------------------------------- MAIN ELEMENTS --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- HEADER --------------------------------------------------------------------------------------------------- */ #header { height: 121px; } #header #logo { display: block; float: left; height: 121px; width: 350px; } #header p { font-size: 1.6em; color: #FEFFFB; text-shadow: 0 2px 0 #0F264A; margin: 50px 35px 0 0; } /* --------------------------------------------------------------------------------------------------- LEFT --------------------------------------------------------------------------------------------------- */ #left { width: 200px; float: left; margin: 0 30px 0 0; } /* --------------------------------------------------------------------------------------------------- RIGHT --------------------------------------------------------------------------------------------------- */ #right { } /* --------------------------------------------------------------------------------------------------- CONTENT --------------------------------------------------------------------------------------------------- */ #content { background: #FFF; width: 901px; padding: 26px 28px 14px 29px; } .contentbot { background: url(assets/content-bg-bot.png) no-repeat; width: 958px; height: 10px; } #maincontent { float: right; width: 666px; } #maincontent h1 { font-size: 1.4em; font-weight: normal; color: #FF3366; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #CCC; } #maincontent ul { margin: 0 0 0 18px; } #maincontent li { list-style: disc; margin: 0 0 5px 0; line-height: 20px; } #maincontent img { max-width: 656px; padding: 4px; border:1px solid #CCC; } #maincontent .home img { border: none; padding: 0; } #maincontent .home { float: left; width: 431px; } .fullwidth #maincontent { width: 100%; } .fullwidth #left { display: none; } /* --------------------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------------------- */ #footer { padding: 0 0 15px 0; background: url(assets/background-2.jpg) no-repeat top center; } #footer .copyright { float: right; color: #FFF; text-shadow: 1px 1px 2px #000; line-height: normal; margin: 0;} #footer .container { padding:15px 0 0 0; } /* --------------------------------------------------------------------------------------------------- PRECONTENT --------------------------------------------------------------------------------------------------- */ #precontent { } /* --------------------------------------------------------------------------------------------------- POSTCONTENT --------------------------------------------------------------------------------------------------- */ #postcontent { } /* --------------------------------------------------------------------------------------------------- SEARCHBAR --------------------------------------------------------------------------------------------------- */ #searchbar { height: 50px; background: #E62C44; } #searchbar .name { float: left; margin: 13px 0 0 0; } #searchbar .name a { color: #FEFFFF; text-shadow: 0 1px 0 #B20036; font-size: 1.1em; } /* --------------------------------------------------------------------------------------------------- TRANSPARENT CONTAINER --------------------------------------------------------------------------------------------------- */ .transtop { margin: 0; padding: 0; float: left; height: 10px; width: 980px; font-size: 0; background: url(assets/trans-bg-top.png) no-repeat; } .transbot { width: 976px; height: 10px; background: url(assets/trans-bg-bot.png) no-repeat; } .transcontainer { width: 958px; height: auto; background: url(assets/trans-bg-mid.png) repeat-y; margin: 0; padding: 0 9px 0 9px; } /* --------------------------------------------------------------------------------------------------- WIDGETS --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- ARTICLE --------------------------------------------------------------------------------------------------- */ #left .news { border-bottom: 1px solid #CCC; padding: 0 0 10px 0; } #left .news .news_content { margin: 0 0 20px 0; } #left .news .news_content a { font-weight: bold; color: #333; line-height: 15px; } #left .news .news_content p { height: 37px; overflow: hidden; } #left .news .news_content .readmore { font-weight: normal; color: #FF3366; } #right .news { border-bottom: 1px solid #CCC; padding: 0 0 10px 0; } #right .news .news_content { margin: 0 0 20px 0; } #right .news .news_content a { font-weight: bold; color: #333; line-height: 20px; } #right .news .news_content p { height: 100px; overflow: hidden; } #right .news .news_content .readmore { font-weight: normal; color: #FF3366; } /* --------------------------------------------------------------------------------------------------- BANNERS --------------------------------------------------------------------------------------------------- */ .mainbanner { margin: 0 0 22px 0; } .iblogo { text-align: center; margin: 10px 0 20px 0; } .olympicslogo { text-align: center; } /* --------------------------------------------------------------------------------------------------- MINICART --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- PRODUCT --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- SEARCH --------------------------------------------------------------------------------------------------- */ .search { float: right; width: 236px; margin: 12px 0 0 0; } .search #search_text { float: left; background: url(assets/search-bg.png) no-repeat; border:none; margin: 0; padding: 1px 0 0 30px; line-height: 24px; color:#666; height: 24px; width: 153px; } .search .searchButton { display: none; } .search p { margin: 3px 10px 0 0; float: left; color: #FEFFFF; text-shadow: 0 1px 0 #B20036; } /* --------------------------------------------------------------------------------------------------- MAILINGLIST --------------------------------------------------------------------------------------------------- */ #subscribeform { width: 238px; } #subscribeform h3 { margin-bottom: 20px; } #subscribeform p { color: #666; margin-bottom: 10px; } #subscribeform .textfields { float: left; background: #FFF; border:1px solid #CCC; width: 220px; margin: 0 0 10px 0; line-height: 10px; color: #666; padding: 8px; height: 11px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } #subscribeform #mailingListButton { float: right; display: inline; padding: 5px 20px 5px 20px; cursor: pointer; border:none; background: #333; color: #FEFEFE; font-size: 1em; font-weight: bold; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } /* --------------------------------------------------------------------------------------------------- PAGEINATION --------------------------------------------------------------------------------------------------- */ .paging { height: 20px; margin: 20px 0 0 0 !important;} .paging li { float: left; list-style: none !important; background: #FF3366; padding: 0px 5px; margin: 0 5px 0 0 !important; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px; } .paging li a { color: #FFF; text-shadow: 0 1px 0 #B20036; } .paging li a:hover { text-decoration: none; } .paging li.selected { color: #ff88a6; } /* --------------------------------------------------------------------------------------------------- SCROLLER --------------------------------------------------------------------------------------------------- */ #scroller { padding: 0 0 20px 0; height: 98px; } .scrollWrapper, .scrollableArea { height: 98px; } #scroller img { float: left; width: 96px; height: 98px; border:none; position: relative; display: block; opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #scroller img:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } div.scrollableArea { position: relative; width: auto; height: 100%; } /* --------------------------------------------------------------------------------------------------- SLIDER --------------------------------------------------------------------------------------------------- */ #slider { position: relative; width: 901px; height: 269px;} #slider img { position: absolute; top: 0; left: 0; display: none; } #slider .nivo-slice { _display: none; } /* --------------------------------------------------------------------------------------------------- MENUS --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- MAIN --------------------------------------------------------------------------------------------------- */ .mainmenu { width:958px; height:48px; background:url(assets/menu_bg.png) repeat-x; } .mainmenu li { float:left; height: 32px; text-align: center; padding: 0 0 0 0; margin: 0 2px 0 0; } .mainmenu a:link, .mainmenu a:visited { height: 16px; padding: 16px 0 16px 0; display: block; color: #FFFDFF; font-size: 1.1em; } .mainmenu a:hover { color: #FF3366; text-decoration: none; } .mainmenu #menu_item_1 { width: 271px; } .mainmenu #menu_item_2 { width: 244px; } .mainmenu #menu_item_3 { width: 119px; } .mainmenu #menu_item_4 { width: 159px; } .mainmenu #menu_item_5 { width: 157px; margin: 0; } /* --------------------------------------------------------------------------------------------------- SIDE --------------------------------------------------------------------------------------------------- */ .menutitle { font-size: 1.4em; color: #003366; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #CCC; } .leftmenu { margin: 0 0 34px 0; border-bottom:1px solid #CCC; padding-bottom: 3px; } .leftmenu li { margin: 0 0 20px 0; } .leftmenu li a, .leftmenu li a:visited { color: #FF3366; } .leftmenu li ul { margin: 15px 0 15px 25px; border-bottom: none; } .leftmenu li ul li { margin: 0 0 10px 0; font-size: 0.9em; list-style: disc; color: #003366; } .leftmenu li ul li a, .leftmenu li ul li a:visited { color: #003366; } /* --------------------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------------------- */ .footermenu { float: right; } .footermenu li { float: left; margin-left: 30px; } .footermenu a { color: #333; } /* --------------------------------------------------------------------------------------------------- PAGES --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- CONTACT --------------------------------------------------------------------------------------------------- */ .contacts { padding: 10px 0 0 0; } .contacts .contacts_form { width: 415px; float: left; margin: 0 0 0 0; padding: 0;} .contacts .contacts_info { width: 200px; float:right; margin: 25px 0 0 0; line-height: 20px; text-align: right; } .contacts p { margin: 0 0 10px 0; } .contacts label { float: left; width: 150px; cursor: text; padding:8px 0 0 0; } .contacts input { width: 250px; padding: 5px; border: 1px solid #CCC; background: #FFF; height: 17px; margin: 0 0 10px 0; color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;} .contacts input:hover { border:1px solid #88C3ff; } .contacts input:focus { -webkit-box-shadow: 0 0 3px #44A1ff; -moz-box-shadow: 0 0 3px #44A1ff; -ms-box-shadow: 0 0 3px #44A1ff; box-shadow: 0 0 3px #44A1ff; -webkit-background-clip: padding-box; border:1px solid #5AF; } .contacts textarea:hover { border:1px solid #88C3ff; } .contacts textarea:focus { -webkit-box-shadow: 0 0 3px #44A1ff; -moz-box-shadow: 0 0 3px #44A1ff; -ms-box-shadow: 0 0 3px #44A1ff; box-shadow: 0 0 3px #44A1ff; -webkit-background-clip: padding-box; border:1px solid #5AF; } /*.contacts textarea:hover { border:1px solid #88C3ff; } .contacts textarea:focus { -webkit-box-shadow: 0 0 3px #003366; -webkit-background-clip: padding-box; border:1px solid #07E; }*/ .contacts select { margin: 5px 0 14px 0; width: 262px; } .contacts .error { display: block; clear: both; font-weight: bold; color: #F36; text-align: right; padding: 0 0 5px 0; } .contacts textarea { width: 250px; height: 80px; display: inline; padding: 5px; border: 1px solid #CCC; background: #FFF; overflow-y: auto; color:#666; font-family: Lucida Grande,Helvetica,Arial,Geneva,sans-serif; font-size: 0.9em; resize: vertical; margin: 0 0 10px 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .contacts #submit { float:right; margin: 10px 3px 0 0; padding: 5px 20px 5px 20px; display: inline; height: auto; cursor: pointer; border:none; background: #FF3366; color: #FEFEFE; font-size: 1em; font-weight: bold; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .contacts br { clear: both; } /* --------------------------------------------------------------------------------------------------- LOGIN | REGISTER | RESET --------------------------------------------------------------------------------------------------- */ .login { width: 415px; } .login p { text-align: left; } .login legend { cursor: text; font-size: 1.2em; font-weight: bold; color: #333; padding: 0 0 20px 0; } .login label { float: left; text-align: left; width: 150px; cursor: text; padding:8px 0 0 0; } .login input { width: 253px; padding: 5px; border: 1px solid #CCC; background: #FFF; float: right; height: 17px; margin: 0 0 10px 0; color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .login select { margin: 0 0 10px 0; width: 264px; float: right; } .login .error { display: block; clear: both; font-weight: bold; color: red; text-align: right; } .login #submit { float: right; display: inline; padding: 5px 20px 5px 20px; margin: 0; height: auto; cursor: pointer; border:none; background: #333; color: #FEFEFE; font-size: 1em; font-weight: bold; margin: 0 0 10px 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .login .bottomlinks { text-align: right; float: right; width: 210px; margin: 0 0 10px 0; } .login br { clear: both; } /* --------------------------------------------------------------------------------------------------- MAILINGLIST --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- CART --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- BASKET --------------------------------------------------------------------------------------------------- */ #items_table td { vertical-align: middle; } #items_table .iteminfo { padding: 10px 0 10px 0; } #items_table .iteminfo tr { margin: 0; padding: 0; border-bottom:0; } #items_table .itemimage { padding: 4px; border:1px solid #CCC; } #items_table .itemcell { padding: 0 40px 0 20px; width: 300px; } #items_table .smallcell { width: 100px; padding: 0; vertical-align: top; text-align: center; } #items_table .cartlabel { font-weight: bold; margin: 0 0 10px 0; } #items_table .smallcell input { border:1px solid #CCC; padding: 5px; background: #FFF; color: #666; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } #items_table .itemsubtotal { padding: 7px 0 0 0; } #items_table .itemprice { float: right; font-weight: bold; } #items_table .producttitle { font-weight: bold; color: #333; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #CCC; } #items_table .itemid { font-size: 0.8em; margin-bottom: 10px; } #items_table .removelink { font-size: 0.8em; color: #555; } #items_table .itemoptions { display: none; } #cartvoucher { float: right; text-align: right; } #cartvoucher input { border:1px solid #CCC; padding: 5px; background: #FFF; color: #666; margin: 0 0 0 20px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } #cartvoucher .removelink { float: right; font-size: 0.8em; margin: 5px 5px 0 0; color: #333; } #totals_table { float: right; margin: 20px 0 0 0; } #totals_table .totalscell { padding:0 0 10px 20px; text-align: right; } #cart_links { float: right; margin: 20px 0 0 0; } #cart_links a { display: block; padding: 7px 20px 7px 20px; height: auto; cursor: pointer; border:none; background: #333; color: #FEFEFE; font-size: 1em; font-weight: bold; margin: 0 0 10px 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } #cart_links a:hover { text-decoration: none; } #cart_links td { padding: 0 0 0 20px; } /* --------------------------------------------------------------------------------------------------- CUSTOMER --------------------------------------------------------------------------------------------------- */ .existing_customer { border:1px solid #CCC; padding: 10px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .existing_customer p { margin: 0; } .customer > p { padding: 0 10px 0 10px; } .cartbilling { width: 45%; float: left; border:1px solid #CCC; padding: 10px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin: 0 0 20px 0; } .cartdelivery { width: 45%; float: right; border:1px solid #CCC; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin: 0 0 20px 0; } .cartinfo, .cartaccount { width: 678px; float: left; border:1px solid #CCC; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin: 0 0 20px 0; } .cartinfo p, .cartaccount p { margin: 0 0 10px 0; } .cartinfo textarea { border:1px solid #CCC; font-size: inherit; width: 666px; height: 70px; overflow-y: auto; font-family: inherit; resize: vertical; color: #666; padding: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .cartaccount #saveaccount { margin: 6px 0 0 2px; border: none; padding: 0; } .cartaccount label { float: left; cursor: text; width: 114px; padding: 6px 0 5px 0; } .cartaccount input { padding: 5px; border:1px solid #CCC; margin: 0 0 5px 0; -webkit-border-radius:5px; color: #666; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .customer #continue { float: right; display: inline; padding: 5px 20px 5px 20px; height: auto; cursor: pointer; border:none; background: #333; color: #FEFEFE; font-size: 1em; font-weight: bold; margin: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .cartbilling input, .cartdelivery input { float:right; padding: 5px; color: #666; background: #FFF; width: 170px; border:1px solid #CCC; margin: 0 0 5px 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .cartbilling label, .cartdelivery label { float: left; width: 114px; padding: 6px 0 5px 0; cursor: text; } .cartbilling select, .cartdelivery select { float:right; width: 182px; margin: 4px 0 9px 0; } .cartbilling br, .cartdelivery br, .cartaccount br { clear: both; } /* --------------------------------------------------------------------------------------------------- LOGIN --------------------------------------------------------------------------------------------------- */ .cart_login_form fieldset { padding: 10px; border:1px solid #CCC; width: 326px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .cart_login_form label { float: left; cursor: text; width: 114px; padding: 6px 0 5px 0; margin: 2px 0 0 0; } .cart_login_form input { padding: 5px; float: right; width: 200px; border:1px solid #CCC; color: #666; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .cart_login_form #submit { float: right; display: inline; padding: 5px 20px 5px 20px; height: auto; cursor: pointer; border:none; background: #333; color: #FEFEFE; font-size: 1em; font-weight: bold; margin: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } /* --------------------------------------------------------------------------------------------------- ORDER DETAILS --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- NEWS --------------------------------------------------------------------------------------------------- */ .news .articles { padding: 10px 0; } .news .articles .articles_title { margin: 0 0 5px 0; display: block; font-size: 1.1em; color: #003366; } .news .articles .articles_title:hover { margin: 0 0 5px 0; display: block; font-size: 1.1em; color: #FF3366; text-decoration: none; } .news .articles .readmore { display: block; float: left; padding: 7px 10px 7px 10px; text-shadow: 0 1px 0 #B20036; height: auto; cursor: pointer; border:none; background: #FF3366; color: #FEFEFE; font-size: 0.8em; font-weight: bold; margin: 0 0 10px 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .news .articles .readmore:hover { text-decoration: none; } /* --------------------------------------------------------------------------------------------------- MAILINGLIST --------------------------------------------------------------------------------------------------- */ .mailinglist { width: 368px; } .mailinglist label { float: left; width: 100px; cursor: text; padding:8px 0 0 0; } .mailinglist input { width: 253px; padding: 5px; border: 1px solid #CCC; background: #FFF; height: 17px; margin: 0 0 10px 0; color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .mailinglist #submit { float: right; padding: 5px 20px 5px 20px; margin: 10px 3px 0 0; display: inline; overflow:visible; height: auto; cursor: pointer; border:none; background: #333; color: #FEFEFE; font-size: 1em; font-weight: bold; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } /* --------------------------------------------------------------------------------------------------- PRODUCTS PAGE --------------------------------------------------------------------------------------------------- */ .prod_cat_desc { border-bottom: 1px solid #CCC; margin: 0; } .products_category { border-bottom: 1px solid #CCC; padding: 15px 0 15px 0; } .products_category .products_image { float: left; margin: 0 20px 0 0; } .products_category .products_image img { padding:4px; border:1px solid #CCC; } .products_category .products_content { float: right; width: 540px; } .products_category .products_intro { width: 400px; float: left; } .products_category .products_title { font-weight: bold; color: #333; width: 400px; float: left; } .products_category .price { color: #999; font-weight: bold; text-align: right; margin: 0 0 10px 0; } .products_category .onsale { color: #333; font-weight: bold; text-align: right; } .products_category .addtocart { float: right; padding: 5px 20px 5px 20px; margin: 0; height: auto; cursor: pointer; border:none; background: #333; color: #FEFEFE; font-size: 1em; font-weight: bold; margin: 0 0 10px 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .products_category .products_code, .products_category .qty, .products_category .readmore { display: none; } /* --------------------------------------------------------------------------------------------------- PRODUCT PAGE --------------------------------------------------------------------------------------------------- */ .products_item { margin: 23px 0 0 0; padding: 23px 0 0 0; border-top:1px solid #CCC; } .products_item .products_item_content { float: right; width: 400px; } .products_item h1 { border-bottom: none; padding: 0; margin: 0; } .products_item label { cursor: text; width: 75px; float: left; padding: 5px 0 0 0; margin: 0 0 5px 0; } .products_item select { margin: 0 0 5px 0; } .products_item .price { color: #999; font-weight: bold; margin: 10px 0 10px 0; } .products_item .onsale { color: #333; } .products_item .qty, .products_item .products_code { display: none; } .products_item .addtocart { padding: 5px 20px 5px 20px; margin: 0; height: auto; cursor: pointer; border:none; background: #333; color: #FEFEFE; font-size: 1em; font-weight: bold; margin: 10px 0 10px 0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .products_item .products_image { float: left; width: 264px; } .products_item #product_image { width: 249px; padding: 4px; border:1px solid #CCC; margin: 0 0 5px 0; } .products_item #products_thumbnails { width: 100%; } .products_item #products_thumbnails img { width: 73px; padding: 4px; border:1px solid #CCC; float: left; margin: 0 5px 5px 0; cursor: pointer; } /* --------------------------------------------------------------------------------------------------- IB COURSE NOTES --------------------------------------------------------------------------------------------------- */ .ibnotes .articles { float: left; width: 45%; padding: 0 5px 0 5px; background: #036; color: #FFF; margin: 0 10px 10px 0; cursor: pointer; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px rgba(000,000,000,0.2); } .ibnotes .articles:hover { background: #05a; } .ibnotes .articles a { color: #FFF; display: block; padding: 5px 0 7px 0; } .ibnotes .articles a:hover { text-decoration: none; } /* --------------------------------------------------------------------------------------------------- CAS ACTIVITIES --------------------------------------------------------------------------------------------------- */ .casactivities #maincontent h1 { margin: 0 0 20px 0; } .casactivities .articles { float: left; width: 45%; margin: 0 33px 20px 0; } .casactivities .articles img { float: left; margin: 0 10px 0 0; } .casactivities .articles_title { float: right; width: 179px; padding: 0 0 10px 0; display: block; } /* --------------------------------------------------------------------------------------------------- A-Level Course Notes --------------------------------------------------------------------------------------------------- */ .alevelcoursenotes .articles { float: left; width: 45%; padding: 0 5px 0 5px; background: #036; color: #FFF; margin: 0 10px 10px 0; cursor: pointer; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 3px rgba(000,000,000,0.2); } .alevelcoursenotes .articles:hover { background: #05a; } .alevelcoursenotes .articles a { color: #FFF; display: block; padding: 5px 0 7px 0; } .alevelcoursenotes .articles a:hover { text-decoration: none; } /* --------------------------------------------------------------------------------------------------- ERROR PAGE --------------------------------------------------------------------------------------------------- */ .errorpage #footer { background: none;} /* --------------------------------------------------------------------------------------------------- HOME --------------------------------------------------------------------------------------------------- */ #right { width: 200px; float: right; margin: 0 0 0 30px; }