/* Reset Code */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* End Reset Code */
/* Basics */
html {
margin: 0px;
overflow-x: hidden;
}
body {
background:#ffffff;
font-family: Arial;
font-size: 14px;
-webkit-text-size-adjust:100%;
margin: 0px;
color: #000;
}
a {text-decoration: none; color: #1576d7; }
a:hover {color: #1eba1e; text-decoration: underline;}
a:active {color: #1eba1e; text-decoration: underline;}
H1, H2, H3, H4 {
color:#39f;
text-transform:uppercase;
display:inline;
}
H1 { font-size:24px; }
H2 { font-size:20px; }
H4 { font-size:16px; }
H6 { font-size:13px; color:#000000; display:inline; font-weight:bold; }
hr { height:1px; background:#bbb; border:0; }
img { border:0; }
.infoicon {!important; cursor: help; vertical-align: middle;}
.cl {clear: both;}
ul {clear: left;}
/* Tables */
table {
float: left;
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
table td {
padding: 5px;
}
table th {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
/* Grey Bar */
.grey_bar {
float: left;
width: 100%;
border-bottom: 1px solid #ccc;
height: 15px;
margin: 0px 0px 15px 0px;
font-size: 1px;
}
/* Container */
.container {
width: 99%;
max-width: 960px;
margin: 5px auto 0px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 3px 0px 3px;
}
/* Key Form Styles */
.ajax_form_boxes {
border:1px solid #bbb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2px;
font-size: 13px;
font-family: Arial;
}
.ajax_form_boxes_error {
border:1px solid #f00 !important;
font-family: Arial;
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.full_width {
width: 100% !important;
}
.full_width_95 {
width: 95% !important;
}
input[type="checkbox"] {
margin-left: 0px;
}
.nothing_here {
width:100%;
text-align:center;
padding:10px;
}
.op_text {
clear: both;
float: left;
width: 146px;
margin: 0px 10px 2px 0px;
padding: 5px 2px 3px 2px;
}
.op_box {
float: left;
width: 314px;
padding: 1px 0px 1px 0px;
margin: 0px 0px 2px 0px;
}
.op_text_full {
clear: both;
float: left;
width: 300px;
margin: 0px 10px 0px 0px;
padding: 5px 2px 0px 0px;
}
.op_box_full {
clear: both;
float: left;
width: 300px;
padding: 1px 0px 1px 0px;
margin: 0px 0px 2px 0px;
}
.submit_style {
font-size: 22px;
padding: 10px 1px 10px 1px;
cursor: pointer;
margin: 8px 0px 0px 0px;
width: 98%;
background-color: #3096fb;
background: linear-gradient(#3096fb, #1677d8);
color: #fff;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 0px;
font-family: "PT Sans", Arial;
font-weight: bold;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.submit_style:hover, .submit_style:focus, .submit_style:active {
background: #1576d7;
}
.submit_style_140 {
font-size: 14px;
font-weight: bold;
border:0px;
padding: 5px 0px 5px 0px;
cursor: pointer;
margin: 4px 0px 0px 0px;
width: 140px;
background-color: #3096fb;
background: linear-gradient(#3096fb, #1677d8);
color: #fff;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
font-family: "PT Sans", Arial;
}
.submit_style_75 {
font-size: 14px;
font-weight: bold;
border:0px;
padding: 2px 0px 2px 0px;
cursor: pointer;
margin: 0;
width: 75px;
background-color: #3096fb;
background: linear-gradient(#3096fb, #1677d8);
color: #fff;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
font-family: "PT Sans", Arial;
}
.submit_style_140:hover, .submit_style_140:focus, .submit_style_140:active {
background: #3399ff;
}
.submit_style_green {
background-color: #1eba1e;
background: linear-gradient(#1eba1e, #339a01);
}
.submit_style_green:hover, .submit_style_green:focus, .submit_style_green:active {
background-color: #1eba1e !important;
background: linear-gradient(#1eba1e, #339a01) !important;
}
.submit_style_small {
font-size: 13px !important;
width: 60px !important;
padding: 1px 0px 1px 0px !important;
margin-top: 1px !important;
}
/* Manage Customisations */
.design_box {
float: left;
width: 140px;
padding: 0px 4px 5px 4px;
border: 1px solid #1c9cff;
margin: 10px 6px 0px 0px;
text-align: center;
-moz-border-radius: 5px;
border-radius: 5px;
}
.design_box .img_box_outer {
float: left;
width: 140px;
height: 110px;
margin: 5px 0px 5px 0px;
background: #fff url(images/account/trans2.gif) top left repeat;
}
.design_box .img_box {
float: left;
width: 140px;
height: 110px;
background-position: center center;
background-size: cover;
}
.design_box .img_box img {
width: 100%;
height: 100%;
}
.design_box .text_name {
float: left;
width: 100%;
text-align: center;
height: 16px;
overflow: hidden;
font-style: italic;
}
.design_box .text_info {
float: left;
width: 100%;
margin: 3px 0px 3px 0px;
font-size: 12px;
text-align: center;
}
.design_box .text_quick_view {
float: left;
width: 100%;
margin: 5px 0px 5px 0px;
text-align: center;
font-size: 14px;
}
.design_box .text_quick_view img {
vertical-align: top;
}
.design_box .text_info_fixed {
float: left;
width: 100%;
margin: 3px 0px 3px 0px;
font-size: 12px;
text-align: center;
height: 29px;
overflow: hidden;
}
.design_box .price_info {
float: left;
width: 100%;
text-align: center;
color: #ff0000;
font-weight: bold;
font-size: 22px;
}
.design_box .brand_logo {
float: left;
width: 100%;
height: 30px;
margin: 1px 0px 3px;
text-align: center;
}
.design_box img.account_img {
height: 130px;
margin-top: 4px;
}
.edit_design_img {
float: left;
background: #fff url(images/account/trans2.gif) top left repeat;
margin-bottom: 6px;
}
/* Image Border */
.img_border {border: 1px solid #fff;}
/*a:hover .img_border, a:active .img_border {border: 1px solid #3399ff;}*/
/* Page Nav */
.page_nav {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 6px;
margin: 9px 0px 2px 0px;
}
.page_nav .left_side {
float: left;
padding: 14px 0px 0px 2px;
}
.page_nav .right_side {
float: right;
text-align: right;
}
.page_nav .box {
float: left;
border: 1px solid #ccc;
padding: 7px 5px 5px 5px;
margin: 0px 0px 0px 3px;
}
.page_nav .boxw {
float: left;
border: 1px solid #fff;
padding: 7px 5px 5px 5px;
margin: 0px 0px 0px 3px;
}
/* Content boxes */
.content_intro {
float: left;
width: 100%;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 10px 0px 15px 0px;
border: 1px solid #ccc;
position: relative;
-webkit-box-shadow: 0px 10px 9px -4px #ccc;
-moz-box-shadow: 0px 10px 9px -4px #ccc;
box-shadow: 0px 10px 9px -4px #ccc;
color: #555;
line-height: 1.4em;
font-size: 14px;
}
.content_intro .pbox {
float: left;
margin: 0px 40px 10px 0px;
}
.content_intro .pbox .currency_value {
float: left;
width: 100%;
padding-top: 5px;
font-weight: bold;
color: #3399ff;
font-size: 38px;
}
.mini_refinement {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 33%;
border: 1px solid #ccc;
padding: 5px;
margin-top: 3px;
border-radius: 3px;
}
.mini_refinement .left_side {
float: left;
padding: 3px 0px 0px 0px;
width: 90px;
}
.mini_refinement .right_side {
float: right;
width: 60%;
width: calc(100% - 100px);
}
.filter-btn {
background: #e4e4e4;
}
/* New Headings */
.new_heading {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #3399ff;
margin-bottom: 1px;
}
.new_heading h2 {
text-transform: uppercase;
font-size: 22px;
color: #3399ff;
display: inline;
font-family: "PT Sans", Arial;
}
.mini_heading {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 0px;
}
h3 {
text-transform: uppercase;
font-size: 16px;
color: #3399ff;
display: inline;
}
.mini_heading img {
margin-left: 5px;
}
/* Manage Category page */
#ajax_category_view img {
vertical-align: middle;
width: 14px;
height: 14px;
}
#ajax_category_view ul {
list-style-image: url('images/icons/folder.gif');
}
#ajax_category_view ul.product {
list-style-image: url('images/icons/tshirt.gif');
}
#ajax_category_view ul.cat_sub_level {
font-size: 12px;
}
/* Create product divs */
#selected_product_info {
float: left;
width: 100%;
}
#selected_product_info .left_side {
float: left;
width: 310px;
margin: 4px 0px 0px 0px;
text-align: center;
}
#selected_product_info .left_side img.main_image {
width: 310px;
height: 310px;
margin: 0px 0px 7px 0px;
}
#selected_product_info .right_side {
float: right;
width: -moz-calc(100% - 325px);
width: -webkit-calc(100% - 325px);
width: calc(100% - 325px);
min-width: 310px;
margin: 4px 0px 0px 0px;
}
#selected_product_info .right_side img.position_img {
width: 70px;
height: 70px;
margin: 5px 3px 0px 0px;
}
#selected_product_info table.info_table {
float: left;
width: 100%;
border: 2px solid #EBEBEB;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
}
#selected_product_info table.info_table td {
padding: 3px;
}
#selected_product_info table.info_table td.title {
font-weight: bold;
width: 120px;
}
#ajax_design_view {
min-height: 270px;
}
#ajax_design_view .currently_selected {
float: right;
width: 305px;
padding: 5px;
font-size: 32px;
text-align: center;
margin: 7px 0px 0px 0px;
}
#ajax_build_product .img_box {
float: left;
width: 108px;
height: 70px;
background-position: center center;
background-size: cover;
}
#ajax_build_product .img_box img {
width: 100%;
height: 100%;
}
#ajax_build_product table.prod_build_table {
background: #fffef6;
border: 2px solid #EBEBEB;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 3px;
}
#ajax_build_product table.prod_build_table img {
vertical-align: bottom;
}
.posbox_class {
float: left;
width: 90px;
height: 134px;
margin: 6px;
border: 1px solid #ccc;
text-align: center;
font-size: 12px;
}
.posbox_class img {
width: 90px;
height: 90px;
margin-bottom: 5px;
}
#ajax_build_product .top_row {
float: left;
margin: 5px 0px 5px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #EBEBEB;
border-radius: 5px;
width: 100%;
padding: 5px;
}
#ajax_build_product .top_row #main_preview_img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 500px;
}
#ajax_build_product .top_row .left_side {
float: left;
width: 100%;
max-width: 500px;
text-align: center;
}
#ajax_build_product .top_row .right_side {
float: right;
width: 420px;
margin-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#ajax_build_product .top_row .right_side .total_price {
color: #ff0000;
font-weight: bold;
font-size: 32px;
}
#ajax_build_product .form_left_side {
float: left;
min-width: 315px;
}
#ajax_build_product .form_right_side {
float: right;
width: 315px;
text-align: center;
padding-top: 45px;
}
/* Edit Product Divs */
.edit_product_right_side {
float: right;
text-align: center;
width: 100%;
max-width: 450px;
min-width: 315px;
}
.edit_product_left_side {
float: left;
}
.fbox_image_select {
float: left;
width: 148px;
margin: 3px;
border: 1px solid #ccc;
}
.fbox_image_select img {
width: 148px;
width: 148px;
}
.edit_product_left_side .img_select_box {
float: left;
width: 25px;
border: 1px solid #ccc;
margin: 0px 4px 4px 0px;
text-align: center;
}
.edit_product_left_side .img_select_box img {
width: 25px;
height: 25px;
}
/* Account page */
.essential_checklist_done {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px;
margin: 2px 0px 4px 0px;
background: #e5fce2;
border: 1px solid #11b000;
color: #11b000;
}
.essential_checklist_todo {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px;
margin: 2px 0px 4px 0px;
background: #fdd9d7;
border: 1px solid #d00900;
color: #d00900;
}
/* Front End Category Page */
#ajax_product_view .prod_box {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 33%;
padding: 5px;
margin: 5px 3px 5px 0px;
text-align: center;
border: 1px solid #ccc;
-moz-border-radius: 5px;
border-radius: 10px;
}
#ajax_product_view .prod_box:nth-of-type(3n+3) {
float: right;
margin-right: 0px;
}
#ajax_product_view .prod_box .img_box, #ajax_product_image .img_box {
float: left;
width: 100%;
position: relative;
}
#ajax_product_view .prod_box .img_box .express_div, #ajax_product_image .img_box .express_div {
position: absolute;
z-index: 25;
left: 0px;
left: calc(100% - 57px);
top: 0px;
top: calc(100% - 88px);
width: 57px;
height: 80px;
}
#ajax_product_view .prod_box .img_box .express_div img, #ajax_product_image .img_box .express_div img {
width: 100%;
height: 100%;
}
#ajax_product_view .prod_box .img_box .quick_view_div {
position: absolute;
z-index: 25;
width: 42px;
height: 68px;
left: 0px;
top: 60px;
top: calc(100% - 76px);
}
#ajax_product_view .prod_box .img_box .quick_view_div img {
width: 100%;
height: 100%;
}
#ajax_product_view .prod_box .img_box img {
max-width: 100%;
height:auto;
}
#ajax_product_view .prod_box .link_box {
width: 100%;
height: 40px;
overflow: hidden;
margin: 2px 0px 2px 0px;
font-weight: bold;
font-size: 12px;
}
#ajax_product_view .prod_box .prices {
width: 100%;
padding: 5px 0px 3px 0px;
font-size:12px;
}
#ajax_product_view .prod_box .prices .pt {
font-weight: bold;
color: #3399ff;
font-size:14px;
}
#ajax_product_view .prod_box .brand_logo {
width: 100%;
height: 35px;
margin: 3px 0px 5px 0px;
text-align: center;
}
#ajax_product_view .prod_box .review_block {
text-align: center;
width: 100%;
height: 14px;
padding: 3px 0px 3px 0px;
}
#ajax_product_view .prod_box .spec_heading {
background: #3399ff url('//www.clothes2order.com/images/c2o_new_2013/layout/category/featured_title.gif') no-repeat top center;
width: 142px;
height: 48px;
margin: -5px auto 5px auto;
font-size:115%;
line-height:40px;
color:#fff;
font-weight:bold;
}
/* Dropotron Navigation */
#main_nav ul { list-style: none; margin: 0; padding: 0; }
#main_nav ul li:first-child {border-left: 1px solid #fff;}
#main_nav ul li { display: inline-block; padding: 0.35em 0.75em 0.35em 0.75em; border-right: 1px solid #fff;}
#main_nav ul li.active { background: #1576d7; }
#main_nav ul li.active a { color: #fff; text-decoration: none; }
.dropotron { background: #444; border-radius: 0.5em; list-style: none; margin: 0; min-width: 10em; padding: 0.75em 1em 0.75em 1em; }
.dropotron > li { border-top: solid 1px #555; margin: 0; padding: 0; }
.dropotron > li:first-child { border-top: 0; }
.dropotron > li > a { color: #ccc; display: block; padding: 0.5em 0 0.5em 0; text-decoration: none; }
.dropotron > li.active > a, .dropotron > li:hover > a { color: #fff; }
.dropotron.level-0 { margin-top: 1.25em; }
.dropotron.level-0:before { content: ''; position: absolute; border-bottom: solid 0.5em #444; border-left: solid 0.5em transparent; border-right: solid 0.5em transparent; top: -0.5em; }
/* */
.submenu a { margin-right:45px; }
.submenu .t3 { float:right; padding:6px; color:#888; font-style:italic; }
.sidr .sidr-class-t3 { float:right; font-style:italic; }
.submenu .t4 { float:right; padding:6px; color:#888; font-style:italic; }
.submenu .dd_head { font-weight:bold; color:#eee; line-height:35px; }
.sidr .sidr-class-dd_head { font-weight:bold; }
/* Header */
#header_phone_bar {
width: 100%;
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #cccccc;
height: 26px;
}
#header_phone_bar .inner_container {
width:100%;
max-width:960px;
margin:0px auto;
box-sizing:border-box;
line-height:19px;
}
#header_phone_bar .inner_container .left_side {
float: left;
letter-spacing: 0.6px;
font-size: 15px;
padding: 5px 0px 0px 0px;
}
#header_phone_bar .inner_container .left_side .ct {
text-transform: uppercase;
}
#header_phone_bar .inner_container .left_side .pt {
font-size: 11px;
letter-spacing: normal;
}
#header_phone_bar .inner_container .right_side {
float: right;
text-align: right;
padding: 5px 0px 0px 0px;
font-size: 12px;
}
#header_phone_bar .inner_container .right_side img {
vertical-align:middle;
}
#header_phone_bar .inner_container .right_side .wt {
font-style: italic;
color: #4ca5fd;
}
#header_currency_select {
position: absolute;
right:0px;
width: 204px;
overflow-y: auto;
background: #d3e9ff;
border: 3px solid #fff;
border-top: 1px solid #ccc;
-webkit-box-shadow: 7px 10px 9px -4px #ccc;
-moz-box-shadow: 7px 10px 9px -4px #ccc;
box-shadow: 7px 10px 9px -4px #ccc;
padding: 10px;
z-index: 90;
line-height: 1.4em;
}
#header_currency_select .ind_coutry {
clear: both;
float: left;
font-size: 14px;
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 3px;
margin-bottom: 3px;
}
#header_currency_select .close_link {
float: left;
font-size: 12px;
width: 100%;
padding: 8px 0px 0px 0px;
text-align: right;
}
#header_currency_select .sub_heading {
float: left;
width: 100%;
padding: 3px 0px 4px 0px;
}
/* New Layout Styles */
#new_header {
float: left;
width: 100%;
height: 86px;
}
#new_header .row1 {
float: left;
width: 100%;
padding: 6px 0px 6px 0px;
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
}
#new_header .row2 {
float: left;
width: 100%;
padding-top: 3px;
}
#new_header .row2 .logo {
float: left;
height: 70px;
line-height: 81px;
margin: 3px 0px 3px 0px;
}
#new_header .row2 .right_side {
float: right;
height: 52px;
margin: 8px 2px 0px 0px;
background: url(images/icons/basket.gif) no-repeat top right;
}
#new_header .row2 .right_side .yb_heading {
float: left;
width: 100%;
text-align: right;
padding-bottom: 2px;
font-family: "PT Sans", Arial;
font-weight: bold;
font-size: 14px;
}
#new_header .row2 .right_side .yb {
float: left;
width: 113px;
height: 13px;
margin: 17px 10px 0px 0px;
text-transform: uppercase;
font-size: 12px;
text-align: right;
}
#new_header .row2 .right_side .yb img {
width: 113px;
height: 13px;
}
#new_header .row2 .right_side .cc {
float: right;
position: relative;
width: 66px;
height: 52px;
}
#new_header .row2 .right_side .cc .abs_click {
position: absolute;
width: 66px;
height: 52px;
z-index: 3;
}
#new_header .row2 .right_side .cc .abs_click img {
width: 66px;
height: 52px;
}
#new_header .row2 .right_side .cc .tv {
float: left;
width: 100%;
text-align: center;
font-weight: bold;
margin: 27px 0px 0px 0px;
}
#new_header .row3 {
float: left;
width: 100%;
background: #3399ff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
min-height: 34px;
font-family: "PT Sans",Arial;
}
#responsive_menu_button {
float: left;
cursor: pointer;
padding-top: 7px;
position: relative;
width: 85px;
height: 26px;
}
#responsive_menu_button .menu_text {
float: right;
margin-top: -1px;
}
#responsive_menu_button .overlay_img {
position: absolute;
width: 85px;
height: 26px;
z-index: 10;
}
#responsive_menu_button .overlay_img img {
width: 100%;
height: 100%;
}
#new_header .row3 .hamburger_menu {
width: 30px;
height:4px;
background-color:#fff;
position:relative;
}
#new_header .row3 .hamburger_menu:after, #new_header .row3 .hamburger_menu:before {
content: '';
width: 30px;
height:4px;
background-color:#fff;
position:absolute;
}
#new_header .row3 .hamburger_menu:after {
top:8px;
}
#new_header .row3 .hamburger_menu:before {
top:16px;
}
#new_header .row3 a:link { color:#fff; text-decoration:none; }
#new_header .row3 a:visited { color:#fff; text-decoration:none; }
#new_header .row3 a:hover { text-decoration:underline; }
#new_header .row3 a:active { text-decoration:none; }
/* Breadcrumb */
#breadcumb_bar {
width: 100%;
background: #f2f1f1;
margin-bottom: 5px;
padding: 6px 0px 6px 0px;
font-size: 12px;
text-align:center;
}
/* Centre Main */
#centre_main {
float: left;
width: 100%;
}
#centre_main a {color: #1576d7; }
#centre_main a:hover {color: #1eba1e; text-decoration: none;}
#centre_main a:active {color: #1eba1e; text-decoration: none;}
/* Footer */
#footer {
clear: both;
float: left;
width: 100%;
background: #d8d8d8 url(images/footer/f_bar.gif) repeat-x top left;
margin-top: 30px;
padding-bottom: 5px;
}
/* Content pages */
#dynamic_page_content p {
margin-top: 4px;
}
/* Index Page */
#store_index {
float: left;
width: 100%;
}
#store_index .main_banner {
float: left;
width: 100%;
height: 358px;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
#store_index .main_banner .overlay {
float: right;
width: 40%;
height: 338px;
padding: 15px;
background:rgba(255,255,255,0.6);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-family: "PT Sans", Arial;
font-weight: bold;
font-size: 32px;
margin: 10px 2% 10px 2%;
overflow: hidden;
}
/* Index Page Main Site */
#mainsite_index {
float: left;
width: 100%;
}
#mainsite_index .main_banner {
float: left;
width: 100%;
height: 428px;
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
background-image: url(images/index_banners/home_bg.jpg);
}
#mainsite_index .main_banner .overlay {
float: right;
width: 100%;
max-width: 636px;
height: 380px;
margin: 23px 15px 0px 0px;
background-position: top right;
background-image: url(images/index_banners/overlay_full.png);
}
#mainsite_index .main_banner .overlay .button_outer {
float: right;
width: 252px;
margin: 283px 25px 0px 0px;
text-align: center;
}
#mainsite_index .large_text_box {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-family: "PT Sans", Arial;
font-size: 24px;
padding: 10px 0px 10px 0px;
}
#mainsite_index .usp_box {
float: left;
width: 32%;
min-height: 338px;
background: #bbdaf9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid #fff;
-webkit-box-shadow: 7px 10px 9px -4px #ccc;
-moz-box-shadow: 7px 10px 9px -4px #ccc;
box-shadow: 7px 10px 9px -4px #ccc;
margin-bottom: 10px;
}
#mainsite_index .usp_box .ic {
width: 70%;
height: 52px;
margin: 24px auto 5px auto;
font-size: 18px;
font-weight: bold;
font-family: "PT Sans", Arial;
background: url(images/index_banners/usp_tick.png) top left no-repeat;
padding-left: 40px;
}
/* Accordion Script */
#accordion .accordion-toggle, #accordion-footer .accordion-toggle {
display: block;
height: 30px;
width: 100%;
padding: 0 10px 0 10px;
line-height: 30px;
text-decoration: none;
outline: none;
border: 1px solid #dcdcdc;
cursor: pointer;
margin: 0 0 0 0;
background: #f3f2f2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
}
#accordion .accordion-toggle-active, #accordion-footer .accordion-toggle-active {
background: #3399ff !important;
color: #ffffff !important;
border: 1px solid #d8d8d8 !important;
}
#accordion .accordion-content, #accordion-footer .accordion-content {
overflow: hidden;
padding: 0px 10px 0px 10px;
line-height: 1.5em;
display: none;
}
#accordion .accordion-content.default, #accordion-footer .accordion-content.default {
display: block;
}
/* Checkout */
#checkout_container {
float: left;
width: calc(100% - 255px);
}
#checkout_container > div {
margin-bottom:10px;
}
#checkout_container .op_box_full {
clear: none !important;
}
#checkout_container #checkout_to_pay {
float:right;
margin-top:10px;
font-weight:bold;
}
#checkout_summary {
float:right;
width:245px;
}
#checkout_summary .logos {
float: left;
width: 100%;
text-align: center;
}
#checkout_summary .info_text {
clear: both;
float: left;
width: 100%;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
#checkout_container .checkout_header, #checkout_summary .checkout_header {
padding:5px;
background:#3399FF;
font-weight:bold;
color:#fff;
cursor: pointer;
border: 1px solid #bbb;
}
#checkout_container .checkout_details, #checkout_summary .checkout_details {
border:1px solid #bbb;
border-width:0 1px 1px 1px;
padding:5px;
}
#checkout_summary .checkout_header {
cursor: auto !important;
}
.checkout_address_box {
float: left;
width: 49%;
margin: 0px 0px 10px 0px;
}
/* production speed */
/*
th.customise_th {
border: 1px solid #3399ff;
}
*/
.customise_tb .est_text {
float: left;
width: 120px;
padding: 22px 0px 0px 10px;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
}
.customise_tb .est_text .type1 {
color: #1576D7; font-style: italic;
}
.customise_tb .est_text .type2 {
color: #ff0000;
}
.ship_date_box {
float: left;
height: 60px;
width: 48px;
text-align: center;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/mini_cal.gif) no-repeat top left;
}
.ship_date_box .line1 {
float: left;
width: 48px;
color: #fff;
text-transform: uppercase;
padding-top: 2px;
font-size: 14px;
}
.ship_date_box .line2 {
float: left;
width: 48px;
color: #1576D7;
padding-top: 3px;
font-size: 28px;
}
#product_view_form .refine_box {
float:left;
width:100%;
margin:0 0 5px 0;
text-align:left;
}
#product_view_form .refine_box .refine_heading {
font-weight:bold;
font-size:110%;
}
#product_view_form .refine_box .refine_heading img {
vertical-align:middle;
}
/* OSC Styles */
.messageStackError, .messageStackWarning { background-color:#e00000; color:#fff; text-align:center; font-weight:bold; padding:3px; }
.messageStackSuccess { background-color:#66b900; color:#fff; text-align:center; font-weight:bold; padding:3px;}
/* wz_tooltip */
#WzTtDiV, #WzBoDy {
-moz-border-radius:0 10px 10px 10px;
-webkit-border-radius:0 10px 10px 10px;
border-radius:0 10px 10px 10px;
-khtml-border-radius:0 10px 10px 10px;
}
#WzTtDiV {
-webkit-box-shadow: 3px 3px 10px -2px #000;
-moz-box-shadow: 3px 3px 10px -2px #000;
box-shadow: 3px 3px 10px -2px #000;
}
.WzTtDiV_border_fix {
-moz-border-radius:10px 10px 10px 0 !important;
-webkit-border-radius:10px 10px 10px 0 !important;
border-radius:10px 10px 10px 0 !important;
-khtml-border-radius:10px 10px 10px 0 !important;
}
/* product list table */
th.prod_list_th {
text-align: left;
font-weight: bold;
font-size: 15px;
padding: 5px 2px 5px 2px;
border-bottom: 2px solid #fff;
}
tr.prod_list_tr {
background: #f2f1f1;
border-bottom: 2px solid #fff;
}
tr.prod_list_tr_odd {
background: #d3e9ff;
border-bottom: 2px solid #fff;
}
tr.order_total_tr {
background: #3399ff;
color: #fff;
font-size: 18px;
}
td.order_total1_td {
text-align: right;
padding: 4px;
font-size: 14px;
}
td.order_total2_td {
width: 100px;
text-align: right;
padding: 4px 6px 4px 4px;
}
.track_order_main .top_left {
float: left;
width: 49%;
}
.track_order_main .top_right {
float: right;
width: 49%;
}
/* Product list */
#product_view_form .refine_heading {
float: left;
width: 100%;
height: 20px;
padding: 3px 0px 3px 0px;
}
#product_view_form .refine_heading .si {
width: 20px;
height: 20px;
margin-top: -2px;
}
#product_view_form .srb {
float: left;
height: 22px;
width: 100%;
margin: 3px 5px 0px 0px;
overflow: hidden;
}
#product_view_form .rb1 {
float: left;
height: 25px;
width: 22px;
}
#product_view_form .rb2 {
float: left;
height: 19px;
padding: 3px;
}
/* product reviews */
#product_reviews_block {
float: left;
width: 100%;
}
#product_reviews_block .heading_block {
width: 100%;
}
#product_reviews_block .heading_block .right_side {
display:none;
}
#product_reviews_block .summary_block {
float: left;
border: 1px solid #dcdcdc;
background: #f3f2f2;
padding: 7px;
margin: 0 0 5px 0;
}
#product_reviews_block .summary_block .left_side {
float: left;
width: 100%;
}
#product_reviews_block .summary_block .left_side .rating_row {
float: left;
width: 100%;
}
#product_reviews_block .summary_block .left_side .rating_row .ls {
float: left;
width: 100px;
height: 16px;
padding: 3px 0px 1px 0px;
font-weight: bold;
}
#product_reviews_block .summary_block .left_side .rating_row .rs {
float: left;
width: 180px;
height: 20px;
padding: 2px 0px 2px 0px;
}
#product_reviews_block .summary_block .left_side .rating_row .rs .sc {
float: left;
background: #3399ff;
height: 16px;
font-size: 1px;
margin: 0px 5px 0px 0px;
overflow: hidden;
}
#product_reviews_block .ind_review_block {
border-top: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
background: #f7f7f7;
padding: 7px;
}
#product_reviews_block .ind_review_block .col1 {
margin: 0 0 10px 0;
width:100%;
}
#product_reviews_block .ind_review_block .col1 table td {
padding:3px;
}
#product_reviews_block .ind_review_block .col1 img {
width: 81px;
height: 14px;
vertical-align: top;
}
#product_reviews_block .ind_review_block .col2 {
float: left;
width:100%;
margin-top:5px;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/product/sm.gif) no-repeat top left;
}
#product_reviews_block .ind_review_block .col2 .tt {
font-style: italic;
margin: 2px 0px 0px 30px;
font-size: 14px;
}
#product_reviews_block .ind_review_block .col2 .ct {
font-weight: bold;
margin: 10px 0px 0px 0px;
}
#product_reviews_block .ind_review_block .col3 {
float:left;
width:100%;
line-height: 1.2em;
font-size: 12px;
margin-top:5px;
}
#product_reviews_block .ind_review_block .col3 .ls {
float: left;
margin: 3px 0px 0px 0px;
}
#product_reviews_block .ind_review_block .col3 .rs {
float: right;
margin: 3px 0px 0px 0px;
text-transform: uppercase;
}
/* products page */
#product_top {
padding:5px 0 10px;
}
#product_top .heading {
padding-bottom:3px;
font-size:19px;
font-weight:bold;
font-family:'Myriad Pro',Arial;
}
.product_image_block {
text-align:center;
}
#product_top_block {
margin-bottom:10px;
}
#add_to_basket_box {
border:#666;
border:1px solid #DCDCDC;
background:#F3F2F2;
padding:10px;
}
#add_to_basket_box .add_to_basket_row {
position:relative;
width:100%;
height:39px;
margin-bottom:5px;
}
#add_to_basket_box .add_to_basket_row .title {
float:left;
width:50%;
color:#39F;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
line-height:23px;
}
#add_to_basket_box .add_to_basket_row .options {
float:right;
width:50%;
}
#product_top_block .custom_avail {
padding:5px;
margin-top:5px;
background:#F3F2F2;
border:1px solid #D5D5D5;
}
.colourTable {
font-size:12px;
padding:1px;
}
#ajax_desc_div .link_icons {
float:right;
width:80px;
padding:0 0 5px 5px;
}
.desc_tabs a, .price_table_tabs_block a {
display:block;
font-size:12px;
padding:8px 10px 8px 8px;
background:#E9E9E9;
color:#333333 !important;
font-weight:bold;
text-align:center;
-webkit-border-radius:0 7px 0 0;
-moz-border-radius:0 7px 0 0;
border-radius:0 7px 0 0;
margin-left:3px;
}
.desc_tabs a.active, .price_table_tabs_block a.active {
background:#3399FF;
color:#fff !important;
}
#tab_back1, #price_tab1 {
margin:0;
}
.desc_tabs td, .price_table_tabs_block td {
padding:0;
}
#ajax_desc_div , #ajax_price_table{
padding:5px;
border:1px solid #D5D5D5;
max-height:350px;
overflow:auto;
}
#ajax_price_table .heading {
color: #3399ff;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
#ajax_price_table .heading_small {
color: #3399ff;
font-weight: bold;
}
#ajax_price_table .size_select {
float: left;
margin: 2px 0px 2px 0px;
font-size: 11px;
width: 100%;
}
table.top_borders {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
margin:5px 0 10px;
}
table.customise_tb {
font-size: 12px;
}
td {
padding: 2px;
}
th {
text-align: left;
font-weight: bold;
padding: 2px;
}
td.quan_td {
font-weight: bold;
}
td.price_td {
font-weight: bold;
font-size: 14px;
color: #3399ff;
}
td.content_td {
border-top: solid 1px #dcdcdc; border-left: solid 1px #dcdcdc;
}
td.prod_list_price_td {
color: #002c97;
font-weight: bold;
text-align: right;
padding-right: 6px;
}
td.order_total1_td {
text-align: right;
padding: 4px;
font-size: 14px;
}
td.order_total2_td {
width: 100px;
text-align: right;
padding: 4px 6px 4px 4px;
}
th.content_th {
text-align: left;
font-weight: bold;
border-top: solid 1px #dcdcdc; border-left: solid 1px #dcdcdc; background-color: #f3f2f2;
font-family: "Myriad Pro", Arial;
font-size: 15px;
}
th.customise_th {
text-align: left;
font-weight: bold;
font-family: "Myriad Pro", Arial;
font-size: 13px;
padding: 5px 2px 5px 2px;
background:#39F;
color:#fff;
}
th.prod_list_th {
text-align: left;
font-weight: bold;
font-family: "Myriad Pro", Arial;
font-size: 15px;
padding: 5px 2px 5px 2px;
background: #3399ff;
color: #fff;
border-bottom: 2px solid #fff;
}
tr.customise_tr_odd {
background: #d8d8d8;
}
tr.customise_tr_sel {
background: #d3e9ff;
}
tr.prod_list_tr {
background: #f2f1f1;
border-bottom: 2px solid #fff;
}
tr.prod_list_tr_odd {
background: #d3e9ff;
border-bottom: 2px solid #fff;
}
tr.order_total_tr {
background: #3399ff;
color: #fff;
font-size: 18px;
}
th.customise_th img {
width: 38px;
height: 37px;
margin: 0px 0px 0px 35px;
}
table.content_table {
float: left;
border-bottom: solid 1px #dcdcdc;
border-right: solid 1px #dcdcdc;
}
.prod_info_accord {
border-top:1px solid #D5D5D5;
height:100%;
}
.prod_info_accord .header {
background:#3399FF;
padding:5px;
border:1px solid #D5D5D5;
border-width:0 1px 1px 1px;
color:#fff;
font-weight:bold;
cursor:pointer;
text-align:center;
}
.prod_info_accord .body {
border:1px solid #D5D5D5;
border-width:0 1px 1px 1px;
overflow-y:auto;
}
.price_info_accord .body {
height:calc(100% - 60px);
}
.desc_info_accord .body {
height:calc(100% - 120px);
}
.prod_info_accord .body .inner {
margin:5px;
}
.prod_info_accord .body .inner .heading {
color:#39F;
text-transform:uppercase;
font-weight:bold;
}
.prod_info_accord .body .inner .heading_small {
color:#39F;
font-weight:bold;
}
.prod_info_accord .body .inner .link_icons {
float:right;
}
/* Products Carousel */
.prod_row {
position:relative;
width: 100%;
height: 302px;
margin: 5px 0px 5px 0px;
overflow: hidden;
font-size:13px;
}
.prod_row .arrow_col {
position:absolute;
z-index:25;
top:calc(50% - 50px);
}
.prod_row .product_col {
float: left;
width:18%;
padding: 0px 3px 0px 3px;
text-align: center;
border-right: 1px solid #cccccc;
}
.prod_row .product_col:nth-child(5) {
border-right:0;
}
#index_prod_row .prod_row .product_col {
border-left:0;
}
.prod_row .product_col .heading {
float: left;
width: 100%;
font-size: 18px;
font-weight: bold;
padding: 3px 0px 3px 0px;
font-family: "Myriad Pro", Arial;
}
.prod_row .product_col .image_block {
float: left;
width: 100%;
padding: 7px 0px 7px 0px;
}
.prod_row .product_col .image_block img {
width: 135px;
height: 135px;
}
.prod_row .product_col .text_link {
float: left;
width: 100%;
height: 32px;
overflow: hidden;
margin: 1px 0px 3px 0px;
}
.prod_row .product_col .text_block {
float: left;
width: 100%;
padding: 7px 0px 7px 0px;
}
.prod_row .product_col .text_block .lt {
font-size: 32px;
font-weight: bold;
}
.prod_row .product_col .create_now {
float: left;
width: 100%;
padding: 7px 0px 7px 0px;
}
.prod_row .product_col .create_now img {
width: 125px;
height: 30px;
}
/* Mini Basket */
#ajax_mini_roll_cart {
}
#ajax_mini_roll_cart .top_row {
float: left;
width: 270px;
height: 12px;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/product/basket_overlay/top_box.png) no-repeat top left;
font-size: 1px;
}
#ajax_mini_roll_cart .mid_row {
}
#ajax_mini_roll_cart .mid_row .inner_text {
padding: 1px;
margin: 0px 0px 0px 0;
}
#ajax_mini_roll_cart .mid_row .inner_text .cart_block {
height: 52px;
margin: 5px 0px 0px 0px;
background: url(images/icons/basket.gif) no-repeat top right;
}
#ajax_mini_roll_cart .mid_row .inner_text .cart_block .yb {
float: left;
height: 13px;
margin: 5px 0px 0px 0px;
text-transform: uppercase;
font-size: 12px;
}
#ajax_mini_roll_cart .mid_row .inner_text .cart_block .yb h4 {
line-height:30px;
}
#ajax_mini_roll_cart .mid_row .inner_text .cart_block .yb img {
width: 113px;
height: 13px;
}
#ajax_mini_roll_cart .mid_row .inner_text .cart_block .cc {
float: right;
width: 66px;
height: 52px;
}
#ajax_mini_roll_cart .mid_row .inner_text .cart_block .cc .tv {
float: left;
width: 100%;
text-align: center;
font-weight: bold;
margin: 27px 0px 0px 0px;
}
#ajax_mini_roll_cart .mid_row .inner_text .info_left_side {
clear: both;
float: left;
width: 23px;
height: 22px;
margin: 3px 0px 0px 3px;
}
#ajax_mini_roll_cart .mid_row .inner_text .info_left_side img {
width: 23px;
height: 22px;
}
#ajax_mini_roll_cart .mid_row .inner_text .info_right_side {
float: left;
width: 187px;
margin: 0px 0px 0px 13px;
color: #3399ff;
font-weight: bold;
}
#ajax_mini_roll_cart .mid_row .inner_text .prod_text {
clear: both;
margin: 0px 0px 0px 0px;
}
#ajax_mini_roll_cart .mid_row .inner_text .prod_buttons {
float: left;
width: 100%;
text-align: center;
}
#ajax_mini_roll_cart .mid_row .inner_text .prod_buttons img {
width: 207px;
height: 64px;
margin: 11px 0px 0px 0px;
}
#ajax_mini_roll_cart .mid_row .inner_text .close_box {
float: left;
width: 100%;
text-align: right;
margin: 14px 0px 0px 0px;
}
#ajax_mini_roll_cart .mid_row .inner_text .close_box img {
width: 23px;
height: 22px;
}
#ajax_mini_roll_cart .bot_row {
float: left;
width: 270px;
height: 18px;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/product/basket_overlay/bot_box.png) no-repeat top left;
font-size: 1px;
}
/* Shopping Cart Page */
#shopping_cart_container{
float: left;
width: 100%;
}
#shopping_cart_outer {
float: left;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
}
#shopping_cart_outer .header_back {
float: left;
width: 100%;
background: #3399ff;
border-bottom: 2px solid #fff;
padding: 10px 0px 10px 0px;
}
#shopping_cart_outer .header_back img {
width: 683px;
height: 16px;
margin: 0px 0px 0px 13px;
}
#shopping_cart_outer .central_text {
float: left;
width: 690px;
border-bottom: 2px solid #fff;
background: #f2f1f1;
padding: 4px 10px 4px 10px;
}
#shopping_cart_outer .central_text_odd {
float: left;
width: 690px;
border-bottom: 2px solid #fff;
background: #d3e9ff;
padding: 4px 10px 4px 10px;
}
#shopping_cart_outer .text_box {
float: left;
padding: 5px;
width: 60px;
}
#shopping_cart_outer .price_show {
color: #002c97;
font-weight: bold;
text-align: right;
}
#shopping_cart_totals_box {
float: right;
width: 160px;
margin: 5px 16px 0px 0px;
}
#shopping_cart_totals_box td.ct1 {
width: 100px;
}
#shopping_cart_totals_box td.ct2 {
width: 60px; color: #3399ff; text-align: center; font-weight: bold; font-size: 16px;
}
#shopping_cart_totals_box td.ct3 {
width: 155px; padding: 4px 5px 0px 0px; text-align: right;
}
#shopping_cart_container .button_box {
float: right;
width: 100%;
text-align: right;
}
#shopping_cart_container .button_box img {
width: 207px;
height: 64px;
margin-left: 15px;
}
#shopping_cart_right_col {
float: right;
width: 225px;
}
#shopping_cart_right_col .customise_block {
float: left;
width: 225px;
background: #f2f1f1;
text-align: center;
}
#shopping_cart_right_col .customise_block .top_heading {
float: left;
width: 100%;
border-bottom: 2px solid #fff;
padding: 12px 0px 10px 0px;
}
#shopping_cart_right_col .customise_block .top_heading img {
width: 151px;
height: 20px;
}
#shopping_cart_right_col .customise_block .img_block {
float: left;
width: 100%;
margin: 5px 0px 5px 0px;
}
#shopping_cart_right_col .customise_block .img_block img {
width: 207px;
height: 64px;
}
#shopping_cart_right_col .customise_block .inner_text {
float: left;
width: 205px;
padding: 1px 10px 5px 10px;
text-align: left;
}
/* Choose Customisation */
#checkout_2 {
float: left;
width: 100%;
margin: 5px 0px 0px 0px;
}
#checkout_2 .left_side_col {
padding: 0px 0px 0px 0px;
}
#checkout_2 .left_side_col .top_row {
float: left;
width: 100%;
height: 30px;
margin: 0px 0px 12px 0px;
}
#checkout_2 .left_side_col .top_row .ls {
float: left;
}
#checkout_2 .left_side_col .top_row .ls img {
margin: 6px 0px 0px 0px;
}
#checkout_2 .left_side_col .top_row .rs {
float: right;
}
#checkout_2 .left_side_col .top_row .rs img {
margin: 0px;
}
#checkout_2 .left_side_col .no_custs {
float: left;
width: 100%;
margin: 4px 0px 10px 0px;
}
#checkout_2 .left_side_col .no_custs img {
width: 433px;
height: 64px;
}
#checkout_2 .right_side_col {
}
#checkout_2 .right_side_col .top_row {
float: left;
width: 100%;
height: 18px;
margin: 6px 0px 5px 0px;
}
#checkout_2 .right_side_col .top_row img {
margin: 0px;
}
#checkout_2 .right_side_col .sb {
float: left;
width: 95px;
margin: 5px 5px 5px 0px;
text-align: center;
font-size: 12px;
}
#checkout_2 .right_side_col .sb:nth-child(3) {
margin-right:5px;
}
#checkout_2 .right_side_col .sb:nth-child(6) {
margin-right:0;
}
#checkout_2 .right_side_col .sb .top1 {
width: 100%;
height: 25px;
/* background: url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/sc_top1.gif) no-repeat top left; */
background:#F5F4F4;
border:1px solid #ccc;
border-width:1px 1px 0 1px;
}
#checkout_2 .right_side_col .sb .top2 {
width: 100%;
height: 25px;
/* background: url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/sc_top2.gif) no-repeat top left; */
background:#F5F4F4;
border:1px solid #ccc;
border-width:1px 1px 0 1px;
}
#checkout_2 .right_side_col .sb .top3 {
width: 100%;
height: 25px;
/* background: url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/sc_top3.gif) no-repeat top left; */
background:#F5F4F4;
border:1px solid #ccc;
border-width:1px 1px 0 1px;
}
#checkout_2 .right_side_col .sb .top4 {
width: 100%;
height: 25px;
/* background: url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/sc_top4.gif) no-repeat top left; */
background:#F5F4F4;
border:1px solid #ccc;
border-width:1px 1px 0 1px;
}
#checkout_2 .right_side_col .sb .top5 {
width: 100%;
height: 25px;
/* background: url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/sc_top5.gif) no-repeat top left; */
background:#F5F4F4;
border:1px solid #ccc;
border-width:1px 1px 0 1px;
}
#checkout_2 .right_side_col .sb .top6 {
width: 100%;
height: 25px;
/* background: url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/sc_top6.gif) no-repeat top left; */
background:#F5F4F4;
border:1px solid #ccc;
border-width:1px 1px 0 1px;
}
#checkout_2 .right_side_col .sb .mid {
width: 100%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f5f4f4;
height: 185px;
}
#checkout_2 .right_side_col .sb .mid .ai {
height: 79px;
margin: 45px 0px 0px 0px;
}
#checkout_2 .right_side_col .sb .bot {;
width: 100%;
height: 2px;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/sc_bot.gif) no-repeat top left;
}
#checkout_2 .right_side_col .sb .it {
width: 100%;
height: 20px;
padding: 7px 0px 4px 0;
overflow: hidden;
}
#checkout_2 .right_side_col .sb .img_div_outer {
width: 90%;
border: 1px solid #dedede;
background: #fff;
margin: 0 auto;
}
#checkout_2 .right_side_col .sb .img_div {
width: 100%;
height: 100px;
background-repeat: no-repeat;
background-position: center;
}
#checkout_2 .right_side_col .sb .img_div_text {
width: 100%;
height:30px;
padding: 4px 0px 3px 0px;
background: #e7e7e7;
}
#checkout_2 .right_side_col .sb .add_new {
width: 100%;
height: 30px;
margin: 5px 0px 7px;
}
#checkout_2 .right_side_col .sb .add_new img {
width: 122px;
height: 30px;
}
#checkout_2 .right_side_col .sml_faqs_replace {
float: left;
width: 100%;
text-align: right;
margin: 200px 0px 15px 0px;
}
.faq_text, #checkout_4 .faq_text {
float: left;
width: 100%;
line-height: 1.2em;
padding: 7px 0px 7px 0px;
}
.faq_text .icb, #checkout_4 .faq_text .icb {
float: left;
width: 100%;
padding: 5px 0px 5px 0px;
}
.faq_text .icb_b, #checkout_4 .faq_text .icb_b {
float: left;
width: 100%;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
font-size: 12px;
}
#checkout_2 #ajax_jump_prevent {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
#checkout_2 #ajax_jump_prevent.hover {
background: #edf6fd;
}
/* Create Customisation */
#checkout_2a {
float: left;
width: 100%;
margin: 5px 0px 0px 0px;
}
/*button*/
#checkout_2a .left_side_col .button{
border:1px solid #ed7f13;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size:14px;
font-weight:bold;
padding:6px 0;
margin:10px 0 0 0;
text-decoration:none;
display:inline-block;
color:#fff;
text-transform:uppercase;
width:100%;
text-align:center;
cursor:pointer;
background-color:#F19B47;
background-image:-webkit-gradient(linear, left top, left bottom, from(#F19B47), to(#DE8834));
background-image:-webkit-linear-gradient(top, #F19B47, #DE8834);
background-image:-moz-linear-gradient(top, #F19B47, #DE8834);
background-image:-ms-linear-gradient(top, #F19B47, #DE8834);
background-image:-o-linear-gradient(top, #F19B47, #DE8834);
background-image:linear-gradient(to bottom, #F19B47, #DE8834);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F19B47, endColorstr=#DE8834);
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
#checkout_2a .left_side_col .button:hover{
border:1px solid #c3680f;
background-color:#ed8118;
background-image:-webkit-gradient(linear, left top, left bottom, from(#ed8118), to(#c06f1f));
background-image:-webkit-linear-gradient(top, #ed8118, #c06f1f);
background-image:-moz-linear-gradient(top, #ed8118, #c06f1f);
background-image:-ms-linear-gradient(top, #ed8118, #c06f1f);
background-image:-o-linear-gradient(top, #ed8118, #c06f1f);
background-image:linear-gradient(to bottom, #ed8118, #c06f1f);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ed8118, endColorstr=#c06f1f);
}
#checkout_2a .left_side_col .heading {
font-size:16px;
color:#39F;
text-transform:uppercase;
font-weight:bold;
}
#checkout_2a .left_side_col .width-text {
display:block;
color:#000;
width:100%;
}
#checkout_2a .right_side_col {
float: right;
width: 225px;
}
#checkout_2a .left_side_col .select_block {
float: left;
width: 48%;
background: #f2f1f1;
margin: 7px 0px 15px 0px;
text-align: center;
border: 1px solid #ccc;
border-radius:3px;
}
#checkout_2a .left_side_col .select_block .inner {
width:90%;
max-width:150px;
margin:12px auto;
}
#checkout_2a .left_side_col .select_block .left_side {
float: left;
width: 145px;
text-align: left;
margin: 12px 0px 12px 0px;
font-size: 12px;
line-height: 1.3em;
}
#checkout_2a .left_side_col .select_block .right_side {
position: relative;
margin: 12px 0px 12px 0px;
font-size: 11px;
}
#checkout_2a .left_side_col .select_block .right_side .la_abs {
position: absolute;
width: 26px;
height: 26px;
top: 50%;
margin-top:-13px;
left: 0px;
}
#checkout_2a .left_side_col .select_block .right_side .ra_abs {
position: absolute;
width: 26px;
height: 26px;
top: 50%;
margin-top:-13px;
left: calc(100% - 26px);
}
#checkout_2a .left_side_col .select_block .example_image {
width:80%;
height:80%;
max-width: 130px;
max-height: 130px;
border-radius: 100%;
-webkit-border-radius: 65px;
-moz-border-radius: 65px;
margin: 10px 0px;
}
#checkout_2a .left_side_col .ops_block {
background: #f2f1f1;
padding: 10px;
margin: 7px 0px 15px 0px;
}
#checkout_2a .left_side_col .ops_block .col1 {
float: left;
font-size: 12px;
line-height: 1.3em;
width:60%;
}
#checkout_2a .left_side_col .ops_block .col1 img {
}
#checkout_2a .left_side_col .ops_block .col3 {
float: right;
width:40%;
text-align:right;
padding-top:8px;
}
#checkout_2a .left_side_col .or_block {
position: absolute;
width: 52px;
height: 56px;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/create_cust/or.gif) no-repeat top left;
left: 50%;
margin-left:-26px;
}
/* Font list box */
.fontlist_box {
position: absolute;
width: 250px;
height: 120px;
overflow-y: auto;
background: #fff;
border: 1px solid #ccc;
padding: 3px;
}
/* Text Creation */
#checkout_2b {
float: left;
width: 100%;
margin: 5px 0px 15px 0px;
}
#checkout_2b .row1 {
float: left;
width: 100%;
padding: 0px 0px 5px 0px;
font-weight: bold;
}
#checkout_2b .cust_heading {
font-weight: bold;
}
#checkout_2b .row2 {
float: left;
width: 100%;
padding: 2px 0px 2px 0px;
}
#checkout_2b .row2a {
float: left;
width: 100%;
padding: 2px 0px 0px 0px;
}
#checkout_2b .row2a .inner_text {
padding: 6px 0px 0px 0px;
}
#checkout_2b .row2a .inner_text .ls {
float: left;
margin: 4px 7px 0px 0px;
}
#checkout_2b .row2a .inner_text .rs {
float: right;
}
#checkout_2b .row3 {
float: left;
width: 100%;
padding: 2px 0px 2px 0px;
}
#checkout_2b .row3 .left_side_col {
float: left;
width: 250px;
}
#checkout_2b .row3 .left_side_top_col .inner_text {
padding: 6px 0px 0px 0px;
}
#checkout_2b .row3 .right_side_col {
float: right;
width: 650px;
}
#checkout_2b .row3 .right_side_col .mini_row {
float: left;
width: 100%;
}
#checkout_2b .row3 .right_side_col .mini_row .pad_box {
float: left;
padding: 9px 0px 0px 7px;
}
/* Logo creation */
#checkout_2c {
float: left;
width: 100%;
margin: 5px 0px 15px 0px;
}
#checkout_2c .left_side_col {
}
#checkout_2c .left_side_col .cust_block {
float: left;
width: 221px;
padding: 0px 10px 0px 0px;
border-right: 1px solid #ccc;
margin: 0px 10px 0px 0px;
text-align: center;
overflow-x: hidden;
}
#checkout_2c .left_side_col .cust_block .cust_heading {
float: left;
width: 100%;
padding: 8px 0px 5px 0px;
}
#checkout_2c .left_side_col .cust_block .text_block {
float: left;
width: 100%;
padding: 8px 0px 33px 0px;
}
#checkout_2c .left_side_col .cust_block .file_box {
float: left;
width: 100%;
text-align: left;
height: 33px;
}
#checkout_2c .right_side_col_faqs {
float: right;
width: 225px;
}
#checkout_2c #crop_image_outer {
margin:0 auto;
border: 4px dashed #3399ff;
}
#checkout_2c .crop_image_footer {
margin:0 auto;
font-size: 11px;
text-align: center;
}
#checkout_2c .cio_white {
background: #fff;
}
#checkout_2c .cio_trans {
background: #fff url(//www.clothes2order.com/images/c2o_new_2013/layout/checkout/trans2.gif) top left repeat;
}
#checkout_2c .row3 .inner_text {
padding: 6px 0px 0px 0px;
}
#checkout_2c .left_col_fs {
float: left;
width: 520px;
}
#checkout_2c .right_col_fs {
float: right;
width: 420px;
}
#checkout_2c .right_col_fs .mini_row {
float: left;
width: 100%;
}
#checkout_2c .right_col_fs .mini_row .pad_box {
float: left;
padding: 9px 0px 0px 7px;
}
/* Text line above button */
#checkout_2a .lmht, #checkout_2b .lmht, #checkout_2c .lmht {
float: right;
text-align: right;
font-size: 11px;
width: 432px;
padding: 2px;
margin: 4px 0px 3px 0px;
}
/* Assign Positions Stage */
#checkout_3 {
width: 100%;
margin: 0px 0px 15px 0px;
position: relative;
}
#checkout_3 #ajax_assign_pos_box_left {
position: absolute;
border-top: 5px solid #3399ff;
border-left: 5px solid #3399ff;
border-bottom: 5px solid #3399ff;
z-index: 126;
top: 93px;
left: 40px;
width: 210px;
height: 151px;
}
#checkout_3 #ajax_assign_pos_box_left .inner_block {
position: relative;
float: right;
width: 82px;
height: 151px;
background: #fff;
}
#checkout_3 #ajax_assign_pos_box_left .inner_block img {
width: 53px;
height: 44px;
margin: 57px 0px 0px 5px;
}
#checkout_3 #ajax_assign_pos_box {
position: absolute;
border: 5px solid #3399ff;
z-index: 125;
top: 73px;
left: 250px;
width: 700px;
height: 528px;
background: #fff;
}
#checkout_3 #ajax_assign_pos_box .inner_block {
float: left;
padding: 20px;
width: 660px;
}
#checkout_3 .posbox_class {
float: left;
width: 90px;
height: 120px;
margin: 6px;
border: 1px solid #ccc;
text-align: center;
font-size: 12px;
}
#checkout_3 .posbox_class img {
width: 90px;
height: 90px;
}
#checkout_3 .main_col1 {
float: left;
width: 173px;
}
#checkout_3 .main_col1 .heading {
float: left;
width: 173px;
height: 24px;
margin: 38px 0px 12px 15px;
text-align: center;
}
#checkout_3 .mini_row {
width: 100%;
padding: 6px 0px;
}
#checkout_3 .main_col1 .mini_row .c1 {
float: left;
width: 40px;
padding: 57px 0px 20px 0px;
margin: 0px 9px 0px 0px;
}
#checkout_3 .main_col1 .mini_row .c1 img {
width: 38px;
height: 37px;
}
#checkout_3 .mini_row .c2 {
width: 120px;
margin: 0 auto;
text-align: center;
font-size:12px;
position:relative;
}
#checkout_3 .mini_row .c2 .mini_c2_heading {
width: 100%;
height: 16px;
overflow: hidden;
margin: 0px 0px 3px 0px;
}
#checkout_3 .mini_row .c2 .img_div_outer {
width: 100%;
border: 1px solid #dedede;
background: #fff;
}
#checkout_3 .mini_row .c2 .img_div {
width: 100%;
height: 100px;
background-repeat: no-repeat;
background-position: center;
}
#checkout_3 .mini_row .c2 .img_div_text {
width: 100%;
padding: 4px 0px 3px 0px;
background: #e7e7e7;
}
#checkout_3 .mini_row .c2 .img_div_icons {
width: 100%;
text-align:center;
padding: 3px 0px 3px 0px;
}
#checkout_3 #ajax_onpage_preview {
margin: 0px 0px 0px 0px;
}
#checkout_3 #ajax_onpage_preview .main_col3 {
float: left;
width: 60px;
margin: 65px 0px 0px 0px;
text-align: center;
}
#checkout_3 #ajax_onpage_preview .main_col3 .mini_row {
float: left;
width: 100%;
padding: 72px 0px 69px 0px;
font-size: 12px;
height: 44px;
overflow: hidden;
}
#checkout_3 #ajax_onpage_preview .main_col3 .mini_row img {
width: 53px;
height: 44px;
}
#checkout_3 #ajax_onpage_preview .main_col4 {
width:100%;
max-width:300px;
margin:0 auto;
background: #fff;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row1 {
width: 100%;
height: 50px;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row1 .arrow_box {
float: left;
width: 59px;
height: 59px;
margin: 15px 25px 0px 25px;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row1 .arrow_box img {
width: 59px;
height: 59px;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row1 .text_heading {
float: left;
text-align: center;
width: 100%;
font-size: 15px;
font-weight: bold;
font-family: "Myriad Pro", Arial;
height: 32px;
padding: 15px 0px 0px 0px;
overflow: hidden;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row2 {
padding: 10px 0 5px 0;
font-style: italic;
font-size: 13px;
text-align:center;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row2 .ls {
float: left;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row2 .rs {
float: right;
text-align: right;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row3 {
position:relative;
width: 100%;
height:300px;
overflow:hidden;
border: 1px solid #ccc;
margin: 8px 0 0 0;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row3 #new_preview_image {
position:absolute;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row3 .la_abs {
position: absolute;
width: 26px;
height: 26px;
top: calc(50% - 13px);
left: 5px;
z-index:9;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row3 .ra_abs {
position: absolute;
width: 26px;
height: 26px;
top: calc(50% - 13px);
left: calc(100% - 30px);
z-index:9;
}
#checkout_3 #ajax_onpage_preview .main_col4 .row3 .rotate {
position: absolute;
width:30px;
height:19px;
top:277px;
left:3px;
z-index:5;
text-align:center;
}
#checkout_3 #ajax_onpage_preview .main_col4 .preview_views {
margin-bottom:5px;
}
#checkout_3 #ajax_onpage_preview .main_col4 .preview_views .view {
background:#F3F2F2;
text-align:center;
padding:5px;
border:3px solid #fff;
}
#checkout_3 #ajax_onpage_preview .main_col4 .preview_views .view:first-child {
border-left:0;
}
#checkout_3 #ajax_onpage_preview .main_col4 .preview_views .view:last-child {
border-right:0;
}
#checkout_3 #ajax_onpage_preview .main_col4 .preview_views .selected {
background:#3399FB;
color:#fff;
}
#checkout_3 #ajax_onpage_preview .main_col5 {
}
#checkout_3 #ajax_onpage_preview .main_col5 .row1 {
float: left;
width: 100%;
margin: 22px 0px 0px 0px;
}
#checkout_3 #ajax_onpage_preview .main_col5 .row1 img {
width: 201px;
height: 44px;
}
#checkout_3 #ajax_onpage_preview .main_col5 .row2 {
float: left;
padding: 10px;
border: 1px solid #ccc;
width: 181px;
margin: 53px 0px 0px 0px;
line-height: 1.3em;
background: #fff;
}
#checkout_3 #ajax_onpage_preview .main_col5 .row3 {
float: left;
padding: 10px 0px 10px 5px;
border: 1px solid #fff;
width: 195px;
background: #fff;
}
#checkout_3 #ajax_onpage_preview .main_col5 .row3 .ls {
float: left;
width: 170px;
margin: 2px 0px 0px 0px;
}
#checkout_3 #ajax_onpage_preview .main_col5 .row3 .rs {
float: right;
}
#checkout_3 #ajax_onpage_preview .main_col5 .row4 {
float: left;
padding: 10px;
border: 1px solid #ccc;
width: 181px;
margin: 2px 0px 0px 0px;
line-height: 1.3em;
background: #fff;
}
#checkout_3 .main_row2 {
width: 100%;
margin: 12px 0px 0px 0px;
height: 65px;
}
#checkout_3 .main_row2 .ls {
float: left;
width: 215px;
height: 44px;
margin: 12px 0px 0px 5px;
}
#checkout_3 .main_row2 .ls img {
width: 215px;
height: 44px;
}
#checkout_3 #update_proceed_div, #checkout_3 #update_proceed_div2 {
height: 0px;
}
#checkout_3 #update_proceed_div .at, #checkout_3 #update_proceed_div2 .at {
width: 100%;
color: #FF0000;
font-weight: bold;
font-size: 14px;
text-align:center;
padding-top: 18px;
}
#checkout_3 .table_top_left_col {
float: left;
width: 400px;
margin: 5px 0px 5px 0px;
}
#checkout_3 .table_top_right_col {
float: left;
width: 450px;
margin: 5px 0px 5px 0px;
}
#checkout_3 #main_assign_links {
float: left;
width: 100%;
height: 37px;
margin: 0px 0px 0px -1px;
width: 900px;
}
#checkout_3 #main_assign_links img {
height: 37px;
}
#checkout_3 #main_assign_links_rs {
float: right;
padding: 9px 0px 0px 0px;
}
#checkout_3 #main_assign_outer_box {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#centre_main .scroll_img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 8px;
border-radius: 8px;
width: 960px;
height: 36px;
margin: 5px 0px 0px 0px;
}
#checkout_3 #pos_overlay {
z-index: 999;
background: #fff;
position: absolute;
width: 220px;
height: 205px;
border: 5px solid #3399ff;
padding: 5px;
-moz-border-radius:0 10px 10px 10px;
-webkit-border-radius:0 10px 10px 10px;
border-radius:0 10px 10px 10px;
-khtml-border-radius:0 10px 10px 10px;
-webkit-box-shadow: 3px 3px 10px -2px #000;
-moz-box-shadow: 3px 3px 10px -2px #000;
box-shadow: 3px 3px 10px -2px #000;
}
#checkout_3 #pos_overlay #pos_inner_text {
float: left;
width: 215px;
overflow-y: auto;
height: 145px;
margin: 10px 0px 10px 0px;
}
.inner_container #chelp_overlay {
z-index: 500;
background: #fff;
position: absolute;
width: 450px;
height: 300px;
border: 5px solid #3399ff;
padding: 5px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-webkit-box-shadow: 3px 3px 10px -2px #000;
-moz-box-shadow: 3px 3px 10px -2px #000;
box-shadow: 3px 3px 10px -2px #000;
}
.inner_container #chelp_overlay #chelp_inner_text {
float: left;
width: 100%;
padding: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Names and Numbers */
#checkout_3 .nn_left_side_col {
float: left;
width: 731px;
padding: 2px 0px 0px 0px;
}
#checkout_3 .nn_right_side_col_faqs {
float: right;
width: 225px;
}
/* Assign Positions Stage */
#checkout_3 {
float: left;
width: 100%;
margin: 0px 0px 15px 0px;
position: relative;
}
#checkout_3 #ajax_assign_pos_box_left {
position: absolute;
border-top: 5px solid #3399ff;
border-left: 5px solid #3399ff;
border-bottom: 5px solid #3399ff;
z-index: 126;
top: 93px;
left: 40px;
width: 210px;
height: 151px;
}
#checkout_3 #ajax_assign_pos_box_left .inner_block {
position: relative;
float: right;
width: 82px;
height: 151px;
background: #fff;
}
#checkout_3 #ajax_assign_pos_box_left .inner_block img {
width: 53px;
height: 44px;
margin: 57px 0px 0px 5px;
}
#checkout_3 #ajax_assign_pos_box {
position: absolute;
border: 5px solid #3399ff;
z-index: 125;
top: 73px;
left: 250px;
width: 700px;
height: 528px;
background: #fff;
}
#checkout_3 #ajax_assign_pos_box .inner_block {
float: left;
padding: 20px;
width: 660px;
}
#checkout_3 .posbox_class {
float: left;
width: 90px;
height: 120px;
margin: 6px;
border: 1px solid #ccc;
text-align: center;
font-size: 12px;
}
#checkout_3 .posbox_class img {
width: 90px;
height: 90px;
}
/* Customisation Library */
.ib {
float: left;
background: #f5f4f4;
border: 1px solid #ccc;
padding: 10px;
margin: 5px 5px 5px 0px;
text-align: center;
font-size: 12px;
width:auto;
}
.ib_blank {
float: left;
width: 122px;
background: #f5f4f4;
border: 1px dashed #ccc;
padding: 10px 10px 0px 10px;
margin: 5px 0px 5px 0px;
text-align: center;
font-size: 12px;
height: 225px;
line-height: 1.2em;
}
.ib .heading {
width: 125px;
height: 17px;
overflow: hidden;
margin: 0px 0px 4px 0px;
}
.ib .img_div_outer {
width: 120px;
border: 1px solid #dedede;
background: #fff;
margin:0 auto;
}
.ib .img_div {
width: 120px;
height: 120px;
background-repeat: no-repeat;
background-position: center;
}
.ib .img_div_text {
width: 120px;
padding: 4px 0px 3px 0px;
background: #e7e7e7;
}
.ib .icons {
width: 100%;
margin: 8px 0px 5px 0px;
}
.ib .icons img {
width: 18px;
height: 18px;
}
.ib .add_new {
width: 122px;
height: 30px;
margin: 4px auto 0px auto;
}
.ib .add_new img {
width: 122px;
height: 30px;
}
/* New Page Nav Styles */
.page_nav_cat {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 1px solid #d9d9d9;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 6px;
margin: 8px 0px 6px 8px;
float:left;
}
.page_nav_cat .left_side {
float: left;
padding: 2px 0px 0px 0px;
}
.page_nav_cat .right_side {
float: right;
text-align: right;
}
.page_nav_cat .box {
float: left;
border: 1px solid #d9d9d9;
padding: 4px;
margin: 0px 0px 0px 3px;
}
.page_nav_cat .boxw {
float: left;
border: 1px solid #fff;
padding: 4px;
margin: 0px 0px 0px 3px;
}
.left_side_top_col .heading {
font-size:16px;
color:#39F;
text-transform:uppercase;
font-weight:bold;
}
.popup_options .popup_option_selector {
width:200px;
cursor:pointer;
}
.popup_options .selected {
background:#D3E9FF;
border:1px solid #39F;
}
.popup_option_selector .option {
float:left;
padding:3px;
padding-bottom:0;
}
/* Index Page */
#index_main_banner {
width: 100%;
height: 220px;
}
#index_main_banner .imb_overlay {
width: 100%;
max-width:960px;
margin:0 auto;
height: 220px;
background: url(//www.clothes2order.com/images/c2o_new_2013/index_banners/centre_main/overlay3.png) no-repeat top left;
background-size:auto 220px;
}
/* Banners */
/*
.imb_b1 {background: #fff url(//www.clothes2order.com/images/c2o_new_2013/index_banners/centre_main/1.jpg) no-repeat center center; background-size:auto 300px;}
.imb_b2 {background: #fff url(//www.clothes2order.com/images/c2o_new_2013/index_banners/centre_main/2.jpg) no-repeat center center; background-size:auto 300px;}
.imb_b3 {background: #fff url(//www.clothes2order.com/images/c2o_new_2013/index_banners/centre_main/3.jpg) no-repeat center center; background-size:auto 300px;}
.imb_b4 {background: #fff url(//www.clothes2order.com/images/c2o_new_2013/index_banners/centre_main/4.jpg) no-repeat top center; background-size:auto 300px;}
.imb_b5 {background: #fff url(//www.clothes2order.com/images/c2o_new_2013/index_banners/centre_main/5.jpg) no-repeat top center; background-size:auto 300px;}
*/
.imb_b6 {background: #fff url(images/index_page/6.jpg) no-repeat top center;}
.imb_b7 {background: #fff url(images/index_page/7.jpg) no-repeat top center;}
.imb_b8 {background: #fff url(images/index_page/8.jpg) no-repeat top center;}
.imb_b9 {background: #fff url(images/index_page/9.jpg) no-repeat top center;}
.imb_b10 {background: #fff url(images/index_page/10.jpg) no-repeat top center;}
.imb_b11 {background: #fff url(images/index_page/11.jpg) no-repeat top center;}
.imb_cg {background: #000 url(images/index_page/cg.jpg) no-repeat top center;}
.imb_jans {background: #000 url(images/index_page/jan_sale18.jpg) no-repeat top center;}
.imb_jans_cat {background: #000 url(images/index_page/jan_sale18_catv2.jpg) no-repeat top center;}
/* Product Carousel */
.prod_row_new {margin:0;overflow:hidden;padding:2px;width:100%;}
.prod_row_new .product_col {float: left; width:148px; margin:3px; text-align: center; border: 1px solid #cccccc; overflow: hidden;}
.prod_row_new .product_col:hover {float: left; border: 1px solid #3399ff; overflow: hidden;}
.prod_row_new .product_col .image_block {float: left; width: 100%;}
.prod_row_new .product_col .image_block a {text-decoration:none;}
.prod_row_new .product_col .image_block img {width:100%;height:auto;overflow:hidden;}
.prod_row_new .product_col .create_now {float: left; width:100%; padding: 5px; margin-top:-3px; border-top:1px solid #cccccc; text-align:left; font-size:14px; font-weight:bold; color:#575757;}
.prod_row_new .product_col .create_now a {text-decoration:none; margin:2px 3px 0px 0px;}
.prod_row_new .product_col .create_now img {float:right; width: 8px; height: 12px; margin:2px 3px 0px 0px;}
#index_testiominal_row .col1 {
float:left;
}
#index_testiominal_row .col3 {
float:right;
width:calc(100% - 160px)
}
#index_testiominal_row .col3 .eb {
height:100px;
overflow:hidden;
margin-bottom:5px;
}
/* Order Progress Page */
#account_order_progress .prog_bar {
width: 100%;
height: 36px;
margin: 10px 0px 10px 0px;
}
#account_order_progress .prog_bar img {
width: 100%;
height: 36px;
cursor: help;
}
#account_order_progress .prog_bar_app {
position: relative;
width: 100%;
height: 25px;
background: #d8d8d8;
}
#account_order_progress .prog_bar_app .ibar {
height: 25px;
background: #3399ff;
}
#account_order_progress .prog_bar_app .arrow1 {
position: absolute;
top: 0px;
left: 0px;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/order_progress/a1.gif) no-repeat top left;
z-index: 10;
font-size: 1px;
width: 13px;
height: 25px;
}
#account_order_progress .prog_bar_app .arrow2 {
position: absolute;
top: 0px;
left: calc(100% - 13px);
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/order_progress/a2.gif) no-repeat top left;
z-index: 10;
font-size: 1px;
width: 13px;
height: 25px;
}
#account_order_progress .prog_bar_app .ibar_text {
position: absolute;
top: 6px;
left: 13px;
width: 100%;
text-align: center;
color: #333;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
}
/* fancybox heading */
.fancybox-inner .mblock .mhead {
width: 100%;
box-sizing: border-box;
padding: 3px 0px;
border-bottom: 1px solid #39F;
margin-bottom: 1px;
text-transform: uppercase;
font-size: 22px;
color: #39F;
font-family: "PT Sans",Arial;
font-weight:bold;
}
.inputRequirement {
color:red;
vertical-align:top;
}
/* CMS pages mobile fix */
#dynamic_page_content img {
max-width:100%;
height:auto;
}
#dynamic_page_content #shopping_cart_right_col {
display:none;
}
#dynamic_page_content .page_nav_cat {
width:100%;
}
#dynamic_page_content .cat_label {
display:inline;
padding-left:5px;
line-height:22px;
}
#dynamic_page_content #clients_left_col {
margin-bottom:20px;
}
#dynamic_page_content #clients_left_col a {
padding:3px;
}
/* Refer a Friend */
#refer_a_friend {
float: left;
width: 100%;
text-align: center;
}
#refer_a_friend .main_banner {
float: left;
width: 100%;
height: auto;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/refer_a_friend/main_banner.jpg) #fff no-repeat top center;
margin: 10px 2px 0px 2px;
}
#refer_a_friend .main_banner img {
max-width:calc(100% - 40px);
}
#refer_a_friend .main_banner .raf_button {
border: 20px solid #fff;
margin-top: 325px;
}
#refer_a_friend .big_text_block {
float: left;
width: 80%;
font-size: 20px;
font-weight: bold;
margin: 0px 10% 0px 10%;
}
#refer_a_friend .three_block {
width: 100%;
height: 215px;
margin: 20px 5px 25px 5px;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/refer_a_friend/3_box.jpg) no-repeat top left;
}
#refer_a_friend .three_block .price_large {
float: right;
width: 80px;
color: #3399ff;
text-align: left;
font-weight: bold;
font-size: 44px;
margin-top: 17px;
}
#refer_a_friend .three_block .text_block {
float: left;
width: 271px;
height: 115px;
overflow: hidden;
text-align: left;
margin: 7px 0px 0px 17px;
font-size: 15px;
line-height: 1.2em;
}
.about_us_left_col .mini_heading, .about_us_right_col .mini_heading {
color: #3399ff;
font-weight: bold;
font-size: 16px;
display:inline;
font-family: "Myriad Pro", Arial;
}
/* Printing methods page */
#print_methods_main_bg {
width: 100%;
}
#print_methods_main_bg .main_row .ls {
float: left;
width: 22px;
height: 22px;
background: url(//www.clothes2order.com/images/c2o_new_2013/layout/printing_content/tick.gif) no-repeat top left;
margin-bottom: 5px;
}
#print_methods_main_bg .main_row .rs {
float: left;
width: calc(100% - 32px);
font-weight: bold;
margin: 0px 0px 5px 10px;
padding-top: 1px;
}
#print_methods_table {
float: left;
width: 100%;
}
#print_methods_table th {
text-transform: uppercase;
font-weight: bold;
text-align: center;
font-family: "Myriad Pro", Arial;
font-size: 14px;
}
#print_methods_table td {
text-align: center;
padding: 4px;
width: 13%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#print_methods_table td.row_title {
font-family: "Myriad Pro", Arial;
width: 35%;
text-align: left;
font-size: 16px;
}
#print_methods_table tr.odd_row {
background: #f2f1f1;
}
#size_guide_image {
float:none !important;
width:100% !important;
margin:0 !important;
margin-bottom:15px !important;
}
#size_guide_image h3 {
display:block;
}
/* Shop by order type */
#shop_by_type_landing {
float: left;
width: 100%;
}
#shop_by_type_landing .row1_ls {
text-align: justify;
line-height: 1.6em;
padding: 0px 0px 0px 0px;
margin: 3px 0px 0px 0px;
}
#shop_by_type_landing .row1_rs {
margin: 3px 0px 0px 0px;
}
#shop_by_type_landing .row1_rs .col1 {
font-size: 14px;
line-height: 1.5em;
text-align: center;
}
#shop_by_type_landing .row1_rs .col1 img {
width: 150px;
height: 150px;
}
#shop_by_type_landing .row1_rs .col2 {
float: left;
width: 38px;
padding: 25px 10px 0px 0px;
}
#shop_by_type_landing .row1_rs .col2 img {
width: 38px;
height: 30px;
}
#shop_by_type_landing .row1_rs .col3 {
}
#shop_by_type_landing .row1_rs .col3 .eb {
width: calc(100% - 50px);
overflow: hidden;
margin: 0px 0px 10px 0px;
font-size: 22px;
font-style: italic;
line-height: 1.5em;
padding-top:30px;
}
.fw_heading {
width: 100%;
text-align: center;
margin: 10px 0px 15px 0px;
font-family: "Myriad Pro", Arial;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
}
#shop_by_type_landing .res_col_txt {
float: left;
width: 30%;
min-width:200px;
height: 160px;
margin-bottom:15px;
}
#shop_by_type_landing .res_col_txt .row1 .rs {
float: left;
width: 130px;
font-weight: bold;
font-size: 20px;
font-style: italic;
color: #3399ff;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
overflow-x: hidden;
padding: 5px 0px 0px 0px;
}
#shop_by_type_landing .res_col_txt .row1 .ls {
float: left;
margin: 0px 8px 10px 0px;
}
#shop_by_type_landing .res_col_arrow {
float: left;
width: 170px;
margin: 0px 25px 0px 9px;
display:none;
}
#shop_by_type_landing .res_col_arrow img {
width: 170px;
height: 111px;
margin: 30px 0px 0px 0px;
}
#shop_by_type_landing .res_col_txt .kb {
float: left;
width: 100%;
margin: 5px 0px 5px 0px;
}
#shop_by_type_landing .row2 {
float: left;
width: 100%;
text-align: center;
font-family: "Myriad Pro", Arial;
font-size: 22px;
font-weight: bold;
}
#shop_by_type_landing .row2 .ls {
float: left;
}
#shop_by_type_landing .row2 .rs {
float: right;
}
#shop_by_type_landing .row2 img {
margin: 5px;
}
/* Pre-Designed Section */
#cat_centre_area {
margin-top:-40px;
}
#centre_main .pp_product_display {
float: left;
width: 170px;
padding: 10px;
border: 1px solid #ccc;
text-align: center;
margin:10px !important;
}
#centre_main .pp_product_display .image_block {
float: left;
width: 100%;
margin: 3px 0px 3px 0px;
height: 170px;
}
#centre_main .pp_product_display .image_block img {
width: 163px;
}
#centre_main .pp_product_display .text_link {
float: left;
width: 170px;
text-align: center;
height: 29px;
margin: 5px 0px 2px 0px;
overflow: hidden;
font-size: 12px;
}
#centre_main .pp_product_display .buy_now_block {
float: left;
width: 100%;
text-align: center;
height: 30px;
margin: 4px 0px 2px 0px;
}
#centre_main .pp_product_display .buy_now_block img {
width: 118px;
height: 30px;
}
#cat_centre_area::after {
content:' ';
clear:both;
display:block;
}
/* side bar search css fix */
#sidr-id-searchform1 {
margin:0 5px;
}
#sidr-id-searchform1 table {
float:none;
}
#sidr-id-searchform1 td {
padding:0;
}
#sidr-id-searchform1 a {
padding:0 5px;
}
#sidr-id-searchform1 img {
vertical-align:middle;
margin-bottom:2px;
}
#sidr-id-searchform1 input[type="text"]{
margin:0;
}
#sidr-id-searchform1 > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
width:70px;
}
/* Media Queries */
@media all and (max-width: 959px) {
#ajax_build_product .top_row .right_side {
float: left;
text-align: center;
width: 100%;
}
#ajax_build_product .top_row .left_side {
max-width: 860px;
}
.edit_product_right_side {
float: left;
}
}
@media all and (max-width: 660px) {
.prod_row_new .product_col {
width: 23%;
}
}
@media all and (max-width: 639px) {
.imb_cg {background: #fff url(images/index_page/cg.jpg) no-repeat top center;}
.imb_jans {background: #fff url(images/index_page/jan_sale18.jpg) no-repeat top center;}
.imb_jans_cat {background: #fff url(images/index_page/jan_sale18_catv2.jpg) no-repeat top center;}
/* Banners */
#checkout_2 .right_side_col .sb:nth-child(3) {
margin-right:0;
}
#checkout_2 .right_side_col .sb:nth-child(6) {
margin-right:0;
}
.prod_row .product_col{
width:31%;
}
.prod_row .product_col:nth-child(3) {
border-right:0;
}
#ajax_product_view #sph_3 { display:none; }
#selected_product_info .right_side {
float: left;
}
#ajax_build_product .form_right_side {
float: left;
padding-top: 10px;
}
.rsp_hide {
display: none;
}
.mini_refinement {
float: left;
width: 100%;
margin-left: 0px !important;
}
#ajax_product_view .prod_box {
float: left !important;
width: 49%;
margin-left: 1px !important;
margin-right: 1px !important;
}
#responsive_menu_button {
display: block !important;
}
#main_nav {
display: none;
}
#footer .right_side {
padding-top: 5px;
}
#product_page_main .top_left {
width: 100%;
}
#product_page_main .top_right {
float: left;
width: 100%;
}
#store_index .main_banner .overlay {
width: 95%;
}
#checkout_container {
width: 100% !important;
}
#mainsite_index .main_banner .overlay {
float: none;
max-width: 302px;
margin: 20px auto 0px auto;
background-image: url(images/index_banners/overlay_resp.png);
}
#mainsite_index .usp_box {
float: left !important;
margin-left: 0px !important;
width: 100%;
}
.checkout_address_box {
float: left !important;
width: 100%;
}
}
@media all and (max-width: 480px) {
.imb_cg {background: #fff url(images/index_page/cg.jpg) no-repeat top center;}
.imb_jans {background: #fff url(images/index_page/jan_sale18.jpg) no-repeat top center;}
.imb_jans_cat {background: #fff url(images/index_page/jan_sale18_catv2.jpg) no-repeat top center;}
.prod_row .product_col{
width:47%;
}
.prod_row_new .product_col{
width:31%;
}
.prod_row .product_col:nth-child(2) {
border-right: 0;
}
#ajax_product_view .prod_box .spec_heading {
width:125px;
height:40px;
font-size:15px;
background-position:bottom;
line-height:30px;
}
#ajax_product_view #sph_3 { display:none; }
#ajax_product_view .prod_box .img_box .express_div {
left: 0px;
left: calc(100% - 28px);
top: 0px;
top: calc(100% - 45px);
width: 28px;
height: 40px;
}
#ajax_product_view .prod_box .img_box .quick_view_div {
width: 21px;
height: 34px;
left: 0px;
top: 60px;
top: calc(100% - 42px);
}
#ajax_product_view .prod_box .img_box .brand_logo {
height: 34px;
top: 60px;
top: calc(100% - 42px);
}
#ajax_product_view .prod_box .img_box .brand_logo img {
max-width:50px;
max-height:25px;
}
#new_header .row2 .logo img {
max-width: 230px;
}
#product_page_main .top_right table.ops_table td.first_col {
width: 100px !important;
}
.submit_style_140 {
width:130px;
}
}
@media all and (max-width: 350px) {
.imb_cg {background: #fff url(images/index_page/cg_350.jpg) no-repeat top left;}
.imb_jans {background: #fff url(images/index_page/jan_sale18_350.jpg) no-repeat top center;}
.imb_jans_cat {background: #fff url(images/index_page/jan_sale18_catv2_350.jpg) no-repeat top center;}
.imb_b7 {background: #fff url(images/index_page/7_350.jpg) no-repeat top left;}
.imb_b8 {background: #fff url(images/index_page/8_350.jpg) no-repeat top left;}
.imb_b11 {background: #fff url(images/index_page/11_350.jpg) no-repeat top left;}
.prod_row_new .product_col{
width:47%;
}
}
/* Reassurance Banner */
@media all and (min-width: 736px) {
.reassurance-banner .text {
padding:13px 0px;
}
.reassurance-banner p.head {
width:100%;
margin:0px auto;
text-align:center;
font-size:16px;
}
.reassurance-banner p.subhead {
width:100%;
margin:0px auto;
text-align:center;
font-size:14px;
padding-top:5px;
}
}
@media all and (min-width: 456px) and (max-width: 735px) {
.reassurance-banner .text {
padding:8px 0px;
}
.reassurance-banner p.head {
width:60%;
margin:0px auto;
text-align:center;
font-size:14px;
}
.reassurance-banner p.subhead {
width:60%;
margin:0px auto;
text-align:center;
font-size:12px;
padding-top:5px;
}
}
@media all and (max-width: 455px) {
.reassurance-banner .img-left {
display:none;
}
.reassurance-banner p.head, .reassurance-banner p.subhead {
width:80%;
padding:5px;
text-align:left;
font-size:12px;
}
}
.reassurance-banner{
display:block;
width:100%;
position:relative;
height:69px;
border:1px solid #ddd;
}
.reassurance-banner .text {
display:inline-block;
position:absolute;
width:100%;
z-index:1;
}
.reassurance-banner p.head {
font-weight:bold;
}
.reassurance-banner .img-left {
position:absolute;
left:0;
width:20%;
z-index:0;
}
.reassurance-banner .img-right {
position:absolute;
right:0;
width:20%;
z-index:0;
}
.reassurance-banner .img-left img {
height:auto;
width:77px;
float:left;
}
.reassurance-banner .img-right img {
height:auto;
width:77px;
float:right;
}
/* NEW MOBILE DESIGN */
/* Icon Fonts */
@font-face {
font-family: 'c2o-icons';
src: url('fonts/c2o-icons.eot');
src: url('fonts/c2o-icons.ttf') format('truetype'),
url('fonts/c2o-icons.woff') format('woff'),
url('fonts/c2o-icons.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/0XxGQsSc1g4rdRdjJKZrNL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
[class^="icon-"], [class*=" icon-"], #mobile-search button:before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'c2o-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-logo-black:before {
content: "\e900";
}
.icon-logo-blue:before {
content: "\e901";
}
.icon-phone:before {
content: "\e902";
}
.icon-menu:before {
content: "\e903";
}
.icon-basket:before {
content: "\e904";
}
.icon-search:before {
content: "\e905";
}
.icon-top-arrow:before {
content: "\e906";
}
.icon-chevron:before {
content: "\e907";
}
.icon-close:before {
content: "\e908";
}
/* End Icon Fonts */
html {
background-color: #fff;
}
body {
min-width: 320px;
position: relative;
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
-moz-tap-highlight-color: rgba(255, 255, 255, 0) !important;
tap-highlight-color: rgba(255, 255, 255, 0) !important;
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
-moz-focus-ring-color: rgba(255, 255, 255, 0) !important;
focus-ring-color: rgba(255, 255, 255, 0) !important;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
#header {
height: 55px;
background: #fff;
}
#header-left {
position: absolute;
left: 0;
top: 12px;
}
.icon-menu, .icon-search, .icon-logo-blue, .icon-phone, .icon-basket, .icon-top-arrow, .icon-close {
color: #3d96ed;
}
.icon-menu {
margin: 0 0 0 5px;
}
.icon-menu, .icon-search, .icon-close {
font-size: 2.2em;
vertical-align: middle;
margin-right: 10px;
float: left;
}
#header-right {
position: absolute;
right: 0;
top: 12px;
}
.icon-phone {
font-size: 2.2em;
margin-right: 10px;
}
.icon-basket {
font-size: 44px;
position: relative;
top: -6px;
margin-right: 10px;
float: right;
}
#basket-amount {
display:block;
position:relative;
background-color: #f39336;
font-size: 13px;
color: #fff;
border: 2px solid #fff;
border-radius: 27px;
width: 26px;
height: 26px;
text-align:center;
position: absolute;
left: 20px;
top: 20px;
font-weight: bold;
}
.icon-logo-black, .icon-logo-blue {
font-size: 95px;
}
.icon-logo-black {
margin: 0 auto 0 auto;
text-align: center;
color: black;
position: relative;
width: 96px;
top: -20px;
left: -5px;
}
.icon-logo-blue {
position: absolute;
left: 0;
}
#slideshow {
background: #3d96ed;
padding: 7px 0 7px 0;
position: relative;
height: 30px;
}
#slideshow > div {
color: #fff;
font: bold 14px Arial;
text-align: center;
position: absolute;
top: 7px;
left: 0px;
right: 0px;
bottom: 7px;
}
#slideshow-none {
background: #E2007A;
padding: 7px 0 7px 0;
position: relative;
height: 28px;
}
#slideshow-none > div {
color: #fff;
font: bold 14px Arial;
text-align: center;
position: absolute;
top: 7px;
left: 0px;
right: 0px;
bottom: 7px;
}
#footer {
background: #d8d8d8;
}
#footer-nav-small {
margin: 10px 0 15px 0;
}
#footer-nav-small li {
float: left;
list-style: none;
margin: 0 0 0 10px;
font: bold 12px Arial;
}
#footer-nav-small li a {
color: #737373;
text-decoration: none;
}
#footer-copy {
text-align: left;
font: 11px Arial;
color: #737373;
padding: 5px 20px 10px 10px;
}
#content-des1 {width:100%;color:#000;margin-left:10px}
#content-des1 h2 {display:block; margin-top:10px; font-size:18px !important; margin-bottom:-25px;}
.acc-header-top-p {display:block; margin:10px; width:100%; height:auto; overflow:hidden; color:#000;}
/* Accordion Start */
.accordion {
width: 100%;
background: #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: Arial;
color: #fff;
}
.accordion .link {
display: block;
padding: 10px 15px 10px 10px;
color: #fff;
background: #b2b1b1;
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #fff;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion .subtier {
display: block;
padding: 10px 15px 10px 10px;
color: #3d96ed;
background: #fff;
font-size: 14px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion li {
list-style: none;
}
.accordion li.open .link {
background: #3d96ed;
}
.accordion .link .icon-chevron {
font-size: 16px;
position: absolute;
right: 10px;
}
.accordion li.open i.icon-chevron {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion li.default .submenu {
display: block;
}
.submenu {
display: none;
background: #fff;
font-size: 14px;
}
.submenu li {
border-bottom: 1px solid #ccc;
}
.submenu li.page-li {
color:#000;
border:none;
padding:5px 0 5px 10px;
}
.submenu li.page-li:last-child {
padding-bottom:15px;
}
.submenu li:last-child {
border-bottom: none;
}
.submenu a {
display: block;
text-decoration: none;
color: #3d96ed;
padding: 10px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.submenu-2 {
display: none;
background: #fff;
font-size: 14px;
}
.submenu-2 li {
border-bottom: 1px solid #ccc;
color:#000;
padding:10px;
margin-bottom:10px;
}
.submenu-2 li a {
padding:10px 0px;
margin:0px;
colour:#3d96ed;
}
.submenu-2 li:last-child {
border-bottom: none;
}
.subtier:first-child {
border-top: none;
}
.subtier i {
position:absolute;
right:11px;
top:10px;
font-size:12px;
}
/* Accordion End */
#mobile-search {
background: #e9e9e9;
position: relative;
top: -34px;
margin: 0 0 -34px 0;
display: none;
}
#search-point {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 15px solid #e9e9e9;
position: absolute;
top: -10px;
left: 44px;
}
#mobile-search input {
font-family: Arial;
height: 28px;
width: calc(100% - 30px);
font-size: 14px;
padding: 5px;
border-radius: 0;
margin: 8px;
border: 1px solid #ccc;
position: relative;
left: 2px;
}
#mobile-search button {
background: none;
border: 0;
float: right;
position: relative;
top: -44px;
right: 6px;
outline: 0;
}
#mobile-search button:before {
content: "\e905";
font-size: 22px;
color: #3d96ed;
position: relative;
top: 10px;
right: 10px;
}
#back-top {
position: fixed;
bottom: 54px;
right: 8px;
}
#back-top a {
text-decoration: none;
}
.icon-top-arrow {
font-size: 35px;
}
#content {
padding: 10px;
height: 500px;
}
#card-footer {
clear: both;
padding: 10px 0 0 10px;
}
#card-footer img {
width: 250px;
height: 25px;
}
/*Menu sidebar*/
.drawer-nav {
position: fixed;
z-index: 101;
top: 0;
overflow: hidden;
width: 270px;
height: 100%;
color: #222;
background-color: #fff;
}
.drawer-menu {
margin: 0;
padding: 0;
list-style: none;
font: 14px Arial;
}
.drawer-menu-item {
font-size: 14px;
font-weight: bold;
display: block;
padding: .75rem;
text-decoration: none;
color: #fff;
background: #2b83d8;
border-bottom: 1px solid #fff;
}
.drawer-menu-item:hover {text-decoration:none; color:#fff;}
.drawer-menu-item-secondary a {
text-decoration: none;
color: #525252;
display: block;
font-size: 14px;
font-weight: bold;
padding: .75rem;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
.drawer-menu-item-secondary-small a {
text-decoration: none;
color: #525252;
display: block;
font-size: 12px;
font-weight: normal;
padding: 6px 10px 6px 10px;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
.drawer-menu-item-secondary-small img {
position:relative;
top:2px;
}
.drawer-overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
}
.drawer-open .drawer-overlay {
display: block;
}
.drawer--top .drawer-nav {
top: -100%;
left: 0;
width: 100%;
height: auto;
max-height: 100%;
-webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--top.drawer-open .drawer-nav {
top: 0;
}
.drawer--left .drawer-nav {
left: -270px;
-webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--left.drawer-open .drawer-nav{
left: 0;
}
.drawer--sidebar {
background-color: #fff;
}
.drawer--sidebar .drawer-contents {
background-color: #fff;
}
.drawer-dropdown-menu {
display: none;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
}
.drawer-dropdown-menu > li {
width: 100%;
list-style: none;
}
.drawer-dropdown-menu-item {
line-height: 38px;
display: block;
padding: 0;
padding-left: 12px;
text-decoration: none;
color: #6a6666;
border-bottom: 1px solid #ccc;
}
.drawer-dropdown-menu-item:hover {text-decoration: none; color: #6a6666;}
.drawer-dropdown.open > .drawer-dropdown-menu {
display: block;
}
.drawer-dropdown .icon-chevron {
position: absolute;
right: 10px;
/*-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;*/
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.drawer-dropdown.open .icon-chevron {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.drawer-container {
margin-right: auto;
margin-left: auto;
}
#currency_form_top {
font-size: 14px;
width: 70px;
position: relative;
}
#currency_form_top p {
position: absolute;
top: 15px;
left: 12px;
font-weight: bold;
color: #525252;
}
#currency_form_top .icon-chevron {
position: absolute;
left: 131px;
top: 17px;
color: #2b83d8;
}
#currency_form_top select {
padding: 10px;
margin: 8px 8px 8px 82px;
border: 1px solid #ccc;
box-shadow: none;
background: #fff;
line-height: 10px;
-webkit-appearance: none;
-webkit-box-shadow: 1px 1px 1px #fff;
-webkit-border-radius: 0.5em;
}
.icon-close {
display: block;
position: absolute;
right: 0px;
top: 10px;
}
.drawer-menu h3 {
font-weight: bold;
padding: 10px;
background: #bebebe;
color: #fff;
display: block;
text-transform: none;
font-size: 14px;
}
/* Delivery page information NEW */
#delivery-content {
font: 16px Arial;
margin: 10px 0px 20px 0px;
color:#000;
}
#delivery-content ul {
padding: 0 0 0 20px;
}
#delivery-content ul li {
font: bold 16px Arial;
line-height: 18px;
margin: 0 0 10px 0;
font-size: 16px;
}
.delivery-mtext {
font-size: 16px;
margin: 0;
padding: 0;
}
.delivery-stext {
font-size: 14px;
font-weight: normal;
margin: 5px 0 0 0;
display: block;
padding: 0;
}
#delivery-content table {
clear: both;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
text-shadow: 1px 1px 0px #fff;
background:#eaebec;
margin: 0 0 10px 0;
border:#ccc 1px solid;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow: 0 1px 2px #d1d1d1;
-webkit-box-shadow: 0 1px 2px #d1d1d1;
box-shadow: 0 1px 2px #d1d1d1;
}
#delivery-content table th {
padding: 11px 15px 12px 15px;
border-top:1px solid #fafafa;
border-bottom:1px solid #e0e0e0;
font-size: 16px;
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
background: -moz-linear-gradient(top, #ededed, #ebebeb);
}
#delivery-content table th:first-child {
text-align: left;
padding-left: 20px;
}
#delivery-content table tr:first-child th:first-child {
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
border-top-left-radius:3px;
}
#delivery-content table tr:first-child th:last-child {
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
border-top-right-radius:3px;
}
#delivery-content table tr {
text-align: center;
padding-left:20px;
}
#delivery-content table td:first-child {
text-align: left;
padding-left:20px;
border-left: 0;
}
#delivery-content table td {
padding:18px;
border-top: 1px solid #ffffff;
border-bottom:1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
font-size: 14px;
font-weight: bold;
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
#delivery-content table td span {
display: block;
font-size: 12px;
font-weight: normal;
}
#delivery-content table tr.even td {
background: #f6f6f6;
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
#delivery-content table tr:last-child td {
border-bottom:0;
}
#delivery-content table tr:last-child td:first-child {
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
}
#delivery-content table tr:last-child td:last-child {
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
}
#delivery-content table tr:hover td {
background: #f2f2f2;
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
.fixed-button-block {
display:block;
position:fixed;
background-color:#d8d8d8;
width:100%;
height:52px;
bottom:0;
left:0;
right:0;
z-index:10;
}
.next-assign-btn {
display:block;
position:fixed;
max-width:72% !important;
bottom:3px;
left:0;
right:0;
margin:0 auto;
z-index:10;
}
.select-delivery-btn {
display:block;
position:fixed;
max-width:72% !important;
bottom:3px;
left:0;
right:0;
margin:0 auto;
z-index:10;
}
/* BOOTSTRAP CSS START */
#size-quantity-block{
display:block;
width:100%;
height:42px;
margin-top:15px;
}
.add_to_basket_row select, #ajax_size_scroll_div select {
width:100%;
font-weight:bold;
height:42px;
background-color:#F8F8F8;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
.add_to_basket_row select:focus, #ajax_size_scroll_div select:focus {
outline:none;
box-shadow:none;
border:1px solid #CCC;
}
.select-side {
width:38px;
position:absolute;
padding:2px;
top:0;
background-color:#F8F8F8;
height:42px;
right:0;
border-radius:0 3px 3px 0;
border-right:1px solid #CCC;
border-top: 1px solid #CCC;
border-bottom:1px solid #CCC;
pointer-events:none;
}
.select-side:before {
content: "";
position:absolute;
left:0;
bottom:0;
height:100%;
width:1px;
}
.select-side i {
left:40%;
top:12px;
}
.select-info {
width:34px;
top:0px;
background-color:#FFF;
left:0;
border-radius:3px 0 0 3px;
border:1px solid #CCC;
display:inline-block;
float:left;
width:8%;
height:42px;
padding:13px 0;
}
.select-info:before {
content: "";
position:absolute;
left:0;
bottom:0;
height:100%;
width:1px;
}
/* Form Control*/
.form-group {
margin:12px 0 6px;
}
.has-error label.control-label {
color:#ff0000;
}
.has-error input.form-control {
border-color:#ff0000;
}
.form-group label {
padding:3px 0;
}
.form-group .required, .form-group .required-no {
position:relative;
margin-right:15px;
}
.form-group input {
padding:0px 6px;
}
.form-group .required:after {
position:absolute;
content:'*';
color:red;
right:-10px;
top:0;
}
.form-group select.form-control {
margin-bottom:5px;
padding:6px 0px;
}
.form-group textarea.form-control {
margin-bottom:5px;
padding:6px;
}
.form-group .hrzl-l {
display:inline;
padding:3px;
width:96%;
}
.form-group .hrzl-m {
display:inline;
padding:1px;
width:96%;
}
.form-group .hrzl-s {
padding:3px;
width:58%;
display:inline;
text-align:center;
}
.form-group .country-list {
padding:0px;
}
.form-group .custom-size-select {
display:inline;
padding:0px;
width:82%;
}
/* PCA Address Search */
.form-group div.address-search{
position:relative;
width:100%;
}
.form-group div.address-search .form-control{
display:inline;
float:left;
width:74%;
padding:0 6px;
}
#lstAddressIP option {
padding:3px 2px;
font-size:12px;
}
#lstAddressIP > option:hover {
background:#3399fe;color:#fff;
}
#divAddressPH {
display:block;
width:100%;
height:28px;
font-size:14px;
}
.address-find-btn {
display:inline;
float:right;
font-size:16px;
padding:7px 1px;
cursor:pointer;
margin:0 15px 0 0;
width:20%;
background-color:#3096fb;
background:linear-gradient(#3096fb, #1677d8);
color:#fff;
text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:0;
font-family:"PT Sans", Arial;
font-weight:bold;
text-transform:uppercase;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* Customisation Form */
.form-group div.custom-input .form-control {
position:relative;
padding:0px;
}
.form-group div.text-width .form-control {
position:relative;
padding:5px;
display:inline;
width:60%;
text-align:center;
}
/* BOOTSTRAP CSS END */
/* JQUERY */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\000033}}
.sidr {
/* Default Settings */
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 260px;
overflow-x: none;
overflow-y: auto;
/* Theme Settings */
font-family: Arial, sans-serif;
font-size: 13px;
background: #f8f8f8;
color: #333333;
-webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
-moz-box-shadow: inset 0 0 5px 5px #ebebeb;
box-shadow: inset 0 0 5px 5px #ebebeb;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000315}}
.sidr .sidr-inner {
padding: 0 0 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000318}}
.sidr .sidr-inner > p {
margin-left: 15px;
margin-right: 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000324}}
.sidr.right {
left: auto;
right: -260px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000329}}
.sidr.left {
left: -260px;
right: auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000341}}
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
font-size: 11px;
font-weight: normal;
padding: 0 15px;
margin: 0 0 5px;
color: #333333;
line-height: 24px;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
background-image: -o-linear-gradient(#ffffff, #dfdfdf);
background-image: linear-gradient(#ffffff, #dfdfdf);
-webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000352}}
.sidr p {
font-size: 13px;
margin: 0 0 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000355}}
.sidr p a {
color: rgba(51, 51, 51, 0.9);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000360}}
.sidr > p {
margin-left: 15px;
margin-right: 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000365}}
.sidr ul {
display: block;
margin: 0 0 15px;
padding: 0;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid white;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000372}}
.sidr ul li {
display: block;
margin: 0;
line-height: 48px;
border-top: 1px solid white;
border-bottom: 1px solid #dfdfdf;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000381}}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
border-top: none;
line-height: 49px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000385}}
.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span {
-webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
-moz-box-shadow: inset 0 0 15px 3px #ebebeb;
box-shadow: inset 0 0 15px 3px #ebebeb;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000390}}
.sidr ul li a, .sidr ul li span {
padding: 0 15px;
display: block;
text-decoration: none;
color: #333333;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000397}}
.sidr ul li ul {
border-bottom: none;
margin: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003100}}
.sidr ul li ul li {
line-height: 40px;
font-size: 13px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003104}}
.sidr ul li ul li:last-child {
border-bottom: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003110}}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
border-top: none;
line-height: 41px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003114}}
.sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span {
-webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
-moz-box-shadow: inset 0 0 15px 3px #ebebeb;
box-shadow: inset 0 0 15px 3px #ebebeb;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003119}}
.sidr ul li ul li a, .sidr ul li ul li span {
color: rgba(51, 51, 51, 0.8);
padding-left: 30px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003128}}
.sidr form {
margin: 0 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003132}}
.sidr label {
font-size: 13px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003146}}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea, .sidr select {
width: 100%;
font-size: 13px;
padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
border: none;
background: rgba(0, 0, 0, 0.1);
color: rgba(51, 51, 51, 0.6);
display: block;
clear: both;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003160}}
.sidr input[type=checkbox] {
width: auto;
display: inline;
clear: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003167}}
.sidr input[type=button],
.sidr input[type=submit] {
color: #f8f8f8;
background: #333333;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003171}}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
background: rgba(51, 51, 51, 0.9);
}
/*! 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('includes/scripts/fancybox/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('includes/scripts/fancybox/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('includes/scripts/fancybox/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('includes/scripts/fancybox/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('includes/scripts/fancybox/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('includes/scripts/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}