*{ margin:0; padding:0 } img, fieldset{ border:none} .curve{ float:left; width:100%;} .curve img{ float:left; width:100%} :focus{ outline:none} body { font-family: "montserrat", Helvetica, sans-serif; font-size: 13px; line-height:16px; background:#e7e7e7; position:relative;} @font-face { font-family: "Myriad-Pro"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXp-p7K4KLg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: TrajanPro-Regular; src: url('/v8/common/images/valentines/TrajanPro-Regular.ttf'); } @font-face { font-family: TrajanPro-Bold; src: url('/v8/common/images/valentines/TrajanPro-Bold.otf'); } .page-title-reg { font-family: TrajanPro-Regular, sans-serif; letter-spacing: -1px; } .page-title-bld { font-family: TrajanPro-Bold, sans-serif; } .page-font { font-family: 'Montserrat', sans-serif; } b { font-weight: 500; } div.item-desc { margin: 10px 0px 2px 0px; } strike { color: red; } a.sml:link { color: #003333; text-decoration:none; } a.sml:visited { color: #003333; text-decoration:none; } a.sml:hover { color: #00b0bb; text-decoration:none; } /* label { display: inline-block; } */ .need_btn {float:left; width:39px; position:fixed; top: 264px; left: 0px; z-index: 99991;} .need_btn a {float:left; width:39px; height:128px; background:url(https://img1.picturesongold.com/v8/common/images/need_btn.jpg) no-repeat 0 0} .need_btn a:hover{background:url(https://img1.picturesongold.com/v8/common/images/need_btn1.jpg) no-repeat 0 0; width:50px} .need_btnBBB {float:left; width:56px; position:fixed; top: 174px; left: 0px; z-index: 99991;} .need_btnBBB a.n {float:left; width:56px; height:66px; background:url(https://img1.picturesongold.com/v8/common/images/bbbIcnVert.png) no-repeat 0 0} .need_btnSnt {float:left; width:39px; position:fixed; top: 409px; left: 0px; z-index: 99991;} .need_btnSnt a {float:left; width:39px; height:192px; background:url(https://img1.picturesongold.com/v8/common/images/need_btnSnt.gif) no-repeat 0 0} .need_btnSnt a:hover{background:url(https://img1.picturesongold.com/v8/common/images/need_btnSnt1.gif) no-repeat 0 0; width:50px} .need_btnVal {float:left; width:39px; position:fixed; top: 409px; left: 0px; z-index: 99991; } .need_btnVal a {float:left; width:39px; height:203px; background:url(https://img1.picturesongold.com/v8/common/images/need_btnVal.png) no-repeat 0 0} .need_btnVal a:hover{background:url(https://img1.picturesongold.com/v8/common/images/need_btnVal1.png) no-repeat 0 0; width:50px} .blue_strip{float:left; width:100%; height:5px; background:#79879d;} .orange_strip{float:left; width:100%; height:5px; background: #ff8a00;} /*===== background:url(/v8/common/images/body_bg.jpg) repeat 0 0; ====*/ #main_container{ float:left; width:100%; padding-bottom:20px; position:relative;} .wrapper{ width:980px;margin:0 auto; } /*================== blue bar css starts ========================*/ .blue_bar{ float:left; width:100%; background:#2b425f; color:#fff} .blue_bar ul{ width:auto; float:right; list-style:none; padding:0 0px 5px 0; min-height:29px; text-align:right;} .blue_bar ul li { display:inline; font-size:13px; line-height:15px; background:url(https://img1.picturesongold.com/v8/common/images/border.png) no-repeat right 12px; padding: 8px 18px 0 0; margin-right:10px; float:left; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:300; font-style:normal } .blue_bar ul li a{text-decoration:none; color:#ffffff; } .blue_bar ul li a:hover{text-decoration:underline;} .blue_bar ul li a img{float:none; vertical-align:middle; margin-right:12px} .blue_bar ul li.check_btn {background:none; border:none; margin:0pxl; padding:0px} .blue_bar ul li.check_btn a{float:left; background:#d7a253; border:1px solid #b48742; width:93px; text-align:center; padding:4px 0 6px 0; font-size:12px; line-height:14px; margin:3px 0 0 0px; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;margin-top:3px; text-decoration:none; cursor:pointer;} .blue_bar ul li.check_btn a:hover{background:#cfa862; text-decoration:none!important; border:solid 1px #cfa862} /*================== blue bar css ends ========================*/ .blue_bar_extra { clear: both; width: auto; text-align: center; background: #1d7503; color: #fff; font-size: 13px; font-weight: 600; border-top: solid 1px #cccccc66; line-height: 1em; margin: 0; padding: 4px; } .blue_bar_statement { clear: both; width: 940px; background: #ffffff; color: #000000; font-family: Century Gothic, "Myriad-Pro"; font-size: 16px; line-height: 1.5em; text-align: center; margin: 0 auto; padding: 1em 1em; border: solid 0.1em black; } /*================== from old css =============================*/ input { font-size: 12px; } select { font-size: 12px; margin-bottom: 1px; border: solid 2px #c2c6c8; line-height: 2em; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 4px 20px 8px 8px; background: url(/v8/common/images/br_down.png) #f5f5f5 no-repeat 98% !important; background-size: .8em !important; } select option { padding: 2px 10px 2px 1px; } textarea { font-size: 14px; padding: 7px; margin-bottom: 3px; border: solid 2px #c2c6c8; resize: none; } select.wide { font-size: 15px; padding: 3px; margin-bottom: 3px; border: solid 2px #c2c6c8; } select.wide option { padding: 3px; } select.brdreq { border: solid 3px #e01e3c; } select.menu { font-size: 12px; } input.hiddenText { font-size: 0; height: 0; border: none; margin: 0px; padding: 0px; } input[type="text"].commTxtField, input[type="email"].commTxtField { height: 17px; padding: 3px; margin-bottom: 3px; border: solid 2px #c2c6c8; font-size: 14px; } .tblContNew input[type="text"], .tableContent input[type="text"] { height: 17px; padding: 3px; margin-bottom: 3px; border: solid 2px #c2c6c8; font-size: 14px; } .tblContNew input[type="password"], .tableContent input[type="password"] { height: 17px; padding: 3px; margin-bottom: 3px; border: solid 2px #c2c6c8; font-size: 14px; } input[type="text"], input[type="email"], textarea, select { font-family: 'Montserrat', sans-serif !important; } /*================== header css starts url(/v8/common/images/top_bgVal.jpg) repeat-x 0 20px ========================*/ header { float:left; width:100%; background: #fff; border-bottom:1px solid #d4d4d4; z-index: 1100; position:relative; } .blue_bar a{ color:#fff} header .top_sec{ float:left; width:100%; padding-top:10px; background: #ffffff; } header .top_sec .logo{ float:left; width:auto; margin-left:10px} .top_sec .search_box{ float:right; background:url(https://img1.picturesongold.com/v8/common/images/search_box.gif) no-repeat 0 0; width: 390px; margin:7px 9px 0 0 ; padding:8px 9px 8px 12px} .top_sec .search_box form{ float:left; width:100%} .top_sec .search_box .input{ float:left; background:none; border:none; width: 360px; color:#2b425f; font-size: 12px; line-height:14px; padding-right: 12px; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .top_sec .search_box .input:hover{color:#208fb8;} .top_sec .search_box .search_btn{ float:left; width:auto; border:none; width: 13px; height:11px; background:url(https://img1.picturesongold.com/v8/common/images/search_btn.jpg) no-repeat 0 0; cursor:pointer} .tfnewsearch{ float:right; padding: 14px 15px 8px 15px; margin: 0; } .tftextinput{ margin: 0; background:url(https://img1.picturesongold.com/v8/common/images/searchBtn.png) no-repeat 2px 2px; color:#2b425f; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; padding: 5px 20px; border: 1px solid #84979e; border-right: 0px; border-top-left-radius: 5px 5px; border-bottom-left-radius: 5px 5px; } .tfbutton { margin: 0; padding: 3px 22px 5px 22px; font: bold 16px "Myriad-Pro", Helvetica, sans-serif; outline: none; cursor: pointer; text-align: center; text-decoration: none; color: #ffffff; border: solid 1px #0076a3; border-right:0px; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; } @-moz-document url-prefix() { .tfbutton { padding-bottom: 4px; } } .tfbutton:hover { text-decoration: none; background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); } /* Fixes submit button height problem in Firefox */ .tfbutton::-moz-focus-inner { border: 0; } nav{ float:left; width:100%; padding-top: 8px; background: #ffffff;} nav ul{ float:left; width:auto; list-style:none; padding-bottom:10px; margin-left: 8px; } nav ul li {float:left; background: #3a5473; display:inline; border: solid 1px #cccccc; padding: 3px 11px 3px 11px; font-size: 14px; line-height:18px; color:#fff; font-family: "Myriad-Pro", Helvetica, sans-serif; font-weight: 700; font-style:normal; position:relative} nav ul li.lastsub, nav ul li.sub { background: #ffffff; } nav ul li a{ text-decoration:none; color:#fff;} nav ul li.sub a { background: transparent url(https://img1.picturesongold.com/v8/common/images/blue_active_arrow.png) center right no-repeat; padding: 0px 18px 0px 4px; text-decoration: none; color:#567090; } nav ul li.lastsub a { text-decoration: none; color:#567090; } nav ul li.sub a:hover{color:#caa963} nav ul li a:hover{color:#caa963} nav ul li.active a{color:#caa963} nav ul li.lastsub { padding-right: 13px; background: #fff; border: solid 1px #ccc; } nav ul.sub-menu { float:left; list-style: none; position: absolute; top:43px; left:-70px; display:none; width: 379px; margin:0; padding:0; z-index:999999; background: #ffffff url(https://img1.picturesongold.com/v8/common/css-img/topMenu_bg.gif) repeat-y 0 0; padding:0 22px} nav ul.sub-menu li{float:left; margin:0; padding:0!important; width: 205px; text-transform:none; border: none; border-bottom:1px solid #e9e9e9; height:auto!important; font-size:14px!important;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; background:none} nav ul.sub-menu li a{ color: #567090; text-decoration: none; padding: 6px 0px 6px 9px!important; margin:0; float: left; background: none; } nav ul.sub-menu li a:hover{color:#caa963;} nav ul.sub-menu li.active a{ color:#caa963;} nav ul.sub-menu li span { font-size: 12px!important; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight: 700; color:#caa963; text-transform:uppercase; border-bottom: 2px solid #caa963; } nav ul.sub-menu li.no_border{border:none; width: 225px;} nav ul.sub-menu li.bg{ background: #f5f5f5; } nav ul.sub-menu li.last{border-bottom:none; width:249px; height:10px} nav ul.sub-menu li.last img{float:left; margin:0px 0 -20px -22px ;width: 423px; height:10px} nav ul.sub-menu li.first{border-bottom:none; width:249px; height:13px} nav ul.sub-menu li div.bn { position: absolute; top: 0px; left: 210px; } nav ul.sub-menu li div.bn img { border: none; } nav ul.sub-menu li.first img{float:left; margin:-24px 0 0px -22px ;width: 423px; height:24px} nav li:hover ul, #menu li.over ul{display:block;} a.disabled { pointer-events: none; cursor: default; } /*================== header css ends ========================*/ .common_box{ float:left; border:1px solid #d4d4d4; margin-top: 2px; padding:10px 10px 10px 10px; background:#f4f4f4; position:relative; z-index: 11; } .fillwidth { width: auto; } .fillwidth2 { width: 100%; } .fillwidth3 { width: 948px; overflow: hidden; } .fillwidth4 { width: 967px; padding: 0; overflow: hidden; } .fillwidth5 { width: 940px; } .common_box.altbg { background: #fff; } .common_box.spacer{margin-top:0px} .common_box .left_arrow{float:left; background:url(https://img1.picturesongold.com/v8/common/images/slider_left_arrow2.png) no-repeat 0 0; width:33px; height:66px; position:absolute; top:140px; left:-33px; } .common_box .left_arrow:hover{background-position:0 bottom;} .common_box .bx-prev{float:left; background:url(https://img1.picturesongold.com/v8/common/images/slider_left_arrow2.png) no-repeat 0 0; width: 33px; height: 66px; position:absolute; top:175px; left: -33px; } .common_box .bx-prev:hover{background-position:0 bottom;} .common_box .bx-next{float:left; background:url(https://img1.picturesongold.com/v8/common/images/slider_right_arrow2.png) no-repeat 0 0; width: 33px; height: 66px; position:absolute; top: 175px; right:-33px; } .common_box .bx-next:hover{background-position:0 bottom;} .common_box .right_arrow{float:left; background:url(https://img1.picturesongold.com/v8/common/images/slider_right_arrow2.png) no-repeat 0 0; width:33px; height:66px; position:absolute; top:140px; right:-33px; } .common_box .right_arrow:hover{background-position:0 bottom;} .box_title{float:left; width: 100%; height: 26px; background:#415574; text-align:center; margin: 0px 0px;} .box_title2{float:left; width: 100%; height: 20px; background:#dddddd; border:solid 1px #d4d4d4; text-align:center; margin: 0px;} .box_title h4 {float:none; color:#ffffff; font-family: "Myriad-Pro", Helvetica, sans-serif; font-weight: 700; font-size: 16px; margin-top: 4px; } .box_title.full { width: 100%; } /* .heading_box { float:left; width:958px; border: 1px solid #f4f4f4; padding: 2px 0; text-align:center; background:#f4f4f4; } */ .heading_box { float:left; width:958px; border: 1px solid #929191; padding: 0px; text-align:center; background:#000000; } .heading_box.nbrd { border: none; background: #f4f4f4; } .heading_box h1 { color:#415474; font-size: 1.6em; line-height:21px; font-family: "Myriad-Pro", Helvetica, sans-serif; font-weight: 500; } .heading_box h1 a { color:#415474; font-size: 1.6em; font-family: "Myriad-Pro", Helvetica, sans-serif; font-weight: 500; text-decoration: none; } .heading_box.full_heading {width:968px; border:solid 1px #d8d8d8; margin-top: 2px; padding: 0px;} .left_box{ float:left; width:229px; border:1px solid #d4d4d4; padding:1px 1px ; margin-top:12px} .left_box ul{ float:left; width:100%; list-style:none; border-top:1px solid #f6f6f6; background:#ffffff; padding:2px 12px 0 9px; width:207px} .left_box ul li{ float: left; border-bottom:1px solid #e9e9e9; font-size: 14px; line-height:17px; font-weight:bold; width:100%;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .left_box ul li a{text-decoration:none; color:#567090} .left_box ul li a:hover{color:#caa963} .left_box ul li.active a{color:#caa963} .left_box ul li a img{ float:none; vertical-align:middle; margin-right:14px} .left_box ul li.last{border-bottom:none} /* .left_box ul li.bold { float: left; border-bottom:1px solid #e9e9e9; font-size: 14px; line-height:17px; font-weight:bold; width:100%; font-weight:700; font-style:normal; background:#000000;} */ .left_box ul li.bold a { color: red; } .left_box ul li.bold a:hover{color:#caa963} .homeBanners { float:right; width:718px; margin: 12px 2px 0 0; padding: 0; position:relative; z-index:99999; } .topBnBtn { float: left; font-size: 16px; font-weight: 900; height: 28px; } .topBnBtn.Btn1 { background: url(https://img1.picturesongold.com/v8/common/css-img/topIcon1.png) no-repeat 0 0; padding: 6px 0 0 30px; margin: 4px 15px 0 60px; } .topBnBtn.Btn2 { background: url(https://img1.picturesongold.com/v8/common/css-img/topIcon2.png) no-repeat 0 0; padding: 6px 0 0 50px; margin: 4px 15px 0 10px; } .topBnBtn.Btn3 { background: url(https://img1.picturesongold.com/v8/common/css-img/topIcon3.png) no-repeat 0 0; padding: 6px 0 0 50px; margin: 4px 15px 0 10px; } .topBnBtn.Btn3 a { font-size: 16px; font-weight: 900; color: #000; text-decoration: none; height: 7px; } .topBnBtn.Btn3 a span { font-weight: 400; background: url(https://img1.picturesongold.com/v8/common/css-img/arrR.png) no-repeat 108px 8px; padding-right: 9px; } .topBnBtn.Btn3 a:hover { color: #009fdb; } /*================== slider container css starts ========================*/ .slider_container{ float:right; width:718px; margin: 12px 2px 0 0; position:relative; z-index:99999} .slider_container .slide{ float:left; width:716px; height:470px; border: 1px solid #d4d4d4; border-right: 2px solid #d4d4d4; margin: 0px 1px 0px 1px; background: #fff; display: none; } .slider_container .slide img{float:left;} .slider_containerCat { float:right; width:966px; margin: 0; position:relative; z-index:99999} .slider_containerCat .slide{ float:left; width:966px; height:470px; border: 1px solid #d4d4d4; border-right: 2px solid #d4d4d4; margin: 0px 1px 0px 1px; background: #fff; display: none; } .slider_containerCat .slide img{float:left;} .slider_box1 .bx-wrapper{ width:960px !important} .slide .slide_content{position:absolute; top:0px; left:0px; width:100%} /*================== slider container css ends ========================*/ .paging{ position:absolute;left:0px; bottom: 40px; width:718px; z-index:999 } .paging ul{ float: right; width:auto; list-style:none; padding: 7px 25px 9px 0px;} .paging ul li{ float:left; margin-right: 10px} .paging ul li a { float:left; width:18px; height:16px; background:url(https://img1.picturesongold.com/v8/common/images/paging_img.png) no-repeat 0 0} .paging ul li a:hover , .paging ul li a.active{background:url(https://img1.picturesongold.com/v8/common/images/paging_img2.png) no-repeat 0 0;} .tab_box{float:left; width:100%;} .common_box .order{ float:left; width:730px; background:#ffffff; border:solid 1px #d4d4d4; min-height:31px;} .common_box .order img{float:left; width:auto; margin:7px 6px 0 6px; display:inline} .common_box .order div{white-space: nowrap;float:left; width:auto; font-size:12px; line-height:17px; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding-top:6px} .common_box .order div strong{ color:#ff4e00;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .common_box .order div span{ color:#3d5675;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .common_white_box{ float:left; background:#fff;border:solid 1px #d4d4d4; } .common_white_box.space1{ margin-top:10px} .space2{ margin-top:10px; float: left; border: solid 1px #d4d4d4; background: #FFF;} .product_details{float:left; width:948px; } .product_details.space_low { width: 100%; } .product_details.space_full { width: 945px; } .product_details.space_item { width: 938px; } .product_details.space_auto { width: auto !important; } .product_details h3 { float:left; width:99%; font-size:22px; line-height:25px; color:#567090; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; border-bottom:solid 1px #e9e9e9; padding:5px 0 10px 10px} /*.product_details .strip_blue{float:left; height:6px; width:100%; background:#79879d;}*/ .product_details .box_heading{float:left; width:941px; margin:0 0 0 9px; display:inline; padding-bottom:9px; border-bottom:solid 1px #e9e9e9} .product_details .box_heading h3{float:left; width: auto; font-size:22px; line-height:25px; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding:5px 0 0} .product_details .box_heading strong{float:right; width:auto; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding: 8px 0px 0px 8px; font-size:14px; line-height:18px} .product_details .box_heading span{float:right;width:auto; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding: 8px 0px 0px 8px; font-size:14px; line-height:18px} .bx-wrapper{ overflow:hidden;} .product_list {float:left; width:100%; list-style:none} .product_list li{float:left; width:193px !important; border-right:solid 1px #ececec; padding-top:8px; min-height:267px; position:relative} .product_list li .sale{position:absolute; top:5px; left:5px} .product_list li.last{background:none; border:none; margin-right:0px} .product_list li.nospace{width:184px;} .product_list li .pic{float:left; width:100%; text-align:center; height: 204px} .product_list li .pic img{float:left; } .product_list li .pic .pic1{margin-top:-5px} .product_list li .name{float:left; width:100%; text-align:center; font-size:16px; line-height:19px; text-transform:uppercase; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-top:8px} .product_list li .name a{text-decoration:none; color:#567090} .product_list li .name a:hover{color:#caa963;} .product_list.list2 li .pic{height:185px} .product_list.list2 li{width:191px !important} .product_list.list3 li .pic{ height:176px} .product_list.list3 li { width:182px !important } .product_list.list3 li.replaceItems { width: 348px !important; text-align: center; border: solid 8px #fff; padding: 0; } .product_list.list3 li.replaceItems.bg { background-color: #dae9ff; padding: 10px 0 15px 0; } .product_list.list3 li.replaceItems.top { border: solid 4px #fff !important; } .product_list.list3 li .pic div.saleTag { top: 7px; left: 6px; } .product_list.list3 li .pic div.saleTag2 { top: 11px; left: 9px; } .saleTag { position: absolute; color: #fff; font: bold 16px Verdana, Myriad-Pro, Helvetica, sans-serif; } .saleTag2 { position: absolute; color: #fff; font: bold 14px Verdana, Myriad-Pro, Helvetica, sans-serif; } .saleTag span { font-size: 12px; } .product_list.list3 li .pic div.saleTagNew { top: 13px; left: 9px; } .saleTagNew { position: absolute; color: #fff; font: bold 16px Verdana, Myriad-Pro, Helvetica, sans-serif; } .saleTagNew span { font-size: 14px; } .saleBubbleWrap { position: absolute; top: 0px; left: 0px; width: 53px; } .saleBubblePic { position: absolute; top: 0px; left: 0px; width: 100%; } .saleBubbleTxt { position: absolute; color: #fff; font-size: 16px; font-weight: 900; top: 16px; left: 2px; right: 0; margin: auto; } .saleBubbleTxt span { font-size: 14px; } .DesignerBubbleWrap { position: absolute; top: 0; left: 0; background-color: #3e526b; color: white; padding: .4em 1.5em .4em 1.5em; text-align: center; display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: 500; line-height: 1em; margin: .1em; border-radius: 2em; width: auto; border: .1em solid #3e526b; box-shadow: inset 0 0 0 .1em #ffffff; box-sizing: border-box; } .product_list.list4 li{width: 144px !important; min-height: 160px} .product_list.list4 li .pic{height:100px; margin-left: 22px; } .product_list.list4 li.first{width:118px} .product_list.list4.mob li { width: 147px !important; min-height: 260px; } .product_list.list4.mob li .product_content span { font-size: 12px; line-height: 15px; color: #6f7aa2; } .product_list li .product_content{float:left; padding: 0 10px 10px} .product_list li .product_content h5{float:left; width:100%; font-size:14px; line-height:18px; color:#949494; text-transform:uppercase;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .product_list li .product_content h5 a{text-decoration:none; color:#949494} .product_list li .product_content h5 a:hover{text-decoration:none; color:#caa963} .product_list li .product_content small{float:left; width:100%; font-size:12px; line-height:18px; color:#949494;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding:5px 0 0 } .product_list.list5 li{width: 235px !important; min-height: 20px; } .product_list.list5 li .product_content{float:left; padding: 4px 8px 4px 8px;} .product_list.list5 li .product_content h5{float:left; width:100%; font-size:14px; line-height:18px; color:#1f495d; text-transform:uppercase;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .product_list.list5 li .product_content h5 a{text-decoration:none; color:#1f495d} .product_list.list5 li .product_content h5 a:hover{text-decoration:none; color:#caa963} .product_list.list5 li .product_content.bg { background-image: url(https://img1.picturesongold.com/images/icons/nav_arrowN.gif); background-repeat: no-repeat; background-position: .5em .6em; padding-left: 1em; } .product_list.list6 li { width: 33.2% !important; min-height: 430px; padding-top: 0; } .product_list.list6 li .pic { min-height: 333px; float: none; display: block; } .product_list.list6 li .pic.tight { min-height: 305px; } .product_list.list6 li .pic .itmImg { float: none; width: 300px; height: auto; display: block; margin: 0 auto; } .product_list.list6 li .pic .saleBubbleWrap { width: 63px; } .product_list.list6 li .pic .saleBubbleWrap .saleBubbleTxt { font-size: 18px; top: 22px; } .product_list.list6 li .product_content { float: none; } .product_list.list6 li .product_content .metalColorSwatches { display: block; margin-top: -45px; } .product_list.list6 li .product_content .listingTxt { display: block; margin-top: -35px; color: #fff; font-size: 20px; font-weight: 600; padding: 5px 0 !important; background-color: #2a425e; } .product_list.list6 li .product_content .buyBtnWrap { margin: 0 !important; } .product_list.list6 li .product_content .buy_btn { float: none; display: block; margin: 10px auto; width: 130px; height: 26px; letter-spacing: 1px; padding-top: 8px; } .product_list.list6 li h6 { font-size: 14px; float: none; padding-top: 0; } .product_list.list6 li .product_content span { border-top: none !important; } .product_list.list6 li .product_content span.special, .product_list.list6 li .product_content span.price { float: none; width: 100%; display: block; font-size: 16px; padding: 8px 0 8px 0; } .product_list.list6 li .product_content .itmListInfo { text-transform:uppercase; font-size: 12px; background-color: #e1f5e5; } .listingTxtItem { display: block; margin: 10px 0 0 -2px; text-align: center; color: #fff; font-size: 14px; font-weight: 600; padding: 5px 0 !important; background-color: #2a425e; } .product_list li .product_content small{float:left; width:100%; text-align:center; font-size:12px; line-height:18px; color:#949494;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding:5px 0 0 } .product_list li .product_content span {float:left; width:100%; text-align:center; font-size: 14px; line-height:18px; color:#949494; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding: 4px 0 4px 0; border-top: solid 1px #ccc; } .product_list li .product_content span.price { color:#5c6f7b; font-weight: 700; } .product_list li .product_content span.special { color:#cc0000; font-weight: 700; } .product_list li .product_content span a{text-decoration:none; color:#6e6e6e; font: bold 12px "Myriad-Pro", Helvetica, sans-serif; } .product_list li .product_content span a:hover{ color:#caa963} .product_list li .product_content span strong{color:#567090; font-weight:700;} .product_list li h6{float:left; width:100%; color:#6e6e6e; font-size:12px; line-height:15px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; text-align:center; padding-top:10px} .product_list li h6 a{text-decoration:none; color:#6e6e6e;} .product_list li h6 a:hover{color:#caa963;} .product_list li .product_content .buy_btn {float:left; width:126px; height:22px; background:#415574; color:#fff; text-transform:uppercase; letter-spacing:2px; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; text-decoration:none; text-align:center; padding-top:7px; border:solid 2px #d4d4d4; margin-top: 8px; } .product_list li .product_content .buy_btn:hover{ background:#7b879d} .product_list li .view_btn{float:left; width:100px; height:20px; background:#3d5675; text-align:center; text-decoration:none; color:#fff; text-transform:uppercase;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-top:2px; text-align: center; border:solid 1px #3d5675; margin:15px 0 0 11px; display:inline} .product_list li .product_content .buyBtnWrap { margin-left: 15px !important; } .tabing_row{float:left; width:100%; margin-top:10px } .tabing_row ul{float:left; width: auto; list-style:none;} .tabing_row ul li, .tabing_row ul li.spec {float:left; font-size:17px; line-height:20px; color:#fff;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; margin-right:2px; display:inline} .tabing_row ul li a{float:left; width:auto; text-decoration:none; color:#fff; height:29px; background:#395373; border:solid 1px #d4d4d4; padding:5px 29px 0; border-bottom:none; margin-bottom:-1px; position:relative} .tabing_row ul li a:hover{ background:#7b879d; color:#fff;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; z-index:99990} .tabing_row ul li.active a{ background:#f4f4f4; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; z-index:99990} .tabing_row ul li.spec a{ background:#a81319; } .tabing_row ul li.spec a:hover{ background:#da9c9e; } .tabing_row ul li.spec.active a{ background:#f4f4f4; color:#a41414;} .tabing_row .pre_next{float:right; list-style:none; width:131px; background:#f1f1f1; height:23px; border:solid 1px #d4d4d4; text-align:center; padding-top:4px; margin-right:10px; display:inline} .tabing_row .pre_next li{float:none; width:auto; font-size:14px; line-height:17px; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; text-transform:uppercase; display:inline} .tabing_row .pre_next li a{float:none; background:none; border:none; padding:0px; margin:0px;color:#567090;} .tabing_row .pre_next li a:hover{ background:none;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#7b879d} .tabing_row .pre_next li.active a{ background:none;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#7b879d} /*================== body container css starts ========================*/ #body_container{float:left; width:970px; padding:0px 5px} #body_container .bread_crumb { float:left; width: 110%; list-style:none; padding-top:4px;} #body_container .bread_crumb li { float:left; font-size:13px; line-height:20px; color:#567090; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; background:url(https://img1.picturesongold.com/v8/common/images/arrow.png) no-repeat right 9px; padding: 0 17px 0 10px} #body_container .bread_crumb li a { float:left; color:#567090; text-decoration:none} #body_container .bread_crumb li a:hover { text-decoration:underline; color:#7b879d} #body_container .bread_crumb li.active { color:#878787; background:none} #body_container .bread_crumb li.extra { float:left; font-size:13px; line-height:20px; color: red; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight: 700; font-style:normal; background:url(https://img1.picturesongold.com/v8/common/images/arrow.png) no-repeat right 9px; padding: 0 11px 0 7px} #body_container .bread_crumb li.extra a { color: red; } .quo { margin: 0px 5px 0px 5px; font-size: 1.8em; letter-spacing: -1.5px; font-weight: 500; font-family : "Myriad-Pro", Helvetica, sans-serif; } .quoL { margin: 0em 0em 0 .2em; font-size: 1.4em; letter-spacing: -2px; font-weight: 500; font-family : Verdana; } .orange { color: #ff6600; } .blue { color: #006699; } .white { color: #ffffff; } .bold { font-weight: 500; } /*================== left container css starts ========================*/ .left_container{float:left; width:205px; margin-top:11px} .left_nav{ float:left; width:178px; border:solid 1px #d4d4d4; padding:0 14px 0 11px; background:#fff; padding-bottom:10px} .left_nav .header { margin: 5px 0px 3px 0px; font: bold 12px "Myriad-Pro", Helvetica, sans-serif; color: #b59759; text-transform: uppercase; letter-spacing: 1px; } .left_nav ul{list-style:none} .left_nav ul li { width:100%; font-size:12px; line-height: 1em; color:#395373; background:url(https://img1.picturesongold.com/v8/common/images/blue_arrow.png) no-repeat 0 1px; margin-top: 8px; } .left_nav ul li h4{ width: 156px; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; font-size: 14px; border-bottom:solid 1px #e9e9e9;padding:0 0 9px 22px; display:inline-block; } .left_nav ul li.active { background:url(https://img1.picturesongold.com/v8/common/images/blue_active_arrow.png) no-repeat 0 5px;} .left_nav ul li h4 a{text-decoration:none; color:#395373; float:left} .left_nav ul li h4 a:hover{ color:#caa963} .left_nav ul li ul{ width:100%; list-style:none} .left_nav ul li ul li { width:156px; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight: 700; font-style:normal; padding: 9px 0 9px 22px; background:none; margin:0px; border-bottom:solid 1px #e9e9e9;} .left_nav ul li ul li a { text-decoration:none; text-transform: capitalize; color:#567090} .left_nav ul li ul li a:hover { color:#caa963;} .left_nav ul li ul li a.active { text-decoration:none; color:#caa963;} .left_nav ul li ul li.last { border:none;} .left_nav2 { float:left; width:178px; border:solid 1px #d4d4d4; padding: 0 14px 10px 11px; background:#fff; margin-top: 15px; } .left_nav2 ul{list-style:none} .left_nav2 ul li{width:100%; font-size: 12px; line-height: 1em; color:#395373; background:url(https://img1.picturesongold.com/v8/common/images/blue_arrow.png) no-repeat 0 1px; margin-top: 8px} .left_nav2 ul li h4{ width: 156px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; border-bottom:solid 1px #e9e9e9;padding:0 0 9px 22px; display:inline-block; cursor:pointer} .left_nav2 ul li h4 a{text-decoration:none; color:#395373; float:left} .left_nav2 ul li h4 a:hover{ color:#caa963} .left_container .left_commom_box{float:left; width:185px; border:solid 1px #d4d4d4; background:#dddddd; padding:9px; margin-top:12px } .left_commom_box .box{float:left; width:183px; border:solid 1px #d4d4d4; background:#f4f4f4; border-top:solid 2px #dadada} .left_commom_box .box .help_box{float:left; width:165px; padding:12px 9px} .left_commom_box .box .help_box h3{float:left; width:100%; text-align:center; color:#3d5675; font-size: 16px; line-height:25px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-bottom:6px} .left_commom_box .box .help_box p{float:left; width:auto; font-size: 14px; line-height:22px; color:#565656;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding:0 9px} .left_commom_box .box .help_box ul{float:left; width:100%; list-style:none} .left_commom_box .box .help_box ul li{float:left; width:76px; border:solid 1px #d4d4d4; margin:8px 9px 0 0; display:inline} .left_commom_box .box .help_box ul li.last{margin-right:0px} #comm100-button-500 { margin-bottom: 10px; overflow: auto; } .comm100-btn-fixed { float: right; margin-top: -38px; } #comm100-button-368 a, #comm100-button-500 a { background-color: inherit; height: auto !important; } .pop_up .help_box ul li.last.nobg { background-color: inherit; border: none; } .helpIcons ul li.last.nobg { background-color: inherit; border: none; } .left_commom_box .box .help_box ul li a {float:left; width:100%; height:83px; text-align: center; background:#dddddd; text-decoration:none} .left_commom_box .box .help_box ul li a .icon{display:inline-block; width:56px; height:45px; background:#fff; border:solid 1px #d4d4d4;-webkit-border-radius: 30px; border-radius: 30px; behavior: url(PIE.htc); z-index:1; position:relative; padding-top:11px; margin:4px 0 0px; cursor:pointer} .left_commom_box .box .help_box ul li a .icon.space{margin:6px 0 0px} .left_commom_box .box .help_box ul li a:hover{background:#dedede;} .left_commom_box .box .help_box ul li a .icon1{ background:url(https://img1.picturesongold.com/v8/common/images/phone_icon.jpg) no-repeat 0 0; width:25px; height:30px; float:left; margin-left:15px; pointer-events: none; cursor: default; } .left_commom_box .box .help_box ul li a:hover .icon1{ background-position:0 -31px;} .left_commom_box .box .help_box ul li a .icon2{ background:url(https://img1.picturesongold.com/v8/common/images/chat_icon.jpg) no-repeat 0 0; width:31px; height:30px; float:left; margin-left:12px;cursor:pointer} .left_commom_box .box .help_box ul li a:hover .icon2{ background-position:0 -31px;} .left_commom_box .box .help_box ul li a .icon3{ background:url(https://img1.picturesongold.com/v8/common/images/mail_icon1.jpg) no-repeat 0 0; width:25px; height:30px; float:left; margin-left:15px;cursor:pointer} .left_commom_box .box .help_box ul li a:hover .icon3{ background-position:0 -31px;} .left_commom_box .box .help_box ul li a .icon4{ background:url(https://img1.picturesongold.com/v8/common/images/qus_icon.jpg) no-repeat 0 0; width:31px; height:30px; float:left; margin-left:11px;cursor:pointer} .left_commom_box .box .help_box ul li a:hover .icon4{ background-position:0 -30px;} .left_commom_box .box .help_box ul li a small{font-size: 1em; line-height:13px; color:#565656; display:inline-block;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; } .left_commom_box .box .help_box ul li a small.number{font-size: 0.8em} .left_commom_box .box .small_banner{float:left; width:100%;} .left_commom_box .box .small_banner .small_pic{float:left; width:69px; height:83px; margin-left:3px; display:inline} .left_commom_box .box .small_banner .small_pic img{float:left;} .left_commom_box .box .small_banner strong{float:right; width:107px; color:#77889e; font-size:13px; line-height:19px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-top:15px} /*================== left container css ends ========================*/ /*================== right container css starts ========================*/ .right_container{float:right; width:755px} .inner_banner{float:left; width:732px; border-bottom:solid 14px #76889e; position:relative} .inner_banner .banner_detils{float:left; width:100%; border-bottom:solid 1px #e1e1e1;} .inner_banner img{float:left; width:100%;} .inner_banner .text_area{float:left; width:258px; background:url(https://img1.picturesongold.com/v8/common/images/transparent_bg.png) repeat 0 0; border: solid 1px #dddddd; position:absolute; top:17px; left:12px; text-align:center; min-height:265px} .inner_banner .text_area h3{ font-size:33px; line-height:37px; color:#3d5675;font-family: "Myriad-Pro", Helvetica, sans-serif; font-weight:500; padding-top:10px} .inner_banner .text_area p{font-size:14px; line-height:22px; color:#7e7e7e;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .inner_banner .text_area .shop_btn{display:inline-block; width:181px; height:26px; text-align:center; color:#fff; background:#3d5675; font-size:16px; line-height:19px; text-decoration:none;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; letter-spacing:2px; padding-top:8px; border:solid 2px #d4d4d4; margin-top:9px} .inner_banner .text_area .shop_btn:hover{ background:#7b879d;} .inner_banner .video{width:345px; height:41px; float:right; position:absolute; top:18px; right:19px} .paging_row{float:left; width:100%; padding:5px 0 17px} .paging_row.space0{ padding:10px 0 0px} .paging_row .select{ float:left; width:139px; color:#567090; font-size:12px; line-height:14px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; } .paging_row .select.select1{ width:128px} .paging_row .select.select2{ width:98px} .paging_row .select_1{float:left; width:139px; margin-right:17px} .paging_row .select_2{float:left; width:128px; margin-right:17px} .paging_row .select_3{float:left; width:98px} .paging_row .jqTransformSelectWrapper{background:#fff; border:solid 1px #d4d4d4; height:23px !important} .paging_row .select_1 .jqTransformSelectWrapper{float:left; width:137px !important; } .paging_row .select_2 .jqTransformSelectWrapper{float:left; width:126px !important; } .paging_row .select_3 .jqTransformSelectWrapper{float:left; width:96px !important; } .paging_row .jqTransformSelectWrapper div span{font-size:12px; text-transform:uppercase; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding:3px 0 0 7px; height:19px !important; width:auto !important} .paging_row .jqTransformSelectWrapper ul{background:#fff; color:#567090; width:100% !important; margin-top:-6px} .paging_row .jqTransformSelectWrapper ul li{ color:#567090; float:left; width:100% !important} .paging_row .jqTransformSelectWrapper ul li a{ color:#567090;} .paging_row .jqTransformSelectWrapper .jqTransformSelectOpen{background:url(https://img1.picturesongold.com/v8/common/images/select_arrow.jpg) no-repeat 0 0; height:24px; width:24px} .paging_row .jqTransformSelectWrapper .jqTransformSelectOpen:hover{background-position:0 bottom;} .paging_row .paging1{float:right; width:auto; text-align:right; width:320px;} .paging_row .paging1 .text{float:left; color:#3a5473; font-size:13px; line-height:18px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; text-transform:uppercase; padding:3px 3px 0 0 } .paging_row .paging1 .text a{text-decoration:none; color:#3a5473} .paging_row .paging1 .text a:hover{ color:#7b879d; text-decoration:underline} .paging_row .paging1 ul.number{float:left; width:auto; list-style:none; border:solid 1px #999898; margin-left:4px} .paging_row .paging1 ul.number li{float:left; background:url(https://img1.picturesongold.com/v8/common/images/border2.jpg) repeat-y right 0; padding-right:2px; } .paging_row .paging1 ul.number li a{float:left; width:21px; height:21px; text-align:center; text-decoration:none; font-size:13px; line-height:20px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#959fac; background:#395373; padding-top:1px} .paging_row .paging1 ul.number li a:hover{background:#7b879d; color:#fff} .paging_row .paging1 ul.number li.active a{background:#959fac; color:#fff} .paging_row .paging1 ul.number li.last{background:none; padding:0px} .paging_row .paging1 ul.next_pre{float:left; width:auto; list-style:none; padding-top:3px} .paging_row .paging1 ul.next_pre li{float:left; font-size:13px; line-height:18px; color:#3a5473;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; background:url(https://img1.picturesongold.com/v8/common/images/sep1.jpg) no-repeat right 3px; padding:0 8px} .paging_row .paging1 ul.next_pre li a{text-decoration:none; color:#3a5473} .paging_row .paging1 ul.next_pre li a:hover{ color:#7b879d; text-decoration:underline} .paging_row .paging1 ul.next_pre li.last{background:none;} .common_box .box_colum{float:left; width:362px;} .common_box .box_colum.right{float:right;} .common_box .category_type{float:left; width:732px} .common_box .category_type .common_white_box{margin-top: 3px; } .common_box .category_box{float:left; width:360px;} .common_box .category_box .cate_pic{float:left;} .common_box .category_box .cate_pic img{float:left;} .common_box .category_box .pic_details{float:right; width:179px; margin:0 16px 0 0; display:inline} .common_box .category_box .pic_details h5, .common_box .category_box .pic_details h1, .common_box .category_box .pic_details h2 { float:left; width:174px; font-size:15px; line-height:17px; color:#395373; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding:15px 0 10px 5px; text-transform:uppercase} .common_box .category_box .pic_details h5.spacer6{ width:185px; margin-right:-10px} .common_box .category_box .pic_details h5 a{text-decoration:none; color:#395373} .common_box .category_box .pic_details h5 a:hover{text-decoration:none; color:#caa963} .common_box .category_box .pic_details ul{float:left; width:100%; list-style:none;border-bottom:solid 1px #e9e9e9} .common_box .category_box .pic_details ul li{float:left; width:174px; font-size:14px; line-height:18px; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding:8px 0 8px 5px; border-top:solid 1px #e9e9e9} .common_box .category_box .pic_details ul li a{text-decoration:none; color:#567090;} .common_box .category_box .pic_details ul li a:hover{ color:#caa963} .common_box .category_row{float:left; width:730px} .common_box .category_row h5 { font: bold 16px "Myriad-Pro", Helvetica, sans-serif; color:#395373; margin: 5px 0px 7px 8px; text-transform:uppercase; } .common_box .category_row ul{float:left; width: auto; list-style:none; margin-bottom: 7px;} .common_box .category_row ul li{float:left; width:auto; margin-left: 7px; display:inline} .common_box .category_row ul li img{float:left;} .common_box .category_row .view{float:right; width:auto; font-size:15px; line-height:17px; color:#395373; text-transform:uppercase;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; margin:30px 30px 0 0; display:inline; text-decoration:none} .common_box .category_row .view:hover{color:#caa963;} .product_list li .view_btn{float:left; width:100px; height:20px; background:#3d5675; text-align:center; text-decoration:none; color:#fff; text-transform:uppercase;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-top:2px; text-align: center; border:solid 2px #d4d4d4; margin:15px 0 0 11px; display:inline} .product_list li .view_btn:hover{ background:#7b879d} /*================== right container css ends ========================*/ /*================== left content css starts ========================*/ .left_content .min-size { min-height: 400px;} .left_content{float:left; width:754px} .left_content .pic_gallery{float:left;} .left_content .pic_gallery .gallery .prod-id { margin: 15px 0; float: left; text-align: center; width: 100%; color: #567090; font-weight: normal; font-family: "Myriad-Pro", Helvetica, sans-serif; font-size: 14px; } .left_content .pic_gallery .gallery{float:left; width:277px; margin-top: 10px; overflow: hidden;} .left_content .pic_gallery .gallery .large_pic{float:left; width:275px; border:solid 1px #d5d5d5; height:275px} .left_content .pic_gallery .gallery .large_pic img{float:left} .left_content .pic_gallery .gallery ul{float:left; width:100%; list-style:none; margin-top:8px; text-align:center;} .left_content .pic_gallery .gallery ul li{float:left; width:80px; height:80px;border:solid 1px #d5d5d5; margin:4px; display:inline; text-align:center;} /*.left_content .pic_gallery .gallery ul li img{float:left}*/ .left_content .pic_gallery .gallery ul li.last{margin-right:0px} .left_content .pic_gallery .gallery_details{float:right; width:416px; margin-top: 15px;} .left_content .pic_gallery h3{float:left; width:100%; font-size:24px; line-height:26px; color:#395373;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; border-bottom:solid 1px #e9e9e9; padding-bottom:5px} .left_content .pic_gallery .gallery_details h3{float:left; width:100%; font-size:26px; line-height:30px; color:#395373;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; border-bottom:solid 1px #e9e9e9; padding-bottom:10px} .left_content .pic_gallery .gallery_details ul{float:left; width:100%; list-style:none; margin-bottom:5px} .left_content .pic_gallery .gallery_details ul li{float:left; color:#567090; font-size:14px; line-height:16px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; width:100%; padding: 5px 0;} .left_content .pic_gallery .gallery_details ul li strong{font-weight:700; color:#395373} .left_content .pic_gallery .gallery_details p{float:left; width:100%; color:#878787; font-size:13px; line-height:21px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding:5px 0 0 } .left_content .pic_gallery .gallery_details .share_pic{float:left; width:auto; margin-top:9px} .left_content .item_section{float:left; width:708px; padding:0 11px} .left_content .common_box .title{float:left; width:98%; font-size:21px; line-height:25px; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding:2px 0 6px 10px} .left_content .common_box .subtitle{ float:left; width:auto; color:#395373; font-size:16px; line-height:22px; text-transform:uppercase;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .left_content .common_box .subtitle.full{width:100%; padding-bottom:10px;} .left_content .item_section .item_details{float:left; width:100%; padding-top:10px;border-top:solid 1px #e9e9e9;} .left_content .item_section .click{float:right; width:177px; height:26px; border:solid 1px #e3e3e3; text-align:center; text-decoration:underline; color:#878787; font-size:14px; line-height:17px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; background:#f1f1f1; border-bottom:solid 2px #eeeeee; padding-top:10px;-webkit-border-radius: 2px; border-radius: 2px;behavior: url(PIE.htc); z-index:99; position:relative;} .left_content .item_section .click:hover{text-decoration:none; color:#919191} .left_content .item_section .item_row{float:left; width:100%; list-style:none; margin-top:-20px} .left_content .item_section .item_row li{float:left; width:100%; padding:8px 0 5px 0; border-bottom:solid 1px #e9e9e9} .left_content .item_section .item_row li.last{border-bottom:none;} .left_content .item_section .item_row li .item_pic{float:left; margin-right:12px; display:inline; width:40px; border:solid 1px #cbcaca; border-bottom:solid 1px #dedddd;} .left_content .item_section .item_row li .item_pic img{float:left;} .left_content .item_section .item_row li strong{float:left; width:114px; font-size:14px; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-top:2px} .left_content .item_section .item_row li .check{float:none; vertical-align:middle; margin-right:12px} .left_content .item_section .item_row .pic_details1{float:left; width:500px; padding-top:0} .left_content .item_section .item_row .pic_details1 h6{float:left; width:100%; font-size:13px; line-height:17px; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-bottom:5px} .left_content .item_section .item_row .pic_details1 small{float:left; width:auto; color:#878787;font-size:13px; line-height:17px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; margin-right:15px; text-decoration:line-through } .left_content .common_section{float:left; width:708px; padding:11px 11px; border-top:solid 1px #e9e9e9} .left_content .common_section .pic_left{float:left; width:380px} .left_content .common_section .pic_left ul.list1{ float:left; width:100%; list-style:none} .left_content .common_section .pic_left ul.list1 li{float:left; width:100%; color:#878787; font-size:14px; line-height:17px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding-top:14px} .left_content .common_section .pic_left ul.list1 li .check{float:none; vertical-align:middle; margin-right:12px; display:inline;} .left_content .common_section .pic_left ul.list1 li strong{ text-transform:uppercase; color:#567090; font-weight:700} .left_content .common_section p{float:left; width:100%; font-size:13px; line-height:20px; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal;} .left_content .common_section p.bottom_space{padding-bottom:10px} .left_content .common_section .upload_row{float:left; width:99%; list-style:none; padding-left:10px} .left_content .common_section .upload_row li{float:left; width:100%; margin:10px 0;} .left_content .common_section .upload_row li .small_pic{float:left; width:60px; margin-top: -10px;} .left_content .common_section .upload_row .chk{float:left; margin: 5px 10px 0 0; cursor: pointer;} .left_content .common_section .upload_row li .small_pic img{float:left;} .left_content .common_section .upload_row li .chhose_btn{float:left; width:80px; height:19px; margin:15px 30px 0 0; display:inline} .left_content .common_section .upload_row li span{float:left; min-width:190px; font-size:14px; line-height:16px; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding-top:3px; margin-bottom:10px;} .left_content .common_section .upload_row li span strong{font-weight:700; color:#567090;} .left_content .thumb_row{float:left; width:100%; padding-top:10px} .left_content .thumb_row.no_space{padding-top:0px} .left_content .thumb_row.no_space ul{ margin:0px;} .left_content .thumb_row h5{float:left; width:100%; color:#567090; font-size:16px; line-height:19px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; } .left_content .thumb_row ul{float:left; width:100%; list-style:none; margin-top:5px} .left_content .thumb_row ul li{float:left; width:65px; margin-right:14px;} .left_content .thumb_row ul li.last{margin-right:0px} .left_content .thumb_row ul li .pic1{float:left; width:63px; border:solid 1px #d5d5d5} .left_content .thumb_row ul li .pic1 img{float:left; width:100%} .left_content .thumb_row ul li .check{float:left; margin-top:10px} .left_content .thumb_row ul li small{float:left; font-size:13px; line-height:20px; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal;} .left_content .thumb_row ul li small strong{color:#567090; font-weight:700} .left_content .discreption{float:right; width:300px; background:#f1f1f1; border:solid 1px #e3e3e3; padding:10px 9px} .left_content .discreption h6{float:left; width:100%; font-size:13px; line-height:17px; text-transform:uppercase; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-bottom:5px} .left_content .discreption strong{float:left; width:100%; font-size:14px; line-height:18px;color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .left_content .discreption p{float:left; width:100%; font-size:13px; line-height:21px;color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; padding:4px 0 7px} .left_content .discreption span{ font-weight:700} .left_content .discreption ul{float:left; width:100%; list-style:none;} .left_content .discreption ul li{float:left; width:100%; font-size:14px; line-height:24px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal;} .left_content .discreption ul li a{text-decoration:underline; color:#878787} .left_content .discreption ul li a:hover{text-decoration:none} .left_content .pim-desc {display: none; } .left_content .pim-itm{cursor: pointer; } .left_content .um-itm{cursor: pointer; } .left_content .um-desc {display: none; } #PIM-color-laser-desc { display: block;} .left_content .itm-desc-long {display: none; float:left; } .left_content .itm-desc-short {float:left;} .left_content .itm-desc-short span {text-decoration:underline; color:#395373; cursor: pointer; font-weight: 700;} .left_content .itm-desc-short span:hover {text-decoration:none;} .left_content .common_section .mesage_left{float:left; width:277px} .left_content .common_section .mesage_left .large_pic{float:left; width:275px;} .left_content .common_section .mesage_left .note{float:left; width:275px; border:solid 1px #d4d4d4; background:#f1f1f1; text-align:center; padding:3px 0; margin-top:12px} .left_content .common_section .mesage_left .note p{float:left; line-height:21px; text-align:left; padding:0 10px; width:auto} .left_content .common_section .mesage_left .note .message_idea_link{text-decoration:underline; color:#878787; font-size:14px; line-height:18px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; display:inline-block; margin:5px 0 10px } .left_content .common_section .mesage_left .note .message_idea_link:hover{text-decoration:none; color:#919191} .left_content .common_section .mesage_right{float:right; width:420px} .left_content .common_section .mesage_right .font_row{float:left; width:100%; padding:12px 0; border-top:solid 1px #e9e9e9} .left_content .common_section .mesage_right .font_row h5{float:left; width:100%; color:#567090; font-size:16px; line-height:19px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .left_content .common_section .mesage_right .font_row ul{float:left; width:100%; list-style:none; padding:12px 0 0} .left_content .common_section .mesage_right .font_row ul li{float:left; width:67px; margin-right:16px; display:inline} .left_content .common_section .mesage_right .font_row ul li span{float:left; width:65px; text-align:center; text-align: center} .left_content .common_section .mesage_right .font_row ul li .check{float:left; margin-top: 10px; margin-left: 25px;} .left_content .common_section .mesage_right .textarea_row{float:left; width:100%; border-top:solid 1px #e9e9e9; padding-top:12px} .left_content .common_section .mesage_right .textarea_row h5{float:left; width:100%; color:#567090; font-size:16px; line-height:19px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .left_content .common_section .mesage_right .textarea_row h5 strong{ color:#878787; font-weight:700} .left_content .common_section .mesage_right .textarea_row h5 small{ font-size:13px; font-weight:400} .left_content .common_section .mesage_right .textarea_row .textarea{float:left; width:210px; height:79px; padding:5px; resize:none; overflow:auto; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; border:solid 1px #d4d4d4; margin-top:6px} .left_content .common_section .mesage_right .textarea_row .Message_btn{float:left; width:142px; background:#3d5675; font-size:13px; line-height:15px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#fff; cursor:pointer; text-transform:uppercase; margin-top:7px; border:solid 2px #dadada; padding:7px 0} .left_content .common_section .mesage_right .textarea_row .Message_btn_over{float:left; width:142px; background:#7b879d; font-size:13px; line-height:15px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#fff; cursor:pointer; text-transform:uppercase; margin-top:7px; border:solid 2px #dadada; padding:7px 0} .left_content .common_section .mesage_right .Message_btn{float:left; width:142px; background:#3d5675; font-size:13px; line-height:15px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#fff; cursor:pointer; text-transform:uppercase; margin-top:7px; border:solid 2px #dadada; padding:7px 0} .left_content .common_section .mesage_right .Message_btn:hover{float:left; width:142px; background:#7b879d; font-size:13px; line-height:15px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#fff; cursor:pointer; text-transform:uppercase; margin-top:7px; border:solid 2px #dadada; padding:7px 0} .left_content .common_section .chain_left{float:left; width:380px} .left_content .common_section ul.product_row{ float:left; width:100%; list-style:none; padding:10px 0} .left_content .common_section ul.product_row li{float:left; width:100%; margin-top:18px} .left_content .common_section ul.product_row li .pic2{float:left; width:202px;} .left_content .common_section ul.product_row li .pic2 img{float:left;} .left_content .common_section ul.product_row li .check{float:left; margin-top:5px} .left_content .common_section ul.product_row li .details{float:right; width:468px} .left_content .common_section ul.product_row li .details h5{float:left; width:100%; color:#567090; font-size:15px; line-height:14px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-bottom:6px} .left_content .common_section ul.product_row li .details .select1{ float:left; width:313px; color:#878787; font-size:11px; line-height:13px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; margin-top:10px} .left_content .common_section ul.product_row li .chain_img{float: left; width: 30%; padding: 0 5px;} .left_content .common_section .textarea1{float:left; width:600px; height:133px; border:solid 1px #d4d4d4; padding:5px; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; margin-top:10px} /*================== photo proof ========================*/ .left_content .common_section .photo_proof{width: 100%} .left_content .common_section .email_proof {width:100%; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-size:13px; line-height:20px; font-weight:400; font-style:normal; margin-top:15px;} .left_content .common_section .email_proof span{font-size:14px; line-height:16px; margin-left:15px;} .left_content .common_section .email_proof span strong{font-weight:700; color:#567090;} #photo_proof{margin-left: 5px} /*================== left content css ends ========================*/ /*================== righr content css starts ========================*/ .right_content{float:right; width:205px; padding-top:35px;} .right_content .common_white_box{margin-top:10px} .right_content .right_coll{float:left; width:173px; padding:10px 16px;} .right_content .right_coll h4{color:#395373;float:left; width:100%; font-size:17px; line-height:20px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; border-bottom:solid 1px #e9e9e9; padding-bottom:10px} .right_content .right_coll h4.spacer5{ width:205px; margin-right:-10px} .right_content .right_coll .price{float:left; width:100%; font-size:30px; line-height:33px; color:#3BAF4E;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; border-bottom:solid 1px #e9e9e9; padding-bottom:10px} .right_content .right_coll .shiptext{float:left; width:180px; font-size:20px; line-height:20px; color:#ffffff;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal; background-color:#395373; padding:5px; margin-bottom:10px; margin-left:-8px; text-align:center;} .right_content .right_coll .list2{float:left; width:100%; list-style:none;} .right_content .right_coll .list2 li{float:left; width:100%; text-transform:uppercase; color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; font-size:14px; line-height:16px; padding:15px 0 0px} .right_content .right_coll .list2 li a{text-decoration:none; color:#567090;} .right_content .right_coll .list2 li a:hover{ color:#7b879d;} .right_content .right_coll .list3{float:left; width:100%; list-style:none;} .right_content .right_coll .list3 li{float:left; width:143px;color:#567090;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; font-size:14px; line-height:16px; padding:15px 0 8px 30px; background:url(https://img1.picturesongold.com/v8/common/images/tick.jpg) no-repeat 0 16px;} .right_content .right_coll .list3 li a{text-decoration:none; color:#567090;} .right_content .right_coll .list3 li a:hover{ color:#7b879d;} .right_content .right_coll .list3 li.bg_1{ background:url(https://img1.picturesongold.com/v8/common/images/minus.jpg) no-repeat 0 15px;} .right_content .right_coll .list3 li.bg_2{ background:url(https://img1.picturesongold.com/v8/common/images/cross.jpg) no-repeat 0 15px !important;} .right_content .right_coll .list3 li.error{ background:url(https://img1.picturesongold.com/v8/common/images/minus1.jpg) no-repeat 0 15px;} .right_content .right_coll .text{ float:left; width:100%; font-size:11px; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-top:6px} .right_content .cart_btn{height:35px; cursor: pointer; float:left; width:160px; text-align:center; text-transform:uppercase; color:#fff;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; text-decoration:none; font-size:18px; line-height:18px; background:#3baf4e; border-color:#309540; border-style:solid; border-width:1px 1px 2px 1px; margin:20px 0 5px 8px; padding:0;} .right_content .cart_btn:hover{ background:#54cd67} .right_content .customize_btn{cursor: pointer; float:left; height: 40px; width:175px;text-align:center; text-transform:uppercase; color:#fff;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; text-decoration:none; font-size:15px; line-height:16px; background:url(https://img1.picturesongold.com/v8/common/images/personalize-button1.png) no-repeat 0 0; border: none; margin:20px 0 5px 0; padding-left:0; display: block; } /*.right_content .customize_btn:hover{ background:url(https://img1.picturesongold.com/v8/common/images/personalize-button2.png);}*/ #err_msg{ float:left; width:183px; padding:5px 10px; background:#FFF0F0; border:1px solid #ff0000; margin:10px 0; display:none;} /*================== right css ends ========================*/ /*================== add to cart button ====================*/ .cart_btn_bottom { height:50px; cursor: pointer; float:left; width:968px; text-align:center; text-transform:uppercase; color:#fff; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; text-decoration:none; font-size:30px; line-height:30px; background:#3baf4e url(https://img1.picturesongold.com/v8/common/images/addtocart-icon1.png) no-repeat 350px 10px; border-color:#309540; border-style:solid; border-width:1px 1px 3px 1px; margin-top:10px; padding-left:30px;} .cart_btn_bottom:hover{ background-color:#54cd67} .cart_btn_bottom.disabled { background-color:#c8c8c8; border-color: #d4d4d4; cursor: auto; } /*================== footer css starts ========================*/ footer{ float:left; width:100%; padding-bottom:30px; background:#fff; } footer .top_footer{float:left; background: #eeeeee; width:100%; padding-bottom:14px} .top_footer .top_footer_details{ float:left; width:960px; padding:22px 10px 0 10px} .top_footer .top_footer_details .row{ float:left; width:100%; border-bottom:1px solid #dadee2; padding-bottom:18px} .top_footer .top_footer_details .row h3{color:#395373; font-size:22px; line-height:24px; padding-bottom:16px ;font-family: "Myriad-Pro", Helvetica, sans-serif; font-style:normal; font-weight:500;} .top_footer .top_footer_details p{float:left; width:100%; font-size:13px; line-height:24px; color:#878787;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;} .top_footer .top_footer_details p a{text-decoration:none; color:#567090; font-weight: 700} .top_footer .top_footer_details p a:hover{text-decoration:underline;} .top_footer .top_footer_details .footer_box{float:left; width:591px; margin:28px 0 0 -9px;} .top_footer .top_footer_details .footer_box .pic{float:left; width:70px; height:82px; margin-left:9px; display:inline;} .top_footer .top_footer_details .footer_box .pic img{float:left;} .top_footer .top_footer_details .footer_box .pic_details{float:right; width:487px; margin-right:9px; display:inline;} .top_footer .top_footer_details .footer_box .pic_details h3{ float:left; width:100%; color:#395373; font-size:31px; line-height:35px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:400; font-style:normal;} .top_footer .top_footer_details .subscribe_box{float:left; width:348px; border:solid 1px #c8c8c8; border-bottom:solid 2px #d7d7d7;border-top:solid 2px #d7d7d7; margin-top:17px; background: #F5F5F5; min-height:91px; padding:10px 12px} .top_footer .top_footer_details .subscribe_box p{padding-bottom:7px} .top_footer .top_footer_details .subscribe_box p img{float:left; vertical-align:middle; margin:9px 19px 0 0; display:inline} .top_footer .top_footer_details .subscribe_box .input{float:left; width:170px; background:#fff; border:solid 1px #d3dae3; font-size:11px; line-height:13px; color:#b3b3b2; font-weight:bold; font-family:"Myriad-Pro", Helvetica, sans-serif; padding:5px 8px; margin-top:6px} .top_footer .top_footer_details .subscribe_box .subcribbe_btn{float:right; width:139px; border-top:solid 1px #79889a; border-bottom:solid 1px #79889a; background:#3b5472; outline:2px solid #d7d7d7; border-left:0px; border-right:0px; font-size:15px; line-height:17px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#fff; padding:7px 0; cursor:pointer; letter-spacing:2px; *padding:6px 0;} .top_footer .top_footer_details .subscribe_box .subcribbe_btn_over{float:right; width:139px; border-top:solid 1px #79889a; border-bottom:solid 1px #79889a; background:#7b879d; outline:2px solid #d7d7d7; border-left:0px; border-right:0px; font-size:15px; line-height:17px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#fff; padding:7px 0; cursor:pointer; letter-spacing:2px; *padding:6px 0;} .footer_logo_box{float:left; width:100%; min-height:69px; background:#c8c8c8; border-bottom:solid 1px #e6e6e6;border-top:solid 1px #e6e6e6} .footer_logo_box h4{float:left; width:auto; font-size:13px; line-height:17px; color:#fff;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal;background:#c8c8c8; border:solid 1px #e6e6e6; border-bottom:none; margin:-17px 0 0 ; padding:0px 30px} .footer_logo_box ul{float:left; width:100%; list-style:none; padding-top:12px} .footer_logo_box ul li{float:left; margin:0 2px 0 22px; display:inline} .footer_logo_box ul li img{float:left} .footer_banner { clear: both; text-align: center; width:100%; background:#f9f9f9; border-top: solid 3px #c8c8c8; border-bottom: solid 3px #c8c8c8; overflow: auto; margin-top: 4px; padding: 4px 0 4px 0; } .footer_link{float:left; width:100%; background:#f9f9f9; padding:23px 0 0} .footer_link .footer_link_details{float:left; width:100%;} .footer_link .footer_link_details .footer_coll{float:left; width:128px; margin-left:13px; display:inline} .footer_link .footer_link_details .footer_coll.coll_2{ width:168px} .footer_link .footer_link_details .footer_coll.coll_3{ width:179px} .footer_link .footer_link_details .footer_coll.coll_4{ width:212px; margin-right:12px;} .footer_link .footer_link_details .footer_coll.coll_5{ width:198px} .footer_link .footer_link_details .footer_coll h4{float:left; width:100%; font-size:17px; line-height:20px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#395373; border-bottom:solid 1px #d5dbe2; padding-bottom:5px} .footer_link .footer_link_details .footer_coll h4 a{text-decoration:none; color:#395373} .footer_link .footer_link_details .footer_coll h4 a:hover{color:#caa963;} .footer_link .footer_link_details .footer_coll ul{float:left; width:100%; list-style:none} .footer_link .footer_link_details .footer_coll ul li{float:left; width:100%; font-size:15px; line-height:31px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#567090} .footer_link .footer_link_details .footer_coll ul li a{text-decoration:none; color:#567090;} .footer_link .footer_link_details .footer_coll ul li a:hover{ color:#caa963} .footer_link .footer_link_details .footer_coll ul li img{float:left; margin:5px 6px 0 0; display:inline} .footer_link .footer_link_details .footer_coll ul li .social_icon1{float:left; width:31px; height:30px; background:url(https://img1.picturesongold.com/v8/common/images/social_icon1.jpg) no-repeat 0 0; margin-right:8px; display:inline} .footer_link .footer_link_details .footer_coll ul li .social_icon1:hover{background-position:0 bottom} .footer_link .footer_link_details .footer_coll ul li .social_icon2{float:left; width:31px; height:30px; background:url(https://img1.picturesongold.com/v8/common/images/social_icon2.jpg) no-repeat 0 0;margin-right:8px; display:inline} .footer_link .footer_link_details .footer_coll ul li .social_icon2:hover{background-position:0 bottom} .footer_link .footer_link_details .footer_coll ul li .social_icon3{float:left; width:31px; height:30px; background:url(https://img1.picturesongold.com/v8/common/images/social_icon3.jpg) no-repeat 0 0;margin-right:8px; display:inline} .footer_link .footer_link_details .footer_coll ul li .social_icon3:hover{background-position:0 bottom} .footer_link .footer_link_details .footer_coll ul li .social_icon4{float:left; width:31px; height:30px; background:url(https://img1.picturesongold.com/v8/common/images/social_icon4.jpg) no-repeat 0 0; margin-right:8px; display:inline; } .footer_link .footer_link_details .footer_coll ul li .social_icon4:hover{background-position:0 bottom} .footer_link .footer_link_details .footer_coll ul li .social_icon5{float:left; width:31px; height:30px; background:url(https://img1.picturesongold.com/v8/common/images/social_iconInst.jpg) no-repeat 0 0; margin-right:8px; display:inline;} .footer_link .footer_link_details .footer_coll ul li .social_icon5:hover{background-position:0 bottom} .footer_link .footer_link_details .footer_coll ul li .social_icon6{float:left; width:31px; height:30px; background:url(https://img1.picturesongold.com/v8/common/images/social_iconGoogle.jpg) no-repeat 0 0;} .footer_link .footer_link_details .footer_coll ul li .social_icon6:hover{background-position:0 bottom} .footer_bottom{float:left; width:100%; background: #fff url(https://img1.picturesongold.com/v8/common/images/footer_bottom_bg.jpg) repeat-x 0 0;} .footer_bottom .copy_right{float:left; width: auto; text-align:center; list-style:none; min-height:35px; padding:17px 0 0 165px;} .footer_bottom .copy_right li{float:none; display:inline; font-size:14px; line-height:17px; color:#fff; font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; background:url(https://img1.picturesongold.com/v8/common/images/footer_sep.jpg) no-repeat right 3px; padding:0 10px} .footer_bottom .copy_right li a{text-decoration:none; color:#fff;} .footer_bottom .copy_right li a:hover{ color:#caa963} .footer_bottom .copy_right li.last{background:none;} .footer_bottom .payment_pic{float:left; width:100%; text-align:center; } .footer_bottom .payment_pic div { float:left; margin: 2px 10px 10px 10px; } .footer_bottom .payment_pic img{float:none;} .footer_bottom .payment_pic div.bot { float: none; margin: 0px 20px 0px 10px; display: inline-block; } .footer_bottom .payment_pic div.bot2 { float: none; display: block; } .footer_bottom .copy_right.bot { float: none; width: 680px; text-align: center; list-style: none; min-height: 20px; margin: 0 auto; padding: 10px; overflow: hidden; } .footer_bottom .copy_right.bot li { font-weight: 400; letter-spacing: 1px; } .newfooter { padding-bottom: 0px !important; } /*================== footer css ends ========================*/ .pop_up{float:left; width:304px; background: #fff; border:solid 1px #a6a5a5; behavior: url(PIE.htc); z-index:1; position:relative; padding-top:11px; min-height:357px; padding:5px 18px 0 22px; -moz-box-shadow: 0px 0px 7px #000000; -webkit-box-shadow: 0px 0px 7px #000000; box-shadow: 0px 0px 7px #000000; } .pop_up .cancel{float:right; margin-right:-10px} .pop_up form{float:left; width:100%;} .pop_up .form_row{float:left; width:100%; padding: 8px 0px 8px 0px} .pop_up .form_row label{float:left; width:100%; font-size:13px; line-height:17px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; padding-bottom:5px} .pop_up .form_row .input{float:left; width:282px; border:solid 1px #8d8d8d; border-bottom:solid 1px #b4b4b4; -moz-box-shadow:inset 0px 3px 2px #ececec; -webkit-box-shadow:inset 0px 3px 2px #ececec; box-shadow:inset 0px 3px 2px #ececec; padding:5px 10px; } .pop_up .form_row textarea{float:left; width:282px; border:solid 1px #8d8d8d; border-bottom:solid 1px #b4b4b4; -moz-box-shadow:inset 0px 3px 2px #ececec; -webkit-box-shadow:inset 0px 3px 2px #ececec; box-shadow:inset 0px 3px 2px #ececec; padding:5px 10px; height:150px; overflow:auto; resize:none;} .pop_up .form_row .email_btn{float:right; font-size:14px; line-height:18px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#000; border:solid 1px #b4b4b4;-webkit-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); z-index:1; position:relative; padding:3px 10px; cursor:pointer} .pop_up .form_row .email_btn_over{float:right; font-size:14px; line-height:18px;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; color:#333; border:solid 1px #b4b4b4;-webkit-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); z-index:1; position:relative; padding:3px 10px; cursor:pointer} .pop_up .help_box{float:left; width:165px; padding: 0px 9px} .pop_up .help_box ul{float:left; width:100%; list-style:none} .pop_up .help_box ul li{float:left; width:76px; border:solid 1px #d4d4d4; margin: 2px 9px 0 0; display:inline} .pop_up .help_box ul li.last{margin-right:0px} .pop_up .help_box ul li a {float:left; width:100%; height: 83px; text-align: center; background:#dddddd; text-decoration:none} .pop_up .help_box ul li a .icon {display:inline-block; width:56px; height:45px; background:#fff; border:solid 1px #d4d4d4;-webkit-border-radius: 30px; border-radius: 30px; behavior: url(PIE.htc); z-index:1; position:relative; padding-top:11px; margin:4px 0 0px; cursor:pointer} .pop_up .help_box ul li a .icon.space{margin:6px 0 0px} .pop_up .help_box ul li a .icon1{ background:url(https://img1.picturesongold.com/v8/common/images/phone_icon.jpg) no-repeat 0 0; width:25px; height:30px; float:left; margin-left:15px; pointer-events: none; cursor: default; } .pop_up .help_box ul li a .icon2{ background:url(https://img1.picturesongold.com/v8/common/images/chat_icon.jpg) no-repeat 0 0; width:31px; height:30px; float:left; margin-left:12px;cursor:pointer} .pop_up .help_box ul li a small{font-size: 1em; line-height:13px; color:#565656; display:inline-block;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; } .pop_up .help_box ul li a small.number{font-size: 0.8em} .helpIcons {float:left; width:165px; padding: 0px 9px} .helpIcons ul{float:left; width:100%; list-style:none} .helpIcons ul li{float:left; width:76px; border:solid 1px #d4d4d4; margin: 2px 9px 0 0; display:inline} .helpIcons ul li.last{margin-right:0px} .helpIcons ul li a {float:left; width:100%; height: 83px; text-align: center; background:#dddddd; text-decoration:none} .helpIcons ul li a .icon {display:inline-block; width:56px; height:45px; background:#fff; border:solid 1px #d4d4d4;-webkit-border-radius: 30px; border-radius: 30px; behavior: url(PIE.htc); z-index:1; position:relative; padding-top:11px; margin:4px 0 0px; cursor:pointer} .helpIcons ul li a .icon.space{margin:6px 0 0px} .helpIcons ul li a .icon1{ background:url(https://img1.picturesongold.com/v8/common/images/phone_icon.jpg) no-repeat 0 0; width:25px; height:30px; float:left; margin-left:15px; pointer-events: none; cursor: default; } .helpIcons ul li a .icon2{ background:url(https://img1.picturesongold.com/v8/common/images/chat_icon.jpg) no-repeat 0 0; width:31px; height:30px; float:left; margin-left:12px;cursor:pointer} .helpIcons ul li a small{font-size: 1em; line-height:13px; color:#565656; display:inline-block;font-family:"Myriad-Pro", Helvetica, sans-serif; font-weight:700; font-style:normal; } .helpIcons ul li a small.number{font-size: 0.8em} a:link.com, a:link.optDesc { color: #567090; font-size: 14px!important;font-family: "montserrat", Helvetica, sans-serif; font-weight:700; text-decoration: none; } a:visited.com, a:visited.com.sm, a:visited.optDesc { color: #567090; } a:active.com, a:hover.com, a:active.com.sm, a:hover.com.sm, a:active.optDesc, a:hover.optDesc { color: #caa963; } a:link.com.sm { color: #567090; font-size: 12px!important; font-family: "montserrat", Helvetica, sans-serif; font-weight: 500; text-decoration: none; } a:link.com.sm2 { color: #567090; font-size: 13px!important; font-family: "montserrat", Helvetica, sans-serif; font-weight: normal; text-decoration: none; } a:link.com.sm3 { color: #567090; font-size: 12px!important; font-family: Arial; font-weight: 500; text-decoration: none; } a:link.DescAlt1, a:visited.DescAlt1, a:active.DescAlt1, a:hover.DescAlt1 { color: #1d2441; font-size: 12px; font-weight: 500; } .rm_promo { padding-left: 2em; } /*================== old site css ========================*/ .figureLeft { float: left; margin: 0.5em 0.5em 0.5em 1em; } .figureRight { float: right; margin: 0em 0em 0.2em 0.2em; } .tickBg { background-image: url(https://img1.picturesongold.com/buttons/tick.gif); background-repeat: no-repeat; background-position: 0 .2em; padding: 2px 2px 2px 1.4em; font: bold 15px "Myriad-Pro", Helvetica, sans-serif; color: #000000; } .tickBgW { background-image: url(https://img1.picturesongold.com/buttons/tick.gif); background-repeat: no-repeat; background-position: 0 .6em; padding: 7px 2px 7px 1.4em; font: bold 16px "Myriad-Pro", Helvetica, sans-serif; color: #000000; } .tickCatTxt { text-align: center; margin: 4px 2px 6px 2px; font: bold 16px 'Myriad-Pro','Trebuchet MS'; color: #5684a7; } .tickCatImg { border: 3px solid #dfdfdf; width: 290px; font: normal 12px"Myriad-Pro", Helvetica, sans-serif; padding: 2px; } .tickCatHead { background-color: #f7f6f6; background-image: url(https://img1.picturesongold.com/buttons/tickc.png); background-repeat: no-repeat; background-position: 4px 4px; padding: 5px 3px 5px 28px; font: normal 11px verdana; color: #000; } .tickCatHeadW { background-image: url(https://img1.picturesongold.com/buttons/tickc.png); background-repeat: no-repeat; background-position: 4px 4px; padding: 5px 8px 5px 28px; font: normal 12px verdana; color: #000; } .tickCatHeadW2 { background-color: #eaeaea; background-image: url(https://img1.picturesongold.com/buttons/tick.gif); background-repeat: no-repeat; background-position: 4px 4px; padding: 2px 8px 2px 28px; font: normal 12px verdana; color: #000; } .tickCatHeadGM { background-image: url(https://img1.picturesongold.com/buttons/tickGM.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 1px 8px 5px 30px; margin-top: 8px; font-size: 16px; font-weight: 400; color: #000; } a:link.cPointW, a:visited.cPointW, a:active.cPointW, a:hover.cPointW { color: #1d465f; font: normal 14px verdana; } a:link.cPoint, a:visited.cPoint, a:active.cPoint, a:hover.cPoint { color: #306586; font: normal 11px verdana; } .catBotDescDiv { margin: 15px; padding: 10px; border: 2px solid #eeeeee; text-align: justify; font: normal 12px "Myriad-Pro", Helvetica, sans-serif; } .tickBgSm { background-image: url(https://img1.picturesongold.com/images/icons/bltd.gif); background-repeat: no-repeat; background-position: .5em .5em; padding: 0px 2px 3px 1.2em; font-weight: normal;} .addtocart .tickBgSm { padding: 0px 2px 3px 20px; font-size: 12px; font-weight: 700; } .tickBgSm2 { background-image: url(https://img1.picturesongold.com/images/icons/bltd.gif); background-repeat: no-repeat; background-position: .1em .5em; margin: 5px; padding: 0px 2px 3px 1.2em; font: normal 14px "Myriad-Pro", Helvetica, sans-serif;} .tickBgSm2.priceMatch { font: bold 16px "Myriad-Pro", Helvetica, sans-serif; color: #ff6600; } .tickBgSmRd { background-image: url(https://img1.picturesongold.com/v8/common/images/redDot.png); background-repeat: no-repeat; background-position: .1em .5em; margin: 0px; padding: 0px 2px 3px 1.1em; font: normal 14px "Myriad-Pro", Helvetica, sans-serif;} .tickBgSm3 { background-image: url(https://img1.picturesongold.com/images/icons/bltd.gif); background-repeat: no-repeat; background-position: .1em .3em; margin: 4px; padding: 0px 2px 3px 1.2em; font: normal 12px "Myriad-Pro", Helvetica, sans-serif;} .tickBgSmW { background-image: url(https://img1.picturesongold.com/images/icons/bltdw.gif); background-repeat: no-repeat; background-position: .1em .3em; margin: 5px 0px 4px 0px; padding: 0px 2px 3px 1.2em;} .tickBgSmB { background-image: url(https://img1.picturesongold.com/images/icons/bltd.gif); background-repeat: no-repeat; background-position: .1em .3em; margin: 5px 0px 4px 0px; padding: 0px 2px 3px 1.2em;} .itmShortDesc { margin: 5px 0px 5px 5px; font-size: 12px; } .tickGn { background-repeat: no-repeat; background-position: 0em 0.2em; padding: 2px 3px 4px 2.3em; display: block; text-align: left; } .tickGnFt { font: normal 14px "Myriad-Pro", Helvetica, sans-serif; color: #2e425b; } .tickGnMg { margin: 10px 0px 5px 0px; } .tickBgBt, .tickBgBtW { background-repeat: no-repeat; background-position: 0em 0.2em; padding: 2px 3px 4px 1.8em; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; display: block; margin: 3px 0px 3px 0px; text-align: left; } .tickBgBtLg { background-repeat: no-repeat; background-position: 0em 0em; padding: 5px 3px 15px 35px; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; display: block; margin: 3px 0px 3px 0px; text-align: left; } .tickBgBtIm1 { background-image: url(https://img1.picturesongold.com/images/icons/arrRBtnG.gif); } .tickBgBtIm2 { background-image: url(https://img1.picturesongold.com/images/icons/email2Btn.gif); } .tickBgBtIm3 { background-image: url(https://img1.picturesongold.com/images/icons/askBtn.gif); } .tickBgBtImAsk { background-image: url(https://img1.picturesongold.com/images/icons/askBtn.gif); background-position: 1em .2em !important; padding: 2px 3px 4px 2.5em !important; } .tickBgBtIm4 { background-image: url(https://img1.picturesongold.com/images/icons/infoBtn.png); } .tickBgBtIm5 { background-image: url(https://img1.picturesongold.com/images/icons/currBtn.gif); } .tickBgBtIm6 { background-image: url(https://img1.picturesongold.com/images/icons/arrLBtnG.gif); } .tickBgBtIm7 { background-image: url(https://img1.picturesongold.com/images/icons/iconShip.gif); } .tickBgBtIm8 { background-image: url(https://img1.picturesongold.com/images/icons/upsBtn.gif); } .tickBgBtIm9 { background-image: url(https://img1.picturesongold.com/images/icons/iconShipW.gif); padding-left: 2.5em; } .tickBgBtIm11 { background-image: url(https://img1.picturesongold.com/buttons/tickc.png); } .tickBgBtIm12 { background-image: url(https://img1.picturesongold.com/buttons/tickG.png); } .tickBgBtIm13 { background-image: url(https://img1.picturesongold.com/buttons/tickGL.png); } .tickIcn { background-repeat: no-repeat; font-size: 12px; display: block; margin: 3px 0px 3px 0px; } .tickIcnChat { background-image: url(/v8/common/images/icons/icnChat.png); background-position: 90px center; padding: 20px 0 20px 35px !important; text-align: center; color: #475572; } .itmGetBy { margin: 1em 0; } .itmGetBy .madeByImg { margin: 0 auto!important; width: 20%!important; } .itmGetBy .madeByImg img { width: 100%!important; } .itmGetBy .madeBy { margin: 0.6em auto; padding-bottom: 0.5em; border-bottom: solid 1px #ccc; width: 85%; } .getbyTxt { margin: .5em 0; } .getbyTxt span { font-weight: 600; color: #0093ff; } .getbyTxt span.green { color: #209d00; } .BoxInfo, .BoxSuccess, .BoxWarning, .BoxError, .BoxValidation { font-size: 16px; line-height: 1.2em; font-weight: 400; border: 2px solid; margin: 1px; padding: 15px 10px 15px 50px !important; background-repeat: no-repeat; background-position: 10px 6px; } .BoxInfo { color: #3a5872; border-color: #84a8b9; background-color: #ebf3f7; background-image: url(https://img1.picturesongold.com/images/bg/info.png); } .BoxSuccess { color: #849176; border-color: #a3b782; background-color: #f5fde8; background-image:url(https://img1.picturesongold.com/images/bg/valid.png); } .BoxWarning { color: #9F6000; border-color: #d3c590; background-color: #fdf8e8; background-image: url(https://img1.picturesongold.com/images/bg/attention.png); } .BoxError { color: #9d000e; border-color: #f5bbbb; background-color: #fff6f6; background-image: url(https://img1.picturesongold.com/images/bg/cancel.png); } .BoxInfo.size1, .BoxSuccess.size1, .BoxWarning.size1, .BoxError.size1, .BoxValidation.size1 { width: 500px; margin: 20px auto; display: block; } .BoxSuccess2, .BoxError2 { font-size: 16px; line-height: 150%; font-weight: 500; margin: 15px auto; padding: 25px 10px 25px 85px; background-repeat: no-repeat; background-position: 10px center; } .BoxSuccess2 { color: #4F8A10; background-image:url(https://img1.picturesongold.com/v8/common/images/CheckLg.png); } .BoxError2 { color: #b11921; background-image: url(https://img1.picturesongold.com/v8/common/images/ErrorLg.png); } a:link.tickBgBt { color: #567090; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; font-family: "Myriad-Pro", Helvetica, sans-serif; } a:visited.tickBgBt { color: #567090; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:active.tickBgBt { color: #567090; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:hover.tickBgBt { color: #567090; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: underline; } a:link.tickBgBtW { color: #ffffff; font: bold 12px Arial; text-decoration: none; } a:visited.tickBgBtW { color: #ffffff; font: bold 12px Arial; text-decoration: none; } a:active.tickBgBtW { color: #ffffff; font: bold 12px Arial; text-decoration: none; } a:hover.tickBgBtW { color: #ffff00; font: bold 12px Arial; text-decoration: underline; } .tickFnt1 { font-size: 12px; FONT-FAMILY: "Myriad-Pro", Helvetica, sans-serif; } .tickFnt2 { font-size: 12px; FONT-FAMILY: "Myriad-Pro", Helvetica, sans-serif; FONT-WEIGHT: 600;} .tickFnt3 { font-size: 11px; FONT-FAMILY: "Myriad-Pro", Helvetica, sans-serif; } .catDescr { font: normal 12px "Myriad-Pro", Helvetica, sans-serif; width: 97%; padding: 5px; text-align: justify; } .catDescrTxt { clear: both; margin: 3px; } strong { font-weight: 500; } /* h1 { font: bold 22px Myriad-Pro, Trebuchet MS, Myriad-Pro; line-height:25px; color: #caa963; } */ /* h2 { font: bold 20px Myriad-Pro, Trebuchet MS, Myriad-Pro; line-height:25px; color: #caa963; } */ /* h3 { font: bold 18px Myriad-Pro, Trebuchet MS, Myriad-Pro; line-height:25px; color: #caa963; } */ /* h4 { font: bold 16px Myriad-Pro, Trebuchet MS, Myriad-Pro; line-height:25px; color: #caa963; } */ /* h5 { font: bold 14px Myriad-Pro, Trebuchet MS, Myriad-Pro; line-height:25px; color: #caa963; } */ /* h6 { font: bold 12px Myriad-Pro, Trebuchet MS, Myriad-Pro; line-height:25px; color: #caa963; } */ .hdInline {display:inline;} .hdtitle { margin: 10px 0px 5px 0px; font: bold 24px "Myriad-Pro", Helvetica, sans-serif, sans-serif; color: #56636d; letter-spacing: 0; } .hdtitle .subttl { font-size: 24px; } .hdtitleItem { margin: 6px 0px 4px 10px; font: bold 20px Myriad-Pro,Trebuchet MS,Myriad-Pro,Sans-Serif; color: #62666b; } .hdtitleItemAlt { margin: 6px 0 25px 5px; font: 400 20px Montserrat,sans-serif; color: #475572; border-bottom: solid #9fa8ae 0.1em; display: block; padding: 0 0 5px 5px; } .mainImgWrap { position: relative; left: -2px; top: 5px; } .cornerBanner { position: absolute; top: -4px; left: -4px; z-index: 99999; } #itemMainImg { position: relative; top: 0; left: 0; border: solid 1px #ffffff; } .headerInd { font: bold 1.8em Myriad-Pro,Trebuchet MS,Myriad-Pro,Sans-Serif; color: #427ba7; } .hdtitleGM { margin: 8px 0px 10px 0px; font-size: 34px; letter-spacing: 0px; line-height: .95em; font-weight: 600; color: #3F4346; } .stepsHeader { display: none; text-align: left; background-color: #395163; padding: 4px; color: #fff; font: bold 15px Myriad-Pro,Helvetica,sans-serif; margin: 0px 0px 4px 0px; } .stepsHeader span { font: bold 11px "Myriad-Pro", Helvetica, sans-serif; color: #fff; } a:link.commHd { color: #000000; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:visited.commHd { color: #000000; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:active.commHd { color: #000000; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:hover.commHd { color: #00b2e5; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: underline; } .hdSubCat, a:link.hdSubCat, a:visited.hdSubCat, a:active.hdSubCat, a:hover.hdSubCat { font: bold 12px "Myriad-Pro", Helvetica, sans-serif; color: #00376e; text-decoration: none; } .cat-container:hover .cat-name { cursor: pointer; } .cat-container:hover .cat-name-text { color: #FFF; background-color: #55697F; } .listlevel { width: 100%; padding: 0; margin: 0; } .listlevel td { vertical-align: top; width: 25%; padding: .4em; } .listlevel td div.child { padding: 3em 0em 2em 0em; width: 96%; } .listlevel td div.child a.childlabel { display: block; padding: 3px 0 1px; margin-left: 30px; color: #332e2e; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } .listlevel td div.cat-container { border: 2px solid #b5c0c8; background-color: #fff; margin: 7px auto; position: relative; height: 120px; width: 100%; padding: 0; overflow: hidden; } .listlevel td div.cat-container:hover { border-color: #55697f; } .listlevel td div.cat-container a { display: block; width: 100%; height: 100%; z-index: 888; color: #332e2e; font: bold 13px "Myriad-Pro", Helvetica, sans-serif; } .listlevel td div.cat-container a:hover { border-color: #55697f; text-decoration: none !important; } .listlevel td div.cat-container a:hover .cat-slant { background: url(https://img1.picturesongold.com/images/index/cat_bg_btn_blue.png) no-repeat left top; } .listlevel td div.cat-container a:hover .cat-slant .cat-name-text { background-color: #55697f !important; } .listlevel td div.cat-container a:hover .cat-slant .cat-name-tab { background-position: 0 -7px; } .listlevel td div.cat-container .cat-slant { background: url(https://img1.picturesongold.com/images/index/cat_bg_btn_grey.png) no-repeat left top; padding-left: 39px; bottom: 0px; position: absolute; float: right; right: 0; z-index: 400; } .listlevel td div.cat-container .cat-slant .cat-name { font-weight: 500 !important; text-align: right; } .listlevel td div.cat-container .cat-slant .cat-name .cat-name-tab { background: url(https://img1.picturesongold.com/images/index/cat_text_edge2.png) no-repeat scroll 0 -34px; bottom: 0px; float: left; width: 13px; height: 20px; display: block; } .listlevel td div.cat-container .cat-slant .cat-name .cat-name-text { padding: 1px 5px 2px 5px; background-color: #b5c0c8; display: block; } .listlevel td div.cat-container .cat-image-container { position: absolute; top: 0px; left: 0px; } .listlevel td div.cat-containerL { border: 2px solid #b5c0c8; background-color: #fff; width: 48%; height: auto; display: inline-block; margin: 7px 4px 0; position: relative; padding: 0; overflow: hidden; } .listlevel td div.cat-containerL:hover { border-color: #55697f; } .listlevel td div.cat-containerS { border: 2px solid #b5c0c8; background-color: #fff; margin: 7px auto; position: relative; height: auto; width: 170px; padding: 0; overflow: hidden; } .listlevel td div.cat-containerS:hover { border-color: #55697f; } .listlevel td div.cat-containerText { text-align: center; } .listlevel td div.cat-containerText a { display: block; font-family: "Myriad-Pro", Helvetica, sans-serif; font-size: 0.95em; color: #000; text-decoration: none; margin-top: -5px; margin-bottom: 5px; } .item_carousel { margin: 10px 25px 10px 25px; padding: 10px; position: relative; background-color: #f9f6f6; border: 2px solid #dcdcdc; } .item_carousel img { border: 1px solid #cccccc; background-color: #fff; padding: 4px; margin: 0px 5px 0px 5px; display: block; float: left; } .item_carousel a { display: block; float: left; text-decoration: none; color: #567090; } .item_carousel a span { display: block; clear: both; margin: 2px 5px 2px 6px; font-weight: 500; font-size: 11px; text-decoration: none; text-align: center; } a.prevBtn, a.nextBtn { background: url(https://img1.picturesongold.com/images/icons/misc_icn3.png) no-repeat transparent; width: 36px; height: 35px; display: block; position: absolute; top: 47px; } a.prevBtn { left: -27px; background-position: 0 0; } a.prevBtn:hover { background-position: 0 -35px; } a.nextBtn { right: -27px; background-position: -35px 0; } a.nextBtn:hover { background-position: -35px -35px; } a.prevBtn span, a.nextBtn span { display: none; } .clearfix { float: none; clear: both; overflow: hidden; } .itmListSale { font-size: 14px; font-weight: 500; color: #ec0303; margin: 2px 0px 3px 0px; } .itmListPrice { font-size: 14px; font-weight: 500; color: #555555; margin: 4px 0px 6px 0px; } .itmListSaleS { font-size: 14px; font-weight: 500; color: #ec0303; margin: 2px 0px 3px 0px; } .itmListPriceS { font-size: 14px; font-weight: 500; color: #555555; margin: 4px 0px 6px 0px; } .itmListExt { font-size: 14px; font-weight: 500; color: #007dca; margin: 2px 0px 3px 0px; } .itmListId { font-size: 14px; font-weight: 500; color: #555555; margin: 2px 0px 3px 0px; } .itmListInfo { text-align: center; font-weight: 900; font-size: 11px; color: #2d803e; margin: 3px 0px 5px 0px; padding: 3px; border: solid 1px #4ee46d; } .itmListInfoEx { font-size: 14px; color: #484848; margin: 3px 0px 5px 0px; padding: 3px; border: 1px solid #cccccc; background: #ffffff; } .itmListLink { margin: 3px 0px 6px 0px; } .itmListHoliday { text-align: center; font-weight: 900; font-size: 11px; margin: 3px 0px 5px 0px; padding: 5px 0px 5px 0px; background: #fef0ff; border: solid 1px #f76dfc; color: #663366; } a:link.itmListLinkA { color: #000000; font: normal 12px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:visited.itmListLinkA { color: #000000; font: normal 12px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:active.itmListLinkA { color: #000000; font: normal 12px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:hover.itmListLinkA { color: #00b2e5; font: normal 12px "Myriad-Pro", Helvetica, sans-serif; text-decoration: underline; } a:link.itmListLinkAS { color: #000000; font: normal 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:visited.itmListLinkAS { color: #000000; font: normal 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:active.itmListLinkAS { color: #000000; font: normal 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: none; } a:hover.itmListLinkAS { color: #00b2e5; font: normal 14px "Myriad-Pro", Helvetica, sans-serif; text-decoration: underline; } .rmc-catPageNav { padding: 2px; margin: 0px; background-color:#ffffff; border-top: 1px solid #e7eaef; border-bottom: 1px solid #e7eaef; clear:both; text-decoration:none; } .rmc-pagin { margin: 7px auto; padding: 0; height: auto; *height: auto; list-style: none; clear:both; position:relative; text-align:center; overflow: auto; } .rmc-pagin li { display: inline-block; zoom: 1; *display: inline; margin-right: 5px; font: bold 11px "Myriad-Pro", Helvetica, sans-serif; } .rmc-pagin li.rpad { padding-right: 3em; } .rmc-pagin li.dots { padding: 0px 5px 0px 5px; } .rmc-pagin li a { display: inline-block; *display: inline; *float: left; text-decoration: none; color: #717171; font: bold 11px "Myriad-Pro", Helvetica, sans-serif; text-shadow: 0px 1px white; padding: 5px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35); background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 ); background: #f9f9f9; } .rmc-pagin li a.current { color: white; text-shadow: 0px 1px #3f789f; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8); background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 ); background: #7cb9e5; } .rmc-pagin li a:hover { -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55); background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%); background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%); background: linear-gradient(top, #fff 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); background: #fff; } .rmc-pagin li a:active,#rmc-pagin li a.current:active { -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important; -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important; box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important; } .rmc-pagin li a.current:hover { -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9); background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%); background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%); background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%); background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%); background: linear-gradient(top, #99cefc 0%, #57a1d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 ); background: #99cefc; } .catIndexlisting2 { font-size: 11px; font-family: "Myriad-Pro", Helvetica, sans-serif; margin: 4px 5px 4px 0px; background-image: url(https://img1.picturesongold.com/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 0.2em 0.6em; padding-left: 1em; } .catIndexlisting { margin: 3px 5px 10px 0px; background-image: url(https://img1.picturesongold.com/images/icons/nav_arrowN.gif); background-repeat: no-repeat; background-position: 0.1em 0.3em; padding-left: 1em; } .catIndexlisting a:link, .catIndexlisting a:visited, .catIndexlisting a:active, .catIndexlisting a:hover { color: #4c7091; } .catIndexlistVar { margin: 1px 6px 1px 0px; padding-left: 6.9em; height: 51px; background-repeat: no-repeat; background-position: 0.1em 0.3em;} .catIndexlistVar a:link, .catIndexlistVar a:visited, .catIndexlistVar a:active, .catIndexlistVar a:hover { font: bold 11px Verdana; font-variant: small-caps; color: #4c7091; } .shipestimWrap { margin: 50px 20px; } /**** new set of table css, to make sure style is not broken where we did not edit it yet, duplicate to regular css file ****/ .tblContNew { padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0; } .tblContNew th { font-size: 14px; font-weight: 500; color: #294f58; border: 1px solid #EEE; text-align: left; padding: 3px 4px 3px 4px; background-color: #cce4f2; } .tblContNew th.chck { font-size: 15px; font-weight: 500; color: #fff; text-align: center; padding: .2em; background-color: #e01e3c; } .tblContNew th.chck.cart { font-size: 15px; font-weight: 500; color: #fff; text-align: center; padding: .2em; background-color: #e01e3c; } .tblContNew th.chck span { margin-left: .8em; font-size: 17px; } .tblContNew th.altcl { color: #5c1414; background: #f5efef; border: 1px solid #e4e1e1; text-transform: none; font-size: 14px; letter-spacing: normal;} .tblContNew th.shipinfo { color: #2971a7; background: none; border: none; border-bottom: 1px solid #e4e1e1; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; padding: 10px; } .tblContNew td.shipinfo { color: #000000; padding: 10px; } .tblContNew td.shipinfo.right { text-align: right; border-left: none; border-bottom: none; border-right: 1px solid #C1DAD7; } .tblContNew td.shipinfo.left { border-right: none; border-bottom: none; border-left: 1px solid #C1DAD7; font-weight: 500; } .tblContNew td.shipinfo.both { border-right: 1px solid #C1DAD7; border-bottom: none; border-left: 1px solid #C1DAD7; } .tblContNew td.shipinfo.comm { border-left: 1px solid #C1DAD7; padding-bottom: 20px; border-bottom: 1px solid #C1DAD7; } .tblContNew td.shipinfo.bg { background: #e7eff2; } .tblContNew th.altcl2 { color: #603c00; background: #fbf3e5 url(https://img1.picturesongold.com/images/icons/tblHeaderBgAlt2.gif) repeat-x; border: 3px solid #e7d0a8; padding: 6px;} .tblContNew td { color: #000000; font: normal 14px "Myriad-Pro", Helvetica, sans-serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 3px 3px 3px 3px; } .tblContNew td.cartTotals { border-left: 3px solid #f2e8cf; border-right: 3px solid #f2e8cf; border-bottom: 3px solid #f2e8cf; background: #fcfcc3; padding: 8px; color: #603c00; } .tblContNew th.cartTotalsHd { background: #fcfcc3; padding: 4px; color: #000; border: 0; font: bold 15px Myriad-Pro, Century Gothic, Sans-Serif; color: #294f58; } .tblContNew th.spec { border-left: 1px solid #C1DAD7; border-top: 0; color: inherit; background: #fff url(https://img1.picturesongold.com/images/icons/bullet1.gif) no-repeat; } .tblContNew td.alt3 { border-left: 1px solid #eee; } .tblContNew td.alt4 { border: 1px solid #eee; } .tblContNew td.alt { border-left: 1px solid #eee; background: #fafaf5; color: #000000; } .tblContNew td.nobgbrd { border: 0; padding: 2px 4px 1px 4px; background-color: inherit; color: inherit; } .tblContNew td.nobgbrdwt { border: none; background-color: transparent; padding: 10px; } .tableContent { padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0;} .tableContent tr {background-color: #ffffff; color: #000000;} .tableContent td { color: #000000; font-size: 14px; font-family: "Myriad-Pro", Helvetica, sans-serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 3px 3px 3px 3px; } .tableContent tr:hover {background-color: #f2f1de;} .tableContent td.hv1:hover {background-color: #f2f1de;} .tableContent td.hv2:hover {background-color: #f2f1de;} .tableContent th { font-size: 14px; font-weight: 500; color: #ffffff; border: 1px solid #92a3bc; text-align: left; padding: 3px 4px 3px 4px; background-color: #415471; } .chck { font-size: 15px; font-weight: 500; color: #fff; border: 1px solid #ce1d38; text-align: right; padding: 3px 4px 3px 4px; background-color: #e01e3c; } .tableContent th.chck { font-size: 15px; font-weight: 500; color: #fff; border: 1px solid #ce1d38; text-align: left; padding: 3px 4px 3px 4px; background-color: #e01e3c; } .tableContent th.cart { font-size: 15px; font-weight: 500; color: #fff; border: 1px solid #ce1d38; text-align: left; padding: 3px 4px 3px 4px; background-color: #e01e3c; } .tableContent th.chck span { margin-left: 20px; font-size: 17px; } .tableContent th.altcl { color: #5c1414; background: #f5efef; border: 1px solid #e4e1e1; text-transform: none; font-size: 14px; letter-spacing: normal;} .tableContent th.altcl2 { color: #603c00; background: #fbf3e5 url(https://img1.picturesongold.com/images/icons/tblHeaderBgAlt2.gif) repeat-x; border-left: 3px double #e7d0a8; border-right: 3px double #dec08e; border-bottom: 3px double #dec08e; border-top: 3px double #dec08e; padding: 6px;} .tableContent th.altcl3 { color: #4f6b72; background: #d9e9f2 url(https://img1.picturesongold.com/images/icons/tblHeaderBg.gif) repeat-x; border-left: 3px double #a8dde7; border-right: 3px double #a8dde7; border-bottom: 3px double #a8dde7; border-top: 3px double #a8dde7; padding: 6px;} .tableContent td.altcl3content { border-left: 3px double #a8dde7; border-right: 3px double #a8dde7; border-bottom: 3px double #a8dde7; background: #e6f3fa; padding: 8px; color: #4f6b72; } .tableContent td.altcl2content { border-left: 3px double #f2e8cf; border-right: 3px double #f2e8cf; border-bottom: 3px double #f2e8cf; background: #fdfddc; padding: 8px; color: #603c00; } .tableContent td.profilehdL { font-size: 13px; font-weight: 500; border-top: 3px double #f2e8cf; border-right: none; border-left: 3px double #f2e8cf; border-bottom: 3px double #f2e8cf; background: #fdfddc; padding: 6px; color: #603c00; } .tableContent td.profilehdR { font-size: 13px; text-align: right; font-weight: 500; border-top: 3px double #f2e8cf; border-left: none; border-right: 3px double #f2e8cf; border-bottom: 3px double #f2e8cf; background: #fdfddc; padding: 6px; color: #603c00; } .tableContent td.profileL { font-size: 13px; font-weight: 500; border-left: 1px solid #C1DAD7; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 3px; text-align: right; width: 200px; } .tableContent td.profileR { font-size: 13px; border-left: 1px solid #FFFFFF; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 3px; text-align: left; } .tableContent th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; } .tableContent th.nobgbrd { border: 0; padding: 2px 4px 1px 4px; background-color: inherit; color: inherit; font-size: 12px; } .tableContent td.nobgbrd { border: 0; padding: 2px 4px 1px 4px; background-color: inherit; color: inherit; } .tableContent td.nobgbrdalt { border: 0; padding: 2px 4px 1px 4px; background: #fafaf5; color: #000000; } .tableContent td.tdsm { font-size: 13px; } .tableContent td.nobgbrdwt { border: 0; padding: 2px 4px 1px 4px; background: #ffffff; color: #000000; } .tableContent td.nobgbrdwt .price { font-size: 16px; } .tableContent td.nobgbrdwt label.radio { padding: 1em; margin: 0; cursor:pointer; display: inline-block; } .tableContent td.nobgbrdwt .shipdiscount { text-align: right; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; color: #ff6600; margin: 6px 0px 6px 0px; } .tableContent td.nobgbrdwt .note { margin-right: 50px; color: #000000; font: bold 13px "Myriad-Pro", Helvetica, sans-serif; } .tableContent td.nobgbrdwt .comments { margin: 3px 3px 18px 3px; text-align: right; font: normal 13px "Myriad-Pro", Helvetica, sans-serif; } .tableContent td.nobgbrdwt .delivery { margin: 3px; text-align: right; font: normal 13px "Myriad-Pro", Helvetica, sans-serif; } .tableContent td.nobgbrdwt.shipping { font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-align: right; padding-top: 15px; border-top: 2px solid #eee; } .tableContent td.nobgbrdwt.button { text-align: right; padding-top: 15px; border-top: 2px solid #eee; width: 15px; } .stateShipTitle { font-size: 1.5em; } .tableContent td.cartTotals { border-left: 3px double #f2e8cf; border-right: 3px double #f2e8cf; border-bottom: 3px double #f2e8cf; background: #fcfcc3; padding: 8px; color: #603c00; } .tableContent td.topMenu { border: 3px double #f1ebdb; background: #fffdef; padding: 5px; color: #603c00; } .tableContent th.cartTotalsHd { background: #fcfcc3; padding: 4px; color: #000; border: 0; font: bold 14px Century Gothic,Myriad-Pro,Sans-Serif; color: #294f58; } .tableContent td.alt { border-left: 1px solid #eee; background: #fafaf5; color: #000000; } .tableContent td.hv1 { border-left: 1px solid #eee; background: #fafaf5; color: #797268; } .tableContent td.hv2 { border-left: 1px solid #FFFFFF; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 2px 3px 2px 3px; color: #4f6b72; } .tableContent td.altR { border-top: 0px; border-left: 0px; border-bottom: 0px; border-right: 3px double #C1DAD7; background: #fafaf5; color: #797268; } .tableContent td.altL { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 3px double #C1DAD7; background: #fafaf5; color: #797268; } .tableContent td.altLB { border-top: 0px; border-right: 0px; border-bottom: 3px double #C1DAD7; border-left: 3px double #C1DAD7; background: #fafaf5; color: #797268; } .tableContent td.altRB { border-top: 0px; border-left: 0px; border-bottom: 3px double #C1DAD7; border-right: 3px double #C1DAD7; background: #fafaf5; color: #797268; } .tableContent td.altLRB { border-top: 0px; border-left: 3px double #C1DAD7; border-bottom: 3px double #C1DAD7; border-right: 3px double #C1DAD7; background: #fafaf5; color: #797268; } .tableContent td.alt5 { border-left: 1px solid #eee; background: #f5f9fa; color: #000000; } .tableContent td.alt4 { border: 1px solid #eee; } .tableContent td.alt3 { border-left: 1px solid #eee; } .tableContent td.alt2 { border-left: 1px solid #eee; border-top: 1px solid #eee; background: #fafaf5; color: #797268; } .tableContent td.altBold { text-align: right; border-left: 1px solid #eee; background: #fafaf5; color: #273e44; font-size: 11px; font-weight: 500; } .tableContent td.altBold.var1 { padding: 20px; font-size: 14px; text-align: center; } .tableContent td.altBold .txt { color: #000; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; margin-bottom: 5px; } .tableContent th.spec { border-left: 1px solid #C1DAD7; border-top: 0; color: inherit; background: #fff url(https://img1.picturesongold.com/images/icons/bullet1.gif) no-repeat; font: bold 13px Myriad-Pro, Helvetica, sans-serif; } .tableContent th.specDis { border-left: 1px solid #C1DAD7; border-top: 0; color: #cccccc; background: #fff url(https://img1.picturesongold.com/images/icons/bullet1.gif) no-repeat; font: bold 13px Myriad-Pro, Helvetica, sans-serif; } .tableContent th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(https://img1.picturesongold.com/images/icons/bullet2.gif) no-repeat; font: bold 13px Myriad-Pro, Helvetica, sans-serif; color: #797268; } .tableContent th.spec2 { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(https://img1.picturesongold.com/images/icons/bullet1.gif) no-repeat; font: bold 14px Myriad-Pro, Helvetica, sans-serif; color: #797268; text-transform: none;} hr { background-color: #bad0da; height: 1px; border: 0; color: #bad0da;} hr.bold { background-color: #3e4e5b; height: 2px; border: 0; color: #3e4e5b; margin-bottom: 6px;} hr.wide { background-color: #e7e7e7; height: 5px; border: 0; color: #e7e7e7; } .browseby { background-color: #86929e; padding: 0px; } .browsebySub { background-color: #86929e; color: #ffffff; } .hshd { color: #000000; font-weight: 500; font-size: 11px; } .hshd2 { color: #ffffff; font-weight: 500; font-size: 11px; } .hd2 { text-decoration: underline; padding: 0px 0px 4px 0px; clear: both; color: #5684a7; font: bold 16px "Myriad-Pro", Helvetica, sans-serif; text-transform: uppercase; } .searchBB { margin-top: 5px; margin-right: 6px; margin-bottom: 8px; margin-left: 80px; padding-top: 5px; padding-right: 6px; padding-bottom: 8px; padding-left: 80px; background-image: url(https://img1.picturesongold.com/buttons/magsearch.gif); background-repeat: no-repeat; } .searchSB { color: inherit; background-color: inherit; margin: 5px 0px 0px 60px; padding: 5px 0px 0px 60px; background-image: url(https://img1.picturesongold.com/buttons/magsearchS.gif); background-repeat: no-repeat; } .PageTitle { padding: 10px 10px 6px 0px; margin: 0px; border: 0px; font-size: 20px; font-weight: 500; color: #56636d; letter-spacing: 0; text-align: right; } .PageTitleC { margin: 10px; font-size: 18px; color: #56636d; letter-spacing: 0; line-height:150%; text-align: center; text-transform: uppercase; } .PageTitleL { padding: 4px 0px 4px 15px; margin: 0px; color: #445b82; font-size: 12px; font-weight: 500; text-transform: uppercase;text-align: left; } .PageTitleL2 { padding: 4px 10px 4px 10px; margin: 0px; border: 0px; background-color: inherit; color: #415573; font-size: 2.2em; font-weight: 500; text-align: center; } .PageTitleL3 { padding: 4px 10px 4px 10px; margin: 0px; border: 0px; background-color: inherit; color: #fef289; font-size: 2.2em; font-weight: 500; text-align: center; } .PageTitleL4 { padding: 4px 10px 4px 10px; margin: 0px; border: 0px; background-color: inherit; color: #ffffff; font-size: 1.7em; font-weight: 500; text-align: center; } .PageTitleL5 { padding: 5px 0px 6px 0px; margin: 0px; color: #5684a7; font-size: 14px; font-weight: 500; text-transform: uppercase; text-align: left; } .PageTitleL6 { padding: 4px 15px 4px 5px; margin: 0px; border: 0px; background-color: inherit; color: #415573; font-size: 1.5em; font-weight: 500; text-align: right; } .pageHeader { color: #56636d; letter-spacing: 1px; text-transform: uppercase; font-size: 24px; font-weight: 600; margin: 10px 0 10px 0; } .smallPageSubTitle { font-size: 1em; font-weight: 500; background-color: inherit; color: #007b8a; } .smallPageSubTitle2 { font-size: 12px; text-transform: uppercase; font-weight: 500; background-color: inherit; color: #ff6600; margin: 10px 0 5px 2px; } .genmenuC { margin: 0px; padding: 0px; } .genmenuC a { color: #000000; font-weight: 500; FONT-SIZE: 10px; text-align: center; background-color: #fff1a4; border-top: 3px double #e3e1ca; border-left: 3px double #e3e1ca; border-bottom: 3px solid #e3e1ca; border-right: 3px double #e3e1ca; padding: 2px; display: block; margin: 0px; text-decoration: none; } .genmenuC a:hover { background-color: #fbfbfb; color: #6b5a00; } .featuredCell { color: inherit; background:#fff; padding: 5px 4px 6px 4px; border-top: 4px solid #4a5b77; } /*================== item page, not in use... can be removed for now? ========================*/ #clock2 {padding: 7px; } .chain-sel, .met-itm{ cursor: pointer; } .msg-engrvd-sel li {cursor: pointer; } /*.ifrm-pic img {width: 275px; height: 275px;}*/ .font_row .monobtn {cursor: pointer;} #chain-sel-sub ul.product_row li { cursor: pointer; background-color: #f6f6ed; width: 695px; padding: 10px 3px; border: 3px solid #f3f3e8; } #chain-sel-sub ul.product_row li .pic2 { margin-right: 10px; } #chain-sel-sub ul.product_row li .details { width: 460px; } #chain-sel-sub ul.product_row li.active { background-color: #e3eff7; font-weight: 500; padding: 10px 3px; border: 3px solid #a9c4d8; } #chain-sel-sub ul.product_row li.reg:hover { background-color: #ffffe6; border: 3px solid #fff494; } .item_details .optionHeader { margin: 5px 0; float: left; } .item_details .par-holder { width: 706px; float: left; border-bottom: solid 1px #e9e9e9; padding: 4px 0 6px 0; } .upload-notes { float: left; margin: 10px 20px 0; color: #878787; } .upload-notes li { float: left; } .ata-form { float: left; width: 415px; margin-left: 1px; display:inline; position:relative; } #taLineDisplay { float:left; padding-top:7px; } #taOwnMessage { float:left; } .taCounterDiv { float:left; padding-top:7px } #taOwnMessage .messageText { line-height: 16px; font-size:12px; font-weight:bold; overflow:hidden; resize: none; } #taLineDisplay p.textcount{ line-height: 16px; font-weight:bold; font-size:12px; /*margin: 10px 8px 0px 0px;*/ margin-left:5px; } .taCounterDiv p.textcount { line-height: 16px; margin-left:5px; font-weight:bold; font-size:12px; } .clr{ clear: both; margin-bottom: 10px; } .txt-field-ta { margin: 15px 0 0 0; float: left; width: 400px; } .txt-field-ta .taCounterDiv{ width: 110px !important; float: left; margin: 5px; } #taLineDisplay { float:left !important; width: 40px; margin: 5px; } .zoomie { display:inline-block; position: relative; } .jqitemMetal { cursor: pointer; } .social li { width: 90px !important; } .social { margin: 15px 0; } iframe[id^="oauth2relay"] { left: auto !important; right: 100px !important; } .chain-cbo { width: 410px; } #emailsect .smallie { padding-top: 0; } #emailsect .smallie { padding-top: 0; } #emailsect .smallie li .chk { margin-top: 2px; } #emailsect .smallie li span { padding-top: 0; } .prctxt { display:inline-block; } .cart-main { } .cart-main .item-table { margin-top: 15px; } .cart-main .item-lists { float: left; margin-top: 10px; } .cart-main .cart-list { float: left; } .cart-main .product_details { width: 948px; } .cart-main .product_list.list4 li { width: 134px !important; min-height: 220px; } .cart-main .product_list li .product_content { padding: 5px 2px 10px; } .cart-main .box_title2 { width: 948px; } .cart-main .tableContent th { font: Myriad-Pro, Helvetica, sans-serif; color: #294f58; border: 1px solid #ccc; border-left: none; text-align: left; padding: 3px 4px 3px 4px; background-color: #f2f2f2; } .cart-main .item-table th:first-child { border-left: 1px solid #ccc; } .cart-main .item-table td:first-child { border-left: 1px solid #ccc; } .prod-recent .product_details { width: 945px; } .prod-recent .product_list.list4 li { width: 134px !important; min-height: 220px; } .prod-recent .product_list li .product_content { padding: 5px 2px 10px; } .big3 { background-color: inherit; font-size: 17px; font-weight: 500; color: #005b81; } .item_details #sizePrice { font-size: 12px; color: #525252; } .item_details .metal-size-selector { margin-top: 2px; } .item_details .metal-size-selector .optionBorder { margin-top: 20px !important; width: 100%; background: #e0e0e0; min-height: 225px; } .item_details .metal-size-selector .selectionHeaderPadding { border-bottom: solid 3px #79879d; width: 525px; color: #525252; font-size: 11px; font-family: "Myriad-Pro", Helvetica, sans-serif; text-transform: none; } .item_details .metal-size-selector .jqitemMetal { color: #000000; padding: 0; float: left; width: 110px; height: 54px; margin: 5px 2px 5px 7px; text-align: center; font: normal 12px "Myriad-Pro", Helvetica, sans-serif; border: none; line-height: 37px; } .item_details .metal-size-selector .enabledSize { font-size: 12px; background: url(https://img1.picturesongold.com/v8/common/images/metals/size1.png) no-repeat ; width: 102px; height: 53px; margin: 5px 2px 5px 7px !important; line-height: 39px; border: none; cursor: pointer; } .item_details .metal-size-selector .enabledSize div { margin-top: 16px !important; line-height: 15px; } .item_details .metal-size-selector div.enabledSize.selected { background: url(https://img1.picturesongold.com/v8/common/images/metals/size2.png) no-repeat ; } .item_details .metal-size-selector .silver { background: url(https://img1.picturesongold.com/v8/common/images/metals/SterlingSilver.png) no-repeat ; } .metal-size-selector div.silver.selected { background: url(https://img1.picturesongold.com/v8/common/images/metals/SterlingSilver.png) no-repeat 0 -55px; } .item_details .metal-size-selector .white { background: url(https://img1.picturesongold.com/v8/common/images/metals/14KWhiteGold.png) no-repeat ; } .metal-size-selector div.white.selected { background: url(https://img1.picturesongold.com/v8/common/images/metals/14KWhiteGold.png) no-repeat 0 -55px; } .item_details .metal-size-selector .yellow { background: url(https://img1.picturesongold.com/v8/common/images/metals/14KYellowGold.png) no-repeat ; } .metal-size-selector div.yellow.selected { background: url(https://img1.picturesongold.com/v8/common/images/metals/14KYellowGold.png) no-repeat 0 -55px; } .item_details .metal-size-selector .white-10k { background: url(https://img1.picturesongold.com/v8/common/images/metals/10KWhiteGold.png) no-repeat ; } .metal-size-selector div.white-10k.selected { background: url(https://img1.picturesongold.com/v8/common/images/metals/10KWhiteGold.png) no-repeat 0 -55px; } .item_details .metal-size-selector .yellow-10k { background: url(https://img1.picturesongold.com/v8/common/images/metals/10KYellowGold.png) no-repeat ; } .metal-size-selector div.yellow-10k.selected { background: url(https://img1.picturesongold.com/v8/common/images/metals/10KYellowGold.png) no-repeat 0 -55px; } .item_details .metal-size-selector .rose { background: url(https://img1.picturesongold.com/v8/common/images/metals/14KRoseGold.png) no-repeat ; } .metal-size-selector div.rose.selected { background: url(https://img1.picturesongold.com/v8/common/images/metals/14KRoseGold.png) no-repeat 0 -55px; } .item_details .metal-size-selector .rose-10k { background: url(https://img1.picturesongold.com/v8/common/images/metals/10KRoseGold.png) no-repeat ; } .metal-size-selector div.rose-10k.selected { background: url(https://img1.picturesongold.com/v8/common/images/metals/10KRoseGold.png) no-repeat 0 -55px; } .item_details .metal-size-selector .selected { border: none; background-color: transparent; } .metal-size-selector .silver:hover, .metal-size-selector .white:hover, .metal-size-selector .yellow:hover,.metal-size-selector .rose:hover, .metal-size-selector .gold:hover { border: none; } .tick-check { background: url(https://img1.picturesongold.com/v8/common/images/tick-green.jpg) no-repeat; } .tick-hold { float: left; width: 20px; height: 20px; margin: 2px 8px 0; } .upload-remove { float: none; width: 83px; height: 22px; } .tool-tip-message { position: absolute; background: none repeat scroll 0 0 #395373; border: solid 2px #d4d4d4; border-radius: 3px; padding: 0.8em 1em; color: #FFF; display: block; margin-top: -5px; margin-right: 20px; cursor: default; z-index: 9999; word-wrap: normal; font-weight: normal; } .chain-pop { margin-top: 10px; cursor: pointer; } .chain-pop h4 { text-transform: none !important; color: #567090 !important; } .chain-pop h4:hover { text-decoration: underline !important; } /*================== megamenu ========================*/ .left_box .megamemain { width:120% !important; border-bottom: none; } .megamemain a.mgmn { display:block; width: 219px; background: #e8eff7 url(https://img1.picturesongold.com/v8/common/images/blue_arrow.png) center right no-repeat; padding: 0px -20px 0px 4px; } .left_box ul .mainmega { display:none; width: 600px; height: 485px; border: 1px solid #d4d4d4; float: right; position: absolute; z-index: 999999; list-style: none; top: 45px; right: 120px; color:#000; box-shadow:15px 7px 10px 8px #ccc; background:#fff url(https://img1.picturesongold.com/v8/common/images/bk.png)no-repeat; background-position: bottom; background-size:100%; } .left_box ul .mainmega.cat { top: 250px; height: 280px; } .menutitle { color:#567090 !important; margin:10px; } .left_box ul li a:hover ul { display:block; } .left_box .megamemain:hover ul.mainmega { color:#000; display:block !important; } .boxmenu { float:left; width:160px; margin:0px 10px; display:inline; } .boxmenu img { margin-top: 0px; border: none; } .boxmenu ul { width: 160px; } .boxmenu li { border:none !important; padding: 3px 0px 3px 0px; } .left_box .megamemain ul.mainmega li{ border:none !important; } .boxmenu ul { border:none !important; } .boxmenu li a { text-decoration:none; font-size:12px; } #rpic-holder { width: 50px; height: 50px; position: absolute; right: 17px; margin-top: 92px; display: none; } #rpic-holder img { width: 100%; height: 100%; border: 1px solid #ccc; } .rel-items .product_list.list4 li { width: 138px !important; } .img-prev { width: 40px; height: 40px; float: left; margin: -9px 15px 0 5px; display: none; } .img-prev img { max-width: 40px; max-height: 40px; border: 1px solid #ccc; } /*===================== category header template ==================*/ .headerLeftDiv { margin-right: 15px; width: 540px; height: 230px; float: left; border: 3px solid #cccccc; background:#f7f5f6; } .headerLeftDiv.bgSSLock { background:#f7f5f6; background:url(https://img1.picturesongold.com/static/categories/Locket-445.jpg) no-repeat 0 0; } .headerLeftDiv .box { text-align: center; width: 280px; height: 200px; background:#545454; margin: 15px 0px 0px 250px; color: #fff; } .headerLeftDiv .box .header { margin: 0px auto; font: bold 26px Times New Roman; padding: 10px 0px 10px 0px; } .headerLeftDiv .box .bullet { font: normal 16px "Myriad-Pro", Helvetica, sans-serif; margin: 5px 0px 5px 0px; padding-bottom: 5px; border-bottom: 1px solid #747474; } .headerRightDiv { width: 165px; height: 230px; float: left; background:#545454; padding-top: 6px; font: bold 34px sans-serif; letter-spacing: 1px; color: #fff; text-align: center; } .headerRightDiv .button { display: block; margin: 15px 0px 0px 0px; } .headerRightDiv a:link, .headerRightDiv a:visited, .headerRightDiv a:active, .headerRightDiv a:hover { font: bold 34px sans-serif; letter-spacing: 1px; color: #fff; text-decoration:none; } /* ==================== category top header, selected categories =========== */ .TopHeaderLeftDiv { position: relative; margin-right: 5px; width: 731px; height: 263px; float: left; border-right: 1px solid #ecebeb; background: #f4f4f4; } .TopHeaderDivFull { position: relative; width: 967px; height: 276px; float: left; border: none; } .catHeaderWrapper { background-repeat: no-repeat !important; background-position: right top !important; display: block; clear: both; min-height: 250px; } .catHeaderWrapper .txt-header { font-size: 38px; font-family: 'Lobster', Myriad-Pro, sans-serif; padding: 30px 0 10px 30px; } .catHeaderWrapper hr { width: 200px; margin: 10px 0 10px 120px; text-align: left; } .catHeaderPoint { background-repeat: no-repeat; background-position: 0em 0em; background-size: 23px; padding: 4px 3px 8px 30px; font-size: 18px; display: block; margin: 5px 0px 5px 25px; text-align: left; background-image: url(https://img1.picturesongold.com/buttons/tickGL.png); } /* ======= to add link over background image for while div ====== */ .TopHeaderLeftDiv a span { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url('https://img1.picturesongold.com/images/transp.gif'); } .TopHeaderLeftDiv .box { width: 345px; height: 248px; margin: 8px 0px 0px 380px; color: #576171; } .TopHeaderLeftDiv .box .header { margin: 0px auto; font: bold 32px sans-serif; letter-spacing: 1px; padding: 0px 0px 10px 0px; } .TopHeaderLeftDiv .box .bullet { font: normal 16px verdana; letter-spacing: 0px; margin: 6px 0px 10px 0px; color: #434b56; background-image: url(https://img1.picturesongold.com/buttons/tick.gif); background-repeat: no-repeat; background-position: 4px 6px; padding: 2px 8px 2px 28px; } .TopHeaderRightDiv { width: 230px; height: 263px; float: left; } .TopHeaderRightDiv .button { } .LandHdBanner { text-align: center; clear: both; border-bottom: solid 4px #eeeeee; font-size: 36px; font-weight: 900; } .LandHdButton { float: left; width: 239px; margin-bottom: 15px; text-align: center; font-size: 14px; font-weight: 900; color: black; text-decoration: none; } .LandHdButton a { text-decoration: none; color: black; } .LandTitle { text-align: center; clear: both; font-size: 42px; line-height: 42px; font-weight: 900; padding: 10px 0 10px 0; } .LandBtnWrap { width: 965px; text-align: center; font-size: 20px; white-space: nowrap; overflow: hidden; } .LandBtnWrap .btn { width: 250px; height: 200px; display: inline-block; vertical-align: middle; *display: inline; *margin: 0 20px 0 20px; } .LandBtnWrapGen { padding: 0; } .LandBtnWrapGen .btn { width: 322px; /* overflow: hidden; */ float: left; margin: 0; padding: 0; border: 0px none; } .LandBtnWrapGen .btn img { width: 100% !important; height: auto !important; } .LandBtnWrapGen50 { display: table; width: 100%;} .LandBtnWrapGen50 .btn { display: table-cell; padding: 2px; } .LandBtnWrapGen50 .btn img { width: 100% !important; height: auto !important; } .LandBlueBar { background: #3b5473; padding: 6px 3px 6px 50px; clear: both; overflow: auto; } .LandBlueBar .icon { float: left; width: 60px; } .LandBlueBar .text { padding: 5px 0 0 0; float: left; width: 250px; font-size: 22px; letter-spacing: 1px; font-weight: 400; color: #fff; text-decoration: none; } .LandBlueBar .text.s1 { width: 260px; } .LandBlueBar .text.s2 { width: 230px; } .LandBlueBar .text.s3 { width: 220px; } .LandBlueBar .text .small { padding: 3px 0 0 5px; font-size: 16px; font-weight: 400; color: #fff; } .cartNotes { width: 450px; background: #fff; padding: 6px; text-align: center; font-size: 14px; font-weight: 500; margin: 10px 0px 0px 30px; } .cartNotesGreen { border: 5px solid #66ff66; color: green; } .cartNotesRed { border: 4px solid #f30b54; color: red; } .UPSicon { background: url(https://img1.picturesongold.com/commbn/upsIcon.gif) 0px 3px no-repeat; padding: 4px 5px 5px 24px; } .USPSicon { background: url(https://img1.picturesongold.com/commbn/USPSicon.png) 0px 3px no-repeat; padding: 4px 5px 5px 24px; } .FedExicon { background: url(/v8/common/images/fedexIcon.jpg) 0px 3px no-repeat; padding: 4px 4px 5px 24px; } #ShipPreloader { display: none; text-align: center; margin: 10px; } .checkoutForm { margin: 20px 10px 20px 10px; } .checkoutForm .formLeft { float: left; width: 450px; margin-bottom: 20px; } .checkoutForm .formLeft .tableContent.tblLeft { width: 450px; } .checkoutForm .formRight { float: left; width: 450px; margin: 0px 0px 20px 20px; } .checkoutForm .formRight .tableContent.tblRight { width: 450px; } /* photo pendants back side */ .picBackHead { margin: 5px 0 10px 35px; font-size: 14px; } .picBackSelect { cursor: pointer; cursor: hand; display: block; width: 100px; float: left; margin: 0 10px 0 10px; text-align: center; text-decoration: none; color: #000; } .picBackSelect .picBackImg, .picBackSelect .picBackInput, .picBackSelect .picBackText { display: block; width: 100px; } .bckPicTitle { margin: 15px; font-size: 16px; font-weight: 900; } .picBackSelect .picBackImg.noEng { height: 70px; background:url(https://img1.picturesongold.com/v8/common/images/phEngrNone.gif) no-repeat 16px 0; } .picBackSelect .picBackImg.Mng { height: 70px; background:url(https://img1.picturesongold.com/v8/common/images/phEngrMng.gif) no-repeat 16px 0; } .picBackSelect .picBackImg.Txt { height: 70px; background:url(https://img1.picturesongold.com/v8/common/images/phEngrTxt.gif) no-repeat 16px 0; } .picBackSelect .picBackImg.Pic { height: 70px; background:url(https://img1.picturesongold.com/v8/common/images/phEngrPic.gif) no-repeat 16px 0; } .radio-toolbar { margin: 1em 1em 2em 1em; } .radio-toolbar input[type="radio"] { opacity: 0; width: 0; position: absolute; display: inline-block; margin: 1.8% 1.2%; } .radio-toolbar label { cursor: pointer; width: 100px; margin: 0 1.5em 0 0em; margin-bottom: 0 !important; text-align: center; text-decoration: none; color: #000000; display: inline-block !important; background-color: #ddd; padding: .9em 1.2em; font-size: 16px; font-weight: 300; border: .1em solid #b7b7b7; border-radius: 0em; } .radio-toolbar label:hover { background-color: #e2e9f1; border-color: #455a71; font-weight: 600; } .radio-toolbar input[type="radio"]:checked + label { background-color: #cce4fe; border-color: #455a71; color: #283f5e; font-weight: 600; } .radio-toolbar label span { position: absolute; display: block; margin-top: 1.5em; margin-left: 1.3em; font-size: .7em; } .radio-toolbar input[type="radio"]:checked + label span { color: #4c4c4c; } .radio-toolbarEng { margin-top: 1em; display: flex !important; justify-content: start; -webkit-box-pack: center; flex-wrap: wrap; } .radio-toolbarEng input[type="radio"], .radio-toolbarEng input[type="file"], .noPhoto input[type="radio"], .radio-toolbarEng input[type="checkbox"], .noPhoto input[type="checkbox"] { opacity: 0; width: 0; height: 0; position: relative; -webkit-appearance: none; appearance: none; background-color: #fff; margin: 0; } .radio-toolbarEng label { display: flex !important; flex-direction: column; max-width: 150px; } .radio-toolbarEng label.checkout { max-width: 100%; padding: 0.8em; } .radio-toolbarEng.email label { max-width: 140px; width: 140px; justify-items: stretch; border: solid 0.3em #f6f6f6; } .radio-toolbarEng.email label div { width: 95%; text-align: center; font-size: 11px; font-weight: 600; } .radio-toolbarEng.email label img { width: 100%; height: auto; } .radio-toolbarEng label.sending { max-width: 110px; justify-content: center; padding-left: 0; } .radio-toolbarEng label, .noPhoto label { flex: 0 0 auto; cursor: pointer; position: relative; align-items: center; border: solid 0.3em #e0e0e0; border-radius: 6px; margin-left: 18px; padding: .5em; color: #535353; font-size: 12px; font-weight: 500; line-height: 1.5em; text-align: center; background-color: #fff; } .radio-toolbarEng label div span { font-weight: 600; } .proofDetails { margin-bottom: 1.5em; margin-left: 1.4em; } .noPhoto { margin-left: 1.4em; } .noPhoto label { font-size: 12px; font-weight: 600; max-width: 40%; margin: 0 0; padding: 1em 0 1em 2em; } .noPhoto label div { position: relative; } .noPhoto label .checkmark { position: absolute; top: 0; left: 0; height: 1.5em; width: 1.5em; background-color: #eee; border: solid 0.1em #ccc; } .noPhoto label .checkmark.chains { border: none; background-color: #fff; background-image: url(/v8/common/images/icons/noCrossBefore.png); background-repeat: no-repeat; background-size: 1.8em 1.8em; height: 1.8em; width: 1.8em; top: -0.1rem; left: 0rem; } .noPhoto input[type="radio"]:checked + label .checkmark.chains::after { content: ""; position: absolute; display: block; left: 0rem; width: 1.8em; height: 1.8em; border: none; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background-color: #fff; background-image: url(/v8/common/images/icons/noCross.png); background-repeat: no-repeat; background-size: 1.8em 1.8em; } .noChain label { color: #868686; } .noChain input[type="radio"]:checked + label { color: #535353; } .noPhoto label .proofTxt { } .noPhoto label .proofPrice { color: #475572; font-size: 1.2em; padding-left: 0.3em !important; } /* .radio-toolbarEng label:hover, .noPhoto label:hover { border-color:#cccccc; } */ .radio-toolbarEng input[type="radio"]:checked + label, .radio-toolbarEng input[type="checkbox"]:checked + label, .noPhoto input[type="radio"]:checked + label, .noPhoto input[type="checkbox"]:checked + label { border-color:#455a71; -moz-box-shadow: 1px 4px 6px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 4px 6px 0 rgba(0, 0, 0, 0.4); box-shadow: 1px 4px 6px 0 rgba(0, 0, 0, 0.4); } .radio-toolbarEng input[type="radio"]:checked + label::after, .radio-toolbarEng input[type="checkbox"]:checked + label::after { display: block; position: absolute; content: url(/v8/common/css/images/checkmark_green.png); transform: scale(.05); bottom: 5px; right: 5px; width: 1.4em; height: 1.4em; } .noPhoto input[type="radio"]:checked + label .checkmark, .noPhoto input[type="checkbox"]:checked + label .checkmark { background-color: #455a71; } .noPhoto input[type="radio"]:checked + label .checkmark::after, .noPhoto input[type="checkbox"]:checked + label .checkmark::after { content: ""; position: absolute; display: block; left: 0.4em; top: 0; width: 0.4em; height: 1em; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .speech-bubble { min-height: 48px; max-width: 65%; background: #fff; position: relative; border: 0.2em solid #c6c6c6; border-radius: 0.6em; margin: .2em 0 0 18px; padding: .6em .5em; line-height: 1.3em; font-size: .9em; } .speech-bubble.email { min-height: auto; } .speech-bubble:after { content: ""; position: absolute; top: 0; height: 1.5em; width: 1.5em; background: #fff; box-sizing: border-box; transform: rotate(223deg) translate(90%); border-bottom: inherit; border-right: inherit; box-shadow: inherit; } .speech-bubble.left:after { left: 4em; } .speech-bubble.center:after { left: 50%; } .speech-bubble.right:after { right: 2em; } .radio-toolbarEng.photos { display: inline-flex !important; margin: 0 0 0.5em .9em; width: 100%; } .radio-toolbarEng.photos .photoWrap { margin-bottom: 2em; border: solid .2em #ffffff; border-radius: 0.5em; display: flex; padding: .3em; flex: 1 1 0; flex-basis: 46%; max-width: 47%; } .radio-toolbarEng.photos .photoWrap .sideDescWrap { width: 40%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; border: solid .3em #f4f4f4; border-radius: 0.5em; } .radio-toolbarEng.photos .photoWrap .sideDescWrap.phselected { border-color:#455a71; -moz-box-shadow: 1px 4px 6px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 4px 6px 0 rgba(0, 0, 0, 0.4); box-shadow: 1px 4px 6px 0 rgba(0, 0, 0, 0.4); } .radio-toolbarEng.photos .photoWrap .sideDescWrap.phselected::after { display: block; position: absolute; content: url(/v8/common/css/images/checkmark3.png); transform: scale(.05); bottom: 5px; right: 5px; width: 1.4em; height: 1.4em; } .radio-toolbarEng.photos .photoWrap .sideDescWrap .photoImg { width: 100%; text-align: center; } .radio-toolbarEng.photos .photoWrap .sideDescWrap .photoImg img { width: 94%; height: auto; margin: 0 auto; } .radio-toolbarEng.photos .photoWrap .sideDescWrap .photoTxt { text-align: center; padding: .5em 0 0 0; font-size: 11px; font-weight: 600; color: #626263; } .photoTxt .imagePrice { font-size: 1.1em !important; font-weight: 700 !important; line-height: 1.7em; color: #315366; } .radio-toolbarEng.photos .photoWrap label a { } .radio-toolbarEng.photos .photoWrap label .selectFile, .uploadTD .upload-remove-updated { text-decoration: none; width: 100%; padding: 0.3em; background: #fff; border: solid 0.3em #375067; border-radius: 0.5em; color: #626263; } .uploadTD .upload-remove-updated { background: #375067; border: solid 0.3em #375067; color: #ffffff; } .radio-toolbarEng.photos .photoWrap label .selectFile:hover, .uploadTD .upload-remove-updated:hover, .radio-toolbarEng.photos .photoWrap label .selectFile.phselected { text-decoration: none; background: #375067; border: solid 0.3em #375067; color: #ffffff; } .radio-toolbarEng.photos .photoWrap label { width: 35%; padding: .4em; margin-bottom: 0; margin-left: 0.8em; flex-direction: column; border: solid 0.3em #ffffff; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; color: #626263; } .radio-toolbarEng.photos .photoWrap label:hover { /* border-color: #ffffff; */ } .uploadTD .tick-hold-updated { display: flex; justify-content: center; align-items: center; width: 100%; min-width: 100px; height: 110px; margin: 0 0 1em; padding: 0.3em; font-size: .9em; background: #e3f4fd; border: solid 0.3em #e3f4fd; border-radius: 0.5em; } .uploadTD .tick-hold-updated img { max-width: 97%; max-height: 110px; display: block; object-fit: contain; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; } .uploadTD .tick-hold-updated.tick-check { background: #e3f4fd; } .uploadTD .upload-remove-updated { height: auto; } .cart_btn_progress { width: 280px; height: 16px; float: left; margin: 20px auto 0; text-align: center; display: none; } .cart_btn_wait { float: left; width: 97%; text-align: center; margin: 5px 5px 15px; color: #6e6e6e; font-size: 14px; font-weight: 500; display: none; } .reglist { font: normal 12px; } ol.reglist {list-style-type: none; padding: 5px; margin: 5px;} ol.reglist li { background-image: url(https://img1.picturesongold.com/images/icons/bull1.gif); background-repeat: no-repeat; background-position: 0 0.45em; padding-left: 1.2em; font-family: Tahoma, Myriad-Pro, Verdana, sans-serif; font-size: 11px; color: #004080; letter-spacing: 0.05em; line-height: 19px; } .reglistS { font: bold 12px "Myriad-Pro", Helvetica, sans-serif; } ol.reglistS {list-style-type: none; padding: 0px; margin-top: 8px;} ol.reglistS li a { text-decoration: none; } ol.reglistS li { background-image: url(https://img1.picturesongold.com/images/icons/bull2.gif); background-repeat: no-repeat; background-position: 0.01em 0.2em; padding-left: 1.2em; padding-bottom: 0.7em; color: #004080; letter-spacing: 0.02em; line-height: 15px; } span.reglistS { line-height: 13px; text-decoration: none; color: #567090; } img.imgOpa:hover { opacity: 0.4; filter: alpha(opacity=40); } /**** item page ****/ .itemOptionsHeader { width: 440px; padding: 5px; color: #FFFFFF; font-weight: 500; background: #00467c; } .itemTextStyle { width: 115px; padding: 3px; font-size: 10px; color: #ffffff; font-weight: 500; background: #00467c; border: 3px double #f6f4f0;} .itemTextStyle2 { margin: 3px; padding: 0px; background: #00467c; } .itemThumbs { width: 250px; text-align: center; clear: both; margin: 0 auto; margin-top: 7px; overflow: hidden; } .itemThumbs ul { clear: both; margin: 0px; overflow: hidden; padding: 0px; position: relative; list-style-type: none; z-index: 1; } .itemThumbs ul li { float: left; height: auto; } .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff;cursor:move;} .cloud-zoom-title { font-family:Myriad-Pro, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center;font-weight:bold; font-size:10px; top:0px; } .cloud-zoom-big { border: 6px solid #5f788b; overflow:hidden; } .cloud-zoom-loading { color:white;background:#222; padding:3px; border:1px solid #000; } .cloud-zoom-thumboff { width: 4.7em; height: auto; margin: 0px 3px 0px 3px; padding:2px; border: 3px solid #dddddd; filter: alpha(opacity=90); opacity:0.9; } .cloud-zoom-thumboff:hover { border: 3px solid #ff9900; } .cloud-zoom-thumboff:hover { color: #ff9900; } .cloud-zoom-thumbon { width: 4.7em; height: auto; margin: 0px 3px 0px 3px; padding:2px; border: 3px solid #5f788b; filter: alpha(opacity=100); opacity:1; } .cloud-zoom-thumbon:hover { border: 3px solid #5f788b; color: #5f788b; } a.itemFaqs-menuOn { display: block; float: left; margin: 10px 0px 10px 0px; padding: 5px; font: bold 12px "Myriad-Pro", Helvetica, sans-serif; width: 180px; border: solid 2px #ccc; background: #f7f7f7; color: #003333; text-align: center; } a.itemFaqs-menuOn:link { text-decoration: none; } a.itemFaqs-menuOn:visited { text-decoration: none; } a.itemFaqs-menuOn:active { text-decoration: none; } a.itemFaqs-menuOn:hover { text-decoration: underline; } a.itemFaqs-menuOff { display: block; float: left; margin: 10px 0px 10px 0px; padding: 5px; font: bold 12px "Myriad-Pro", Helvetica, sans-serif; width: 180px; border: solid 2px #fff; background: #fff; color: #003333; text-align: center; } a.itemFaqs-menuOff:link { text-decoration: none; } a.itemFaqs-menuOff:visited { text-decoration: none; } a.itemFaqs-menuOff:active { text-decoration: none; } a.itemFaqs-menuOff:hover { text-decoration: underline; } .itemFaqs-cont { margin: 7px 7px 15px 0px; color: #d73300; } .itemFaqs-head { margin-bottom: 15px; color: #00466b; font-weight: 500; font-size: 15px; } .itemFaqs-answ { margin: 7px 7px 25px 25px; color: #000; } .discount { margin-top: 10px; color: #ffff00; font: bold 18px Verdana; background: #2c415e url(https://img1.picturesongold.com/commbn/2013/ItmSalePercent.png); background-repeat: no-repeat; background-position: 0 7px; padding: 0px 1px 2px 170px; } .discount .upto { color: #fff; font-size: 11px; } .discount .perc { font-size: 14px; } .imgbrd { padding:3px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; } input.submit { background-color : #226483; color: #e9f3f8; FONT-SIZE: 12px; FONT-WEIGHT: bold; border: 3px double #00354d; padding: 4px; } input.submitOrd { background-color : #379200; color: #ffffff; font-size: 18px; font-weight: 900; border: 3px double #225900; padding: 8px 18px 8px 18px; letter-spacing: 2px; } input.submit2 { background-color : #fff600; color: #686801; FONT-SIZE: 12px; FONT-WEIGHT: bold; border: 3px double #bebe00; padding: 4px; } input.submit3 { background-color : #a9004c; color: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; border: 3px double #720033; padding: 4px; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.43; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid transparent; border-radius: 6px; text-transform: uppercase; text-decoration: none; } .btn-xlg { padding: 15px 46px; font-size: 22px; line-height: 1.33; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; } .btn-md2 { padding: 8px 14px; font-size: 15px; line-height: 1.33; } .btn-md { font-size: 12px; } .btn-primary, .btn-primary:link, .btn-primary:visited { color: #fff; text-shadow: 1px 1px rgba(78, 78, 78, 0.59); background-color: #337ab7; border-color: #337ab7; } .btn-primary:hover:focus:active, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus { background-color: #549DDC !important; border-color: #549DDC; outline: none !important; box-shadow: none; } .btn-success, .btn-success:link, .btn-success:visited { color: #fff; text-shadow: 1px 1px rgba(78, 78, 78, 0.59); background-color: #5D9A08; border-color: #5D9A08; } .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:focus { background-color: #457502 !important; border-color: #457502; outline: none !important; box-shadow: none; } input.previewBtn { padding: 5px; font-weight: 500; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #663366; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 1px #000; -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 1px #000; box-shadow: inset 0 1px 0 #fff, 0 1px 1px #000; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .BtnBgColor { background: #a9004c; color: #fff; border: solid 1px #663366; } .BtnBgColor:hover { background: #780137; border: solid 1px #663366; text-decoration: none; } .BtnBgBlack { background: #000000; color: #fff; border: solid 1px #000000; } .BtnBgBlack:hover { background: #474747; border: solid 1px #000000; text-decoration: none; } .btnNoRound { border-radius: 0 !important; } .tblOptions { padding: 0; margin: 0; } .tblOptions td {background-color: #f6f6ed; text-align: center; padding: 3px; border: 3px solid #f3f3e8;} .tblOptions td:hover {background-color: #f6f6ed; text-align: center; padding: 3px; border: 3px solid #f3f3e8;} .tblOptions td.reg {background-color: #f6f6ed; text-align: center; padding: 3px; border: 3px solid #f3f3e8;} .tblOptions td.reg:hover {background-color: #ffffe6; border: 3px solid #fff494;} .tblOptions td.regtp {background-color: #ffffff; text-align: center; padding: 0px; border: 3px solid #f3f3e8;/* height: 100px; min-height: 100px;*/ } .tblOptions td.regtp:hover {background-color: #ffffe6; border: 3px solid #fff494;} .tblOptions td.active {background-color: #e3eff7; text-align: center; font-weight: 500; padding: 0px; border: 3px solid #a9c4d8;/* height: 100px; min-height: 100px;*/ } .tblOptions td.active:hover {background-color: #e3eff7; text-align: center; font-weight: 500; padding: 0px; border: 3px solid #a9c4d8;} .tblOptions td.active label, .tblOptions td.regtp label { display: block; padding: 3px; height: 100%; min-height: 100%; text-align: center; } .tblOptions td.opitms {background-color: transparent; text-align: left; padding: 1px; border: none;} .tblOptions td.opitms:hover {background-color: transparent; text-align: left; padding: 1px; border: none;} .tblOptions td.regtp .topIm, .tblOptions td.active .topIm { margin: 0px 0px 5px 0px; text-align: center; } .tblOptions td.opitms div.optRbtn { padding: 10px; margin: 6px 0px 0px 0px; cursor:pointer; font-weight: 500; } .tblOptions td.opitms .optLastLv select { width: 100%; } .tblOptions td.opitms .optLastLvTxt { margin-top: 8px; } /**** new set for chain section ****/ .tblOptions td.regtp .topIm img, .tblOptions td.active .topIm img { } .tblOptions .topTd { background-color: inherit !important; border: none !important; overflow: hidden; } .tblOptions .regtp label { background-color: #ffffff; text-align: center; padding: 20px 3px 3px 3px !important; border: 3px solid #f3f3e8; min-height: 130px !important; } .tblOptions .regtp:hover label {background-color: #ffffe6; border: 3px solid #fff494;} .tblOptions .active label, .tblOptions .active:hover label { min-height: 130px !important; background: #E3EFF7 url("https://img1.picturesongold.com/images/icon_checked.png") no-repeat right 5px top 5px; text-align: center; font-weight: 500; padding: 20px 3px 3px 3px !important; border: 3px solid #a9c4d8;} .tblOptions label { display: block; cursor: pointer; cursor: hand; } .chainDiv, .chain2lev { overflow: hidden; padding: 0px !important; } .chainLbl { overflow: hidden; display: block !important; width: 98% !important; cursor: pointer; cursor: hand; float: none !important; text-align: left !important; background-color: #FFFFFF; padding: 17px 3px 3px 3px !important; margin: 7px 0 7px 0 !important; border: 3px solid #EFEFE2; clear: both !important; } .chainLbl:hover { background-color: #ffffe6; border: 3px solid #fff494; } .chainLbl.active, .chainLbl.active:hover { background: #E3EFF7 url("https://img1.picturesongold.com/images/icon_checked.png") no-repeat right 5px top 5px; font-weight: 500; border: 3px solid #a9c4d8; } .chainIm { float: left; width: 225px; padding: 0 !important; margin-top: -12px !important; } .chainNoIm { float: left; width: 20px; paddin: 0 !important; } .chainTitle { float: left; clear: right !important; width: 465px; padding: 0 !important; } .chainLblTitle { font-size: 1.4em; padding: .5em 0 .5em 0.7em; color: #3b5474; width: 95%; max-width: 95%; } .chainWrap { clear: both; overflow: hidden; margin: 15px !important; } .chainWrapInstr { padding-top: 15px; font-size: 12px; } .chainSelect { font-size: 12px; padding: 5px; width: 85%; } .chainSelect option { } /***********************/ .topImTransp { width: 55px; } .topImTransp img { height: 40px; } .topImEdit { width: 120px; text-align: center !important; } .chEditTtl { margin: 7px; } .chEditTtl.sel { font-weight: 900; } .chEditTtl a { font-size: 14px; font-weight: 900; } #fixedFooter { position: fixed; width: 100%; z-index: 999; text-align: center; background: #072f4e (/v8/common/images/BottomBanner.gif) repeat-x; color: white; bottom: 0px; padding: 2px; } .itmDescTitle { text-align: center; margin: 0 0 25px 0; font-size: 26px; font-weight: 900; color: #404040; } .itmDisc2, .itmDisc2alt { margin: 0.7em auto; width: 300px; background-color: #2c415e; padding: .3em 0em .3em 0em; text-align: center; } .itmDisc2 .txt { /* display: block !important; */ font: normal 1.3em 'Lobster', Myriad-Pro, sans-serif; letter-spacing: 1px; color: #fff; } .itmDisc2 .txt2 { /* display: block !important; */ font: normal 1.5em 'Lobster', Myriad-Pro, sans-serif; letter-spacing: 1px; color: #ffff00; } .itmDisc2 .upto2 { color: #fff; font: normal 1em "Myriad-Pro", Helvetica, sans-serif; } .itmDisc2 .perc2 { font: bold 1.4em "Myriad-Pro", Helvetica, sans-serif; color: #ffff00; } .itmDisc2alt { padding: 0.1em 0 !important; } .itmDisc2alt .txt { display: block !important; font: 600 1.2em Montserrat, Myriad-Pro, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #fff; } .itmDisc2alt .upto2 { color: #fff; font: 400 1.1em Montserrat, Helvetica, sans-serif; text-transform: uppercase; } .itmDisc2alt .perc2 { font: 400 1.1em Montserrat, Helvetica, sans-serif; color: #ffff00; text-transform: uppercase; } .itmAboveIm { margin: .1em auto; width: 300px; background-color: #cb0000; padding: .3em 0em .3em 0em; text-align: center; } .itmAboveIm .txt { font-size: 1em; letter-spacing: 1px; color: #fff; text-transform: uppercase; } .itmAboveIm .txt2 { font-weight: 900; font-size: 1.2em; letter-spacing: 0; color: #ffffff; text-transform: uppercase; } .itemDescrip { margin: 10px 0px 0px 0px; font-size: 14px; padding-bottom: 5px; line-height: 150%; } .itemDetID { width: 240px; text-align: center; margin: 8px auto; font: bold 14px "Myriad-Pro", Helvetica, sans-serif; text-transform:uppercase; } .itemDetIDalt { text-align: center; margin: 8px auto; font: 600 11px montserrat,sans-serif; color: #475572; } .chckBckBtn { display:block; margin: 10px auto; } .chckBckBtn img { width: 301px; } .msg_bold { background-color: inherit; color: red; font-size: 14px; font-weight: 500; } .PreviewImg { } .cartEditTitle { text-align: center; font-size: 18px; font-weight: 500; } .cartEditTdPrice { padding-bottom: 1em; } .cartEditPrice input { float: left; width: 3em; } .cartEditPrice div { float: left; width: auto; } .cartSesID { text-align: left; font-size: 1em; margin: -20px 0 15px 15px; } .btnSubmitActive { width: 105px; height: 31px; padding: 0; margin: 0 auto; display: block; } .btnSubmitNotActive { width: 105px; height: 31px; padding: 0; margin: 0 auto; display: none; } /*** item page ***/ .diduknow { padding: 5px 0px 5px 0px; width: 846px; background-image: url('https://img1.picturesongold.com/v8/common/images/holidayBn.jpg'); background-repeat: no-repeat; margin: 0 auto 8px auto; text-align: center; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; } /** .diduknow { padding: 0px 0px 4px 0px; background-color: #da8ab6; margin: 0 auto 8px auto; text-align: center; color: #fff; font: bold 20px Century Gothic, Arial, Sans-Serif; text-transform: uppercase; letter-spacing: 1px; } **/ .cartEditPriceTxt { color: red; font-size: 14px; font-weight: 500; } .cartEditCartLink { margin: 10px 0px 5px 5px; text-align: center; } .cartEditCartLink a { font: bold 1em "Myriad-Pro", Helvetica, sans-serif; } .cartEditResume { width: 100% !important; } .itmShipStick { width: 250px; text-align: center; margin: 3px auto; font-weight: 500; padding: 5px; border: solid 1px #ff6600; } .itmShipStick.notavailable { color: #ff6600; } /***** modified css for item page *****/ .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } .tabcontentstyle{ /*style of tab content oontainer*/ border: 2px solid #91c4e6; width: 824px; margin-bottom: 1em; padding: 10px; } /*** bottom tabs for item details background-color: #e2e6e9; ***/ div.itemDetails { width: 915px; margin: 6px 0px 20px 0px; border: 3px solid #e2e6e9; float: left; background: #fff;} div.openTab { width: 270px; padding: 2px; float: left; border-right: 3px solid #e2e6e9; border-bottom: 3px solid #e2e6e9; background: #fcfcf7;} div.openTabHead { height: 35px; background-color: #e2e6e9; padding: 0px 0px 0px 10px;} div.openTabHead h3 { padding: 6px 0px 0px 0px !important; margin: 0px; font: bold 12px Myriad-Pro; } div.openTabContent { margin: 8px; height: auto; width: auto; overflow: auto; font: normal 12px Myriad-Pro;} div.itemFeatures { float: right; width: 630px; padding: 0px 2px 0px 2px; margin: 2px 0px 2px 0px; } div.itemFeaturesHd { width: 630px; height: 28px; background-color: #d3dbe1; padding-top: 7px; margin: 0px; border-bottom: 1px solid #ffffff; } .tabsin { padding: 0px !important; margin: 0px; list-style-type: none;} .tabsin li{ padding: 0px; margin: 0px 2px 0px 0px; list-style-type: none; float: left; height: 20px; } .tabsin li a { color: #ffffff; text-decoration: none; padding: 5px 7px 4px 7px; margin: 0px 1px 0px 3px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; border-bottom: 1px solid #5f788b; background: #3e4e5a; height: 17px; float: left; display: block; } .tabsin li a:visited{ color: #ffffff; } .tabsin li a:hover{ text-decoration: underline; color: #ffffff; } .tabsin li a.selected{ /*selected second tab style */ color: #1a1a1a; border-top: 2px solid #9da9b3; border-left: 2px solid #b8bfc5; border-right: 2px solid #b8bfc5; border-bottom: 1px solid #ffffff; background: #ffffff; } .tabsin li a.selected:hover{ /*selected 2nd tab style */ text-decoration: none; color: #1a1a1a; } .tabcontent2 { display:none; height: auto; margin-bottom: 1em; padding: 20px 10px 10px 10px; background-color: #ffffff; overflow: auto; } @media print { .tabcontent2 { display:block !important; } } fieldset { clear: both; font-size: 100%; background-color: #f5f5f5; border: none; padding: 2px 2px 2px 0px; margin: 0px 0px 8px 0px; } fieldset legend { font-size: 12px; font-weight: bold; color: #000000; font-family: Myriad-Pro, Helvetica, sans-serif; } .addtocart div { clear: left; display: block; text-align: left; height: expression('1%'); margin: 0px 0 0 0; padding: 1px 3px; } .addtocart tr.priceTrd td { text-align: left; padding: 5px 3px 5px 3px; border-bottom: 1px solid #d7dadb; background-color: #f5f5f5; } .addtocart tr.priceTrdalt td { text-align: left; padding: 5px 3px 5px 3px; background-color: #e2f2f0; border-bottom: 1px solid #accdc9; font-size: 14px;} .addtocart tr.priceTrd:hover td {background-color: #fefed2; border-bottom: 1px solid #accdc9;} .addtocart td.priceTrd:hover {background-color: #fefed2; border-bottom: 1px solid #accdc9;} .addtocart tr.priceTrdalt:hover td {background-color: #e2f2f0; border-bottom: 1px solid #accdc9;} .addtocart td.priceTrdalt:hover {background-color: #e2f2f0; border-bottom: 1px solid #accdc9;} #itmTblPrice .itmPrice { color: red; font-weight: bold; font-size: 18px; } #itmTblPrice .regularPrices { margin: 5px 0px 5px 10px; } .itmPrice { color: red; font: bold 18px Myriad-Pro; } .itmPriceR { display: inline-block; color: #aa0000; font-size: 15px; font-weight: 500; margin: 3px; padding: 2px; } .itmPriceR2 { color: #aa0000; font-size: 16px; font-weight: 500; margin-left: 5px; } .itmPriceR.header { color: red; background: none !important; font-size: 18px; margin-left: 0px !important; text-transform: lowercase; } fieldset div.notes { float: right; margin: 0px 2px 0px 2px; width: 170px; padding: 3px; height: auto; border: 2px solid #ebebeb; background-color: #ffffed; color: #000000; font-size: 100%; } fieldset div.notes h4 { background-image: url(https://img1.picturesongold.com/images/tabs/icon_info.png); background-repeat: no-repeat; background-position: top left; padding: 3px 0 3px 27px; border-width: 0 0 1px 0; border-style: solid; border-color: #666666; color: #000000; font-size: 100%; } fieldset div.notes p { line-height: 140%; margin: 0em 0em 1.2em 0em; color: #000000; font-size: 90%; } fieldset div.notes p.last { margin: 0em; } fieldset div.notesTop { margin: 5px 3px 3px 3px; width: 170px; padding: 5px; height: auto; border: 2px solid #cccccc; background-color: #ffffe1; color: #000000; font-size: 92%; } fieldset div.notesTop h4 { background-image: url(https://img1.picturesongold.com/images/tabs/icon_info.png); background-repeat: no-repeat; background-position: top left; padding: 3px 0 3px 27px; border-width: 0 0 1px 0; border-style: solid; border-color: #666666; color: #000000; font-size: 110%; } fieldset div.notesTop p { line-height: 140%; margin: 0em 0em 1.2em 0em; color: #000000; } fieldset div.notesTop p.last { margin: 0em; } .addtocart div fieldset { clear: none; border: 2px solid #e0eaf1; margin: 0px; padding: 0 3px 3px 3px; width: 300px; } .addtocart div fieldset legend { font-size: 110%; padding: 0 3px 0 9px; } .addtocart div.required fieldset legend { font-weight: bold; } .addtocart div label { display: block; float: left; width: 130px; padding: 3px 5px; margin: 0 0 5px 0; text-align: right; } .addtocart div.optional label, label.optional { font-weight: normal; } .addtocart div.required label, label.required { font-weight: bold; } .addtocart div label.labelCheckbox, form div label.labelRadio { height: expression('1%'); padding: 5px; margin: 0 0 5px 142px; text-align: left; } label.labelRadio { font-size: 110%; } .addtocart div label.compact { float: left; width: 90px; padding: 4px 10px 0 0; text-indent: 0; margin: 0 0 0 0; } .addtocart div label.compact .addImPrice { font-size: 12px; } .addtocart div label.compact span { font-weight: bold; } .addtocart div label.compactB { display: block; width: auto; padding: 4px 10px 0 10px; text-indent: 0; margin: 0 0 0 0; } .addtocart div label.compactB .addImPrice { font-size: 12px; } .addtocart div label.compactB span { font-weight: bold; } .addtocart div label.compactB.e { margin: .5em 0 0 0; } .addtocart div label.compactP { float: left; padding: 4px 0px 0 0; text-indent: 0; margin: 0 0 0 5px; } .addtocart div label.compactP .addImPrice { font-size: 12px; } .addtocart div label.compactP span { font-weight: bold; } .addtocart .uploadTbl { } .addtocart .uploadTbl td { padding: .3em .1em .3em .1em; } .addtocart .uploadTbl td input[type=checkbox] { min-height: 20px; min-width: 20px; display: inline-block; margin-right: 1em; margin-left: 1em; } /* .addtocart .uploadTbl .uploadTD:active { background-color: #ccc; } */ .addtocart .uploadTbl .uploadTD.highlight { background-color: #ccc; } .addtocart .uploadTbl img.pic { vertical-align: middle; margin: 0 6px 0 6px; } .addtocart .uploadTbl img.txt { text-align: left; margin: 0 6px 0 6px; } .addtocart .uploadTbl .textTD { padding: 0 0 35px 5px; border: none; } .addtocart .uploadTbl .photoTD { padding: 20px 0 0 0; } .addtocart .uploadTbl .laserPrice { color: red; font-weight: bold; font-size: 16px; } .custom-file-input { margin: 0 0 10px 0; } .addtocart.proof { } .addtocart.proof input[type=checkbox] { min-height: 1.5em; min-width: 1.5em; display: inline-block; margin-right: 1em; } .addtocart.proof .chbox { margin: 0.5em 0.5em 0em 2em; display: flex; } .addtocart.proof .chbox .itmPriceR { margin: 0 0 0 10px !important; padding: 0 !important; } .addtocart.proof .txt { margin-top: .5em; } .chBoxL { /* Double-sized Checkboxes */ -ms-transform: scale(1.1); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.3); /* Safari and Chrome */ -o-transform: scale(1.3); /* Opera */ padding: 8px; } .add2cartEmail { margin: .8em; text-align: center; } .add2cartEmail input { padding: 0.5em !important; border: 0.13em solid #7593a6 !important; font-size: 13px !important; } .optionHeader { overflow: hidden; font-weight: bold; font-size: 16px; color: #576e7f; clear: both; padding: 10px 5px 10px 5px; } .optionHeader.new { text-align: center; background-color: #e7e7e7; border-top: solid 5px #3a5473; } .optionHeader.bot-brd { border-bottom: solid 5px #e2e2e2; border-top: solid 1px #cccccc; } select.itmop { font-size: 14px; border: solid 2px #c2c6c8; } select.itmop option { padding: 5px; } .regItmFields { color:#FF0000; font-size: 0.9em; font-weight: 900; display: inline-block; margin-left: .5em; /* height: 1em;*/ } .textFieldTbl { padding: 0px; border-spacing: 0px; } .textFieldTbl.mrgl { margin-left: 25px; } .textFieldTbl .opDesc { text-align: center; padding: 0px 0px 3px 0px; } .textFieldTbl .opradiosep { padding: 4px 3px 3px 3px; margin: 0px; border-bottom: 2px solid #dde6ed; } .textFieldTbl .opradiosep.opt { padding: 3px 3px 3px 0px; border-top: 1px solid #dde6ed; border-bottom: 1px solid #dde6ed; background-color: #fbfaeb; } .textFieldTbl .opradiosep .desc { margin: 3px 0px 3px 0px; font-size: 90%; font-style: italic; } .textFieldTbl .opradiosep input[type=checkbox] { -ms-transform: scale(1.6,1.6); /* IE 9 */ -webkit-transform: scale(1.6,1.6); /* Safari */ transform: scale(1.6,1.6); /* Standard syntax */ } .textFieldTbl .opradiosep.err { background-color: #ffffe1; border: 2px solid #ff0000 !important; background-image: url(https://img1.picturesongold.com/images/tabs/icon_error.gif); background-repeat: no-repeat; background-position: 5px; padding: 10px; } .radioRightImg { vertical-align: top; padding: 0; border-spacing: 0; border-collapse: collapse; } .itmInstr { text-align: left; padding: 0.4em; } .itmInstr textarea { display: block; width: 97%; margin: 0.5em auto; padding: 0.5em; border: 0.13em solid #7593a6; font-size: 13px; } .itmOpImgLn { margin: 10px 0px 0px 10px; } .itmOpSel { float: left; margin-left: 5px; width: auto; } .itmOpSel.right { /* float: right !important; */ } .itmOpTitle { float: left; margin-top: 0em; width: auto; font-weight: 500; font-size: 16px; color: #576e7f; } .itmOpTitle.new { float: none; } .itmOpTitle.width { /* width: 330px !important; */ } .opradioBtn { position: relative; height: 100px; min-height: 100px; padding: 20px 10px 10px 10px; text-align: center; } .opradioBtn label { display: block; min-height: 100%; height: auto !important; height: 100%; width: 100%; margin: 0 !important; padding-bottom: .1em; } .opradioBtn.active { background-color: #dcffd5 !important; } .opradioBtn.grid.active { background-color: #f8fdfd !important; border: solid 0.2em #94bcc3; } .opradioBtn.grid.active::after { display: block; position: absolute; content: url(/v8/common/css/images/checkmark.svg); transform: scale(0.05); bottom: 0em; left: 38%; width: 1.4em; height: 1.4em; } .opradioBtn.grid2 { background-color: #ffffff !important; border: solid .15em #dadada; } .opradioBtn.grid2.active { background-color: #e5e5e5 !important; border: solid 0.2em #000000; } .opradioBtn.grid2.active::after { display: block; position: absolute; content: url(/v8/common/css/images/checkmarkBlck.png); transform: scale(0.05); bottom: 0em; left: 38%; width: 1.4em; height: 1.4em; } .opradioBtn.grid2 .grheader { padding: 0.1rem 0; background-color: #000000; color: #ffffff; width: 80%; position: absolute; top: -0.6rem; left: 10%; text-transform: uppercase; font-size: 9px; } .engrTbl { } .engrTbl .descTxt { text-align: center; vertical-align: top; } .engrTbl .descTxt .itmPriceR { text-align: center; } .optionHeaderTd, .optionHeaderTd.edit, .editCartLaserHd { font: bold 120% Myriad-Pro, Verdana; color: #576e7f; text-align: left; } .optionHeaderMb { font: bold 120% Myriad-Pro, Verdana; color: #576e7f; text-align: left; margin-left: 0.2em; } .opIm1 { width: 300px; background-image: url(https://img1.picturesongold.com/samples/10.png); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 3px 25px; } .opIm2 { width: 300px; background-image: url(https://img1.picturesongold.com/samples/20.png); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 3px 25px; } .opIm3 { width: 300px; background-image: url(https://img1.picturesongold.com/samples/30.png); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 3px 25px; } .opIm4 { width: 300px; background-image: url(https://img1.picturesongold.com/samples/40.png); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 3px 25px; } .optionHeader2 { font-weight: 500; color: #576e7f; font-size: 15px; background-color: #e7e7e7; padding: 0.5em; text-transform: capitalize; } .optionHeaderPh { font-size: 15px; font-weight: 900; color: #ffffff; padding: 4px; background-color: #395163; margin: 0px 0px 5px 0px; text-transform: capitalize; } .MsgOptBox { border: 1px solid #ececec; padding: 3px; background-color: #ffffff; } .optionBrd { overflow: hidden; margin: 3px 0px 5px 0px; padding: 2px; border: 1px solid #c5c5c5;; background-color: #fafafa; } .optionBrd2 { margin: 3px 0px 5px 10px; padding: 2px; border: 3px solid #d3dbe1; background-color: #fcfafa; } .optionBrd.instr { margin-left: 10px; width: 580px; } .optTextTd { border-bottom: 10px solid #fafafa; padding: 4px; background-color: #395163; font-weight: bold; text-transform: uppercase; color: #ffffff; } .optTextTd input[type="text"] { height: 17px; padding: 3px; margin-bottom: 3px; border: solid 2px #c2c6c8; font-size: 14px; } .optTextTd2 { border-bottom: 7px solid #e0eaf1; padding: 4px; font-weight: bold; color: #000000; } .opChComm { padding: 5px 5px 5px 10px; } .itmBotOpt.pic { width: 33% !important; padding: 0 .5em 0 0.5em; } .itmBotOptHd { margin: 10px 0 10px 0; color: #415573; font-weight: 500; font-size: 20px; text-align: center; } .itmBotOptHd.pic { margin: 30px 0 20px 0 !important; font-size: 22px; font-weight: 400; } .itmBotOptTxt { margin-bottom: 15px; font-weight: 400; font-size: 14px; text-align: center; } .itmBotOptTxtHd { font-weight: 500; margin: 5px 0 15px 0; } .itmBotOptPic { margin: 15px 0 10px 0; text-align: center; } /* root element for tabs */ .tabswrap { margin: 0px 10px 0px 10px; } .tabs { list-style:none; margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; } /* single tab */ .tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ .tabs a { background: url(/css/images/tabs2.png) no-repeat -519px 0; font: bold 14px myriad-pro, tahoma; display:block; height: 30px; line-height:30px; width: 111px; text-align:center; text-decoration:none; color: #3a5473; padding:0px; margin:0px; position:relative; top:1px; } .tabs a:active { outline:none; } /* when mouse enters the tab move the background image */ .tabs a:hover { background-position: -519px -31px; color:#fff; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ .tabs .current, .tabs .current:hover, .tabs li.current a { background-position: -519px -62px; cursor:default !important; color:#000 !important; } /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 2 */ .tabs .w1, .tabs .w2, .tabs .w3, .tabs .w4, .tabs .w5 { background-position: -366px -0px; width:154px; } .tabs .w1:hover, .tabs .w2:hover, .tabs .w3:hover, .tabs .w4:hover, .tabs .w5:hover { background-position: -366px -31px; } .tabs .w1.current, .tabs .w2.current, .tabs .w3.current, .tabs .w4.current, .tabs .w5.current { background-position: -366px -62px; } /* initially all panes are hidden */ .panes .pane { display:none; } /* tab pane styling */ .panes div.tabContent { display:none; padding:15px 10px; border: 1px solid #ccc; border-top:0; height: auto; background-color:#fff; } div.panes div.tabContent { height: auto; } div.panes div.tabContent label { margin-bottom:15px; display:block; } label.error { color:red; } /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ a.boldbuttons, a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons { background: transparent url('https://img1.picturesongold.com/images/tabs/roundedge_brown_left2.gif') no-repeat top left; display: block; float: left; font: bold 13px Myriad-Pro; /* Change 13px as desired */ line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 30px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none; color: white; } a.boldbuttons span { background: transparent url('https://img1.picturesongold.com/images/tabs/roundedge_brown_right2.gif') no-repeat top right; display: block; padding: 6px 10px 8px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/ } a:hover.boldbuttons{ /* Hover state CSS */ text-decoration: underline; color: white; font: bold 13px Myriad-Pro; /* Change 13px as desired */ } /*=============== new cart button ==============*/ .buttonwrapper { overflow: hidden; width: 100%; display: block; clear: both; } /* .buttonwrapper.TwoBtns { width: 650px; } */ .stepsWrap { margin: 0px 0px 20px 300px; } .stepsWrapLast { margin: 0px 0px 20px 80px; } .stepsWrap.withflex { margin: 0px 0px 20px 175px; } .stepsWrapLast.withflex { margin: 0px 0px 0px 0px; } .add2cartNotes { } .buttonwrapper.withflex { display: flex; flex-wrap: wrap; flex-direction: column; } .buttonwrapper.withflex a, .buttonwrapper.withflex span { flex: 95%; } .Add2CartBtn { display: block; float: left; background: #34d93f; background-image: -webkit-linear-gradient(top, #34d93f, #3b9e02); background-image: -moz-linear-gradient(top, #34d93f, #3b9e02); background-image: -ms-linear-gradient(top, #34d93f, #3b9e02); background-image: -o-linear-gradient(top, #34d93f, #3b9e02); background-image: linear-gradient(to bottom, #34d93f, #3b9e02); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font: 500 14px 'Montserrat', sans-serif; text-align: center; color: #ffffff; padding: 10px; margin-top: 10px; margin-bottom: 10px; text-decoration: none; } .Add2CartBtn:hover { background: #1ea100; text-decoration: none; } .Add2CartBtn.singleBtn { float: none !important; width: 92% !important; margin: 10px auto !important; } .Add2CartBtn.prevStepBtn { margin: 10px 0px 10px 0px; } .Add2CartBtn.nextStepBtn { margin: 10px 10px 10px 90px; } .Add2CartBtn.disabled, .Add2CartBtn.singleBtn.disabled { background: #d5d5d5; color: #ff6600; border: solid 1px #b9b9b9; } .Add2CartBtn.disabled { margin: 10px 10px 10px 90px; width: 280px; } .Add2CartBtn.BtnActive { margin: 9px 10px 10px 90px; border: solid 1px #b9b9b9; width: 280px; padding: 9px; cursor: pointer; cursor: hand; } .Add2CartBtn.BtnActive:hover { text-decoration: none; } .buttonwrapper.withflex .Add2CartBtn.nextStepBtn { margin: 10px 0px 10px 0px; } .buttonwrapper.withflex .Add2CartBtn.prevStepBtn { font-size: 12px; background: #6ebf74; background-image: -webkit-linear-gradient(top, #6ebf74, #6ebf74); background-image: -moz-linear-gradient(top, #6ebf74, #6ebf74); background-image: -ms-linear-gradient(top, #6ebf74, #6ebf74); background-image: -o-linear-gradient(top, #6ebf74, #6ebf74); background-image: linear-gradient(to bottom, #6ebf74, #6ebf74); } .buttonwrapper.withflex .Add2CartBtn.prevStepBtn:hover { background: #6aa26e; } .buttonwrapper.withflex .Add2CartBtn.BtnActive, .buttonwrapper.withflex .Add2CartBtn.disabled { margin: 10px 0px 10px 0px; border: none; flex: 97%; width: 97%; padding: 10px; } .tbl_Bold_brd1 { color: inherit; background-color:#fdfaf3;} .tbl_Bold_brd2 { color: inherit; background-color: #fff7eb; border: 1px solid #ff9900;} .tbl_Bold_brdErr { display: block; color: #910000; font-size: 13px; background-color: #ffecec; border: 1px solid #ff0000; background-image: url(https://img1.picturesongold.com/images/tabs/icon_error.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 3px 3px 30px; } .tbl_Bold_brdErr input[type="text"] { height: 17px; padding: 3px; margin-bottom: 3px; border: solid 2px #c2c6c8; font-size: 14px; } /* Desktop Style Differences for Montserrat/Trajan Sans Pro Fonts */ /* Homepage, etc. */ body { font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-size: 13px; } .blue_bar ul li { font-size:11px; font-family:"montserrat", "Myriad-Pro", Helvetica, sans-serif; } .blue_bar ul li span { font-size: 11px !important; } nav ul li { font-size: 12px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight: 500; } nav ul { margin-left: 18px; } .left_box ul li{ font-size: 12px; font-family:"montserrat", "Myriad-Pro", Helvetica, sans-serif; } .hd2 { font: bold 14px "montserrat","Myriad-Pro",Helvetica,sans-serif; } a:link.com, a:link.optDesc { font-size: 13px!important; font-family:"montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight:500; } a:link.com.sm { font-size: 11px!important; font-family:"montserrat", "Myriad-Pro", Helvetica, sans-serif; } a:link.com.sm2 { font-size: 12px!important; font-family:"montserrat", "Myriad-Pro", Helvetica, sans-serif; } .top_footer .top_footer_details .row h3 { font-size:18px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; } .top_footer .top_footer_details p { font-size:12px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight:500; } .top_footer .top_footer_details .footer_box .pic_details h3 { font-size:28px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; } .footer_link .footer_link_details .footer_coll h4 { font-size:15px; font-family:"montserrat", "Myriad-Pro", Helvetica, sans-serif; } .footer_link .footer_link_details .footer_coll ul li { font-size:13px; font-family:"montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight:500; } .footer_bottom .copy_right li { font-size:12px; font-family:"montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight:500; } /* Category Page */ #body_container .bread_crumb li { font-size:12px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight:500; } .left_nav ul li h4 { font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-size: 13px; } .left_nav ul li ul li { font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight: 500; } .common_box .category_box .pic_details ul li { font-size:12px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight:500; } .product_list li h6 { font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight:500; } .left_commom_box .box .help_box h3 { font-size: 14px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; } .left_commom_box .box .help_box p { font-size: 12px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; } .product_list li .product_content span a { font: bold 11px "montserrat","Myriad-Pro",Helvetica,sans-serif; } .product_list li .product_content span { font-size: 13px; font-family:"montserrat", "Myriad-Pro", Helvetica, sans-serif; } .product_list li .product_content span strong { font-weight:600;} .product_list li .product_content span.special { font-weight: 600; } .product_list.list6 li .product_content .listingTxt { font-size: 16px !important; } nav ul.sub-menu li { font-size: 12px !important; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight:500; } .item_carousel a span { font-weight: 500; } /* Item Page */ /* .hdtitleItem { font: bold 20px "trajan-sans-pro",Myriad-Pro,Trebuchet MS,Myriad-Pro,Sans-Serif; } */ .tickBgSmRd { font: normal 13px "montserrat","Myriad-Pro",Helvetica,sans-serif; } .tickBgSm2 { font: normal 13px "montserrat","Myriad-Pro",Helvetica,sans-serif; } .tableContent td { font-size: 13px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; } #itmTblPrice .itmPrice { font-weight: 700; font-size: 16px; } .itmPrice { font: 500 16px "montserrat",Myriad-Pro; } label.labelRadio { font-size: 100%; } .tabs a { font-family: "montserrat", myriad-pro, tahoma; font-size: 12px; } .optionHeaderTd { font: bold 15px "montserrat",Myriad-Pro,Verdana; } .ui-accordion .ui-accordion-header a { font-size: 1em !important; } .comp-lbl, .comp-selector-label { font-size: 13px !important; } .comp-selector a span { font-size: 11px !important; } .cfields { font-size: 12px !important; } .cfields div div div { font-size: 14px !important; } .cfields p.textcount { font-size: 11px !important; } .text-update-button span { font-size: 12px !important; } .comp-sel-holder .insert-selector span { font-size: 11px !important; } .colorlaserfield h6, .laserfield h6, .paperphotofield h6, .uploadfield h6 { font-size: 12px !important; } ul .send-selector span { font-size: 11px !important; } #selector-category li { font-size: 12px !important; line-height: 2.3em !important; } .selector-item-chains { font-size: 10px !important; } .step-button { font-size: 14px !important; } #total-price { font-size: 20px !important; } #designer_thumbs div div { font-size: 9px !important; } #key_notes h6 { font-size: 12px !important; } #key_notes ul { font-size: 11px !important; } /* Cart/Checkout Page */ .form-common { font-size: 12px !important; } .form-common .row-header-bg, .form-common .row-header-nobg { font-size: 19px !important; } .form-common.sm { font-size: 12px !important; } .form-common p.explanation { font-size: 11px !important; } .checkout-main .txt-12 { font-size: 11px !important; } .checkout-main .txt-20 { font-size: 18px !important; } /* Search Results Page */ .inlt-facets-header, #inlt-results_header .inlt-result-det { font-family: "montserrat",Myriad-Pro,Helvetica,sans-serif !important; font-size: 15px !important; } .inlt-facets-container>h3>a { font-family: "montserrat",Myriad-Pro,Helvetica,sans-serif !important; font-size: 14px !important; } #inlt-prod-grid .inlt-element-item .inlt-prod-det a.inlt-prodname, #inlt-prod-grid .inlt-element-item .inlt-prod-det span.inlt-prodprice, .inlt-buy-prod, .inlt-prod-spec, .inlt-prodid, .inlt-prod-ship { font-family: "montserrat",Myriad-Pro !important; } #inlt-prod-grid .inlt-element-item .inlt-prod-det a.inlt-prodname { font-size: 11px !important; font-weight: 500 !important; } #inlt-prod-grid .inlt-element-item .inlt-prod-det span.inlt-prodprice { font-size: 12px !important; } .inlt-prodid { font-size: 10px !important; } .inlt-prod-spec>a { font-family: "montserrat",Myriad-Pro !important; font-size: 10px !important; } .inlt-prod-ship { font-size: 9px !important; } .inlt-buy-prod { font-size: 12px !important; } /* for iPad */ @media only screen and (max-width: 1120px) and (orientation: portrait) { nav ul li { font-size: 11px; } } /*Tooltip component by www.menucool.com */ /*For tooltip target element that has set class="tooltip" */ .tooltip {text-decoration: none; border-bottom:1px dotted #36c;color: #36c; outline: none; } /*For tooltip box*/ div#mcTooltip { line-height:16px; border-width: 1px; color:#333; border-color:#BBBBBB; padding:20px; font-size: 12px; border-radius:6px; /*Rounded corners. N/A for IE 8 and below.*/ box-shadow: 0 1px 4px #AAAAAA; /*Drop shadow. N/A for IE 8 and below.*/ } div#mcTooltip, div.mcTooltipInner { background-color:#EAECF0; } /* For hyperlink within tooltip */ div#mcTooltip a { color:#36c; } /*Close button. Available when sticky or overlay has been set to true, or is on iPhone, iPad, Android, BlackBerry, or IEMobile devices. */ div#mcttCloseButton { width:14px;height:14px;position:absolute;background-image:url(/v8/common/css-img/closeBtn.gif);cursor:pointer; overflow:hidden; top:12px; right:12px; left:auto; } /* Only applies when overlay has been set to true or 1 */ div#mcOverlay { background-color: white; opacity:0.8; filter: alpha(opacity=80); display:none;top:0;left:0;width:100%;height: 100%;overflow:visible;z-index:4; } /*Only available when calling by tooltip.ajax(...). It will be a spinning image indicating a request is in progress.*/ div#tooltipAjaxSpin {margin:20px 50px; background:transparent url(/v8/common/css-img/loading.gif) no-repeat center center; width:50px; height:30px; font-size:0;} /*The settings below should remain unchanged*/ div#mcTooltipWrapper {position:absolute;visibility:hidden;overflow:visible;z-index:9999999999;top:0px;} div#mcTooltip {float:left;border-style:solid;position:relative;overflow:hidden;} div.mcTooltipInner {float:left;position:relative;width:auto;height:auto;} div#mcttCo {position:absolute;text-align:left;} div#mcttCo em, div#mcttCo b {display:block; width:0; height:0;overflow:hidden;} /*workable with bootstrap*/ div#mcTooltip, div#mcTooltip div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing:content-box; } img { vertical-align: middle;border: 0; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:98%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxTopLeft{width:14px; height:14px; background:url(/css/images/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(/css/images/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(/css/images/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(/css/images/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background: #fff url(/css/images/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(/css/images/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(/css/images/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(/css/images/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(/css/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/css/images/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom: 0px; left:0; text-align:center; width:100%; height: 15px; padding-top: 5px; background: #fff; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(/css/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } @media only screen and (min-width: 600px) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-size: 64px 220px; } .fancybox-close { top: -28px; right: -10px; width: 53px; height: 53px; } } .spriteGen { background: url('https://img1.picturesongold.com/v8/common/images/spritesheet.png') no-repeat; } .spriteGen.inline { display: inline-block; vertical-align: middle; } .spriteGen.block { display: block; } .spriteGen.num1 { background-position: -142px -162px; width: 19px; height: 20px; } .spriteGen.num2 { background-position: -180px -0px; width: 19px; height: 20px; } .spriteGen.num3 { background-position: -155px -129px; width: 19px; height: 20px; } .spriteGen.num4 { background-position: -122px -162px; width: 19px; height: 20px; } .spriteGen.account_icon { background-position: -132px -95px; width: 12px; height: 12px; margin-right: 4px; } .spriteGen.arrow { background-position: -122px -183px; width: 6px; height: 6px; } .spriteGen.askBtn { background-position: -180px -89px; width: 16px; height: 16px; } .spriteGen.bltd { background-position: -129px -183px; width: 5px; height: 5px; } .spriteGen.blue_active_arrow { background-position: -155px -150px; width: 15px; height: 10px; } .spriteGen.bull2 { background-position: -132px -108px; width: 10px; height: 10px; } .spriteGen.cancel { background-position: -122px -129px; width: 32px; height: 32px; } .spriteGen.cart_icon { background-position: -132px -82px; width: 12px; height: 12px; margin-right: 4px; } .spriteGen.closeBtn { background-position: -132px -67px; width: 14px; height: 14px; } .spriteGen.currBtn { background-position: -180px -72px; width: 16px; height: 16px; } .spriteGen.email2Btn { background-position: -180px -55px; width: 16px; height: 16px; } .spriteGen.footer_sep { background-position: -175px -129px; width: 2px; height: 15px; } .spriteGen.icon_info { background-position: -180px -21px; width: 16px; height: 16px; } .spriteGen.iconPhone { background-position: -162px -162px; width: 17px; height: 16px; } .spriteGen.infoBtn { background-position: -180px -38px; width: 16px; height: 16px; } .spriteGen.transp { background-position: -135px -183px; width: 1px; height: 1px; } .spriteGen.bbbIcnVert { background-position: -91px -0px; width: 56px; height: 66px; float: left; } .spriteGen.chat_icon { background-position: -32px -129px; width: 31px; height: 60px; } .spriteGen.footer_bottom_bg { background-position: -123px -67px; width: 8px; height: 51px; } .need_newbtn {float:left; width:39px; position:fixed; top: 264px; left: 0px; z-index: 99991;} .need_newbtn a.spriteGen.needbtn { background-position: -51px -0px; width: 39px; height: 128px; float: left; } .need_newbtn a.spriteGen.needbtn:hover { background-position: -0px -0px; width: 50px; height: 128px; float: left; } .spriteGen.phone_icon { background-position: -96px -129px; width: 25px; height: 60px; } .spriteGen.socialIcon1, .spriteGen.socialIcon2, .spriteGen.socialIcon4, .spriteGen.socialIconInst { width: 31px; height: 30px; float:left; margin-right:8px; display: inline; } .spriteGen.socialIcon1.bot, .spriteGen.socialIcon2.bot, .spriteGen.socialIcon4.bot, .spriteGen.socialIconInst.bot { width: 31px; height: 30px; float:left; margin-right: 15px; display: inline; } .spriteGen.socialIcon1 { background-position: -148px -0px; } .spriteGen.socialIcon1:hover { background-position: -148px -30px; } .spriteGen.socialIcon2 { background-position: -91px -67px; } .spriteGen.socialIcon2:hover { background-position: -91px -97px; } .spriteGen.socialIcon4 { background-position: -0px -129px; } .spriteGen.socialIcon4:hover { background-position: -0px -159px; } .spriteGen.socialIconGoogle { background-position: -148px -61px; width: 31px; height: 30px; float:left; display: inline; } .spriteGen.socialIconGoogle:hover { background-position: -148px -91px; } .spriteGen.socialIconInst { background-position: -64px -129px; } .spriteGen.socialIconInst:hover { background-position: -64px -159px; } .optionBrd.dsk { margin: 10px 3px 0 10px; } .optionBrd.circlehd { background-color: #fff!important; position: relative; padding-left: 0.3em; padding-top: 0.6em; border: none; } .optionEngrHd { position: relative; background-color: #eed9d2; padding: 0.5em 0 0.5em 4.5em; font-weight: 500; font-size: 14px; color: #651a00; } .optionEngrHd .circle { position: absolute; top: 0.7em; left: -0.6em; background-color: #3b5474; color: #fff; font-size: 22px; width: 2em; height: 2em; font-weight: 600; line-height: .4em; border-radius: 50%; text-align: center; vertical-align: middle; transform: translate(50%,-50%); } .optionEngrHd .circle .div1 { font-size: 9px; font-weight: 100; line-height: 22px; } .optionEngrHd .circle .div2 { } /****** new font related *******/ .optionBrd.page-font .stepsHeader { font-family: 'Montserrat', sans-serif; font-weight: 400; } .optionBrd.page-font .optionHeader { font-family: 'Montserrat', sans-serif; font-weight: 400; } .optionBrd.page-font .optionHeader .itmOpSel select { font-family: 'Montserrat', sans-serif !important; max-width: 280px; font-size: 12px; } .optionBrd.page-font .itmOpTitle { font-weight: 500; font-size: 13px; } .optionBrd.page-font .textFieldTbl { font-weight: 400; font-size: 12px; } .optionBrd.page-font .textFieldTbl .optTextTd { font-weight: 400; text-transform: none; border-bottom: 10px solid #fafafa; background-color: #fafafa; color: #586e80; } a:link.tickBgBt { color: #567090; font-family: 'Montserrat', sans-serif; font-weight: 500; } .regItmFields { font-weight: 500; } .text-input { font-family: 'Montserrat', sans-serif !important; height: 1.5em !important; padding: 0.5em !important; margin-bottom: .4em !important; border: solid .15em #7593a6 !important; font-size: 13px !important; } .text-input::-webkit-input-placeholder { font-size: 13px; font-weight: 500; color: #687b8a; } .text-input:-ms-input-placeholder { font-size: 13px; font-weight: 500; color: #687b8a; } .text-input::placeholder { font-size: 13px; font-weight: 500; color: #687b8a; } textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { font-size: .9em !important; font-weight: 500; color: #a6a8ac; } textarea:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder { font-size: .9em !important; font-weight: 500; color: #a6a8ac; } textarea::placeholder, input[type="text"]::placeholder, input[type="email"]::placeholder { font-size: .9em !important; font-weight: 500; color: #a6a8ac; } /*****************************/ .textFieldTbl.chckbox2 { margin: 10px 0px 20px 10px !important; } .chbox2img { margin: 0 15px; border: solid 2px #ccc; width: 58px; } .optDescrWrap { margin: 1em; } .chbox2title { float: left; font-weight: 900; padding-right: 5px; } .chbox2title.iconSound { padding-left: 34px; background-image: url('https://img1.picturesongold.com/v8/common/images/iconSound.jpg'); background-repeat: no-repeat; } .chbox2price { font-style: italic; } .chbox2info { display: block; margin: 5px 20px; } .chbox2info a { color: #567090; } .chckbox2input { float: left; } .chckbox2thumb { float: left; margin-top: -10px; } .editCartLaserRow { vertical-align: top; padding: 1em; background-color: #e3ecef; border: solid 1px #ccc; text-align: center; } .editCartLaserRow.selected { background-color: #fdfbe6; border: solid .2em #00cc00; } .editCartBtns { margin: 1em auto; width: 95%; text-align: center; } .editCartBtnsBck { margin-top: 2em !important; text-align: center; } .addtocart tr.priceCell td { text-align: left; padding: 5px 3px 5px 3px; border-bottom: 1px solid #d7dadb; background-color: #f5f5f5; cursor: pointer; } .addtocart tr.priceCell:hover td { background-color: #fefed2; border-bottom: 1px solid #accdc9; } .addtocart td.priceCell:hover { background-color: #fefed2; border-bottom: 1px solid #accdc9; } .addtocart tr.priceCell.prcur td { background-color: #e2f2f0; } .addtocart tr.priceCell.prcur:hover td { background-color: #e2f2f0; } .addtocart td.priceCell.prcur:hover { background-color: #e2f2f0; } .openCloseFrm { padding: 8px; font-size: 14px !important; } .openCloseLink { font-size: 16px; font-weight: 900 !important; } .picBackPhoto { clear: both; width: 642px; } .picBackEngr { width: 630px; } .TestimImg { clear: both; overflow: hidden; margin-left: 20px; } .TestimComm { margin: 10px 8px 8px 8px; } .TestimDiv { margin: 10px 0 10px 0; padding: 5px; background-image: url('https://img1.picturesongold.com/images/dots.gif'); background-repeat: repeat-x; } .MrgTopBotCenter-lg { margin: 20px auto; text-align: center; } .MrgTopBotCenter-xl { margin: 70px auto; text-align: center; } .MrgBot-xl { margin-bottom: 70px; } .MrgBotTop-lg { margin: 20px 0 20px 0; } .MrgTop-lg { margin-top: 20px; } .pgHeaderBn { margin-bottom: 20px; } /* checkbox container */ .checkbox-wrap { display: inline-block !important; position: relative !important; padding-left: 35px !important; margin: 0 0 0 10px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-wrap input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 40%; left: 0; height: 25px; width: 25px; background-color: #eee; border: solid 1px #000; } /* On mouse-over, add a grey background color */ .checkbox-wrap:hover input ~ .checkmark { background-color: #fff; } /* When the checkbox is checked, add a blue background */ .checkbox-wrap input:checked ~ .checkmark { background-color: #fff; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-wrap input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox-wrap .checkmark:after { left: 8px; top: 3px; width: 7px; height: 13px; border: solid green; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .width-auto { width: auto !important; } .height-auto { height: auto !important; } .float-right { float: right !important; } .float-left { float: left !important; } .float-none { float: none !important; } .text-block { display: block !important; } .text-inline-block { display: inline-block !important; } .position-relative { position: relative; } .position-absolute { position: absolute; } .div-table { display: table !important; } .div-tbl-cell { display: table-cell !important; } .opacity-none { opacity: 0; } .div-flex { -webkit-box-pack: center; justify-content: center !important; display: flex !important; margin-left: auto !important; margin-right: auto !important; } .flex-row { flex-direction: row !important; } .flex-col { flex-direction: column !important; } .flex-one { flex: 1 !important; } .flex-10 { flex-basis: 10%; } .flex-20 { flex-basis: 20%; } .flex-30 { flex-basis: 30%; } .flex-33 { flex-basis: 33%; } .flex-33n3 { flex-basis: 33.3%; } .flex-39 { flex-basis: 39%; } .flex-50 { flex-basis: 50%; } .flex-70 { flex-basis: 70%; } .flex-90 { flex-basis: 90%; } .flex-100 { flex-basis: 100%; } .height-100 { height: 100% !important; } .min-height-100 { min-height: 100%; } .height-1em { height: 1em !important; } .height-auto { height: auto !important; } .line-height-1 { line-height: 1em !important; } .line-height-1n5 { line-height: 1.5em !important; } .line-height-1n2 { line-height: 1.2em !important; } .line-height-2 { line-height: 2em !important; } .slider-frame { width: 100%; height: 310px; margin-bottom: 1em; } .slider-itmtestim { width: 100%; height: 305px; } .width-10 { width: 10% !important; } .width-11 { width: 11% !important; } .width-12 { width: 12% !important; } .width-13 { width: 13% !important; } .width-14 { width: 14% !important; } .width-15 { width: 15% !important; } .width-20 { width: 20% !important; } .width-23 { width: 23% !important; } .width-25 { width: 25% !important; } .width-28 { width: 28% !important; } .width-30 { width: 30% !important; } .width-33 { width: 33.333% !important; } .width-35 { width: 35% !important; } .width-40 { width: 40% !important; } .width-45 { width: 45% !important; } .width-48 { width: 48% !important; } .width-50 { width: 50% !important; } .width-55 { width: 55% !important; } .width-60 { width: 60% !important; } .width-64 { width: 64% !important; } .width-65 { width: 65% !important; } .width-70 { width: 70% !important; } .width-75 { width: 75% !important; } .width-80 { width: 80% !important; } .width-85 { width: 85% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .width-97 { width: 97% !important; } .max-width-97 { max-width: 97% !important; } .width-98 { width: 98% !important; } .width-99 { width: 99% !important; } .width-100 { width: 100% !important; } .border-box { box-sizing: border-box; } .content-box { box-sizing: content-box; } .vertical-middle { vertical-align: middle; } .vertical-top { vertical-align: top; } .vertical-bottom { vertical-align: bottom; } .tbl-spacing-h04v0 { border-spacing: .4em 0; } .tbl-spacing-0 { border-spacing: 0; } .m-0 { margin: 0 !important; } .m-02 { margin: .2em !important; } .m-4 { margin: 1em !important; } .m-05auto { margin: .5em auto !important; } .m-1em-auto { margin: 1em auto !important; } .m-auto { margin: 0 auto !important; } .m-n5-auto { margin: .5em auto !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-2 { margin-left: .5em !important; margin-right: .5em !important; } .ml-2 { margin-left: .5em !important; } .ml-0 { margin-left: 0 !important; } .ml-2em { margin-left: 2em !important; } .ml-190 { margin-left: 190px !important; } .mr-0 { margin-right: 0 !important; } .mr-2 { margin-right: .5em !important; } .mr-2em { margin-right: 2em !important; } .mr-3em { margin-right: 3em !important; } .mr-4em { margin-right: 4em !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-2 { margin-top: .5em !important; margin-bottom: .5em !important; } .my-4 { margin-top: 1em !important; margin-bottom: 1em !important; } .my-5 { margin-top: 1.5em !important; margin-bottom: 1.5em !important; } .my-2em { margin-top: 2em !important; margin-bottom: 2em !important; } .my-2n5 { margin-top: 2.5em !important; margin-bottom: 2.5em !important; } .mb-0 { margin-bottom: 0 !important; } .mb-2 { margin-bottom: .5em !important; } .mb-4 { margin-bottom: 1em !important; } .mb-5 { margin-bottom: 1.5em !important; } .mb-2em { margin-bottom: 2em !important; } .mb-2n5 { margin-bottom: 2.5em !important; } .mt-0 { margin-top: 0 !important; } .mt-01 { margin-top: .1em !important; } .mt-2 { margin-top: .5em !important; } .mt-4 { margin-top: 1em !important; } .mt-5 { margin-top: 1.5em !important; } .mt-2em { margin-top: 2em !important; } .p-0 { padding: 0 !important; } .p-01 { padding: .1em !important; } .p-02 { padding: .2em !important; } .p-0n5 { padding: .5em !important; } .p-1em { padding: 1em !important; } .p-1n5em { padding: 1.5em !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-10 { padding-left: 10px !important; padding-right: 10px !important; } .px-1em { padding-left: 1em !important; padding-right: 1em !important; } .px-3em { padding-left: 3em !important; padding-right: 3em !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-03 { padding-top: .3em !important; padding-bottom: .3em !important; } .py-2 { padding-top: .5em !important; padding-bottom: .5em !important; } .py-07 { padding-top: .7em !important; padding-bottom: .7em !important; } .py-1em { padding-top: 1em !important; padding-bottom: 1em !important; } .py-1n5em { padding-top: 1.5em !important; padding-bottom: 1.5em !important; } .py-2em { padding-top: 2em !important; padding-bottom: 2em !important; } .pl-0 { padding-left: 0 !important; } .pl-2 { padding-left: .5em !important; } .pl-3 { padding-left: 1em !important; } .pl-5 { padding-left: 1.5em !important; } .pl-2em { padding-left: 2em !important; } .pl-2n5 { padding-left: 2.5em !important; } .pr-0 { padding-right: 0 !important; } .pr-2 { padding-right: .5em !important; } .pr-2em { padding-right: 2em !important; } .pr-2n5 { padding-right: 2.5em !important; } .pt-0 { padding-top: 0 !important; } .pt-2 { padding-top: .5em !important; } .pt-3 { padding-top: 1em !important; } .pt-1n3 { padding-top: 1.3em !important; } .pt-4 { padding-top: 1.4em !important; } .pt-2n0 { padding-top: 2em !important; } .pt-10 { padding-top: 3em !important; } .pt-20 { padding-top: 8em !important; } .pb-0 { padding-bottom: 0 !important; } .pb-2 { padding-bottom: .5em !important; } .pb-1em { padding-bottom: 1em !important; } .pb-1n5 { padding-bottom: 1.5em !important; } .pb-2em { padding-bottom: 2em !important; } .pb-3em { padding-bottom: 3em !important; } .icnBottomRight { position: absolute; bottom: 0.4em; right: 0.4em; display: block; padding: 0.2em; border: solid 0.07em #979797; background: #ffffff; width: 1em; } .plusminusParent { /* background: #e2f2f0; */ } .plusminusOpt { padding: 0em 0.5em 0.3em 0.5em; font-size: 2.3em; font-weight: 500; overflow: hidden; } .options-section { display: none; } .verifLbl { } .verifImg { } .verifTxt { max-width: 210px !important; width: 210px !important; } .brd-top { border-top: solid .1em #ccc; } .brd-bot { border-bottom: solid .1em #ccc; } .brd-right { border-right: solid .1em #ccc; } .brd-all { border: solid .1em #ccc !important; } .brd-all-dark { border: solid .07em #000; } .brd-all-grey { border: solid .07em #5f5f5f; } .brd-all-blue { border: solid .07em #475572; } .brd-all-white { border: solid .1em #fff; } .brd-all-red { border: 0.1em solid #d30024 !important; } .brd-none { border: none !important; } .brd-space-no { border-spacing: 0 !important; } .bg-white { background-color: #ffffff !important; } .bg-white-hover:hover { background-color: #eeeeee !important; } .bg-holiday { background-color: #972324 !important; } .bg-light-yellow { background-color: #fff4d6 !important; } .bg-light-yellow2 { background-color: #fffae6 !important; } .bg-light-grey { background-color: #eaeaea !important; } .bg-light-grey2 { background-color: #f1f1f1 !important; } .bg-light-grey3 { background-color: #cfe1eb !important; } .bg-light-grey4 { background-color: #b3b7ba !important; } .bg-light-grey5 { background-color: #c5c9cc !important; } .bg-light-grey6 { background-color: #a1b0b7 !important; } .bg-light-grey7 { background-color: #ededed !important; } .bg-light-gr3 { background-color: #f3f3f3 !important; } .bg-light-bg1 { background-color: #f7f7f7 !important; } .bg-light-bg2 { background-color: #ede5da !important; } .bg-light-bg3 { background-color: #fdebd3 !important; } .bg-light-blue { background-color: #d3eef5 !important; } .bg-light-blue1 { background-color: #c5d6de !important; } .bg-light-blue2 { background-color: #9ec4d9 !important; } .bg-light-blue3 { background-color: #9ad5f7 !important; } .bg-light-blue4 { background-color: #e2f2ff !important; } .bg-dark1 { background-color: #3b5473 !important; } .bg-dark2 { background-color: #ca441d !important; } .bg-darkblue { background-color: #203c61 !important; } .bg-darkblue2 { background-color: #4d6c98 !important; } .bg-black { background-color: #111727 !important; } .bg-black2 { background-color: #101727 !important; } .bg-red { background-color: #f13939 !important; } .bg-pink { background-color: #eed9d2 !important; } .bg-red-hover:hover { background-color: #990000 !important; } .bg-none { background: none !important; } .bg-img-none { background-image: none !important; } .dot-white { height: .35em; width: .35em; background-color: #ffffff; border-radius: 50%; display: inline-block; margin: 0 1.6em .1em 1.6em; } .hr-grey { background-color: #b5b5b5; color: #b5b5b5; } .txt-lg { font-size: 1.2em; line-height: 1.1; } .txt-xlg { font-size: 1.6em; line-height: 1.1; } .mb-xl { margin-bottom: 15px !important; } .txt-xthin, .txt-300 { font-weight: 300 !important; } .txt-thin, .txt-400 { font-weight: 400 !important; } .txt-500 { font-weight: 500 !important; } .txt-600 { font-weight: 600 !important; } .txt-700 { font-weight: 700 !important; } .txt-800 { font-weight: 800 !important; } .txt-w900, .txt-900 { font-weight: 900 !important; } .txt-cap { text-transform: capitalize; } .txt-upper { text-transform: uppercase; } .txt-no-decor { text-decoration: none; } .line-through {text-decoration: line-through; } .txt-xthin.fsize1 { font-size: 22px !important; } .txt-thin.fsize1 { } .txt-thin.fsize2 { font-size: 16px !important; font-weight: 900 !important; } .txt-thin.fsize2 .altcolor { color: #cf0104; } .txt-xthin.fsize2 { font-size: 20px !important; } .txt-10 { font-size: 9px !important; } .txt-11 { font-size: 10px !important; } .txt-12 { font-size: 11px !important; } .txt-13 { font-size: 11px !important; } .txt-14 { font-size: 12px !important; } .txt-15 { font-size: 13px !important; } .txt-16 { font-size: 14px !important; } .txt-18 { font-size: 16px !important; } .txt-20 { font-size: 18px !important; } .txt-22 { font-size: 20px !important; } .txt-24 { font-size: 22px !important; } .txt-26 { font-size: 24px !important; } .txt-28 { font-size: 26px !important; } .txt-30 { font-size: 28px !important; } .txt-32 { font-size: 30px !important; } .txt-34 { font-size: 32px !important; } .txt-36 { font-size: 34px !important; } .txt-1em { font-size: 1em; } .txt-0n8em { font-size: .8em; } .txt-0n9em { font-size: .9em; } .txt-1n1em { font-size: 1.1em; } .txt-1n2em { font-size: 1.2em; } .txt-1n3em { font-size: 1.3em; } .txt-1n4em { font-size: 1.4em; } .txt-1n5em { font-size: 1.5em; } .font-times { font-family: "Times New Roman", Times, serif; } .font-italic { font-style: italic; } .txt-color-light1 { color: #fee6a0; } .txt-color-white { color: #ffffff !important; } .txt-color-red { color: red; } .txt-color-black { color: #000000; } .txt-color-black2 { color: #323232; } .txt-color-orange { color: #ff8d00; } .txt-color-blue { color: #3a5475; } .txt-color-blue2 { color: #162a42; } .txt-color-blue3 { color: #5174a1; } .txt-color-blue4 { color: #475572; } .txt-color-gray { color: #5f5f5f; } .txt-color-gray2 { color: #ababab; } .txt-color-sand { color: #c98f22; } .txt-color-green { color: #129c62; } .txt-color-green { color: #256f68; } .txt-color-green2 { color: #15545a; } .txt-color-green3 { color: #209d00 !important; } .txt-bold { font-weight: 500 !important; } .hover-color-light:hover { color: #efe299; } .chout-txt-desc { font-size: 12px !important; margin: .2em .1em 1em .1em; text-align: center; } .cl-primary { color: #567090; } .form-control { font-size: 14px; line-height: 1.2; padding: 1em; margin-bottom: 1em; border: solid .1em #c2c6c8; border-radius: 4px; resize: both; } .view_details a { display: block; padding: .5em 0; } .sbm-order { margin-left: -10px; width: 50%; } .row { margin-right: -15px; margin-left: -15px; overflow: hidden; } .col-10-width { width: 12% !important; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { width: 100%; } .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11 { width: 91.66666667%; } .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 { width: 83.33333333%; } .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9 { width: 75%; } .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 { width: 66.66666667%; } .col-sm-8.w72 { width: 72%; } .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7 { width: 58.33333333%; } .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 { width: 50%; } .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 { width: 41.66666667%; } .col-sm-5.w43 { width: 43%; } .col-sm-5.w47 { width: 47%; } .col-sm-5.w48 { width: 48.9%; } .col-sm-5.w48n0 { width: 48%; } .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 { width: 33.33333333%; } .col-md-4.w32n18 { width: 32.18%; } .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3 { width: 22%; } .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 { width: 16.66666667%; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 { width: 8.33333333%; } .col-sm-1.w14 { width: 14%; } .col-23-width.dsk { width: 23% !important; margin: 8px 3px 8px 3px; } .col-46-width.dsk { width: 46% !important; margin: 8px 3px 8px 3px; } .statMrg10 { margin: 20px 0 20px 45px; overflow: auto; } .bgGray { background: #F3F0F0 !important; } #gts-c { z-index: 1001 !important; } .hide { display: none !important; } .hidethis { display: none; } .showthis { display: block !important; } /*** new form template ***/ .pad10left { padding-left: 10%; } .pad20left { padding-left: 20%; } .pad30left { padding-left: 20%; } .common-box-text { font-size: 14px; margin: 10px 10px 20px 20px; line-height: 1.3em; } .common-box-text.brd1 { border: 3px solid #ffb09c; padding: 10px; } .form-common { overflow: hidden; padding: 0 20px 20px 40px; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); font-size: 14px; text-align: center; } .form-common.sm { overflow: hidden; padding: 10px 10px 10px 10px; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.68); font-size: 14px; text-align: center; } .form-common .size100 { width: 100% !important; } .form-common.size1 { width: 350px; } .form-common.size2 { width: 490px; } .form-common .size-lbl-cc { width: 140px !important; } .form-common.size3 { width: auto; padding-right: 15px; padding-left: 15px; margin: 15px; } .form-common input[type=text].sizeAuto, .form-common input[type=password].sizeAuto, .form-common .sizeAuto { width: auto !important; } .form-common-header { overflow: hidden; text-align: center; padding: 8px; font-size: 22px; color: #ffffff; background: #3a5473; } .form-common .box-form-left { float: left; width: 450px; } .form-common .box-info-right { color: rgba(255, 255, 255, 0.98); width: 390px; line-height: 1.2; float: right; margin: 70px auto; text-align: center; padding: 10px; background: #3a5473; border: solid 4px rgba(255, 255, 255, 0.51); } .form-common .box-info-header { font-size: 20px; font-weight: 400; } .form-common .box-info-amount { font-size: 28px; font-weight: 400; margin: 5px 0; padding-top: 10px; border-top: 1px solid #ccc; } .form-common .box-info-text { font-size: 14px; font-weight: normal; margin: 10px; } .form-common .form-row, .form-row { text-align: left; padding: 15px 5px 5px 5px; overflow: hidden; } .form-common .form-row.center{ text-align: center; padding: 15px; } .form-common .row-header-nobg { text-align: left; padding: 0 0 8px 0px; border-bottom: solid 7px #79879d; font-size: 22px; text-transform: uppercase; } .form-common .row-header-bg { text-align: center; padding: 8px; font-size: 22px; color: #ffffff; background: #3a5473; } .form-common .form-row.checkbox { padding-top: 0; } .form-common .form-row.checkbox > label span { width: 170px; padding-left: 15px; vertical-align: top; } .form-common .form-row.gray, .form-common .form-radio-buttons .form-row.grey { background-color: #f1f1f1; } .form-common .form-title-row{ margin: 40px auto 15px; overflow: hidden; } .form-common .form-row .div-xxl { font-size: 20px; font-weight: 900; } .form-common .form-row .div-xxl.paddesk { padding: 0 30% 5px 0; } .form-common h2 { text-align: left; color: #567090; font-size: 22px; padding: 0 0 17px 0; margin: 0 10px 0 0; border-bottom: .05em solid #42759a; } .form-common h2 span { display: inline-block; background: #567090; border-radius: 50%; width: 30px; height: 30px; color: #FFF; margin: -7px 10px 0 0; text-align: center; float: left; font-size: 26px; line-height: 1.1em; } .form-common .form-row > label span, .form-common .form-row > span.label { display: inline-block; width: 100px; box-sizing: border-box; color: #5f5f5f; padding: 0 0 5px; font-weight: 500; } .form-common input[type=text], .form-common input[type=email], .form-common input[type=phone], .form-common input[type=password], .form-common input[type=number], .form-common input[type=radio], .form-common input[type=checkbox] { color: #5f5f5f; box-sizing: border-box; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08); padding: 8px 12px; border: 1px solid #dbdbdb; font-size: 14px; } .form-common input[type=text], .form-common input[type=email], .form-common input[type=phone], .form-common input[type=password], .form-common textarea{ width: 320px !important;} .form-common input[type=number]{max-width: 100px;} .form-common input[type=radio], .form-common input[type=checkbox]{box-shadow: none;width: auto;} .form-common input.bigger[type=checkbox]{ -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ padding: 10px;} .form-common textarea{ color: #5f5f5f; box-sizing: border-box; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08); padding: 8px 12px; border: 1px solid #dbdbdb; resize: none; min-height: 80px; } .form-common select { height: 35px; background: #f5f5f5; color: #5f5f5f; box-sizing: border-box; width: 320px; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08); padding: 4px 18px 8px 12px; border: 1px solid #dbdbdb; font-size: 14px; } .form-common .form-radio-buttons > div{ margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .form-common .form-radio-buttons label { padding: 20px 0; } .form-common .form-radio-buttons label span { margin-left: 8px; color: #5f5f5f; display: inline-block; width: 140px; font-weight: 600; font-size: 16px; } .form-common .form-radio-buttons input{ width: auto;} .form-common .form-radio-buttons .form-row label span { font-size: 14px; font-weight: 500; display: inline-block; margin-left: 18px; width: 130px; } .form-common .form-radio-buttons input[type=text] { width: 260px !important; } .form-common .form-radio-buttons .form-row .tableContent { margin-left: 150px; margin-top: -23px; } .form-common .form-radio-buttons .form-row select { background: #ffffff; width: 110px; } .form-common p.explanation { margin-left: 100px; width: 315px; padding: 5px; line-height: 1.5; background-color: #FFFFE0; font-size: 13px; text-align: left; color: #6B6B48; border-radius: 3px; border-bottom: 1px solid #ECECD0; } .form-common textarea:focus, .form-common input:focus{ outline: 0; } .form-common input:focus:invalid, .form-common textarea:focus:invalid{ border:1px solid #F5192F; background-color: #fff6f6; box-shadow:0 0 2px #F5192F; } .form-common input:focus:valid, .form-common textarea:focus:valid{ border: 1px solid #64C364; background-color: #f7fdfb; box-shadow: 0 0 2px #64C364; } label.formBlock { display: block; width: 100% !important; height: 100%; min-height: 100%; } .zip-cart-wrap { float: right; width: 492px; margin: 0px 0 17px; border: solid 2px #ccc; background: #eee; padding: 2px; } .zip-cart-hd { font: bold 14px Myriad-Pro, Century Gothic, Sans-Serif; color: #fff; border: 1px solid #eee; text-align: right; padding: 3px 10px 3px 4px; background-color: #908d8d; } .zip-cart-country { font: bold 14px Myriad-Pro, Century Gothic, Sans-Serif; color: #395373; border: 1px solid #d6d1d1; text-align: right; padding: 3px 10px 3px 4px; background-color: #fafaf5; } .zip-cart-country a { font-size: 12px; font-weight: 500; color: #7b879d; text-transform: uppercase; } .zip-cart-cnt1, .zip-cart-cnt2, .zip-cart-cnt3 { display: inline-block; margin: 5px; } .zip-cart-cnt1 { font-size: 16px; text-transform: uppercase; } .zip-cart-input { margin: 3px 10px; padding: 5px; border: 1px solid #eee; font-weight: 500; } .zip-cart-input input { font-size: 18px; padding: 5px; } .zip-cart-input.err { color: red; } .zip-cart-input.err input { border-color: red; } .zip-cart-btn { margin: 3px 13px; overflow: hidden; } .zip-cart-btn .btn { width: 120px !important; } .zipErrDiv { width: 250px; float: right; padding: 5px; margin-bottom: 10px; border: solid 1px red; text-align: center; } .giftNotesFdbck, .invoiceFdbck { display: none; padding: 5px; margin-bottom: 5px; text-align: center; font-weight: 900; } .ordErr { text-align: center; margin-bottom: 25px; overflow: hidden; line-height: 1em; } .ordErr.imgHeader { } .ordErr hr { width: 30%; margin: 10px auto 30px auto; } .ordErr.header { margin: 10px 0 10px 0; color: #444444; font-size: 26px; font-weight: 900; text-transform: uppercase; } .ordErr.subHeader { color: #444444; font-size: 18px; font-weight: 400; text-transform: uppercase; } .ordErr.desc { margin: 0 auto; width: 70%; } .ordErr.txt { float: left; width: 50%; padding-top: 10px; font-size: 16px; } .ordErr.txt.btn { margin-top: 20px; text-align: center; overflow: visible; } .ordErr.img { float: right; width: 50%; } .g-recaptcha { /* width: 304px; margin: 0 auto; padding: 20px; */ display: inline-block; } .trackOrdBtn { width: 120px !important; padding: 14px 0px 8px !important; float: right; } table.jewindex td { height: 150px; vertical-align: top; } .jewindTtl { text-align: center; } .jewindTtl a { font-size: 15px; font-weight: 400; margin: 3px 0 20px 0; display: block; text-decoration: none; color: #000; } #AmazonPayButton img { display: inline-block; margin-top: 15px; } #AmazonPayButton .apay-tooltip-display-content, #AmazonPayButton:hover .apay-tooltip-display-content { display: none !important; } .metalColorSwatches { width: 100% !important; text-align: center !important; padding: 0 0 4px !important; /* height: 33px; */ border: none !important; } .metalColorTxt { display: block; border: none !important; font-size: 12px !important; font-weight: 500 !important; color: #424242 !important; margin: 0 !important; padding: 0 !important; } .metalColorSwatches img { cursor: pointer; } .diamondWrap { font-size: 12px; margin: .3em .6em; } /**************** .diamondIcn { width: 0; height: 0; display: inline-block; float: left; border: .3em solid transparent; border-bottom-color: #660099; position: relative; top: -0.3em; margin: .3em .5em 1.1em .1em; font-size: 100% !important; line-height: 1em; } .diamondIcn:after { content: ''; position: absolute; left: -0.3em; top: .3em; width: 0; height: 0; border: .3em solid transparent; border-top-color: #660099; } ******************/ .diamondIcn { width: .4em; height: .4em; display: inline-block; float: left; border-radius: 50%; background-color: #660099; margin: .5em .5em .5em .1em; } .chainsTitle { font-size: 100%; font-weight: 500; } .chainsDesc { margin: 3px 0px 3px 0px; font-size: 98%; font-weight: normal; line-height: 1.3em !important; } .holidayShip { font-weight: 500; color: green; margin-top: 5px; font-size: 12px; } .holidayShip.brd { padding: 4px; border: solid 2px green; width: 250px; float: right; text-align: center; } .saintSrchDsk { float: right; width: 500px; margin: 1em 0; } .saintSrchDsk input[type=text] { font-family: "Myriad-Pro", Helvetica, sans-serif; border-top-left-radius: 5px 5px; border-bottom-left-radius: 5px 5px; padding: 8px; font-size: 13px; font-weight: 500; color: #567090; border: 1px solid #bfbfbf; box-shadow: inset 0 0 0 2px #eeeeee; box-sizing: border-box; float: left; width: 80%; background: #ffffff; } .saintSrchDsk button { font-family: "Myriad-Pro", Helvetica, sans-serif; float: left; width: 20%; background: #2196F3; color: white; font-size: 12px; font-weight: 500; height: 34px; border: 1px solid #0076a3; border-right: 0; border-left: 0; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; cursor: pointer; } .saintSrchDsk button:hover { background: #0b7dda; } .saintSrchDsk::after { content: ""; clear: both; display: table; } .img-loading { display: none; position: absolute; z-index: 100; margin: 75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .breadcrumb-ch { list-style: none; padding: .5em; margin: 1em auto; text-align: center; } .breadcrumb-ch li { display: inline-block; font-size: 12px; line-height: 1.5em; color: #567090; padding: 0 .5em 0 .5em; } .breadcrumb-ch li a { text-decoration: none; color: #000000; } .breadcrumb-ch .bc-item.bc-item-current .bc-text { font-weight: 600; color: #323232; text-decoration: underline; } .breadcrumb-ch li::after { position: relative; top: 0em; content: ""; border: solid black; border-width: 0 .1em .1em 0; display: inline-block; padding: .2em; transform: rotate( -45deg); -webkit-transform: rotate( -45deg); margin-left: 0.5em; } .breadcrumb-ch li.last::after { display: none; } .affirm-msg { padding: 0.5em 0 0.3em 0; text-align: center; } @media only screen and (max-width: 1200px) { nav ul li { padding: 3px 4px 3px 4px !important; font-size: 12px; } } /* temporarily adjusting buttons, delete later */ #PhotoEngrv2 .labelRadio.compactP input[type=radio] { margin-left: 44px; } .addtocart.lockEngWrap input[type=radio] { margin-left: 18px; } @font-face { font-family: BrushScript; src: url('/samples/preview/BrushScriptStd-Dan.ttf'); } .eng-font-script { font-family: BrushScript, script; } .eng-font-block { font-family: Arial, sans-serif; } .engrSection { margin: 1em 0 2em 0; display: flex; justify-content: start; } .engrSection .engrImgageWrap { width: 230px; padding-right: 10px; text-align: center; } .engrSection .engrImgageWrap img { width: 100%; } .engrSection .engrTextWrap { flex-grow: 1; } .engrSection .engrTextWrap .charLimit { text-align: center; margin-left: 15px; padding: 2px 5px; display: inline-block; } .engrSection .engrTextWrap .charLimit input { padding: 3px; text-align: center; width: 40px; background-color: #edd9d2; color: #651a01; font-weight: 600; border-color: #651a01; border: solid 0.1em #651a00; } .engrSection .engrTextWrap textarea { margin: 10px auto; display: block; padding: 0.5em; border: 0.13em solid #7593a6; font-size: 13px; } .engrSection .engrTextWrap .monogramInput input { display: block; margin: 10px auto; width: 70px; text-align: center; } .previewBtn.engravingPreview { display: block; margin: 10px auto; } .previewBtn.engravingPreview { padding: 6px 20px; font-size: 14px; font-weight: 500; background: #375067; color: #fff; border: solid 1px #11202e; } .noPhoto.engraving { margin-left: auto; } .noPhoto.engraving label { margin: 0 auto; min-width: 50%; } .noPhoto.engraving.back label { min-width: 35%; width: 35%; } .radio-toolbarEng.text { justify-content: center; flex-wrap: nowrap; } .radio-toolbarEng.text label { margin-left: 10px; margin-right: 10px; } .radio-toolbarEng.text label img { display: block; width: 65%; } .radio-toolbarEng.text label .textType { font-size: 1.3em; } .radio-toolbarEng.text label .textStyle { padding: 3px 20px; color: #315366; } .radio-toolbarEng.text label .textStyle.block { font-size: 1.4em; font-weight: 600; font-family: Arial, sans-serif; } .radio-toolbarEng.text label .textStyle.script { font-size: 1.8em; font-family: BrushScript, script; } .radio-toolbarEng.text label .textPrice, .radio-toolbarEng label .textPrice { font-size: 1.1em; font-weight: 700; color: #315366; } .chainsTopImage { width: 23%; padding-left: 25px; padding-top: 10px; } .chainsTopImage img { width: 100%; } .radio-toolbarEng.chainTop label { margin-left: 7px; } .noPhoto.noChain { margin-left: 0.5em; } .noPhoto.noChain label { max-width: 260px; min-width: 260px; } .noPhoto.noChain label div { width: 90%; } .optionEngrHd.chain { margin-top: .8em; } .radio-toolbarEng.optLevel2 label { margin-left: 0.15em; max-width: 105px; padding: 0.15em; } .radio-toolbarEng.optLevel3 label { margin-left: 0.15em; max-width: 160px; padding: 0.15em; } .radio-toolbarEng.optLevel3 label.horizImg { max-width: 678px; } .radio-toolbarEng.optLevel3 label .chainpop { position: absolute; text-align: right; top: 0em; right: 0em; opacity: 1; padding: 0.5rem; font-size: 0.9em; font-weight: 600; color: #3b5474; } .categoryItmWrap { margin-top: 1em; display: flex !important; justify-content: start; -webkit-box-pack: center; flex-wrap: wrap; background-color: #fff; } .categoryItm { flex: 0 0 auto; position: relative; align-items: center; margin: 0.5em 0 0.5em 0; padding: 0.5em 0.7em; color: #535353; font-size: 12px; font-weight: 500; line-height: 1.5em; text-align: center; max-width: 30.5%; width: 30.5%; } .categoryItm.staticBanner { width: 66.5%; max-width: 66.5%; margin: 0; padding: 0; } .categoryItmImg img { width: 100%; } .categoryItm.withborder { border-right: 0.1em solid #e1e1e1; } .categoryItmInfo a, .categoryItmInfo a:link, .categoryItmInfo a:visited, .categoryItmInfo a:hover, .categoryItmInfo a:active { text-decoration: none; color: #3a3a3a; font-size: 1.15em; } .categoryItmTitle { min-height: 57px; } .categoryItmTitle.wide { min-height: 40px; } .itmListDiv { width: 100%; background-color: #4c5e78; padding: 0.1em 0em; } .itmListDivTitle { width: 100%; text-align: center; border-top: 0.2em solid #536684; line-height: 0.01em; margin: 1.5em 0 1.5em; } .itmListDivTitle span { background: #fff; padding: 0 1em; font-size: 1.7em; font-weight: 400; color: #425273; } .categoryItmPrice { margin: 1em 0; font-weight: 400; } .categoryItmPrice .regPrice { padding: 0 0.3em; text-decoration: line-through; font-size: 14px; } .categoryItmPrice .salePrice { padding-left: 0.2em; font-size: 20px; color: #910000; } .metalColorChange { padding-top: 0.5em; } .categoryItmMetal { display: inline-block; position: relative; width: 20px; height: 20px; margin: 0 10px 0 0; text-shadow: 2px 2px 4px rgb(255 255 255); border-radius: 50%; border: solid 0.1em #f6d9d6; background-color: #f5d5d1; background-image: linear-gradient(to bottom right, #c8685c, #e2a39a, #fde8e7, #ebbdb8, #c8685c); } .categoryItmMetal.clickable { cursor: pointer; } .categoryItmMetal.silver, .categoryItmMetal.silver:hover { border: solid 0.1em #d9d9d9; background-color: #d9d9d9; background-image: linear-gradient(to bottom right, #afafaf, #d9d9d9, #ffffff, #d9d9d9, #afafaf); } .categoryItmMetal.black, .categoryItmMetal.black:hover { border: solid 0.1em #979797; background-color: #cdcdcd; background-image: linear-gradient(to bottom right, #626262, #b1b1b1, #e9e9e9, #cacaca, #555555); } .categoryItmMetal.white, .categoryItmMetal.white:hover { border: solid 0.1em #e7e2de; background-color: #e7e2de; background-image: linear-gradient(to bottom right, #d5cbc2, #e7e2de, #ffffff, #e7e2de, #d5cbc2); } .categoryItmMetal.yellow, .categoryItmMetal.yellow:hover { border: solid 0.1em #d4b862; background-color: #d4b862; background-image: linear-gradient(to bottom right, #9f8335, #d4b862, #fff6a1, #d4b862, #9f8335); } .categoryItmMetal.rose, .categoryItmMetal.rose:hover { border: solid 0.1em #fadedc; background-color: #e2a39a; background-image: linear-gradient(to bottom right, #c8685c, #e2a39a, #fde8e7, #fde8e7, #c8685c); } .categoryItmMetal.gold, .categoryItmMetal.gold:hover { border: solid 0.1em #d4b862; background-color: #d4b862; background-image: linear-gradient(to bottom right, #9f8335, #d4b862, #fff6a1, #d4b862, #9f8335); } .categoryItmMetal.whiteyellow, .categoryItmMetal.whiteyellow:hover { border: solid 0.1em #e7e2de; background-color: #e7e2de; background-image: linear-gradient(to bottom right, #d5cbc2, #e7e2de, #fff6a1, #d4b862, #9f8335); } .categoryItmMetal.rosewhite, .categoryItmMetal.rosewhite:hover { border: solid 0.1em #d07c71; background-color: #e2a39a; background-image: linear-gradient(to bottom right, #c8685c, #e2a39a, #fde8e7, #e7e2de, #d5cbc2); } .categoryItmMetal.roseyellow, .categoryItmMetal.roseyellow:hover { border: solid 0.1em #d4b862; background-color: #d4b862; background-image: linear-gradient(to bottom right, #9f8335, #d4b862, #fff6a1, #fde8e7, #c8685c); } .categoryItmMetal.tricolor, .categoryItmMetal.tricolor:hover { border: solid 0.1em #e7e2de; background-color: #e7e2de; background-image: linear-gradient(to bottom right, #9f8335, #d4b862, #fff6a1, #fde8e7, #c8685c); } .affirmWrp { padding: 0em 0 0.5em 1em !important; text-align: left !important; } .affirmWrp.affirmRadio { padding-top: 0.5em !important; } .affirm-as-low-as, .affirm-as-low-as50 { min-height: 30px; } .affirm-modal-trigger, .affirm-modal-trigger50 { color: #5c6882; font-weight: 500; } .wrapUpsaleRows { display: block; clear: both; overflow: hidden; } .font-shulermonogram { font-size: 3.8rem; line-height: 3.8rem; color: #606060; padding-top: .1rem; width: 60%; text-align: center; min-height: 4.6rem; } .font-nameplate { font-size: 3rem; line-height: 3rem; color: #606060; letter-spacing: 0.1rem; padding-top: .1rem; width: 60%; text-align: center; min-height: 3rem; } .font-modernscript { font-size: 3rem; line-height: 5.2rem; color: #606060; letter-spacing: 0.1rem; padding-top: .5rem; width: 60%; text-align: center; min-height: 5.2rem; } .font-shulermonogram.fyellow, .font-modernscript.fyellow, .font-nameplate.fyellow { background: linear-gradient(#d4c57c, #e0d5a1, #a48500); -webkit-text-stroke-color: #a48500; } .font-shulermonogram.frose, .font-modernscript.frose, .font-nameplate.frose { background: linear-gradient(#db9393, #e8b6b6, #b01111); -webkit-text-stroke-color: #b01111; } .font-shulermonogram.fwhite, .font-modernscript.fwhite, .font-nameplate.fwhite { background: linear-gradient(#b5b5b5, #d3d3d3, #6d6d6d); -webkit-text-stroke-color: #6d6d6d; } .font-shulermonogram.fblack, .font-modernscript.fblack, .font-nameplate.fblack { background: linear-gradient(#000000, #787777, #000000); -webkit-text-stroke-color: #393939; } .font-nameplate, .font-modernscript, .font-shulermonogram { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .optxtPreviewIWrap { display: none; max-width: 30%; width: 30%; max-height: 180px; height: 180px; } .optxtPreviewIWrap.drop { display: inline-block; max-width: 65%; width: 65%; padding-left: 1rem; max-height: 180px; height: 180px; } .optxtPreviewIWrap .optxtPreviewImg { width: 100%; } .cartBtnDelete { width: 1.6em; padding-left: 0.2em; } .cartBtnQty { width: 8.8em; } .cartBtnEdit { width: 11em; padding-top: 0.5em; } .cartBtnNotes { width: 8.8em; } .cartBtnApply { width: 6.3em; } .cartBtnDivDelete { display: block; margin-bottom: 1em; } .cartBtnDivQty { margin: 0.8em 0 2em 0; } .cartBtnDivEdit { } .cartBtnDivNotes { } .cartBtnDivApply { } .cartBtnDelete.new { } .cartBtnQty.new { width: 8.8em; } .cartBtnEdit.new { } .cartBtnNotes.new { width: 10em; } .cartBtnApply.new { width: 8em; } /* site updates 2025 desktop styles */ body { background: #ffffff; } .pog-yellow { color: #FFDC87; } .pog-tan { color: #FAF7F2; } .pog-pale-blue { color: #316AA9; } .pog-navy { color: #1D2441; } .pog-black { color: #000000; } .pog-gray { color: #C9C9C9; } .pog-rose { color: #F0B19F; } .pog-white { color: #FFFFFF; } .blue_bar { background: #1d2441; } .blue_bar .wrapper { overflow: hidden; } .blue_bar ul { float: none; padding: 0 0px 5px 20px; text-align: center; } .blue_bar ul li { padding: 8px 16px 0 0; margin-right: 0px; background: none; position: relative; font-size:13px; font-weight: 600; font-family: "montserrat", Helvetica, sans-serif;} .blue_bar ul li .highlight { font-size: 1.1em !important; } .blue_bar ul li.pipe::after { content: ""; display: block; width: 2px; height: 13px; background-color: #ffffff; position: absolute; top: 10px; right: 8px; } .blue_bar ul li a { text-decoration:none; color: #ffffff; } .blue_bar ul li a:hover { text-decoration:underline; } .blue_bar ul li.check_btn { background:none; border:none; margin:0px; padding:0px; } .blue_bar ul li.check_btn a { float: none; background: #FFDC87; border: none; width: 90px; text-align: center; padding: 3px 0 3px 0; font-size: 9px; letter-spacing: 0.08em; margin: 7px 0 5px 0px; font-family: montserrat, Helvetica, sans-serif; font-weight: 700; font-style: normal; text-decoration: none; cursor: pointer; display: inline-block; color: #000000; border-radius: .5em; } .blue_bar ul li.check_btn a:hover { background: #FFDC87; text-decoration: none!important; border: none; } header .top_sec .logo { margin-left: 15px; } .inlt-sbox-wrp.v25 { padding: 5px 25px 0 0 !important; width: auto !important; } #inlt-searchinputbox { height: 40px !important; } .inlt-sbox-wrp.v25 .inlt-searchbox input { font: normal 11px montserrat, sans-serif; padding: 5px 20px; border: none !important; background: #faf7f3 !important; border-radius: 10px 0 0 10px; color: #1c2441; width: 300px !important; } .inlt-sbox-wrp.v25 .inlt-searchbox button { width: 40px !important; height: 40px !important; margin: 0 !important; padding: 5px 10px !important; border: none !important; background: url(/v8/common/images/icons/icnMagnGlass.png) 8px 8px no-repeat !important; background-size: 25px 25px !important; background-color: #1D2441 !important; border-radius: 0 10px 10px 0 !important; } nav ul { padding-bottom:10px; margin-left: 0px !important; } nav ul.sub-menu { top: 22px; left: -70px; border: solid 1px #c2c2c2; width: 379px; background: #ffffff; padding: 0 22px; } nav ul li { background: #ffffff; border: none !important; padding: 3px 11px 3px 11px; font-size: 14px; line-height: 18px; color: #1D2441; font-family: quasimoda, sans-serif !important; font-weight: 500; font-style: normal; position: relative; } nav ul li a { color: #1D2441; } nav ul li a:hover, nav ul li.sub a:hover { color: #316AA9; } nav ul li.sub a { color: #1D2441; } footer { display: block; clear: both; overflow: hidden; float: none; width: 100%; padding-bottom: 0px; background: #fff; padding-top: 0; border-top: solid 1px #c0c0c0; } .top_footer, .footer_link .footer_link_details { width: 980px !important; margin: 0 auto; display: block; clear: both; overflow: hidden; float: none !important; border-top: solid .1em #c8c8c8; } footer .top_footer { background: #ffffff; padding-bottom: 0; border: none !important; } .top_footer .top_footer_details .subscribe_box { width: 380px; min-height: 140px; height: 140px; border: none; border-bottom: none; border-top: none; border-right: solid 1px #c0c0c0; margin-top: 0; background: #ffffff; padding: 20px 40px 20px 25px; } .top_footer .top_footer_details .footer_box .pic_details h3, .top_footer .top_footer_details .subscribe_box h3 { font-size: 13px; font-weight: 700; text-transform: uppercase; color: #1c2441; line-height: 25px; } .top_footer .top_footer_details .footer_box { width: 370px; min-height: 140px; height: 140px; border: none; margin: 0 0 0 0; background: #ffffff; padding: 20px 0px 20px 50px; } .top_footer .top_footer_details .footer_box .pic_details { float: none; width: auto; margin-right: 0; display: inline-block; } .top_footer .top_footer_details p { line-height: 1.2rem; color: #1c2441; } .top_footer .top_footer_details .subscribe_box .input { outline: 0; height: 40px !important; font: normal 11px montserrat, sans-serif; padding: 5px 5px; border: none !important; background: #faf7f3 !important; color: #1c2441; width: 260px !important; text-transform: none; -moz-box-sizing: border-box!important; box-sizing: border-box !important; margin: 0; display: inline-block; float: left; vertical-align: middle; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .top_footer .top_footer_details .subscribe_box .subcribbe_btn { font: 500 10px montserrat, sans-serif !important; letter-spacing: 0; width: 100px !important; height: 40px !important; margin: 0 !important; padding: 5px 5px !important; border: none !important; background-color: #1D2441 !important; outline: 0; cursor: pointer; text-align: center; text-decoration: none; color: #fff; border-radius: 0 10px 10px 0 !important; text-indent: 0; -moz-box-sizing: border-box!important; box-sizing: border-box !important; vertical-align: middle; float: left; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; overflow: visible; } .top_footer .top_footer_details, .footer_logo_box, .footer_link, .footer_bottom { float: none !important; width: 100%; display: block; clear: both; overflow: hidden; padding: 0 0 !important; } .footer_logo_box, .footer_link { background: #1c2441; } .footer_logo_box { border-bottom: solid 1px #6c6e7f; padding: 10px 0px !important; } .footer_logo_box h4 { float: none; display: inline-block; font-size: 13px; line-height: 17px; background: none; border: none; text-transform: uppercase; margin: 0; padding: 0 1.5em; } .footer_logo_box img { display: inline-block; width: 765px; } .footer_link .footer_link_details { border: none !important; } .footer_bottom { text-align: center; background-image: none !important; background-color: #1c2441 !important; padding-bottom: 80px !important; } .footer_bottom .copy_right.bot { display: inline-block; float: none; width: auto; text-align: center; list-style: none; min-height: 20px; margin: 0 auto; padding: 5px; overflow: hidden; } .footer_bottom .copy_right.bot li { font-weight: 400; letter-spacing: 0; font-size: 11px; } .footer_bottom .copy_right li { font-size: 12px; font-family: "montserrat", "Myriad-Pro", Helvetica, sans-serif; font-weight: 500; background: none; padding: 0 3px; } .footer_bottom .copy_right li a { text-decoration: underline; color: #fff; } .footerPayments { padding-left: 2em !important; } .footerPayments img.payment { width: 220px; } img.footer_social { width: 25px; } .footer_link .footer_link_details .footer_coll h4 { font-weight: 600; font-size: 13px; font-style: normal; color: #ffffff; border-bottom: none; padding-bottom: 5px; } .footer_link .footer_link_details .footer_coll h4 a, .footer_link .footer_link_details .footer_coll h4 a:hover, .footer_link .footer_link_details .footer_coll ul li a, .footer_link .footer_link_details .footer_coll ul li a:hover { color: #ffffff; } .footer_link .footer_link_details .footer_coll ul li { font-size: 12px; font-weight: 400; line-height: 25px; color: #ffffff; } .footer_link { padding: 40px 0 60px 0 !important; } @media only screen and ( max-device-width: 900px ) { .blue_bar { width: 980px !important; } }