#yscp_welcome_msg { margin:0px 10px 0px 5px; display:none; line-height:20px; color:#b6ccee; } body {background:#000 url('') left top repeat; font:normal 11px Verdana, Tahoma, Helvetica, sans-serif; text-align:center; width:100%;margin:0 auto;color:#000;} a{color:#000000} a:visited{color:#0066cc;} * {padding:0; /*margin:0;*/} td {font-size:11px ; color:#000000; padding:0; margin:0;} h1, h2, h3{margin:0;} a.yscp_link{color:#000} #super-loader a{text-decoration:none; color:#000; font-weight:bold;} #csbody {float:left; width:100%; margin:0 10px 0 0} #csshell{background:#fff; border-left:0px solid #f8f8f8; zoom:1; margin:0 0 0px;*position:relative;} .el #cscontents {} #cscontents .vertical td {text-align:center;} /* Used for the "Vertical" RTML Layout */ .wrap #cscontents {} /* IDs */ #cscontents {background-color:#ffffff;border-right:10px solid #ffffff; border-left:10px solid background-color} #cscontents a{text-decoration:none;} #cscontents a:hover{text-decoration: none; color:red} #cscontents #cscontents-table {border-collapse:inherit; border-bottom:0px solid black} #itemtype #cscontents table {/*margin:10px 0;*/} #cscontents #cscontents-table select option, #itemarea select option{padding-right:10px} #cscontents td {background-color:#ffffff; margin:2px; padding:5px;} #cscontents .horizontal-seperator{border-bottom:0px solid e5e5e5;} #cscontents .vertical-seperator{border-right:1px solid #e5e5e5;} #cscontents.accessory * {text-align:left;} #cscontents.accessory .details {background-color:orange; margin:2px 10px; padding:10px;} #cscontents.accessory .details a {color:#000; font-size:1em;} #newfooter-links {clear:both; float:left;text-align:center; display:block; list-style:none; margin:5px 15px 0 0;} #newfooter-links li {background:#000; color:#fff; border:0px solid #ffffff; border-top:0; float:left; margin:0 2px;} /* General Link Colors */ #newfooter-links li a {background:transparent; color:#fff; display:block; font-size:10px; font-weight:bold; padding:4px 20px 6px; text-align:center; text-decoration:none; white-space:nowrap;} #newfooter-links li a:hover {background:transparent; color:#fe0000;} #newfooter-links a.linkcheckout {background:transparent url('//lib.store.yahoo.net/lib/yhst-17210252890263/yhst-14197398381157-2078-60529835.gif') 90% 0 no-repeat; color:#ffffff; padding-right:35px; cursor:pointer;} #newfooter-links a.linkcheckout:hover {background:transparent url('//lib.store.yahoo.net/lib/yhst-17210252890263/yhst-14197398381157-2078-60529835.gif') 90% 0 no-repeat; color:#ffffff; padding-right:35px; cursor:pointer;} #socialnetworks {border-collapse:collapse; border-bottom:0px solid #ccc} #socialnetworks table {/*margin:10px 0;*/ background-color:#fff;} #socialnetworks td {background-color:#fff; margin:0px; padding:5px;} .el #socialnetworks {} #socialnetworks .vertical td {text-align:center;} #socialnetworks a{text-decoration:none; color:#000;} socialnetworks a:hover{text-decoration: blue; color:yellow} #socialnetworks .detail.last td {border-bottom:0 solid;} #socialnetworks .detail td, #socialnetworks .image td {padding-bottom:10px;} #socialnetworks .name {color:#000; font-weight:bold; padding:5px 0 0;} #socialnetworks .name {padding:5px 0 0;} #socialnetworks .horizontal-seperator{border-bottom:0px solid #666666;} #socialnetworks .vertical-seperator{border-right:0px solid #666666;} #all-contents-on-name {background-color:#183d57; color:#ccc; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0 0px; padding:4px 16px 6px;} #main-objects #main-objects-table {border-collapse:collapse; border-bottom:0px solid #ccc} #itemtype #main-objects table {/*margin:10px 0;*/} #main-objects td {background-color:transparent; margin:0px; padding:5px;} .el #main-objects {} #main-objects .vertical td {text-align:center;} #main-objects.accessory * {text-align:left;} #main-objects.accessory .details {background-color:orange; margin:2px 10px; padding:10px;} #main-objects.accessory .details a {color:#000; font-size:1em;} #main-objects a{text-decoration:none; color:#000;} #main-objects a:hover{text-decoration: black; color:#fe0000} #main-objects .detail.last td {border-bottom:0 solid;} /* Needed for FF */ #itemtype #main-objects .detail td, #maintype #main-objects .image td {padding-bottom:10px;} #main-objects .name {color:#000; font-weight:bold; padding:5px 0 0;} #main-objects .name {padding:5px 0 0;} #main-objects .horizontal-seperator{border-bottom:0px solid #666666;} #main-objects .vertical-seperator{border-right:0px solid #666666;} RTML Layout */ .wrap #main-objects {} #right-objects {border-collapse:collapse; border-bottom:0px solid #ccc} #right-objects table {/*margin:10px 0;*/} #right-objects td {background-color:#000; margin:1px; padding:5px;} .el #right-objects {} #right-objects .vertical td {text-align:center;} #right-objects {background-color:#666666;border-right:10px #666666; border-left:10px #666666} #right-objects .horizontal-seperator{border-bottom:0px solid #666666;} #right-objects .vertical-seperator{border-right:0px solid #666666;} #right-objects a{text-decoration:none; color:#fff;} #right-objects a:hover{text-decoration: black; color:yellow} #right-objects .detail.last td {border-bottom:0 solid;} /* Needed for FF */ #right-objects .detail td, #right-objects .image td {padding-bottom:10px;} #right-objects .last {border:0;} #right-objects .name {color:#000; font-weight:bold; padding:5px 0 0;} #right-objects .name {padding:5px 0 0;} #right-objects .price {font-weight:normal; margin:10px 0 0;} #right-objects .sale-price {color:#3366cc;} #right-objects .sale-price-bold {color:#3366cc;font-weight:bold;} #right-objects .price-bold {font-weight:bold;margin:10px 0 0;} RTML Layout */ .wrap #right-objects {} #contents .sale-price {color:#ab0205;font-weight:bold;} #brandmark {float:left; font:normal 8px Tahoma, Geneva, Verdana, sans-serif; width:350px; margin-top:10px;position:relative;} #headerlinks {float:right; font:normal 8px Tahoma, Geneva, Verdana, sans-serif;position:relative; width:700px;} #headerlinkscontents .vertical td {text-align:center;} #headerlinkscontents {background:transparent/*#ffffff*/;border-right:0px solid #ffffff; border-left:0px solid #ffffff} #headerlinkscontents a{text-decoration:none; color:#fff; font-weight:bold;} #headerlinkscontents a:hover{text-decoration: none; color:#0099ff;font-weight:bold;} #headerlinkscontents {background:transparent;border-collapse:collapse; border-style: none; border-width:thin; border-color:} #headerlinkscontents td {background-color:transparent/*#ffffff*/; margin:2px; padding:5px;} #headerlinkscontents .horizontal-seperator{border-bottom:0px solid #111111;} #headerlinkscontents .vertical-seperator{border-right:0px inset #cccccc;} /* Classes */ .boxclose {zoom:1;} .breadcrumbs{margin:10px;} .clear {clear:both; display:block; font-size:1px; height:1px; line-height:-1;} .last {border:0 solid;} input.buttonsubmit {margin-left:4px !important; text-transform:uppercase;} /* IDs */ #info-div{ background:transparent; padding:5px; zoom:1; } #info-div:after{clear:both; content:"."; display:block; height:0; visibility:hidden;} #accessorytitle {} #itemtype #accessorytitle {background:none; color:#7a8fac; font:bold 1.2em/1.1 verdana, sans-serif; padding:2px 10px 8px;} #bodycontent {float:left; width:100%; margin:0 10px 0 0} /* 150 + 610 = 760 */ /* The Min-width is needed for Moz to stretch the bodycontent that is shrinkwrapping content due to floats. This is only necessary on pages without Tables in the contents. Min-width breaks Opera's layout so Width:100% is used instead of Min-width. */ #bodyshell {background:#ffffff; color:#000000; border-left:0px solid #f8f8f8; zoom:1; margin:0 0 0px;*position:relative;} /*Left Column Color*/ /* Background color is needed to counter an IE rendering bug that erases the left column bgcolor */ /* float:left is needed in Moz to handle extra wide cntent that breaks the width */ /* Left/Right Margin was removed due to expanded content errors in Moz, this was used to push the nav/content area in to match the mock-up */ /* position:relative is needed to fix bug in IE that caused the navigation bar to push out over the main content*/ *:first-child+html #bodyshell { width:100%; } #bodyshell:after {clear:both; content:"."; display:block; height:0; visibility:hidden;} #newsearch {float:left; font:normal 16px Tahoma, Geneva, Verdana, sans-serif;color:white; width:300px; margin-top:28px;} #liveperson {float:right; font:normal 8px Tahoma, Geneva, Verdana, sans-serif; width:180px; margin-top:10px;} #cs {float:right; font:normal 8px Tahoma, Geneva, Verdana, sans-serif; width:180px; margin-top:10px;} #brandmark a {color:#ffffff; display:block; padding:0 0 5px 0px; text-decoration:none;} #caption {zoom:1;} #caption:after {clear:both; content:"."; display:block; height:0; visibility:hidden;} #caption {margin:10px;} #itemtype #caption {/*padding:0 10px;*/} #maintype #caption {background:transparent url('//lib.store.yahoo.net/lib/yhst-17210252890263/blankspace.gif') 0 0 repeat-x repeat-y; padding:15px;} #captionarea, #messagearea, #info-div {margin:0px 0px 9px; background:transparent/*url('//lib.store.yahoo.net/lib/yhst-17210252890263/blankspace.gif') 0 0 repeat*/; /*border-bottom:1px #fff solid;*/} /* 1px is used to prevent Margin Folding */ #messagearea #messagetitle{ background:transparent url('') 0 50% no-repeat; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0 15px 0 0px; padding:0px 0px 0px; } #itemtype #contentarea #captiontitle {margin:2px 0 2px 0; padding:0 2px;} #itemtype #captiontitle {background:none; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:2px 2px 8px;} /*The Left/Right Padding is smaller because the Caption Title needs to be nested within the Caption on Item pages, but not on Section pages */ #container {margin:0 auto; text-align:left; width:1100px; border:none thin #ffffff; background:#ffffff url('//lib.store.yahoo.net/lib/yhst-17210252890263/blankspace.gif') 0 0 repeat-x;} /* This "container" is needed as IE produces resize induced rendering errors when using the BODY element for a container. */ #contentarea {margin:0 0 10px 0; width:900px;} #contenttitle {background-color:#183d57; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:0px 0px 0px;} #section-contenttitle {background-color:#183d57; color:#fff; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0 0px; padding:4px 16px 6px;} #bodyContent #info-div #searchpageHeader {background:none/*#feba5a*/; color:#ffffff; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:4px 15px 6px;} #item-contenttitle {background-color:#000; color:#fff; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0 0px; padding:4px 16px 6px;} #item-contenttitle a{color:#FFF; text-decoration:none; font-weight:bold; text-transform:uppercase;} #item-contenttitle a:hover {color:YELLOW; text-decoration:none;} #orderarea {background-color:#fff; color:#000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0 0px; padding:4px 0px 6px;} #specialstitle {background:#222 url('') 0 0 repeat-y; color:#fff; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0px; padding:2px 15px 3px;} #copyright { background:transparent; color:#aaaaaa; display:block; font:normal xx-small/1.2 verdana, sans-serif; padding:0 15px 15px; text-align:right;} #finaltext, #introtext {margin:10px;} #footer {background:#fff url('') ; clear:both;zoom:1;} #footer {color:#000; display:block; font-weight:bold; font-size:11px; padding:10px 0 15px; text-align:center;} #footer a{color:#000; text-decoration:none; font-weight:bold; text-transform:uppercase;} #footer a:hover {text-decoration:none;} #footer-links {color:#000; display:block; font-weight:bold; font-size:11px; padding:10px 0 15px; text-align:center;} #footer-links a{color:#000; text-decoration:none; font-weight:bold; text-transform:uppercase;} #footer-links a:hover {text-decoration:none;} #header {background:#000000 url('') left bottom no-repeat; zoom:1;} #header:after {clear:both; content:"."; display:block; height:0; visibility:hidden;} /* Search Page Styles */ #info-div form, .infoText div {margin:0 10px;} #info-div form table td a img {margin-right:5px;} #info-div form table td b {display:block; padding:15px 0 5px;} #info-div form table td font {font-size:1em;} /* !Search Page Styles */ #introtext {} /* REF: #finaltext */ #itemarea {background:transparent; margin:0px 0px 0; padding:0px; zoom:1;} #itemarea:after {clear:both; content:"."; display:block; height:0; visibility:hidden;} #nav-general {clear:both; float:right; display:block; list-style:none; margin:0 0px 0 0;} #nav-general li {background: transparent; color:#fff; border:1px solid #ffffff; border-top:0; float:left; margin:0 2px;} /* General Link Colors */ #nav-general li a {background:transparent; color:#ffffff; display:block; font-size:10px; font-weight:bold; padding:4px 20px 6px; text-align:center; text-decoration:none; white-space:nowrap;} #nav-general li a:hover {background:transparent; color:#ffffff;} #nav-general a.linkcheckout {background:transparent url('//lib.store.yahoo.net/lib/yhst-17210252890263/yhst-14197398381157-2078-60529835.gif') 90% 0 no-repeat; color:#ffffff; padding-right:35px; cursor:pointer;} #nav-general a.linkcheckout:hover {background:transparent url('//lib.store.yahoo.net/lib/yhst-17210252890263/yhst-14197398381157-2078-60529835.gif') 90% 0 no-repeat; color:#ffffff; padding-right:35px; cursor:pointer;} #searcharea {background:#ccc url('') 0 0 repeat-x; display:block; margin:0 0 0;} #searcharea input { font-size:1.0em; } #searcharea fieldset {border:0 solid; display:block; padding:10px 0 10px 13px;} #searcharea label {background:none; color:#000; font-size:1.0em; font-weight:bold; text-transform:uppercase;} #searchpageHeader {background-color:#feba5a; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:4px 15px 6px;} input#query { margin-left:4px; padding:2px; background:#ffffff; background-image:none; color:#000000; } #query {padding:1px;} #slogan {background:none; color:#ffffff; display:block; float:right; font:normal 11px Verdana, Tahoma, Helvetica, sans-serif; padding:2.7em 15px 10px 10px; width:225px; text-align:right;} /* 225 + 25= 250 */ *:first-child+html #info-div, *:first-child+html #specialtitle, *:first-child+html #messagearea { width:700px; } *:first-child+html #itemarea { width:570px; } #badge { margin: 0 auto; } * html #badge { width:136px; text-align:center; } /* Cross-Sell Styles. */ .ystore-cross-sell-table { width:100%; font-size:inherit; font:100%; } .ystore-cross-sell-title { padding-bottom:6px; color: #000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; } .ystore-cross-sell-table-vertical .ystore-cross-sell-cell { width:100%; } .ystore-cross-sell-table-horizontal .ystore-cross-sell-cell { width:28%; padding-right:5%; } .ystore-cross-sell-product-image-link { display:block; padding-bottom:8px; } .ystore-cross-sell-product-caption { padding-bottom:16px; } .ystore-cross-sell-product-caption p, .ystore-cross-sell-product-caption h4 { margin:0 0 10px; font-size:11px; } .ystore-cross-sell-table .ys_promo { font-weight:bold; } /* Start of Contents CSS */ /* 092506 0.02*/ /* Classes */ .image-l {background-color:#fff; display:block; float:left; margin:0 15px 10px 0;padding:0px;} .image-r {background-color:#fff; display:block; float:right; margin:0 0 10px 15px;padding:0px;} .image-c {text-align:center; margin-bottom:10px;} .inset-l {background-color:#fff; display:block; float:left; margin:0 8px 5px 0;padding:0px;} .inset-r {background-color:#fff; display:block; float:right; margin:0 0 5px 8px;padding:0px;} .addtocartImg{ border:0; margin:0px 0; padding:0px; cursor:pointer; display:block; } .el #contents {} #contents .vertical td {text-align:center;} /* Used for the "Vertical" RTML Layout */ .wrap #contents {} /* IDs */ #contents {background:transparent/*#ffffff*/;border-right:0px solid #ffffff; border-left:0px solid background-color} #contents #contents-table select option, #itemarea select option{padding-right:10px} #contents a{text-decoration:none; color:#000000} #contents a:hover{text-decoration: none; color:#0099ff;} #contents #contents-table {background:transparent;border-collapse:collapse; border-style: none; border-width:thin; border-color:#cccccc} #itemtype #contents table {/*margin:10px 0;*/} #contents td {background-color:transparent/*#ffffff*/; margin:2px; padding:5px;} #contents .horizontal-seperator{border-bottom:0px solid #111111;} #contents .vertical-seperator{border-right:0px inset #cccccc;} #contents.accessory * {text-align:left;} #contents.accessory .details {background:transparent; margin:2px 10px; padding:10px;} #contents.accessory .details a {color:#000; font-size:1em;} /* COLOR:LINK, FONTSIZE:NAME */ #contents.accessory .details h3 {font-size:1em;} #contents.accessory .details .sale-price {margin-bottom:10px;} #contents .detail td {padding:5px; /*border-bottom:15px solid #E9E9E4;*/} /* The Border-bottom must be applied to the TD, not the TR in order to work in IE */ #contents .detail.last td {border-bottom:0 solid;} /* Needed for FF */ #itemtype #contents .detail td, #maintype #contents .image td {padding-bottom:10px;} #contents .last {border:0;} #contents .name * {color:#000000; font-weight:bold;margin:0 auto;} #contents .price {font-weight:normal; margin:10px 0 0;} #itemtype .price {font-size:11px; font-style:normal; font-weight:none; margin:10px 0; padding:0 4px 0 0;} #contents .price-bold {font-weight:bold;margin:10px 0 0;} #itemtype .itemform .price {font-size:16px; margin:10px 0;} #itemtype .itemform .price-bold {font-weight:bold;margin:10px 0;} #itemtype .itemform .sale-price, #itemtype .itemform .sale-price-bold {margin:10px 0;} #itemtype .itemform .sale-price-bold {font-weight:bold;color:#cb2027;} td .sale-price-bold {color:#cb2027;} #itemtype .itemform .sale-price-bold em {/*background:#ffffff;*/ color:#9a0002; font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;} #itemtype .itemform .sale-price em {color:#9a0002; font-style:normal; margin:10px 0; padding:0 4px 0 0;} #itemtype .code {font-style:normal; margin:10px 0;} #itemtype .code em {font-style:normal;margin:10px 0 0;} #itemtype .itemavailable {color:#000; margin:8px 0;} #itemtype .itemavailable em {color:#474537; font-style:normal; font-weight:bold; margin:8px 0 8px 4px;} #itemtype .itemoption {display:inline; font-weight:bold; margin:2px 0;} #itemtype .multiLineOption {display:block;margin:5px 0; font-weight:normal;} .contenttitle-center{text-align:center} form{padding:0;margin:0} #caption .image-l {background:none; display:block; float:left; margin:0 15px 10px 0;padding:0px;} #caption .image-r {background:none; display:block; float:right; margin:0 0 10px 15px;padding:5px;} /* Tabbed Details */ #tab-browsing { margin:30px 0; } #tabs{ background-color:#222222; height:34px; margin-left:5px; vertical-align:middle; width:720px; } #tabs a { margin: 0 2px 0 0; height: 34px; float: left; background: #DFEA7D url('//lib.store.yahoo.net/lib/egrandbuy/tab-bg-right.gif') no-repeat right -34px; font: bold 12px "Trebuchet MS", Geneva, sans-serif; } #tabs a.active{ background-color: #5D3C83; background-position: right 0; } #tabs a div { text-decoration: none; display: block; overflow: hidden; float: left; height: 28px; background: transparent url('//lib.store.yahoo.net/lib/egrandbuy/tab-bg-right.gif') no-repeat left -34px; font: bold 12px "Trebuchet MS", Geneva, sans-serif; text-align: center; padding:5pt 8px 0 8px; text-transform: lowercase; color: #000000; } #tabs a.active div { background-position: left 0; color: #ffffff; } #tabinfo{ border:1px solid #5B5D5C; clear:both; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:11px; height:auto; margin-left:5px; overflow:hidden; width:720px; } #tab-text { color: #FF0000; font: bold 11px Verdana, helvetica, sans-serif; margin-top: -20px; text-align: center; } #tabinfo0 { padding: 10px; background-color:#000;} #tabinfo1 { padding: 10px;} #tabinfo2 { padding: 10px;} #tabinfo3 { padding: 10px;} #tabinfo4 { padding: 10px;} #tabinfo5 { padding: 10px;} #tabinfo6 { padding: 10px;} #tabinfo7 { padding: 10px;} #tabinfo8 { padding: 10px;} /* End Tabbed Details */ TD A:hover {color: red;} #ysw-multi-add .label{ font-size: 20px; padding-left: 15px; } #ysw-multi-add .contents{ font-size: 11px; white-space: normal; link-color:#000000; color:#000000; } #ysw-multi-add table { width:375px; border-color:#000000; background:#f6f6f6 repeat-y; margin-left: 10px; } #ysw-multi-add a{font-size:11px; color:#000000; text-decoration:none; font-family: arial,helvetica,sans-serif;} a.ysw-hotlinks {color: #000000; text-decoration: none;} a.ysw-hotlinks:hover {color: blue; text-decoration: underline;} /* tabbed details */ .tabinfomain { background: url("//lib.store.yahoo.net/lib/yhst-14197398381157/tablinebg.png") no-repeat; margin:30px 0 30px 12px auto;text-align:left} .tabbtns {display:none; width: 700px; float: left;} .tabbtns div {float:left; padding:0 0 0 8px; margin:0 2px 0 0; height:31px; background:url(//lib.store.yahoo.net/lib/yhst- 14197398381157/greytab.png) no-repeat 0 0;} .tabbtns div a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:##3C3C3C; text-decoration:none; text-align:center; display:block; background:url(//lib.store.yahoo.net/lib/yhst-14197398381157/greytab.png) no-repeat right -62px; padding:8px 15px 0 0; float: left;font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;font-weight: bold; height: 22px;text-transform:uppercase;} .tabbtns div.tabcontactive {background: url(//lib.store.yahoo.net/lib/yhst-14197398381157/greytab.png) 0 -32px no-repeat;} .tabbtns div a.tabactive {background: url(//lib.store.yahoo.net/lib/yhst-14197398381157/greytab.png) right -93px no-repeat; color:#fff;} .tabinfo {padding:10px; clear:both; border-right:1px solid #f3f3f3;font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; overflow: hidden;} .scfeaturestatus {background:url(scSStopLoading.gif) no-repeat center center; height:25px;} /*Star Reviews Styles*/ #scProductReviews {width: 678px; margin: 0 0 10px;} #scProductReviewsHeader{ background-color:#0066CC; color:#fff; font-size:14px; font-weight:bold; margin-bottom:6px; padding:8px 5px; text-align:left; } .scSeoReviews{ display:none; } .scProductReviewsFrame{ margin-bottom:10px; } #scReviewsPInfoAvgRating{ margin: 0; } #p-info-tbl-rating {float: left; margin-left: 3px;} /*LEAVE THIS*/ #scProductReviewsHeader{ display:none; } /*LEAVE THIS*/ .search_box{width:470px; float:right; text-align:left; padding:8px; } .search_box input.textfield{ margin:0px 5px 0px 5px; float:left; height:27px; width:600px; font-size:11px; padding:1px 0px 1px 2px; color:#333; border:1px solid #86a7ec; } .search_box input.submit{ margin-top:0px; float:left; font-size:11px; color:#F93; } .search_box p{float:left; margin-top:0px; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:12px; } #searchbar {margin-top:0px; background:url('//lib.store.yahoo.net/lib/yhst-62196343123315/searchbarbg.jpg'); width:100%; height:36px;border:0px none;} /* vs1-rotobanner */ /* * PLUGIN BASICS * ------------------------------------------------ */ .sliderkit{display:none;position:relative;overflow:hidden;text-align:left;} .sliderkit a, .sliderkit a:hover{text-decoration:none;} .sliderkit a:focus{outline:1px dotted #000;/*optional*/} .sliderkit img{border:0;} /*--------------------------------- * Navigation *---------------------------------*/ .sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;} /* Nav > Clip */ .sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;} .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;} .sliderkit .sliderkit-nav-clip ul li{float:left;} .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} /*--------------------------------- * Buttons *---------------------------------*/ .sliderkit .sliderkit-btn{z-index:10;} /*--------------------------------- * Panels *---------------------------------*/ .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;} .sliderkit .sliderkit-panel-active{z-index:5;} .sliderkit .sliderkit-panel-old{z-index:4;} /* Panels > Overlay */ .sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;} .sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;} .sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;} /*--------------------------------- * Counter *---------------------------------*/ .sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;} /*--------------------------------- * Loader *---------------------------------*/ .sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;} .photosgallery-std{width:700px;height:322px;padding:0 0 76px;margin: 0 auto; margin-top:6px;} /* Navbar */ .photosgallery-std .sliderkit-nav{left:0;bottom:0;width:700px;padding:10px 0px; background:#000; border-top:#444 solid 1px;} .photosgallery-std .sliderkit-nav-clip ul li{float:left;margin:0 2px;} .photosgallery-std .sliderkit-nav-clip ul li a{display:block;width:108px;height:50px;overflow:hidden;margin:0;padding:1px; margin-right:3px; opacity:0.6;} .photosgallery-std .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:1px solid #fff; opacity:1;} /* Buttons */ .photosgallery-std .sliderkit-btn{position:absolute;top:0;} .photosgallery-std .sliderkit-btn span{display:none;} .photosgallery-std .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;} .photosgallery-std .sliderkit-btn-disable a:hover{cursor:default;} /* Navbar buttons */ .photosgallery-std .sliderkit-nav .sliderkit-btn a{display:block;width:15px;height:76px;background:transparent url("../images/arrows-h.png") no-repeat center 0;} .photosgallery-std .sliderkit-nav .sliderkit-nav-prev{left:20px;} .photosgallery-std .sliderkit-nav .sliderkit-nav-next{right:20px;} .photosgallery-std .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;} .photosgallery-std .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;} .photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:hover, .photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;} .photosgallery-std .sliderkit-nav .sliderkit-nav-next a:hover, .photosgallery-std .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;} /* Panels buttons */ .photosgallery-std .sliderkit-go-btn{position:absolute;top:0;z-index:10;width:50px;height:325px;} .photosgallery-std .sliderkit-go-prev{left:0;} .photosgallery-std .sliderkit-go-next{right:0;} .photosgallery-std .sliderkit-go-btn a{display:block;width:50px;height:325px;opacity:0.2;cursor:pointer;background-color:#fff;background-repeat:no-repeat;background-position:center center;} .photosgallery-std .sliderkit-go-prev a{background-image:url("//lib.store.yahoo.net/lib/yhst-14197398381157/slider-leftarrow.gif");} .photosgallery-std .sliderkit-go-next a{background-image:url("//lib.store.yahoo.net/lib/yhst-14197398381157/slider-rightarrow.gif");} .photosgallery-std .sliderkit-btn-disable a{opacity:0/*can be set to any value until 1*/;cursor:default;} .photosgallery-std .sliderkit-go-btn span{display:none;} /* Panel */ .photosgallery-std .sliderkit-panel{top:0;left:0;width:700px;height:325px;} /* New Products section-head */ .newtitlebar_righttab{ background:url(//lib.store.yahoo.net/lib/yhst-17210252890263/newproduct-righttab.gif) no-repeat right; height:49px; float:right; width:14px;} .newtitlebar_top{ background-color:#FFF; height:10px; } .newtitlebar_bottom{ background-color:#f6f6f6; height:3px;} .newsectiontitle{ background-color:#2b7edb; height:39px; font:24px Impact; color:#FFF; margin:0px; line-height:43px; } .seemorebtn{float:right;} .newtitlebar_righttab2{ background:url(//lib.store.yahoo.net/lib/yhst-17210252890263/newproduct-righttabred.gif) no-repeat right; height:49px; float:right; width:14px;} .newsectiontitle2{ background-color:#e3322d; height:39px; font:24px Impact; color:#FFF; margin:0px; line-height:43px; } #addtocartbox{ margin:0 auto; } #addtocartbox input{margin:0 auto; font-size:14px;border: 0px; font-family: 'Arial, Helvetica, sans-serif'; font-weight:bold; height:24px;color:#FFF;background:#0163a0; width:80px; display:block; padding-top:2px; text-align:center; text-decoration:none;cursor: pointer; display:block; font-weight: normal; } #addtocartbox input:hover{ background:#d23e3e;color:#ffffff;} /*--------------[ Nav ]----------------*/ #nav-product { _display:inline; float:left; background:none; color: #ccc; margin-left:0px; overflow:visible; position:relative; width:180px; z-index:1000; } /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */ #nav-product ul li a { background:transparent url('') 10px 50% no-repeat; border-bottom:1px dotted #d8d7d5; color:#fff; display:block; font-weight:bold; font-size:12px; height:auto; margin:0 0; min-height:18px; padding:10px 4px 6px 25px; text-decoration:none; width:180px; } #nav-product ul li a:hover { background:#0099ff 10px 50% no-repeat; color:#ffffff; } #nav-product li {margin:0;} #nav-product ul {list-style:/*url() 0 0;*/} #htmltop, #htmlbottom{padding:5px;} * html #nav-product ul li a{width:121px; height:auto;overflow:hidden;} * html #nav-product {overflow:visible;width:100%;} #nav-product ul.aircraft { width:180px; padding-bottom:0px; } #nav-product ul.aircraft li { margin:0 3px; border-bottom:0px solid #D2DBE2; border-left:0px solid #D2DBE2; border-right:0px solid #D2DBE2; } #nav-product ul.aircraft li a { color:#fff; font-size:11px; display:block; font-weight:bold; width:158px; padding:6px 0px 6px 15px; background:#000 no-repeat 5px 12px; } * html #nav-product ul.aircraft li a { width:180px; } #nav-product ul.aircraft li a:hover { background-color:#0099ff; color:#ffffff; } #nav-product ul.aircraft li:hover, #nav-product ul.aircraft li.sfhover { position:relative; } #nav-product ul.aircraft li ul.subnav { display:none; position:absolute; z-index:999; left:170px; top:0; width:175px; background-color:#f7f7f7; border:1px solid #006699; } #nav-product ul.aircraft li ul.subnav li { border-bottom:1px solid #6F6F6F; margin:0; } #nav-product ul.aircraft li ul.subnav li a { color:#000000; display:block; width:160px; padding:4px 0 4px 15px; background: none; font-weight:normal; font-size:11px; } * html #nav-product ul.aircraft li ul.subnav li a { width:175px; } #nav-product ul.aircraft li ul.subnav li a:hover { color:#000; background-color:#ff9900; } #nav-product ul.aircraft li:hover ul.subnav, #nav-product ul.aircraft li.sfhover ul.subnav { display:block; } #nav-product ul.left-nav { width:180px; padding-bottom:0px; } #nav-product ul.left-nav li { margin:0 3px; border-bottom:1px solid #D2DBE2; border-left:1px solid #D2DBE2; border-right:1px solid #D2DBE2; } #nav-product ul.left-nav li a { color:#000000; font-size:11px; display:block; font-weight:bold; width:157px; padding:6px 0px 6px 15px; background:#ccc no-repeat 5px 12px; } * html #nav-product ul.left-nav li a { width:180px; } #nav-product ul.left-nav li a:hover { background-color:#0099ff; color:#ffffff; } #nav-product ul.left-nav li:hover, #nav-product ul.left-nav li.sfhover { position:relative; } #nav-product ul.left-nav li ul.subnav { display:none; position:absolute; z-index:999; left:170px; top:0; width:175px; background-color:#f7f7f7; border:1px solid #006699; } #nav-product ul.left-nav li ul.subnav li { border-bottom:1px solid #6F6F6F; margin:0; } #nav-product ul.left-nav li ul.subnav li a { color:#000000; display:block; width:160px; padding:4px 0 4px 15px; background: none; font-weight:normal; font-size:11px; } * html #nav-product ul.left-nav li ul.subnav li a { width:175px; } #nav-product ul.left-nav li ul.subnav li a:hover { color:#000; background-color:#ff9900; } #nav-product ul.left-nav li:hover ul.subnav, #nav-product ul.left-nav li.sfhover ul.subnav { display:block; } #nav-product ul.subnav li ul.subnav2 { display:none; position:absolute; z-index:999; left:165px; top:0; width:175px; background-color:#f7f7f7; border:1px solid #006699; } #nav-product ul.subnav li ul.subnav2 li { border-bottom:1px solid #6F6F6F; margin:0; } #nav-product ul.subnav li ul.subnav2 li a { color:#000000; display:block; width:160px; padding:4px 0 4px 15px; background: none; font-weight:normal; font-size:11px; } * html #nav-product ul.subnav li ul.subnav2 li a { width:175px; } #nav-product ul.subnav li ul.subnav2 li a:hover { color:#000000; background-color:#99ff00; list-style:none; } #nav-product ul.subnav li:hover ul.subnav2, #nav-product ul.subnav li.sfhover ul.subnav2 { display:block; } ul.subnav2 { display:block; list-style:none; } #nav-product ul.subnav2 li ul.subnav3 { display:none; position:absolute; z-index:999; left:165px; top:0; width:175px; background-color:#f7f7f7; border:1px solid #006699; } #nav-product ul.subnav2 li ul.subnav3 li { border-bottom:1px solid #6F6F6F; margin:0; } #nav-product ul.subnav2 li ul.subnav3 li a { color:#000000; display:block; width:160px; padding:4px 0 4px 15px; background: none; font-weight:normal; font-size:11px; } * html #nav-product ul.subnav2 li ul.subnav3 li a { width:175px; } #nav-product ul.subnav2 li ul.subnav3 li a:hover { color:#000000; background-color:#0066cc list-style:none; } #nav-product ul.subnav2 li:hover ul.subnav3, #nav-product ul.subnav2 li.sfhover ul.subnav3 { display:block; } ul.subnav3 { display:block; list-style:none; } /* 2.1 =Splitter ---------------------------------------------------------------------- */ .splitter { margin: 10px 0px; text-align: center; background: #FFF url("") repeat-x 0 100%; border-bottom: 1px dashed #1d1f21; padding: 6px 40px 5px; font-size: 12px; } .splitter:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .splitter ul { margin-right: 0; margin-top: 0; } .splitter > li { padding-left: 8px; } .splitter > li ul { margin-left: 8px; } .splitter ul li a { border-bottom: 0; position: static; } .splitter li, .splitter ul, .splitter ul li a { display: inline; display: inline-block; line-height: 1; } .splitter ul, .splitter ul li, .splitter ul li a { background-image: url("//lib.store.yahoo.net/lib/yhst-17210252890263/splitter.png"); background-repeat: no-repeat; } .splitter ul { background-position: 0 -138px; background-repeat: repeat-x; } .splitter ul li { margin-left: 1px; } .splitter ul li:first-child { margin-left: 0; } .splitter ul li a { padding: 5px 8px 6px; color: #070708; text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0; text-decoration: none; } .splitter ul li.segment-0, .splitter ul li.segment-2 { background-position: -3px -92px; } .splitter ul li.segment-1 { background-position: 0 -92px; } .splitter ul li.segment-0 a, .splitter ul li.segment-1 a { background-position: 0 -161px; } .splitter ul li.segment-2 a { background-position: 100% -115px; } .splitter ul li.selected-0 a, .splitter ul li.selected-1 a, .splitter ul li.selected-2 a { color: #000; text-shadow: rgba(0, 0, 0, 0.25) 0 1px 0; } .splitter ul li.selected-0, .splitter ul li.selected-2 { background-position: 0 -23px; } .splitter ul li.selected-0 a, .splitter ul li.selected-1 a { background-position: 100% -46px; } .splitter ul li.selected-1 { background-position: 0 0; } .splitter ul li.selected-2 a { background-position: 100% -69px; } /* 3.2 =Image Grid ---------------------------------------------------------------------- */ .image-grid { margin: 0px auto; padding-left: 0px; width: 100%; } .image-grid:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .image-grid li { width: 220px; margin: 5px 8px; float: left; text-align: center; font-family: "Helvetica Neue", sans-serif; line-height: 12px; color: #cc0000; height: 240px; list-style:none; overflow: visible; } .image-grid li img, .image-grid li strong { display: block; } .image-grid li strong { color: #000; width: 225px; line-height:12px; } .image-grid span{ text-align: center; margin:0 auto; width: 225px; } ul { list-style-type: none; margin: 0; padding: 0; } #smooth_menu_1 > li { float: left; width: 128px; } #nav-product { width: 128px; } .smooth_menu > li a { display: block; } .smooth_menu > li ul, #ui_smooth_menu_container > div > ul { width: 176px; } #ui_smooth_menu_container > div > ul > li > a { display: block; } ul.clearfix:after { content: ""; display: block; clear: both; } /*cycle slideshow --------------------------------------------------------------- */ #slideshow-wrapper { overflow: hidden; width: 500px; height: 400px; padding: 0; margin: 0 auto; border: 2px solid #EC9700; } #slideshow { overflow: hidden; width: 400px; padding: 0; margin: 30px auto; list-style-type: none; } #slideshow-controls { text-align: center; } #slideshow li { padding: 0px; list-style-type: none; } #slide-pager { margin: 6px auto; } #slide-pager ul { list-style-type: none; margin: 0; padding: 0; clear: both; } #slide-pager ul li { margin-right: 4px; border: 4px solid #fff; opacity: 0.8; } #slide-pager ul li img { display:block } #slide-pager ul li:hover { border: 4px solid #999; } .slide-wrapp { width: 700px; margin: 0 auto; position: relative; border:#CCC solid 1px; } #slide-pager_prev { display: block; width: 40px; height: 40px; position: absolute; top: 20px; left: 0px; cursor:pointer; background:transparent url('//lib.store.yahoo.net/lib/yhst-14197398381157/prev-horizontal.gif') no-repeat 0 0; } #slide-pager_prev:hover { background-position: -64px 0; } #slide-pager_next { display: block; width: 40px; height: 40px; position: absolute; top: 20px; right: 0px; cursor:pointer; background:transparent url('//lib.store.yahoo.net/lib/yhst-14197398381157/next-horizontal.gif') no-repeat 0 0; } #slide-pager_next:hover { background-position: -64px 0; } #slide-pager ul li.activeSlide { border: 4px solid #FF0000; opacity: 1; } #captionx{ background:#333; width:45px; text-align:center; float:right; color:#FFF; } #fnav { float: left; margin-left: 0px; margin-top: 0px; width:174px; background:#f3f3f3; } #fnav a { text-decoration: none; font-size: 15px; line-height: 25px; color: #595959; } #fnav ul ul li a{ width:174px; padding:10px 0px; text-indent:10px; } #fnav a:hover { color: #393939; } #fnav a:active { color: #151515; } #foptions h2{ margin-top:10px;} .item { color: #212121; padding: 10px; float: left; margin-left: 0px; margin-right: 5px; width: 220px; background: #ffffff; border: 0px solid #787878; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /**** Isotope filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } #foptions { padding-bottom: 1.0em; color:#333; padding-left:10px; } #foptions h3 { margin-bottom: 0.2em; font-size: 15px; } #foptions h2 { font-size: 13px; color:#DD4B39; } #foptions label { font-size: 12px; padding-left:2px; } #foptions h4 { font-weight: bold; } #foptions ul { margin: 0; list-style: none; } #foptions ul ul { margin-left: 1.5em; } #foptions li { float: left; margin-bottom: 0.2em; } #foptions li a { text-decoration:none; display: block; padding: 0.4em 0.5em; background-color: #DDD; border:#fff dotted 1px; color: #222; font-weight: bold; text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 ); background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); background-image: -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); background-image: -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); background-image: -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); background-image: linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); } #foptions li a:hover { background-color: #5BF; } #foptions li a:active { background-color: #39D; -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 ); -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 ); -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 ); box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 ); } #options li a { border-left: 1px solid hsla( 0, 0%, 100%, 0.3 ); border-right: 1px solid hsla( 0, 0%, 0%, 0.2 ); } #options li:first-child a { border-radius: 7px 0 0 7px; border-left: none; } #options li:last-child a { border-radius: 0 7px 7px 0; } #foptions li a.selected { background-color: #666; text-shadow: none; color: white; } #fcontainer { overflow: hidden; margin-bottom: 10px; } #fcontainer .item { overflow: hidden; background: none; padding: 0; border: none; width: 210px; float: left; margin: 10px 6px; min-height: 235px; } #fcontainer .item:nth-child(3n){ margin-right: 0; } #fcontainer .item.nomargin{ margin-right: 0; } #fcontainer .item .featured-thumbnail{ float: none; border: 1px solid #e5e5e5; margin: 4px 0 14px 0; } #fcontainer .item .featured-thumbnail:hover{ border: 1px solid #6b6a6a; } #fcontainer .item .name{ color: #39393a; font-size: 11px; line-height: 18px; font-weight: bold; text-decoration: none; margin-right:0; text-align:left; float:left; text-transform:uppercase; } #fcontainer .item .name:hover{ text-decoration: underline; color:#F00; } #fcontainer .item .featured-thumbnail img{ float: none; width: 220px; } #fcontainer .item .number{ color: #39393a; font-size: 18px; font-weight: bold; float: left; padding-bottom: 10px; } #fcontainer .item .star-rating{ float: right; margin-top: 4px; width: 95px; background: url(images/star.png) 0 -15px repeat-x; } /* Featured thumbnail */ .featured-thumbnail { position:relative; float:left; margin:4px 20px 10px 0; overflow:hidden; } .featured-thumbnail .outofstock{ width: 76px; height: 65px; display: block; position: absolute; bottom: 0px; right: 0px; z-index:2; background: url(//lib.store.yahoo.net/lib/yhst-17210252890263/outofstock.png) no-repeat bottom right; } .featured-thumbnail a {display:block;} .featured-thumbnail img { position:relative; z-index:1; float: left; } .stroke { position:absolute; border:4px solid #6b6a6a; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; filter:alpha(opacity=0); display: block; } .floorOne{height:39px;border:1px solid #E3E3E3;overflow:hidden;background:#F2F2F2; clear:both} .floorOne li{padding:6px 1px 0 1px; list-style:none; float:left;height:31px;} .floorOne input{vertical-align: middle} /* Combination filter options*/ .date{display:none; } .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { background-image: url("//twitter.github.com/bootstrap/assets/img/glyphicons-halflings-white.png"); } .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 5px solid #FFF; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ""; } .dropdown .caret { margin-top: 12px; margin-right: 14px; float:right; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #000000; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { color: #ffffff; text-decoration: none; background-color: #0088cc; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; background-color: #0088cc; background-color: #0081c2; background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999999; } .dropdown-menu .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(images/loading_backgroundx.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} /***** clearfix *****/ .clear {clear: both;height: 0;line-height: 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clearfix {height: 1%;} .clearfix {display: block;} .tab ul li#toggle{ border-left:#333 dashed 1px;border-right:#333 dashed 1px; height:44px; padding:0 5px; } /* Panel Tab/button */ .tab { background: #000 url(../images/tab_b.pngx) repeat-x 0 0; height: 44px; position: relative; top: 0; z-index: 999; } .tab ul.login { display: block; position: relative; float: right; height: 44px; width: auto; font-weight: bold; line-height: 42px; margin: 0 auto; right: auto; color: white; font-size: 80%; text-align: center; } .tab ul.login li.right { background: url(../images/tab_l.png) no-repeat left 0; height: 44px; width: 30px; padding: 0; margin: 0; display: block; float: right; } .tab ul.login li.left { background: url(../images/tab_r.png) no-repeat left 0; height: 44px; width: 30px; padding: 0; margin: 0; display: block; float: right; } .tab ul.login li { text-align: left; padding: 0 0px; display: block; float: right; height: 44px; background: url(../images/tab_m.pngx) repeat-x 0 0; border-left:#333 dotted 1px; border-right:#333 dotted 1px; } .tab ul.login li a { color: #15ADFF; } .tab ul.login li a:hover { color: white; } .tab .sep {color:#414141} .tab a.open, .tab a.close { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 60px; position: relative; top: 11px; color: #15ADFF; } .tab a.open {background: url(../images/bt_open.png) no-repeat left 0;} .tab a.close {background: url(../images/bt_close.png) no-repeat left 0;} .tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;} .tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;} /* sliding panel */ #panel_wrap { position: fixed; /*Panel will overlap content */ /*position: relative;*/ /*Panel will "push" the content down */ top: 0; width: 100%; z-index: 999; margin:0; padding:0; text-align: center; margin-left: auto; margin-right: auto; background:#000; height:44px; } #panel_wrap .panel_strip { width:1280px; margin:0; padding:0; margin:0 auto; } #panel { width: 100%; height: 200px; color: #999999; background: #272727; overflow: hidden; position: relative; z-index: 3; display: none; } #panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; } #panel h2{ font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white; } #panel h3{ font-size: 1.2em; padding: 1px 0 0px; margin: 0; } #panel p { margin: 5px 0; padding: 0; } #panel a { text-decoration: none; color: #15ADFF; } #panel a:hover { color: white; } #panel a-lost-pwd { display: block; float: left; } #panel .content { width: 1160px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; } #panel .content .left { width: 200px; float: left; padding: 0 15px; border-left: 1px solid #333; } #panel .content .right { border-right: 1px solid #333; } #panel .content form { margin: 0 0 10px 0; } #panel .content label { float: left; padding-top: 8px; clear: both; width: 200px; display: block; } #panel .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 280px; color: white; height: 16px; } #panel .content input:focus.field { background: #545454; } /* BUTTONS */ /* Login and Register buttons */ #panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; } #panel .content input.bt_login { width: 74px; background: transparent url(../images/bt_login.png) no-repeat 0 0; } #panel .content input.bt_register { width: 94px; color: white; background: transparent url(../images/bt_register.png) no-repeat 0 0; } #panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; } /*----------------------------------------------------------------- Header ------------------------------------------------------------------*/ .headerW01 div.menu_strip{ width: 1280px; padding: 0 0 0 0; margin: 0 ; } .headerW02 div.menu_strip{ width: 114px; margin: 0 auto; } .headerW01 ul.navCategory{ width: 1280px; } .headerW02 ul.navCategory{ width: 1114px; } #menu_wrapper{ background: none; margin: 0 auto 15px auto; position: relative; z-index: 999; } #menu_wrapper ul li{ float: left; font-size: 0%; line-height: 100%; } #menu_wrapper div.menu_strip{ position: relative; background: #000000 url(images/nav_bg.gif) repeat-x; height: 47px; } *+html #menu_wrapper div.menu_stripH02{ height: 95px; } #menu_wrapper div.menu_strip div.siteLogo{ float: left; font-size: 0%; line-height: 100%; margin-right:20px; margin-top:5px; } #menu_wrapper div.menu_strip ul#navHeader{ float: left; margin-top:10px; } #menu_wrapper div.menu_strip ul#navHeader > li.focus{ margin: 0 0 60px 0; } #menu_wrapper ul li.gu{ border-right: 1px solid #dcdcdc; } #menu_wrapper div.menu_strip ul.navUtility{header_women float: right; } #menu_wrapper #gnav_cart_target{ z-index: 1000; display: none; } #menu_wrapper div.menu_strip li ul.info{ background: #3c3c3c; position: absolute; width: 111px; padding: 10px 12px 0 12px; top: 47px; right: 0px; } #menu_wrapper div.menu_strip li ul.hidden{ display: none; } #menu_wrapper div.menu_strip li ul.info li{ position: relative; float: none; height: auto; text-align: right; font-size: 11px; line-height: 100%; color: #ffffff; margin: 0 0 10px 0; padding: 0; } #menu_wrapper div.menu_strip li ul.info li.msg{ text-align: left; font-size: 10px; line-height: 140%; color: #fffb31; } #menu_wrapper div.menu_strip li ul.info li img{ float: left; } #menu_wrapper ul.navCategory{ background: #333333; position: absolute; top: 47px; left: 0px; height: 35px; } #menu_wrapper ul.bgBlack{ background: #000000; } #menu_wrapper ul.navCategoryHidden{ display: none; } #menu_wrapper ul.navCategory li{ float: left; position: relative; z-index: 10; } #menu_wrapper ul.navCategory li ul.hidden{ display: none; } #menu_wrapper ul.navCategory li ul.sub{ background: #000 url(../img/bgr_nav_sub.gif) no-repeat; width: 152px; padding: 18px 14px 10px 14px; line-height: 160%; position: absolute; top: 35px; left: 0px; z-index: 100; } #menu_wrapper ul.navCategory li ul.sub li{ float: none; } #menu_wrapper ul.navCategory li ul.sub li a{ background: url(../img/bgr_arrow_white.gif) no-repeat 0px 5px; font-size: 11px; line-height: 160%; padding: 9px 0 9px 14px; display: block; border-bottom:#333 dashed 1px; } #menu_wrapper ul.navCategory li ul.sub li.focus{ background: url(../img/bgr_arrow_red.gif) no-repeat 0px 5px; } #menu_wrapper ul.navCategory li ul.sub li:last-child a{ border-bottom: none; } .navCategory{ z-index: 999; } .navCategoryHidden{ z-index:1000; } #menu_wrapper ul.navCategory a:link{ text-decoration:none; color:#ffffff; } #menu_wrapper ul.navCategory a:visited{ text-decoration:none; color:#ffffff; } #menu_wrapper ul.navCategory a:hover{ text-decoration:none; color:#ff0000; } #menu_wrapper ul.navCategory a:active{ text-decoration:none; color:#ff0000; } #menu_wrapper ul.navCategory li.focus a:link{ text-decoration:none; color:#ff0000; } #menu_wrapper ul.navCategory li.focus a:visited{ text-decoration:none; color:#ff0000; } #menu_wrapper ul.navCategory li.focus a:hover{ text-decoration:none; color:#ff0000; } #menu_wrapper ul.navCategory li.focus a:active{ text-decoration:none; color:#ff0000; } #menu_wrapper ul.navCategory li ul.sub2{ background: #000000 url(../img/bgr_nav_sub.gif) no-repeat; width: 172px; padding: 0px 14px 10px 14px; line-height: 160%; position: absolute; top: 0px; left: 150px; z-index: 100; opacity:0.7; filter:alpha(opacity=70); } #menu_wrapper ul.navCategory li ul.sub2 li{ float: none; } #menu_wrapper ul.navCategory li ul.sub2 li a{ background: url(../img/bgr_arrow_white.gif) no-repeat 0px 5px; font-size: 11px; line-height: 160%; padding: 9px 0 9px 14px; display: block; border-bottom:#333 dashed 1px; } #menu_wrapper ul.navCategory li ul.sub2 li.focus{ background: url(../img/bgr_arrow_red.gif) no-repeat 0px 5px; } #menu_wrapper ul.navCategory li ul.sub2 li:last-child a{ border-bottom: none; } #menu_wrapper div.menu_strip ul.navUtility{ float: left; margin-top:10px; } #menu_wrapper div.menu_strip ul.navUtility li{ border-right:#333 solid 1px; } #menu_wrapper ul.navCategory li ul.sub {list-style:none;} #menu_wrapper ul.navCategory li ul.sub li {float:left;} #menu_wrapper ul.navCategory li ul.sub li a {text-decoration:none; color:#fff; text-decoration:none; font-size:11px; font-weight:bold;} #menu_wrapper ul.navCategory li ul.sub li a.aTop {display:block; padding:0 0 0 10px; line-height:45px; height:45px; float:left; width:120px; background:#000; transition-delay: 0.25s; -o-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ms-transition-delay: 0.25s; -webkit-transition-delay: 0.25s; } #menu_wrapper ul.navCategory li ul.sub li a.aFirst { -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; } #menu_wrapper ul.navCategory li ul.sub li a.aLast { -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } #menu_wrapper ul.navCategory li ul.sub li div.drop {position:absolute; z-index:-1; left:10px; top:0; background:#fff url(divider.gif) left top; border:5px solid #000; border-width:5px 5px 5px 0; width:110px; height:305px; overflow:hidden; -webkit-transition: all ..25s ease-in-out; -moz-transition: all ..25s ease-in-out; -ms-transition: all ..25s ease-in-out; -o-transition: all ..25s ease-in-out; transition: all ..25s ease-in-out; -webkit-border-radius:0 8px 8px 0; -moz-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0; } #menu_wrapper ul.navCategory li ul.sub li div.drop dl {float:left; width:130px; padding:0 10px 10px 10px; margin:-305px 0 0 0; -webkit-transition: all ..25s ease-in-out; -moz-transition: all ..25s ease-in-out; -ms-transition: all ..25s ease-in-out; -o-transition: all ..25s ease-in-out; transition: all ..25s ease-in-out; } #menu_wrapper ul.navCategory li ul.sub li div.drop dl dt {font-weight:bold; padding:10px 0 3px 0; color:#800; line-height:12px;} #menu_wrapper ul.navCategory li ul.sub li div.drop dl dd {padding:0; margin:0;} #menu_wrapper ul.navCategory li ul.sub li div.drop dl dd a {display:block; color:#c60; font-weight:normal; line-height:12px; padding:3px 0;} #menu_wrapper ul.navCategory li ul.sub li div.drop dl dd a:hover {color:#800; text-decoration:underline;} #menu_wrapper ul.navCategory li ul.sub li div.bottomLine {position:absolute; bottom:-1px; left:0; width:450px; background:#333;} #menu_wrapper ul.navCategory li ul.sub li div.bottomLine p {padding:0 10px; margin:0; line-height:18px; color:#fc6; text-decoration:none;} #menu_wrapper ul.navCategory li ul.sub li div.bottomLine p a:hover {text-decoration:underline;} #menu_wrapper ul.navCategory li ul.sub li a.aTop:hover {color:#fc6;} #menu_wrapper ul.navCategory li ul.sub li.sub:hover > a.aTop {color:#fc6;} #menu_wrapper ul.navCategory li ul.sub li:hover div.col1 {left:125px; width:150px; -webkit-transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -ms-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out; transition-delay: ..25s; -o-transition-delay: ..25s; -moz-transition-delay: ..25s; -ms-transition-delay: ..25s; -webkit-transition-delay: ..25s; } #menu_wrapper ul.navCategory li ul.sub li:hover div.col2 {left:125px; width:300px; -webkit-transition: all 0.66s ease-in-out; -moz-transition: all 0.66s ease-in-out; -ms-transition: all 0.66s ease-in-out; -o-transition: all 0.66s ease-in-out; transition: all 0.66s ease-in-out; transition-delay: ..25s; -o-transition-delay: ..25s; -moz-transition-delay: ..25s; -ms-transition-delay: ..25s; -webkit-transition-delay: ..25s; } #menu_wrapper ul.navCategory li ul.sub li:hover div.col3 {left:125px; width:450px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; transition-delay: ..25s; -o-transition-delay: ..25s; -moz-transition-delay: ..25s; -ms-transition-delay: ..25s; -webkit-transition-delay: ..25s; } #menu_wrapper ul.navCategory li ul.sub li:hover div.col1 dl {margin-top:0; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; transition-delay: 0.33s; -o-transition-delay: 0.33s; -moz-transition-delay: 0.33s; -ms-transition-delay: 0.33s; -webkit-transition-delay: 0.33s; } #menu_wrapper ul.navCategory li ul.sub li:hover div.col2 dl {margin-top:0; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; transition-delay: 0.66s; -o-transition-delay: 0.66s; -moz-transition-delay: 0.66s; -ms-transition-delay: 0.66s; -webkit-transition-delay: 0.66s; } #menu_wrapper ul.navCategory li ul.sub li:hover div.col3 dl {margin-top:0; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; transition-delay: .25s; -o-transition-delay: .25s; -moz-transition-delay: .25s; -ms-transition-delay: .25s; -webkit-transition-delay: .25s; } #menu_wrapper ul.navCategory li ul.sub li.close {position:absolute; left:0; top:0; opacity:0; z-index:-1; transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; transition-delay: ..25s; -o-transition-delay: ..25s; -moz-transition-delay: ..25s; -ms-transition-delay: ..25s; -webkit-transition-delay: ..25s; } .clear {clear:both;} /* for IE6 */ #menu_wrapper ul.navCategory li ul.sub table {border-collapse:collapse; width:0; margin:0 0 -1px 0; position:absolute; left:0; top:0; z-index:-1;} #menu_wrapper ul.navCategory li ul.sub li.sub a.aTop:hover {direction:ltr;} #menu_wrapper ul.navCategory li ul.sub li.sub a.aTop:hover div.drop {left:125px;} #menu_wrapper ul.navCategory li ul.sub li.sub a.aTop:hover div.col1 {width:150px;} #menu_wrapper ul.navCategory li ul.sub li.sub a.aTop:hover div.col2 {width:300px;} #menu_wrapper ul.navCategory li ul.sub li.sub a.aTop:hover div.col3 {width:450px;} #menu_wrapper ul.navCategory li ul.sub li.sub a.aTop:hover dl {margin-top:0;} #menu_wrapper ul.navCategory li ul.sub li.sub a.aTop:hover div.bottomLine p {font-weight:normal;} /* Searchform -------------------------------------------------------------------------------*/ #branding #searchform { float: right; position:relative; text-align:right; margin-top:15px; padding-right:10px; } #branding #searchform div { margin: 0; } #branding #query { -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; background:#333; float: right; font-size: 14px; height: 14px; padding: 4px 10px 4px 3px; width: 56%; border:hidden; } #branding #query:focus { background-color: #f9f9f9; width: 84%; border-radius: 2px 2px 2px 2px; } #branding #searchsubmit { display: none; } #branding .only-search #searchform { z-index: 1; } #branding .only-search #query { background-color: #eee; border-color: #333; color: #888; } #branding .only-search #query:focus { background-color: #ddd; } /* End Searchform * --------------------------------------------------------------------------- */ @charset "UTF-8"; /* CSS Document */ div.addon_box{ width:298px; } div.addon_box ul{ width:241px; margin:0; float:left; margin-right:10px } div.addon_box ul li{ height:40px; padding: 10px 0; margin:0; list-style: none; float:left; border-bottom:#CCC dotted 1px; } .addon_box ul li a{ padding:0; margin: 0; float:left; } div.addon_content{ float:left; width:161px; margin-left:10px; } div.addon_content a{ height:28px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; } div.addon_price1{ width:50%; float:left } div.addon_price2{ float:right; width:50%; text-align:right; color: red; } div.addon_inner{ } div.addon_input{ border-bottom:#CCC dotted 1px; padding: 10px 0; margin: 0 auto; display:block; height:40px; } .ystore-cross-sell-title-row { display:none} .ystore-cross-sell-table{width:360px;border-collapse:collapse;border-spacing:0px;} .ystore-cross-sell-table tbody{ width:322px; float:left;} .ystore-cross-sell-cell{ width: 322px; display: block; text-align: left; overflow: hidden; border-bottom: #999 dashed 1px; padding-top:2px; padding-bottom:2px; } .ystore-cross-sell-cell a{ float:left} .ystore-cross-sell-product-caption{ width:240px; float:left; margin-left:12px; margin-top:-2px; } .ystore-cross-sell-product-caption p, .ystore-cross-sell-product-caption h4{ margin:0; } .ystore-cross-sell-product-name{ float:left; width:240px; height:30px; text-align:left; overflow:hidden; text-overflow: ellipsis; } .ystore-cross-sell-product-price{ font-weight: bold; color: #666; float:right; } .ystore-cross-sell-product-reg-price{ float:left; } .ystore-cross-sell-product-sale-price{color:#F00; float:right} /* .regular-checkbox { display: none; } .regular-checkbox + label { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; } .regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .regular-checkbox:checked + label { background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; } .regular-checkbox:checked + label:after { content: '\2714'; font-size: 14px; position: absolute; top: 0px; left: 3px; color: #74afe1; } .big-checkbox + label { padding: 18px; } .big-checkbox:checked + label:after { font-size: 28px; left: 6px; } .box{ float:right; } .inner li{ list-style:none; } */ /* wrapper divs */ .custom-checkbox, .custom-radio { position: relative; } /* input, label positioning */ .custom-checkbox input, .custom-radio input { position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; } .custom-checkbox label, .custom-radio label { display: block; position: relative; z-index: 1; font-size: 1.3em; padding-right: 1em; line-height: 1; padding: .5em 0 .5em 30px; margin: 0 0 .3em; cursor: pointer; } /* states */ .custom-checkbox label { background: url(images/checkbox2.gif) no-repeat; } .custom-radio label { background: url(images/radiobutton.gif) no-repeat; } .custom-checkbox label, .custom-radio label { background-position: -3px -14px; } .custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus { background-position: -3px -14px; } .custom-checkbox label.checked, .custom-radio label.checked { background-position: -3px -305px; } .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus { background-position: -3px -305px; } .custom-checkbox label.focus, .custom-radio label.focus { outline: 1px dotted #ccc; } @charset "UTF-8"; /* CSS Document */ .timerbanner{ position:absolute; width:700px; height:80px; float:right; text-align:right; } #countbox{padding-top: 31px;color: #FF0;font-family: Myriad Pro,Helvetica,sans-serif;font-size: 22px;width: 232px;height: 80px;margin-left:470px;margin-right: auto; } #days{float: left;text-align:left;padding-left:10px;background-image:url('');background-repeat:no-repeat; background-position:right; background-color:#222;margin: 0 7px 0 7px;height: 26px;width: 64px;z-index:1;}#days_text{display:none; background-image:url('');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: -27px;height: 26px;width: 104px; }#hours{float: left;text-align: left;padding-left:10px;background-image:url('');background-repeat:no-repeat; background-color:#222;background-position:right;margin: 0 7px 0 7px;height: 26px;width: 74px;z-index:1;} #hours_text{display:none;background-image:url('');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: -27px;height: 26px;width: 94px;margin-left:5px;}#mins{display:none;float: left;text-align: center;background-image:url('../img/flip.png');background-repeat:no-repeat;margin: 0 7px 0 7px;height: 89px;width: 94px; z-index:1;}#mins_text{background-image:url('../img/mins_text.jpg');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: 30px;height: 26px;width: 94px;}#secs{display:none; float: left;text-align: center;background-image:url('../img/flip.png');background-repeat:no-repeat;margin: 0 7px 0 7px;height: 89px;width: 94px; z-index:1;}#secs_text{background-image:url('../img/secs_text.jpg');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: 30px;height: 26px;width: 94px;}#days span, #hours span, #mins span , #secs span {background: url(../img/flip_gradient.png);background-repeat:no-repeat;position: absolute;display: block;height: 57px;width: 94px;}