@charset "utf-8"; img{border:none;} a:hover{ text-decoration:none; color:inherit; outline:none; } a:visited{ text-decoration:none; color:inherit; outline:none; } a:active{ text-decoration:none; color:inherit; outline:none; } a:link{ text-decoration:none; color:inherit; outline:none; } select{ outline: none; -moz-outline: none; } .main_body { margin:0 auto; width:1024px; font-family:Verdana, Geneva, sans-serif; } .clear_line{ position: relative; } /*header*/ .header{ float:left; width:336px; padding:20px 0; } .header_main_icon{ float:left; z-index:10; } /*personal info*/ .header_personal{ position: relative; float:right; width:600px; padding:20px 0; } .header_account{ float:right; z-index:10; } .header_account_text{ float:right; line-height:30px; margin-left:10px; z-index:10; } .header_mycart{ float: right; z-index:10; } .header_mycart_text{ float:right; line-height:30px; margin-left:10px; z-index:10; } /*search engine*/ .header_search{ width: 500px; height: 40px; position: relative; margin-top:20px; float:right; background: #4ea520; } .header_search_typing{ position: absolute; margin: 2px; } .header_search_list{ background: none repeat scroll 0% 0% #FFF; float: left; position: absolute; left: 302px; top: 4px; width: 137px; border-left: 1px solid #666; } .header_search_list select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; appearance: none; /* Removes Default Firefox style*/ background: url("../images/down_arrow.png") no-repeat scroll 120px 12px transparent; width: 135px; margin: 2px; height: 25px; font-family: "Courier New",Courier,monospace; outline:none; } .header_search_list select::-ms-expand { display: none; } .header_search_list select option { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; appearance: none; } .header_search_button{ float: left; position: absolute; left: 460px; top: 8px; width: 140px; } /*main menu*/ .header_main_menu{ width:1024px; height:40px; background-image:url(../images/header.png); background-repeat:repeat-x; text-decoration:none; } /*drop down menu*/ .header_main_menu ul { text-align: left; display: inline; margin: 0; padding: 10px 4px 10px 0px; list-style: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); text-decoration:none; } .header_main_menu ul li { font: bold 12px/18px sans-serif; display: inline-block; margin-right: -4px; position: relative; padding: 10px 20px; background: transparent; cursor: pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; color: #FFFFFF; text-align:center; text-decoration:none; } .header_main_menu ul li:hover { background: #555; color: #fff; } .header_main_menu ul li ul { padding: 0; position: absolute; top: 38px; left: 0; min-width:250px; z-index:999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity ease 0.2s; -moz-transition: opacity ease 0.2s; -ms-transition: opacity ease 0.2s; -o-transition: opacity ease 0.2s; -transition: opacity ease 0.2s; } .header_main_menu ul li ul li { background: #555; display: block; color: #fff; text-shadow: 0 -1px 0 #000; height: 20px; } .header_main_menu ul li ul li:hover { background: #666; } .header_main_menu ul li:hover ul { display: block; opacity: 1; visibility: visible; } /*header End*/ /*Navagation*/ .Navagation{ font-size: 15px; font-family: Verdana,Geneva,sans-serif; line-height: 40px; color: #666; text-transform: uppercase; } /*Navagation End*/ /*Index Content Top*/ .main_content_top{ margin-top:4px; position:relative; top:-80px; height:1px } .main_content_top_left{ background: url("../images/main_banner.jpg") repeat scroll 80% 80% transparent; background-size: 750px 564px; width: 750px; height: 564px; background-repeat: no-repeat; float:left; margin-bottom:40px; } .main_content_top_left2{ background: url("../images/main_banner2.jpg") repeat scroll 80% 80% transparent; background-size: 750px 564px; width: 750px; height: 564px; background-repeat: no-repeat; float:left; margin-bottom:40px; } .main_content_top_left3{ background: url("../images/main_banner3.jpg") repeat scroll 80% 80% transparent; background-size: 750px 564px; width: 750px; height: 564px; background-repeat: no-repeat; float:left; margin-bottom:40px; } .main_content_shop_now{ background: none repeat scroll 0% 0% #50C8EB; color: #FFF; width: 130px; text-align: center; padding: 5px; position: relative; top: 585px; left: 70px; } .banner1{ color: #FFF; position: absolute; top: 610px; left: 675px; } .banner2{ color: #FFF; position: absolute; top: 610px; left: 690px; } .banner3{ color: #FFF; position: absolute; top: 610px; left: 705px; } .main_content_shop_now1{ background: none repeat scroll 0% 0% #50C8EB; color: #FFF; width: 10px; text-align: center; position: relative; top: 320px; left: 700px; z-index:99; } .main_content_shop_now2{ background: none repeat scroll 0% 0% #50C8EB; color: #FFF; width: 10px; text-align: center; position: relative; top: 302px; left: 718px; z-index:99; } .main_content_shop_now3{ background: none repeat scroll 0% 0% #50C8EB; color: #FFF; width: 10px; text-align: center; position:relative ; top: 286px; left: 736px; z-index:99; } .main_content_top_right{ margin-left: 10px; width: 254px; float: left; font-size: 1.1em; line-height: 20px; } .main_content_top_right_heading{ background:#4EA520; padding:5px 10px; height:20px; color: #FFF; } .main_content_top_right_content{ padding: 10px; font-size: 9pt; color: #666; font-family: arial; background: none repeat scroll 0% 0% #EDEDED; height: 370px; line-height: 15pt; text-align: left; margin-bottom:40px; } /*Index Content Bottom*/ .main_content_bottom{ position: relative; top: 10px; } .main_content_bottom_left{ float: left; width: 200px; /*height: 760px;*/ height: auto; border-right: 1px solid #CCC; border-style: solid; border-color: #4EA520 #CCC #CCC; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-width: 3px 1px 1px; border-image: none; box-shadow: 1px 10px 5px rgba(136, 136, 136, 0.4); } .main_content_bottom_left_heading{ font-weight: 600; font-family: arial; margin: 20px 5px 0px 5px; border-bottom: 1px solid #666; } .main_content_bottom_left_content{ font-family: arial; margin: -10px -33px; } .main_content_bottom_left_content ul{ font-family: arial; font-size: 12px; list-style:none; } .main_content_bottom_left_content ul li{ margin:15px 0px; list-style:none; } .main_content_bottom_left_content ul li img{ padding-right:3px } .main_content_bottom_left_content ul li ul{ margin-left:-20px; list-style:none; } .main_content_bottom_center{ float:left; margin-left:10px; width:548px; } .main_content_bottom_center_heading{ background: none repeat scroll 0% 0% #4EA520; padding: 5px 10px; height: 20px; color: #FFF; } .main_content_bottom_content{ padding:10px 0px; } .main_content_bottom_content_items{ float: left; width: 160px; } .main_content_bottom_content_items_photo{ border: 1px solid #666; } .main_content_bottom_content_items_content{ } .main_content_bottom_content_items_content h1{ font-size: 12px; font-family: Arial,Helvetica,sans-serif; margin: 2px 0px; font-weight: 100; } .main_content_bottom_content_items_content h2{ color: #FC0; font-size: 16px; margin: 5px 0px; font-weight: 100; } .main_content_bottom_right{ float:left; margin-left:10px; width:252px; border-right: 1px solid #CCC; border-style: solid; border-color: #4EA520 #CCC #CCC; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-width: 3px 1px 1px; border-image: none; position: absolute; left: 760px; top: 260px; } .main_content_bottom_right main_content_bottom_right_heading brandremark{ float:right; margin:10px; } .main_content_bottom_right_heading{ background: none repeat scroll 0% 0% #4EA520; padding: 5px 10px; height: 20px; color: #FFF; width:236px; float:left; } .main_content_bottom_right img{ float:left; } /*Main Page Content End*/ /*Product Left Menu*/ .product_main_content{ } .product_main_content_left{ height: 310px; background-repeat: no-repeat; float: left; width: 180px; border: 1px solid #ccc; border-top: none; } .product_main_content_left h1{ font-size: 13px; font-weight: 100; color: #666; border-bottom: 1px solid #CCC; padding: 5px 0px 13px 12px; } .product_main_content_left_heading{ background-color: #4EA520; color: rgb(255, 255, 255); padding: 10px 5px; font-weight: 600; } .product_main_content_right{ height: 270px; float: left; width: 810px; margin-left: 5px; } .product_main_content_right_items{ width: 194px; height: 220px; border: 1px solid #CCC; float: left; margin: 0px 0px 6px 6px; position:relative; } .product_main_content_right_items2{ width: 194px; height: 220px; border: 1px solid #FFF; float: left; margin: 0px 0px 6px 6px; position:relative; } .product_main_content_right_items h1{ background-color: #4EA520; color: #FFF; padding: 10px 5px; font-weight: 600; margin: 0px; font-size: 13px; } .product_main_content_right_items h2{ color: #666; padding: 10px 5px; font-weight: 600; margin: 1px 0px; font-size: 13px; } .product_main_content_right_items h2{ color: #666; padding: 10px 5px; font-weight: 600; margin: 1px 0px; font-size: 13px; } .product_main_content_right_items h3{ color: #4EA520; font-weight: 600; font-size: 18px; margin: 5px 0px 0px 5px; } .product_main_content_right_items h3b{ color: #222; font-weight: 600; font-size: 13px; float: left; margin: -20px 0px 0px 5px; } .product_main_content_right_items h4{ color: #666; padding: 2px; font-weight: 600; font-size: 10px; border: 1px solid #666; float: left; text-align: center; position: absolute; width: 80px; margin: 0px 0px 0px 5px; bottom: 5px; } .product_main_content_right_items h5{ color: #666; padding: 2px; width: 50px; font-weight: 600; margin: -25px 0px 1px 140px; font-size: 10px; float: left; text-align: center; position: absolute; } .item-meta h3{ color: #4EA520; font-weight: 600; font-size: 18px; float: left; margin: 5px 0px 0px 5px; } .item-meta h4{ color: #666; padding: 2px; font-weight: 600; font-size: 10px; border: 1px solid #666; float: left; text-align: center; position: absolute; width: 80px; margin: 0px 0px 0px 5px; bottom: 5px; } .item-meta h5{ color: #666; padding: 2px; width: 50px; font-weight: 600; margin: 2px 0px 1px 140px; font-size: 10px; float: left; text-align: center; position: absolute; } .product_main_content_right_items h5 input{ border: 1px solid #CCC; line-height: 34px; font-size: 1.3em; width: 20px; height: 18px; text-align: center; margin-top:3px; } .product_main_content_right_items h6{ color: #666; padding: 2px; font-weight: 600; margin: 0px 0px 0px 103px; font-size: 10px; border: 1px solid #666; float: left; text-align: center; position: absolute; width: 80px; bottom: 5px; } /*Product Left Menu End*/ /*product details content*/ .product_details_main_content{ } .product_details_main_content_right{ float: left; position: relative; left: 40px; } .product_details_main_content_photo{ float: left; position: relative; top: 70px; } .product_details_main_content_text{ float:left; } .product_details_main_content_text_heading{ font-size: 1.3em; color: #4EA520; } .product_details_main_content_text table{ font-size: 15px; color: #666; float: left; position: relative; left: 70px; top: 20px; } .product_details_main_content_text table tr{ font-size: 15px; color: #666; line-height: 30px; } .product_details_main_content_text table tr td{ width:150px; } .product_details_main_content_text_button{ float: left; padding: 2px; background: #414141; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MTQxNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjM2MzYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #414141 0%, #636363 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#414141), color-stop(100%,#636363)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #414141 0%,#636363 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #414141 0%,#636363 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #414141 0%,#636363 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #414141 0%,#636363 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#636363',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ font-size: 10px; margin: 20px 0px 0px; color: #FFF; border: 2px outset #484848; border-radius: 5px; text-transform: uppercase; width: 155px; text-align: center; font-weight: 500; } .product_details_main_content_text_button a:hover{ color:#CCC; font-weight:600; } /*product details content End*/ /*product details content*/ .product_details_main_content_b{ } .product_details_main_content_right_b{ position: relative; left: 40px; float: left; width: 755px; min-height: 700px } .product_details_main_content_photo_b{ float: left; position: relative; border: 1px solid rgb(102, 102, 102); padding: 5px; width: 765px } .product_details_main_content_text_b{ float:left; } .product_details_main_content_text_heading_b{ font-size: 1.3em; color: #4EA520; } .product_details_main_content_text_b table{ font-size: 15px; color: #666; float: left; position: relative; top: 0px; width: 770px } .product_details_main_content_text_b table tr{ font-size: 16px; color: #666; line-height: 40px; } .product_details_main_content_text_b table tr td{ width:150px; } .product_details_main_content_text_button_b{ float: left; padding: 2px; background: #414141; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MTQxNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjM2MzYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #414141 0%, #636363 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#414141), color-stop(100%,#636363)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #414141 0%,#636363 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #414141 0%,#636363 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #414141 0%,#636363 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #414141 0%,#636363 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#636363',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ font-size: 10px; margin: 20px 0px 0px; color: #fff; border: 2px outset #484848; border-radius: 5px; text-transform: uppercase; width: 155px; text-align: center; font-weight: 500; cursor: pointer; } .product_details_main_content_text_button_b:hover{ color: #ccc; font-weight: 600; -webkit-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; -ms-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; transition: all ease-in 0.2s; } /*product details content End*/ /*About content*/ .about_main_content{ width:1024px; } .about_main_content_picture{ } .about_main_content_text{ font-size: 14px; font-family: Verdana, Geneva, sans-serif; text-align: justify; color: #FFF; padding: 40px; background: url("../images/about_pages.png") no-repeat scroll 0% 0% / 1024px 650px transparent; line-height: 22px; height: 600px; } .PaymentShip_content_text{ font-size: 14px; font-family: Verdana, Geneva, sans-serif; text-align: justify; color: #FFF; padding: 40px; background: url("../images/PaymentShip.png") no-repeat scroll 0% 0% / 1024px 850px transparent; line-height: 22px; height: 800px; } .about_main_content_text h1{ text-transform: uppercase; margin-top: 0px; margin-bottom: 40px; } .about_main_content_text h2{ text-transform: uppercase; font-size: 1.4em; } /*End About Content*/ /*Contact main content*/ .contact_main_content{ width: 1024px; } .contact_main_content_heading{ font-family: Verdana; font-weight: 600; color: rgb(102, 102, 102); position: relative; top: 20px; left: 560px; font-size: 1.2em; } .contact_main_content_text{ width: 300px; position: relative; left: 560px; top: 20px; color: #666; line-height: 30px; font-family: verdana; } .contact_main_content_middle{ background-image: url("../images/mail2.jpg"); background-size: 400px 600px; height: 600px; background-repeat: no-repeat; width: 1024px; position: relative; top: 19px; } /*End Contact main content*/ /*footer*/ .footer{ background-color: #CCC; height: 20px; clear: both; position: relative; top: 20px; padding: 10px; font-family: arial; font-size: 12px; text-align: center; } .product_pic{max-height:140px;max-width:194px; min-height: 140px; min-width: 194px; } .details_pic{max-height:270px;max-width:360px;padding: 5px 0} /*Membership Application*/ .membership_main_content{ width:1024px; } .membership_main_content_header{ width: 100%; font-weight: 600; padding: 10px; } .membership_main_content_header img{ position: relative; top: 4px; } .membership_main_content_form{ border: 1px solid #CCC; width: 100%; height: 650px; margin-bottom: 50px; } /*form left*/ .membership_main_content_form_left{ display:inline-block; float:left; } .membership_main_content_form_left table{ margin: 20px 55px 0px 60px; } .membership_main_content_form_left table tr td{ font-size: 12px; text-transform: uppercase; padding: 0px 10px; line-height: 25px; } .membership_main_content_form_left table tr td input{ width: 180px; border: 1px solid #CCC; font-family: verdana; font-size: 12px; } .membership_main_content_form_left table tr td textarea{ width: 200px; height:100px; border: 1px solid #CCC; font-family: verdana; font-size: 12px; resize: none; } .membership_main_content_form_left table tr td input.radio_box{ width:40px; } .membership_main_content_form_left table tr td input.birth_left{ width:35px; text-align:center; margin-right: 5px; } .membership_main_content_form_left table tr td input.birth_center{ width:35px; margin:0 5px; text-align:center; } .membership_main_content_form_left table tr td input.birth_right{ width:76px; text-align:center; margin-left: 5px; } .membership_main_content_form_left table tr td.agreement_width{ width: 200px; padding: 0; } .membership_main_content_form_left table tr td.agreement_text{ width: 250px; padding: 0px; font-weight: 600; } .membership_main_content_form_left table tr td input.agreement{ width: 20px; position: relative; top: 2px; } .membership_main_content_form_left table.second{ margin-top:0px; } .membership_main_content_form_left table.second input{ width:60px; text-transform:uppercase; } .membership_main_content_form_left table.second input.submit{ width:60px; margin-right:10px; margin-top: 15px; } .membership_main_content_form_left table.second input.reset{ width:60px; margin-left:10px; margin-top: 15px; } /*form right*/ .membership_main_content_form_right{ display: inline-block; background-color: #EAEAEA; float: right; width: 450px; height: 100%; } .membership_main_content_form_right_header{ padding: 10px; font-weight: 600; font-size: 20px; } .membership_main_content_form_right_details{ margin: 0 0 0 40px; width: 400px; height: 80%; overflow: auto; } .membership_main_content_form_right_details li{ line-height: 30px; list-style: square; } /*End Membership Application*/ /*shopping cart content*/ .shopping_cart_main_content_top{ width: 100%; height: 40px; background-color: #4EA520; border-top-left-radius: 10px; border-top-right-radius: 10px; } .shopping_cart_main_content_middle{ width:100%; } .shopping_cart_main_content_middle_items01{ display: inline-table; border: 1px solid rgb(204, 204, 204); margin: 0px auto; width: 1022px; } .shopping_cart_main_content_middle_items01 div{ display: inline-table; width: 50px; text-align: center; float:left; } .shopping_cart_main_content_middle_items01 div.item1{ display: inline-table; width:380px; padding: 5px 10px; text-transform: uppercase; font-size: 17px; text-align: left; line-height: 20px; } .shopping_cart_main_content_middle_items01 div.item2{ display: inline-table; width:100px; padding: 5px 10px; text-transform: uppercase; font-size: 17px; text-align: left; line-height: 20px; } .shopping_cart_main_content_middle_items01 div.item3{ display: inline-table; width:80px; padding: 5px 10px; text-transform: uppercase; font-size: 17px; text-align: left; line-height: 20px; } .shopping_cart_main_content_middle_items01 div.item4{ display: inline-table; width:80px; padding: 5px 10px; text-transform: uppercase; font-size: 17px; text-align: left; line-height: 20px; } .shopping_cart_main_content_middle_items01 div.text{ display: inline-table; width:320px; padding: 5px; text-transform: uppercase; font-size: 17px; text-align: left; line-height: 20px; } .shopping_cart_main_content_middle_items01 div.text input.button{ border: 1px solid #CCC; padding: 0px 5px 0px 5px; text-align: center; } .shopping_cart_main_content_middle_items01 div.text input.quantity{ width: 50px; border: 1px solid #CCC; text-align: center; } .shopping_cart_main_content_middle_items01 img{ padding: 5px; } .shopping_cart_main_content_middle_items02{ display: inline-table; border: 1px solid #EAEAEA; margin: 0px auto; width: 1022px; background-color: #EAEAEA; } .shopping_cart_main_content_middle_items02 div{ display: inline-table; width: 50px; text-align: center; float:left; } .shopping_cart_main_content_middle_items02 div.text{ display: inline-table; width: 170px; padding: 5px; text-transform: uppercase; font-size: 17px; text-align: left; line-height: 20px; } .shopping_cart_main_content_middle_items02 div.text input.button{ border: 1px solid #CCC; padding: 0px 5px 0px 5px; text-align: center; } .shopping_cart_main_content_middle_items02 div.text input.quantity{ width: 30px; border: 1px solid #CCC; text-align: center; } .shopping_cart_main_content_middle_items02 img{ padding: 5px; } .shopping_cart_main_content_bottom{ min-height: 490px; background-color: #EAEAEA; padding: 60px 60px 0px; margin-bottom: 60px; background-image: url("../images/note.png"); background-repeat: no-repeat; background-size: 470px 479px !important; background-position: 36px 8px; } .shopping_cart_main_content_bottom_left{ width: 500px; float: left; } .shopping_cart_main_content_bottom_left div.header{ font-size: 18px; font-weight: 600; margin: 0px; text-transform:uppercase; } .shopping_cart_main_content_bottom_left table{ } .shopping_cart_main_content_bottom_left table tr td{ width: 165px; line-height: 20px; color: #000; } .shopping_cart_main_content_bottom_right{ width:400px; float:left; } .shopping_cart_main_content_bottom_right table td{ } .shopping_cart_main_content_bottom_right table td.empty{ width: 170px; height: 70px; } .shopping_cart_main_content_bottom_right table td input{ border: 1px solid #CCC; width: 250px; } .shopping_cart_main_content_bottom_right table td input.checkbox{ border: 1px solid #CCC; width: unset; } .shopping_cart_main_content_bottom_right table td input.button{ border: 1px solid #CCC; width: unset; text-transform: uppercase; margin: 0px 0px; font-family: verdana; } .shopping_cart_main_content_bottom_right table td.terms{ font-size: 16px; font-weight: 600; } .shopping_cart_main_content_bottom_right div.header{ font-size: 18px; font-weight: 600; margin: 0px; text-transform: uppercase; } /*shopping cart content end*/ /*My Account content*/ .my_account_main_content{ width:1024px; } .my_account_main_content_top{ display: inline-block; float: left; color: #000; padding: 30px 85px; max-width: 1022px; border: 1px solid #4E4E4E; } .my_account_main_content_top_logout{ float: right; font-size: 12px; } .my_account_main_content_top_header{ width: 100%; font-weight: 600; padding: 10px; text-transform: uppercase; } .my_account_main_content_top table{ display: block; float: left; width: 426px; } .my_account_main_content_top table tr td{ font-size: 12px; text-transform: uppercase; padding: 0px 10px; line-height: 25px; width: 176px; } .my_account_main_content_top table tr td input{ width: 200px; border: 1px solid #CCC; font-family: verdana; font-size: 12px; } .my_account_main_content_top table tr td input.radio_box{ width:40px; } .my_account_main_content_top table tr td input.birth_left{ width:35px; text-align:center; margin-right: 5px; } .my_account_main_content_top table tr td input.birth_center{ width:35px; margin:0 5px; text-align:center; } .my_account_main_content_top table tr td input.birth_right{ width:76px; text-align:center; margin-left: 5px; } .my_account_main_content_down{ display: inline-block; float: left; background-color: #424242; color: #FFF; padding: 30px 86px; margin-bottom: 60px; min-height: 350px; } .my_account_main_content_down_header{ width: 100%; font-weight: 600; padding: 10px; text-transform: uppercase; } .my_account_main_content_down table{ display: block; float: left; } .my_account_main_content_down table tr td{ font-size: 12px; text-transform: uppercase; padding: 0px 10px; line-height: 25px; width: 176px; } .my_account_main_content_down table tr td input{ width: 200px; border: 1px solid #CCC; font-family: verdana; font-size: 12px; } .my_account_main_content_down table tr td input.button{ width: 80px; margin-top: 30px; text-transform: uppercase; border: 1px solid #CCC; } .my_account_main_content_down table tr td input.radio_box{ width:40px; } .my_account_main_content_down table tr td input.birth_left{ width:35px; text-align:center; margin-right: 5px; } .my_account_main_content_down table tr td input.birth_center{ width:35px; margin:0 5px; text-align:center; } .my_account_main_content_down table tr td input.birth_right{ width:76px; text-align:center; margin-left: 5px; } /*My Account content end*/ .edittextarea{ width: 200px; height:100px; border: 1px solid #CCC; font-family: verdana; font-size: 12px; resize: none; } .edittextarea2{ width: 250px; height:60px; border: 1px solid #CCC; font-family: verdana; font-size: 12px; resize: none; } /*News content*/ .news_main_content{ width:1024px; } .news_main_content_left{ float: left; min-height: 600px; width: 20%; border-left: 1px solid #CCC; background-color: #AAA; margin-bottom: 100px; } .news_main_content_left_header{ text-transform: uppercase; color: rgb(255, 255, 255); padding: 9px; font-size: 20px; background-color: rgb(78, 78, 78); border-bottom: 1px solid rgb(255, 255, 255); } .news_main_content_left_news_items{ color: #4B4B4B; border-bottom: 1px solid rgb(255, 255, 255); background-color: rgb(236, 236, 236); padding: 10px 5px 10px 10px; font-size: 12px; cursor:pointer; } .news_main_content_left_news_items:hover{ background-color:#4EA520; color:#FFF; } .news_main_content_right{ float: left; width: 78%; min-height: 490px; margin-bottom: 60px; border: 1px solid #CCC; background-color: #F9F9F9; padding: 5px; margin-left: 6px; } .news_main_content_right_content{ background-color: #FFF; min-height: 490px; min-width: 60%; } .news_main_content_right_content p{ font-size: 12px; font-family: arial; } .news_main_content_right_content h1{ font-size: 29px; font-family: arial; } /* Tiny Scrollbar */ #scrollbar1 { display: inline-block; height: 384px; padding: 0px 25px; width: 775px; } #scrollbar1 .viewport { width: 740px; height: 490px; overflow: hidden; position: relative; } #scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar1 .scrollbar{ background: transparent url(http://www.baijs.nl/tinyscrollbar/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; } #scrollbar1 .track { background: transparent url(http://www.baijs.nl/tinyscrollbar/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; } #scrollbar1 .thumb { background: transparent url(http://www.baijs.nl/tinyscrollbar/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; } #scrollbar1 .thumb .end { background: transparent url(http://www.baijs.nl/tinyscrollbar/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; } #scrollbar1 .disable { display: none; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } /*News content end*/ /*footer*/ .footer{ background-color: #CCC; height: 20px; clear: both; position: relative; top: 20px; padding: 10px; font-family: arial; font-size: 12px; text-align: center; } /* Order History*/ #orderhistory .result2 { width: 1000px; min-height: 650px; padding: 0 20px 20px 20px; border-right: 1px solid #CCC; border-style: solid; border-color: #4EA520 #CCC #CCC; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-width: 3px 1px 1px; border-image: none; box-shadow: 1px 10px 5px rgba(136, 136, 136, 0.4); font-size: 0.9em } #orderhistory .result2 tr th { height: 30px; text-align: left; vertical-align: top; padding: 20px 0 0 5px; margin: 0 0 10px 0; border-bottom: 1px solid #000; font-weight: bold; font-family: arial, sans-serif; } #orderhistory .result2 tr td { height: 100px; text-align: left; vertical-align: top; padding: 5px; background-color: #eee; border-top: 5px solid #fff; border-bottom: 5px solid #fff; } #orderhistory .result2 tr td.count { background-color: #a5da3f; border-top: 5px solid #fff; border-bottom: 5px solid #fff; text-align: center !important } #orderhistory .result2 tr td.comments { border-right: 2px solid #fff; padding-right: 10px; } #orderhistory .result2 tr td.details { background-color: #fff; border: #fff; } #orderhistory .result2 tr td .details_btn{ float: left; background: #414141; padding-right:5px; font-size: 2em; margin: 0; color: #FFF; text-transform: uppercase; width: 50%; text-align: right; font-weight: 500; cursor: pointer; height: 100%; } #orderhistory .result2 tr td .details_btn:hover{ background: #a5da3f; width: 100%; -webkit-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; -ms-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; transition: all ease-in 0.2s; } #orderhistory .noLink { font-family: arial, sans-serif; font-size: 0.9em; } /* Order Details */ .order_details_content{ width: 400px; float: left } .order_details_content_text{ font-size: 14px; font-family: Verdana, Geneva, sans-serif; text-align: justify; color: #FFF; padding: 30px; background: url("../images/about_pages.png") no-repeat scroll 0% 0% / 450px 340px transparent; line-height: 22px; width:400px; height: 300px; } .order_details_content_text h1{ text-transform: uppercase; margin-top: 0px; margin-bottom: 40px; font-size: 1.7em } .order_details_content_text h2{ text-transform: uppercase; font-size: 1.3em; } .order_details_main_content_bottom{ min-height: 490px; background-color: #EAEAEA; padding: 10px 60px 0px; margin-bottom: 60px; float: right } .order_details_main_content_bottom_right{ width:400px; float:left; } .order_details_main_content_bottom_right table td{ } .order_details_main_content_bottom_right table td.empty{ width: 170px; height: 70px; } .order_details_main_content_bottom_right table td input{ border: 1px solid #CCC; width: 250px; } .order_details_main_content_bottom_right table td input.checkbox{ border: 1px solid #CCC; width: unset; } .order_details_main_content_bottom_right table td input.button{ border: 1px solid #CCC; width: unset; text-transform: uppercase; margin: 0px 0px; font-family: verdana; } .order_details_main_content_bottom_right table td.terms{ font-size: 16px; font-weight: 600; } .order_details_main_content_bottom_right div.header{ font-size: 18px; font-weight: 600; margin: 0px; text-transform: uppercase; }