/* #------------------------------------------------------------------------ # myStore - May 2010 (for Joomla 1.5) # # Copyright (C) 2007-2010 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com #------------------------------------------------------------------------ # Based on T3 Framework #------------------------------------------------------------------------ # Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved. # @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html # Author: J.O.O.M Solutions Co., Ltd # Websites: http://www.joomlart.com - http://www.joomlancers.com #------------------------------------------------------------------------ */ /* Eric Meyer's CSS Tools: Reset CSS (Modified by Hieu Nguyen) -------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } ul { list-style: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; empty-cells: show; } /* Clearfix -------------------------------------------------------------*/ * html .clearfix { height: 1%; /* IE5-6 */ } html[xmlns] .clearfix { /* O */ display: block; } .clearfix:after { /* FF, O, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Generic Styles -------------------------------------------------------------*/ .clear, .divider {clear: both;} .no-display {display: none !important;} .nowrap,.nobr {white-space: nowrap !important;} .no-border { border: 0 !important; } .no-padding {padding: 0 !important} .no-margin {margin: 0 !important;} /*Alignment---*/ .v-top {vertical-align: top;} .v-middle {vertical-align: middle;} .v-bottom {vertical-align: bottom;} .a-left {text-align: left;} .a-center {text-align: center;} .a-right {text-align: right;} .left {float: left;} .right {float: right;} .auto-width {width: auto;} /*Always show scrollbar*/ html{ min-height:100%; border-bottom:1px solid transparent; } /*safe hide*/ .gk_unvisible{ height:1px!important; left:-10000px!important; overflow:hidden!important; position:absolute!important; top:auto!important; width:1px!important; } /* #------------------------------------------------------------------------ # myStore - May 2010 (for Joomla 1.5) # # Copyright (C) 2007-2010 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com #------------------------------------------------------------------------ # Based on T3 Framework #------------------------------------------------------------------------ # Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved. # @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html # Author: J.O.O.M Solutions Co., Ltd # Websites: http://www.joomlart.com - http://www.joomlancers.com #------------------------------------------------------------------------ */ /* MAIN LAYOUT DIVS --------------------------------------------------------- */ .wrap { width: 100%; clear: both; } .main { width: 980px; max-width: 1200px; margin: 0 auto; position: relative;} .static { position: static; } .column { overflow: hidden; float: left; } .gk-mass { clear: both; margin-bottom:16px; } /* Gutter ---*/ .main .inner {/* We use liquid layout, so we need to insert a div which will create margin if need */ padding:16px; } .main .inner.ctop{padding-top:0; } .main .inner.cbottom{ padding-bottom:0; } .main .inner.cleft{ padding-left:0; } .main .inner.cright{ padding-right:0; } /* for side columns and spotlight, we only need to add margin or padding to Module .column div.gk-moduletable, .column div.moduletable, .column div.gk-module, .column div.module { margin-left: 10px; margin-right: 10px; } .gk-inset2 div.gk-moduletable, .gk-inset2 .div.moduletable, .gk-inset2 div.gk-module, .gk-inset2 div.module { margin-right: 0; margin-left: 20px; } .gk-inset1 div.gk-moduletable, .gk-inset1 .div.moduletable, .gk-inset1 div.gk-module, .gk-inset1 div.module { margin-right: 20px; margin-left: 0; }*/ .article_column .contentpaneopen { /* for article columns, we only need to add margin or padding to this div */ padding-left: 16px; padding-right: 16px; } .leading { } .article_row { /* minus the spacing of the article row to macth with the Gutter & global grid */ margin-left: -16px; margin-right: -16px; } /* MAIN COLUMN --------------------------------------------------------- */ #gk-mainbody { float: left; } #gk-current-content, #gk-main { float: right; } /* SIDE COLUMNS --------------------------------------------------------- */ .gk-colswrap {} .gk-col {} /* Left Column ---*/ #gk-left .gk-l2 .gk-left1, #gk-left .gk-l2 .gk-left2 { width: 50%; } #gk-left .gk-l1 .gk-col { width: 100%; } /* Right Column ---*/ #gk-right { float: right; } #gk-right .gk-r2 .gk-right1, #gk-right .gk-r2 .gk-right2 { width: 50%; } #gk-right .gk-r1 .gk-col { width: 100%; } .gk-mass-bottom{margin-bottom:0!important;} /* HEADER --------------------------------------------------------- */ #gk-header {} /* FOOTER --------------------------------------------------------- */ #gk-footer { clear: both; } /* CONTENT'S GRIDS --------------------------------------------------------- */ .article_column { float: left; position: relative; } .cols1 .article_column { width: 100%; } .cols2 .article_column { width: 50%; } .cols3 .article_column { width: 33.33%; } .cols4 .article_column { width: 25%; } .cols5 .article_column { width: 20%; } /* SPOTLIGHT --------------------------------------------------------- */ #gk-topsl {} #gk-botsl {} .gk-box { float: left; overflow: hidden; }