/*--------------------------------------------------------------------------- * Magento * Magento Stylesheet * Version : 01.00 -----------------------------------------------------------------------------*/ *{ margin: 0; padding: 0; } /*----------------- [Commons] ---------------------*/ /*-------------------------------------------------*/ a:link img { border: none; } a:link visited img { border: none; } a img { border-style: none; } form { margin: 0px; } .left { width: auto; float: left; } .right { width: auto; float:right; } /*----------------- [General] ---------------------*/ /*-------------------------------------------------*/ body { font: normal 12px Arial, Helvetica, sans-serif; color: #333; background: url(images/body_bg.gif) top center repeat-y #f8f8f8; text-align: center; } .wrapper { width: 941px; height: auto; margin: 0 auto; text-align: left; } .wrapperTwo { width: 969px; height: auto; margin: 0 auto; text-align: left; } .page { width: 941px; height: auto; display: inline; float: left; } .header , .middle-container , /*.innerMiddleContainer ,*/ .footer-container { width: 941px; height: auto; float: left; } /*.middle-container { background: url(images/middle_container_bg.gif) top left repeat-y; }*/ /*.innerMiddleContainer { background: url(images/inner_mdle_bg.gif) top left repeat-y; }*/ /*----------------- [Common] ----------------------*/ /*-------------------------------------------------*/ .imageContainer { width: auto; height: auto; /*margin: 10px 10px 0 8px;*/ display: inline; float: left; } .imageContainer2 { width: auto; height: auto; margin: 10px 10px 0 8px; display: inline; float: right; } /*------------------------------------ [Header Section Starts] ---------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------*/ /*----------------- [Top Link Section] ---------------------*/ .header-top-link { width: 941px; height: auto; font: normal 10px/1.8em Verdana, Arial, Helvetica, sans-serif; color: #333; float: left; margin-bottom:10px;} .top-link-container1 { width: auto; height: auto; margin: 2px 10px 0 0; float: right; } .top-link-container2 { width: 125px; height: 26px; background: url(images/top_link_button.gif) top left no-repeat; float: right; text-align:center; } .top-link-type1 , .top-link-type1Act , .top-link-type2 , .top-link-type2Act { font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 5px; text-decoration: none; } .top-link-type1 { color: #505050; } a.top-link-type1:hover { color: #505050; text-decoration: underline;} .top-link-type1Act { color: #505050; text-decoration: underline;} .top-link-type2 { color: #3f8dc7; } a.top-link-type2:hover { text-decoration: underline; color: #3f8dc7;} .top-link-type2Act { color: #505050; } .top-link-type3 { font: normal 16px "avantGarde Bk BT", "century gothic", arial; color: #FEFFFF; /*margin-left: 7px;*/ text-decoration: none; } a.top-link-type3:hover { color: #000; text-decoration:none; } .boxImages { width: 941px; height: auto; background: url(images/box_top_curve.gif) top left no-repeat; float: left; } .hdrLogoLinkContainer { width: 941px; height: auto; background: url(images/box_middle_bg.gif) top left repeat-y; float: left; } .logo { width: auto; height: auto; margin: 0 0 0 10px; display: inline; float: left; } .logoFont1 a { font: normal 22px "Arial Black", Arial, Verdana; color: #000; text-decoration: none; } /*.logo a { text-decoration: none; }*/ .logoFont1 span a { color: #3f8dc7; text-decoration: none; } .logoFont2 a { font: normal 16px Arial, Helvetica, sans-serif; color: #191919; letter-spacing: 1px; text-decoration: none; } .loginLnkSet { width: auto; height: 29px; background:url(images/loginset_bg.gif) top left repeat-x; margin: 10px 1px 0 0; padding: 0 15px 0 0; display: inline; line-height:2em; float: right; } .login { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #505050; text-decoration: none; background: url(images/login_link_division.gif) top right no-repeat; margin: 0 5px 0 5px; } a.login { padding: 0 13px 0 3px; } a.login:hover { text-decoration: none; color:#84B53C;} .cartClass { background: url(images/cart_img.gif) top left no-repeat; padding: 0 10px 0 20px; color: #122742; font: normal 11px Verdana, Arial, Helvetica, sans-serif; } a.cartClass:hover { text-decoration: none; color:#84B53C;} .checkOut { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #A70101; text-decoration: underline; background: url(images/checkout_bullet.gif) top right no-repeat; padding-right: 15px; color:#84B53C;} a.checkOut:hover { text-decoration: none; color:#84B53C;} .main-nav-container { width: 939px; height: 35px; background: url(images/menu1_bg.gif) top left repeat-x; margin: 0 0 0 1px; display: inline; float: left; } .menu1 { width: auto; height: 35px; background: url(images/menu1_bg.gif) top left repeat-x; float: left; } .menu1 li , .menu2 li { width: auto; height: 35px; list-style: none; display: inline; float: left; } .menu1 li { background: url(images/menu1_division.gif) top right no-repeat; } .menu2 li { background: url(images/menu2_division.gif) top right no-repeat; } .menu2 { background: url(images/menu2_bg.gif) top left repeat-x; width: auto; float: right; } .menu1 li a , .menu2 li a { width: auto; height: 35px; padding: 0 8px; font: normal 14px/2.4em "CG Omega", verdana, arial; color: #FEFFFF; text-decoration: none; float: left; } .menu1 li a:hover { background: url(images/menu1_hover_bg.gif) top left repeat-x; color: #FEFFFF; } .menu2 li a:hover { background: url(images/menu2_hover_bg.gif) top left repeat-x; color: #FEFFFF; } .menu1 li span { width: auto; height: 35px; padding: 0 8px; font: normal 16px/2.2em "CG Omega", verdana, arial; background: url(images/menu1_hover_bg.gif) top left repeat-x; color: #FEFFFF; text-decoration: none; float: left; } .menu2 li span { width: auto; height: 35px; padding: 0 8px; font: normal 16px/2.2em "CG Omega", verdana, arial; background: url(images/menu2_hover_bg.gif) top left repeat-x; color: #FEFFFF; text-decoration: none; float: left; } /* .menu2 a.active { color: #e85c00; } */ .menu2 a.last { background: transparent none repeat scroll 0% 0%; } /*------------------------------------ [Middle Section Starts] ---------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------*/ .mdleContainer1 { width: 941px; height: auto; background:url(images/box_middle_bg.jpg) top left no-repeat; padding-bottom: 23px; display: inline; float: left; } .mdleContainer1Left { width: 430px; height: auto; margin: 6px 0 0 242px; padding-bottom: 18px; display: inline; float: left; } .mdleContainer1Left h1 { font: bold 50px Verdana, Arial, Helvetica, sans-serif; color: #000; } .mdleContainer1Left h2 { font: normal 20px Arial, Helvetica, sans-serif; color: #3F8DC7;} .mdleContainer1Left h3 { font: bold 12px Arial, Helvetica, sans-serif; color: #A70101; margin: 0 0 0 10px; letter-spacing:1px; } .mdleContainer1Left p { margin: 9px 5px 0 0; } .downloadBox { width: 650px; height: auto; text-align: right; margin: 18px 14px 0 0; /*background: url(images/magento_information_box_bg.gif) bottom left no-repeat;*/ display: inline; float: right; } .downloadBox h1 { font: normal 27px Arial, Helvetica, sans-serif; color: #8BB52B; } .downloadBox h1 span { font: normal 16px Arial, Helvetica, sans-serif; color: #8BB52B; font-weight:bold; } .downloadBox h2 { font: bold 16px Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #333; /*letter-spacing: .5px;*/ } .mdleContainer1Right { width: 165px; height: auto; margin: 10px 0 0 0; display: inline; float: left; } .rightBtn1 , .rightBtn2 , .rightBtn3 { width: 150px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; color: #000; margin: 0 0 0 10px; text-decoration: none; display: inline; float: left; } .rightBtn1 { background: url(images/middle_rgt_btn1.gif) top left no-repeat; padding: 11px 0px 14px 20px; } a.rightBtn1:hover { background: url(images/middle_rgt_btn1_hover.gif) top left no-repeat; color: #FEFFFF; text-decoration:none; } .rightBtn2 { background: url(images/middle_rgt_btn2.gif) top left no-repeat; padding: 11px 0px 14px 20px; } a.rightBtn2:hover { background: url(images/middle_rgt_btn2_hover.gif) top left no-repeat; color: #FEFFFF; text-decoration:none; } .rightBtn3 { background: url(images/middle_rgt_btn3.gif) top left no-repeat; padding: 11px 0px 18px 20px; } a.rightBtn3:hover { background: url(images/middle_rgt_btn3_hover.gif) top left no-repeat; color: #FEFFFF; text-decoration:none; } .mdleContainer2 { width: 941px; height: auto; margin-top: 8px; display: inline; float: left; } .mdleContainer2Cntnts { width: 941px; height: auto; background: url(images/mdle_container2_bg.gif) bottom left no-repeat; display: inline; float: left; } .mdleContainer2CntntsLft { width: 668px; height: auto; display: inline; float: left; } .mdleContainer2CntntsLft h1 { font: normal 20px Arial, Helvetica, sans-serif; color: #2C6A98; margin-bottom: 10px; } .mdleContainer2CntntsList { width: 157px; height: auto; margin-left: 8px; display: inline; float: left; } .mdleContainer2CntntsList .mdleContainer2CntntsListImg a { width: auto; margin:0; float:left; } .mdleContainer2CntntsList h3 { background-color:inherit;font: bold 12px Arial, Helvetica, sans-serif; color: #347DB4; } .mdleContainer2CntntsList h3 a { background-color:inherit;width: auto; font: bold 12px Arial, Helvetica, sans-serif; color: #347DB4; margin:0; float:none; text-decoration:none; } .mdleContainer2CntntsList h3 a:hover { text-decoration: underline; } .mdleContainer2CntntsList p { padding-right: 4px; } .mdleContainer2CntntsList a { width: auto; font: normal 10px Arial, Helvetica, sans-serif; color: #B80101; text-decoration: none; margin: 22px 12px 0 0; float: right; } .mdleContainer2CntntsList a span{ color:#347DB4; background-color:inherit; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-style:normal; font-variant:normal; } .mdleContainer2CntntsList a:hover span{ color:#347DB4; background-color:inherit; text-decoration:underline; } .mdleContainer2CntntsRgt { width: 273px; height: auto; padding-bottom: 6px;/* margin-bottom: 4px;*/ background: #efefef url(images/curve_bottom.gif) no-repeat left bottom; display: inline; float: right; } .mgntoServiceHead { width: 650px; height: auto; background: url(images/magento_service_head_bg.gif) top left no-repeat; margin-bottom: 4px; display: inline; float: left; } .mgntoServiceHead h1 { font: normal 17px/1.8em "avantGarde Bk BT", "century gothic", arial; color: #666; margin-left: 10px; } .mgntoServiceHead h1 a { font: normal 19px "avantGarde Bk BT", "century gothic", arial; color: #B30101; text-decoration: none; } .mgntoServiceHead h1 a:hover { color: #000; } .mdleContainer2CntntsDiv { width: 660px; height: auto; margin-left: 8px; display: inline; float: left; } /*----------------------------------06-03-2009---------------------------------*/ .mdleContainer2CntntsRgt h4 { background: #efefef url(images/curve_top.gif) no-repeat left top; color: #EEEDED; padding: 3px 0 0 0; } /*----------------------------------------------------------------------------*/ .mdleContainer2RgtBanner { width: 259px; height: 80px; background: url(images/magento_hosting_box.gif) top left no-repeat; margin: 0 0 2px 6px; display: inline; float: left; } .rgtBannerLft { width: 172px; height: auto; display: inline; float: left; } .rgtBannerLft h1 { font: normal 19px/20px Arial, Helvetica, sans-serif; color: #FF6600; margin-left: 5px; } .rgtBannerLft h3 { font: normal 14px "avantGarde Bk BT", "century gothic", arial; color: #FEFFFF; letter-spacing: 1px; margin: 50px 0 0 10px; } .rgtBannerLft h3 span { color: #FF6600; } .rgtBannerRgt { width: 80px; height: auto; font: normal 14px "avantGarde Bk BT", "century gothic", arial; color: #FEFFFF; margin: 2px 0 0 5px; text-align: center; display: inline; float: left; } .rgtBannerRgt h1 { width: auto; font: normal 23px "avantGarde Bk BT", "century gothic", arial; color: #FEFFFF; display: inline; float: left; } .rgtBannerRgt h2 { width: auto; font: normal 17px/1em "avantGarde Bk BT", "century gothic", arial; color: #FEFFFF; margin: 8px 0 0 0; display: inline; float: left; } .rgtBannerRgt h3 { width: auto; font: normal 13px/1em "avantGarde Bk BT", "century gothic", arial; color: #FEFFFF; text-align: left; margin: 8px 0 0 2px; display: inline; float: left; } .orderNowLnk { width: 80px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; color: #FEFFFF; text-decoration: none; margin: 20px 0 0 0; text-align: left; float: left; } a.orderNowLnk:hover { color: #FEFFFF; text-decoration: underline;} .signUp { width: 259px; height: 55px; background: url(images/signin_bg.gif) top left no-repeat; margin: 0 0 0 6px; display: inline; float: left; } .signUp h2 { font: normal 13px Arial, Helvetica, sans-serif; color: #FEFFFF; margin: 5px; } .signUp a { font: normal 25px/26px Arial, Helvetica, sans-serif; color: #FEFFFF; text-decoration: none; } .signUp a:hover { color: #000; } /*------------------------------------ [Footer Section Starts] ---------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------*/ .footer { width: 941px; height: auto; display: inline; float: left; } .footerMenu { width: 941px; height: 35px; background: url(images/footer_menu_bg.gif) top left no-repeat; font: normal 12px/3em Arial, Helvetica, sans-serif; color: #d3cbdc; } .footerMenu ul { width: 939px; height: 32px; margin: 1px 0 0 1px; float: left; } .footerMenu li { width: auto; height: 32px; list-style: none; float: left; } .footerMenu li a { width: auto; height: 32px; font: normal 12px/2.5em Arial, Helvetica, sans-serif; color: #606060; text-decoration: none; padding: 0 8px 0 8px; list-style: none; float: left; } .footerMenu li a:hover { background: url(images/footer_lnk_hover_bg.gif) top left repeat-x; color: #606060; } .footerMenu li span { width: auto; height: 32px; font: normal 12px/2.5em Arial, Helvetica, sans-serif; color: #606060; text-decoration: none; padding: 0 8px 0 8px; background: url(images/footer_lnk_hover_bg.gif) top left repeat-x; float: left; } .ftrMenuDivision { width: 1px; height: 29px; background: url(images/footer_menu_division.gif) top left no-repeat; float: left; } .bottomGroupLnkDiv { width: 941px; height: auto; background: url(images/bottom_group_link_bg.gif) top left repeat-y; border-bottom: 1px solid #e4e4e4; display: inline; float: left; } .btmGroupLnkGradient { width: 939px; height: auto; margin: 0 0 0 1px; display: inline; float: left; } .btmGroupLnkContainer { width: 939px; height: auto; background: url(images/bottom_group_link_division.gif) bottom left no-repeat; padding-bottom: 10px; display: inline; float: left; } .btmGroupLnkDiv { width: 186px; height: auto; display: inline; float: left; } .btmVisitLnk { width: 170px; height: auto; margin: 0 6px 10px 10px; font-size: 11px; color: #646464; /*display: inline;*/ display:none; float: left; } .btmVisitLnk a { font: normal 11px Arial, Helvetica, sans-serif; color: #E34829; text-decoration: underline; } .btmVisitLnk a:hover { text-decoration: none; } .btmGroupLnks { width: 170px; height: auto; margin: 10px 6px 0 10px; display: inline; float: left; } .btmGroupLnks h2 { background-color:inherit;font: bold 12px/14px Arial, Helvetica, sans-serif; color: #347DB4; margin-bottom: 4px; } .btmGroupLnks li { width: 170px; height: auto; list-style: none; margin-bottom: 5px; float: left; } .btmGroupLnks li a { background-color:inherit;width: auto; font: normal 11px Arial, Helvetica, sans-serif; color: #666; text-decoration: none; background: url(images/btm_lnk_bullet.gif) top left no-repeat; padding-left: 8px; float: left; } .btmGroupLnks li a:hover { text-decoration: underline; } .btmLnks3 { width: 941px; height: auto; background: url(images/horizontal_dots.gif) bottom left repeat-x; font: normal 10px/3em Verdana, Arial, Helvetica, sans-serif; color: #999; display: inline; float: left; } .btmLnks3 a { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333; text-decoration: none; } .btmLnks3 a:hover { text-decoration: underline; } .btmLnks3 span { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333; text-decoration: underline; } .copyrightSection { background-color:inherit;width: 941px; height: auto; font: normal 11px Arial, Helvetica, sans-serif; color: #666; margin: 8px 0 25px 0; display: inline; float: left; } .copyrightSection a { font: normal 11px Arial, Helvetica, sans-serif; color: #666; text-decoration: none; } .copyrightSection a:hover { text-decoration: underline; } /*------------------------------------ [Inner Page Section Starts] ---------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------*/ .main { width: 941px; height: auto; display: inline; float: left; } .col-left-layout { background: url(images/inner_mdle_bg.gif) top left repeat-y; } /*------------------------------------ [col-left section] ---------------------------------------------*/ .side-col { width: 205px; float: left; } .col-left { width: 205px; height: auto; padding-bottom: 10px; float: left; display: inline; } .minHeight { width: 7px; height: 500px; background: url(images/bread_crumb_bg.gif) top left repeat-x; display: inline; float: left; } .lftLnkBox { width: 203px; height: auto; margin: 0 0 0 1px; display: inline; float: left; } .lftLnkBox h1 { font: bold 14px Arial, Helvetica, sans-serif; color: #2785B0; padding: 7px 8px 10px 10px; } .lftNav { width: 203px; height: auto; margin: 0 0 0 1px; padding-bottom: 5px; display: inline; float: left; } .lftNav li { width: 203px; height: auto; list-style: none; border-bottom: 1px solid #E4E4E4; padding: 7px 0; float: left; } .lftNav li a { width: auto; font: normal 12px/13px Arial, Helvetica, sans-serif; color: #333; background: url(images/inner_lft_link_bullet.gif) top left no-repeat; padding-left: 15px; margin-left: 8px; text-decoration: none; float: left; } .lftNav li a:hover { color: #2B91C1!important; background: url(images/inner_lft_link_bullet_hover.gif) top left no-repeat; text-decoration:none; } .lftNav li.active a { width: auto; font: normal 12px/13px Arial, Helvetica, sans-serif; color: #2B91C1; background: url(images/inner_lft_link_bullet_hover.gif) top left no-repeat; padding-left: 15px; margin-left: 8px; text-decoration: none; float: left; } .lftBtmImg { width: 183px; height: 7px; background: url(images/lft_nav_btm_img.gif) top left no-repeat;margin-left: 11px; display: inline; float: left; } ul.leftNavSub { width: 165px; height: auto; margin: 0 0 0 10px; padding-bottom: 5px; display: inline; float: left; } ul.leftNavSub li { width: 160px; height: auto; list-style: none; padding: 4px 0 1px 5px; float: left; background:none;} ul.leftNavSub li.sub a { width: auto; font: normal 11px/13px Arial, Helvetica, sans-serif; color: #fff; background:transparent url(images/btm_lnk_bullet.gif) no-repeat scroll left top; padding-left: 8px; text-decoration: none; float: left; } ul.leftNavSub li.sub a:hover {text-decoration:underline;} /*------------------------------------ [main column section] ---------------------------------------------*/ .col-main { width: 735px; height: auto; padding-bottom: 15px; display: inline; float: left; } .breadcrumb { width: 728px; height: 24px; background: url(images/bread_crumb_bg.gif) top left repeat-x; font: normal 10px Arial, Helvetica, sans-serif; color: #505050; display: inline; float: left; } .breadcrumb a { font: normal 10px/2em Verdana, Arial, Helvetica, sans-serif; color: #505050; text-decoration: none; } .breadcrumb a:hover { color: #569bce; } .breadcrumb span { font: normal 10px/2em Verdana, Arial, Helvetica, sans-serif; color: #569bce; text-decoration: none; } .rgtContainer { width: 724px; height: auto; margin-left: 3px; display: inline; float: left; } .innerContents { width: 716px; height: auto; padding-bottom: 15px; display: inline; float: left; margin-top: 10px;} .innerContents h1 { font: bold 25px Arial, Helvetica, sans-serif; color: #3F8DC7; } .innerContents h2 { font: normal 22px Verdana, Arial, Helvetica, sans-serif; color: #3F8DC7; margin-bottom: 6px; } .innerContents h2 span { color: #333; } .innerContents h3 { font: normal 20px Verdana, Arial, Helvetica, sans-serif; color: #8FBD24; margin-bottom: 10px; } /*.innerContents ul,ol {list-style-type:disc; margin-left:15px; padding-left:7px;}*/ .headLink {float:left; width:inherit; margin-bottom: 10px;} .headLink a { font: bold 14px Arial, Helvetica, sans-serif; color: #8FBD24; text-decoration:none;} .headLink a:hover { text-decoration:underline;} .hostedMagento { width: 716px; height: 42px; background: url(images/hosted_magento_head_bg.gif) top left repeat-x; float: left; } .hostedMagento h1 { font: normal 20px/2.1em Arial, Helvetica, sans-serif; color: #347BAE; margin-left: 10px; } .hostedMagento h1 span { color: #333; } .hostedMagentoBox { width: 716px; height: auto; background: url(images/hosted_magento_box_bg.gif) bottom left no-repeat; margin-bottom: 12px; float: left; } .hostedMagentoBox img { margin: 25px 0 0 10px; float: left; } .boxWidth1 {width: 165px!important;} .boxWidth2 {width: 135px!important;} .boxWidth3 {width: 135px!important;} .addCartBox { width: auto; height: 260px; background: url(images/mdle_container2_division.gif) bottom right no-repeat; margin-left: 10px; display: inline; float: left; } .cartContent { width: 95px; height: auto; margin: 25px 0 0 20px; display: inline; float: left; } .cartContent h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #707070; } .cartContent h2 { font: normal 15px Arial, Helvetica, sans-serif; color: #3F8DC7; } .cartContent h2 span { font-size: 13px; color: #666; background-color:inherit; } .dollor { width: auto; height: auto; margin-top: 10px; } .dollor h2 { font: bold 20px Arial, Helvetica, sans-serif; color: #7A9E25; /*background: url(images/095_mo_img.gif) top center no-repeat; */ margin-right: -12px; } /*.cartContent h3 { width: 113px; height: 30px; background: url(images/add_cart_btn.gif) top left no-repeat; margin-top: 5px; } .cartContent h3 a { font: normal 15px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }*/ .addCartBtn { width: 113px; height: 30px; background: url(images/add_cart_btn.gif) top left no-repeat; margin: 5px 0 0 8px; display: inline; float: left; } .addCartBtn a { width: auto; font: normal 16px/2em Arial, Helvetica, sans-serif; color: #FEFFFF; text-decoration: none; margin-left: 5px; float: left; } .addCartBtn a:hover { color: #000; } .learnMore { width: 80px; height: auto; text-align: center; margin-left: 23px; display: inline; float: left; } .learnMore a { font: normal 13px/1.5em Arial, Helvetica, sans-serif; color: #7A9E25; text-decoration: underline; } .learnMore a:hover { color: #7A9E25; text-decoration: none; } .webManage { width: 716px; height: 25px; background: url(images/web_management_hed_bg.gif) top left no-repeat; float: left; } .webManage h1 { font: normal 16px/1.5em Arial, Helvetica, sans-serif; color: #FEFFFF; margin-left: 5px; line-height:0em; margin-top: 12px;} .webBlueList { width: 716px; height: auto; float: left; } .webBlueList table td{ vertical-align:middle;} /*.webBlueList li { width: 260px; height: auto; list-style: none; background-color: #e0f0f8; padding: 8px; margin-left: 2px; display: inline; float: left; } .webBlueList li img { margin-left: 65px; vertical-align: middle; }*/ .webBlueList .odd { background-color: #e0f0f8; font-size: 12px; } .odd { background-color: #e0f0f8; font-size: 12px; } .contentTD { width: 250px; height: auto; font: bold 12px Arial, Helvetica, sans-serif; color: #14588A; padding: 10px; } .contentTD ul { width: 240px; height: auto; margin: 5px; } .contentTD li { margin: 0 0 0 20px; } .even { font-size: 13px; } .webBlueList .even { font-size: 12px; } .webBlueList .grey { background-color:#CCCCCC; font-size: 12px; } .webBlueList .grey .contentTD { color:#444; background-color:inherit; } .welcome { width: 330px; height: auto; margin: 8px 1px 0 0; padding: 0 15px 0 0; text-align: right; display: inline; float: right; } /* ----------- Left Banner ------------------- */ .contactEnquiryBox { width: 183px; height: 117px; background: url(images/contact_banner.jpg) top left no-repeat; margin: 10px 0 8px 11px; display: inline; float: left; } .contactEnquiryLink { width: auto; height: auto; margin: 61px 0 0 68px; display: inline; float: left; } .contactEnquiryLink a { font: bold 13px Arial, Helvetica, sans-serif; color: #3E8CC5; text-decoration: none; } .contactEnquiryLink a:hover { text-decoration: underline; } /* --------------------List Category Page [Begin]------- */ .categories { margin-top: 10px; width: 716px; float: left; } .categories h2 { font-size: 20px; color: #333333; font-weight: normal; margin: 0px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; } .category-box { border: 1px solid #E6F0F8; background-image: url(images/gradentBg1.gif); background-repeat: repeat-x; width: 296px; float: left; margin-right: 30px; margin-bottom: 15px; margin-left: 30px; display: inline; } .category-box1 { width: auto; float: left; } .category-image-box { clear: left; margin:8px; } .category-name { padding: 5px; } .category-name dl { margin: 0px; } /*.category-name h1 { margin: 0px; font-size: 16px; color: #5A4A4E; }*/ .category-name h1 { margin: 0px; font-size: 14px; color: #DE7E28; } .category-name p { margin: 0px; /*text-align: right;*/ } .category-name a { color: #367DB1; } .category-name a:hover { text-decoration: underline; } .catLevel {height:auto; width:auto; float:left;} .category-name h3 { margin: 5px 0 15px 0; font-size: 12px; color: #828282; } /* --------------------List Category Page [End]------- */ /* --------------------List Category Page new [Begin 27-05-2009]------- */ .magentoStartedBox { width: 716px; height: auto; background: url(images/magento_started_box_bg.gif) top left repeat-y; border-bottom: 1px solid #E7E7E7; margin-bottom: 12px; padding-bottom: 10px; float: left; } .starterPlan { width: 340px; height: auto; margin: 15px 0 0 15px; border-right: 1px solid #D6D6D6; display: inline; float: left; } .starterPlan h1 { color:#195785; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin-bottom:3px; } .starterPlan_noline { width: 340px; height: auto; margin: 15px 0 10px 15px; display: inline; float: left; } .starterPlan_noline h1 { color:#195785; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin-bottom:3px; padding-right:2px; } .starterPlan_list { width: auto;height: auto; margin: 15px 0 0 15px; display: inline; float: left; } .starterPlan_list h1 { color:#195785; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin-bottom:3px; } .price { font: bold 13px Arial, Helvetica, sans-serif; color:#3379AC; } .starterCntntBox { width: 320px; height: auto; padding-bottom: 10px; /*padding: 10px;*/ background: url(images/started_contents_bg.gif) top left repeat-y; border-bottom: 1px solid #D5E2F0; border-top: 1px solid #D5E2F0; margin-top: 7px; float: left; } .starterCntntBox p { margin: 10px 15px 3px 10px; } .starterCntntBox ul, .starterCntntBox ol { width: 300px; height: auto; margin-left: 3px; margin-top: 0px; display: inline; float: left; } .starterCntntBox li { width: 280px; height: auto; margin: 0 0 5px 0; background: url(images/starter_bullet.gif) top left no-repeat; padding-left: 10px; display: inline; float: left; } .starterCntntBox_list { width: auto;height: auto; padding-bottom: 10px; /*padding: 10px;*/ background: url(images/started_contents_bg.gif) top left repeat-y; border-bottom: 1px solid #D5E2F0; border-top: 1px solid #D5E2F0; border-right: 1px solid #D5E2F0; margin-top: 7px; float: left; } .starterCntntBox_list p { margin: 10px 15px 3px 10px; } .starterCntntBox_list ul { width: 280px; height: auto; margin-left: 10px; margin-top: 6px; display: inline; float: left; } .starterCntntBox_list li { width: 280px; height: auto; margin: 0 0 5px 0; background: url(images/starter_bullet.gif) top left no-repeat; padding-left: 10px; display: inline; float: left; } /* --------------------List Category Page new [End 27-05-2009]------- */ /* Begin Site Map */ .sitemap { width: auto; float:left; } .sitemap li.level-1 a { font: normal 12px/2em Arial, Helvetica, sans-serif; color:#CC3300; text-decoration: none; margin-left: 12px;background: url(images/sitemap.gif) top left no-repeat; padding-left:15px; } .sitemap li.level-1 a:hover { font: normal 12px/2em Arial, Helvetica, sans-serif; color: #0986d9; text-decoration: none; margin-left: 12px;background: url(images/sitemap_over.gif) top left no-repeat; padding-left:15px; } .sitemap li.level-0 a { font: normal 12px/2em Arial, Helvetica, sans-serif; color:#0986d9; text-decoration: none; margin-left: 12px;background: url(images/sitemap_over.gif) top left no-repeat; padding-left:15px; font-weight:bold;} .bare-list { width: auto; float:left; } .bare-list li a { font: normal 12px/2em Arial, Helvetica, sans-serif; color:#CC3300; text-decoration: none; margin-left: 12px;background: url(images/sitemap.gif) top left no-repeat; padding-left:15px; } .bare-list li a:hover { font: normal 12px/2em Arial, Helvetica, sans-serif; color: #0986d9; text-decoration: none; margin-left: 12px;background: url(images/sitemap_over.gif) top left no-repeat; padding-left:15px; } /* End Site Map */ /* Service Page only [Begin] */ .templateListDiv { width: 716px; height: auto; border-bottom: 1px solid #FFD7CD; border-top: 1px solid #FFD7CD; background: url(images/template_list_bg.gif) top left repeat-y; margin-bottom: 8px; } .templateListImg { width: 333px; height: 238px; float: left; } .templateListDiv ul { width: 357px; height: auto; margin: 35px 0 0 15px; display: inline; float: left; } .templateListDiv li { width: 369px; height: auto; margin-bottom: 10px; list-style: none; display: inline; float: left; } .templateListDiv li a { font: bold 14px Arial, Helvetica, sans-serif; color:#12476D; text-decoration: none; background: url(images/temp_list_lnk_bullet.gif) top left no-repeat; padding-left: 13px; } .templateListDiv li a:hover { color:#DD4D26; } .productList_topbar { width: 716px; height: 15px; background: url(images/web_management_hed_bg.gif) top left no-repeat; line-height:1.6em; } /* Service Page only [End] */ /*----------------------------------------12-06-2009---------------------------------------*/ .starterPlanDiv { width: 912px; height: auto; background: url(images/hosted_magento_box_bg.gif) bottom left no-repeat; margin-bottom: 12px; float: left; } .starterPlanBox { width: 228px; height: auto; background: url(images/mdle_container2_division.gif) bottom right no-repeat; padding-bottom: 5px; display:inline; float: left; } .starterPlanBox table { margin-left: 10px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; } .starterPlanBox ul { list-style-type: square; padding-left:15px; margin-left:0; } .starterPlanBox h2 { width: 100%; background: url(images/horizontal_dots.gif) bottom left repeat-x; font: bold 14px/1.8em Arial, Helvetica, sans-serif; color: #737373; } .designPlanDiv { width: 716px; height: auto; background: url(images/hosted_magento_box_bg.gif) bottom left no-repeat; margin-bottom: 12px; float: left; } .designPlanBox { width: 358px; height: auto; background: url(images/mdle_container2_division.gif) bottom right no-repeat; padding-bottom: 5px; display:inline; float: left; } .designPlanBox table { margin-left: 10px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; } .designPlanBox h2 { width: 100%; background: url(images/horizontal_dots.gif) bottom left repeat-x; font: bold 14px/1.8em Arial, Helvetica, sans-serif; color: #737373; } .priceTxt { font: normal 12px Arial, Helvetica, sans-serif; color:#676767; } /*-------------- Link div -------------------*/ .linkDiv { width: 716px; height: auto; margin-bottom: 8px; } .linkDiv ul { width: 357px; height: auto; display: inline; float: left; } .linkDiv li { width: 369px; height: auto; margin-bottom: 10px; list-style: none; display: inline; float: left; } .linkDiv li a { font: bold 14px Arial, Helvetica, sans-serif; color:#12476D; text-decoration: none; background: url(images/temp_list_lnk_bullet.gif) top left no-repeat; padding-left: 13px; } /*------ Case Studies ------------------ */ a.launch-site { color:#FF0000; font-size:12px; font-weight:bold; text-decoration:none; } a.launch-site:hover { color:#FF0000; font-size:12px; font-weight:bold; text-decoration:none; } a.casestudy-head { color:#8FBD24; font-weight:bold; text-decoration:none; font-size:16px; } a.casestudy-head:hover { color:#8FBD24; font-weight:bold; text-decoration:none; font-size:16px; } /* =============================== Form Captcha ==================*/ .captcha .recaptcha_nothad_incorrect_sol { padding-left:10px; } /* =============================== Form Block Contents ==================*/ .blockContents { width: 716px; height: auto; padding-bottom: 15px; display: inline; float: left; } .blockContents h1 { font: bold 29px Verdana, Arial, Helvetica, sans-serif; color: #3F8DC7; margin-top: 15px; } .blockContents h2 { font: normal 22px Verdana, Arial, Helvetica, sans-serif; color: #3F8DC7; margin: 8px 0; } .blockContents h2 span { color: #333; } /*----------------------------------20-08-2009-----------------------------------------*/ .mdlBtmDiv { width: 941px; height: auto; margin-top: 20px; float: left; } .mdlBtmDiv li { width: 300px; height: auto; color: #333; margin-right: 20px; display: inline; float: left; } .mdlBtmDiv li img { margin: 0 8px 8px 0; float: left; } .mdlBtmDiv li h3 { font: normal 14px Arial, Helvetica, sans-serif; color: #3F8DC7; margin-bottom: 3px; } .mdlBtmDiv li h3 a { font: normal 14px Arial, Helvetica, sans-serif; color: #3F8DC7; margin-bottom: 3px; text-decoration:none;} .mdlBtmDiv li h3 a:hover { color: #3F8DC7; text-decoration:none; } .mdlBtmDiv h2 { width: 941px; height: 50px; float: left; } .mdlBtmDiv li a { font: normal 12px Arial, Helvetica, sans-serif; color: #4A9526; text-decoration: none; } .mdlBtmDiv li a:hover { color: #E40101; } .services { background-image: url(images/services_line.gif); background-repeat: repeat-x; background-position: left bottom; float: left; width: 716px; padding-bottom: 15px; margin-top: 10px; } .icon { float: left; width: 70px; } .s_content { float: left; width: 600px; } .s_content h3 { font-size: 18px; font-weight: normal; color: #8FBD24; padding-bottom: 5px; background:none; } .s_content h3 a { color: #8FBD24; text-decoration: none; background:none; } .s_content h3 a:hover { text-decoration: underline; background:none; } .s_content ul { list-style-type: none; padding-top: 15px; } .s_content li { padding-bottom: 8px; } .s_content li a { font-size: 13px; color: #3F8DC7; font-weight: bold; text-decoration: none; background-image: url(images/s_arrow1.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; } .s_content a:hover { color: #84B53C; background-image: url(images/s_arrow2.gif); } /*============================ New css for compare product page =============================== */ .breadcrumb2 { width: 938px; height: 24px; background: url(images/bread_crumb_bg.gif) top left repeat-x; font: normal 10px Arial, Helvetica, sans-serif; color: #505050; display: inline; float: left; margin-left:1px;} .breadcrumb2 a { font: normal 11px Arial, Helvetica, sans-serif; color: #569bce; text-decoration: none; } .breadcrumb2 a:hover { color: #569bce; text-decoration: underline;} .breadcrumb2 span { font: normal 10px/2em Verdana, Arial, Helvetica, sans-serif; color: #569bce; text-decoration: none; } .breadcrumb2 b { font: bold 11px Arial, Helvetica, sans-serif; color: #333; margin-left: 8px; } .rgtContainer2 { width: 926px; height: auto; margin-left: 15px; display: inline; float: left; } .innerContents2 { width: 912px; height: auto; padding-bottom: 15px; display: inline; float: left; } .innerContents2 h1 { font: bold 29px Verdana, Arial, Helvetica, sans-serif; color: #3F8DC7; margin-top: 15px; } .innerContents2 h2 { font: normal 22px Verdana, Arial, Helvetica, sans-serif; color: #3F8DC7; margin: 8px 0; } .innerContents2 h2 span { color: #333; } .hostedMagento2 { width: 912px; height: 42px; background: url(images/hosted_magento_head_bg2.gif) top left no-repeat; float: left; } .hostedMagento2 h1 { font: normal 20px/2em Arial, Helvetica, sans-serif; color: #347BAE; margin-left: 10px; } .hostedMagento2 h1 span { color: #333; } .hostedMagentoBox2 { width: 912px; height: auto; background: url(images/hosted_magento_box_bg2.gif) bottom left no-repeat; margin-bottom: 12px; float: left; } .hostedMagentoBox2 img { margin: 25px 0 0 10px; float: left; } .addCartBox2 { width: 145px; height: 260px; background: url(images/mdle_container2_division.gif) bottom right no-repeat; margin-left: 20px; display: inline; float: left; } .webManage2 { width: 908px; height: 25px; background: url(images/web_management_hed_bg2.gif) top left no-repeat; margin-left: 2px; display: inline; float: left; } .webManage2 h1 { font: normal 16px/1.5em Arial, Helvetica, sans-serif; color: #FEFFFF; margin-left: 5px; } .webBlueList2 { width: 912px; height: auto; float: left; } .webBlueList2 td { vertical-align:middle; } /*--------------[FEATURE LIST ]--------------------------------*/ .col-main2 { width: 939px; height: auto; padding-bottom: 15px; margin: 0 1px 0 1px; display: inline; float: left; } .featureList { width: 865px; height: auto; margin: 0 0 0 35px; display: inline; float: left; } .featureListHd { width: 865px; height: auto; font: normal 22px Verdana, Arial, Helvetica, sans-serif; margin: 25px 0 0 35px; color: #3F8DC7; display: inline; float: left; } .featureListHd span { color: #333; } .featureCntntDiv { width: 865px; height: auto; display: inline; float: left; } .featureCntnt { width: 418px; height: auto; margin-right: 29px; float: left; } .featureCntnt h2 { width: 418px; height: auto; font: normal 18px Arial, Helvetica, sans-serif; color: #333; margin-top: 32px; float: left; } .featureCntnt ul { width: 418px; height: auto; float: left; } .featureCntnt li { width: 405px; height: auto; list-style: none; background: url(images/featured_bullet.gif) top left no-repeat; padding-left: 13px; margin-top: 10px; font: normal 13px Arial, Helvetica, sans-serif; color: #333; float: left; } .featureCntnt li ol { width: 400px; height: auto; display: inline; float: left; } .featureCntnt li ol li { width: 392px; height: auto; list-style: none; background: url(images/client_details_bullet.gif) top left no-repeat; padding-left: 8px; display: inline; float: left; } .featureListBtm { width: 939px; height: auto; margin: 25px 0 0 0; padding-top: 15px; text-align: center; font: bold 14px Arial, Helvetica, sans-serif; color: #5B5B5B; background: url(images/featured_btm_bg.gif) top left repeat-x; display: inline; float: left; } /*--------------[Agreement]--------------------------------*/ .agreementDiv { width:100%; height:auto; /*float:left;*/ } .agreementDiv p { clear:left; padding:5px 0 2px 0;} .agreementScroll { width:96.5%; height:50px; border:1px solid #B1D591; overflow:auto; padding:10px; float:left; background-color:#E6F7D7;} .agreementScroll h2 { width:95%; float:left; font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; margin:4px 0 4px 0; } .agreementScroll h3 { width:95%; float:left; font:bold 11px Arial, Helvetica, sans-serif; color:#000; text-align:center; margin:4px 0 2px 0; } .agreementScroll h4 { width:95%; float:left; font:bold 10px Arial, Helvetica, sans-serif; color:#000; margin:4px 0 4px 0; } .agreementScroll p { width:95%; float:left; font:normal 10px Arial, Helvetica, sans-serif; color:#000; margin:4px 0 4px 0; } .agreementScroll ul { list-style-type:disc; list-style-position:inside; margin-left:7px; } .agreementScroll ol { list-style-type:decimal; list-style-position:inside; margin-left:7px; } .agreementScroll ol ol { margin-left:14px; display:block; width:95%;} .agreementScroll ul ul { margin-left:14px; display:block; width:95%;} .agreementScroll li { width:95%;} .agreementDiv input { border: 1px solid #D5E2F0;} /*Online demo*/ .demo-box-cover { float:left; width:715px; background:transparent url(images/featured_btm_bg.gif) repeat-x scroll left top; height:auto; border:1px solid #E4E4E4;} .demo-box-cover .demo-box { float:left; width:325px; padding:15px } .demo-box-cover p { padding-left:15px; } .chartlink { width: auto; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #A70101; text-decoration: underline; padding-right: 15px; color:#84B53C; margin-top:14px; float:left;} a.chartlink:hover { text-decoration:none; color:#84B53C;} .lftLnkBox2 { width: 183px; height: auto; background: url(images/lft_nav_bg.gif) top left repeat-y; margin: 10px 0 0 11px; display: inline; float: left; } .lftLnkBox2 h1 { background: url(images/lft_nav_top_img.gif) top left no-repeat; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; padding: 7px 8px 10px 10px; } .lftNav2 { /*width: 203px; height: auto; margin: 10px 0 0 1px; display: inline; float: left;*/ width: 172px; height: auto; /*background: url(images/lft_nav_bg.gif) top left repeat-y;*/ margin: -5px 0 0 11px; padding-bottom: 10px; display: inline; float: left; } .lftNav2 li { /*width: 203px; height: 29px; background: url(images/lft_nav2_bg.gif) top left repeat-x; list-style: none; float: left;*/ width: 165px; height: auto; background: url(images/lft_link_division.gif) bottom left no-repeat; list-style: none; padding: 5px 0 5px 0; float: left;} .lftNav2 li a { /*font: bold 13px/2em Arial, Helvetica, sans-serif; color: #84B53C; background: url(images/add_to_bg2.gif) top left no-repeat; text-decoration: none; padding-left: 10px; margin-left: 10px;*/ font: normal 13px/14px Arial, Helvetica, sans-serif; color: #fff; background: url(images/inner_lft_link_bullet2.gif) top left no-repeat; padding-left: 15px; text-decoration: none; float: left; } .lftNav2 li a:hover { /*color: #9ADB1E;*/ text-decoration:underline; } /*--------------------- Servce & Solution Page ---------------------------*/ .extensionBox { width: 716px; height: auto; background: url(images/horizontal_dots.gif) bottom left repeat-x; margin-top: 10px; float: left; } .extensionBox h2 { font: bold 17px Arial, Helvetica, sans-serif; color: #2785B0; margin: 0 0 10px 6px; } .extensionBox h2 a { font: bold 17px Arial, Helvetica, sans-serif; color: #2785B0; margin: 0 0 10px 6px; text-decoration:none;} .extensionBox h2 a:hover { color: #2785B0; text-decoration:underline;} .extensionBox ul { width: 650px; height: auto; margin-left: 6px; display: inline; float: left; } .extensionBox li { width: 650px; height: auto; list-style: none; margin-bottom: 6px; float: left; } .extensionBox li img { float: left; margin: 0 10px 10px 0; } .extensionBox li h3 { font: bold 14px Arial, Helvetica, sans-serif; color: #84B53C; margin-bottom: 2px; } .extensionBox li h3 a { font: bold 14px Arial, Helvetica, sans-serif; color: #84B53C; margin-bottom: 2px; text-decoration:none;} .extensionBox li h3 a:hover {color: #84B53C; text-decoration:underline;} /* -------------------------- Service Price --------------------*/ .pricingPack { width: 716px; height: auto; background: url(images/pricing_pack_box_bg.gif) bottom left no-repeat; margin-bottom: 10px; float: left; } .pricingBox { width: 158px; height: 200px; background: url(images/mdle_container2_division.gif) bottom right no-repeat; margin-left: 20px; padding: 15px 0 25px 0; display: inline; float: left; } .pricingBox h3 a { font: bold 13px Arial, Helvetica, sans-serif; color: #2785B0; margin-left: 10px; text-decoration: none; text-align:left; display:block; } .pricingBox h3 a:hover { text-decoration: underline; } .pricingBox img { margin: 10px 0 0 10px; } /*---------------- Gurantee Box -------------------------*/ a.guranteelink {float:right; width:auto; color:#CC0000; text-decoration:none; margin-left:10px;} a.guranteelink:hover {color:#CC0000; text-decoration:underline;} .guranteebox { z-index: 1000; position:fixed; margin-left: 200px; bottom:10px; width: 600px; border: 1px solid #A52A2A; top:auto; background-color:#fff; } .guranteebox .middle{ padding: 10px 35px 40px 15px; } .guranteebox ul { list-style-type:disc; } .guranteebox li{ margin-left:16px; } .guranteebox p { clear: both; margin-top: 10px; margin-bottom: 5px; text-align: left; } .guranteebox .button_text{ /*border: 1px solid #333333;*/ color: #333333; } .whybox h5{ font-weight: 400; } .guranteebox h3 { text-align: center; font-size: 14px; text-transform:uppercase; text-decoration:underline; margin-top:3px; } .guranteebox .close_window { float: right; margin-bottom: 10px; font-size: 10px; width:auto; } .recaptchatable { display: inline; float: left; } /* -----[start]Adding Template Section------ .tempBtmDescription { width: 913px; height: auto; float: left; } .tempBtmDescription h2 { font: normal 18px/2em Arial, Helvetica, sans-serif; color: #45A4D1; } .tempBtmDescription a { font: normal 12px Arial, Helvetica, sans-serif; color: #3F8DC7; text-decoration: none; } .tempBtmDescription a:hover { text-decoration: underline; } -----[end]Adding Template Section------ */ /*Google Search for 404 page*/ #goog-fixurl .content { padding:0; } #goog-fixurl .content h3 { color:#8FBD24; font:14px Verdana,Arial,Helvetica,sans-serif;} #goog-fixurl #goog-wm-qt { border:1px solid #CCCCCC; margin-right:5px; } #goog-fixurl #goog-wm-sb { background:#EEEEEE; border:1px solid #CCCCCC;} .w3cIcons img {margin-right:5px;}