/* #------------------------------------------------------------------------ # boutique - September 2011 template (for Joomla 1.6/1.7) # # Copyright (C) 2007-2011 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com */ /* * Tabs Module */ .gkTab { position: relative; border: 1px solid #eee; } .gkTabWrap { margin: 0 auto; } ul.gkTabs { height: 46px; padding: 0; background: #151515; } ul.gkTabs li { background: none; border: none; border-left: 1px solid #444; height: 46px; line-height: 46px; float: left; padding: 0 24px; color: #888; font-size: 11px; text-transform: uppercase; } ul.gkTabs li:first-child { border: none} ul.gkTabs li span { display: block; } ul.gkTabs li.active, ul.gkTabs li:hover { color: #333; cursor: pointer; background: #fff; border-color: #eee } .gkTabContainer0 { clear: both; margin:0; } .gkTabContainer1 { overflow: hidden; } .gkTabItem { float: left; overflow: hidden; padding: 0; } .gkTabButtonNext, .gkTabButtonPrev { display: none; } .gkTabContainer0, .gkTabContainer1, .gkTabContainer2 { position:relative; } .gkTabItem { position: absolute; left: -999em; top: 0; width: 100%; } .gkTabItem.active { position: static; left: 0; } .gkTabItemSpace { padding: 24px; } /* suffix tab1 */ .tab1 .gkTab { border: none} .tab1 .gkTabContainer0 { border: 1px solid #eee; border-top: none} .tab1 ul.gkTabs { background: none; border-bottom: 1px solid #eee } .tab1 ul.gkTabs li { margin: 12px 12px 0 0; padding: 0 24px; height: 20px; line-height: 20px; border: 1px solid #fff; color: #e9403b } .tab1 ul.gkTabs li.active { height: 46px; line-height: 45px; margin-top: 0; border: 1px solid #eee; border-bottom: none; background: #fff; color: #333} .tab1 ul.gkTabs li:hover { color: #333; } /* suffix tab2 */ .tab2 .gkTab { border: none} .tab2 .gkTabItemSpace { padding: 24px 2px } .tab2 ul.gkTabs { height: 43px; background: none; border-bottom: 4px solid #e9403b; } .tab2 ul.gkTabs li { margin: 12px 12px 0 0; padding: 0 24px; height: 20px; line-height: 20px; border: none; color: #e9403b } .tab2 ul.gkTabs li.active { height: 43px; line-height: 45px; margin-top: 0; background: #e9403b; color: #fff} .tab2 ul.gkTabs li:hover { color: #333; } .tab2 ul.gkTabs li:hover.active { color: #fff} /* * News Show Pro GK4 */ .nsp { position: relative; position: relative; background-color: #2d2d2d; color: #FFF; padding-top: 5px; padding-bottom: 5px; border: 1px solid #bdb79e; background-repeat: repeat; } .nsp2 { position: relative; background-color: #f6f5ef; color: #FFF; padding-top: 5px; padding-bottom: 5px; border: 0px solid #bdb79e; background-repeat: repeat; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; } .nsp > div > h3 { margin-bottom: 8px !important;} .nsp .nspTopInterface div { position: absolute; right: 0; top: 6px; padding: 0 2px; background: #fff; } .nspMain { overflow:hidden; } .nspArt:hover img.nspImage { opacity: 0.9; filter: alpha(opacity = 90);} /* interface */ .nspBotInterface, .nspTopInterface { overflow:hidden; width:auto; margin: 0; } .nspBotInterface { margin:0; padding: 0; } .nspTopInterface div, .nspBotInterface div { float: right; } /* pagination */ .nspBotInterface .nspPagination li, .nspTopInterface .nspPagination li, .nspBotInterface .nspPagination li.active, .nspTopInterface .nspPagination li.active { display:block; float:left; border:none !important; width: 6px; height: 11px; margin: 0 0 0 5px; padding:0 !important; background: url('../images/nsp_interface.png') no-repeat 0 0!important; text-indent: -999em!important;cursor:pointer; } .nspBotInterface .nspPagination li:hover, .nspBotInterface .nspPagination li.active, .nspTopInterface .nspPagination li:hover, .nspTopInterface .nspPagination li.active { background-position: -8px 0!important; cursor:pointer; } .nspTopInterface .nspPagination, .nspBotInterface .nspPagination { border:none !important; float:left; width:auto; padding: 1px 8px 0 8px !important; list-style-type:none; margin:0; } .nspBotInterface .nspCounter, .nspTopInterface .nspCounter { padding:4px 8px!important; font-size:10px; font-weight:normal !important; height:10px; line-height:10px; background:transparent; color:#ccc !important; cursor:pointer; float:left; margin: 0 0 0 8px !important; } .nspBotInterface .nspCounter span, .nspTopInterface .nspCounter span { color:#85837F !important; } /* buttons: prev & next */ .nspBotInterface, .nspTopInterface { margin: 0!important; } .nspBotInterface .nspPrev, .nspTopInterface .nspPrev, .nspBotInterface .nspNext, .nspTopInterface .nspNext { display: block; float:left; border:none !important; width: 6px; height: 11px; margin: 0 0 0 2px; background: transparent url('../images/nsp_interface.png') no-repeat -16px 0; cursor:pointer; text-indent:-999em; padding:0 !important; } .nspBotInterface .nspPrev:hover, .nspTopInterface .nspPrev:hover { background-position: -32px 0; } .nspBotInterface .nspNext, .nspTopInterface .nspNext { background-position: -24px 0; } .nspBotInterface .nspNext:hover, .nspTopInterface .nspNext:hover { background-position: -40px 0; } /* interface image and position in the different suffixes */ .dark .nspBotInterface .nspPagination li, .dark .nspTopInterface .nspPagination li, .dark .nspBotInterface .nspPagination li.active, .dark .nspTopInterface .nspPagination li.active, .dark .nspBotInterface .nspPrev, .dark .nspTopInterface .nspPrev, .dark .nspBotInterface .nspNext, .dark .nspTopInterface .nspNext { background-image: url('../images/nsp_interface_dark.png'); } .border .nspTopInterface div, .dark .nspTopInterface div, .light .nspTopInterface div, .yellow .nspTopInterface div { background: none; right: 18px; top: 20px!important; } .box.dark .nspLinks ul li { border-top-color: #252525!important; } .box.dark .nspLinks ul li p { color: #666} /* add to cart */ .nspAddToCart { /* look into joomla.css file*/ } .nspAddToCart:hover { /* look into joomla.css file*/ } /* article layout */ .nspArts { overflow:hidden; } .nspArt > div { overflow:hidden; } .nspArt h4.nspHeader, .nspArt h4.nspHeader a { font-size: 12px; text-transform: uppercase; text-decoration: none } .nspArt h4.nspHeader { line-height:16px; margin: 3px 0} .nspArt img { padding: 0; border: 1px solid #CCC; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; } .nspLinks h4 a { } .nspLinks h4 a:hover, .nspArt h4.nspHeader a:hover { } .nspArt p.nspText { margin-top: 0!important; font-size: 12px; line-height: 1.5; color: #333; } .nspArt p.nspInfo { font-size:85%; margin:6px 0; color: #999 } .nspArt .tleft { text-align:left; } .nspArt .tright { text-align:right; } .nspArt .tcenter { text-align:center; } .nspArt .tjustify { text-align:justify; } .nspArt .fleft { float:left; } .nspArt .fright { float:right; } .nspArt .fnone { clear:both; width:100%; float:none; } .nspArt { float:left; } .nspReadon_class.left, .nspReadon_class.right, .nspReadon_class.center { clear:both; } .nspReadon_class.left { float:left; } .nspReadon_class.right { float:right; } .nspReadon_class.center { display:inline; float:none; } ul.nspList li { border-top: 1px solid #e5e5e5!important; list-style-type: none!important; background: none!important; padding-left: 0!important; margin: 0!important; } ul.nspList li:first-child { border-top: none!important; padding-top: 0px } .nspLinks ul li h4 { font-size:11px; line-height:1.2!important; font-weight: bold; font-family: Arial, Verdana, sans-serif; margin-bottom: 4px; } .nspLinks ul li p { margin:0; font-size:11px; font-weight: normal; line-height: 130%; } .nspLinks ul li { margin:0; padding:11px 0 12px; height:auto; border-bottom:none; } .nspLinks ul { padding:0; margin:0; list-style-type:none!important; clear:none!important; } .nspArts.left { float:right; } .nspLinksWrap.left { float:left; } .nspArts.right { float:left; } .nspLinksWrap.right { float:right; } .nspMain .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; } .nspAvatar { margin-bottom:-5px; } .nspArt .nspReadon { margin-top: 14px; } .nspText .readon { display: inline!important; float: none!important; } a.nspComments { } .nspRS { line-height: 26px; } .nspRS * { display: inline; } .nspRSPrice { background: #eee; padding: 7px 5px 8px 5px; font-weight: bold; position: relative; top: 2px; left: -1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; color: #333; } /* Additional styling */ .gkTab .nspArt > div { border-top: 1px solid #eee} .gkTab .nspArt:first-child div { border-top: none} /* NSP gallery suffix */ .banner .nspArt > div { position: relative; } .banner .nspArt > div > .nspContainer { position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; } .banner .nspArt > div > .nspContainer > div { padding: 0; height: 100%; width: 100%; position: relative; } .banner .nspArt > div > .nspHeader, .banner .nspArt > div > .nspInfo, .banner .nspArt > div > .nspText, .banner .nspArt > div > .readon { position: absolute; left: -999px; } .banner .nspArt > div > .nspContainer > div { cursor: pointer; } .banner .nspArt .nspContainer .nspHeader { display: inline-block; cursor: pointer; margin: 0; padding: 10px; width: auto; background: #000; position: absolute; bottom: 16px; color: #fff; } .banner .nspArt .nspContainer .nspHeader a { line-height: 14px!important; font-size: 14px!important; color: #fff!important; text-decoration: none; } .banner .nspArt .nspContainer .nspHeader a:hover { color: #e9403b!important; } .banner .nspArt .nspContainer .readon { bottom: 20px; position: absolute; height: auto; width: auto; margin: 0; padding: 10px 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: #e9403b; color: #fff; font-size: 11px; line-height: 11px; text-transform: uppercase; text-decoration: none; } .banner .nspArt .nspContainer .readon:hover { color: #e9403b!important; background: #fff; } .banner .nspArt .nspContainer .nspHeader.fleft, .banner .nspArt .nspContainer .readon.fleft { left: 0; } .banner .nspArt .nspContainer .nspHeader.fright, .banner .nspArt .nspContainer .readon.fright { right: 0; } .banner .nspArt .nspContainer .readon + .nspHeader { bottom: 50px; } /* Image Show module */ .gkIsWrapper-gk_boutique { position:relative; width:100%; overflow:hidden; } .gkIsWrapper-gk_boutique .gkIsSlides { position:relative; overflow:hidden; } .gkIsWrapper-gk_boutique .gkIsSlide { position:absolute; left: 0; } .slide-links .gkIsSlide { cursor:pointer; } .gkIsWrapper-gk_boutique .gkIsImage { overflow:hidden; position: relative; width: 100%; } .gkIsWrapper-gk_boutique .gkIsTextData { display:none; } .gkIsWrapper-gk_boutique .gkIsPreloader { position:absolute; z-index:128; top:0; left:0; background:#000 url('../images/style1/loader.gif') no-repeat center center; width:100%; height:100%; text-indent:-999em; } .gkIsWrapper-gk_boutique .gkIsText { height: auto; bottom: 42px; position: absolute; float: left; z-index: 127; } .gkIsWrapper-gk_boutique .gkIsTextWrap { position: relative; padding-right: 90px; } .gkIsWrapper-gk_boutique .gkIsTimeline { background: transparent; height:2px; margin: 0; width: 100%; clear: both; position: absolute; bottom: 40px; z-index: 127; } .gkIsWrapper-gk_boutique .gkIsProgress { float: left; text-indent: -999em; width: 0; height: 2px; background: #e9403b; margin-left: -12px; } .gkIsWrapper-gk_boutique .gkIsTextTitle { float: left; background: #000; padding: 10px 30px 4px 30px; color: #fff!important; line-height:34px; } .gkIsWrapper-gk_boutique .gkIsTextTitle a { color: #fff; font-size: 36px; float: left; display: block; text-decoration: none; } .gkIsWrapper-gk_boutique .gkIsTextTitle small { font-size: 18px; color: #fff!important; } .gkIsWrapper-gk_boutique .gkIsTextTitle big { font-size: 50px; color: #e9403b!important; } .gkIsWrapper-gk_boutique .gkIsTextTitle a:hover { text-decoration: none; } .gkIsWrapper-gk_boutique .gkIsInterface { width: 90px; height: 48px; background: rgba(0, 0, 0, 0.5); position: absolute; right: 0; top: 0; z-index: 127; } .gkIsWrapper-gk_boutique .gkIsPrev, .gkIsWrapper-gk_boutique .gkIsNext { width: 12px; height: 24px; background: transparent url('../images/style1/gk_is_interface.png') no-repeat 0 0; text-indent: -999em; float: left; margin-top: 12px; } .gkIsWrapper-gk_boutique .gkIsPrev { margin-left: 30px; } .gkIsWrapper-gk_boutique .gkIsNext { background-position: -12px 0; margin-left: 5px; } .gkIsWrapper-gk_boutique .gkIsPrev:hover { background-position: 0 -24px; cursor: pointer; } .gkIsWrapper-gk_boutique .gkIsNext:hover { background-position: -12px -24px; cursor: pointer; } /* AcyMailing component */ .gkFilter { float: left; margin-right: 10px; } .gkSpace { overflow: hidden; margin-bottom: 10px; } .gkList { border: none; border-top: 1px solid #eee; } .gkList .gkListDescription { padding: 0; } /* AcyMailing module */ .acymailing_introtext { float: left; margin-right: 20px; } .acymailing_introtext > span { font-size: 18px; line-height: 44px; color: #555; } .acymailing_form { float: left; } .acymailing_form p { float: left; margin-left: 12px; } .acymailing_form p input[type="text"] { width: 178px; } .acymailing_form p:first-child { margin-left: 0; } #acymodifyform .list_name, #acymodifyform .list_description { padding: 0!important; } #acymodifyform .list_name { font-size: 16px!important; color: #151515; } /* Login with Facebook button */ span#fb-auth small {width: 20px; background: transparent url('../images/fbauth.png') no-repeat 0 2px; text-indent: -999em; display: block; float: left; -moz-box-shadow:inset 0px 1px 0px 0px #aab5cd; -webkit-box-shadow:inset 0px 0px 1px 0px #556a9a; box-shadow:1px 0px #556a9a;; border-right: 1px solid #a0aecd; margin: 2px 7px 0 0 } span#fb-auth { -moz-box-shadow:inset 0px 1px 0px 0px #aab5cd;-webkit-box-shadow:inset 0px 1px 0px 0px #aab5cd;box-shadow:inset 0px 1px 0px 0px #aab5cd;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #798db9), color-stop(1, #556b9b) );background:-moz-linear-gradient( center top, #798db9 5%, #556b9b 100% );background-color:#798db9; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #4d576b; display:inline-block; color:#fff; font-family:arial; font-size:12px; font-weight:bold; padding:3px 24px 8px 12px; text-decoration:none; text-shadow:1px 1px 0px #445375; cursor: pointer; height: 16px; line-height: 21px} span#fb-auth:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #556b9b), color-stop(1, #798db9) ); background:-moz-linear-gradient( center top, #556b9b 5%, #798db9 100% ); background-color:#556b9b; } form#com-login-form .button {margin-right: 10px}