/************* Attaching missing fonts ****************/ /* @font-face {font-family:"Myriad Pro UltraLight";src: url(../fonts/myriad-set-pro_ultralight.woff) format("truetype");} @font-face {font-family:"Myriad Pro Light";src: url(../fonts/myriad-set-pro_thin.woff) format("truetype");} @font-face {font-family:"Myriad Pro Regular";src: url(../fonts/myriad-set-pro_text.woff) format("truetype");} @font-face {font-family:"Myriad Pro Medium";src: url(../fonts/myriad-set-pro_medium.woff) format("truetype");} @font-face {font-family:"Myriad Pro Bold";src: url(../fonts/myriad-set-pro_bold.woff) format("truetype");} */ @font-face { font-family: 'Myriad Pro UltraLight'; src: url('../fonts/myriad-set-pro_ultralight.eot'); /* IE9 Compat Modes */ src: url('../fonts/myriad-set-pro_ultralight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/myriad-set-pro_ultralight.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/myriad-set-pro_ultralight.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/myriad-set-pro_ultralight.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/myriad-set-pro_ultralight.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Myriad Pro Light'; src: url('../fonts/myriad-set-pro_thin.eot'); /* IE9 Compat Modes */ src: url('../fonts/myriad-set-pro_thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/myriad-set-pro_thin.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/myriad-set-pro_thin.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/myriad-set-pro_thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/myriad-set-pro_thin.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Myriad Pro Regular'; src: url('../fonts/myriad-set-pro_text.eot'); /* IE9 Compat Modes */ src: url('../fonts/myriad-set-pro_text.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/myriad-set-pro_text.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/myriad-set-pro_text.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/myriad-set-pro_text.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/myriad-set-pro_text.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Myriad Pro Medium'; src: url('../fonts/myriad-set-pro_medium.eot'); /* IE9 Compat Modes */ src: url('../fonts/myriad-set-pro_medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/myriad-set-pro_medium.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/myriad-set-pro_medium.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/myriad-set-pro_medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/myriad-set-pro_medium.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Myriad Pro Bold'; src: url('../fonts/myriad-set-pro_bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/myriad-set-pro_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/myriad-set-pro_bold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/myriad-set-pro_bold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/myriad-set-pro_bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/myriad-set-pro_bold.svg#svgFontName') format('svg'); /* Legacy iOS */ } /************* The Body has got image background for STAGING Environment ****************/ body.staging {background: url("../images/staging.png?fy16-r4-1.0") no-repeat fixed 100% 300px!important} /*body.staging {background: transparent url("../images/staging.png") no-repeat fixed 100% 300px; background-color:#f5f6f7}*/ /****************** Global styles ******************/ * {margin:0;padding:0} body {font:13px "Myriad Pro Regular",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#444;font-weight:normal; font-size: 13px;line-height: 1.6; letter-spacing:0.3px; background:#FFF!important} body.home {font:13px "Myriad Pro Regular",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#333;font-weight:normal} a {color:#08c; outline:none} a:link, a:visited {text-decoration:none} a:hover {text-decoration:underline} img, a img, abbr {border:0} h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:1em} ul {list-style:none} body {margin:0;padding:0;} form,input {padding:0;margin:0} body {text-align:center} input[type=radio] {margin-top:6px} input[type=text], input[type=password]{border:1px solid #ccc;border-width:1px; padding:3px;/*box-shadow: 0 3px 4px #F1F1F1 inset;*/ height:23px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding-left:6px!important;font-size:13px; font-family:"Myriad Pro Regular",Lucida Grande,Helvetica,Arial,Verdana,sans-serif;} input[type=text]:focus, input[type=password]:focus, textarea:focus {border:1px solid #4a8ffe!important;outline: 0!important;/* or */ outline: none!important;} textarea {border:1px solid #ccc;padding:3px;-webkit-border-radius: 3px;font:13px "Myriad Pro Regular",Lucida Grande,Helvetica,Arial,Verdana,sans-serif;;-moz-border-radius: 3px;border-radius: 3px;} select {height:25px;padding:3px 0 0; margin-top:2px;} select {padding:0 \0/ 0!important;}/*ie8*/ :root select {padding:0 \9 0!important;}/*ie9*/ .userinfo-space {height:17px} strong {font-family:Myriad Pro Bold,Lucida Grande,Helvetica,Arial,Verdana,sans-serif;!important; font-weight:normal!important} /****************** Container ******************/ #aos-page {margin:0 auto;padding-bottom:18px;width:980px;text-align:left; /*background-color:#f2f2f2;*/ position:relative} /***************** Header Styles ****************/ #aos-page #userinfo {width:100%;/* float:left;*/} #aos-page #userinfo span.signout a, #aos-page #usersignout a {padding-left:10px; margin-left:10px;margin-right:10px; color:#08c} #aos-page #userinfo span.help a {padding-left:10px; /*margin-left:10px;*/ color:#666} #aos-page #userinfo span.cart {padding-left:10px;; border-left:1px solid #cfcfcf; margin-left:10px;} #aos-page #userinfo span.cart a {color:#666; padding-right:23px; background:transparent url("../images/cart.png?fy16-r4-1.0") no-repeat scroll 90% 20%; display:inline-block; height:17px;} #aos-page #userinfo span.account {} #aos-page #userinfo span.account a {color:#666; padding-right:15px;background:transparent url("../images/arrow_account.png?fy16-r4-1.0") no-repeat scroll 100% 50%; _background-image:url("../images/arrow_account.gif?fy16-r4-1.0")} #aos-page #userinfo span a:hover {color:#0085cf; text-decoration:none} #aos-page #userinfo span.mysupply {padding:0 10px; border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;} #aos-page #userinfo span.mysupply a {color:#666;} #aos-page #userinfo span.mysupply a:hover {color:#0085CF;} /***************** New Top Section ****************/ .newtopsection {float:right; /*margin-top:23px;*/ width:auto;} .newtopsection .ie8, #opscom .ie8 {display:none} .newtopsection ul {padding:7px 0 5px 0; float:left;} .newtopsection ul li {display:inline; padding:0 6px;float:left; text-align:center; width:25px; font-size:14px; line-height:20px;border-left:1px dotted #565555;} .newtopsection ul li#searchli {border:0!important} .newtopsection ul li a {color:#f2f2f2;} .newtopsection ul li a .fa-stack .fa-user {color:#333} .newtopsection ul li ul li {font-size:13px; font-weight:normal; text-transform:none; border:0; display:block; text-align:left;width:94%; padding-left:10px;} .newtopsection ul li:last-child {padding-right:0!important} #cssmenu {text-transform: uppercase;text-align: left;} #cssmenu > ul {width: auto; z-index:999\9; position:relative\9} #cssmenu > ul li#responsive-tab {display: none;} #cssmenu > ul li {display: inline-block;*display: inline;zoom: 1;} #cssmenu > ul li.right {float: left;} #cssmenu > ul li.has-sub {position: relative;} #cssmenu > ul li.has-sub:hover ul {display: block;} #cssmenu > ul li.has-sub ul {display: none;position: absolute!important;padding: 0;list-style-type: none;border: 1px solid #e0e0e0!important; width:250px;margin-left: -170px;margin-left: -195px\9;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; z-index:999!important; background:#fff; margin-top:5px;margin-top:20px\9; margin-top:0\0/!important; border-bottom:1px solid #0c75bb!important} #cssmenu > ul li.has-sub ul li:first-child span.first {background:url(../images/comments-top-curve.png?fy16-r4-1.0) 75% 0 no-repeat; width:100%; display:block!important; margin-top:-14px;} #cssmenu > ul li.has-sub ul li {display:block; clear:both; border-bottom:1px solid #e0e0e0; /*paddingtop:5px;*/ padding-bottom:5px; z-index:999!important; padding-top:4px} #cssmenu > ul li.has-sub ul li p {font-size:9px; color:#999; padding:0 10px 0 5px; margin:0; line-height:15px} #cssmenu > ul li ul li a {display: block;padding: 0 5px;text-decoration: none;text-shadow: 0px 1px 0px #fff;color:#08c; font-family:Myriad Pro Regular, Lucida Grande,Helvetica,Arial,Verdana,sans-serif;} #cssmenu > ul li ul li a:hover {text-decoration:underline} .newtopsection ul li ul li.last {border-bottom:1px solid #3496fc!important;background:#3496fc; margin:0!important; padding:0!important; width:100%!important} .newtopsection ul li ul li.last span a{color:#fff!important; text-shadow:none!important; display:block; line-height:30px!important; padding:5px 15px 0!important} .newtopsection ul li ul li.last span a:hover{text-decoration:none} .newtopsection ul li ul li.last .signout span{background:url(../images/i-signout.png?fy16-r4-1.0) no-repeat 100% 50%; padding-right:20px; cursor:pointer; background-size:14px 14px} #quicklinks {margin-top:3px;} #quicklinks .opscom-ext-section {border-left:1px dotted #ccc;margin-left:5px;padding-left:5px;} #quicklinks .opscom-ext-link li {padding:5px 5px!important} /***************** Credit/Debit Card Types ****************/ .card-types-container {overflow:hidden; margin:0 0 5px} .card-types-container ul li {display:inline; float:left} .card-types li {display:inline; margin:0 0 4px} *:first-child+html .card-types li {display:inline!important}/*ie7*/ .card-types li span {background:#fff; height:30px; display:block; width:13px; padding:0 2px} .card-types input {margin-top:10px;clear:both} *:first-child+html .card-types input{margin-top:6px!important}/*ie7*/ .card-types .card, .card-types.selector .card button, .card-types-passive .card {background: url("../images/sprite-cards.png?fy16-r4-1.0");display: inline-block;position: static !important} .card-types .card {height: 30px} .card-types .visa {background-position: 20px 0;width: 80px} .card-types .mastercard {background-position: -40px 0;width: 70px} .card-types .amex {background-position: -100px 0;width: 60px} .card-types .discover {background-position: -150px 0;width: 70px} .card-types .diners {background-position: -203px 0;width: 72px} .card-types .apple {background-position: -258px 0;width: 71px} .card-types .iphone {background-position: -313px 0;width: 70px} .card-types .billmelater {background-position: -366px 0;width: 75px} .card-types .apple-finance-service {background-position: -425px 0;width: 70px} .card-types .masestro {background-position: -480px 0;width: 65px} .card-types .dk {background-position: -529px 0;width: 83px} .card-types .cb {background-position: -588px 0;width: 70px} .card-types .cartebleue {background-position: -640px 0;width: 80px} .card-types .type1 {background-position: -704px 0;width: 60px} .card-types .solo {background-position: -760px 0;width: 58px} .card-types .jcb {background-position: -808px 0;width: 73px} .card-types .rbs {background-position: -854px 0;width: 119px} .card-types .paymentplan {background-position: -957px 0;width: 90px} /***************** Help OR Account Info Box ****************/ #helpTipAccount {border:1px solid #e0e0e0; padding:15px; background-color:#fff; width:275px; height:auto; overflow:auto; top:55px!important; left:0!important; display:none; z-index:999; position:absolute; _right:0 !important; overflow:visible} #helpTipAccount h3 {font-size:12px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#333; border-bottom:1px solid #d5d5d5; padding-bottom:4px; margin-bottom:10px; padding-top:0!important} #helpTipAccount table#accountinfo {border:none; font-size:13px; font-weight:normal; color:#666} /*********** Styles for Primary ************/ #aos-page #primary { border:none; position:relative; *position:static;} #aos-page #primary .module-top, #aos-page #rslistonhome .module-top {border:1px solid #ccc;-webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; height:10px!important; background:#fff; border-bottom:0px;} #aos-page #primary .module-content {} #aos-page #primary .module-content #primaryinside {width:980px; margin:0 auto; border:none} /**:first-child+html #aos-page #primary .module-content #primaryinside {margin-left:20px}*/ #aos-page #primary .module-content #primaryinside .module-content {height:auto; padding:0 1px; _margin-top:-8px} #aos-page #primary .module-content #primaryinside h2 {color:#333; font-size:22px; line-height:1.1em; border-bottom:1px solid #d5d5d5; padding-bottom:10px; margin-bottom:30px;word-wrap:break-word;} #aos-page #primary .module-content #primaryinside h2 span {color:#666; font-size:18px; font-weight:normal; padding-left:15px} #aos-page #primary .module-content #primaryinside .pricing-info {text-align:left;margin-top:0;margin-bottom:10px;float:left; width:400px;font-weight:bold} #aos-page #primary .module-content #primaryinside .pagedisplay {text-align:right;margin-top:-20px; margin-bottom:20px; float:right; width:400px; } /*********** Hero images would be applied dynamically , only the default White Blank Hero image would be applicable. ************/ #aos-page #catalog {margin:0 auto; /*background:#f0f0f0*/} #aos-page #catalog .module-content {_margin-top:-8px; padding-bottom:50px; padding-left:15px} #aos-page #catalog .module-content h1 {border-bottom:1px solid #d5d5d5; color:#333; font-size:22px; line-height:22px; font-weight:normal; padding:42px 0 15px;} #aos-page #catalog .module-content div.category {float:left; width:298px; height:auto; margin-left:2px} #aos-page #catalog .module-content div.category h3 {color:#333;font-size:13px;padding-top:30px;margin-bottom:0;padding-bottom:4px} #aos-page #catalog .module-content div.category ul li {width:280px; line-height:2.2em} #aos-page #catalog .module-content div.category ul li a {color:#666; text-decoration:none; font-size:13px; font-weight:normal; cursor:pointer; display:block} #aos-page #catalog .module-content div.category ul li a:hover {color:#0085CF; text-decoration:none} /*********** Styles for Product Details Page ************/ #aos-page #primary .module-content #productdescwrapper {width:979px; margin-top:-26px; /*margin-bottom:-34px;*/ padding-top:33px;} #aos-page #primary .module-content #productdesc {padding:32px 40px 30px; width:696px; float:left; border-right:1px solid #ccc; margin-top:-32px; min-height:300px} #aos-page #primary .module-content .rightinfo {float:right; min-height:350px; _height:345px; padding:5px 0 5px 10px; width:185px} #aos-page #primary .module-content div.rightinfo ul#summary-info {margin-top:-14px;} #aos-page #primary .module-content div.rightinfo ul#summary-info li {padding-bottom:15px;} #aos-page #primary .module-content div.rightinfo ul#summary-info li .ovalbutton {margin-bottom:12px} #aos-page #primary .module-content .rightinfo .eachprice {font-size:15px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#333} #aos-page #primary .module-content .rightinfo .shippinginfo {color:#666} #aos-page #primary .module-content #productdesc h2 {border-bottom:1px solid #D5D5D5; color:#333; font-size:18px; min-height:26px; line-height:1.1em; margin-bottom:20px; padding-bottom:10px} #aos-page #primary .module-content #recomm {border:none; margin:10px 0 30px 40px; width:850px} #aos-page #primary .module-content #recomm table td {padding-right:30px; padding-bottom:10px} /*********** Styles for Login-in, log-off Page ************/ #aos-page h1.heading {width:530px; height:37px; margin-top:13px; margin-bottom:11px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#0085CF; font-size:19px; text-shadow:none; line-height:30px; padding-top:4px} #aos-page h1.heading a {color:#333; background:transparent url("../images/b2bapple.png?fy16-r4-1.0") no-repeat scroll 0 5px; padding:11px 5px 3px 32px; line-height:38px;text-shadow: 1px 1px 0 #fff;} #aos-page h1.heading a:hover {text-decoration:none} #aos-page #loginbox {width:980px; margin:10px auto; border:0 solid #000} #aos-page #loginbox .module-content {width:980px; _margin-top:-8px; padding-bottom:70px} #aos-page #loginbox .module-content div {width:400px; margin:0 auto;} #aos-page #loginbox .module-content div .error{width:335px!important;} #aos-page #loginbox .module-content div h2 { color:#333; font-size:22px;line-height:1.1em; padding:40px 0} #aos-page #loginbox .module-content div p {color:#333; font-size:12px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; padding-bottom:5px} #userpic { background: transparent url("../images/login_user.png?fy16-r4-1.0") no-repeat 100% 0; height:35px; width:312px;margin-left:0 !important; margin-top:25px} #userpic p { color:#333; font-size:12px; font-weight:bold} #aos-page #loginbox .module-content div select {margin:0; width:170px; color:#333; font-size:13px; font-weight:bold} #aos-page #loginbox .module-content div .smallgraytext {color:#999; font-size:10px} #aos-page #loginbox .module-content div p a {color:#08c; font-size:13px} #aos-page #loginbox .module-content div.logout {padding:100px 0; width:356px; text-align:center} #aos-page #loginbox .module-content div.logout h2 {line-height:1.3em} #aos-page #loginbox .module-content div.logout p {font-size:13px; color:#333; margin-top:-25px} #aos-page #loginbox .module-content div.loginput {margin: 10px 0 0; height:auto} #aos-page #loginbox .module-content div input {width:390px; color:#333; font-size:13px; height:20px;padding-left:12px} #aos-page #loginbox .module-content div.loginput label.placeholder { line-height:14px; width:auto; position:absolute; margin:0; padding:6px 0 0 14px; color:#999; font-size:13px; cursor:text; pointer-events:none} #aos-page #loginbox .module-content div.loginput label.fcs {color:#fff !important} .instancecolor{ color:#08c} /*********** Styles for Terms ************/ #terms {width:356px; margin:0 auto !important} #terms p {font-size:10px !important; font-weight:normal !important; margin-bottom:10px} #terms p a {font-size:10px !important; text-decoration:none; color:#08c} #terms form div.keepinright {margin-right:0} /*********** Styles for Select Region and Select Catalog ************/ #aos-page #usersignout {position:relative; margin-bottom:10px; text-align:right; width:980px} #aos-page #selectregionbox {width:568px; margin:0 auto; border:0 solid #000} #aos-page #selectregionbox .module-content {width:568px; _margin-top:-8px; padding-bottom:50px} #aos-page #selectregionbox .module-content div h2 {margin-left:33px; color:#333;font-size:20px;font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; line-height:1.1em;padding:30px 0} #aos-page #primary .module-content div.selectsoldto h2 { margin-left:33px; color:#333; font-size:22px;line-height:1.1em; padding-top:0; margin-bottom:30px} #aos-page div.smallsignout {width:980px !important} /*********** Styles for Select Region and Select Catalog inside Table ************/ #aos-page #selectregionbox .module-content #selectregioninside { width:507px; margin:0 auto; border:none} /*********** Styles for Cart ************/ span.configure {color:#000; display:inline-block} span.configure a, a.clickabledata { padding:0 2px; color:#08c; font-size:13px; font-weight:normal !important; text-decoration:underline} span.configure a:hover, a.clickabledata:hover { text-decoration:underline} .techdet,#stdrules p.heading { color:#333 !important; font-weight:normal} .totprc, .addpartlabel, .darkboldtext {color:#333 !important; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; _font-size:11px !important; _font-weight:bold} .rmv {text-decoration:underline !important; margin-right:5px; font-weight: normal !important} a.itemname1 {color:#333 !important; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; _font-size:11px !important; _font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; text-decoration:none; margin-right:8px} a.itemname {color:#333 !important; _font-size:11px !important;text-decoration:none; margin-right:8px; font-family:Myriad Pro Bold,Lucida Grande,Helvetica,Arial,Verdana,sans-serif;} a:hover.itemname {text-decoration:underline} .addpartlabel {display:block; margin-bottom:10px} input.qtybox {font-size:12px; width:50px; text-align:right; padding-right:4px; font-size:13px} input.addpartbox {width:160px;} span.divider {display:inline-block; width:30px; text-align:center; color:#ccc} #stdrules {margin-top:20px; width:50%; float:left; *padding-bottom:15px} #stdrules1 {margin-top:3px; width:50%; float:left; *padding-bottom:15px} #stdrules1 p {color:#666; font-size:11px} #stdrules1 p a {color:#08c; font-size:11px; font-weight:normal !important; text-decoration:none} #stdrules p {color:#666; font-size:11px} #stdrules p a {color:#08c; font-size:11px; font-weight:normal !important; text-decoration:none} #upload {margin-top:20px; width:290px; float:left; *padding-bottom:15px} .discountedprice {font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#00a700!important} /*********** Styles for CTO ************/ #aos-page #cto {width:780px; float:left; margin:10px 8px 0 0} #aos-page #cto .module-content div.overview {padding:5px 10px 0} #aos-page #cto .module-content div.overview .heading {width:600px; margin-top:36px; margin-left:135px} #aos-page #cto .module-content div.overview .heading p {margin-top:8px} #aos-page #cto .module-content div.overview .heading h2,#aos-page #cto .module-content .subheading h2 {font-size:18px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; line-height:20px} #aos-page #cto .module-content div.overview img {float:left; margin:15px 5px 6px 20px} #aos-page #cto .module-content .subheading { margin:50px 0 20px 30px} #aos-page #cto .module-content .subheading h2 {font-size:16px} #aos-page #cto .module-content ul.feature-list li.feature {margin-bottom:10px; *float:left} #aos-page #cto .module-content ul.feature-list li.feature a {*margin-top:-10px} #aos-page #cto .module-content ul.feature-list li.feature div.feature-content {background:transparent url("../images/configure_product_gradient.gif?fy16-r4-1.0") repeat-x scroll left bottom; width:692px; position:relative} #aos-page #cto .module-content ul.feature-list li.feature div.feature-content span.ctoblockerror { background:transparent url("../images/cto_block_error.png?fy16-r4-1.0") no-repeat left top; width:33px; height:34px; position:absolute; left:-35px; top:8px} .feature-content fieldset{background:none!important; padding-top:0!important} #aos-page #cto .module-content ul.feature-list dl dt strong.highlightedtext {color:red;display:block;font-size:1.3em} #aos-page #cto .module-content ul.feature-list dl { background: transparent url("../images/configure_product_body.gif?fy16-r4-1.0") repeat-y scroll 0 0} #aos-page #cto .module-content ul.feature-list dl dt strong {color:#000;display:block;font-size:1.3em} #aos-page #cto .module-content ul.feature-list dl dd.feature-overview {background:transparent url("../images/configure_product_overview.gif?fy16-r4-1.0") repeat-y scroll 0 0; padding:0 5px 10px 10px} #aos-page #cto .module-content ul.feature-list dl dd.feature-overview div {width:95%} #aos-page #cto .module-content fieldset { border:0 none; /*padding-top:15px*/} #aos-page #cto .module-content fieldset legend.xs {display:block; height:1px; line-height:1px; overflow:hidden; position:absolute; visibility:hidden; width:1px; margin-top:-2px} /*#aos-page #cto .module-content ul.feature-list ul.feature-select {padding-bottom:10px}*/ #aos-page #cto .module-content ul.feature-list ul.feature-select li{clear:both; padding:5px 16px 4px} #aos-page #cto .module-content fieldset ul.feature-select input {float:left; margin-right:6px; margin-top:3px!important} #aos-page form#configuration-form {display:block; *margin-bottom:45px; _margin-bottom:35px} #aos-page #secondary {width:168px; float:right; margin:10px 0 0} #aos-page #secondary div.summary {width:168px; margin-bottom:10px} #aos-page #secondary div.summary h2 { background:transparent url("../images/h2-top.gif?fy16-r4-1.0") no-repeat scroll left top; color:#fff; font-size:1.3em; padding-top:5px} #aos-page #secondary div.summary h2 strong {background:transparent url("../images/h2-bg.png?fy16-r4-1.0") repeat-x scroll 0 0; display:block; padding:0 5px 5px 12px} #aos-page #secondary div.summary .secondarysection {background:transparent url("../images/sec-bg.gif?fy16-r4-1.0") repeat-y scroll left bottom; padding: 10px 5px 20px 12px} #aos-page #secondary div.summary .footer {background:transparent url("../images/sec-footer.gif?fy16-r4-1.0") no-repeat scroll left top!important;clear:both; height:5px} #aos-page #secondary div.summary .secondarysection ul.summary-info li {display:block; padding-bottom:10px} #aos-page #secondary div.summary .secondarysection ul.summary-info li.price {color:#333; font-size:15px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; padding:15px 0} #aos-page #secondary div.summary .secondarysection ul.summary-info li.shipping {color:#666; font-size:12px; font-weight:normal} #aos-page #secondary div.summary .secondarysection ul.summary-info li.overnightshipping {color:#333; font-size:12px; font-weight:normal} #aos-page #secondary #additionalsummary { position:absolute; display:none; bottom: 0; margin-bottom:0; _margin-bottom:0}/*modified*/ #aos-page #secondary div.specification {width:168px} #aos-page #secondary div.specification h2 { background:transparent url("../images/top-left.png?fy16-r4-1.0") no-repeat scroll left top; padding-bottom:0; padding-left:5px; padding-top:0; color:#fff; font-size:1.3em} #aos-page #secondary div.specification h2 strong {background:transparent url("../images/top-right.png?fy16-r4-1.0") no-repeat scroll right top !important; padding:5px; display:block} #aos-page #secondary div.specification .secondarysection {background-color:#fff; background-image:none; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:5px 5px 15px !important; word-wrap:break-word} #aos-page #secondary div.specification .secondarysection ul#specs-list li {color:#333; margin:0; padding:3px; width:150px} #aos-page #secondary div.specification .footer { background:transparent url("../images/bottom-left.png?fy16-r4-1.0") no-repeat scroll left bottom; clear:both; height:5px; padding-left:5px} #aos-page #secondary div.specification .footer span {background:transparent url("../images/bottom-right.png?fy16-r4-1.0") no-repeat scroll right bottom; display:block; font-size:.1em; height:5px; line-height:.1em} #aos-page #secondary div.specification p {position: absolute; right:10px} #aos-page #secondary div.specification p a {background:transparent url("../images/see-more-arrow.gif?fy16-r4-1.0") no-repeat scroll right top; padding-right:15px; color:#08c; font-size:11px} #aos-page #secondary div.specification div.transition {background:transparent url("../images/transition-gradient.png?fy16-r4-1.0") repeat-x 0 0; height: 22px; margin-top:-22px; width:158px; position:relative; display:block} /*#aos-page #secondary.pinned_top {position: absolute;top: 0;right: 0}*/ #aos-page #secondary.floating {position:fixed;top: 10px} #aos-page #secondary.pinned_bottom {position: absolute;bottom: 48px;/*right: 0*/} #aos-page #slider-track {width:168px;/*position:absolute;right:0;*/margin :0 0 10px 0; float:right} /*********** Styles for Templates / Proposals / Search / Checkout /orderByPartNumber ************/ #aos-page h3{ font-size:18px; padding-top:10px;} #aos-page h4{ font-size:18px; padding:0 0 18px; line-height:25px} #aos-page h5{ font-size:16px; padding:0 0 18px;} #aos-page h6{ font-size:14px; padding:0 0 18px;} fieldset.nbr {border:none !important; width:800px !important} fieldset.nbr p {margin-bottom:3px} fieldset.nbr address {color:#999; margin-left:0; font-size:13px} fieldset.nbr p.clickabledata {padding-top:5px; font-size:13px} fieldset.nbr p.clickabledata a {color:#08c} fieldset.nbr p.clickabledata a:hover {text-decoration:underline !important} fieldset.sndprop {border:none !important; padding-right:0 !important; width:690px !important} fieldset.sndprop label {width:230px !important} fieldset.sndprop p {margin:10px 0; font-size:12px} fieldset.sndprop input.type1 {width:204px} fieldset.sndprop input.type2 {width:418px} fieldset.sndprop .buttonwrapper{margin-right:12px} fieldset.sndprop textarea {width:420px; margin-bottom:40px; font-size:13px; font-family:"Myriad Pro Regular",Lucida Grande,Helvetica,Arial,Verdana,sans-serif} fieldset.templates {border:none; margin-bottom:30px; padding-right:50px; /*width:600px;*/ border-right:1px solid #cdcdcd} .wf430 fieldset.templates {margin-bottom:10px} fieldset.templates textarea { font-family:"Myriad Pro Regular",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; font-size:13px; padding:9px 6px} fieldset.templates label {text-align:right; width:150px; float:left; padding-right:20px; padding-top:2px; font-size:13px !important; display:block; clear:both; line-height:25px} fieldset.germantemplates label {width:171px!important;} fieldset.templates input,select{margin:0 5px 8px 0; *font-size:12px !important} fieldset.templates input.graytext {color:#999} fieldset.templates a span.date {padding:2px 5px 5px 20px; text-decoration:none !important; margin-bottom:50px; vertical-align:top} fieldset.templates span.date {background:transparent url("../images/i-cal.png?fy16-r4-1.0") no-repeat scroll 0 30%; color:#666;background-size:15px 15px} fieldset.templates a:hover { text-decoration:none !important} fieldset.templates div.buttonwrapper { float:right; margin-top:20px} fieldset.templates br {line-height:5px; clear:both} fieldset.orderbypart {border:none; width:auto; padding-right:1px} fieldset.templates input.filler {border:1px solid #fff; height:18px} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { div.scrollingtable { overflow:auto} /* Opera Hack */ } fieldset.orderbypart a, fieldset.orderbypart a:hover {height:20px; vertical-align:top; color:#0085cf; text-decoration:underline} .home-widget fieldset.orderbypart a, .home-widget fieldset.orderbypart a:hover { text-decoration:none} fieldset.selectordernum {border:none; margin-right:0; width:650px; padding:0; height:auto; float:right} fieldset.selectordernum legend {font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; padding-bottom:10px; color:#333; font-size:13px; padding-left:0} fieldset.selectordernum div label {padding-left:25px; display:block; color:#666; margin:-14px 0 5px; width:625px; *margin-top:-18px} fieldset.selectordernum input {margin-top:0; margin-left:0} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { fieldset.selectordernum label {width:118px} } /* Opera Hack */ fieldset.orderbypart input.type1 {width: 210px; margin-bottom:4px;} fieldset.orderbypart input.type2 {width: 30px} fieldset.orderbypart div#partTwo {width: 400px} fieldset.orderbypart p {font-size:13px} fieldset.orderbypart p.obpnHeader {width:400px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif;color:#777;font-size:11px} fieldset.orderbypart p.obpnHeader span.lbllft {width:225px; display:block; float:left} fieldset.orderbypart p.obpnHeader span.lblrght {width:50px; display:block;display:block; float:left} #prodText input{margin-top:8px!important} div.expandspec {height:auto; margin:5px 0; width:250px} .expandbg{background-color: #f2f2f2;border: 1px solid #999} .baseline{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999} .baseline1{border-right-width: 1px;border-right-style: solid;border-right-color: #999} div.expandspec1{margin:5px 0} div.expandspec2 {margin:-15px 0 0} div.expandspec p a, div.expandspec p a:hover {text-decoration:underline !important; font-weight:normal !important; line-height:12px; padding-right:12px;} div.expandspec p a.btn-slide {background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -53px} div.expandspec p a.active {background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -43px} /* remove textarea horizontal browser default expand option */ .expandspec1,.expandspec2 textarea { resize:vertical; width:355px} div.expandspec1 p a,div.expandspec2 p a, div.expandspec p a:hover {text-decoration:underline !important; font-weight:normal !important; line-height:12px; padding-right:12px;} div.expandspec1 p a.btn-slide { background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -53px} div.expandspec1 p a.active { background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -43px} div.expandspec2 p a.active { background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -43px} div.expandspec2 p a.btn-slide { background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -53px} .expandspecDisplay {width:60%; background:#fff; text-align:left} .expandspecDisplay p{border:1px solid #ccc; padding:5px; margin:5px 0 0} #multiproposals {margin:20px 0; width:auto} #multiproposals p {margin:10px 0; font-size:12px} #multiproposals label.radiolbl {float:none; padding:0 10px; width:auto; text-align:left; display:inline} div.keepinright {margin:10px 0 10px 28px; text-align:right; width:auto; _margin-right:20px} h1 div.keepinright{float:right} div.keepinright ul li.last{padding:0; margin:0;} #primaryinside div.keepinright{margin-right:0} /*This is for top links in all pages;*/ .module-content div.keepinright-nopadding { float:right; margin:10px 0 10px 10px; text-align:right; width:auto; _margin-right:20px} div.keepinright ul {list-style:none; margin-top:15px} div.keepinright #buttonlinks {text-align:right} div.keepinright ul#buttonlinks li a,div.keepinright ul#buttonlinks li a:hover {text-decoration:underline !important} div.keepinright li{display:inline; margin-right:1em; padding-left:1.25em; border-left:1px solid #999; text-indent:0} div.keepinright ul li:first-child {border-left:1px solid #fff} div.keepinright ul li{ border-color : expression(this.previousSibling==null?'white':'gray')} /* IE6.0 Hack */ div.keepinright ul li:last-child { margin-right:0 !important} div.keepinright a,div.keepinright a:hover { color:#08c; text-decoration:none} div.keepinright a.lightgraytext {color:#333; text-decoration:none} div.shifttop {clear:right; margin-top:-10px !important} div.proposerinfo {float:left; margin-bottom:5px; width:600px; word-wrap:break-word} .proposerinfoblock {clear:both;!important; overflow:hidden; padding:0} div.proposerinfo p, .displaydata {font-size:13px; color:#999; padding-top:5px} /*********** Fatwire Templates Classes ************/ #aos-page .ftwtemplates h4{padding-bottom:0!important;} /*********** Styles for Checkout ************/ #aos-page #primary .module-content hr {border:none; border-bottom:1px dotted #ccc; height:1px; display:block; margin-bottom:20px; clear:both} #aos-page #primary .module-content div.payment { border:none; padding:5px 10px 5px 3px; float:left; margin:5px 0 10px; width:160px} #aos-page #primary .module-content div.payment fieldset {border:none; width:auto} #aos-page #primary .module-content div.payment fieldset label {padding:0 15px 5px 5px; display: inline-block; vertical-align: top; width: 120px; *width: 110px; line-height:26px; word-wrap: break-word} #aos-page #primary .module-content div.payment fieldset input.radpadg {margin-top:6px; *margin-top:0; margin-right:5px} #aos-page #primary .module-content div.paymentdetails {border:none; padding:5px; float:left; padding-left:20px; margin-bottom:20px; width:700px; border-left:1px dotted #ccc; min-height:110px;height:auto !important; height:100px; line-height:24px} #aos-page #primary .module-content div.paymentdetails br {line-height:7px} #aos-page #primary .module-content div.paymentdetails span {padding:0 5px; vertical-align:top} fieldset.checkout { border:none; /*width:900px !important;*/ padding-bottom:5px; margin-top:10px !important; padding-right:0} fieldset.checkout span { max-width:100px; text-align:right; display:inline-block; padding:0; vertical-align:top; font-size:13px} fieldset.checkout span.whitebutton-full {max-width:100%!important} fieldset.checkout span.displaydata {width:auto} fieldset.checkout div.elewrap { display:inline-block; *float:left} fieldset.checkout legend {margin-bottom:10px; display:block;} fieldset.checkout textarea {margin:10px 0} fieldset.checkout p.graytext {color:#666} fieldset.checkout label {width:162px !important} #returnRequestForm fieldset.checkout label {width:135px !important} fieldset.checkout div div.fieldswrapper { margin-bottom:3px; width:900px} fieldset.indentleft {padding-left:20px; width:700px !important} fieldset.indentleft span.lefttext{line-height:25px; padding-right:4px} fieldset.indentleft legend {margin-left:-20px;} fieldset.checkout span.lefttext {width:auto; text-align:left} fieldset.checkout address {margin-left:0!important} address {font-weight:normal; font-size:13px; font-style:normal; width:300px; margin-left:170px; color:#999} #aos-page #primary .module-content div.paymentdetails label {display:block; text-align:right; width:250px; float:left; padding-right:20px; padding-top:2px; height:20px; font-size:11px !important;} #aos-page #primary .module-content div.paymentdetails input.type1 {width:42px; *font-size:12px} #aos-page #primary .module-content div.paymentdetails input.type2 {width:205px; *font-size:12px} #aos-page #primary .module-content #CreditCard {line-height:15px} #aos-page #primary .module-content #CreditCard label.cardsmargin {display:inline-block; margin-right:20px; text-align:left; width:auto; float:none; padding:0; vertical-align:top} #aos-page #primary .module-content #primaryinside p.download { background:transparent url("../images/i-pdf.png?fy16-r4-1.0") no-repeat scroll 0 0; background-size:25px 25px; margin-top:15px; padding:7px 0 0 35px; height:25px; width:600px} #aos-page #primary .module-content #primaryinside p.download a {color:#333; font-size:12px;font-family:"Myriad Pro Bold", Lucida Grande,Helvetica,Arial,Verdana,sans-serif} #aos-page #primary .module-content #primaryinside p.download a:hover {text-decoration:underline} #shipnorderinfo_wrapper {margin:20px 0 30px; width:600px; word-wrap:break-word} #shipnorderinfo_wrapper fieldset {border:none; width:590px !important; padding-bottom:25px} #shipnorderinfo_wrapper fieldset label {display:block; text-align:right; width:275px; float:left; padding-right:20px; padding-top:4px; font-size:13px !important} #shipnorderinfo_wrapper fieldset br {clear:both; line-height:2px} #shipnorderinfo_wrapper fieldset p {width:200px; margin-left:295px} #shipnorderinfo_wrapper address {font-weight:normal; font-size:13px; font-style:normal; width:300px; margin-left:295px; color:#999} #shipnorderinfo_wrapper address span {display:block; font-size:13px; position:absolute; margin-left: -320px; color:#333; text-align:right; width:300px} #promo {width:auto; margin:20px 0} #promo label {font-size:12px; font-family:"Myriad Pro Bold", Lucida Grande,Helvetica,Arial,Verdana,sans-serif; vertical-align:middle} #promo input,#promo select { margin:0 5px; font-weight:normal; font-size:11px} #promo a.ovalbutton { float:none; display:inline-block; width:auto} div.ses_comment {display: table; margin:20px 0; width:920px; font-size:11px} div.ses_comment label {text-align:right; width:275px; float:left; padding-right:20px; padding-top:2px; font-size:13px !important; display:block; clear:both} div.ses_comment div.proposerinfo {width:610px} div.ses_comment p.displaydata, div.ses_comment div.proposerinfo p{padding-top:3px!important} select.samespaceSelect {padding:2px} /* Special select box for checkout-ship-to */ @media screen and (-webkit-min-device-pixel-ratio:0) { select.samespaceSelect {border:1px solid #969696; height:28px} } /*********** Styles for orderByPartNumber ************/ #aos-page #primary div.module-content #primaryinside div.orderbypartnumber { width:900px; height:auto; border-top:1px solid #ccc; margin-top:25px; padding:10px 0 5px} #aos-page #primary div.module-content #primaryinside div.orderbypartnumber div.searchitem {float:left; width:210px} #aos-page #primary div.module-content #primaryinside div.orderbypartnumber div.searchitem p {font-size:12px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#666} #aos-page #primary div.module-content #primaryinside div.wrapbutton {float:right; margin:50px 467px 50px 0; _margin-right:120px} /*********** Styles for Table ************/ div.scrollingtable {/*overflow-y:auto;*/ overflow-x:hidden; *overflow-y:hidden} div.scrollingtable {height: expression( this.scrollHeight > 429 ? "450px" : "auto" ); /* sets max-height for IE */ max-height: 450px /* sets max-height value for all standards-compliant browsers */} /*********** Styles for Scrolling Table ************/ div#scrTable_header0 {padding:0} .scrollingtable .tabledetails {margin:0} div#scrTable_content0 table.tabledetails tr td {/*padding:15px 0*/} div#scrTable_content0 table tr:first-child td {border-top:0; _border-top:1px} div#scrTable_header0 {background-color:#f1f1f1; border-bottom:1px solid #cdcdcd; _border-bottom:0} div#scrTable_content0 {overflow-y: scroll; margin-top:-4px; border-bottom:1px solid #e0e0e0;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} div#scrTable_content0 table.tabledetails tr td input.chkspace, div#scrTable_header0 table.tabledetails tr th div input.chkspace, div#scrTable_header0 table.tabledetails tr td div input.chkspace {margin:0 15px 0 5px} div#scrTable_header0 table.tabledetails tr th.num, div#scrTable_content0 table.tabledetails tr td.num {text-align:right; padding-right:10px} div#scrTable_header0 table.tabledetails tr th.num div, div#scrTable_content0 table.tabledetails tr td.num div{float:right} #pricetablewrapper,#buttonwithh2{float:right; margin:20px 0; text-align:right; width:auto} #buttonwithh2 {margin:0 !important} #pricetablewrapper p span a{color:#08c; font-size:13px; font-weight:normal !important; text-decoration:none} table#pricedetails, table.accesories { border-collapse:collapse; border-spacing: 0; border:none; margin-bottom:10px} table#pricedetails td{ text-align:right; padding-right:10px; vertical-align:top; white-space:nowrap} table#pricedetails tr.totline { border-top:1px solid #ccc} table#pricedetails tr.totline td {padding-top:3px; *border-top:1px solid #ccc !important} table.accesories {margin-bottom:0} table.accesories tr {padding-bottom:15px} table.accesories td{ text-align:left; font-size:13px; font-weight:normal; color:#333; vertical-align:middle} table.accesories td.price{font-size:12px;font-weight:bold} table.accesories caption {color:#333; font-size:16px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; padding:0 0 40px; text-align:left} table#searchpto {border:none; border-right:1px dotted #cdcdcd; width:auto; margin-bottom:40px; padding-right:40px} table#searchpto tr td { vertical-align:top; text-align:left; padding-bottom:5px} table#searchpto tr td div.separator {height:5px; line-height:2px} table#searchpto tr td.label {text-align:right; width:150px; line-height:34px; padding-right:20px; font-size:13px !important} table#searchpto tr td.input {line-height:32px;vertical-align:middle;} table#svatupload tr td.label {text-align:right; width:200px; line-height:32px; padding-right:20px; font-size:11px !important} table#searchpto tr td input, table#searchpto tr td select { margin:0 10px 0 0 !important; font-size:13px !important} *:first-child+html table#searchpto tr td span.date{top:4px; position:relative;}/*ie7 cal image adjustment*/ table#searchpto tr td span.date {top:4px\0/!important; padding:7px 0 5px 18px}/*ie8 cal image adjustment*/ :root table#searchpto tr td span.date {top:2px\9!important; padding:4px 0 5px 0; line-height:34px}/*ie9 cal image adjustment*/ table#searchpto tr td a:hover { text-decoration:none !important} table#searchpto tr td a.bluebutton {float:right; margin: 20px 0 0; _margin-right:5px} table#searchpto tr td input.graytext {color:#999} table.ordetails { /* width:650px; margin-left:235px; *margin-left:188px; */} table.ordetails tr td {padding:2px; border-top:none !important} table.ordetails tr th {border-left:0; border-top:0} table.ordetails tr th a { padding-left:0} table.ordetails tr td a, table.ordetails tr td a:hover {font-weight:normal} table.ordetails tr th:first-child,table.ordetails tr td:first-child,table.ordetails tr td{ padding-left:2px!important} table.ordstatus { border:none} table.ordstatus tr td { color:#999; font-size:13px; vertical-align:top; padding-top:0; font-size:13px; border:2px solid #fff} table.ordstatus tr td a { color:#08c} table.ordstatus tr td.label { color:#333; text-align:right; padding-right:20px; width:150px !important} table.ordstatus tr td.displaydata { color:#999; text-align:left} /***** Styles for Process Spinner ********/ div.spinnerprocess { position:absolute; margin:auto; display:none; height:25px; width:25px;background:transparent url("../images/spinner.gif?fy16-r4-1.0") no-repeat center} div.spinnerprocess-small { position:absolute; margin:auto; display:none; height:25px; width:25px;background:transparent url("../images/spinner.gif?fy16-r4-1.0") no-repeat center} /***** Styles for Button ********/ .leftspace {margin-left:7px !important} .keepinright .leftspace, .flt-right .leftspace{margin-left:0!important;} div.buttonwrapper {overflow: hidden; width:auto; cursor:pointer; margin:0 0 0 10px; display:block; _display:inline-block} div.inlinebuttonwrapper {display:inline-block !important; *display:inline !important} div.loginfltrgt {text-align:right;float:right; margin-right:105px; _margin-right:55px; margin-top:-40px} /* login page specific class for positioning */ .ovalbutton {font-size: 13px;padding:7px 20px 5px;border-radius: 4px;color: #2d3c47;line-height: 19px;display: inline-block;cursor: pointer;-webkit-font-smoothing: subpixel-antialiased; font-weight:normal!important;} .greenarrowbutton {background:#39bd55; color:#fff;} .bluebutton {background:#3496fc; color:#fff; text-shadow:none!important } .brownbutton {background:#c3c3c3; color:#000; text-shadow:none!important } .whitebutton {background: #ececec;border: 1px solid #c3c3c3;color: #000;text-shadow: none !important; padding-bottom:4px!important; line-height:19px!important} .whitebutton .whitebutton { border:0} /***** Styles for Date Picker ********/ table#datepickertop {width:360px; text-align:center; margin:0 auto; background-color:#aaa; border-left:1px solid #aaa; border-right:1px solid #aaa} table#datepickertop td input {width:40px; font-size:13px; *height:15px; _height:17px} table#datepickertop td select {*font-size:13px; margin-bottom:0} table#datepickertop td {margin:10px 0} table#datepickertop td a {padding:2px 5px; background-color:#aaa; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; font-size:12px; color:#fff; display:block; margin-bottom:10px} table#datepickertop td a:hover {color:#555} table#datepickermiddle a,a:hover {text-decoration:none} table#datepickermiddle a.focusDay {background-color:#fff; color:red; display:block; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; height:20px; vertical-align:center; padding-top:7px; border:1px solid red} table#datepickermiddle a.focusDay:hover {background-color:red; color: #fff; display:block; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; height:20px} table#datepickermiddle a.weekDay {color:#333; display:block; height:20px; vertical-align:center; padding-top:7px} table#datepickermiddle a.weekDay:hover {color:#fff} table#datepickermiddle {border-left:1px solid #aaa; border-right:1px solid #aaa; width:360px; margin:0 auto} table#datepickermiddle tr td {width:40px; *width:60px; background:#eee; text-align:center} table#datepickermiddle tr td:hover {background-color:#0085cf; color:#fff} table#datepickermiddle tr td.heading {background-color:#aaa; font-size:13px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; height:23px; color:#fff} table#datepickermiddle tr td.inactive {width:40px; *width:60px; background:#eee; color:#999; text-align:center} table#datepickermiddle tr td.inactive:hover {background-color:#eee; color:#999} table#datepickermiddle tr td.active {width:40px; *width:60px; background:#eee; text-align:center} table#datepickermiddle tr td.active:hover {background-color:#0085cf; color:#fff} table#datepickermiddle a.inactiveWeekDay {color:#999; display:block; height:20px; vertical-align:center; padding-top:7px; !important} table#datepickermiddle a.inactiveWeekDay:hover {color:#999} table#datepickerbottom {margin:0 auto; width:360px; text-align:center; border: 1px solid #aaa; background-color:#fff !important} table#datepickerbottom td {padding:5px 0} table#datepickerbottom td input {width : 85px} table#datepickerbottom td input.textInput {font-size:13px; height:16px; background-color:#fff; border:1px solid #aaa} @media screen and (-webkit-min-device-pixel-ratio:0){ table#datepickertop td input { height:15px} } /****** Disclaimers ******/ div.disclaimers {margin:10px 0; float:none; font-size:12px} div.disclaimers p {color:#999; padding-right:35px} div.disclaimers p a {color:#08c; text-decoration:none} div.disclaimers p a:hover {color:#0085cf; text-decoration:underline} /****** Error Styles ******/ #aos-page input.err , table#datepickertop td input.err { background-color:#ffc !important; color:red !important} .longmsg {display:block;} #customizevppdesc .longmsg, .errmsg-twoclms {width:668px!important} div.error ul li, div.info ul li, div.warning ul li, .error li, .error p {text-align:left; /*font-family:"Myriad Pro Bold";*/ font-size:13px} div.error, div.info, div.warning, ul.error div.success {border-style: solid; border-width: 1px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin:10px 0; padding:11px 15px 7px 40px; font-size:13px; line-height:inherit; background-size:18px 18px!important} div.success {border-color:#d9e9c9; color:#40763c;background:#e0efd8 url("../images/i-success.png?fy16-r4-1.0") no-repeat scroll 13px 11px; background:#e0efd8 url("../images/i-success-ie.png?fy16-r4-1.0") no-repeat scroll 13px 11px\9;} div.info {border-color:#bcdefe; color:#327093;background:#d6eafd url("../images/i-info.png?fy16-r4-1.0") no-repeat scroll 13px 11px; background:#d6eafd url("../images/i-info-ie.png?fy16-r4-1.0") no-repeat scroll 13px 11px\9;} div.warning {border-color:#faedcf; color:#886e3a;background:#fdf8e4 url("../images/i-warning.png?fy16-r4-1.0") no-repeat scroll 13px 11px; background:#fdf8e4 url("../images/i-warning-ie.png?fy16-r4-1.0") no-repeat scroll 13px 11px\9;} div.error, ul.error {border-color:#edd2d6; color:#a74241;background:#f2dedf url("../images/i-error.png?fy16-r4-1.0") no-repeat scroll 13px 11px; background:#f2dedf url("../images/i-error-ie.png?fy16-r4-1.0") no-repeat scroll 13px 11px\9;} div.info ul li {color:#327093} div.warning ul {margin-bottom:0!important} div.warning ul li {color:#886e3a} div.error ul li, .error li, .error p {color:#a74241} div.error a, div.error a:hover {color:#a74241; text-decoration:none} div.inlinemsg {border:1px solid #cdcdcd; padding:5px 5px 0; width:230px; margin-top:8px; background:#ffc; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px} div.inlinemsg ul li { color:red; font-weight:normal; font-size:12px; line-height:13px; margin-bottom:5px} div.continlinemsg { padding:0 5px; width:170px; margin-top:-2px; background:#f5f5f5; -moz-border-radius: 5px;border-radius: 5px; -webkit-border-radius: 5px; margin-left:-10px} div.continlinemsg ul li { color:red; font-weight:normal; font-size:12px; margin-bottom:5px} div.continlinemsg ul li { color:#666; font-weight:normal; font-size:12px; margin-bottom:5px} .lineborder{ border-bottom: 1px solid #fff} .lineborde1r {border-bottom: 1px dotted #ccc} /****** Pagination Styles ******/ #pagination-top {margin:20px 0 10px 40px; padding-top:10px} #pagination-top ul { line-height:15px} #pagination-top ul li { display:inline; padding-right:5px; font-size:13px;} #pagination-top ul li a.first, #pagination-top ul li.first { border:none !important} #pagination-top ul li a { border-left:1px solid #ccc; padding-left:5px; text-decoration:none; color:#8693a9} #pagination-top ul li.selected, #pagination-top ul li a.selected { border-left:1px solid #ccc; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; padding-left:5px; color:#575757} #pagination-top ul li a.previous { background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat scroll 0 0; padding-left:15px; border:none} #pagination-top ul li.inactiveprevious { color:#c0c0c0; background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat 0 -11px;background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat 0 -10px\9; padding-left:15px; border:none} #pagination-top ul li a.next { background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat scroll right -32px; padding-right:15px; border:none} #pagination-top ul li.inactivenext { color:#c0c0c0; background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -21px;background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -20px\9; padding-right:15px; padding-left:5px; border:none} #pagination-bottom {margin:20px 0} #pagination-bottom ul { line-height:15px} #pagination-bottom ul li { display:inline; padding-right:5px; font-size:13px;} #pagination-bottom ul li a.first, #pagination-bottom ul li.first { border:none !important} #pagination-bottom ul li a { border-left:1px solid #ccc; padding-left:5px; text-decoration:none; color:#8693a9} #pagination-bottom ul li.selected, #pagination-bottom ul li a.selected { border-left:1px solid #ccc; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; padding-left:5px; color:#575757} #pagination-bottom ul li a.previous { background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat scroll 0 0; padding-left:15px; border:none} #pagination-bottom ul li.inactiveprevious { color:#c0c0c0; background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat 0 -11px; padding-left:15px; border:none} #pagination-bottom ul li a.next { background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat scroll right -32px; padding-right:15px; border:none} #pagination-bottom ul li.inactivenext { color:#c0c0c0; background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -21px; padding-right:15px; padding-left:5px; border:none} /****** Oops Styles ******/ #oops {border:none; width:830px; padding:20px 10px 20px 40px} #oops h1 {font-size:50px; line-height:55px; color:#666} #oops p {font-size:15px; color:#999; line-height:18px} #oops a {font-size:13px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#08c; line-height:15px; margin:20px 0; display:block; background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat scroll 0 -3%; padding-left:20px} /****** System Info Styles ******/ div.module-name {margin-left: 0 !important; color:#333} /*used for system level information */ /****** Autosuggest Styles ******/ .autocomplete-w1 {background:url(../images/shadow.png?fy16-r4-1.0) no-repeat bottom right; position:absolute; top:0; left:0; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0} .autocomplete {border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:200px; _margin:0; _overflow-x:hidden} .autocomplete .selected {background:#6391FF; color:#F1F1F1; font-weight:bold} .autocomplete div {padding:2px 5px} .autocomplete strong {color:#39F} .autocomplete .selected strong {color:#fff} /****** Generic Search ******/ div.staticinfomsg {margin:0 0 30px} div.staticinfomsg ul li {margin-bottom:10px} /******************************************************************************/ /*********************** Styles for 1B Changes ************************/ /******************************************************************************/ #aos-page #rslistonhome {margin:0 auto; border:0 solid #000; margin-bottom:8px} #aos-page #rslistonhome .module-content {_margin-top:-8px; padding-bottom:20px; padding-left:35px} #aos-page #rslistonhome .module-content h1 {border-bottom:1px solid #d5d5d5; color:#333; font-size:22px; line-height:22px; font-weight:normal; padding:42px 0 15px; width:100%!important;} div#rslistonhome div.module-content table.notopline tr td {padding:5px} div#rslistonhome div.module-content table.notopline tr td+td {vertical-align:middle} div#rslistonhome div.module-content table.notopline tr.first td {border-top:0} div.recbuttonblock {float:right; margin:10px 0} div.keepinright a.viewall, div.expandcatalog a.expand { background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -53px; padding-right:10px;color:#08c; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; font-size:13px; text-align:right; text-decoration:underline} div.expandcatalog {margin-top:-30px} div.expandcatalog a.active {background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -43px} div.staticinfomsg {margin:0 0 30px} div.staticinfomsg ul li {margin-bottom:10px} #aos-page #primary .module-content #ProcurementCard {line-height:15px} #aos-page #primary .module-content #ProcurementCard label.cardsmargin {display:inline-block; margin-right:20px; text-align:left; width:auto; float:none; padding:0; vertical-align:top} #aos-page span.filler25, #aos-page span.filler50, #aos-page span.filler75, #aos-page span.filler100 { display:block; clear:both} #aos-page span.filler25 {height:25px} #aos-page span.filler50 {height:50px} #aos-page span.filler75 {height:75px} #aos-page span.filler100 {height:100px} fieldset.templates textarea {margin:2px 0 4px} fieldset.checkout div#forsamebillto {margin-bottom:8px} fieldset.checkout div#forsamebillto input.samebillto {margin-bottom:0; margin-right:8px} fieldset.checkout div#forsamebillto label.samebillto {width:auto !important} .checkout-accept {text-align:right; clear:both} .checkout-accept input[type=checkbox] {top:3px\9; position:relative\9;} fieldset.checkout div.selectchoice:before {clear:both} fieldset.checkout div.selectchoice {width:900px; margin-top:8px} fieldset.checkout div.selectchoice label.selectchoiceheader {width:200px} fieldset.checkout div.selectchoice span.selectchoicelabels {max-width:750px; float:none} fieldset.checkout div.selectchoice span.selectchoicelabels label {width:auto !important; text-align:left; padding-right:20px; display: inline-block; float: none} div#expdshipping {float:left; width:50%; padding: 3px 3px 3px 0; margin-top:10px} div#expdshipping table tr th {padding-right:50px; padding-bottom:7px} div#expdshipping table tr.odd td {border-top:1px solid #ddd; border-bottom:1px solid #ddd} div#expdshipping table tr td {vertical-align: top; padding:5px 0 2px} div#expdshipping label.shippingoption {margin:0 15px 0 10px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#555; *margin-left:7px} div#expdshipping table tr td p {margin-left:23px; color:#999; *margin-left:28px} table#addvaln {margin:20px 0} table#addvaln tr td.col1 {padding-right:60px} table#addvaln tr td.col2 {border-left:1px solid #ccc; padding-left:60px} table#addvaln tr td address {margin-left:0} div.fysserach {float:left; margin-left:0} div.fyssidetxt {width:400px; float:left; margin-left:50px; position:relative} div.fyssidetxt p {font-size:13px; color:#333; margin-bottom:25px} div.fyssidetxt p a, div.fys-btm p a { color:#08c; text-decoration: underline} div.fys-btm {margin:15px 0} div.fys-btm p {font-size:13px; color:#666} input.emailbox {width:558px} input.inpt200 {width:200px} h2 a{color:#08c} ul.nosuccessonsearch {font-size:13px; list-style-type:disc; color:#666; margin-left:15px} ul.nosuccessonsearch li {line-height:22px} ul.nosuccessonsearch ul {color:#888;list-style-type:circle; margin-left:15px} .break-word {word-wrap: break-word;width:200px;float: left;/*margin-bottom: 5px;width: 600px;*/word-wrap: break-word; color:#999} ul.nosuccessonsearch {font-size:13px; list-style-type:disc; color:#666; margin-left:15px} ul.nosuccessonsearch li {line-height:22px} ul.nosuccessonsearch ul {color:#888; list-style-type:circle; margin-left:15px} /* CSS Document */ table.tabledetails1 tr th {padding: 3px 3px 3px 0 !important} table.tabledetails1 tr td {padding: 15px 5px 0 0 !important} .tabledetails .vpp-cart td {padding:2px\0/ 0!important;}/*ie8*/ :root .tabledetails .vpp-cart td{padding:2px\9 0!important;}/*ie9*/ div.continlinemsg {margin-left: 5px !important} .continlinemsg .first {padding-top:10px; margin-bottom:5px} .continlinemsg .lbl-block label {display:block} .continlinemsg .second {padding-bottom:10px} div.expandspec {width: 100% !important} .white_content {display: none;position: absolute;top: 15%;left: 25%;width: 40%;padding: 16px;border: 16px solid #dbd9d9; background-color: #fff;z-index:1002;overflow: auto} #addRowsDiv {width:63.5%; display:block;} #addRowsDiv a {color:#09F} .divider-dots {width:65%} .border-dotted {margin-top:-9px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; padding:0 0 0 50px} .border-dotted span {background:#fff} table#addvaln tr td address .margin{margin-left:0 !important} strong.divider {padding:0 8px 0 0} .rcode {width:115px} /* ================================ General Classes ================================ */ .flt-right {float:right!important} .flt-left {float:left!important} .clr-both {clear:both!important} .clr-right {clear:right!important} .clr-left {clear:left!important} .dis-none {display:none!important} .dis-block {display:block!important} .txt-bold {font-weight:normal!important; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif;} .txt-black {color:#333!important} .txt-red {color:#FF3300!important} .txt-cartnote {color:#000; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; padding:10px 0 0} .align-center {text-align:center!important} .align-left {text-align:left!important} .align-right {text-align:right!important} .dis-block {display:block!important} .dis-none {display:none!important} .text-box-width td input{width:180px} .expandspec1 .dis-none textarea{margin-top:10px; width:315px;height:60px} .rcode {width:115px!important} .ccemailid {margin-top:10px; width:315px;height:20px} .templates .firs {margin-top:-3px} .top-bottom-space {padding-top:19px!important;padding-bottom:19px!important} .top-space {padding-top:19px!important;} .top-bottom-space .orderstausdetailbody .requesttable td {padding-top:3px!important} .bottom-space {padding-bottom:25px!important} .font-11 {font-size:11px!important} .font-12 {font-size:12px!important} .font-13 {font-size:13px!important} .font-14 {font-size:14px!important} /* margin */ .margin0 {margin:0!important} .margin-top0 {margin-top:0!important} .margin-bottom0 {margin-bottom:0!important} .margin10-topbottom {margin-bottom:10px!important;margin-top:10px!important} .margin-left0 {margin-left:0!important} .margin-leftvpp {margin-left:-5px!important} .margin-right0 {margin-right:0!important} /* padding */ .padding0 {padding:0!important;border:0!important} .padding-top0 {padding-top:0!important} .padding-bottom0{padding-bottom:0!important} .padding-left0 {padding-left:0!important} .padding-right0 {padding-right:0!important} .displaydata-rrconfimbody {max-width:500px !important;text-align:left !important} .attachment-details {/*margin-left:32px;*/ margin-top:20px} #attachdiv a {margin-right:5px} .radius {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;float: right;width: 34%;padding: 0;margin: 0;background: #f9f9f9} .radius fieldset {width: 300px !important;overflow: hidden} .border-bottom strong {display: block;clear: both;width: 148px;text-align: right;margin: 10px 0} /*.border-bottom p {border-bottom: 1px solid #efeff1;width: 257px;text-align: right;padding-right: 20px;margin-left: 20px}*/ .error-rrreason {background: #ffc;border: 1px solid #c0c0c0;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin: 5px 0;padding: 5px 10px;color: red; width: 97.5%;border-radius: 5px;} .rrdtailbody-div-rightborder {float: left; width: 63%; border-right: 1px solid #ccc} .rrdtailbody-div-rightborder label, .radius label {width:230px!important} .rrdtailbody-div-rightborder .break-word {display:block!important; width:300px!important} .proposerinfo-rrdetailsbody {width: 45%!important} select#rectype.sBox {margin-top:4px;#} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome, if Chrome rule needed */ select#rectype.sBox {margin-top:5px!important;} /* Safari 5+ ONLY */ ::i-block-chrome, select#rectype.sBox {margin-top:2px!important;} } body:empty select#rectype.sBox.valid {margin-top:0;} /* margin with minus values */ .mlminusthree {margin-left: -3px} .minus-top-twenty {margin-top: -35px!important}/*this is for hyperlinks below page header */ *:first-child+html .minus-top-twenty {margin-top:-29px!important; z-index:999} .width0 {width:0!important} .widthauto {width:auto!important} /*#globalsearch input.gsearch {color: #bbb !important}*/ .rrverifybody-displaydata {max-width:500px !important;text-align:left !important} .bgred {background-color:red} table.tabledetails tr th span {} .requesttable {background:transparent url("asb2bcommon/images/sortArrow.png?fy16-r4-1.0");margin-top:10px;border:1px solid #CDCDCD;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width: 650px} .selectitemsstorereturn .requesttable {width:100%!important} .requesttable thead {background:#f1f1f1} .requesttable tbody {background:#fff} .requesttable td {background:#fff;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0; border-bottom-left-radius:0;padding:5px 5px 5px 0;vertical-align: top} .requesttable th {padding:10px 20px 10px 0; border-left:0; border-top:0} .requesttable tr.even td {background:#fff} .requesttable th:first-child {-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px} .requesttable th:last-child {-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px} .requesttable tr:last-child td:first-child {-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px} /* Delivery Tracking Box */ .deliverytracking {margin:5px 0;} .deliverytracking table {padding:0!important;margin:0!important; width:560px!important} .deliverytracking table tr th:first-child {padding-left:8px!important;line-height:23px;} .deliverytracking table td {padding:0!important} .deliverytracking table td table {padding:0!important;margin:0!important} .deliverytracking table td table td {border:0!important; padding:0!important} .deliverytracking table td table td ul {padding:0} .deliverytracking table td table td ul li {list-style-type:none} .deliverytracking table td .mit-message {background:#f5f5f5; border-top:1px solid #e6e6e6;margin-left:-3px; margin-top:5px; padding:2px 5px; text-align:justify;} /*this had to be added because the first column is defined as rowspan=2 */ .btnactiontext {padding-top: 2px;white-space: nowrap;font-weight: normal} #btnText {top: -17px;position: relative;margin-left: 15px} table.innercheckboxes tr td {padding:0;background-color: #fff;border-top: 0} table.innercheckboxes tr td.checkboxcol {padding:7px 0 4px 4px;width:156px;background-color: #fff;border-bottom: 1px solid #CDCDCD} table.tabledetails .btnactiontext {background:none} .quantity-field {width:50px;margin-left:35px} .getItemNum td.firsttd {border-top:1px solid #fff; height:0!important;padding-bottom: 0 !important;padding-top: 0 !important} .getItemNum td.firsttd:hover {background:#fff} .getItemNum td div.firstdiv {margin-top:-10px} table.ordstatus tr td.label {width: 151px!important} .tabledetails1 table.tabledetails tr td input[type="checkbox"] {margin: 2px 5px 5px 2px} .tabledetails1 table.tabledetails tr th span {background: transparent url(asb2bcommon/images/sortArrow.png?fy16-r4-1.0) no-repeat scroll 100% 0!important} .tabledetails1 .ordetails tr td:first-child {padding-left:3px!important} .orderstausdetailbody {overflow:auto; height:141px; overflow-x:hidden; width:70%; padding:0; margin-top:5px} .orderstausdetailbody .requesttable {border:1px solid #CDCDCD;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; width:430px; margin-top:0!important} .orderstausdetailbody .requesttable th {padding:5px 20px 5px 0;border-bottom: 1px solid #CDCDCD} .orderstausdetailbody .requesttable td {padding:5px 5px 5px 10px;vertical-align: top;border-left: 0!important;border-right: 0!important;border-bottom: 1px solid #ccc!important; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0;border-bottom-left-radius:0} .orderstausdetailbody .requesttable th:first-child {-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px} .orderstausdetailbody .requesttable th:last-child {-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px} .orderstausdetailbody .requesttable tr:last-child td:first-child{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px} .orderstausdetailbody tr:last-child td:last-child {-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px} /* this had to be added because the first column is defined as rowspan=2 */ .no-border {border:none!important} .requesttable-scroll {display: none; max-height:112px; width:337px; overflow-x:hidden; overflow:auto; margin-top:5px} .ordstatus1 {margin:0 0 30px} .clr-blue {color:#08c!important} .clr-green {color:#1ba61b!important} .clr-grey {color:#ccc!important} .expandspec .slide1 {width:300px} .btnactiontext1 {padding-top: 2px;white-space: nowrap;font-weight: normal;color:#000;top:0;margin-left:20px} .serial-number-master-box {top:0; left:13px; position:relative} .selectitemsstorereturn .first {width:170px} .selectitemsstorereturn .second {width:172px} .selectitemsstorereturn .third {width:154px;} /* return request copy to all */ .copytoall .slidingDiv {overflow:hidden; clear:both} .copytoall .slidingDiv p br {display: none!important;} .copytoall .slidingDiv .flt-right {margin-top:10px;} .copytoall .link {text-align:right!important; padding:0 0 7px; font-weight:normal!important; float:right; display:block; clear:both;} .copytoall .slidingDiv {border:1px solid #ccc; overflow:hidden; padding:14px; margin:0 0 7px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .copytoall .note {clear:both; display:block; padding:10px 0 0; color:#8f8f8f} .copytoall p {float:left; padding:0 4px 0 0} .copytoall .slidingDiv {overflow:hidden; clear:both} table.tabledetails tr td table tr th span {background:none} table.requesttable thead tr th div.margin0 {margin-left:12px!important;*margin-left:9px!important} *:first-child+html table.requesttable thead tr th div.margin0 {margin-left:-7px!important}/*ie7*/ table.requesttable thead tr th div.margin0 {margin-left:7px\0/!important}/*ie8*/ :root table.requesttable thead tr th div.margin0 {margin-left:7px\9!important} /*ie9*/ @-moz-document url-prefix() {table.requesttable thead tr th div.margin0{margin-left:11px!important}} table.tabledetails tr th:first-child.align-center {padding-left:8px!important} table.tabledetails tr.heading th:first-child, table.tabledetails tr td:first-child {padding-left:10px;} table.tabledetails tr.heading th.template-checkbox {padding-left:14px!important} .requesttable-assetag {width:320px; margin-top: 0} .requesttable-assetag tr td {border-bottom: 1px solid #CDCDCD !important;border-left: 0 none !important; border-right: 0 none !important} table.tabledetails tr td.getItemNum {padding: 0!important} /* New model Popup */ .modal-overlay {position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;margin:0;padding:0;background:#000;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;z-index:101} .modal-window {position:fixed;margin:0;padding:0;z-index:102} .close-window {position:absolute;width:32px;height:32px; margin-top:0; margin-left:-10px; background:transparent url('../images/close-overlay.png?fy16-r4-1.0') no-repeat top right;text-indent:-99999px;overflow:hidden;cursor:pointer; /*opacity:.5;filter: alpha(opacity=50);-moz-opacity: 0.5*/} .close-window:hover {opacity:.99;filter: alpha(opacity=99);-moz-opacity: 0.99} /* model popup for voucher */ .model-window {position: fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;padding: 0;background: #000; opacity: .15;filter: alpha(opacity=15);-moz-opacity: .15;z-index: 101;display: none} .model_dialog {display: none;position: fixed;top: 50%;left: 50%;margin-left: -190px;margin-top: -100px;padding: 0;z-index: 102} .modal-table td {padding:0!important; margin:0!important; border:0!important; font-size:12px!important} .modal-table td input[type=text]{width:200px; margin:1px} .modal-table td textarea {width:204px; margin:1px; min-height:60px} .tleft {background:url(../images/popup-tl.png?fy16-r4-1.0) no-repeat; width:29px!important; display:block; height:29px} .tcenter {background:url(../images/popup-tm.png?fy16-r4-1.0) repeat-x} .tright {background:url(../images/popup-tr.png?fy16-r4-1.0) no-repeat; width:29px} .cleft {background:url(../images/popup-ml.png?fy16-r4-1.0) repeat-y} .ccenter {background:#fff; padding:10px 0 0} .cright {background:url(../images/popup-mr.png?fy16-r4-1.0) repeat-y; height:29px} .bleft {background:url(../images/popup-bl.png?fy16-r4-1.0) no-repeat} .bcenter {background:url(../images/popup-bm.png?fy16-r4-1.0) repeat-x} .bright {background:url(../images/popup-br.png?fy16-r4-1.0) no-repeat} .comments {height:25px;margin-top:5px} /***** Styles for iTunes Card Customization ********/ .itunes-customize {min-height:122px; margin:0 0 20px} .itunes-customize .flt-left {width:14%; padding:15px 0 0 25px} .itunes-customize .flt-left .value {position:absolute; text-align:center; margin-left:20px; z-index:12; color:#fff} .itunes-customize .flt-left .value sup {font-size:8px} .itunes-customize .flt-left .value label {font-size:9px; font-weight:bold} .itunes-customize .flt-left img {margin:15px; margin-top:-4px} .itunes-customize .flt-right {width:76%} .itunes-customize fieldset {border:0; margin:0} .itunes-customize fieldset legend {font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; padding:5px 0} *:first-child+html .itunes-customize fieldset legend {margin-left:-7px}/*ie7*/ .itunes-customize fieldset label {width:230px; display:block; float:left; padding:3px 0 2px} .itunes-customize .content input {width:282px; margin:3px 0 2px} .itunes-customize .name-email input {width:400px} .itunes-customize .content {overflow:hidden; padding:10px} .itunes-customize .content p {padding:2px 0!important; margin:0!important} .itunes-customize .content {border:1px solid #cfcfcf;} .itunes-display input[type=text] {width:116px; margin:2px} .itunes-display p {clear:both; margin:10px 0 0} .itunes-display strong, .itunes-display label {display:block; float:left; margin:1px 0 0} .itunes-display table tr td {height:28px} .itunes-display input.message {width:245px} .itunes-display textarea {width:247px;margin:2px} /* Place Holder CSS - Jun-10-2013*/ .placeholder {color: #666} .placeholderFocus {color: #000} .chekout-input-length {width:256px!important} /* Order Status */ .ordstatus-voucher {margin:10px 0 0} .ordstatus-voucher label,.ordstatus-voucher td {margin:2px 0; padding:0!important} .ordstatus-voucher td input {margin:1px 0} /***** Styles for Product List Grid/List View ********/ /* Toggle Display */ .boxdisplay .module-content {padding-left:0!important; padding-top:0!important; padding-bottom:0!important; width:980px!important;} .boxdisplay .module-btm {margin-top:/*-22px!important*/; background-color:#f3f3f3!important} .boxdisplay .module-content .gridview{margin-bottom:-5px!important;margin-top:0} .boxdisplay .module-content h1 {padding:10px 0!important; margin:0!important; border:0!important; width:980px!important;} .pagenumber-toggle {text-align:right; overflow:hidden; display:block;} .pagenumber-toggle #pagination1 {margin-bottom:0!important; padding-bottom:0!important; float:left;} .pagenumber-toggle p {padding:10px 10px 0 0; margin:0; float:right} .toggle-display {padding:0; margin:0;float:right;width:56px; text-align:right!important} .toggle-display li {display:inline} .toggle-display li .columns {background:url(../images/toggledisplay.png?fy16-r4-1.0) no-repeat 0 -31px;width:38px; height:32px; display:block; float:left} .toggle-display li .rows {background:url(../images/toggledisplay.png?fy16-r4-1.0) no-repeat -28px 0;width:38px; height:31px; display:block; float:left} .toggle-display li .columns-active {background:url(../images/toggledisplay.png?fy16-r4-1.0) no-repeat;width:38px; height:31px; display:block; float:left} .toggle-display li .rows-active {background:url(../images/toggledisplay.png?fy16-r4-1.0) no-repeat -28px -31px;width:38px; height:32px; display:block; float:left} /****** Product Display Grid View *******/ .gridview {width:100%; margin:10px auto; overflow:hidden; display:block; clear:both} .gridview ul {padding:2px; overflow:hidden} .gridview ul li {border:1px solid #f0f0f0; width:308.3px;height:350px; float:left; list-style-type:none; padding:8px; margin:-1px 0 0 -1px;text-align:center} .gridview ul li:hover {box-shadow: 0 0 10px #ccc inset;} .gridview p {display:block; clear:both; margin:0 0 2px} .gridview .clr-both {overflow:hidden} .gridview .product-code {border:1px solid #e4e4e4; border-width:1px 0 0; overflow:hidden; min-height:40px; padding:7px 0; line-height:20px;text-align:left;} .gridview .product-code a {font-size:16px; line-height:23px} .gridview .product-code span input {height:19px; width:50px;} .gridview p a {color:#333; font-size:13px} .gridview p a.link {color:#08c!important;} .gridview p.shipping {color:#888; text-align:left} .gridview span.partnumber {color:#888;} .gridview .qty {color:#888!important;} .gridview p.image {text-align:center; margin-bottom:7px;} .gridview p img {width:200px; height:200px;} .gridview .price {clear:both; overflow:hidden; line-height:25px;height:36px;font-size:16px; color:#000} .gridview .price .flt-left {margin-top:6px} .gridview .engrave {clear:both; text-align:left; overflow:hidden; line-height:18px;height:18px;} .gridview p.colors {padding:5px 0; height:22px} .gridview input.qtybox {width:47px; font-size:13px; height:26px} /* Gridview for Sub Area page */ .gridview-subara {width:100%; margin:10px auto; overflow:hidden; display:block; clear:both} .gridview-subara ul {padding:2px; overflow:hidden} .gridview-subara ul li {border:1px solid #e4e4e4; width:285px; height:150px; float:left; list-style-type:none; padding:8px; margin:-1px 0 0 -1px;text-align:center} .gridview-subara ul li:hover {-moz-box-shadow: inset 0 0 10px #ccc;-webkit-box-shadow:inset 0 0 10px #ccc;box-shadow:inset 0 0 10px #ccc;} .gridview-subara p {display:block; clear:both; margin:0 0 2px} .gridview-subara p.image {text-align:center;} .gridview-subara p img {height:130px; width:auto} .gridview-subara h4 {clear:both; text-align:left; overflow:hidden; text-align:center;font-size:11px!important;} .gridview-subara h4 a {color:#555;} /* Gridview modifications for home page */ .boxdisplay .gridview p img {width:200px; height:200px; margin-bottom:6px;} .boxdisplay .gridview ul {padding:2px 0; overflow:hidden; margin-left:-1px} .boxdisplay .gridview ul li {border:1px solid #e1e1e1; width:309px; height:301px; float:left; list-style-type:none; padding:8px; margin:-1px -2px 0 1px} .boxdisplay .gridview ul li {text-align:center} /******* Find your school *******/ *:first-child+html .fschool {margin-left:30px!important} .fschool #searchpto {width:440px!important} .fschool .flt-left {width:51%} .fschool .flt-right {width:49%} .fschool .txtsize {width:332px} .fschool .zipcode {width:156px} .fschool .state {width:163px} .fysspinner {height:400px; width:400px; opacity:1; clear:both; position:relative} .fschool h2 {height:24px; overflow:hidden; height:auto!important} .fschool span.secure {float:right; background:transparent url("../images/i-secure.png?fy16-r4-1.0") no-repeat 0 65%; font-size:11px!important; padding:6px 0 0 16px; color:#666} .fschool h2 span.flt-left{padding-left:0!important;text-align:left;color:#333!important; font-size:22px!important; width:90%} *:first-child+html .fschool table#searchpto td{padding-right:30px} /********* IE Browser Alert (If user is using IE8 and below) ********/ .ieoverlay {background: transparent url(../images/TEMPtrans.png?fy16-r4-1.0) repeat top left;position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;z-index: 999;} .iealertbox {color: #333;position:fixed;top: -230px;left: 16%;right:16%;background: #fff;color: #7F7F7F;padding: 10px;border: 10px solid #a6a6a6;z-index: 999} .iealertbox a.boxclose {float:right;width:26px;height:26px;background:transparent url(../images/close-overlay.png?fy16-r4-1.0) repeat top left;margin:-28px -28px 0 0;cursor: pointer;width:30px} .iealertbox h1 {color:#333; font-size:32px; line-height:40px; font-weight:normal!important; margin:0 0 30px} .iealertbox h2 {color:#666; font-size:20px; line-height:30px; font-weight:normal!important; margin:30px 0} .iealertbox .msg{border:1px solid #cfcfcf; width:52%; padding:10px 5px 15px 70px; margin:0 auto; display:block; text-align:left; line-height:22px; background:#f6f6f6 url(../images/i-download.png?fy16-r4-1.0) no-repeat 20px 50%;font-size:12px;} .iealertbox a {color:#0087cf!important;} .logospace {height:17px;} /************* OPTIONAL ITEMS (Checktout Page) *****************/ .optionalitems {padding:0 0 10px!important;} .optionalitems h3 {margin:0!important; padding:10px 0 0!important;font-size:13px!important;border-top:1px dotted #ccc;} .optionalitems h3 a {color:#333; background:url(../images/arrow_icons.png?fy16-r4-1.0) 100% -53px no-repeat;font-size:14px!important; padding-right:12px} .optionalitems h3 a.active {background:url(../images/arrow_icons.png?fy16-r4-1.0) 100% -42px no-repeat; padding-right:12px} #optionalitemscontent h3 a {color:#505050; background:url(../images/arrow_icons.png?fy16-r4-1.0) 100% -54px no-repeat; padding-right:12px} #optionalitemscontent h3 a.active {background:url(../images/arrow_icons.png?fy16-r4-1.0) 100% -42px no-repeat; padding-right:12px} #optionalitemscontent hr {margin:6px 0!important;} .optionalitemscontent .whitebutton{padding-bottom:0!important} .optionalitemscontent .ovalbutton{padding:5px 20px 5px!important} /************* Catlogue Filter Box (catlogue Page) *****************/ #advfilter .box {border:1px solid #e4e4e4; padding:10px; margin:0; overflow:hidden;z-index:1!important} #advfilter .box h4 {font-size:14px; padding-bottom:10px; color:#000} #advfilter .box h5 {padding-bottom:7px; color:#000; font-size:14px;} #advfilter .box ul {display:block; clear:both} #advfilter .box ul li {display:inline; float:left; border-right:1px solid #f1f1f1; font-size:12px; color:#66656f; min-height:140px;min-width:200px; margin:0 8px; line-height:25px} #advfilter .box ul li.last {background:none; border:0} .pagenumber-toggle a.ovalbutton {padding:7px 10px;} .custom-checkbox {width: 17px;height: 17px;display: inline-block;position: relative;z-index: 1;top: 3px;background: url("../images/checkbox-sprite.png?fy16-r4-1.0") no-repeat 0 0 transparent;} .custom-checkbox:hover {} .custom-checkbox.selected {background-position: 0 -16px;} .custom-checkbox input[type="checkbox"]{margin: 0;position: absolute;z-index: 2;cursor: pointer;outline: none;opacity: 0;/* CSS hacks for older browsers */_noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-khtml-opacity: 0;-moz-opacity: 0;} /* Let's Beautify Our Form */ #advfilter .box ul li input[type="submit"]{float: left;background: #f2f2f2;border: 1px solid #ccc;border-radius: 4px;margin-top: 20px;padding: 4px 10px;cursor: pointer;outline: none;} #advfilter .box ul li input[type="submit"]:hover{color: #fff;border-color: #1b7aa9;background-color: #239fdb;} .img {background:url(../images/comments-top-curve.png?fy16-r4-1.0) no-repeat 14px 0; height:11px; display:block; width:40px; margin-bottom:-1px; z-index:1!important; position:relative} /*.ellipsis{text-align:right; padding:0 30px;} .ellipsis a{font-family:"Myriad Pro Bold"; font-size:14px; color:#08c} */ .ellipsis {width:180px; text-align:right; display:block; padding-top:10px; font-size:12px;} .catlogue-pagination {margin-top:15px; margin-bottom:10px; clear:both; overflow:hidden; display:block} .catlogue-pagination #pagination-top{padding:0; margin:0} .filter-selected-attr{padding:5px} .filter-selected-attr label{background:#cfe3f0;padding:3px 10px 2px;border-radius:14px;line-height:22px!important;font-size:12px; color:#2a546f} .filterbutton{width:58px; text-align:left} /****** FAPIAO Styles ******/ .fapiaodropdown {border:0!important; padding-left:5px!important;} /******** TO BE DELETED **********/ .align-right label {display:block;float:right; margin:1px 2px} .sorting-price {padding:0; text-align:right; height:33px; overflow:hidden; margin:3px 0 0 0;} .sorting-price label {padding:0 5px; line-height:30px; float:left} .sorting-price select {width:150px; overflow:hidden; float:left; margin-top:3px; margin-top/:6px\9;}/*IE only hack*/ div.expandspec p a.btn-slide1, div.expandspec p a.btn-slide2, div.expandspec p a.btn-slide3 {background:transparent url("../images/arrow_icons.png?fy16-r4-1.0") no-repeat right -53px}/* this is only for prototype purpose */ /* =========================================== TABLE STYLES ============================================== */ .num {text-align:right!important} .del {text-align: center} .tabledetails {margin:5px 0;padding:0;border:1px solid #e0e0e0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border-spacing: 0;} .tabledetails th, .tabledetails td {font-size:14px} .tabledetails {width:100%} .tabledetails th {padding:10px 6px; font-weight:normal; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif;background-color:#f1f1f1;border-bottom:1px solid #e0e0e0; text-align:left} .tabledetails th a {color:#333} .tabledetails td {vertical-align:top;border-top:1px solid #e0e0e0; padding:15px 6px;color:#777} .tabledetails tr:first-child td {border-top:0} .tabledetails tr:nth-child(odd) {background-color:#fff; } .tabledetails tr:nth-child(even) {background-color:#fff/*fafafa;*/ } .tabledetails th:first-child, .tabledetails td:first-child {padding-left:15px} .tabledetails th:last-child, .tabledetails td:last-child {padding-right:15px} /* Top Band */ /*#header {position: fixed;height: 135px;top: 0;width: 100%; z-index: 100;}*/ .top-band {background:#444444; margin-bottom:0!important; height:40px\9} .navblock {background:#333; height:45px!important;} select{background:#fff!important} .pageheader {display:block; clear:both; height:40px; background:#f4f5f7; border-bottom:1px solid #dfdfdf} .pageheader h2 {overflow:hidden;color: #000;font-size: 19px;line-height: 1.1em;font-family: "Myriad Pro Light",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; font-weight:normal!important; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); display:block; clear:both; padding-top:5px; line-height:36px;} .pageheader h2 span {float:right;float:none\9; text-shadow:none} .page-title {color:#333; font-size:22px; line-height:22px; font-weight:normal; padding:2px 0 5px;} .page-title a {margin-right:0!important} .section h3 {border-bottom: 1px solid #e4e4e4; font-weight: normal; margin-bottom: 3px; padding-bottom: 15px;} /*.home-widget {} .home-widget table.tabledetails tr th {background-color:#fff!important; padding:12px!important;vertical-align:middle!important} .home-widget table.tabledetails tr td {background-color:#fff!important; padding:6px 12px!important;vertical-align:middle!important} */ .home-widget-title span {font-size:12px; float:right} .home-widget-title span a{margin:0 5px;} .home-widget-title span label{background:#39bd55; color:#fff; padding:1px 5px; border-radius:3px;} .home-widget-title span{ font-size:12px; float:right} .container-fluid, #aos-page {width:100%; clear:both!important; display:block!important;} .container {width:980px; margin:0 auto; clear:both!important; display:block!important} .bg-grey {background-color:#f4f5f7} /* ============================= Rows and COlumns ========================== */ .row {margin:5px 0!important; overflow:hidden} .col-1 {width:8%!important; float:left; margin-right:3px!important} .col-2 {width:18%!important; float:left; margin-right:3px!important} .col-3 {width:28%!important; float:left; margin-right:3px!important} .col-4 {width:38%!important; float:left; margin-right:3px!important} .col-5 {width:48%!important; float:left; margin-right:3px!important} .col-6 {width:58%!important; float:left; margin-right:3px!important} .col-7 {width:68%!important; float:left; margin-right:3px!important} .col-8 {width:78%!important; float:left; margin-right:3px!important} .col-9 {width:88%!important; float:left; margin-right:3px!important} .col-10 {width:98%!important; float:left; margin-right:3px!important} .icon12x12 {width:12px; height:12px} .icon14x14 {width:14px; height:14px} .icon16x16 {width:16px; height:16px} .icon18x18 {width:16px; height:16px} .icon20x20 {width:16px; height:16px} .icon22x22 {width:22px; height:22px} /* Top Band */ .stickyheader {position: fixed;width: 100%;left: 0;top: 0;z-index: 100;border-top: 0;} .badges {color:#fff; padding:3px 8px; font-size:12px; border-radius:3px;} .label-default {background-color: #999;} .label-default[href]:hover, .label-default[href]:focus {background-color: #808080;} .label-primary {background-color: #428bca;} .label-primary[href]:hover, .label-primary[href]:focus {background-color: #3071a9;} .label-success {background-color: #5cb85c;} .label-success[href]:hover, .label-success[href]:focus {background-color: #449d44;} .label-info {background-color: #5bc0de;} .label-info[href]:hover, .label-info[href]:focus {background-color: #31b0d5;} .label-warning {background-color: #f0ad4e;} .label-warning[href]:hover, .label-warning[href]:focus {background-color: #ec971f;} .label-danger {background-color: #d9534f;} .label-danger[href]:hover, .label-danger[href]:focus {background-color: #c9302c;} .label-disabled {background-color: #ccc;} .label-disabled[href]:hover, .label-disabled[href]:focus {background-color: #ccc;} /************ CALENDER OVER RIDE CSS *************/ .ui-widget {font:16px "Myriad Pro Regular",Lucida Grande,Helvetica,Arial,Verdana,sans-serif!important;} .ui-widget-header {background:#fff!important;border:0!important} .datepicker {background:url(../images/i-cal.png?fy16-r4-1.0) no-repeat 95% 50%;background:url(../images/i-cal-ie.png?fy16-r4-1.0) no-repeat 95% 50%\9; background-size:18px 18px; width:154px!important} .datepicker:focus {background:url(../images/i-cal-active.png?fy16-r4-1.0) no-repeat 95% 50%;background:url(../images/i-cal-active-ie.png?fy16-r4-1.0) no-repeat 95% 50%\9; background-size:18px 18px;} .ui-datepicker td span, .ui-datepicker td a {text-align:center!important} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:none!important; border:0!important} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#eeeeee!important; color:#000!important; border-radius:6px; padding:6px 2px 3px 2px} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#3496fc!important; color:#fff!important;} .ui-widget-header .ui-icon {} .ui-state-hover .ui-icon {} /*************************** ICONS **************************/ #aos-page #header .b2bmenu ul li.logo, #aos-page .singleheader .logoheading {background:url(../images/apple_logo-ie.png?fy16-r4-1.0) left center no-repeat\9;} #aos-page .singleheader .logoheading {padding-left:25px\9;} .i-headersearch {background:url(../images/headericon1.png?fy16-r4-1.0) left center no-repeat;} .i-headernav {background:url(../images/headericon3.png?fy16-r4-1.0) left center no-repeat;} .i-headercart {background:url(../images/headericon2.png?fy16-r4-1.0) left center no-repeat;} .i-mysupply {background:url(../images/headericon4.png?fy16-r4-1.0) left center no-repeat;} .i-gridview {background:url(../images/toggledisplay.png?fy16-r4-1.0) left center no-repeat; background:url(../images/toggledisplay-ie.png?fy16-r4-1.0) left center no-repeat\9;} .i-listview {background:url(../images/toggledisplay1.png?fy16-r4-1.0) left center no-repeat;} .i-delete {background:url(../images/i-delete.png?fy16-r4-1.0) left center no-repeat; background:url(../images/i-delete-ie.png?fy16-r4-1.0) left center no-repeat\9;} .i-comments {background:url(../images/i-comments.png?fy16-r4-1.0) left center no-repeat; background:url(../images/i-comments-ie.png?fy16-r4-1.0) left center no-repeat\9;} .i-attachments {background:url(../images/attachment.png?fy16-r4-1.0) left center no-repeat;} .i-close {background:url(../images/iclose.png?fy16-r4-1.0) left center no-repeat;} .i-signout {background:url(../images/i-signout.png?fy16-r4-1.0) left center no-repeat;} .iconxsmall {background-size:12px 12px; width:12px; height:12px;display:inline-block;text-decoration: none;vertical-align:text-center;} .iconsmall {background-size:16px 16px; width:16px; height:16px;display:inline-block;text-decoration: none;vertical-align:text-center;} .iconregular {background-size:18px 18px; width:18px; height:18px;display:inline-block;text-decoration: none;vertical-align:text-center;} .iconmedium {background-size:24px 24px; width:24px; height:24px;display:inline-block;text-decoration: none;vertical-align:text-center;} .iconlarge {background-size:32px 32px; width:32px; height:32px;display:inline-block;text-decoration: none;vertical-align:text-center;} .iconlist {background-size:24px 13px; width:24px; height:13px;display:inline-block;text-decoration: none;vertical-align:text-center;} /*************************** Home page Tabs **************************/ #tabs-container {margin:20px 0 10px} .tabs-menu {height:35px;clear: both;} .tabs-menu li {height:34px;line-height: 34px;float: left;width:318px;width: 314px\9/*For IE8*/;text-align:center;background-color: #fff;z-index: 0;border: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; margin-right:10px} .tabs-menu li.current {position: relative;z-index: 0;border-left: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif;;height:34px;line-height: 34px; border-bottom: 2px solid #fff;} /*.tabs-menu li a {padding: 10px;color: #000;text-decoration: none; font-size:16px}*/ .tabs-menu li a {color: #000; display: block; font-size: 15px; padding: 0 9px;text-decoration: none; width: 300px !important} .tabs-menu .current a {} .tab {border: 1px solid #e1e1e1; padding:12px;} .tab-content {display: none;} #tab-1 {display: block;} .tabs-menu li:last-child{margin-right:0} .nav:after, .nav:before { content:""; display: table; } .nav:after { clear:both; overflow:hidden; } .nav { zoom: 1; margin-left: 20px; } .nav li { list-style: none outside none; float: left; position: relative; } .nav .active { z-index: 3; } .nav li:before, .nav li:after, .nav a:before, .nav a:after { content:""; position: absolute; bottom:0; } .nav li:before, .nav li:after { background: #BE3569; width: 10px; height: 10px; } .nav li:before { left: -10px; } .nav li:after { right: -10px; } .nav a { float: left; padding: 10px 40px; text-decoration: none; color: #F66599; background: #BE3569; border-radius: 10px 10px 0 0; } .nav .active a { background: #F66599; color:#BE3569; } .nav a:before, .nav a:after { width: 20px; height: 20px; border-radius: 10px; background: #BE3569; z-index: 2; } .nav .active a:before, .nav .active a:after { background: #BE3569; } .nav a:before { left:-20px; } .nav a:after { right: -20px; } .nav .active:before, .nav .active:after { z-index: 1; background: #F66599; } .nav li:first-child a:before, .nav li:last-child a:after { background-color: #fff; } /*************************** Panel **************************/ .panel {background-color: #fff;border: 1px solid transparent;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);margin-bottom: 22px;border-color: #ddd; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .panel-heading, .panel-header {background-color: #f5f5f5;border-color: #ddd;color: #333;border-bottom: 1px solid #ddd;padding: 10px 15px;-webkit-border-top-left-radius: 4px; webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px; border-top-right-radius: 4px; font-size:18px} .panel-heading p{font-size:13px; padding:10px 0; line-height:20px;} .panel-body {padding: 15px;font-size:13px;} .panel-footer {background:#efefef;padding:8px;border-top:1px solid #d7d7d7; font-size:13px;-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} /*************************** Home Page User Dropdown **************************/ h1.logoheading a, h1.logoheading div.userdropdown {float:left\9;} .userdropdown {position: relative;display: inline-block; z-index:999\9!important } .userdropdown span {border-left: 1px solid #b7b7b7;color: #b7b7b7;font-size: 12px!important;margin-left: 10px;padding-left: 10px;padding-top:1px;background-size:12px 12px;line-height:23px;z-index:3!important;} .userdropdown .dropdown {display: none;position: absolute;margin-left:-170px;z-index: 999!important;font-size:13px;color:#666;background:url(../images/comments-top-curve.png?fy16-r4-1.0) 70% 0 no-repeat;padding-top:9px;margin-top:-6px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);} .userdropdown .dropdown-content {background-color: #f9f9f9;min-width: 300px;max-width:400px;border:1px solid #d5d5d5!important;padding: 12px 16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;z-index:2;margin-top:-1px;} .userdropdown:hover .dropdown {display: block;} .userdropdown:hover .dropdown-content h3 {font-size:12px; font-family:"Myriad Pro Bold",Lucida Grande,Helvetica,Arial,Verdana,sans-serif; color:#333; border-bottom:1px solid #d5d5d5; padding-bottom:4px;margin-bottom:10px; padding-top:0!important;} .userdropdown .dropdown-content td {padding:5px 10px;padding:3px 15px 3px 0; vertical-align:top} .userdropdown .dropdown-content td p {width:170px; word-wrap:break-word; *width:auto} .userdropdown .dropdown-content td.IEemailwrapper {*width:170px; *word-wrap:break-word} /************ Global Footer Style ********************/ #globalfooter {clear:both; padding:15px 0 1px; text-align:left !important; color:#999; margin:0 auto 18px; font-size:11px; background:url("../images/footer-hr-bg.gif?fy16-r4-1.0") repeat-x 0 0; border:none} #globalfooter ul {list-style:none; margin-bottom:0} #globalfooter #sosumi {float:left} #globalfooter #gethelp {text-align:right} #globalfooter li {display:inline; margin-right:1em; padding-right:1.25em; border-right:1px solid #ccc; text-indent:0} #globalfooter li.last {margin-right:0; border-right:0; padding-right:0} #globalfooter a {color:#08c; text-decoration:none} #globalfooter a.lightgraytext {color:#666; text-decoration:none} #globalfooter a:hover {text-decoration:underline} #globalfooter p {margin:0} #globalfooter hr {display:none} @media screen and (-webkit-min-device-pixel-ratio:0){ fieldset.selectordernum input {margin-top:3px} #shipnorderinfo_wrapper fieldset br {clear:none} } iframe#myActionIframe{background:#fff!important}