/*------------------------------------------------------------------------ # CosmoSuite CMS (c) CosmoSoft Tecnologia Ltda # ------------------------------------------------------------------------ # Copyright (c) 2000-2008 CosmoSoft Technology Inc. All Rights Reserved. # @license - Copyrighted Commercial Software # @Author - CosmoSoft Technology Inc # @site - http://www.cosmosoft.us - http://www.cosmosoft.com.br -------------------------------------------------------------------------*/ /* LAYOUT - FORMS -------------------------------------------------------------------------*/ #loading { width: 90px; height: 30px; /* background-color: White;*/ position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -100px; background-image: url(../m_img/loading.gif); background-repeat: no-repeat; background-position: right; } /* LAYOUT - BORDER -------------------------------------------------------------------------*/ td.img_lay_tl { background-image: url(../m_img/lay_tl_l.png); } td.img_lay_tm { background-image: url(../m_img/lay_tm_l.png); } td.img_lay_tr { background-image: url(../m_img/lay_tr_l.png); background-repeat: no-repeat; } td.img_lay_lm { background-image: url(../m_img/lay_lm_l.png); } td.img_lay_rm { background-image: url(../m_img/lay_rm_l.png); } td.img_lay_fl { background-image: url(../m_img/lay_fl_l.png); background-repeat: no-repeat; } td.img_lay_fm { background-image: url(../m_img/lay_fm_l.png); } td.img_lay_fr { background-image: url(../m_img/lay_fr_l.png); background-repeat: no-repeat; } /* LAYOUT - NAVBAR -------------------------------------------------------------------------*/ td.img_lay_tn_1 { background-image: url(../m_img/lay_tn_1.png); background-repeat: no-repeat; } td.img_lay_tn_2 { background-image: url(../m_img/lay_tn_2.png); } td.img_lay_tn_3 { background-image: url(../m_img/lay_tn_3.png); background-repeat: no-repeat; } td.img_lay_tn_4 { background-image: url(../m_img/lay_tn_4.png); background-repeat: no-repeat; } td.img_lay_tn_5 { background-image: url(../m_img/lay_tn_5.png); } td.img_lay_tn_6 { background-image: url(../m_img/lay_tn_6.png); } td.img_lay_tn_7 { background-image: url(../m_img/lay_tn_7.png); } td.img_lay_tn_8 { background-image: url(../m_img/lay_tn_bg.png); } td.img_lay_tn_9 { background-image: url(../m_img/lay_tn_9.png); background-repeat: no-repeat; } /* LAYOUT - HEADER HOME -------------------------------------------------------------------------*/ td.img_lay_th_h_log { background-image: url(../m_img/lay_th_h_log.png); background-repeat: no-repeat; } td.img_lay_th_h_1 { background-image: url(../m_img/lay_th_h_1.png); } td.img_lay_th_h_2 { background-image: url(../m_img/lay_th_h_2.png); background-repeat: no-repeat; } td.img_lay_th_h_3 { background-image: url(../m_img/lay_th_h_3.png); background-repeat: no-repeat; } /* LAYOUT - HEADER -------------------------------------------------------------------------*/ td.img_lay_th_c_log { background-image: url(../m_img/lay_th_c_log.png); background-repeat: no-repeat; } /* clean Content */ td.img_lay_th_c_lef { background-image: url(../m_img/lay_th_c_lef.png); background-repeat: no-repeat; } /* if Left */ td.img_lay_th_c_pro { background-image: url(../m_img/lay_th_c_pro.png); background-repeat: no-repeat; } /* if Product */ td.img_lay_th_c_1 { background-image: url(../m_img/lay_th_c_1.png); background-repeat: no-repeat; } td.img_lay_th_c_2 { background-image: url(../m_img/lay_th_c_2.png); } td.img_lay_th_c_3 { background-image: url(../m_img/lay_th_c_3.png); background-repeat: no-repeat; } td.img_lay_th_c_4 { background-image: url(../m_img/lay_th_c_4.png); background-repeat: no-repeat; } td.img_lay_th_c_5 { background-image: url(../m_img/lay_th_c_5.png); background-repeat: repeat-x; } td.img_lay_th_c_6 { background-image: url(../m_img/lay_th_c_6.png); background-repeat: no-repeat; } td.img_lay_th_c_bg { background-image: url(../m_img/lay_th_c_bg.png); background-repeat: repeat-y; } /* LAYOUT - MENU BOX - NO-TITLE (02 - 03) -------------------------------------------------------------------------*/ #img_mnu_top { background-image: url(../m_img/mnu_top_0800_03.png); background-repeat: no-repeat; } #img_mnu_bg { background-image: url(../m_img/mnu_bg_0800_03.png); background-repeat: repeat-y; } #img_mnu_fot { background-image: url(../m_img/mnu_fot_0800_03.png); background-repeat: no-repeat; } /* LAYOUT - MENU BOX - FLUID -------------------------------------------------------------------------*/ #img_tmnu_lef { background-image: url(../m_img/mnu_auto_lef_02.png); background-repeat: no-repeat; } #img_tmnu_bg { background-image: url(../m_img/mnu_auto_bg_02.png); background-repeat: repeat-x; } #img_tmnu_rig { background-image: url(../m_img/mnu_auto_rig_02.png); background-repeat: no-repeat;} /* LAYOUT - MENU BOX -------------------------------------------------------------------------*/ #img_mnu_tl { background-image: url(../m_img/mnu_tl_2.png); background-repeat: no-repeat; } #img_mnu_tbg { background-image: url(../m_img/mnu_tbg_2.png); background-repeat: repeat-x; } #img_mnu_tr { background-image: url(../m_img/mnu_tr_2.png); background-repeat: no-repeat;} #img_mnu_lbg { background-image: url(../m_img/mnu_lbg_2.png); background-repeat: repeat-y; } #img_mnu_mbg { background-color: #F8F8F8; } #img_mnu_rbg { background-image: url(../m_img/mnu_rbg_2.png); background-repeat: repeat-y;} #img_mnu_fl { background-image: url(../m_img/mnu_fl_2.png); background-repeat: no-repeat; } #img_mnu_fbg { background-image: url(../m_img/mnu_fbg_2.png); background-repeat: repeat-x; } #img_mnu_fr { background-image: url(../m_img/mnu_fr_2.png); background-repeat: no-repeat;} #img_mnu_lhed { background-image: url(../m_img/mnu_tbgl_1.png); background-repeat: no-repeat;} #img_mnu_lfot { background-image: url(../m_img/mnu_fbgl_1.png); background-repeat: no-repeat;} /* LAYOUT - BOXES -------------------------------------------------------------------------*/ #img_tbox_lef { float: left; clear: left; width: 8px; height: 8px; } #img_tbox_rig { float: right; clear: right; width: 8px; height: 8px; } #img_tbox_lef-box00 { float: left; clear: left; width: 8px; height: 8px; } #img_tbox_rig-box00 { float: right; clear: right; width: 8px; height: 8px; } #img_tbox_lef-box01 { float: left; width: 8px; height: 160px; background-image: url(../m_img/lay_bx_lef_01.png); background-repeat: no-repeat; } #img_tbox_rig-box01 { float: right; width: 8px; height: 160px; background-image: url(../m_img/lay_bx_rig_01.png); background-repeat: no-repeat;} #img_tbox_lef-box02 { float: left; width: 8px; height: 160px; background-image: url(../m_img/lay_bx_lef_02.png); background-repeat: no-repeat; } #img_tbox_rig-box02 { float: right; width: 8px; height: 160px; background-image: url(../m_img/lay_bx_rig_02.png); background-repeat: no-repeat;} #img_tbox_lef-box03 { float: left; width: 8px; height: 160px; background-image: url(../m_img/lay_bx_lef_03.png); background-repeat: no-repeat; } #img_tbox_rig-box03 { float: right; width: 8px; height: 160px; background-image: url(../m_img/lay_bx_rig_03.png); background-repeat: no-repeat;} #img_tbox_lef-box04 { float: left; width: 8px; height: 160px; background-image: url(../m_img/lay_bx_lef_04.png); background-repeat: no-repeat; } #img_tbox_rig-box04 { float: right; width: 8px; height: 160px; background-image: url(../m_img/lay_bx_rig_04.png); background-repeat: no-repeat;} /* CONTENT - SCREEN SIZE -------------------------------------------------------------------------*/ #res_lef_wrap { padding: 8px 2px 6px 6px; margin: 0; clear: both;} #res_mid_wrap { padding: 8px 6px 6px 6px; margin: 0; clear: both;} #res_rig_wrap { padding: 8px 4px 6px 4px; margin: 0; clear: both;} #cs-banner { margin: 4px 4px 4px 4px; } #cs-lef-cl { padding: 12px 10px 0 4px; } #cs-rig-cl{ padding: 12px 4px 0 10px; } /* - 800 x 600 -------------------------------------------------------------------------*/ #res_0800 { float: left; width: 740px; } /* */ #res_nav_0800 { float: left; width: 580px; } #res_mid_0800 { float: left; width: 420px; } #res_lef_0800 { float: left; width: 160px; background-image: url(../m_img/mnu_tlbg_1.png); background-repeat: repeat-y; background-position: right; } #res_rig_0800 { float: right; width: 160px; } /* ----------------------------------------------------------------------*/ #res_box_0800 { float: left; width: 740px; } /* 800 x 600 */ #res_box_nav_0800 { float: left; width: 580px; } #res_box_mid_0800 { float: left; width: 420px; } #res_box_lef_0800 { float: left; width: 160px; } #res_box_rig_0800 { float: right; width: 160px; } /* ----------------------------------------------------------------------*/ #res_tbox_0800 { /*float: left;*/ width: 740px; background-image: url(../m_img/lay_bx_bg_02.png); background-repeat: repeat-x; } /* 800 x 600 */ #res_tbox_nvl_0800 { float: left; width: 450px; background-image: url(../m_img/lay_bx_bg_02.png); background-repeat: repeat-x; min-height: 160px;} /* 740 - 290 */ #res_tbox_nvr_0800 { float: right; width: 515px; background-image: url(../m_img/lay_bx_bg_01.png); background-repeat: repeat-x; min-height: 160px;} /* 740 - 225 */ #res_tbox_mid_0800 { float: left; width: 225px; background-image: url(../m_img/lay_bx_bg_02.png); background-repeat: repeat-x; min-height: 160px;} #res_tbox_lef_0800 { float: left; width: 290px; background-image: url(../m_img/lay_bx_bg_01.png); background-repeat: repeat-x; min-height: 160px;} #res_tbox_rig_0800 { float: right; width: 225px; background-image: url(../m_img/lay_bx_bg_02.png); background-repeat: repeat-x; min-height: 160px;} /* ----------------------------------------------------------------------*/ #res_bbox_0800 { float: left; width: 740px; clear: both; } #res_bbox_nvl_0800 { float: left; width: 450px; background-image: url(../m_img/lay_bx_bg_02.png); background-repeat: repeat-x; min-height: 160px;} /* 740 - 290 */ #res_bbox_nvr_0800 { float: left; width: 580px; background-image: url(../m_img/lay_bx_bg_02.png); background-repeat: repeat-x; min-height: 160px;} /* 740 - 160 */ #res_bbox_mid_0800 { float: left; width: 290px; background-image: url(../m_img/lay_bx_bg_02.png); background-repeat: repeat-x; min-height: 160px;} #res_bbox_lef_0800 { float: left; width: 290px; background-image: url(../m_img/lay_bx_bg_02.png); background-repeat: repeat-x; min-height: 160px;} #res_bbox_rig_0800 { float: right; width: 160px; background-image: url(../m_img/lay_bx_bg_01.png); background-repeat: repeat-x; min-height: 160px;} /* - 1024 x 768 -------------------------------------------------------------------------*/ #res_1024 { float: left; width: 940px; } /* Contruction */ #res_nav_1024 { float: left; width: 780px; } #res_mid_1024 { float: left; width: 620px; } #res_lef_1024 { float: left; width: 160px; background-image: url(../m_img/mnu_tlbg_1.png); background-repeat: repeat-y; background-position: right; } #res_rig_1024 { float: right; width: 160px; } /* - Automatic -------------------------------------------------------------------------*/ #res_auto { } /* Contruction */ #res_nav_auto { } #res_mid_auto { } #res_lef_auto { } #res_rig_auto { } #res_mid-wrap { clear: both; padding: 6px 0px 6px 0px; margin: 6px 0px 6px 0px; } #res_mid_box { padding-bottom: 1px; } #res_box_cl1_0800 { float: right; width: 290px; padding: 5px 0px 5px 0px; background-color: #8A2BE2; } #res_box_cl2_0800 { float: left; width: 290px; padding: 5px 0px 5px 0px; background-color: #FF4500; } /* Spotlight */ #cs-mid-box-mid { float: left; width: 56%; padding: 5px 0px 5px 0px; background-color: #FF4500; } #cs-mid-box-cl1 { float: right; width: 290px; padding: 5px 0px 5px 0px; background-color: #8A2BE2; } #cs-mid-box-cl2 { float: left; width: 290px; padding: 5px 0px 5px 0px; background-color: #FF4500; } #cs-mid-box a { } #cs-mid-box h3 { padding: 0; margin: 0 0 5px; border: none; background: none; text-indent: 0; } #cs-mid-box div.moduletable { margin: 0; padding: 0 20px; } #cs-mid-box li { padding: 0 0 0 12px; margin: 0; background: url(../images/bullet-list.gif) no-repeat 0 5px; } #cs-mid-box li a:hover, #cs-mid-box li a:active, #cs-mid-box li a:focus { color: #545454; text-decoration: none; } #cs-mid-box .article_seperator { display: none; } #cs-mid-box table { border-spacing: 0; border-collapse: collapse; } /* LAYOUT - CONTEnT -------------------------------------------------------------------------*/ div.lay-col-AB-A, div.lay-col-AB-B { width: 48%; } div.lay-col-AB-A { margin: 0px 0px 5px; float: left; clear: left; } div.lay-col-AB-B { margin: 0px 0px 5px; float: right; clear: right; } div.lay-col-AB-A, div.lay-col-AB-B { width: 48%; } /* LAYOUT - CONTENT PRODUCT -------------------------------------------------------------------------*/ div.product { margin: 6px 0px 0px 6px; } div.product h1 { padding: 0px 0px 8px 0px; margin: 0px 0px 5px 0px; font-size: 180%; font-weight: bold; line-height: normal; background: url(../m_img/lay_mh_bg.png) repeat-x bottom; } div.product h2 { padding: 0px 0px 6px 0px; background: url(../m_img/lay_mh_bg_02.png) repeat-x bottom; font-size: 160%; line-height: normal; color: Red; font-weight: bold;} div.product h3 { padding: 0px 0px 4px 0px; background: url(../m_img/lay_mh_bg_02.png) repeat-x bottom; font-size: 140%; line-height: normal; color: #4F4F4F; font-weight: bold;} #lay_pro_0800 { width: 100%; } /* */ #lay_ptit_0800 { width: 565px; clear: both; } #lay_pnav_0800 { float: left; width: 570px; } #lay_pmid_0800 { float: left; width: 410px; } #lay_plef_0800 { float: left; width: 160px; height: 100%; background-image: url(../m_img/mnu_tlbg_1.png); background-repeat: repeat-y; background-position: right; } #lay_plef_0800_bg { clear: both; background-image: url(../m_img/mnu_tlbg_1.png); background-repeat: repeat-y; background-position: right; } #lay_prig_0800 { float: right; width: 160px; } /* LAYOUT - CONTENT FORMS -------------------------------------------------------------------------*/ #lay_rlef_0800 { float: left; width: 100%; background-image: url(../m_img/mnu_tlbg_1.png); background-repeat: repeat-y; background-position: left; clear: both; } /* LAYOUT - TABS -------------------------------------------------------------------------*/ /* LAYOUT - FOOTER HOME -------------------------------------------------------------------------*/ td.img_lay_bf_h_log { background-image: url(../m_img/lay_bf_h_log.png); background-repeat: no-repeat; } td.img_lay_bf_h_1 { background-image: url(../m_img/lay_bf_h_1.png); } td.img_lay_bf_h_2 { background-image: url(../m_img/lay_bf_h_2.png); background-repeat: no-repeat; } td.img_lay_bf_h_3 { background-image: url(../m_img/lay_bf_h_3.png); background-repeat: no-repeat; } td.img_lay_bf_h_4 { background-image: url(../m_img/lay_bf_h_4.png); } td.img_lay_bf_h_5 { background-image: url(../m_img/lay_bf_h_5.png); background-repeat: no-repeat; } /* LAYOUT - FOOTER -------------------------------------------------------------------------*/ td.img_lay_bf_c_log { background-image: url(../m_img/lay_bf_c_log.png); background-repeat: no-repeat; } td.img_lay_bf_c_1 { background-image: url(../m_img/lay_bf_c_1.png); background-repeat: no-repeat; } td.img_lay_bf_c_2 { background-image: url(../m_img/lay_bf_c_2.png); } td.img_lay_bf_c_3 { background-image: url(../m_img/lay_bf_c_3.png); background-repeat: no-repeat; } /* LAYOUT - FOOTER HOME -------------------------------------------------------------------------*/ td.img_lay_bf_h_log { background-image: url(../m_img/lay_bf_h_log.png); background-repeat: no-repeat; } td.img_lay_bf_h_1 { background-image: url(../m_img/lay_bf_h_1.png); } td.img_lay_bf_h_2 { background-image: url(../m_img/lay_bf_h_2.png); background-repeat: no-repeat; } td.img_lay_bf_h_3 { background-image: url(../m_img/lay_bf_h_3.png); background-repeat: no-repeat; } td.img_lay_bf_h_4 { background-image: url(../m_img/lay_bf_h_4.png); } td.img_lay_bf_h_5 { background-image: url(../m_img/lay_bf_h_5.png); background-repeat: no-repeat; } /* HOME BOX 01 -------------------------------------------------------------------------*/ .home { width: 259px; } .home h1 { color: #555555; font-size: x-small; font-weight: bold; border-top: 1px dotted #E7E7E7; padding: 2px;} .home a, .home a:hover { color: Red; text-decoration: none; font-size: x-small; } .home a:hover, .home a:visited:hover { color: #C40000; background-color: #FFFDF2; } .home a:visited { color: #C00; } .home ul { text-align: left; list-style: none; list-style-image: none; margin: 0px 0px; padding: 0; } .home ul li {line-height: 12px; padding: 1px 2px; margin: 0px 0px; font-size: x-small; background-image: none; } .home-col-AB-A { margin: 0px 0px 5px; float: left; clear: left; } .home-col-AB-B { margin: 0px 0px 5px; float: right; clear: right; } .home-col-AB-A, .home-col-AB-B { width: 48%; } /* STORE - LAYOUT -------------------------------------------------------------------------*/ span.lbl_prc { color: #CC0000; } /* Price Label */ span.lbl_prc_tit { font-weight: bold; } span.lbl_prc_lst { text-decoration: line-through; } span.lbl_prc_sav { color: #CC0000; } td.img_lay_shop { background-image: url(../m_img/mnu_trbg_1.png); background-repeat: repeat-y; background-position: right; } td.lbl_step { color: #CD2A2A; font-weight: bold; } /* Checkout StepBar */ tr.lbl_prc td { padding: 7px 5px; } /* Store HOME - Speacial Price Label */ tr.lbl_prc:hover td { background: #FEFAE1; } tr.lbl_prc a:hover, tr.lbl_prc a:active, tr.lbl_prc a:focus { background: none; } .lbl_cart_desc { font-size: x-small; } /* Cart Product Description - Atributes */ .siteFooter { CLEAR: both; FONT: x-small; COLOR: #666; PADDING-TOP: 0.5em; } .siteFooter A { COLOR: #666; } .siteFooter A:hover { COLOR: #C00; } .siteFooter P { MARGIN: 0.5em 0px 0px}