/skin/frontend/ultimo/default/css/magestore/onestepcheckout.css

https://gitlab.com/Tung/magento · CSS · 768 lines · 606 code · 104 blank · 58 comment · 0 complexity · bf81fa7b01c62b8c756cedd2bd68154e MD5 · raw file

  1. /* Clear */
  2. .clear{
  3. width:100%;
  4. height:0px;
  5. clear:both;
  6. font-size:0px;
  7. line-height:0px;
  8. }
  9. .clearfix:after {
  10. content: ".";
  11. display: block;
  12. height: 0;
  13. clear: both;
  14. visibility: hidden;
  15. }
  16. /* Hides from IE-mac \*/
  17. * html .clearfix {height: 1%;}
  18. /* End hide from IE-mac */
  19. .one-step-checkout h1.checkout_header
  20. {
  21. text-transform:uppercase;
  22. }
  23. /* Style Onestepcheckout Form Popup */
  24. .onestepcheckout-formpopup .page-title{text-align:left;}
  25. .onestepcheckout-formpopup .page-title h1{color:#F18200;font-size:16px;font-weight:bold;}
  26. .onestepcheckout-formpopup .login-fields{}
  27. .onestepcheckout-formpopup .login-fields ul li{margin-bottom:3px;float:left;width:100%;text-align:left;}
  28. .onestepcheckout-formpopup .login-fields span.require{color:#EB340A;float:right;}
  29. .onestepcheckout-formpopup .login-fields .input-field input.input-text{width:200px;}
  30. .onestepcheckout-formpopup .login-button{float:left;width:100%;}
  31. .onestepcheckout-login{}
  32. .onestepcheckout-forgot-password{}
  33. /************************/
  34. .one-step-checkout li.section { position:relative; }
  35. .one-step-checkout .group-select { margin-right:0; }
  36. .one-step-checkout .box { border:1px solid #bbb6a5; border-top:0; padding:15px 20px; background:#faf7ee; }
  37. .one-step-checkout .head { margin-bottom:0; padding:4px 8px 4px 8px; background:#F9F3E3; border-width:0 1px 0 1px; border-color:#D9DDE3; border-style:solid; border-top:1px solid #fff; }
  38. .one-step-checkout .tool-tip { right:8px; }
  39. .one-step-checkout .head a { display:none; } /* Hide Edit button in step header */
  40. .one-step-checkout h3 { color:#999; font-size:1.05em; }
  41. .one-step-checkout h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; text-transform:uppercase; }
  42. .one-step-checkout h4.title { border-bottom:0; text-transform:none; }
  43. .one-step-checkout .step-count { background:#fff; font-size:.9em; padding:0 4px; line-height:1em; }
  44. .one-step-checkout .content { padding:10px 20px; }
  45. .one-step-checkout label.label { font-size:1.05em; color:#2f2f2f; }
  46. .one-step-checkout .allow .head { background:#d0dce1; border-color:#a3aeb3; border-width:1px 1px 0 1px; cursor:pointer; }
  47. .one-step-checkout .head { margin-bottom:0; border:1px solid #BBAFA0; background:#F9F3E3; cursor:default; }
  48. .one-step-checkout .alloq .head a { display:block; } /* Display Edit button in active selection */
  49. .one-step-checkout .group-select { margin-top:0; border:0; background:none; padding:0; }
  50. .one-step-checkout .allow h3 { color:#a4b3b9; }
  51. /* .one-step-checkout h3 { color:#F18200; margin:0; } */
  52. .one-step-checkout h3 { color:#404040; margin:0; }
  53. .one-step-checkout .allow .step-count { background:#dbe6eb; }
  54. .one-step-checkout .step-count { color:#fff; border:1px solid #f19900; background:#F18200; }
  55. .one-step-checkout .box { display:block; border-color:#BBAFA0; background:#FBFAF6 url(../images/onestepcheckout/multi_address_box_bg.gif) 0 0 repeat-x;min-height:40px;height:auto !important;height:40px;}
  56. .one-step-checkout dd .form-list ul { margin:5px 17px 15px 17px; }
  57. .one-step-checkout .checkmo-mailing-address { padding-left:20px; }
  58. .one-step-checkout-progress .page-head { margin-bottom:1em; }
  59. .one-step-checkout-progress li { border:1px solid #A3AEB3; background:#eee; margin-bottom:6px; }
  60. .one-step-checkout-progress h4 { margin:0; color:#999; padding:2px 8px; background:#eee; text-transform:none; }
  61. .one-step-checkout-progress h4.complete { border-bottom:1px solid #A3AEB3; background:#D0DCE1; color:#5e8ab4; }
  62. .one-step-checkout-progress h4 a { text-transform:none; }
  63. .one-step-checkout-progress .content { padding:8px 13px; }
  64. #opc-login .button-set { border-top:0; }
  65. #opc-review .box { border:0; padding:0; }
  66. #opc-review .content { border:1px solid #d9dde3; border-top:0; }
  67. #opc-review .data-table { border-top:0; }
  68. .opc-please-wait { padding-right:7px; }
  69. .one-step-checkout a.back { background:url(../images/onestepcheckout/icon_opc_back.gif) no-repeat; padding-left:16px; line-height:13px; }
  70. .one-step-checkout .payment-methods dd { padding:0; }
  71. .one-step-checkout .button-set { margin-top:0; /*padding-top:2em;*/ }
  72. .one-step-checkout .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 20px; }
  73. .one-step-checkout .checkout-agreements li { margin:20px 0 0; }
  74. .one-step-checkout .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; }
  75. .one-step-checkout .checkout-agreements .agree { padding-left:6px; }
  76. .one-step-checkout .box-no-padding {
  77. border:1px solid #bbb6a5;
  78. border-top:0;
  79. padding:15px 0px;
  80. background:#faf7ee;
  81. }
  82. .one-step-checkout .box-no-padding .inner-box {
  83. padding:0px 20px;
  84. }
  85. .one-step-checkout .address-information {
  86. width:49%;
  87. float:left;
  88. border-top:0;
  89. margin-bottom:15px;
  90. background:url(../../images/onestepcheckout/vertical_line.gif) top right no-repeat;
  91. }
  92. .address-information ul li{padding: 4px 0;}
  93. .address-information ul li .input-box
  94. {
  95. width:49%;
  96. float:left;
  97. }
  98. .address-information ul li .input-box .error-message p {
  99. color:red;
  100. }
  101. .address-information ul li.wide input{width:78%; clear:both; margin-bottom:3px;}
  102. .one-step-checkout .order-information {
  103. width:49%;
  104. float:right;
  105. border-top:0;
  106. margin-bottom:15px;
  107. }
  108. .order-information ol li{
  109. margin-bottom:10px;
  110. }
  111. .one-step-checkout .login{padding-bottom: 20px;}
  112. .one-step-checkout .address-order
  113. {
  114. width:100%;
  115. border-top:1px solid #D8D2C7;
  116. margin-top:10px;
  117. }
  118. #loading-mask-onestepcheckout {
  119. position:absolute;
  120. color:#d85909;
  121. font-size:1.1em;
  122. font-weight:bold;
  123. text-align:center;
  124. opacity:0.80;
  125. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
  126. z-index:500;
  127. }
  128. #loading-mask-onestepcheckout .loader-onestepcheckout {
  129. position:fixed;
  130. top:45%;
  131. left:50%;
  132. width:120px;
  133. margin-left:-60px;
  134. padding:15px 60px;
  135. background:#fff4e9;
  136. border:2px solid #f1af73;
  137. color:#d85909;
  138. font-weight:bold;
  139. text-align:center;
  140. z-index:1000;
  141. }
  142. .shipping-method, .payment-method, .order-review-info{
  143. position:relative;
  144. }
  145. .ajax-loader1{
  146. /* position:absolute;
  147. right:300px;
  148. top:40px; */
  149. margin-left: 40%;
  150. margin-top: 40px;
  151. width:32px;
  152. height:32px;
  153. background:url(../../images/onestepcheckout/ajax-loader.gif) top left no-repeat;
  154. z-index:999;
  155. }
  156. .ajax-loader2{
  157. /* position:absolute;
  158. right:300px;
  159. top:40px; */
  160. margin-left: 40%;
  161. margin-top: 40px;
  162. width:32px;
  163. height:32px;
  164. background:url(../../images/onestepcheckout/ajax-loader.gif) top left no-repeat;
  165. }
  166. .ajax-loader3{
  167. /* position:absolute;
  168. right:300px;
  169. top:40px; */
  170. margin-left: 40%;
  171. margin-top: 40px;
  172. width:32px;
  173. height:32px;
  174. background:url(../../images/onestepcheckout/ajax-loader.gif) top left no-repeat;
  175. }
  176. .onestepcheckout-index-success .main{padding:0 10px; width:auto;}
  177. .checkout-success .page-title h1{color:#6E6E70;}
  178. #checkout-step-login .form-list li input{float:left; margin:2px 5px 0px 0px}
  179. #checkout-step-login .ul { list-style:disc outside; padding-left:18px; }
  180. .disc li{
  181. list-style:disc;
  182. }
  183. .one-step-checkout li label{font-weight:bold;}
  184. .one-step-checkout li label span.required{color:#F00;}
  185. .one-step-checkout .login{width:49%;}
  186. .one-step-checkout h3.step_1
  187. {
  188. /*background:url(../../images/onestepcheckout/onestepcheckout_step_1.gif) center left no-repeat;*/
  189. padding-left:30px;
  190. height:35px;
  191. padding-top:9px;
  192. margin-bottom:25px;
  193. margin-top:10px;
  194. font-weight:bold;
  195. font-size:15px;
  196. }
  197. .one-step-checkout h3.step_2
  198. {
  199. /*background:url(../../images/onestepcheckout/onestepcheckout_step_2.gif) center left no-repeat;*/
  200. padding-left:30px;
  201. height:35px;
  202. padding-top:9px;
  203. margin-bottom:25px;
  204. margin-top:10px;
  205. font-weight:bold;
  206. font-size:15px;
  207. }
  208. .one-step-checkout h3.step_3
  209. {
  210. /*background:url(../../images/onestepcheckout/onestepcheckout_step_3.gif) center left no-repeat;*/
  211. padding-left:30px;
  212. height:35px;
  213. padding-top:7px;
  214. margin-bottom:25px;
  215. margin-top:10px;
  216. font-weight:bold;
  217. font-size:15px;
  218. }
  219. .one-step-checkout h3.step_4
  220. {
  221. /*background:url(../../images/onestepcheckout/onestepcheckout_step_4.gif) center left no-repeat;*/
  222. padding-left:30px;
  223. height:35px;
  224. padding-top:11px;
  225. margin-bottom:25px;
  226. margin-top:10px;
  227. font-weight:bold;
  228. font-size:15px;
  229. }
  230. .one-step-checkout h3.step_5
  231. {
  232. /*background:url(../../images/onestepcheckout/onestepcheckout_step_5.gif) center left no-repeat;*/
  233. padding-left:30px;
  234. height:35px;
  235. padding-top:11px;
  236. margin-bottom:25px;
  237. margin-top:10px;
  238. font-weight:bold;
  239. font-size:15px;
  240. }
  241. #onestepcheckout-login-loading {
  242. background: url(../../images/onestepcheckout/preload.gif) center center no-repeat;
  243. height:35px;
  244. /* padding-top:100px; */
  245. }
  246. #onestepcheckout-login-error-message {
  247. float:left;
  248. padding-bottom:10px;
  249. color:red;
  250. }
  251. #onestepcheckout-password-loading {
  252. background: url(../../images/onestepcheckout/preload.gif) center center no-repeat;
  253. height:35px;
  254. }
  255. .order-review-info .onestepcheckout-newsletter {
  256. padding-top:15px;
  257. }
  258. .order-review-info .onestepcheckout-newsletter label{
  259. font-weight:normal;
  260. }
  261. .order-review-info .onestepcheckout-giftwrap {
  262. padding-top: 15px;
  263. /*margin-bottom: 10px;*/
  264. }
  265. .order-review-info .onestepcheckout-giftwrap label{
  266. font-weight:normal;
  267. }
  268. .onestepcheckout-comment{
  269. padding-top: 10px;
  270. }
  271. .onestepcheckout-comment textarea {
  272. /* width: 300px;
  273. height: 150px; */
  274. width: 98%;
  275. }
  276. .order-review-info .onestepcheckout-terms-conditions {
  277. padding-top: 15px;
  278. }
  279. .order-review-info .onestepcheckout-terms-conditions label{
  280. font-weight:normal;
  281. }
  282. .order-review-info .onestepcheckout-discount {
  283. /*padding-bottom:20px;*/
  284. margin-top: 20px;
  285. }
  286. .order-review-info .onestepcheckout-discount label{
  287. font-weight:normal;
  288. }
  289. .order-review-info .onestepcheckout-giftmessage {
  290. padding-top: 20px;
  291. }
  292. /*.order-review-info .onestepcheckout-giftmessage .gift-messages {
  293. padding-bottom:10px;
  294. }*/
  295. .order-review-info .onestepcheckout-giftmessage .gift-messages label {
  296. font-weight:normal;
  297. }
  298. .onestepcheckout-form-list .field {
  299. float:left;
  300. width: 45%;
  301. /* width:220px; */
  302. }
  303. .onestepcheckout-form-list .field .input-box{
  304. width:100%;
  305. }
  306. .onestepcheckout-form-list .field .input-box .input-text{
  307. /* width:180px; */
  308. width:100%;
  309. }
  310. #gift-message-whole-message {
  311. /* width: 400px; */
  312. width: 98%;
  313. }
  314. /* for 3 columns layout*/
  315. .order-review-section { float:right; width:33%;}
  316. .one-step-checkout .order-info-3-columns {
  317. width:30%;
  318. float:left;
  319. margin-left:15px;
  320. }
  321. .one-step-checkout .address-info-3-columns {
  322. width:33%;
  323. float:left;
  324. }
  325. /**
  326. * FORM LOGIN POPUP
  327. **/
  328. div.loading-ajax, div.loading-ajax-login {
  329. height: 50px;
  330. text-align: center;
  331. background-image: url(images/ajax-loader.gif);
  332. background-repeat: no-repeat;
  333. background-position: center center;
  334. }
  335. #onestepcheckout-login-popup,#onestepcheckout-toc-popup {
  336. text-align: left !important;
  337. }
  338. #onestepcheckout-login-popup {
  339. width: 482px;
  340. /* position: absolute; */
  341. /* z-index: 0; */
  342. /* display:none; */
  343. position: fixed;
  344. }
  345. #onestepcheckout-login-popup table {
  346. width: 99%;
  347. }
  348. #onestepcheckout-login-popup table td {
  349. padding-top: 3px;
  350. padding-bottom: 3px;
  351. }
  352. #onestepcheckout-login-popup button {
  353. padding: 3px 10px;
  354. }
  355. #onestepcheckout-login-popup div.onestepcheckout-popup-contents {
  356. }
  357. #onestepcheckout-login-popup p.close,#onestepcheckout-toc-popup p.close
  358. {
  359. font-size: 15px;
  360. text-transform: uppercase;
  361. font-weight: bold;
  362. position: absolute;
  363. right: 10px;
  364. bottom: -5px;
  365. }
  366. #onestepcheckout-login-popup p.close a,#onestepcheckout-login-popup p.close a:link,#onestepcheckout-login-popup p.close a:visited,#onestepcheckout-toc-popup p.close a,#onestepcheckout-toc-popup p.close a:link,#onestepcheckout-toc-popup p.close a:visited
  367. {
  368. text-decoration: none;
  369. color: black;
  370. }
  371. #onestepcheckout-login-popup p.close a:hover,#onestepcheckout-toc-popup p.close a:hover
  372. {
  373. text-decoration: underline;
  374. }
  375. #onestepcheckout-login-error,#onestepcheckout-forgot-error {
  376. color: red;
  377. margin-bottom: 10px;
  378. }
  379. #onestepcheckout-forgot-table .td-fogot {
  380. vertical-align: middle !important;
  381. }
  382. #onestepcheckout-toc-popup {
  383. width: 482px;
  384. height: 530px;
  385. position: absolute;
  386. z-index: 1000001;
  387. }
  388. /* Onestepcheckout v2.0.0 */
  389. .one-field{
  390. width:100%;
  391. }
  392. .two-fields{
  393. /*width:48%;*/
  394. width:44%;
  395. float:left;
  396. }
  397. .one-field input{
  398. width:82%;
  399. }
  400. .two-fields input{
  401. /*width:70%;*/
  402. width:86%;
  403. }
  404. .two-fields select{
  405. width:73% !important;
  406. }
  407. .address-info-3-columns .group-select ul li .two-fields select{
  408. /*width:75% !important;*/
  409. width:86% !important;
  410. }
  411. .one-field select{
  412. width:83% !important;
  413. }
  414. .address-info-3-columns .group-select ul li .one-field select{
  415. width:84% !important;
  416. }
  417. .one-step-checkout{
  418. background: none repeat scroll 0 0 #FBFAF6;
  419. border: 1px solid #BBAFA0;
  420. padding: 20px;
  421. /* margin: 28px 0; */
  422. }
  423. .onestepcheckout-giftmessage .gift-messages-form{
  424. margin-top: 10px;
  425. }
  426. .onestepcheckout-giftmessage .gift-messages-form .whole-order h4{
  427. color: #404040 !important;
  428. }
  429. .onestepcheckout-form-list .fields{
  430. width: 98% !important;
  431. }
  432. /*.onestepcheckout-discount #add_coupon_code_button{
  433. background-color: #618499;
  434. }*/
  435. .onestepcheckout-popup-footer{
  436. background-image: url(../../images/onestepcheckout/onestepcheckout-popup-footer.png);
  437. background-repeat: no-repeat;
  438. height: 13px;
  439. }
  440. .onestepcheckout-popup-contents {
  441. margin-left: 20px;
  442. margin-right: 20px;
  443. margin-bottom: 0;
  444. padding-bottom: 1px;
  445. }
  446. .onestepcheckout-popup-wrapper .input-text {
  447. width: 190px !important;
  448. }
  449. .onestepcheckout-popup-wrapper h1 {
  450. font-size: 18px !important;
  451. padding-bottom: 10px !important;
  452. padding-top: 15px !important;
  453. }
  454. .onestepcheckout-giftwrap label span{
  455. font-weight: bold;
  456. }
  457. #one-step-checkout-form label{
  458. color: #666666;
  459. font-weight: normal;
  460. }
  461. .onestepcheckout-login-link{
  462. padding-top:5px;
  463. }
  464. .one-step-checkout .order-info-3-columns {
  465. background: url("../../images/onestepcheckout/vertical_line.gif") no-repeat scroll right top transparent;
  466. }
  467. /* Review */
  468. #one-step-checkout-form .checkout-review-load .data-table{
  469. border: none !important;
  470. border-top: 1px solid #BEBCB7 !important;
  471. /* border-bottom: 1px solid #BEBCB7 !important; */
  472. }
  473. #one-step-checkout-form .checkout-review-load .data-table th, #one-step-checkout-form .checkout-review-load .data-table td{
  474. /* padding: 3px 0!important; */
  475. border-bottom: 1px solid #BEBCB7 !important;
  476. }
  477. #one-step-checkout-form .checkout-review-load .data-table thead th{
  478. background: none !important;
  479. border-right: none !important;
  480. border-bottom: 1px solid #BEBCB7 !important;
  481. }
  482. #one-step-checkout-form .checkout-review-load .data-table tfoot td{
  483. border-bottom: 1px solid #BEBCB7 !important;
  484. border-right: none !important;
  485. /* font: 12px/1.55em arial, helvetica, sans-serif !important; */
  486. }
  487. #one-step-checkout-form .checkout-review-load .data-table tfoot tr.first td{
  488. background: none !important;
  489. }
  490. #one-step-checkout-form .checkout-review-load .data-table .odd{
  491. background: none !important;
  492. }
  493. #one-step-checkout-form .checkout-review-load .data-table .even{
  494. background: none !important;
  495. }
  496. #one-step-checkout-form .checkout-review-load .data-table tbody th, #one-step-checkout-form .checkout-review-load .data-table tbody td{
  497. border-bottom: 1px solid #BEBCB7 !important;
  498. }
  499. #one-step-checkout-form .checkout-review-load .data-table tfoot tr{
  500. background: none !important;
  501. }
  502. #one-step-checkout-form .checkout-review-load .data-table tr.last th, .data-table tr.last td{
  503. border-bottom: 1px solid #BEBCB7 !important;
  504. }
  505. #one-step-checkout-form .checkout-review-load .data-table tbody th, .data-table tbody td{
  506. border-right: none !important;
  507. }
  508. #one-step-checkout-form .data-table tfoot strong{
  509. font-size: 13px !important;
  510. }
  511. #one-step-checkout-form .checkout-review-load .data-table td{
  512. padding: 5px 8px !important;
  513. }
  514. #control_overlay{
  515. background-color: #000000;
  516. /* opacity: 0.5;
  517. filter:alpha(opacity=75); */
  518. }
  519. .payment-method .input-box .input-text{
  520. width:85% !important;
  521. }
  522. .payment-method .input-box select{
  523. width:87% !important;
  524. }
  525. .payment-method .input-box select.month{
  526. width:95% !important;
  527. }
  528. .payment-method .input-box select.year{
  529. width:100% !important;
  530. }
  531. /*PAYPAL Pro*/
  532. div.ajaxcart-overlay{
  533. width: 100%;
  534. background: #000000;
  535. position: fixed;
  536. opacity: 0.5;
  537. filter:alpha(opacity=50);
  538. top: 0;
  539. left: 0;
  540. z-index: 196;
  541. height:100%;
  542. }
  543. div.ajaxcart-loading{
  544. position:fixed;
  545. top:20%;
  546. left:50%;
  547. width:127px;
  548. text-align:center;
  549. margin-left:-125px;
  550. padding:15px 60px;
  551. border:2px solid #F1AF73;
  552. color:#D85909;
  553. background:#FFF4E9;
  554. z-index: 197;
  555. }
  556. div.form-paypal{
  557. position:fixed;
  558. top:45%;
  559. left:50%;
  560. width:120px;
  561. text-align:center;
  562. margin-left:-125px;
  563. padding:15px 60px;
  564. border:2px solid #F1AF73;
  565. color:#D85909;
  566. background:#FFF4E9;
  567. z-index: 197;
  568. }
  569. /* #onestepcheckout-toc-popup .onestepcheckout-popup-wrapper{
  570. height: 515px !important;
  571. } */
  572. .onestepcheckout-popup-wrapper{
  573. background-image: url(../../images/onestepcheckout/onestepcheckout-popup-header.png);
  574. background-repeat: no-repeat;
  575. }
  576. #onestepcheckout-toc-popup{
  577. -moz-border-radius: 15px 15px / 15px 15px;
  578. border-radius: 15px 15px / 15px 15px;
  579. }
  580. #onestepcheckout-toc-popup h1{
  581. margin-left: 20px;
  582. font-size: 18px !important;
  583. padding-bottom: 10px !important;
  584. padding-top: 15px !important;
  585. }
  586. #onestepcheckout-toc-popup .onestepcheckout-toc-terms{
  587. margin: 20px;
  588. margin-top: 0 !important;
  589. /* height: 440px !important; */
  590. overflow: auto;
  591. padding-right: 10px;
  592. }
  593. #onestepcheckout-toc-popup .onestepcheckout-popup-wrapper2{
  594. background: #fcfcfc;
  595. border-radius: 15px;
  596. }
  597. .address-info-3-columns ul li p select{
  598. width:84% !important;
  599. }
  600. .address-info-3-columns #showhide_shipping p select{
  601. width:84% !important;
  602. }
  603. .onestepcheckout-survey select{
  604. width: 99%;
  605. }
  606. .onestepcheckout-survey {
  607. padding-top: 15px;
  608. }
  609. .onestepcheckout-survey-freetext{
  610. padding-top: 15px;
  611. }
  612. .onestepcheckout-survey-freetext textarea{
  613. width: 98%;
  614. }
  615. #coupon_code_onestepcheckout{
  616. margin-bottom:5px;
  617. width:70%;
  618. }
  619. .button-onestepcheckout{
  620. padding-top: 20px;
  621. }
  622. .onestepcheckout-place{
  623. width:250px !important;
  624. padding-top:15px !important;
  625. }
  626. .onestepcheckout-place span{
  627. font-size:16px !important;
  628. }
  629. #onestepcheckout-place-order-loading{
  630. font-style: italic;
  631. margin-top: 10px;
  632. }
  633. button.place-order-loader span {
  634. background:none repeat scroll 0 0 #CCCCCC !important;
  635. }
  636. #email-error-message{
  637. width:84%;
  638. }
  639. /*20130121*/
  640. .dob-month{
  641. float:left;
  642. width:20%;
  643. }
  644. .dob-day{
  645. float:left;
  646. width:20%;
  647. }
  648. .dob-year{
  649. float:left;
  650. width:44%;
  651. }
  652. .one-field .customer-dob .dob-year{
  653. float:left;
  654. width:51%;
  655. }
  656. .one-field .customer-dob .dob-year input{
  657. width:83%;
  658. }
  659. #one-step-checkout-form .sp-methods .validation-failed{
  660. outline: 1px dashed red;
  661. }
  662. #one-step-checkout-form .sp-methods .input-box .validation-failed{
  663. outline: none !important;
  664. }