* { margin:0px; padding:0px; } img { border:none; } a { outline-style:none; } body { background:#000000; font-family: 'UbuntuRegular'; } .product_body { background:#000 url(../images/product_page_bg.png) top center no-repeat; } @font-face { font-family: 'UbuntuLight'; src: url('../fonts/ubuntu-l_0.eot'); src: url('../fonts/ubuntu-l_0.eot') format('embedded-opentype'), url('../fonts/ubuntu-l_0.woff') format('woff'), url('../fonts/ubuntu-l_0.ttf') format('truetype'), url('../fonts/ubuntu-l_0.svg#UbuntuLight') format('svg'); } @font-face { font-family: 'UbuntuRegular'; src: url('../fonts/ubuntu-r_0.eot'); src: url('../fonts/ubuntu-r_0.eot') format('embedded-opentype'), url('../fonts/ubuntu-r_0.woff') format('woff'), url('../fonts/ubuntu-r_0.ttf') format('truetype'), url('../fonts/ubuntu-r_0.svg#UbuntuRegular') format('svg'); } @font-face { font-family: 'OswaldBook'; src: url('../fonts/oswald-regular_1.eot'); src: url('../fonts/oswald-regular_1.eot') format('embedded-opentype'), url('../fonts/oswald-regular_1.woff') format('woff'), url('../fonts/oswald-regular_1.ttf') format('truetype'), url('../fonts/oswald-regular_1.svg#OswaldBook') format('svg'); } .livechat_button { margin: 0px; padding: 0px; float:left; } .livechat_button a { font-family: 'UbuntuLight'; font-size: 18px; color: #000; outline-style: none !important; text-decoration: none !important; } .top_header_contanear { display:block; float:left; width:100%; background:#00BC00; height:105px; position: fixed; z-index: 9999; border-bottom: 4px solid #008600; transition: height 0.3s; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; } .shrink { height: 70px; } .shrinkNav { margin: -1px 0 0 40px !important; } .shrinkLogo { margin-top: 5px !important; } .shrinkContact { padding: 0px 0 0 0 !important; } .shrinkDropdown { margin-top: 20px !important; } @media screen and (max-width: 800px) { .shrink { display:none; } } @media screen and (max-width: 800px) { .top_header_contanear { position: relative; } } .top_header_main_area { display:block; width:1150px; margin:0px auto; } .logo_area { display:block; float:left; width:115px; margin-top:23px; transition: margin 0.3s; -webkit-transition: margin 0.3s; -moz-transition: margin 0.3s; } .logo_area img { width:100%; } .top_header_contact_area { display:block; float:right; width:177px; padding: 18px 0px 0px 0px; transition: padding 0.3s; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; } .top_header_contact_area p { font-family: 'UbuntuLight'; font-size:18px; color:#000; margin-top:0px; } .top_header_contact_area p a { text-decoration:none; color:#000; } .top_header_contact_area p span { float:left; } .top_header_contact_area p img { vertical-align:middle; margin-right:8px; width:24px; } .header_contanear { display:block; float:left; width:100%; margin-top:40px; } .home_section { display:block; background:url(./images/Xidax-desktop-backgrounds.jpg) center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; float:left; width:100%; height: 100vh; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .home_section { background-attachment: scroll !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .home_section { background-attachment: scroll !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .home_section { background-attachment: scroll !important; } #downArrow { top: 70% !important; } } @media (max-width: @iphone-screen) { .home_section { background-attachment: scroll !important; } } @media screen and (max-width: 800px) { .home_section { height: 70vh; } } @media screen and (max-width: 600px) { .home_section { height: 58vh; -webkit-background-size: 1070px; -moz-background-size: 1070px; -o-background-size: 1070px; background-size: 1070px } } @media screen and (max-width: 530px) { .home_section { height: 56vh; -webkit-background-size: 910px; -moz-background-size: 910px; -o-background-size: 910px; background-size: 910px } } @media screen and (max-width: 530px) { .home_section { height: 56vh; background:url(./images/Xidax-desktop-backgrounds.jpg) center no-repeat; -webkit-background-size: 910px; -moz-background-size: 910px; -o-background-size: 910px; background-size: 910px } @media screen and (max-height: 700px) { .home_section { height: 56vh; background:url(./images/Xidax-desktop-backgrounds.jpg) bottom no-repeat; -webkit-background-size: 613px; -moz-background-size: 613px; -o-background-size: 613px; background-size: 613px } } } .home_section2 { display:block; float:left; width:100%; padding:40px 0; border-bottom: 2px solid #00BC00; border-top: 2px solid #00BC00; } .home_section3 { display:block; float:left; width:100%; padding:40px 0; border-bottom: 2px solid #00BC00; background:url(./images/Xidax-desktop-backgrounds2.jpg) center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .home_section3 { background-attachment: scroll !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .home_section3 { background-attachment: scroll !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .home_section3 { background-attachment: scroll !important; } } @media (max-width: @iphone-screen) { .home_section3 { background-attachment: scroll !important; } } #scrollTo a { &:hover { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } } #xidaxDiv { height:210px; width:440px; top: 20px; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; } @media screen and (max-width: 1100px) { #xidaxDiv { top: 20px; height: 210px; width: 440px; } } @media screen and (max-width: 600px) { #xidaxDiv { display: none; } } #downArrow { background: url(./images/downArrow.png) bottom no-repeat; width: 90px; height: 87px; top: 86%; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; z-index: 101; background-size: 90px; -webkit-animation: saturate 6s infinite; transition: all .2s ease-in-out; } #downArrow:hover { transform: scale(1.1); } @media screen and (max-width: 800px) { #downArrow { top: 76%; background-size: 80px; } } @media screen and (max-width: 800px) { @media screen and (max-height: 720px) { #downArrow { top: 87%; } } } @media screen and (max-width: 600px) { #downArrow { top: 68%; } } @media screen and (max-width: 670px) { @media screen and (max-height: 650px) { #downArrow { top: 60%; } } @media screen and (max-height: 700px) { #downArrow { display:none; } } } .saturate { -webkit-animation: saturate 6s infinite; } @-webkit-keyframes saturate { 0% { -webkit-filter: saturate(none); brightness() } 2% { -webkit-filter: saturate(1.3); brightness() } 5% { -webkit-filter: saturate(1.2); brightness() } 9% { -webkit-filter: saturate(1.5); brightness() } 12% { -webkit-filter: saturate(1.2); brightness() } 16% { -webkit-filter: saturate(1.3); brightness() } 18% { -webkit-filter: saturate(1.1); brightness() } 21% { -webkit-filter: saturate(1.1); brightness() } 25% { -webkit-filter: saturate(1.3); brightness() } 28% { -webkit-filter: saturate(1.4); brightness() } 31% { -webkit-filter: saturate(1.2); brightness() } 34% { -webkit-filter: saturate(1.3); brightness() } 38% { -webkit-filter: saturate(1.1); brightness() } 41% { -webkit-filter: saturate(1.3); brightness() } 44% { -webkit-filter: saturate(1.2); brightness() } 48% { -webkit-filter: saturate(1.4); brightness() } 51% { -webkit-filter: saturate(1.2); brightness() } 54% { -webkit-filter: saturate(1.3); brightness() } 59% { -webkit-filter: saturate(1.1); brightness() } 61% { -webkit-filter: saturate(1.2); brightness() } 65% { -webkit-filter: saturate(1); brightness() } 69% { -webkit-filter: saturate(1.5); brightness() } 72% { -webkit-filter: saturate(1.2); brightness() } 75% { -webkit-filter: saturate(1.4); brightness() } 79% { -webkit-filter: saturate(1.3); brightness() } 82% { -webkit-filter: saturate(1.4); brightness() } 85% { -webkit-filter: saturate(1.5); brightness() } 89% { -webkit-filter: saturate(1.2); brightness() } 92% { -webkit-filter: saturate(1.4); brightness() } 95% { -webkit-filter: saturate(1.3); brightness() } 97% { -webkit-filter: saturate(1.4); brightness() } 100% { -webkit-filter: saturate(1.4); brightness() } } /*.brightness { -webkit-animation: brightness 0.2s infinite; } @-webkit-keyframes brightness { 0%, 100% { -webkit-filter: brightness(none); } 50% { -webkit-filter: brightness(1.3); } }*/ .header_main_area { display:block; width:1150px; margin:0px auto } /*gear slider*/ #shirt1 { background: url(./images/XidaxT.png) top no-repeat; width: 400px; height: 500px; background-size: 400px; margin:0 auto; } #shirt2 { background: url(./images/XidaxT2.png) top no-repeat; width: 400px; height: 500px; background-size: 400px; margin:0 auto; } #shirt3 { background: url(./images/XidaxT.png) top no-repeat; width: 400px; height: 500px; background-size: 400px; margin:0 auto; } #shirt4 { background: url(./images/XidaxT2.png) top no-repeat; width: 400px; height: 500px; background-size: 400px; margin:0 auto; } /*gear slider*/ .slider_area { display:block; float:left; width:75.5%; } .header_right_area { display:block; float:right; width:22%; padding-top: 6px; } .custom_laptops_img_area { display:block; float:left; width:100%; } .custom_laptops_img_area img { width:100%; } .feature_box_area { display:block; float:left; width:100%; margin-top:28px; } .feature_box_area img { width:100%; } .text_and_video_main_area .text_area h1 { color: #00BC00; } .text_and_video_main_area .text_area p { color: #FFFFFF; } /***********for_hover**************/ .view { width:100%; margin:0px; float: left; position: relative; text-align: center; cursor: default; } .view .mask,.view .content { width:100%; position: absolute; top: 0; left: 0; bottom:0; } .view img { display: block; position: relative; } .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background:rgba(0,140,0,0.8); margin: 40px 0 0 0; font-family: 'UbuntuLight'; } .view p { font-size: 12px; position: relative; color:#FFF; padding: 10px 20px 20px; text-align: center; font-family: 'UbuntuLight'; margin-top:40px } .view a.info { display: inline-block; text-decoration: none; padding: 4px 14px; background:rgba(0,140,0,0.8); color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; margin-top:5px; font-family: 'UbuntuLight'; } .view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .view-eighth .mask { background:rgba(0,0,0,.8); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; } .view-eighth h2 { -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; } .view-eighth p { color:#FFFFFF; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; } .view-eighth a.info { -webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; } .view-eighth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; } .view-eighth:hover h2 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .view-eighth:hover p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .view-eighth:hover a.info { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } /***********for_hover**************/ .body_contanear { display:block; float:left; width:100%; padding: 120px 0 40px 0; } .body_contanearProducts { display:block; float:left; width:100%; } .body_contanear2 { display:block; float:left; width:100%; padding:0px 0; } .finance_contanear { display:block; float:left; width:100%; padding:130px 0 40px 0; border-bottom: 2px solid #00BC00; background: url(./images/x10bg.jpg) top no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mirrorsEdgeBg { background: url(./images/mec.jpg) top no-repeat fixed; } .gear_contanear { display:block; background:url(./images/Xidax-desktop-backgrounds.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; float:left; width:100%; height: 50vh; } .gear_contanear2 { display:block; float:left; width:100%; padding: 40px 0; background: #000; border-bottom: 2px solid #00BC00; } .support_contanear { display:block; float:left; width:100%; padding:170px 0 40px 0; border-bottom: 2px solid #00BC00; background: url(./images/x10bg.jpg) top no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .finance_contanear2 { display:block; float:left; width:100%; padding: 40px 0; background: #131313; border-bottom: 2px solid #00BC00; } .product_contanear2 { display:block; float:left; width:100%; padding: 20px 0 40px 0; background: #131313; border-bottom: 2px solid #00BC00; } .body_main_area { display:block; width:1150px; margin:0px auto; } .text_and_video_main_area { display:block; float:left; width:100%; } .text_area { display:block; float:left; width:65%; } .text_area h1 { font-size:36px; color:#FFFFFF; font-family: 'UbuntuLight'; } .text_area h2 { font-size:20px; color:#58cb00; font-weight:100; font-family: 'UbuntuLight'; } .text_area p { font-size:20px; color:#999999; font-family: 'UbuntuLight'; margin-top:25px; line-height:30px; } .text_options p { font-size:18px; color:#ffffff; font-family: 'UbuntuLight'; margin-top:25px; line-height:30px; } .text_options2 p { font-size:20px; color:#ffffff; font-family: 'UbuntuLight'; margin-top:25px; line-height:30px; } .text_options h1 { color: #00BC00; } .text_options2 h1 { color: #00BC00; } .Qcolor { color: #9AB587; letter-spacing: -1px; } .Acolor { color: #00BC00; } #textWrap .text_position { padding:99px 0 99px 0; text-align: center; width: 53%; } @media screen and (max-width: 900px) { #textWrap .text_position { padding: 0; width: 100%; } } .text_position { width: 50%; text-align: justify; float: right !important; } .text_position2 { width: 50%; text-align: justify; } .text_position3 { width: 100%; text-align: center; } @media screen and (max-width: 900px) { .text_position { width: 100%; text-align: center; } } @media screen and (max-width: 900px) { .text_position2 { width: 100%; text-align: center; } } @media screen and (max-width: 900px) { .text_position3 { text-align: center; } } #x8image { background: url(./images/slider_images/x8.png) top no-repeat; width:44%; height: 345px; background-size: 418px; float:left; margin-top: 50px; margin-left: 25px; } @media screen and (max-width: 900px) { #x8image { width:100%; background-size: 40%; height: 286px; margin-top: 0px; margin-left: 0px; } } @media screen and (max-width: 740px) { #x8image { background-size: 47%; } } @media screen and (max-width: 560px) { #x8image { background-size: 60%; height: 287px; } } @media screen and (max-width: 400px) { #x8image { height: 145px; } } #synchrony { background: url(./images/synchronyapply.png) top no-repeat; width:44%; height: 430px; background-size: 418px; float:left; margin-top: 16px; } #ApplyNow { background: url(./images/apply.png) top no-repeat; width:44%; height: 410px; background-size: 418px; float:right; margin-top: 30px; } @media screen and (max-width: 900px) { #synchrony { width:100%; background-size: 40%; height: 316px; } } @media screen and (max-width: 740px) { #synchrony { background-size: 47%; } } @media screen and (max-width: 560px) { #synchrony { background-size: 60%; height: 287px; } } @media screen and (max-width: 400px) { #synchrony { height: 207px; } } @media screen and (max-width: 900px) { #ApplyNow { width:100%; background-size: 40%; height: 316px; } } @media screen and (max-width: 740px) { #ApplyNow { background-size: 50%; margin-top: 15px; } } @media screen and (max-width: 560px) { #ApplyNow { background-size: 50%; height: 247px; } } @media screen and (max-width: 400px) { #ApplyNow { height: 167px; } } .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); } .text_area a { color:#58cb00; } .video_area { display: block; float:left; width:33%; margin-left:2%; margin-top: 7%; } @media (max-width: 640px) { .video_area { display: none !important; } } .body_box_area { display:block; float:left; width:100%; margin:40px 0 0 0; } .body_box1 { display:block; float:left; width:31%; margin:0 1%; background:#008100 url(../images/body_box1_bg.png) top left no-repeat; } .body_box1 img { float:left; margin:-20px 15px 0 0; } .body_box1 h1 { font-size:19px; color:#000; font-family: 'UbuntuRegular'; font-weight:100; margin:30px 10px 0 10px; } .body_box1 p { font-size:15px; color:#333333; font-family: 'UbuntuLight'; font-weight:100; margin:10px 10px 0 10px; padding-bottom:15px; } .body_box2 { display:block; float:left; width:31%; margin:0 1%; min-height:170px; background:#008100 url(../images/body_box1_bg.png) top left no-repeat; } .body_box2 img { float:left; margin:30px 15px 60px 15px; } .body_box2 h1 { font-size:19px; color:#000; font-family: 'UbuntuRegular'; font-weight:100; margin:30px 10px 0 10px; } .body_box2 p { font-size:15px; color:#333333; font-family: 'UbuntuLight'; font-weight:100; margin:10px 10px 0 10px; padding-bottom:15px; } .footer_contanear { display:block; float:left; width:100%; margin:40px 0 40px 0; } .footer_main_area { display:block; width:1150px; margin:0px auto; } .footer_box1 { display:block; float:left; width:23%; margin:0 1%; } .footer_box1 h1 { font-size:15px; color:#FFF; font-family: 'UbuntuRegular'; text-transform:uppercase; margin-top:15px; } .footer_box1 p { font-size:14px; color:#999999; font-family: 'UbuntuRegular'; margin-top:15px; line-height:20px; } .footer_box1 ul { font-size:14px; color:#999999; font-family: 'UbuntuRegular'; margin-top:3px; } .footer_box1 ul li { list-style-type:none; border-bottom:1px solid #191B1C; padding:12px 0; } .footer_box1 ul li a { color:#999999; text-decoration:none; } .footer_box1 ul li a:hover { color:#33CC00; } .social_icon_area { display:block; float:left; width:100%; margin-top:15px; } .social_icon_area img { margin-right:15px; } .footer_email_adderss_area { display:block; width:100%; margin-top:20px; } .input_style_area { display:block; float:left; width:74%; height:46px; background:#3F4346; color:#33cc00; font-size:15px; font-family: 'UbuntuRegular'; padding:0 3%; border:none; } .submit_style { background:#1A1B1D url(../images/submit_but_arrow.png) center no-repeat; cursor:pointer; width:20%; border:none; float:left; height:46px; } .nav_area { display:block; float:left; margin:16px 0 0 40px; transition: margin 0.3s; -webkit-transition: margin 0.3s; -moz-transition: margin 0.3s; } @media screen and (max-width: 1100px) { .nav_area { margin:16px 0 0 30px; } } /*********************menu*********************/ #menu ul, #menu li, #menu span, #menu a { position: relative; } #menu { height: 74px; float:left; position:relative; z-index:1000; } #menu:after, #menu ul:after { content: ''; display: block; clear: both; } #menu a { display: inline-block; color:#000000; font-size:19px; font-family: 'UbuntuRegular'; line-height: 44px; padding: 16px 51px; text-decoration: none; text-transform:uppercase; } @media screen and (max-width: 1149px) { #menu a { padding: 16px 51px !important; } } @media screen and (max-width: 1100px) { #menu a { padding: 16px 40px !important; } } #menu ul { list-style: none; } #menu > ul { float: left; } #menu > ul > li { float: left; background:url(../images/nav_right_bg.jpg) center right no-repeat; } #menu > ul > li:last-child { background:none; } #menu > ul > li:hover > a { color:#016600; } #menu .has-sub { z-index: 99; } #menu .has-sub ul a { padding: 16px 31px; } #active1 a { color:#000000; } #menu .has-sub:hover > ul { display: block; } #menu .has-sub ul { display: none; position: absolute; width: 250px; top: 60px; left: 0; margin-left:-8px; } #menu .has-sub ul li a { background:#00BC00 ; font-family: 'UbuntuRegular'; display: block; line-height: 120%; color:#fff; font-weight:100; text-transform:lowercase; } #menu .has-sub ul li:last-child a { border-radius:0 0 8px 8px; padding-bottom:30px; } #menu .has-sub ul li:hover a { color:#000000; } /*********************menu*********************/ .product_drop_area { display:block; width:800px; margin:100px auto 0 auto; min-height:235px; background:rgba(24,24,24,0.9); position:relative; z-index:800; border-top:4px solid #33cc00; } .product_drop_left_but_area { display:block; float:left; width:155px; height:235px; background:rgba(24,24,24,1); } .product_drop_left_box1 { display:block; float:left; width:155px; height:115px; text-align:center; border-bottom:1px solid #252525; text-align:center; } .product_drop_left_box1 h1 { font-family: 'UbuntuRegular'; font-size:14px; color:#FFF; margin-top:35px; } .product_drop_left_box1 h1 a { color:#FFFFFF; text-decoration:none; } .product_drop_left_box1 h1 a:hover { color:#33CC00; } .product_drop_left_box1 p { font-family: 'UbuntuRegular'; font-size:10px; color:#999999; margin-top:20px; } .product_drop_left_box1 p a { color:#999999; } .product_drop_left_box1 p a:hover { text-decoration:none; } .product_drop_left_box1_active { display:block; float:left; width:155px; height:115px; text-align:center; border-bottom:1px solid #252525; text-align:center; } .product_drop_left_box1_active h1 { font-family: 'UbuntuRegular'; font-size:14px; color:#33CC00; margin-top:35px; } .product_drop_left_box1_active h1 a { color:#33CC00; text-decoration:none; } .product_drop_left_box1_active p { font-family: 'UbuntuRegular'; font-size:10px; color:#999999; margin-top:20px; } .product_drop_left_box1_active p a { color:#999999; } .product_drop_left_box1_active p a:hover { text-decoration:none; } #border_buttom_none { border-bottom:none; } .product_drop_right_area { display:block; float:right; width:640px; } .product_drop_desktops_area { display:block; float:right; width:640px; height:235px; } .product_drop_desktops_box1 { display:block; float:left; width:160px; text-align:center; } .product_drop_desktops_box1 img { margin-top:15px; } .product_drop_desktops_box1 h1 { font-family: 'UbuntuRegular'; font-size:14px; color:#FFF; margin-top:15px; } .product_drop_desktops_box1 a { text-decoration:none; } .product_drop_desktops_box1 h1 span { font-weight:100; font-family: 'UbuntuRegular'; font-size:10px; color:#999999; } .product_drop_laptops_area { display:block; float:right; width:640px; height:235px; } .menu_select_seyle { display:block; float:left; width:55%; margin-top:39px; border:none; height:32px; padding:6px; border-radius:4px; border:1px solid #009400; margin-left:5%; display:none; text-transform:uppercase; transition: margin 0.3s; -webkit-transition: margin 0.3s; -moz-transition: margin 0.3s; } /*************sub_pages******************/ .product_small_menu_area { display:block; float:left; width:100%; } .product_small_menu_area p { font-size:15px; color:#666666; font-family: 'UbuntuRegular'; } .product_small_menu_area p a { color:#666666; } .product_small_menu_area p a:hover { text-decoration:none; } .product_desktops_heading_area { display:block; float:left; width:100%; margin-top:20px; } .product_desktops_heading_area h1 { font-size:45px; text-transform:uppercase; color:#FFF; font-family: 'UbuntuLight'; font-weight:100; text-align:center; line-height:30px; } .product_desktops_heading_area h1 span { font-size:22px; color:#2f2f2f; font-weight:bold; } .product_desktops_heading_area p { font-size:22px; color:#cccccc; font-family: 'UbuntuLight'; font-weight:100; line-height:30px; margin-top:30px; } .desktop_box_main_area { display:block; float:left; width:100%; margin:20px 0; } .desktop_box1 { display:block; float:left; width:31%; margin:20px 1% 0 1%; background:#1E1E1E; padding-bottom:30px; text-align:center; } .desktop_box1 h1 { font-size:45px; font-family: 'UbuntuRegular'; color:#FFF; text-align:center; float:left; width:100%; background:#393939; padding:10px 0; } .desktop_box1 h2 { font-size:13px; font-family: 'UbuntuRegular'; color:#585858; text-align:center; float:left; width:80%; padding:0 10%; text-transform:uppercase; margin-top:20px; line-height:20px; word-spacing:5px; } .desktop_box1 img { width:70%; margin-top:20px; } .desktop_box1 p { font-size:20px; font-family: 'UbuntuLight'; color:#666666; text-align:center; float:left; width:80%; padding:0 10%; margin-top:20px; line-height:20px; word-spacing:5px; } .desktop_box1 a:hover { opacity:0.8; } .about_heading_area { display:block; float:left; width:100%; border-bottom:1px solid #58CB00; padding-bottom:10px; text-align:right; } .about_heading_area h1 { color:#FFF; font-size:42px; font-family: 'UbuntuLight'; font-weight:100; } .build_heading_area { display:block; float:left; width:100%; border-bottom:1px solid #58CB00; padding-bottom:10px; text-align:left; } .build_heading_area h1 { color:#FFF; font-size:42px; font-family: 'UbuntuLight'; font-weight:100; } .about_left_area { display:block; width:23%; float:left; background:#00BC00; padding:30px 2%; margin-top:30px; } #about_left_area_active{color:#275a00;} .about_left_area ul { font-size:20px; font-family: 'UbuntuRegular'; list-style-type:none; } .about_left_area ul li { margin-top:10px; } .about_left_area ul li a { text-decoration:none; color:#FFF; } .about_left_area ul li a:hover { color:#275a00; } #active2 a { color:#275a00; } .about_right_area { display:block; width:68%; float:right; margin-top:30px; } .about_right_text_area { display:block; float:left; width:100%; } .about_right_text_area h1 { font-size:40px; color:#FFF; font-family: 'UbuntuRegular'; font-weight:100; } .about_right_text_area h2 { font-size:31px; color:#58cb00; font-family: 'UbuntuLight'; font-weight:100; margin-top:15px; } .about_right_text_area p { font-size:21px; color:#999999; font-family: 'UbuntuLight'; font-weight:100; margin-top:15px; line-height:25px; } .about_right_text_area p a { color:#999999; } .about_right_text_area p a:hover { text-decoration:none; } .form_area { display:block; float:left; width:80%; margin:30px 0 0 15%; } .full_w { display:block; float:left; width:100%; margin-top:15px; } .full_w p { float:left; width:227px; font-size:18px; color:#58cb00; font-family: 'UbuntuRegular'; } .input_style { display:block; float:left; width:300px; height:42px; border:1px solid #DFDFDF; padding:0 15px; background:#FFFFFF; font-size:15px; color:#666666; font-family: 'UbuntuRegular'; } .textarea_style { float:left; width:300px; height:92px; border:1px solid #DFDFDF; padding:15px; background:#FFFFFF; } .full_w span { font-size:15px; color:#666666; font-family: 'UbuntuRegular'; margin:0 10px; } .submit_style2 { display:block; float:right; width:170px; height:46px; background:#00BC00; border-radius:6px; font-size:20px; font-family: 'UbuntuRegular'; color:#FFF; margin-right:10%; border:none; cursor:pointer; } .submit_style2:hover { opacity:0.8; } /*.product_img_area2 { display:block; float:left; width:100%; margin-top:20px; text-align:center; }*/ .product_img_area { display:block; float:left; width:100%; margin-top:20px; text-align:center; } .product_img_area img { width:50%; } .product_body_nav_contanear { display:block; float:left; width:100%; background:#00BC00; margin-top:0px; } .product_body_nav_main_area { display:block; max-width:1150px; width:98%; margin:0px auto; min-height:70px; } .product_body_nav_logo_area { display:block; float:left; width:135px; height:70px; line-height:70px; color:#FFF; font-size:25px; font-family: 'UbuntuRegular'; font-weight:100; } .product_body_nav { display:block; float:left; margin:22px 0 0 5%; } .product_body_nav ul { font-size:23px; color:#FFF; font-family: 'UbuntuRegular'; list-style-type:none; } .product_body_nav ul li { display:inline; } .product_body_nav ul li a { color:#FFF; text-decoration:none; padding:0 15px; } .product_body_nav ul li a:hover { color:#347C00; } .product_body_nav_small_area { display:block; float:left; margin:18px 0 0 2%; width:60%; display:none; } .product_body_nav_small_area select { width:100%; height:30px; line-height:30px; border:none; font-family: 'UbuntuRegular'; font-size:13px; padding:5px; } .build_but2 { display:block; float:right; width:151px; height:42px; margin:15px 0; background:#000000; line-height:42px; color:#FFFFFF; text-align:center; font-size:23px; font-family: 'UbuntuRegular'; text-decoration:none; border-radius:6px; } .build_but2:hover { background:#FFF; color:#000; } .feature_area { display:block; float:left; width:100%; margin-top:20px; } .feature_hrading_area { display:block; float:left; width:100%; text-align:center; border-bottom:1px solid #00bc00; } .feature_hrading_area h1 { font-size:38px; color:#666666; font-weight:100; font-family: 'UbuntuLight'; margin-bottom:-20px; background:#000; text-align:center; width:200px; margin:-0px auto -20px auto; } .feature_para_area { display:block; float:left; width:100%; margin-top:10px; text-align:center; } .feature_para_area p { color:#cccccc; font-size:20px; font-family: 'UbuntuLight'; word-spacing:5px; margin-top:20px; } .feature_left_area { display:block; float:left; width:33%; margin-top:25px; } .feature_left_area h1 { font-size:25px; color:#666666; font-family: 'UbuntuRegular'; font-weight:100; margin-top:20px; } .feature_left_area p { font-size:20px; color:#cccccc; font-family: 'UbuntuLight'; font-weight:100; margin-top:15px; } .feature_left_area p span { color:#58cb00; } .feature_left_area ul { color:#58cb00; font-size:20px; font-family: 'UbuntuLight'; margin-top:10px; } .feature_left_area ul li { margin-top:5px; list-style-position:inside; text-indent: -1em; padding-left: -1em; margin-left: 1em; line-height: 30px; } .feature_right_area { display:block; float:right; width:63%; margin-top:25px; } .feature_right_area img { width:100%; margin-top:20px; } .feature_right_area p { font-size:20px; color:#cccccc; font-family: 'UbuntuLight'; font-weight:100; margin-top:15px; } .feature_right_area p span { color:#58cb00; } .feature_larg_img_area { display:block; float:left; width:100%; } .feature_larg_img_area img { width:100%; float:left; margin-top:60px; } .feature_buttom_contanear { display:block; float:left; width:100%; background:#131313; padding:60px 0 100px 0; } .feature_buttom_main_area { display:block; max-width:1150px; width:98%; margin:0px auto; } .feature_hrading_area2 { display:block; float:left; width:100%; text-align:center; border-bottom:1px solid #00bc00; } .feature_hrading_area2 h1 { font-size:38px; color:#666666; font-weight:100; font-family: 'UbuntuLight'; margin-bottom:-20px; background:#131313; text-align:center; width:200px; margin:-0px auto -20px auto; } .feature_buttom_img_area { display:block; float:left; width:100%; margin-top:30px; text-align:center; } .feature_buttom_img_area img { width:80%; } .feature_buttom_text_area { display:block; float:left; width:100%; margin-top:40px; } .feature_buttom_text_area h1 { font-size:25px; color:#cccccc; font-weight:100; font-family: 'UbuntuRegular'; } .feature_buttom_text_area p { font-size:20px; color:#999999; font-family: 'UbuntuLight'; margin-top:15px; } .feature_buttom_text_area p span { color:#58cb00; } .tech_specs_contanear { display:block; float:left; width:100%; background:#000; padding:60px 0 100px 0; } .tech_specs_main_area { display:block; max-width:1150px; width:98%; margin:0px auto; } .tech_specs_text_area { display:block; float:left; width:100%; margin-top:30px; } .tech_specs_heading_area { display:block; float:left; width:100%; padding:20px 0; background:#191919; margin:20px 0; } .tech_specs_heading_area p { width:350px; float:left; margin-left:10px; font-size:17px; color:#a8a8a8; font-family: 'UbuntuRegular'; } .tech_specs_text_area p { width:350px; float:left; margin-left:10px; font-size:17px; color:#a8a8a8; font-family: 'UbuntuRegular'; line-height:25px; } .gallery_contanear { display:block; float:left; width:100%; background:#131313; padding:60px 0 100px 0; } .gallery_main_area { display:block; max-width:1150px; width:98%; margin:0px auto; } .feature_hrading_area2 { display:block; float:left; width:100%; text-align:center; border-bottom:1px solid #00bc00; } .feature_hrading_area2 h1 { font-size:38px; color:#666666; font-weight:100; font-family: 'UbuntuLight'; margin-bottom:-20px; background:#131313; text-align:center; width:200px; margin:-0px auto -20px auto; } .gallery_img_area { display:block; float:left; width:100%; margin-top:30px; } .body_gray_box1 { display:block; float:left; width:56%; background: rgba(0, 0, 0, 0.5); padding:84px 0; border-radius: 13px; } .body_gray_box1 { display:block; float:left; width:56%; background: rgba(0, 0, 0, 0.5); padding:84px 0; border-radius: 13px; } @media screen and (max-width: 640px) { .body_gray_box1 { background: rgba(0, 0, 0, 0.5) !important; } } @media screen and (max-width: 640px) { .body_gray_box2 { background: rgba(0, 0, 0, 0.5) !important; } } @media screen and (max-width: 640px) { .body_gray_box3 { background: rgba(0, 0, 0, 0.5) !important; } } .body_gray_img_area { display:block; float:left; width:40%; margin:0px 0 0 5%; } .body_gray_img_area img { width:100%; } .body_gray_text_area { display:block; float:right; width:45%; margin:0px 5% 0 0; } .body_gray_text_area h1 { font-family: 'UbuntuLight'; font-size:38px; font-weight:100; color: #00BC00; } .body_gray_text_area p { font-family: 'UbuntuLight'; font-size:15px; color:#FFFFFF; margin-top:10px; line-height:25px; } .body_gray_raadmore_but { font-family: 'UbuntuLight'; font-size:16px; color:#FFF; background:#00BC00; float:left; font-weight:100; width:130px; height:34px; margin-top:10px; border-radius:5px; text-align:center; line-height:34px; text-decoration:none; } .body_gray_raadmore_but:hover { background:#000; } .gray_box1_for_logo { margin:10px 0 0 10px; } .body_gray_box2 { display:block; float:right; width:37%; background: rgba(0, 0, 0, 0.5); padding:31px 2%; border-radius: 13px; } .gray_box2_text_area { display:block; float:left; width:60%; } .gray_box2_text_area h2 { font-size:19px; color:#00BC00; font-family: 'UbuntuLight'; } .gray_box2_text_area p { font-family: 'UbuntuLight'; font-size:15px; color:#FFFFFF; margin-top:10px; line-height:25px; } .gray_box2_for_logo { margin:40px 0 0 10px; float:left; } .body_gray_box3 { display:block; float:right; width:37%; background: rgba(0, 0, 0, 0.5); padding:20px 2%; margin-top:20px; border-radius: 13px; } .bx-wrapper h2 { color:white !important; } .bx-wrapper p { color:white !important; } .gray_box3_text_area { display:block; float:left; width:100%; } .body_gray_raadmore_but2 { font-family: 'UbuntuLight'; font-size:16px; color:#FFF; background:#00BC00; float:right; font-weight:100; width:130px; height:34px; margin-top:30px; border-radius:5px; text-align:center; line-height:34px; text-decoration:none; } .body_gray_raadmore_but2:hover { background:#000; } .video_size { width:100%; height:242px; border:none; } /*******small_nav****************/ .small_nav_for_rendom_page { display:none; float:left; width:98%; position:absolute; } .toggleMenu { display: none; background: #00BC00; padding: 10px 15px; color: #fff; text-decoration:none; font-family: 'UbuntuLight'; font-size:15px; } .nav { list-style: none; *zoom: 1; background:#1d7300; tev ; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav ul { list-style: none; width: 9em; } .nav a { padding: 10px 15px; color:#fff; text-decoration:none; font-family: 'UbuntuLight'; } .nav li { position: relative; } .nav > li { float: left; border-top: 1px solid #104336; } .nav > li > .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: right; } .nav > li > a { display: block; } .nav li ul { position: absolute; left: -9999px; } .nav > li.hover > ul { left: 0; } .nav > li:hover { background:#00BC00; } .fixed { position: fixed; top:74px; height: 70px; z-index:999; width:100%; } @media screen and (max-width: 800px) { .fixed { top:0px; } } .password_area { display:block; float:left; width:100%; margin-top:25px; } .password_area h2 { color:#58cb00; font-size:31px; font-weight:100; font-family: 'UbuntuLight'; } .password_area p { color:#999999; font-size:22px; font-weight:100; font-family: 'UbuntuLight'; margin-top:25px; } .password_area h3 { color:#999999; font-size:22px; font-family: 'UbuntuLight'; margin-top:5px; text-align:center; margin-bottom:200px; } .password_input_area { display:block; float:left; width:100%; margin-top:40px; } .password_input_area p { color:#999999; font-size:22px; font-weight:100; font-family: 'UbuntuLight'; margin-top:5px; float:left; margin:0 0px 10px 0; width:172px; } .input_type_area1 { display:block; width:470px; padding:0 15px; height:36px; background:#999999; color:#71de25; border:none; } .submit_style1 { display:block; float:left; clear:both; width:188px; height:47px; border-radius:6px; background:#00BC00; color:#FFF; font-size:20px; margin-top:50px; border:none; font-family: 'UbuntuRegular'; cursor:pointer; } .submit_style1:hover { opacity:.8; } .my_system_order_area { display:block; float:left; width:100%; margin-top:70px; } .my_system_order_box1 { width:100%; border-bottom:8px solid #01BB00; float:left; padding-bottom:20px; margin-bottom:20px; } .my_system_order_box1 h1 { font-size:35px; color:#ffffff; font-family: 'UbuntuRegular'; font-weight:100; float:left; width:60px; } .my_system_order_box1 p { color:#666666; font-size:18px; font-family: 'UbuntuRegular'; font-weight:100; float:left; margin-top:13px; margin-left:12px; line-height:25px; } .my_system_span1 { float:left; width:145px; margin-right:25px; } .my_system_span1 span { color:#01BB00; } .my_system_span2 { float:left; width:220px; } .my_system_span2 span { color:#01BB00; } .my_system_span3 { float:left; width:260px; } .my_system_span3 span { color:#01BB00; } .track_order_but { display:block; float:right; width:170px; height:47px; line-height:47px; color:#FFF; text-decoration:none; border-radius:6px; background:#01BB00; text-align:center; font-size:20px; font-family: 'UbuntuRegular'; } .track_order_but:hover { opacity:0.8; } .about_heading_area2 { display:block; float:left; width:100%; border-bottom:1px solid #58CB00; padding-bottom:20px; text-align:left; } .about_heading_area2 h1 { color:#FFF; font-size:42px; font-family: 'UbuntuLight'; font-weight:100; } .meet_team_area { display:block; float:left; width:100%; margin-top:40px; } .meet_team_img_area { display:block; float:left; width:22%; } .meet_team_img_area img { width:100%; float:left; } .meet_team_text_area { display:block; float:right; width:75%; /* background:#333333 url(../images/meet_team_bg.jpg) top left no-repeat; */ min-height:163px; margin-top:25px; } .meet_team_heading { display:block; float:left; width:190px; margin-left:90px; color:#58cb00; font-size:31px; font-family: 'UbuntuLight'; font-weight:100; line-height:20px; margin-top:55px; } .meet_team_heading span { font-size:17px; color:#cccccc; } .meet_team_para { display:block; float:left; font-size:15px; color:#cccccc; font-family: 'UbuntuLight'; width:60%; margin-top:36px; line-height:20px; margin-bottom:15px; } .meet_team_para span { color:#00bc00; } .order_heading_area { display:block; float:left; width:100%; margin-top:30px; } .order_heading_area h1 { color:#FFF; font-size:34px; font-family: 'UbuntuRegular'; font-weight:100; } .order_heading_area h2 { color:#a5a5a5; font-size:29px; font-family: 'UbuntuRegular'; font-weight:100; margin-top:20px; } .order_heading_area h2 span { color:#64C300; } .order_heading_area p { color:#FFF; font-size:16px; font-family: 'UbuntuRegular'; font-weight:100; margin-top:20px; } .order_heading_area p a { text-decoration:none; color:#64C300; } .order_heading_area p a:hover { color:#FFF; } .order_gray_box1 { display:block; float:left; width:100%; background:#242424; padding:25px 0; margin-top:45px; } .order_gray_box1_1 { display:block; float:left; width:300px; margin-left:25px; margin-bottom:20px; } .order_gray_box1_1 p { font-size:17px; color:#FFF; font-family: 'UbuntuRegular'; line-height:22px; } .order_gray_box1_1 p span { color:#747474; } .order_gray_box1_2 { display:block; float:left; width:300px; margin-left:25px; } .order_gray_box1_2 p { font-size:17px; color:#FFF; font-family: 'UbuntuRegular'; margin-top:14px; line-height:30px; } .order_gray_box1_2 h1 { color:#66cc00; font-size:32px; font-family: 'UbuntuRegular'; font-weight:100; } .order_gray_box2 { display:block; float:left; width:100%; background:#242424; padding:25px 0 40px 0; margin-top:45px; } .system_specification_area { display:block; float:left; width:100%; margin-top:-50px; text-align:center; } .system_specification_area p { color:#666666; font-size:19px; font-family: 'UbuntuRegular'; } .system_specification_text_area { display:block; width:60%; margin:50px auto 0 auto; } .system_specification_heading_area_left { display:block; float:left; width:50%; } .system_specification_heading_area_left h1 { font-size:34px; color:#66cc00; font-family: 'UbuntuRegular'; font-weight:100; } .system_specification_heading_area_left h2 { font-size:21px; color:#fff; font-family: 'UbuntuRegular'; font-weight:100; margin-top:10px; } .system_specification_heading_area_left h2 span { color:#66cc00; } .system_specification_heading_area_left p { font-size:17px; color:#ff0000; font-family: 'UbuntuRegular'; margin-top:10px; } .system_specification_heading_area_right { display:block; float:right; width:50%; text-align:right; } .system_specification_heading_area_right h1 { font-size:21px; color:#fff; font-family: 'UbuntuRegular'; font-weight:100; margin-top:20px; } .system_specification_text { display:block; float:left; width:100%; margin-top:25px; } .system_specification_text p { color:#FFF; font-size:15px; font-family: 'UbuntuRegular'; margin-top:15px; line-height:22px; } .system_specification_text p span { color:#828282; font-size:20px; width:166px; float:left; height:30px } .about_heading_area3 { display:block; float:left; width:100%; border-bottom:1px solid #58CB00; padding-bottom:10px; } .about_heading_area3 h1 { color:#FFF; font-size:42px; font-family: 'UbuntuLight'; font-weight:100; float:right; } .about_heading_area3 h3 { color:#00bc00; font-size:24px; font-family: 'UbuntuLight'; font-weight:100; float:left; margin-top:15px; } .about_heading_area3 h3 a { color:#00bc00; } .about_heading_area3 h3 a:hover { text-decoration:none; } .order_tracker_body_contanear { display:block; float:left; width:100%; margin:25px 0; } .order_tracker_body_main_area { display:block; max-width:920px; width:98%; margin:0px auto; } .order_tracker_nav_main_area { display:block; float:left; width:100%; } .order_tracker_nav_area { display:block; float:left; width:100%; height:186px; background:url(../images/order_tracker_nav_bg.png) center no-repeat; text-align:center; } .order_tracker_nav_area ul { list-style-type:none; margin-top:100px; margin-left:24px; } .order_tracker_nav_area ul li { display:inline-block; } .order_tracker_nav_area ul li a { text-decoration:none; display:inline-block; color:#FFF; /* width:99px;*/ text-transform:uppercase; font-size:14px; font-family: 'UbuntuRegular'; font-weight:bold; background:url(../images/order_tracker_nav_right_bg.png) top right no-repeat; padding:22px 30px 22px 0; } .order_tracker_nav_area ul li:last-child a { background:none; } .order_tracker_nav_area ul li a:hover { background:url(../images/order_tracker_nav_hover_bg.png) top left no-repeat; padding:22px 30px 22px 29px; margin-left:-29px; } #active a { background:url(../images/order_tracker_nav_hover_bg.png) top left no-repeat; padding:22px 30px 22px 31px; margin-left:-29px; } #active2 a { background:url(../images/order_tracker_nav_hover_bg2.png) top left no-repeat; padding:22px 30px 22px 31px; margin-left:-29px; } #active3 a { background:url(../images/order_tracker_nav_hover_bg3.png) top left no-repeat; padding:22px 30px 22px 31px; margin-left:-29px; } #active4 a { background:url(../images/order_tracker_nav_hover_bg4.png) top left no-repeat; padding:22px 30px 22px 31px; margin-left:-29px; } #active5 a { background:url(../images/order_tracker_nav_hover_bg5.png) top left no-repeat; padding:22px 30px 22px 31px; margin-left:-29px; } .order_tracker_nav_area ul li:last-child a:hover { background:url(../images/order_tracker_nav_hover_last_child_bg.png) top left no-repeat; padding:22px 30px 22px 29px; margin-left:-29px; } #active_last a { background:url(../images/order_tracker_nav_hover_last_child_bg.png) top left no-repeat; padding:22px 30px 22px 31px; margin-left:-29px; } .order_tracker_nav_select_menu { display:block; width:60%; margin-top:30px; border:none; height:32px; padding:6px; border-radius:4px; border:1px solid #009400; margin:0px auto; text-transform:uppercase; display:none; } .rush_order_and_date_area { display:block; float:left; width:100%; margin-top:30px; } .order_but { display:block; float:left; width:232px; height:50px; background:url(../images/order_rush_but_bg.jpg) repeat-x; text-align:center; color:#FFF; font-size:22px; font-family: 'UbuntuRegular'; font-weight:bold; line-height:50px; text-decoration:none; } .order_but:hover { opacity:0.9; } .rush_order_and_date_area h1 { font-size:18px; color:#FFF; font-family: 'UbuntuRegular'; text-align:right; text-transform:uppercase; margin-top:20px; } .rush_order_and_date_area h1 span { color:#71ed1c; } .rush_order_box_area { display:block; float:left; width:96%; padding:20px 2% 30px 2%; margin-top:30px; -moz-box-shadow: inset 0 0 0px 3px #71ed1c; -webkit-box-shadow: inset 0 0 0px 3px #71ed1c; box-shadow: inset 0 0 0px 3px #71ed1c; } .rush_order_box_text_area { display:block; float:left; width:100%; text-align:center; } .rush_order_box_text_area h1 { font-size:22px; color:#FFF; font-family: 'UbuntuRegular'; text-transform:uppercase; margin:10px 0 45px 0; } .rush_order_box_text_area p { font-size:14px; color:#FFF; font-family: 'UbuntuRegular'; text-transform:uppercase; margin:10px 0 30px 0; font-weight:bold; margin-bottom:12px; } .rush_order_box_text_area p img { vertical-align:middle; margin-right:10px; } .rush_order_box_text_span1 { width:36px; display:inline-block; } .rush_order_box_text_span2 { width:260px; display:inline-block; } .rush_order_box_text_span_green { color:#21E800; } .rush_order_box_left_box { display:block; float:left; width:55%; border-right:2px solid #5B5B5B; margin-top:30px; } .rush_order_box_left_box p { font-size:12px; color:#FFF; font-family: 'UbuntuRegular'; margin-top:10px; text-transform:uppercase; font-weight:bold; line-height:25px; } .rush_order_box_form_sapn { width:120px; display:inline-block; } .rush_order_input_style { width:195px; height:20px; background:#2D2D2D; font-size:14px; color:#FFF; font-family: 'UbuntuRegular'; border:none; padding:0 10px; } .rush_order_select_style { width:215px; height:20px; background:#2D2D2D; font-size:14px; color:#FFF; font-family: 'UbuntuRegular'; border:none; padding:0 px; } .rush_order_input_style2 { width:35px; height:20px; background:#2D2D2D; font-size:14px; color:#FFF; font-family: 'UbuntuRegular'; border:none; padding:0 10px; } .rush_order_input_style3 { width:40px; height:20px; background:#2D2D2D; font-size:14px; color:#FFF; font-family: 'UbuntuRegular'; border:none; padding:0 10px; margin-left:5px; } .rush_order_submit_style { display:block; width:230px; height:50px; background:url(../images/order_rush_but_bg.jpg) repeat-x; color:#FFF; font-size:22px; font-family: 'UbuntuRegular'; font-weight:bold; text-decoration:none; border:none; margin-left:120px; cursor:pointer; } .rush_order_submit_style:hover { opacity:0.9; } .rush_order_box_right_box { display:block; float:right; width:42%; margin-top:30px; text-align:center; } .paypal_but { display:block; width:300px; height:50px; background:url(../images/order_rush_but_bg.jpg) repeat-x; font-size:22px; font-family: 'UbuntuRegular'; font-weight:bold; text-transform:uppercase; line-height:50px; text-align:center; color:#FFF; text-decoration:none; margin-top:100px } .paypal_but img { vertical-align:middle; margin-right:15px; } .paypal_but:hover { opacity:0.9; } .order_track_system_configuration_area { display:block; float:left; width:100%; margin-top:90px; } .order_track_system_heading_area { float:left; width:100%; } .order_track_system_heading_area p { text-align:center; } .order_track_system_heading_area h1 { color:#FFF; font-size:24px; font-family: 'UbuntuRegular'; width:100%; border-bottom:4px solid #21E800; text-transform:uppercase; padding-bottom:3px; margin-top:-33px; } .order_track_system_configuration_text { display:bl; float:left; width:100%; margin-top:25px; } .order_track_system_configuration_text p { color:#fff; font-size:24px; font-family: 'UbuntuRegular'; font-weight:bold; margin-bottom:15px; } .order_track_system_configuration_span { color:#666666; width:300px; display:inline-block; float:left; height:30px; } .rush_order_photo { color:#fff; font-size:16px; font-family: 'UbuntuRegular'; text-transform:uppercase; font-weight:bold; margin:60px 0; } .rush_order_photo img { vertical-align:middle; margin-right:10px; } .share_and_save_but { display:block; float:right; width:100%; margin-top:15px; } .save_but { display:block; width:165px; height:50px; background:url(../images/order_rush_but_bg.jpg) repeat-x; font-size:24px; font-family: 'UbuntuRegular'; font-weight:bold; text-transform:uppercase; line-height:50px; text-align:center; color:#FFF; text-decoration:none; float:right; margin-left:15px; margin-bottom:10px } .save_but img { margin-bottom:-5px; } .save_but:hover { opacity:0.9; } .config_heading_area { display:block; float:left; width:100%; border-bottom:1px solid #58CB00; padding-bottom:10px; text-align:left; } .config_heading_area_left {width:50%; float:left; color:#FFFFFF;} #config_heading_area_right {width:40%; float:right; color:#FFFFFF; text-align:right;} #config_heading_area_right a{color:#00bc00; text-decoration:none;} #config_heading_area_right a:hover{color:#FFF; text-decoration:none;} #greypanel{float:left;padding:25px 0; background-color:#333333; width:100%;} #greypanel2{float:left;padding:25px 0; background-color:#000000; width:100%;} @media screen and (max-width: 990px) { #greypanel2 { display:none; } } .buybutton_panel{float:right; width:37%} .buybutton{float:right; margin-left:15px; margin-top:10px;} @media screen and (max-width: 990px) { .buybutton { margin-left:0px; } } @media screen and (max-width: 500px) { .buybutton { margin-right: 1px; margin-top: 30px; float: left; } } .buybutton a{padding:10px 17px; color:#FFF;background-color:#00bc00;font-size:22px; font-family: 'UbuntuRegular'; text-decoration:none;} @media screen and (max-width: 500px) { .buybutton a { font-size: 20px; } } @media screen and (max-width: 300px) { .buybutton a { font-size: 17px; } } .buybutton a:hover{ color:#FFF;background-color:#000;} .ratingbox{float:left; width:30%; margin:-5px 0 0 0; } .ratingbox_top{float:left; width:100%;font-family: 'UbuntuLight'; color:#8b8a8a; margin:.5% 0} .ratingbox_top_title{float:left; width:25%; margin:1% 0 0 2%; text-align:right;} .ratingbox_top_imgbox{float:left; width:48%;margin:0 5%; padding:1% 1% 0 1%;} .ratingbox_top_display{float:left; width:6%; margin:1% 4% 0 0; text-align:right;} .ratingbox_top_imgbox img{width:100%;} #configmainpanel{float:left; width:100%;margin:50px 0 0 0} .configmainpanel_left{float:left; width:22%; margin:0 1.5%;font-family: 'UbuntuRegular'; font-size:24px; color:#FFFFFF; text-align:center} .configmainpanel_left span{color:#00bc00} .configmainpanel_left a.applyfinancing {color:#00bc00;outline-style:none;font-size:22px;margin-top:15px;} .configmainpanel_left_img{float:left; width:100%; margin:20px 0%;} .configmainpanel_head{font-family: 'UbuntuLight'; font-size:18px; color:#00bc00; padding:9px 0; width:100%; border-bottom:1px solid #323030; margin:10px 0 0 0; text-align:left;} .configmainpanel_text{font-family: 'UbuntuRegular'; font-size:15px; color:#cccccc; padding:7px 0; width:100%; border-bottom:1px solid #323030; text-align:left;} .configmainpanel_text span{font-size:14px; color:#6b6b6b;} #greenspan a{color:#00bc00; text-decoration:none; background-image:url(../images/edit_icon.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 18px; margin:0 0 0 3px;} #greenspan a:hover{color:#FFF;background-image:url(../images/edit_icon_white.png) } #greyspan a{color:#909090; text-decoration:none;} #greyspan a:hover{color:#FFF; } .configmainpanel_right{float:left; width:75%;} .configmainpanel_right-box{ width:26.5%; margin:10px 1.5%; padding:12px 1.5%;font-family: 'UbuntuLight'; font-size:15px; color:#878787; box-shadow:inset 0px 0px 1px #666666; background-color:#000; line-height:20px; vertical-align:top; display:inline-block} .configmainpanel_right-box:hover{background-color:#111111} .configmainpanel_right-box_head{font-family: 'UbuntuRegular'; font-size:18px; color:#FFF; margin:20px 0 5px 0; float:left; width:100%} .configmainpanel_right-box_head2{font-family: 'UbuntuRegular'; font-size:22px; color:#FFF; margin:0px 0 5px 0; float:left; width:100%; font-weight:bold;} .configmainpanel_right-box_head2a{font-family: 'UbuntuRegular'; font-size:15px; color:#CCC; margin:20px 0 5px 0; float:left; width:100%} .configmainpanel_right-boxthumb{float:left;width:100%} .configmainpanel_right-box_bottom{float:left; width:100%;text-align:center; margin:20px 0 0 0; } .configmainpanel_right-box_bottom_botton{width:112px; margin:0 auto 15px auto;} .configmainpanel_right-box_bottom_botton a{ padding:7px 20px;font-family: 'UbuntuRegular'; color:#FFF; background-color:#535353; text-decoration:none;} .configmainpanel_right-box_bottom_botton a:hover{ background-color:#00bc00;} .configmainpanel_right-box_price{font-family: 'UbuntuRegular'; color:#666666; font-size:18px;text-align:center; } .configmainpanel_right-box_price span{ color:#00bc00; } .configmainpanel_right-box_price_link {font-family: 'UbuntuRegular'; color:#666666; font-size:14px;text-align:center; margin:7px 0 0 0} .configmainpanel_right-box_price_link a{font-family: 'UbuntuRegular'; color:#00ab00;} .configmainpanel_right-box_bottom_tick{margin:40px auto;font-family: 'UbuntuRegular'; color:#FFF; font-size:15px; text-align:center; } .configmainpanel_right-box_bottom_tick img{ margin:0 7px 0 0} .configmainpanel_right-box_bottom_tick2{margin:8px auto;font-family: 'UbuntuRegular'; color:#FFF; font-size:15px; text-align:center; } .configmainpanel_right-box_bottom_tick2 img{ margin:0 7px 0 0} #pricered{color:#FF0000} #accountpage_head{font-size:42px; color:#FFFFFF; text-align:right; padding-bottom:10px; border-bottom:1px solid #00bc00; margin-bottom:10px;} #myaccountpage_head{font-size:42px; color:#FFFFFF; text-align:center; padding-bottom:10px; border-bottom:1px solid #00bc00; margin-bottom:10px;} #myaccountpage_toplink{font-family: 'UbuntuRegular'; font-size:16px; text-transform:uppercase;color:#666666; float:right; text-align:right; margin:-50px 0 0 0} #myaccountpage_toplink a{color:#00bc00;text-decoration:none;} #myaccountmatter{font-size:20px; color:#999999;} #myaccountsucessmatter{font-size:34px; color:#999999;text-align:center;} .myaccount_formpanel{width:65%; margin:30px auto;color:#FFF; font-size:22px;} #formtitle{float:left; width:33%; margin:12px 0; color:#d6d6d6; font-size:22px; clear:both;} #formtitle span{color:#00bc00} .formtextbox{float:left; width:62%; margin:7px 0; color:#999999; font-size:22px; background-color:#3b3b3b; border:none; padding:5px 2%} .formlistbox{float:left; width:36%; margin:7px 0; color:#999999; font-size:22px; background-color:#3b3b3b; border:none; padding:5px 2%; vertical-align:top; } .account_left{width:45%; float:left; border-bottom:15px #00bc00 solid; margin:0 2.5%;font-family: 'UbuntuLight'; font-size:21px; color:#999999; line-height:35px; padding:0 0 25px 0} .account_left h1{font-size:31px;font-family: 'UbuntuLight'; color:#58cb00; margin-bottom:20px } .formpanenel{width:100%; float:left; margin:10px 0} #forgottext{ text-align:right;} #forgottext a{color:#FFFFFF; font-size:14px;} #noheadline{border:none;} .passwordbox{width:58%; padding:10px 4%; float:left; background-color:#191919; margin:10px 0 50px 0; } .passwordbox p{color:#71de25;font-size:20px;float:left; margin:12px 0 12px 0} .formtextbox_small{float:right; width:40%; margin:7px 0 7px 4%; color:#999999; font-size:22px; background-color:#3b3b3b; border:none; padding:5px 2%} .input_style2 { display:block; float:left; width:50%; height:42px; border:1px solid #DFDFDF; padding:0 15px; background:#FFFFFF; font-size:15px; color:#666666; font-family: 'UbuntuRegular'; } .input_listbox_style2 { display:block; float:left; width:56%; height:42px; border:1px solid #DFDFDF; padding:10px 2.5%; background:#FFFFFF; font-size:15px; color:#666666; font-family: 'UbuntuRegular'; } .textarea_style2 { float:left; width:50%; height:92px; border:1px solid #DFDFDF; padding:15px; background:#FFFFFF; } .account_left_text { float:left; width:39%; font-size:18px; color:#58cb00; font-family: 'UbuntuRegular'; } .submit_style3 { display:block; float:left; width:170px; height:46px; background:#00BC00; border-radius:6px; font-size:20px; font-family: 'UbuntuRegular'; color:#FFF; margin-right:10%; border:none; cursor:pointer; } .submit_style3:hover { opacity:0.8; } .submit_style4 { display:block; float:left; width:170px; height:46px; background:#71de25; font-size:20px; font-family: 'UbuntuRegular'; color:#000; margin:10px 0 0 0; border:none; cursor:pointer; } .submit_style4:hover { opacity:0.8; } .myaccountproductbox{width:22%; float:left; background-color:#1b1b1b; margin:6.5% 1.5%;} .myaccountproductbox h1{padding:15px 0; width:100%;background-color:#393939; color:#FFFFFF; font-family: 'UbuntuRegular'; font-weight:bold; font-size:45px; text-align:center; } .myaccountproductbox img{margin:1.5%; width:97%} .myaccountproducthead{font-family: 'UbuntuLight'; font-size:25px; color:#cccccc; margin:10px 0 0 10%;} .myaccountproducttext{font-family: 'UbuntuLight'; font-size:17px; color:#cccccc; margin:10px 0 40px 10%; line-height:24px;} .myaccountproducttext span{ float:left; margin:0 5px 0 0} #arrowbullet{width:8px; height:13px; } .prodbox{width:30%; float:left; margin:6.5% 1.5%; text-align:center;} .prodbox img{width:100%;} .prodbox h1{font-size:31px; color:#58cb00; margin:15px 0;} .prodbox p{font-size:21px; color:#999999;} .prodbox2{width:30%; float:left; margin:6.5% 1.5%; text-align:center;} .prodbox2 img{width:100%;} .prodbox2 h1{font-size:31px; color:#58cb00; margin:15px 0;} .prodbox2 p{font-size:21px; color:#999999;} .buildyours_button{margin:15px auto; clear:both;width:150px; } .buildyours_button a{padding:7% 10%; background-color:#4dcc22; font-family: 'UbuntuRegular'; font-size:22px; text-align:center; color:#FFFFFF; box-shadow:inset 0px -5px 0px #006600;border-radius:10px;text-decoration:none; float:none;width:150px; } .buildyours_button a:hover{background-color:#006600;} #buildyours_buttonprod{margin:15px auto; clear:both;width:150px; } #buildyours_buttonprod a{padding:7% 10%; background-color:#4dcc22; font-family: 'UbuntuRegular'; font-size:22px; text-align:center; color:#000; box-shadow:inset 0px -5px 0px #006600;border-radius:10px;text-decoration:none; float:none;width:150px; } #buildyours_buttonprod a:hover{background-color:#006600; color:#FFF;} .myaccountproductprice{font-family: 'UbuntuRegular'; font-size:22px; text-align:center;color:#666666; margin:15px 0 30px 0%; clear:both; float:left; width:100%;} .myaccountproductprice span{color:#4dcc22} #sectionOne { width: 100%; height: 200px; background: red; } .landingbanner{float:left;width:100%} #landingmatter{font-family: 'UbuntuLight'; font-size:21px; color:#999999; line-height:24px;} #landingmatter span{color:#58cb00;} #landinghead{font-family: 'UbuntuLight'; font-size:31px; color:#58cb00; margin:30px 0; display:inline-block;} #landingleft{ float:left; width:50%; } #landingright{ float:right; width:50%; } #landingright img{width:90%; margin:20px 5% 0} #landingleft img{width:90%; margin:20px 5% 0} .checkoutshoppinghead_cont{float:left; width:300px;} .checkoutshoppinghead{font-family: 'UbuntuRegular'; font-size:28px; color:#777777; line-height:17px;} .checkoutshoppinghead span{font-size:12px;} .checkoutemailbox_cont{float:right; width:65%;} .checkoutemailbox{float:right; width:60%;} .checkouttextbox{float:left; width:68%; margin:7px 2% 0 0%; color:#d1d1d1; font-size:22px; background-color:#6b6b6b; border:none; padding:5px 2%} .checkouttextbox2{float:left; width:96%; padding:5px 2% 5px 2%; color:#d1d1d1; font-size:22px; background-color:#6b6b6b; border:none; } .checkouttextbox2a{float:left; width:96%; padding:5px 2% 5px 2%; color:#666666; font-size:22px; background-color:#e0e0e0; border:none; } .checkouttextbox3{float:left; width:30%; padding:5px 2% 5px 2%; color:#666666; font-size:22px; background-color:#e0e0e0; border:none;margin:0 3% 0 0%; } .submit_style5 { display:block; float:left; width:25%; height:36px; background:#71de25; font-size:20px; font-family: 'UbuntuRegular'; color:#000; margin:7px 0 0 0; border:none; cursor:pointer; -webkit-border-radius:0; -webkit-appearance: none; } .submit_style5:hover { opacity:0.8; } .submit_style-process { display:block; float:right; width:25%; height:36px; background:#71de25; font-size:20px; font-family: 'UbuntuRegular'; color:#000; margin:-30px 1% 0 0; border:none; cursor:pointer; -webkit-border-radius:0; -webkit-appearance: none; } .submit_style-process:hover { opacity:0.8; } #checkouttitle{float:left; width:36%; margin:12px 0; color:black; font-size:22px; font-family: 'UbuntuLight';} .checkout_productthumb{float:left; width:140px; min-height:200px;} .checkout_productthumb img{width:100%} .checkout_producttitle{float:left; width:70%; min-height:200px;padding:0px 0 0 2%} .checkout_producttitle h1{font-family: 'UbuntuRegular'; color:#42cc14;} .checkout_producttitle h1{font-family: 'UbuntuRegular'; color:#42cc14;} .checkout_productmatter{float:left; width:63.5%; min-height:200px;padding:0px 0 0 2%; color:#FFFFFF;} .checkout_productmatter_grey{color:#878787; font-size:14px;line-height:25px; width:20%;float:left} .checkout_productmatter_green{color:#42cc14; font-size:14px;line-height:25px; width:20%;float:left} .checkout_productmatter_white{color:#FFF; font-size:14px;line-height:25px; width:80%; float:left} .checkout_productmatter_white2{color:#FFF; font-size:14px;line-height:25px; width:20%;float:left} #white{color:#FFF;} #checkout_left{float:left; width:48%;font-family: 'UbuntuRegular';} #checkout_heading{ width:95%; padding:10px 2.5%; background-color:#42cc14; margin:25px 0 0 0} .checkout_title{font-family: 'UbuntuRegular'; color:#FFFFFF; font-size:14px; margin:10px 0 } .checkout_title span{color:#6b6b6b} #green{color:#42cc14} .processpanel_button{float:left; width:100%;} .inputbox_cont{display:inline-block; width:50%; vertical-align:top} .inputbox_cont1{display:inline-block;vertical-align:top; width:100%;} .inputbox_cont2{display:inline-block;vertical-align:top; width:45%; margin:0 0 0 4%;} #checkout_right{float:right; width:48%; font-size:15px;font-family: 'UbuntuRegular';} .checkout_right_matter{font-size:15px; color:#FFFFFF; float:left; width:100%; clear:both;} .checkout_right_matter span{color:#FF0000} .checkout_right_matter a{color:#42cc14; text-decoration:none;} .checkout_right_matter a:hover{color:#FFFFFF} .checkout_right_matter2{font-size:20px; color:#FFFFFF;} .checkboxlargecont{float:left; width:100%} .checkboxlargecont_grey{float:left; width:100%; padding:20px 0;} .carttotals{width:90%; border-bottom:2px solid #535353; padding:15px 5%; font-size:16px; color:#cccccc;} .carttotals span{float:left; width:45%;} .carttotalsall{font-size:30px; color:#cccccc;text-align:center;margin:10px 0 0 0} .carttotalsall span{color:#42cc14} .gobackblack{float:right;background-color:#000000;border-radius:10px; padding:6px 0; margin:-5px 0 0 0} .gobackblack a{font-size:14px; color:#FFFFFF; padding:5px 15px; text-decoration:none; } .payement_method{width:100%; padding:15px 0%; font-size:16px; color:#cccccc; display:inline-block;} .selectbutton{float:left;} .selectbutton a{background-color:#535353; padding:10px 16px; color:#FFFFFF; font-size:14px; text-decoration:none;} */#selectbutton_active{background-color:#42cc14;} .select_matter{font-size:14px; color:#FFF; float:left; margin:0px 0 0 20px;} .select_matter span{display:block;float:left; margin-right:3%;} .select_matter img{margin:0 2px -10px 2px; width:15%;} #metercont{width:100%;float:left; } #metercont img{float:left; width:8%; border:1.8px solid #000; height:14px; } .process{font-family: 'UbuntuLight'; color:#FFF; font-size:12px; width:100%; margin:40px 0 40px 0} #process2{font-family: 'UbuntuLight'; color:#FFF; font-size:12px; width:100%; margin:20px 0 0px 0} #process2 span{font-size:23px;} #table { width: 100%; font-family: 'UbuntuLight'; font-size:16px; background-color:#333333; } #table tr:nth-of-type(odd) { } #table tr:nth-of-type(odd) td { border:1px solid #666666;color:#FFFFFF } #table tr:nth-of-type(even) { background:#333333;} #table tr:nth-of-type(even) td { border:1px solid #666666; color:#FFF; height:auto; overflow:auto; } #table.tablehead { background: #42cc14; color: #000; font-size:20px; } #table td, th { padding: 16px; text-align: left; } #table .tablelink{color:#ff5e07; text-decoration:underline;} .smalltextbox{width:80%; max-width:40px; margin:0 0 0 4%; border:1px solid #CCC; background-color:#333333; color:#FFF;padding:5px 2%; float:left; } .smalltextbox2{width:30%; margin:20px 0 0 0%; border:1px solid #CCC; background-color:#000; color:#FFF;padding:10px 5% 10px 5%; float:left; } .smalltextbox2a{width:90%; margin:20px 0 0 0%; border:1px solid #CCC; background-color:#000; color:#FFF;padding:10px 5% 10px 5%; float:left; } .closeimage{margin:0 0 -2px 5px;} .redcoupon{color:#FF0000; font-size:15px;margin:30px 0 0 2%; float:left} .submit_style6 { display:block; float:left; width:25%; height:40px; background:#dad9d9; font-size:17px; font-family: 'UbuntuRegular'; color:#000; margin:20px 0 0 2%; border:none; cursor:pointer; -webkit-border-radius:0; -webkit-appearance: none; } .submit_style6:hover { opacity:0.8; } .success_body { background:#000000 url(../images/success_body.jpg) top no-repeat; background-size:100% 1200px; border-top:6px solid #707976; } .success_nav_and_fb_contanear { display:block; float:left; width:100%; min-height:36px; background:#0A0809; padding-bottom:10px } .success_nav_and_fb_main_area { display:block; max-width:1000px; width:98%; margin:0px auto; } .fb_area { display:block; float:left; width:83px; height:20px; margin-top:8px; } .cart_area { display:block; float:right; width:92px; height:36px; } .cart_area p { line-height:36px; color:#adadad; font-family: 'UbuntuLight'; } .cart_area p img { vertical-align:middle; } .success_nav_area { display:block; float:right; width:560px; margin-right:10px; text-align:right; margin-top:7px; } .success_nav_area ul { list-style-type:none; } .success_nav_area ul li { display:inline; } .success_nav_area ul li span { display:inline-block; } .success_nav_area ul li a { color:#adadad; font-family: 'UbuntuLight'; font-size:14px; text-decoration:none; border-right:1px solid #848484; padding:0 15px; } .success_nav_area ul li:last-child a { border-right:none; } .success_nav_area ul li a:hover { color:#71ED1C; } .success_logo_and_main_nav_contanear { display:block; float:left; width:100%; } .success_logo_and_main_nav_main_area { display:block; max-width:1000px; width:98%; margin:0px auto; } .success_logo_and_main_nav_area { display:block; float:left; width:100%; background:#000 url(../images/success_nav_and_logo_bg.jpg) top no-repeat; min-height:116px; } .success_logo_area { display:block; float:left; width:243px; } .success_main_nav_area { display:block; float:right; width:70%; margin-right:2%; text-align:right; margin-top:40px } .success_main_nav_area ul { list-style-type:none; } .success_main_nav_area ul li { display:inline; } .success_main_nav_area ul li span { display:inline-block; } .success_main_nav_area ul li a { font-size:26px; color:#FFF; text-decoration:none; text-transform:uppercase; font-family: 'OswaldBook'; padding:0 30px; } .success_main_nav_area ul li a:hover { color:#71ED1C; } .success_body_contanear { display:block; float:left; width:100%; } .success_body_main_area { display:block; max-width:970px; width:98%; background:url(../images/success_body_bg.jpg) repeat-x; padding:0 1%; margin:0px auto; overflow:auto; } .success_body_main { display:block; float:left; width:100%; background:#000; padding-bottom:40px; } .success_order_area { display:block; float:left; width:100%; min-height:274px; background:url(../images/success_bg.jpg) repeat-x; padding-bottom:20px; } .success_order_area h1 { font-family: 'UbuntuRegular'; font-size:34px; color:#FFF; margin:30px 0 0 15px; } .success_order_area h2 { font-family: 'UbuntuRegular'; font-size:29px; color:#a5a5a5; margin:30px 15px 0 15px; font-weight:100; } .success_order_area h2 span { color:#71ED1C; } .success_order_area p { font-family: 'UbuntuRegular'; font-size:16px; color:#FFF; margin:20px 15px 0 15px; font-weight:100; } #order_gray_box1_1 { width:280px; } #margin_none { margin:0px; } .system_specification_heading { display:block; float:left; width:100%; height:89px; margin-top:35px; background:url(../images/system_specification_heading_bg.png) center no-repeat; } .system_specification_heading p { text-align:center; margin-top:10px; } .system_specification_heading h1 { color:#FFF; font-family: 'UbuntuRegular'; font-size:17px; text-align:center; margin-top:15px; } .system_specification_heading_area_right2 { display:block; float:right; width:30%; text-align:right; } .system_specification_heading_area_right2 h1 { font-size:21px; color:#fff; font-family: 'UbuntuRegular'; font-weight:100; margin-top:20px; } .system_specification_heading_area_left2 { display:block; float:left; width:70%; } .system_specification_heading_area_left2 h1 { font-size:34px; color:#66cc00; font-family: 'UbuntuRegular'; font-weight:100; } .system_specification_heading_area_left2 h2 { font-size:21px; color:#fff; font-family: 'UbuntuRegular'; font-weight:100; margin-top:10px; } .system_specification_heading_area_left2 h2 span { color:#66cc00; } .system_specification_heading_area_left2 p { font-size:17px; color:#a5a5a5; font-family: 'UbuntuRegular'; margin-top:10px; } .system_specification_heading_area_left2 img { float:left; margin-right:20px; } .system_footer_contanear { display:block; width:100%; margin:80px 0 60px 0; float:left; } .system_footer_main_area { display:block; max-width:1000px; width:98%; margin:0px auto; border-top:1px solid #6b6b6b; padding-top:20px; } .system_footer_box1 { display:block; float:left; width:250px; height:130px; } .system_footer_box1 h1 { font-size:17px; color:#5d5d5d; font-family: 'UbuntuRegular'; } .system_footer_box1 ul { margin-top:15px; } .system_footer_box1 ul li { list-style-type:none; } .system_footer_box1 ul li a { text-decoration:none; color:#71ED1C; font-family: 'UbuntuLight'; font-size:13px; } .system_footer_box1 ul li a:hover { color:#FFF; } .system_footer_main_area h2 { font-family: 'UbuntuRegular'; font-size:41px; color:#adadad; margin-top:25px; text-align:center; clear:both; } .system_footer_main_area p { font-family: 'UbuntuRegular'; font-size:13px; color:#adadad; margin-top:15px; text-align:right; clear:both; } .editspecsbutton{ float:left; margin:20px 0 0 0; width:100%} .editspecsbutton a{font-size:18px; color:#000; background-image:url(../images/editbutton.png); display:block; padding:5.5% 0 5.5% 35%; text-decoration:none; width:68%; text-shadow:none;} .editspecsbutton a:hover{background-image:url(../images/editbutton_hover.png); color:#FFFFFF;} .configmainpanel_right_prev_next{ width:95%; float:left; margin:0 0 0 3%;} .configmainpanel_right_prev_next_prevbutton{float:left; margin:20px 0 0 0; width:20%} .configmainpanel_right_prev_next_prevbutton a{font-family: 'UbuntuRegular';font-size:18px; color:#FFF; background-image:url(../images/prev.png); display:block; padding:5% 10% 5% 0%; text-decoration:none;background-color:#00bc00;background-repeat:no-repeat; width:90%;background-position:1.5%; margin:0 0 0 1.5%; text-align:right;} .configmainpanel_right_prev_next_prevbutton a:hover{color:#000; background-color:#FFF;background-image:url(../images/prev_hover.png)} .configmainpanel_right_prev_next_nextbutton{float:right; margin:20px 4% 0 0;width:20%} .configmainpanel_right_prev_next_nextbutton a{font-family: 'UbuntuRegular';font-size:18px; color:#FFF; background-image:url(../images/next_arrow.png); display:block; padding:5% 10% 5% 0%; text-decoration:none;background-color:#00bc00;background-repeat:no-repeat; width:90%;background-position:7%; margin:0 0 0 1.5%;text-align:right;} .configmainpanel_right_prev_next_nextbutton a:hover{color:#000; background-color:#FFF;background-image:url(../images/next_arrow_hover.png)} .configmainpanel_right_prev_next_cartbutton{float:right; margin:20px 4% 0 0;width:20%} .configmainpanel_right_prev_next_cartbutton a{font-family: 'UbuntuRegular';font-size:18px; color:#FFF; background-image:url(../images/checkouticon.png); display:block; padding:5% 10% 5% 0%; text-decoration:none;background-color:#00bc00;background-repeat:no-repeat; width:90%;background-position:7%; margin:0 0 0 1.5%;text-align:right;} .configmainpanel_right_prev_next_cartbutton a:hover{color:#000; background-color:#FFF;background-image:url(../images/checkouticon_hover.png)} .configmainpanel_right_prev_next-head{width:55%; text-align:center; float:left; color:#666666; font-size:37px; margin:15px 0 0 0} .configmainpanel_buynow{width:100%;} .configmainpanel_ram{float:left; width:100%;margin:10px 0} .configmainpanel_free{float:left; width:50%;margin:10px 0} .configmainpanel_ram-half{ width:49%; margin:5px 0; display:inline-block; vertical-align:top; } .configmainpanel_ram_button{width:100%;float:left;} .configmainpanel_ram_button a{padding:10px 0; background-color:#535353; color:#FFFFFF; width:100%;font-family: 'UbuntuRegular'; font-size:15px; text-decoration:none;display:block; text-align:center;} .configmainpanel_ram_button a:hover{background-color:#00bc00; color:#000;} #configmainpanel_ram_buttonactive{background-color:#00bc00;color:#000;} .configmainpanel_ram-half-price{float:left; font-size:18px; color:#535353; margin:10px 0 0 10%;font-family: 'UbuntuRegular';} #configmainpanel_ram-half-price_red{color:#ff0000;} #configmainpanel_ram-half-price_green{color:#00bc00;} .configmainpanel_ram_bottommatter{text-align:center; color:#333333;} .configmainpanel_ram_bottommatter a{color:#00bc00; text-decoration:none; padding:5px 2%;} .configmainpanel_ram_bottommatter a:hover{color:#FFFFFF} .configmainpanel_freepanel{float:left; width:100%; border-bottom:10px solid #FFF; padding:15px 0;} .configmainpanel_freepanel_left{float:left; width:95%; margin:0 5% 0 0;} .configmainpanel_freepanel_left_title{font-family: 'UbuntuRegular'; color:#00bc00; font-size:14px; width:80px; margin:10px 0 0 0; display:inline-block;} .configmainpanel_freepanel_left_title a{text-decoration:none; color:#42cc14} .configmainpanel_freepanel_right{float:left; width:65%; margin:0 0% 0 0;} .paymentimagebox{width:100%; max-width:370px; margin:40px auto;} .paymentimagebox img{ width:100%; margin-bottom:30px;} .paymentimagebox_button{float:left; width:100%;} .paymentimagebox_button a{text-decoration:none; font-size:14px; color:#000000; text-align:center; width:100%; padding:10px 0; background-color:#42cc14; display:block;} .paymentimagebox_button a:hover{background-color:#FFF;} .buyimagebox_button{float:left; width:100%;} .buyimagebox_button a{text-decoration:none; font-size:14px; color:#FFF; text-align:center; width:100%; padding:10px 0; background-color:#42cc14; display:block;} .buyimagebox_button a:hover{background-color:#FFF; color:#000} #checkouttable_cont{float:left; display:block;} #checkoutdiv_cont{float:left; display:none; background-color:#333333; margin:0px 0 0 0} .checkoutdiv_cont_head{color:#FFFFFF; font-size:22px;float:left; padding:10px 10% 10px 3%; background-color:#42cc14; width:87%; margin:10px 0 10px 0;} .checkoutdiv_cont_matter{font-size:16px; color:#FFFFFF; float:left; padding:0 0 10px 3%;} .checkoutdiv_cont_matter2{float:left; padding:0 3% 10px 3%;} /*****************************new*******************/ .widget { position: relative; float:left; margin: 50px auto; width: 100%; } .widget-tabs { position: absolute; top: 0; left: 0; right: 0; padding: 9px 12px 0; text-align:center; margin-bottom:10px; } .widget-specs{ margin-top:15px; } .widget-tab, .widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab, .widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab, .widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3) ~ .widget-tab, .widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab { position: relative; display: inline-block; vertical-align: top; margin-top: 3px; line-height: 38px; font-weight: normal; font-family: 'UbuntuRegular'; font-size:19px; color: #fff; background:url(../images/tech_space_but_bg.png) repeat-x; bottom: auto; } .widget-tab > .widget-tab-link, .widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab > .widget-tab-link, .widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab > .widget-tab-link, .widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3) ~ .widget-tab > .widget-tab-link, .widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab > .widget-tab-link { margin: 0; border-top: 0; } .widget-tab + .widget-tab { } .widget-tab-active{ position: relative; display: inline-block; vertical-align: top; margin-top: 3px; line-height: 38px; font-weight: normal; font-family: 'UbuntuRegular'; font-size:19px; color: #fff; line-height: 38px; color: #fff; background:url(../images/tech_space_but_bg_hover.png) repeat-x; } .widget-tab:last-child { border-radius:0 5px 5px 0; } .widget-tab:first-child { border-radius:5px 0px 0px 5px;; } .widget-tab:last-child > .widget-tab-link, .widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child > .widget-tab-link, .widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) > .widget-tab-link, .widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3) > .widget-tab-link, .widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child > .widget-tab-link { } /* Deactivate the default tab when a preceding tab is activated. */ .widget-tab-link { display: block; min-width: 60px; padding: 0 15px; color: inherit; text-align: center; text-decoration: none; border-radius: 4px 4px 0 0; } .widget-list { display: none; padding-top: 50px; /* The last list is activated (visible) by default. */ } .widget-list > li + li { border-top: 1px solid #e8e8e8; } .widget-list:last-of-type { display: block; } .widget-list:target { display: block; /* Hide the default list when another is activated. */ /* First list activates the first tab, second list activates the second tab, etc. */ } .widget-list:target ~ .widget-list { display: none; } .widget-list-link { display: block; line-height: 18px; padding: 10px 12px; font-weight: bold; color: #555; text-decoration: none; cursor: pointer; } .widget-list-link:hover { background: #f7f7f7; } li:last-child > .widget-list-link { border-radius: 0 0 3px 3px; } .widget-list-link > img { float: left; width: 32px; height: 32px; margin: 2px 12px 0 0; } .widget-list-link > span { display: block; font-size: 11px; font-weight: normal; color: #999; } #customer_revw_head{float:left;} .customer_rvw-maininner{float:left; width:100%; font-family: 'UbuntuLight'; font-size:21px; color:#999999; line-height:35px; margin:30px 0 0 0} .customer_rvw-maininner h1{color:#58cb00; font-size:31px;} .customer_rvw-maininner a{color:#58cb00; text-decoration:underline;} .customer_rvw-maininner a:hover{color:#FFF; } .customer_rvw-maininner span{color:#58cb00;} .customer_rvw-maininner_para{font-family: 'UbuntuLight'; font-size:17px; color:#999999; margin:20px 0;} .customer_rvw-maininner_para img{margin:-15px 15px 0 0} .cus_rvw_left_area { display:block; width:18%; float:left; padding:0px 0 0 0%; margin-top:30px; } .cus_rvw_left_area h1{color:#FFF; font-size:21px; text-align:center; font-weight:100; margin-bottom:15px;} .month_button{ display:inline-block; width:100%;} .month_button a{font-size:17px; color:#FFFFFF; background-color:#333333; border-radius:10px; margin:5px 0; text-align:center; padding:10px 0; display:block; text-decoration:none;} .month_button a:hover{color:#000; background-color:#00bc00;} #activemonthbutton a{color:#000; background-color:#00bc00;} .cus_rvw_right_area { display:block; width:100%; float:right; margin-top:30px; } .cus_rvw_right_area_innercont {float:right; width:75%} .cus_rvw_right_area_cont {display:inline-block; color:#cccccc; font-size:15px; width:100%; padding:0 0 15px 0; border-bottom:5px solid #00bc00} .cus_rvw_right_area_cont h1{font-size:31px; color:#58cb00;} #cus_rvw_rate{font-size:17px; color:#666666; width:100%; margin:10px 0 ;} #cus_rvw_rate p{float:left;} #cus_rvw_rate div{display:inline-block; margin:-5px 0 0 15px; width:200px;} #cus_rvw_rate div img{ margin:0 0 0 1%;} .resellerbutton{float:right;} .build_photo_image{float:left;width:60%; margin:25px 0 0 0} .build_photo_image img{width:95%; background-color:#00bc00; padding:2.5%; } .build_photo_right{float:right;width:35%;margin:25px 0 0 0; color:#999999; font-size:21px;} .build_photo_right h1{font-size:31px;color:#00bc00; margin-bottom:25px;} .build_photo_right span{color:#666666;} .build_photo_right_button{float:left; margin:10px 0; width:100%; max-width:275px; text-align:center; clear:both;} .build_photo_right_button a{font-size:31px; text-decoration:none; color:#000000; background-color:#00bc00; display:block; padding:20px 0} .build_photo_right_button a:hover{ background-color:#FFF;color:#000000;} .buildfloat{float:left;} .prod_left{float:left; width:46%} .prod_left img{width:100%;} .prod_right{float:right; width:46%; font-size:21px; color:#999999;} .prod_right h1{font-size:31px; color:#00bc00; margin-bottom:20px; } /********start_dl_dt**************/ #pagedldt{ width:100%; float:left; margin:0px 0 0 0; } #headingSection{ background-color:#7b8b98; padding:0px; padding-left:60px; position:relative; border:1px solid #8b9ba7; border-bottom:none; } #faqSection{ padding:0px 0px 60px 0px; border:0px solid white; } a.button{ width:80px; height:38px; position:absolute; right:50px; top:45px; text-indent:-9999px; overflow:hidden; border:none !important; } a.button.expand:hover{ background-position:0 -38px;} a.button.collapse{ background-position:0 -76px;} a.button.collapse:hover{ background-position:0 bottom;} /* Definition Lists */ dt{ color:#000; font-family: Arial, Helvetica, sans-serif; margin-top:18px; font-size:18px; position:relative; width:100%; cursor:pointer; } dt:hover{ color:#e20000;} dt .icon{ background:url(../images/bullets.png) no-repeat; height:28px; right:0; position:absolute; top:5px; width:95px; } dt.opened .icon{ background-position:left bottom;} dd{ font-size:14px; color:#868686; font-family:Tahoma, Geneva, sans-serif; line-height:1.5; padding:10px 0 0 0%; width:100%; display:none; } /* 11/19/14 - iGlobal customizations */ #igFlag { position: absolute; right: 14px; top: 10px; z-index: 999999; } #igFlag img { position: fixed !important; } /* show/hide shipping/payment methods if US or intl */ body.country_intl #shipper_selection, body.country_intl .payment_method_us, body.country_intl .hide_intl, body.country_intl .shipping_address_box { display: none; } body.country_us .payment_method_intl, body.country_us .hide_us { display: none; } .productlist .checkout_productmatter_grey { clear: left; } div#accept-tandc a { color: #00bc00; } div#accept-tandc p:last-child { margin-bottom: 40px; } /* Microsoft Co-Branding */ div.co-branding { } div.co-branding p { } div.co-branding img { margin: 15px 0 0 30px; }