example 1:(home page)
http://www.spray-tees.com/index.php
example 2:(product page)
http://www.spray-tees.com/index.php/tsh ... kully-star
(p.s. mind the site i am not done with everything)
so when i intialy edited the template.css it allowed me to edit the background, alter the logo and adjust the over all look of boutique.
so now i see you did some separation work with red shop(rehauled menus and configs,love it by the way). ((And it looks great too!))
So if you could lead me in the right direction and save precious time, i would like to make the original changes i made global through-out the site.
in other words what css,style sheet do i go to now to effect red-shop and the rest of boutique globally?
This is what i origanally had:
/*
#------------------------------------------------------------------------
# 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: [email protected]
*/
/* Basic elements */
body { line-height:1.8; min-height:100%; color: #777 ; background:url("http://www.spray-tees.com/images/icecreamer.jpg);background-size:1900px 2050px;background-repeat:no-repeat; }
a { text-decoration: none; color: #FF00FF; }
a:hover,
a:active,
a:focus { color: #e9403b; }
h1, h2, h3, h4, h5 { font-weight: normal; color: #333 }
h1 { font-size:380% }
h2 { font-size:350% }
h3 { font-size:135% }
h4 { font-size:110% }
h5 { font-size:100% }
ul { list-style:none; }
ul li { line-height:2.6; }
p { margin: 0.5em 0 }
/* Containers */
#gkPage { background: url("http://www.spray-tees.com/images/fun2.png); -moz-box-shadow: 0 0 100px #000000; -webkit-box-shadow: 0 0 300px #000000; box-shadow: 0 0 100px #000000; }
#gkPageWrap { padding: 39px 35px 35px 35px; }
#gkPageWrap + #gkBottomBlock { margin-top: -15px; }
#gkContent > div { background: #fff}
#gkBottomBlock { margin: 0 35px; border-top: 1px solid #e5e5e5; padding: 8px 0; overflow: hidden; }
#gkNewsletter { float: left; width: 49%; }
#gkSocial { float: right; width: 49%; }
#gkNewsletter + #gkSocial { border-left: 1px solid #e5e5e5; }
#gkComponent { line-height: 2.0}
/* Page top */
#gkPageTopWrap { overflow: hidden; margin-bottom: 25px; }
#gkTopNav,
#gkButtons { float: right; margin-top: 11px; margin-left: 30px; }
#gkButtons + #gkTopNav { margin-right: -30px!important; }
#gkTopNav li,
#gkButtons a { float: left; padding: 0 15px; border-left: 1px solid #ebeaea; font-size: 12px; line-height: 12px; }
#gkTopNav li:first-child { border-left: none; }
#gkTopNav li a,
#gkButtons a { color: #333; }
#gkTopNav li a:hover,
#gkButtons a:hover { color: #000; }
#gkSearch { float: right; margin-top: 2px; margin-left: 30px; }
#gkSearch #mod-search-searchword { width: 178px; height: 18px; padding: 5px 10px; border: 1px solid #ebeaea; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff url('../images/search.png') no-repeat right center; }
#btnCart { float: right; height: 23px; margin-top: 11px; border-left: 1px solid #303030; width: 50px; background: transparent url('../images/cart.png') no-repeat center top; line-height:9px; font-size: 10px; font-weight: bold; text-indent: 37px; color: #e9403b; }
.dark #btnCart { width: 35px; background-position: right top; }
#btnCart:hover { background-position: center bottom; cursor: pointer; }
.dark #btnCart:hover { background-position: right bottom; }
/* Logo */
h1#gkLogo { margin: 0; padding: 0; width: 269px; height: 35px; float: left; }
h1#gkLogo a img { display: block; height: 35px; margin: 0; width:269px; top: 0; left:0; }
h1#gkLogo a.cssLogo { background: url('../images/logo_light.png') no-repeat 0 0; display: block; height: 35px; margin: 0; text-indent: -999em; width:269px; top: 0; left:0; z-index: 1001; }
h1.gkLogo.text { width: auto; float: left; margin: 0; }
h1.gkLogo.text a { display: block; font-size: 24px; line-height: 35px; font-weight:normal; text-indent: 0; float: left; }
h1.gkLogo.text a { padding: 0; width: auto!important; }
h1.gkLogo.text a > span { color: #000; padding: 0 7px; display: block; font-size: 24px; line-height: 35px; float: left; }
h1.gkLogo.text .gkLogoSlogan { font-size: 11px!important; line-height: 35px; color: #111!important; margin: 0 0 0 8px; height: 45px; display: block; float:left; }
/* Page top - dark */
#gkPageTop.dark { margin: -39px -35px 0 -35px; padding: 39px 35px 0 35px; background: #151515; }
#gkPageTop.dark h1#gkLogo a.cssLogo { background-image: url('../images/logo_dark.png')!important; }
#gkPageTop.dark h1.gkLogo.text a > span { color: #fff; }
#gkPageTop.dark h1.gkLogo.text .gkLogoSlogan { color: #eee!important; }
#gkPageTop.dark #gkTopNav li,
#gkPageTop.dark #gkButtons a { border-left: 1px solid #343434; font-weight: bold; }
#gkPageTop.dark #gkTopNav li:first-child { border-left: none; }
#gkPageTop.dark #gkTopNav li a,
#gkPageTop.dark #gkButtons a { color: #999; }
#gkPageTop.dark #gkTopNav li a:hover,
#gkPageTop.dark #gkButtons a:hover { color: #eee; }
#gkPageTop.dark #gkMainMenu > div > ul > li > a { font-size: 14px; }
#gkPageTop.dark #gkMainMenu > div > ul > li:first-child > a { padding-left: 0px; }
#gkPageTop.dark #gkSearch #mod-search-searchword { border: 1px solid #151515; }
/* Suffix header */
#gkHeader { margin: 20px 0 0 0; overflow: hidden; }
#gkHeader1 { float: left; }
#gkHeader2 { float: right; }
.nospace #gkHeader2 { float: left; }
#gkHeader .box,
#gkHeader .box_menu,
#gkHeader .box_text { margin-top: 20px!important; }
#gkHeader .box:first-child,
#gkHeader .box_menu:first-child,
#gkHeader .box_text:first-child,
#gkHeader.nospace .box,
#gkHeader.nospace .box_menu,
#gkHeader.nospace .box_text { margin-top: 0!important; }
/* standard breadcrumb */
#gkBreadcrumb { overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee; cursor: pointer; margin: 0 0 30px !important; padding: 5px 16px; }
#gkBreadcrumb > div { padding: 0; }
#gkBreadcrumb .breadcrumbs { width: auto; float: left; font-size: 12px; color: #333; }
#gkBreadcrumb .breadcrumbs li.separator { display: block; float: left; width: 6px; margin: 0 10px; background: url('../images/bullet.png') no-repeat 50% 50%; text-indent: -99999em; }
#gkBreadcrumb .breadcrumbs > ul { margin-left: 0; padding: 0; }
#gkBreadcrumb .breadcrumbs > ul > li { float: left; width: auto; clear: none; }
#gkBreadcrumb .breadcrumbs > ul > li a { color: #666}
#gkBreadcrumb .breadcrumbs > ul > li a:hover { color: #333}
/* tools */
#gkTools { float: right; }
#gkTools a { display: block; float: left; width: 11px; height: 9px; margin: 12px 0 0 3px; text-indent: -99999em; background: transparent url('../images/font_size.png') no-repeat -44px 0; }
a#gkToolsReset { background-position: -24px 0; margin-left: 6px }
a#gkToolsDec { background-position: 0 0 }
/* bottom */
#gkBottomWrap { background: #fff; -moz-box-shadow: 0 0 100px #000000; -webkit-box-shadow: 0 0 6px #c1c1c1; box-shadow: 0 0 100px #c1c1c1; }
#gkBottom1 > div,
#gkBottom2 > div { padding: 18px 35px; }
/* footer */
#gkFooterWrap { margin: 25px auto; font-size: 11px; text-shadow: 0 1px #fff; overflow: hidden; }
#gkFooterWrap a { }
#gkFooterWrap a:hover { }
#gkCopyrights span { float: right; line-height: 14px; }
#gkFooterNav { float: left; }
#gkFooterNav li { display: inline; margin-left: 16px; line-height: 11px; }
#gkFooterNav li:first-child { margin: 0; padding: 0; }
#gkStyleArea { clear: both; float: right; margin-top: 2px; }
#gkFrameworkLogo { display: block; width: 140px; height: 42px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; margin: 36px auto 0; padding-bottom: 40px; opacity: 0.3; clear: both; }
/* Suffixes */
.box,
.box_menu,
.box_text { overflow: hidden; margin-top:20px; }
.box:first-child,
.box_menu:first-child,
.box_text:first-child { margin-top: 0!important; }
.box > div,
.box_menu > div,
.box_text > div { overflow: hidden; }
.box_content { padding: 0; overflow: hidden; color:#555; font-size:13px; line-height:1.2; }
.box li,
.box_text li { line-height: 24px; font-size: 12px; font-weight:normal; padding-left: 24px; background: transparent url('../images/bullet.png') no-repeat 2px 8px; font-weight: bold; }
.box li a,
.box_text li a { text-decoration: none; }
.box a,
.box_text a { text-decoration: underline; }
/*--- default */
.box > div > h3.header,
.box_menu > div > h3.header,
.box_text > div > h3.header { font-size: 14px; font-weight: normal; text-transform: uppercase; background: transparent url('../images/border1.png') repeat-x 0 center; margin-bottom: 10px; }
.box > div > h3.header > span,
.box_menu > div > h3.header > span,
.box_text > div > h3.header > span { background: #fff; padding-right: 12px; }
/* suffix color */
.box.color > div > h3.header,
.box_menu.color > div > h3.header,
.box_text.color > div > h3.header,
.box.bor2.color > div > h3.header,
.box_menu.bor2.color > div > h3.header,
.box_text.bor2.color > div > h3.header { color: #e9403b; }
.box.color a,
.box_menu.color a,
.box_text.color a,
.box.bor2.color a,
.box_menu.bor2.color a,
.box_text.bor2.color a,
.box.color li a:active,
.box.color li a:focus,
.box.color li a:hover,
.box_menu.color li a:active,
.box_menu.color li a:focus,
.box_menu.color li a:hover,
.box_text.color li a:active,
.box_text.color li a:focus,
.box_text.color li a:hover,
.box.bor2.color li a:active,
.box.bor2.color li a:focus,
.box.bor2.color li a:hover,
.box_menu.bor2.color li a:active,
.box_menu.bor2.color li a:focus,
.box_menu.bor2.color li a:hover,
.box_text.bor2.color li a:active,
.box_text.bor2.color li a:focus,
.box_text.bor2.color li a:hover { color: #e9403b; }
.box.color li a,
.box_menu.color li a,
.box_text.color li a,
.box.bor2.color li a,
.box_menu.bor2.color li a,
.box_text.bor2.color li a,
.box.color a:active,
.box.color a:focus,
.box.color a:hover,
.box_menu.color a:active,
.box_menu.color a:focus,
.box_menu.color a:hover,
.box_text.color a:active,
.box_text.color a:focus,
.box_text.color a:hover,
.box.bor2.color a:active,
.box.bor2.color a:focus,
.box.bor2.color a:hover,
.box_menu.bor2.color a:active,
.box_menu.bor2.color a:focus,
.box_menu.bor2.color a:hover,
.box_text.bor2.color a:active,
.box_text.bor2.color a:focus,
.box_text.bor2.color a:hover { color: #333; }
/* suffix _menu */
.box_menu { background: #eee; padding: 3px; }
.box_menu > div { padding: 20px 20px 10px; background: #fff; border: 1px solid #e5e5e5}
.box_menu > div > h3.header { margin-bottom: 14px;}
.box_menu ul { margin: 0}
.box_menu ul li { border-top: 1px solid #eee; background: url('../images/bullet.png') no-repeat 0 13px; padding-left: 24px}
.box_menu ul li li { margin-left: -24px; padding-left: 44px; background-position: 20px 13px}
/* suffix bor2 */
.box.bor2 > div > h3.header,
.box_menu.bor2 > div > h3.header,
.box_text.bor2 > div > h3.header { border-bottom:1px solid #d5d5d5; font-size: 12px; background: transparent; }
/* suffix bor2 color */
.box.bor2.color > div > h3.header,
.box_menu.bor2.color > div > h3.header,
.box_text.bor2.color > div > h3.header { border-bottom:1px solid #e9403b; }
/* suffix italic */
.box.italic > div > h3.header,
.box_menu.italic > div > h3.header,
.box_text.italic > div > h3.header { border-bottom:none; font-style: italic; font-size: 12px; background: transparent; font-family: Georgia, serif; }
/* suffix bor2 italic */
.box.bor2.italic > div > h3.header,
.box_menu.bor2.italic > div > h3.header,
.box_text.bor2.italic > div > h3.header { border-bottom:1px solid #d5d5d5; font-style: italic; font-size: 12px; background: transparent; font-family: Georgia, serif; }
/* suffix bor3 */
.box.bor3 > div > h3.header,
.box_menu.bor3 > div > h3.header,
.box_text.bor3 > div > h3.header { font-size: 18px; font-weight: normal; text-transform: uppercase; background: transparent url('../images/border2.png') repeat-x 0 center; margin-bottom: 10px; }
/* suffix bor4 */
.box.bor4 > div > h3.header,
.box_menu.bor4 > div > h3.header,
.box_text.bor4 > div > h3.header { font-size: 12px; font-weight: normal; text-transform: uppercase; background: transparent url('../images/border3.png') repeat-x 0 center; margin-bottom: 10px; text-align: center; }
.box.bor4 > div > h3.header > span,
.box_menu.bor4 > div > h3.header > span,
.box_text.bor4 > div > h3.header > span { background: #fff; padding: 0 12px; display: inline; }
/* suffix light */
.box.light { padding: 18px; background: #fbfbfb; border: 1px solid #eeebeb; }
.box.light > div > h3.header { background: transparent; font-size: 12px; }
.box.light > div > h3.header > span { background: transparent; }
/* suffix yellow */
.box.yellow { padding: 18px; background: #fffef4; border: 1px solid #eae8cc; }
.box.yellow > div > h3.header { background: transparent; font-size: 12px; }
.box.yellow > div > h3.header > span { background: transparent; }
/* suffix dark */
.box.dark { padding: 18px; background: #000; border: 1px solid #000; color: #999; }
.box.dark > div > h3.header { background: transparent; font-size: 12px; color: #fff; }
.box.dark > div > h3.header > span { background: transparent; }
.box.dark a { color: #fff; }
.box.dark a:hover { color: #aaa; }
/* - clear */
.box.clear,
.box.clear > div,
.box.clear > div > .box_content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
.box.clear > div > h3 { display: none; }
/* bottom modules */
#gkBottomWrap h3.header { color: #fff; background: transparent; }
#gkBottomWrap h3.header > span { background: transparent; }
#gkBottomWrap .box_content { color: #999; }
#gkBottomWrap a { color: #fff; }
#gkBottomWrap a:hover,
#gkBottomWrap a:active,
#gkBottomWrap a:focus { color: #bbb; }
/* popup */
#gkPopupOverlay,
#gkPopupLogin,
#gkPopupRegister,
#gkPopupCart { display: none; overflow: hidden; width: 520px; margin-left: -260px; position: fixed; z-index: 1000002; left: 50%; top: 50%; background: #fff; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 1px 1px 6px #666; -webkit-box-shadow: 1px 1px 6px #666; -moz-box-shadow: 1px 1px 6px #666; }
#gkPopupLogin { width: 600px; margin-left: -300px; }
.gkPopupWrap { padding: 25px; margin: 4px; }
#gkPopupOverlay { width: 100%; height: 100%; position: fixed; z-index:1000001; top:0; left:0; background:#000; opacity:0.3; filter:alpha(opacity=33); margin-left:0; }
.gkPopupWrap h3 { font-size: 26px; border-bottom: 1px solid #e7e7e7; margin: 0 0 20px; }
.gkPopupWrap h3 small { font: normal 12px Arial, Helvetica, sans-serif !important; }
.gkPopupWrap h3 small a { text-decoration: underline }
.gkPopupWrap h4 { font-size: 18px; margin: 0 0 12px; }
.gkPopupWrap ul li { }
#gkPopupLogin fieldset { padding: 0!important; }
#gkPopupLogin fieldset label { font-size: 12px}
#gkFBLogin { float: left; width: 45%; }
#gkFBLogin p { line-height: 18px; margin: 14px 0 20px }
#gkFBLogin + #login-form,
#gkFBLogin + #com-login-form { float: left; width: 45%; margin-left: 4%; padding-left: 30px; border-left: 1px solid #e7e7e7 }
#form-login-remember { margin: 30px 0 4px; }
#form-login-remember label { color: #777; font-size: 11px; font-weight: normal; vertical-align: top; }
#login-form ul { border-top: 1px solid #E7E7E7; margin: 42px 0 0; padding: 2px 0 0; }
#login-form ul li { float: left; font-size: 11px; }
#login-form ul li:first-child { margin-right: 10px; }
#login-form ul li a { text-decoration: underline }
label#jform_spacer-lbl { font-size: 11px; font-weight: normal; color: #666 }
.logout-button .login-greeting { float: left; margin-right: 32px; font-size: 14px; }
#gkPopupRegister dl dt:first-child { font-size: 10px; display:block; width:100%; }
#gkPopupRegister dt { float: left; width: 35%; clear: both; }
#gkPopupRegister dt,
#gkPopupRegister dd { line-height: 41px; height: 41px; }
#gkPopupRegister legend { display: none; }
#member-registration fieldset { padding: 0 0 24px }
#member-registration label { padding: 0 0 0 2px; font-size: 12px; }
#member-registration > div { line-height: 30px;}
#member-registration > div > button { margin-right: 12px;}
#member-registration > div a { text-decoration: underline }
#gkPopupLogin input[type="text"],
#gkPopupLogin input[type="password"] { clear: both; display:block; width: 220px; }
#gkPopupRegister input[type="text"],
#gkPopupRegister input[type="password"] { width: 250px; }
/* mobile switcher fix */
#gkCopyrights > a { line-height: 1.0; font-weight: bold; padding-left: 30px; }
/* modalbox */
#sbox-window { background: #fff; border-radius:3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; box-shadow: 1px 1px 6px #666!important; -webkit-box-shadow: 1px 1px 6px #666!important; -moz-box-shadow: 1px 1px 6px #666!important; }
#sbox-window #sbox-btn-close { display: none; }
/* cbox modal */
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight { display: none; }
#cboxContent { background: #fff; border-radius:3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; box-shadow: 1px 1px 6px #666!important; -webkit-box-shadow: 1px 1px 6px #666!important; -moz-box-shadow: 1px 1px 6px #666!important; padding: 30px!important; }
#cboxOverlay { background: #000!important; opacity: 0.45!important; filter: alpha(opacity=45)!important; }
#cboxClose { margin: 5px; }
#colorbox { z-index: 1000002!important; }
And this is the new style sheet
/*
#------------------------------------------------------------------------
# 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: [email protected]
*/
/* Basic elements */
body {
line-height: 1.8;
min-height: 100%;
color: #777;
background: #eee;
padding-top: 45px;
}
a {
text-decoration: none;
color: #333;
}
a:hover,a:active,a:focus {
color: #e9403b;
}
h1,h2,h3,h4,h5 {
font-weight: normal;
color: #333;
}
h1 {
font-size: 380%;
}
h2 {
font-size: 350%;
}
h3 {
font-size: 135%;
}
h4 {
font-size: 110%;
}
h5 {
font-size: 100%;
}
ul {
list-style: none;
}
ul li {
line-height: 2.6;
}
p {
margin: 0.5em 0;
}
/* Containers */
#gkPage {
background: #fff;
-webkit-box-shadow: 0 0 6px #c1c1c1;
-moz-box-shadow: 0 0 6px #c1c1c1;
box-shadow: 0 0 6px #c1c1c1;
}
#gkPageWrap {
padding: 39px 35px 35px 35px;
}
#gkPageWrap + #gkBottomBlock {
margin-top: -15px;
}
#gkContent > div {
background: #fff;
}
#gkBottomBlock {
margin: 0 35px;
border-top: 1px solid #e5e5e5;
padding: 8px 0;
overflow: hidden;
}
#gkNewsletter {
float: left;
width: 49%;
}
#gkSocial {
float: right;
width: 49%;
}
#gkNewsletter + #gkSocial {
border-left: 1px solid #e5e5e5;
}
#gkComponent {
line-height: 2.0;
}
/* Page top */
#gkPageTopWrap {
overflow: hidden;
margin-bottom: 25px;
}
#gkTopNav,#gkButtons {
float: right;
margin-top: 11px;
margin-left: 30px;
}
#gkButtons + #gkTopNav {
margin-right: -30px !important;
}
#gkTopNav li,#gkButtons a {
float: left;
padding: 0 15px;
border-left: 1px solid #ebeaea;
font-size: 12px;
line-height: 12px;
}
#gkTopNav li:first-child {
border-left: none;
}
#gkTopNav li a,#gkButtons a {
color: #333;
}
#gkTopNav li a:hover,#gkButtons a:hover {
color: #000;
}
#gkSearch {
float: right;
margin-top: 2px;
margin-left: 30px;
}
#gkSearch #mod-search-searchword {
width: 178px;
height: 18px;
padding: 5px 10px;
border: 1px solid #ebeaea;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #fff url('../images/search.png') no-repeat right center;
}
#btnCart {
float: right;
height: 23px;
margin-top: 11px;
border-left: 1px solid #303030;
width: 50px;
background: transparent url('../images/cart.png') no-repeat center top;
line-height: 9px;
font-size: 10px;
font-weight: bold;
text-indent: 37px;
color: #e9403b;
}
.dark #btnCart {
width: 35px;
background-position: right top;
}
#btnCart:hover {
background-position: center bottom;
cursor: pointer;
}
.dark #btnCart:hover {
background-position: right bottom;
}
/* Logo */
h1#gkLogo {
margin: 0;
padding: 0;
width: 269px;
height: 35px;
float: left;
}
h1#gkLogo a img {
display: block;
height: 35px;
margin: 0;
width: 269px;
top: 0;
left: 0;
}
h1#gkLogo a.cssLogo {
background: url('../images/logo_light.png') no-repeat 0 0;
display: block;
height: 35px;
margin: 0;
text-indent: -999em;
width: 269px;
top: 0;
left: 0;
z-index: 1001;
}
h1.gkLogo.text {
width: auto;
float: left;
margin: 0;
}
h1.gkLogo.text a {
display: block;
font-size: 24px;
line-height: 35px;
font-weight: normal;
text-indent: 0;
float: left;
}
h1.gkLogo.text a {
padding: 0;
width: auto !important;
}
h1.gkLogo.text a > span {
color: #000;
padding: 0 7px;
display: block;
font-size: 24px;
line-height: 35px;
float: left;
}
h1.gkLogo.text .gkLogoSlogan {
font-size: 11px !important;
line-height: 35px;
color: #111 !important;
margin: 0 0 0 8px;
height: 45px;
display: block;
float: left;
}
/* Page top -dark */
#gkPageTop.dark {
margin: -39px -35px 0 -35px;
padding: 39px 35px 0 35px;
background: #151515;
}
#gkPageTop.dark h1#gkLogo a.cssLogo {
background-image: url('../images/logo_dark.png') !important;
}
#gkPageTop.dark h1.gkLogo.text a > span {
color: #fff;
}
#gkPageTop.dark h1.gkLogo.text .gkLogoSlogan {
color: #eee !important;
}
#gkPageTop.dark #gkTopNav li,#gkPageTop.dark #gkButtons a {
border-left: 1px solid #343434;
font-weight: bold;
}
#gkPageTop.dark #gkTopNav li:first-child {
border-left: none;
}
#gkPageTop.dark #gkTopNav li a,#gkPageTop.dark #gkButtons a {
color: #999;
}
#gkPageTop.dark #gkTopNav li a:hover,#gkPageTop.dark #gkButtons a:hover {
color: #eee;
}
#gkPageTop.dark #gkMainMenu > div > ul > li > a {
font-size: 14px;
}
#gkPageTop.dark #gkMainMenu > div > ul > li:first-child > a {
padding-left: 0px;
}
#gkPageTop.dark #gkSearch #mod-search-searchword {
border: 1px solid #151515;
}
/* Suffix header */
#gkHeader {
margin: 20px 0 0 0;
overflow: hidden;
}
#gkHeader1 {
float: left;
}
#gkHeader2 {
float: right;
}
.nospace #gkHeader2 {
float: left;
}
#gkHeader .box,#gkHeader .box_menu,#gkHeader .box_text {
margin-top: 20px !important;
}
#gkHeader .box:first-child,#gkHeader .box_menu:first-child,#gkHeader .box_text:first-child,#gkHeader.nospace .box,#gkHeader.nospace .box_menu,#gkHeader.nospace .box_text {
margin-top: 0 !important;
}
/* standard breadcrumb */
#gkBreadcrumb {
overflow: hidden;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
cursor: pointer;
margin: 0 0 30px !important;
padding: 5px 16px;
}
#gkBreadcrumb > div {
padding: 0;
}
#gkBreadcrumb .breadcrumbs {
width: auto;
float: left;
font-size: 12px;
color: #333;
}
#gkBreadcrumb .breadcrumbs li.separator {
display: block;
float: left;
width: 6px;
margin: 0 10px;
background: url('../images/bullet.png') no-repeat 50% 50%;
text-indent: -99999em;
}
#gkBreadcrumb .breadcrumbs > ul {
margin-left: 0;
padding: 0;
}
#gkBreadcrumb .breadcrumbs > ul > li {
float: left;
width: auto;
clear: none;
}
#gkBreadcrumb .breadcrumbs > ul > li a {
color: #666;
}
#gkBreadcrumb .breadcrumbs > ul > li a:hover {
color: #333;
}
#gkBreadcrumb .breadcrumbs > ul > li > span {
margin-right: 5px;
}
/* tools */
#gkTools {
float: right;
}
#gkTools a {
display: block;
float: left;
width: 11px;
height: 9px;
margin: 12px 0 0 3px;
text-indent: -99999em;
background: transparent url('../images/font_size.png') no-repeat -44px 0;
}
a#gkToolsReset {
background-position: -24px 0;
margin-left: 6px;
}
a#gkToolsDec {
background-position: 0 0;
}
/* bottom */
#gkBottomWrap {
background: #111;
-webkit-box-shadow: 0 0 6px #c1c1c1;
-moz-box-shadow: 0 0 6px #c1c1c1;
box-shadow: 0 0 6px #c1c1c1;
}
#gkBottom1 > div,#gkBottom2 > div {
padding: 18px 35px;
}
/* footer */
#gkFooterWrap {
margin: 25px auto;
font-size: 11px;
text-shadow: 0 1px #fff;
overflow: hidden;
}
#gkCopyrights span {
float: right;
line-height: 14px;
}
#gkFooterNav {
float: left;
}
#gkFooterNav li {
display: inline;
margin-left: 16px;
line-height: 11px;
}
#gkFooterNav li:first-child {
margin: 0;
padding: 0;
}
#gkStyleArea {
clear: both;
float: right;
margin-top: 2px;
}
#gkFrameworkLogo {
display: block;
width: 140px;
height: 42px;
background: url('../images/framework-logo.png') no-repeat 0 0;
text-indent: -9999em;
margin: 36px auto 0;
padding-bottom: 40px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
clear: both;
}
/* Suffixes */
.box,.box_menu,.box_text {
overflow: hidden;
margin-top: 20px;
}
.box:first-child,.box_menu:first-child,.box_text:first-child {
margin-top: 0 !important;
}
.box > div,.box_menu > div,.box_text > div {
overflow: hidden;
}
.box_content {
padding: 0;
overflow: hidden;
color: #555;
font-size: 13px;
line-height: 1.2;
}
.box li,.box_text li {
line-height: 24px;
font-size: 12px;
font-weight: normal;
padding-left: 24px;
background: transparent url('../images/bullet.png') no-repeat 2px 8px;
font-weight: bold;
}
.box li a,.box_text li a {
text-decoration: none;
}
.box a,.box_text a {
text-decoration: underline;
}
/*---default */
.box > div > h3.header,.box_menu > div > h3.header,.box_text > div > h3.header {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
background: transparent url('../images/border1.png') repeat-x 0 center;
margin-bottom: 10px;
}
.box > div > h3.header > span,.box_menu > div > h3.header > span,.box_text > div > h3.header > span {
background: #fff;
padding-right: 12px;
}
/* suffix color */
.box.color > div > h3.header,.box_menu.color > div > h3.header,.box_text.color > div > h3.header,.box.bor2.color > div > h3.header,.box_menu.bor2.color > div > h3.header,.box_text.bor2.color > div > h3.header {
color: #e9403b;
}
.box.color a,.box_menu.color a,.box_text.color a,.box.bor2.color a,.box_menu.bor2.color a,.box_text.bor2.color a,.box.color li a:active,.box.color li a:focus,.box.color li a:hover,.box_menu.color li a:active,.box_menu.color li a:focus,.box_menu.color li a:hover,.box_text.color li a:active,.box_text.color li a:focus,.box_text.color li a:hover,.box.bor2.color li a:active,.box.bor2.color li a:focus,.box.bor2.color li a:hover,.box_menu.bor2.color li a:active,.box_menu.bor2.color li a:focus,.box_menu.bor2.color li a:hover,.box_text.bor2.color li a:active,.box_text.bor2.color li a:focus,.box_text.bor2.color li a:hover {
color: #e9403b;
}
.box.color li a,.box_menu.color li a,.box_text.color li a,.box.bor2.color li a,.box_menu.bor2.color li a,.box_text.bor2.color li a,.box.color a:active,.box.color a:focus,.box.color a:hover,.box_menu.color a:active,.box_menu.color a:focus,.box_menu.color a:hover,.box_text.color a:active,.box_text.color a:focus,.box_text.color a:hover,.box.bor2.color a:active,.box.bor2.color a:focus,.box.bor2.color a:hover,.box_menu.bor2.color a:active,.box_menu.bor2.color a:focus,.box_menu.bor2.color a:hover,.box_text.bor2.color a:active,.box_text.bor2.color a:focus,.box_text.bor2.color a:hover {
color: #333;
}
/* suffix _menu */
.box_menu {
background: #eee;
padding: 3px;
}
.box_menu > div {
padding: 20px 20px 10px;
background: #fff;
border: 1px solid #e5e5e5;
}
.box_menu > div > h3.header {
margin-bottom: 14px;
}
.box_menu ul {
margin: 0;
}
.box_menu ul li {
border-top: 1px solid #eee;
background: url('../images/bullet.png') no-repeat 0 13px;
padding-left: 24px;
}
.box_menu ul li li {
margin-left: -24px;
padding-left: 44px;
background-position: 20px 13px;
}
/* suffix bor2 */
.box.bor2 > div > h3.header,.box_menu.bor2 > div > h3.header,.box_text.bor2 > div > h3.header {
border-bottom: 1px solid #d5d5d5;
font-size: 12px;
background: transparent;
}
/* suffix bor2 color */
.box.bor2.color > div > h3.header,.box_menu.bor2.color > div > h3.header,.box_text.bor2.color > div > h3.header {
border-bottom: 1px solid #e9403b;
}
/* suffix italic */
.box.italic > div > h3.header,.box_menu.italic > div > h3.header,.box_text.italic > div > h3.header {
border-bottom: none;
font-style: italic;
font-size: 12px;
background: transparent;
font-family: Georgia, serif;
}
/* suffix bor2 italic */
.box.bor2.italic > div > h3.header,.box_menu.bor2.italic > div > h3.header,.box_text.bor2.italic > div > h3.header {
border-bottom: 1px solid #d5d5d5;
font-style: italic;
font-size: 12px;
background: transparent;
font-family: Georgia, serif;
}
/* suffix bor3 */
.box.bor3 > div > h3.header,.box_menu.bor3 > div > h3.header,.box_text.bor3 > div > h3.header {
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
background: transparent url('../images/border2.png') repeat-x 0 center;
margin-bottom: 10px;
}
/* suffix bor4 */
.box.bor4 > div > h3.header,.box_menu.bor4 > div > h3.header,.box_text.bor4 > div > h3.header {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
background: transparent url('../images/border3.png') repeat-x 0 center;
margin-bottom: 10px;
text-align: center;
}
.box.bor4 > div > h3.header > span,.box_menu.bor4 > div > h3.header > span,.box_text.bor4 > div > h3.header > span {
background: #fff;
padding: 0 12px;
display: inline;
}
/* suffix light */
.box.light {
padding: 18px;
background: #fbfbfb;
border: 1px solid #eeebeb;
}
.box.light > div > h3.header {
background: transparent;
font-size: 12px;
}
.box.light > div > h3.header > span {
background: transparent;
}
/* suffix yellow */
.box.yellow {
padding: 18px;
background: #fffef4;
border: 1px solid #eae8cc;
}
.box.yellow > div > h3.header {
background: transparent;
font-size: 12px;
}
.box.yellow > div > h3.header > span {
background: transparent;
}
/* suffix dark */
.box.dark {
padding: 18px;
background: #000;
border: 1px solid #000;
color: #999;
}
.box.dark > div > h3.header {
background: transparent;
font-size: 12px;
color: #fff;
}
.box.dark > div > h3.header > span {
background: transparent;
}
.box.dark a {
color: #fff;
}
.box.dark a:hover {
color: #aaa;
}
/* -clear */
.box.clear,.box.clear > div,.box.clear > div > .box_content {
padding: 0 !important;
background: none !important;
border: none !important;
margin: 0 !important;
}
.box.clear > div > h3 {
display: none;
}
/* bottom modules */
#gkBottomWrap h3.header {
color: #fff;
background: transparent;
}
#gkBottomWrap h3.header > span {
background: transparent;
}
#gkBottomWrap .box_content {
color: #999;
}
#gkBottomWrap a {
color: #fff;
}
#gkBottomWrap a:hover,#gkBottomWrap a:active,#gkBottomWrap a:focus {
color: #bbb;
}
/* popup */
#gkPopupOverlay,#gkPopupLogin,#gkPopupRegister,#gkPopupCart {
display: none;
overflow: hidden;
width: 520px;
margin-left: -260px;
position: fixed;
z-index: 1000002;
left: 50%;
top: 50%;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 6px #666;
-moz-box-shadow: 1px 1px 6px #666;
box-shadow: 1px 1px 6px #666;
}
#gkPopupLogin {
width: 600px;
margin-left: -300px;
}
.gkPopupWrap {
padding: 25px;
margin: 4px;
}
#gkPopupOverlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 1000001;
top: 0;
left: 0;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
margin-left: 0;
}
.gkPopupWrap h3 {
font-size: 26px;
border-bottom: 1px solid #e7e7e7;
margin: 0 0 20px;
}
.gkPopupWrap h3 small {
font: normal 12px Arial, Helvetica, sans-serif !important;
}
.gkPopupWrap h3 small a {
text-decoration: underline;
}
.gkPopupWrap h4 {
font-size: 18px;
margin: 0 0 12px;
}
#gkPopupLogin fieldset {
padding: 0 !important;
}
#gkPopupLogin fieldset label {
font-size: 12px;
}
#gkFBLogin {
float: left;
width: 45%;
}
#gkFBLogin p {
line-height: 18px;
margin: 14px 0 20px;
}
#gkFBLogin + #login-form,#gkFBLogin + #com-login-form {
float: left;
width: 45%;
margin-left: 4%;
padding-left: 30px;
border-left: 1px solid #e7e7e7;
}
#form-login-remember {
margin: 30px 0 4px;
}
#form-login-remember label {
color: #777;
font-size: 11px;
font-weight: normal;
vertical-align: top;
}
#login-form ul {
border-top: 1px solid #E7E7E7;
margin: 42px 0 0;
padding: 2px 0 0;
}
#login-form ul li {
float: left;
font-size: 11px;
}
#login-form ul li:first-child {
margin-right: 10px;
}
#login-form ul li a {
text-decoration: underline;
}
label#jform_spacer-lbl {
font-size: 11px;
font-weight: normal;
color: #666;
}
.logout-button .login-greeting {
float: left;
margin-right: 32px;
font-size: 14px;
}
#gkPopupRegister dl dt:first-child {
font-size: 10px;
display: block;
width: 100%;
}
#gkPopupRegister dt {
float: left;
width: 35%;
clear: both;
}
#gkPopupRegister dt,#gkPopupRegister dd {
line-height: 41px;
height: 41px;
}
#gkPopupRegister legend {
display: none;
}
#member-registration fieldset {
padding: 0 0 24px;
}
#member-registration label {
padding: 0 0 0 2px;
font-size: 12px;
}
#member-registration > div {
line-height: 30px;
}
#member-registration > div > button {
margin-right: 12px;
}
#member-registration > div a {
text-decoration: underline;
}
#gkPopupLogin input[type="text"],#gkPopupLogin input[type="password"] {
clear: both;
display: block;
width: 220px;
}
#gkPopupRegister input[type="text"],#gkPopupRegister input[type="password"] {
width: 250px;
}
/* mobile switcher fix */
#gkCopyrights > a {
line-height: 1.0;
font-weight: bold;
padding-left: 30px;
}
/* modalbox */
#sbox-window {
background: #fff;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
-webkit-box-shadow: 1px 1px 6px #666 !important;
-moz-box-shadow: 1px 1px 6px #666 !important;
box-shadow: 1px 1px 6px #666 !important;
}
#sbox-window #sbox-btn-close {
display: none;
}
/* cbox modal */
#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight {
display: none;
}
#cboxContent {
background: #fff;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
-webkit-box-shadow: 1px 1px 6px #666 !important;
-moz-box-shadow: 1px 1px 6px #666 !important;
box-shadow: 1px 1px 6px #666 !important;
padding: 30px !important;
}
#cboxOverlay {
background: #000 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
filter: alpha(opacity=45);
opacity: 0.45 !important;
}
#cboxClose {
margin: 5px;
}
#colorbox {
z-index: 1000002 !important;
}
phew thank you!