.product-grid .addtocart {
    margin-top: 5px;.table-container
}

h1 {
    padding: 1em 8px;
    color: #333;
    background-color: white !important;
    margin: 0px;
}

.product-grid .listItem.grid_3, .sub-category-grid .listItem.grid_3 {
    width: 286px;
}

.menuwrapper
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
}
html, button, input, select, textarea {
    color: #222;
    font-family: sans-serif;
}
body {
    font-size: 1em;
    line-height: 1.4;
    margin: 0;
}
a:link {
    color: #333;
    outline: 0 none;
    text-decoration: none;
}
a:visited {
    color: #333;
    outline: 0 none;
    text-decoration: none;
}
a:active {
    color: #333;
    outline: 0 none;
    text-decoration: none;
}
a:hover {
    color: #999;
    outline: 0 none;
    text-decoration: underline;
}
a:focus {
}
.button {
    border: 0 none;
    display: block;
    margin: 0;
    padding: 10px;
}
.fa {
    display: none;
    margin-right: 5px;
}
.theme_bg_colour1 {
    background: #eee none repeat scroll 0 0;
}
.theme_bg_colour2 {
    background: #22a8e5 none repeat scroll 0 0;
}
.theme_bg_colour3 {
    background: #e8f6fc none repeat scroll 0 0;
}
.theme_bg_colour4 {
    background: #f9f9f9 none repeat scroll 0 0;
}
.theme_bg_colour5 {
    background: #fff none repeat scroll 0 0;
}
.theme_bg_colour6 {
    background: #f9f9f9 none repeat scroll 0 0;
}
.theme_bg_colour7 {
    background: #fc7474 none repeat scroll 0 0;
}
.yb_bg_colour1 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f4f4f4 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) repeat scroll 0 0;
}
.yb_bg_colour2 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%) repeat scroll 0 0;
}
.yb_bg_colour3 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%) repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
.yb_bg_colour4 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) repeat scroll 0 0;
    text-decoration: none;
}
a.yb_bg_colour1:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%) repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
a.yb_bg_colour2:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%) repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
a.yb_bg_colour2 {
    color: #fff;
}
.Col1 {
    color: #333;
}
.Col2 {
    color: #fff;
}
.Col3 {
    color: #22a8e5;
}
a.Col1 {
    color: #22a8e5;
}
a.LinkLarge {
    font-size: 15px;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}
ins {
    background: #ff9 none repeat scroll 0 0;
    color: #000;
    text-decoration: none;
}
mark {
    background: #ff0 none repeat scroll 0 0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
pre, code, kbd, samp {
    font-family: monospace,serif;
    font-size: 1em;
}
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q::before, q::after {
    content: none;
}
small {
    font-size: 85%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
ul, ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}
dd {
    margin: 0 0 0 40px;
}
nav ul, nav ol {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
label {
    cursor: pointer;
}
legend {
    border: 0 none;
    padding: 0;
    white-space: normal;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
button, input {
    line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    box-sizing: content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
    background-color: #f0dddd;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
}
.prices-table td {
    margin: 0;
    padding: 2px;
}
.chromeframe {
    background: #ccc none repeat scroll 0 0;
    color: black;
    margin: 0.2em 0;
    padding: 0.2em 0;
}
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 {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
    background-color: #fff;
    color: #333;
    font: 12px "Trebuchet MS",Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}
h1 {
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 10px;
    padding: 0;
}
h2 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
    padding: 0;
}
h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0;
}
h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0;
}
h5 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 10px;
    padding: 0;
}
h6 {
    font-size: 10px;
    line-height: 14px;
    margin: 0 0 10px;
    padding: 0;
}
p {
    line-height: 16px;
    margin: 0;
    padding: 0 0 10px;
}
sup, sub {
    height: 0;
    line-height: 1px;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1px;
}
sub {
    font-size: 0.6em;
    top: 1px;
}
em {
    color: #666;
    font-style: italic;
}
strong {
    color: #333;
    font-weight: bold;
}
small {
    font-size: 80%;
}
blockquote, blockquote p {
    color: #777;
    font-size: 12px;
    font-style: italic;
    line-height: 24px;
}
blockquote {
    border-left: 1px solid #747474;
    margin: 10px 0 15px;
    padding: 0 0 0 5px;
}
blockquote cite {
    color: #555;
    display: block;
    font-size: 12px;
}
blockquote cite::before {
    content: "— ";
}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
    color: #555;
}
blockquote span {
    display: inline-block;
    width: 15px;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 2px;
    margin: 20px 0;
    text-align: left;
    width: 100%;
}
ul, ol {
    margin-bottom: 20px;
}
ul {
    list-style: outside none none;
}
ol {
    list-style: outside none decimal;
}
ol, ul.square, ul.circle, ul.disc {
    margin-left: 15px;
}
ul.square {
    list-style: outside none square;
}
ul.circle {
    list-style: outside none circle;
}
ul.disc {
    list-style: outside none disc;
}
ul.fancy li {
    background: transparent url("../images/bullet.png") no-repeat scroll 0 3px;
    padding: 0 0 0 15px;
}
ul ul, ul ol, ol ol, ol ul {
    font-size: 90%;
    margin: 4px 0 5px 30px;
}
ul ul li, ul ol li, ol ol li, ol ul li {
    margin-bottom: 6px;
}
li {
}
ul.large li {
    line-height: 21px;
}
li p {
}
img {
    border: 0 none;
}
.max-img {
    height: auto;
    width: 100%;
}
.video-container {
    border: 1px solid #ccc;
    height: 0;
    margin: 0 0 15px;
    overflow: hidden;
    padding-bottom: 51%;
    padding-top: 30px;
    position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.basketEditButton, .editoractionbutton, .saveCommentButton, .downloadPDFProof, .addnewfriendcomment, #create-button, .startYBPreview, .bookoptions button, .saveYearbookSettings, .editBookUnitSave, .saveSelectedTemplateAction, .createBookUnitSave, .addNewQuestion, .createBookUnitAction, .add-contributors-button, .update-button, #newAlbum, #markerControls button, .registerbutton, .file-upload-button, .facebookbutton, .report-action, .loginbutton, .continueshoppingbutton, .addaddressbutton, .saveaddressbutton, .changepasswordbutton, .registernextstepbutton, .productlistproductdetailbutton, .productvariantaddtocartbutton, .editaddressbutton, .orderdetailsbutton, .productwritereviewbutton, .savecustomerinfobutton {
    background-color: #22a8e5;
    border: 0 none;
    color: #fff;
    height: 29px;
    margin: 0;
    padding: 0 10px;
}
.basketEditButton:hover, .editoractionbutton:hover, .saveCommentButton:hover, .downloadPDFProof:hover, .addnewfriendcomment:hover, #create-button:hover, .startYBPreview:hover, .bookoptions button:hover, .saveYearbookSettings:hover, .editBookUnitSave:hover, .saveSelectedTemplateAction:hover, .createBookUnitSave:hover, .addNewQuestion:hover, .createBookUnitAction:hover, .add-contributors-button:hover, .update-button:hover, #newAlbum:hover, #markerControls button:hover, .registerbutton:hover, .file-upload-button:hover, .facebookbutton:hover, .report-action:hover, .addaddressbutton:hover, .continueshoppingbutton:hover, .loginbutton:hover, .changepasswordbutton:hover, .saveaddressbutton:hover, .productlistproductdetailbutton:hover, .productvariantaddtocartbutton:hover, .editaddressbutton:hover, .orderdetailsbutton:hover, .productwritereviewbutton:hover, .savecustomerinfobutton:hover {
    background: #00415f none repeat scroll 0 0;
}
#markerControls button[disabled="disabled"], #markerControls button.disabled {
    background: #999 none repeat scroll 0 0;
    color: #ccc;
}
.productemailafriendbutton, .saveSignOffStudentButton, .saveStudentButton, .productaddtocomparelistbutton {
    background-color: #bbb;
    border: 0 none;
    color: #fff;
    height: 29px;
    margin: 0;
    padding: 0 10px;
}
.productemailafriendbutton:hover, .saveSignOffStudentButton:hover, .saveStudentButton:hover, .productaddtocomparelistbutton:hover {
    background: #666 none repeat scroll 0 0;
}
.basketUpdatecartbutton, .amendYBbutton, .delete-button, .delete-question-button, .createBookUnitCancel, .editBookUnitCancel, .updatecartbutton, .deleteaddressbutton, .canceladdressbutton {
    background: #950000 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    height: 29px;
    margin: 0 5px 0 0;
    padding: 0 10px;
}
.basketUpdatecartbutton:hover, .amendYBbutton:hover, .delete-button:hover, .delete-question-button:hover, .createBookUnitCancel:hover, .editBookUnitCancel:hover, .updatecartbutton:hover, .deleteaddressbutton:hover, .canceladdressbutton:hover {
    background: #500000 none repeat scroll 0 0;
}
.basketUpdatecartbutton, .basketEditButton {
    margin: 0 0 5px;
    width: 50px;
}
#stylized-form {
    background-color: #f4f4f4;
    margin: 10px 0 20px;
    padding: 20px;
}
.wrapper-block label {
    display: block;
    float: left;
    font-weight: bold;
    padding: 0;
    text-align: right;
    width: 140px;
}
.wrapper-block [type="text"] {
    border: 1px solid #bbbbbb;
    font-size: 12px;
    margin: 2px 0 15px 10px;
    padding: 4px 2px;
    width: 200px;
}
.wrapper-block select {
    border: 1px solid #bbbbbb;
    font-size: 12px;
    margin: 2px 0 15px 10px;
    padding: 2px;
}
.wrapper-block [type="radio"] {
    line-height: 16px;
    margin: 0 2px 15px 10px;
}
.wrapper-block [type="checkbox"] {
    line-height: 16px;
    margin: 0 2px 15px 10px;
}
.wrapper-block textarea {
    border: 1px solid #bbbbbb;
    margin: 2px 0 15px 10px;
    padding: 4px 2px;
    width: 200px;
}
.wrapper-inline label {
    display: block;
    float: left;
    font-weight: bold;
    padding: 0;
    text-align: right;
    width: 140px;
}
.wrapper-inline [type="text"] {
    border: 1px solid #bbbbbb;
    float: left;
    font-size: 12px;
    margin: 2px 0 15px 10px;
    padding: 4px 2px;
    width: 200px;
}
.wrapper-inline select {
    border: 1px solid #bbbbbb;
    float: left;
    font-size: 12px;
    margin: 2px 0 15px 10px;
    padding: 4px 2px;
}
.wrapper-inline [type="radio"] {
    float: left;
    line-height: 16px;
    margin: 0 2px 15px 10px;
}
.wrapper-inline [type="checkbox"] {
    float: left;
    line-height: 16px;
    margin: 0 2px 15px 10px;
}
.wrapper-inline textarea {
    border: 1px solid #bbbbbb;
    float: left;
    margin: 2px 0 15px 10px;
    padding: 4px 2px;
    width: 140px;
}
a.btn-form, input.btn-form {
    background: #333 url("../images/btn-arrow.png") no-repeat scroll right center;
    border: 1px solid #444;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    margin: 5px 0 5px 150px;
    padding: 4px 28px 4px 8px;
}
.small-label {
    color: #666;
    display: block;
    font-size: 10px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}
table {
    margin: 0;
    width: 100%;
}
table th {
    color: #333;
    font-weight: bold;
    padding: 10px 8px;
}
table td {
    color: #333;
    padding: 10px 8px;
}
table tr.even td {
    background-color: #efefef;
}
table tr.odd td {
    background-color: #f3f3f3;
}
table td.highlight {
    color: #fff;
    font-weight: bold;
}
table tr td.highlight {
    background-color: #333;
}
#toTop {
    background: rgba(0, 0, 0, 0) url("../images/ui.totop.png") no-repeat scroll left top;
    border: medium none;
    bottom: 10px;
    display: none;
    height: 51px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: -999px;
    width: 51px;
}
#toTopHover {
    background: rgba(0, 0, 0, 0) url("../images/ui.totop.png") no-repeat scroll left -51px;
    display: block;
    float: left;
    height: 51px;
    opacity: 0;
    overflow: hidden;
    width: 51px;
}
#toTop:active, #toTop:focus {
    outline: medium none;
}
.img-left {
    border: medium none;
    float: left;
    margin: 0 30px 30px 0;
}
.img-right {
    border: medium none;
    float: right;
    margin: 0 0 30px 30px;
}
.clear {
    clear: both;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.text-big {
    color: #a2bd30;
    font-weight: bold;
    line-height: 26px;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.normal {
    font-weight: normal;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.underline {
    border-bottom: 1px solid;
}
.highlight {
    background: #ffc none repeat scroll 0 0;
}
.nopadding {
    padding: 0;
}
.noindent {
    margin-left: 0;
    padding-left: 0;
}
.nobullet {
    list-style: outside none none;
}
.block {
    display: block;
}
.hidden {
    display: none;
}
.hide {
    display: none;
}
.row input {
    padding: 7px;
}
.item-value input, .item-value select {
    border: 1px solid #ffbb01;
    margin: 0;
    padding: 7px;
}
body {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/img/top-colour.gif") repeat-x scroll left top;
}
#toprow {
}
.topbar {
    height: 7px;
}
#logorow {
    margin-bottom: 15px;
    margin-top: 15px;
}
.left {
}
.right {
}
.logo {
}
.adminlinks {
    background: #fff none repeat scroll 0 0;
    border-top: 7px solid #ffc703;
    padding: 5px;
	
}
.adminlinks a {
    color: #222;
}
.header-topcontact {
    margin-top: 5px;
    padding: 5px;
}
.adminmenu {
    margin: 0;
    text-align: right;
}
.adminmenu li {
    display: inline-block;
	background: -webkit-linear-gradient(#fdee03,#fbb700);
    background: -o-linear-gradient(#fdee03, #fbb700);
    background: -moz-linear-gradient(#fdee03, #fbb700);
    background: linear-gradient(#fdee03, #fbb700);
    margin: 0;
    padding: 5px;
}


.minishoppingcartwrapper {
}
.minishoppingcart {
    border: 1px solid #22a8e5;
    float: right;
    margin: 5px;
    padding: 5px;
    width: 120px;
}
#menurow {
    margin-bottom: 10px;
}
.menuwrapper {
    border-color: #efefef;
    border-style: solid;
    border-width: 1px 0;
	background-color:ffe300;
}
nav select {
    padding: 2%;
    width: 100%;
}
nav .selectnavwrapper {
    background: #eee none repeat scroll 0 0;
    display: none;
    padding: 4px;
}
.search {
    background: #efefef none repeat scroll 0 0;
    padding: 4px;
}
.search .searchbox {
    border: 0 none #999;
    float: left;
    margin: 0;
    padding-left: 5px;
}

.search .searchbutton {
    background-color: #22a8e5;
    border: 0 none;
    color: #fff;
    float: right;
    height: 29px;
    margin: 0;
    padding: 0;
    width: 38px;
}
#sliderrow {
    margin-bottom: 10px;
}
.slider {
    background: #3399ff none repeat scroll 0 0;
    padding: 100px;
}
.flex-viewport {
    margin-bottom: 1px;
}
.flex-viewport ul li {
    margin: 0;
    padding: 0;
}
.flex-viewport ul li p {
    background: #eee none repeat scroll 0 0;
    text-align: center;
}
.flex-prev {
}
#contentrow {
    margin-bottom: 20px;
}
.navigationmenu, .block-account-navigation {
   	background: background: -webkit-linear-gradient( #feeca2,#fff7cc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#feeca2,#fff7cc); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#feeca2,#fff7cc); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#feeca2,#fff7cc); /* Standard syntax */
    color: #000;
    margin-bottom: 10px;
}
.navigationmenu h6, .block-account-navigation .title {
    font-size: 14px;
    margin: 0;
    padding: 10px;
}
.navigationmenu ul, .block-account-navigation ul {
    
    font-size: 12px;
    margin: 0 10px;
    padding-bottom: 10px;
}
.navigationmenu li, .block-account-navigation li {
    
    margin: 0;
    padding: 0;
}
.navigationmenu li a, .block-account-navigation li a {
    color: #000;
    display: block;
    padding: 6px 6px 6px 2px;
}
.navigationmenu li a:hover, .block-account-navigation li a:hover {
    background: #fefae6 none repeat scroll 0 0;
    text-decoration: none;
}
.bestsellers {
}
.bestsellers h3, .featuredproducts h3 {
    color: #22a8e5;
    font-size: 14px;
    margin: 0;
	visibility:hidden;
}
.bestsellerswrapper {
}
.bestsellerproduct {
}
.bestsellerproduct p {
    margin: 0;
    padding: 2px 2px 2px 0;
}
.small-product-item img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 180px;
    max-width: 180px;
}
.small-product-item .picture {
    border: 2px solid rgba(245, 188, 8, 0.8);
    display: table-cell;
    height: 200px;
    vertical-align: middle;
    width: 230px;
	border-radius:4px;
}
.small-product-item .picture:hover{
    border: 2px solid #fdf401;
    display: table-cell;
    height: 200px;
    vertical-align: middle;
    width: 230px;
    border-radius: 4px;
}

.featuredproducts {
}
.featuredproduct {
}
.featuredproduct p {
    margin: 0;
    padding: 2px 2px 2px 0;
}
.featuredproduct img {
    display: block;
}
.productdivider {
    border-color: #ccc;
    border-style: dotted;
    border-width: 1px 0 0;
    margin-bottom: 5px;
    margin-top: 5px;
}
.homebanners {
}
.banner {
    margin-bottom: 10px;
}
.banner img {
    display: block;
    width: 100%;
}
.homeFeaturedProducts, .homePageCategories, .homeBestSellers {
    clear: both;
    margin-bottom: 10px;
}
.small-product-item {
}
.product-title {
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#footerrow {
    background: -webkit-linear-gradient(#fde24b, #C90); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fde24b, #C90); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#fde24b, #C90); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#fde24b, #C90); /* Standard syntax */
    color: #fff;
    margin-top: 20px;
}
.footerinner {
    background: background: -webkit-linear-gradient(#fde24b, #C90); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fde24b, #C90); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#fde24b, #C90); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#fde24b, #C90); /* Standard syntax */
}
.html-upper-footer {
    background: #f7b500;
}
.html-upper-footer-content {
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    padding: 30px 0;
    text-align: left;
}
.html-upper-footer-content h4 {
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 30px;
    padding-top: 30px;
}
.html-upper-footer-content .contect-details img {
    height: auto;
    max-width: 190px;
    width: 100%;
}
.html-upper-footer-content ul, .html-upper-footer-content #subscribe-module p, .html-upper-footer-content #subscribe-module form {
    padding-left: 30px;
}
.html-upper-footer-content .contect-details p {
    padding-top: 14px;
}
.html-upper-footer-content .email {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/img/email-icon.png") no-repeat scroll 0 5px;
    padding-left: 35px;
}
.html-upper-footer-content .phone {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/img/phone-icon.png") no-repeat scroll 0 5px;

    padding-left: 35px;
}
.html-upper-footer-content li {
    font-size: 13px;
    padding-bottom: 10px;
}
.html-upper-footer-content #subscribe-module input[type="submit"] {
    border: medium none;
    color: #53656f;
    font-weight: bold;
    margin-left: 10px;
    padding: 8px 13px;
}
.html-footer a, .html-upper-footer a {
    color: #fff;
}
.html-upper-footer-content a:hover {
    color: #333;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
.html-footer {
    background: #485860 none repeat scroll 0 0;
    color: #fff;
    padding: 15px;
}
.footerinner h3 {
    font-size: 14px;
    margin: 20px 20px 10px 10px;
    padding: 0;
}
.footerinner ul {
    border-top: 1px dotted #777777;
    font-size: 12px;
    margin: 0 20px 10px 10px;
    padding: 0;
}
.footerinner li {
    border-bottom: 1px dotted #777777;
}
.footerinner li a {
    color: #fff;
    display: block;
    padding: 6px 6px 6px 2px;
}
.footerinner li a:hover {
    background: #171c1f none repeat scroll 0 0;
    text-decoration: none;
}
.footercopyrightrow {
    background: #53656f none repeat scroll 0 0;
    border-bottom: 15px solid #445159;
    color: #fff;
}
.footersmalllogo {
    float: right;
    padding: 5px;
}
.footercopyright {
    float: left;
    line-height: 34px;
    padding: 5px;
}
ul.dropdown, ul.dropdown li, ul.dropdown ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
ul.dropdown {
    float: left;
    position: relative;
    z-index: 597;
}
ul.dropdown li {
    float: left;
    line-height: 1.3em;
    min-height: 1px;
    vertical-align: middle;
}
ul.dropdown li.hover, ul.dropdown li:hover {
    cursor: default;
    position: relative;
    z-index: 599;
}
ul.dropdown ul {
    left: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
    z-index: 598;
}
ul.dropdown ul li {
    float: none;
}
ul.dropdown ul ul {
    left: 99%;
    top: 1px;
}
ul.dropdown li:hover > ul {
    visibility: visible;
}
ul.dropdown li a {
    display: block;
    height: 26px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 11px;
}
ul.dropdown li {
    padding: 0;
}
ul.dropdown li.dir {
    padding: 7px 20px 7px 14px;
}
ul.dropdown ul li.dir {
    padding-right: 15px;
}
ul.dropdown ul a {
    width: 148px;
}
ul.dropdown ul a:hover {
    background-color: #ffe59e;
}
ul.dropdown li {
   background: #f7b500 url("/blend.png") repeat-x scroll 0 0;
    color: #000;
    line-height: normal;
}
ul.dropdown a:link, ul.dropdown a:visited {
    color: #000;
    text-decoration: none;
}
ul.dropdown a:hover {
    background-color: #ffe59e;
    color: #000;
    text-decoration: none;
}
ul.dropdown a:active {
    color: #000;
}
ul.dropdown ul {
    background-color: #22a8e5;
    color: #000;
    font-size: 11px;
    opacity: 0.9;
    text-transform: none;
    width: 170px;
}
ul.dropdown ul li {
    background-color: transparent;
    color: #000;
    filter: none;
}
ul.dropdown ul li.hover, ul.dropdown ul li:hover {
    background-color: transparent;
}
ul.dropdown ul a:link, ul.dropdown ul a:visited {
    color: #fff;
}
ul.dropdown ul a:hover {
    color: #fff;
    text-decoration: none;
}
ul.dropdown ul a:active {
    color: #fff;
}
ul.dropdown .dir {
    background-image: none;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 12px;
}
ul.dropdown li:hover > a.dir {
    background-color: #22a8e5;
    color: #fff;
}
ul.dropdown ul li:hover > a.dir {
    background-color: #435158;
    color: #fff;
}
.page-title h1 {
    padding-left: 5px;
}
.register-title, .login-title, .section-title {
    color: #22a8e5;
    font-size: 14px;
    padding: 2px;
}
.validation-summary-errors span {
    color: #ff0000;
    padding: 5px;
}
.externalauthentication {
    border-top: 1px solid #efefef;
    margin-top: 10px;
    padding-top: 10px;
}
.login-table-container {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ffbb01;
}
.table-container {
    background: #fffdd5 none repeat scroll 0 0;
    border: 1px solid #ffbb01;
    margin-bottom: 10px;
}
.table-container tr {
    border-top: 1px dashed #ffbb01;
}
.tablerow {
}
.item-name {
    text-align: right;
    width: 30%;
}
.item-value {
    width: 70%;
}
.item-value .text-box {
    width: 90%;
}
.field-validation-error {
    color: #2239e1;
    display: block;
	
}
.input-validation-error {
    border: 3px solid #1f29e9 !important;
}
.FiltersWrapper {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 10px;
}
.breadcrumb {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding: 10px;
}
.allProductsCategoriesWrapper {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eee;
}
.category-description {
    color: #22a8e5;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}
.category-description img {
    width: 100%;
}
.productFilters {
}
.product-viewmode {
    float: right;
    margin-left: 5px;
}
.product-sorting {
    float: right;
    margin-left: 5px;
}
.pager {
    background: #f9f9f9 none repeat scroll 0 0;
    margin: 10px 0;
    padding: 10px;
}
.pager span, .pager a {
    background: #22a8e5 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 5px;
}
.pager a {
    background: #22a8e5 none repeat scroll 0 0;
}
.pager a:hover {
    background: #00415f none repeat scroll 0 0;
    text-decoration: none;
}
.pager span {
    background: #ccc none repeat scroll 0 0;
}
.listWrapper {
}
.listWrapper .listItem {
}
.listWrapper .item-box, .search-results .item-box {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 300px;
    margin-top: 10px;
    padding: 5px 5px 40px;
    position: relative;
}
.product-grid .product-title {
    color: #22a8e5;
    font-size: 13px;
    margin: 0;
}
.product-grid .product-title a {
    color: #22a8e5;
}
.product-grid .picture {
    background: #fff none repeat scroll 0 0;
    display: table-cell;
    height: 217px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    width: 217px;
}
.product-grid .picture img {
    max-height: 217px;
    max-width: 217px;
}
.product-grid .product-item {
}
.product-grid .description {
    padding-bottom: 30px;
}
.product-grid .add-info {
    bottom: 0;
    padding-bottom: 5px;
    position: absolute;
    width: 230px;
}
.product-grid .add-info .prices {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 7px;
}
.product-grid .add-info .buttons {
    float: left;
}
.product-grid .productlistaddtocartbutton {
    background: #22a8e5 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    width: 100%;
	visibility:hidden;
}
.product-grid .productlistaddtocartbutton:hover {
    background: #00415f none repeat scroll 0 0;
    color: #fff;
}
.product-grid .addtocart {
    margin-top: 5px;
}
.product-grid .addtocart input[type="number"] {
    float: right;
    margin-bottom: 5px;
    width: 50px;
}
.sub-category-grid .listWrapper .item-box {
    height: 250px;
    padding: 5px;
}
.sub-category-grid .listWrapper .picture {
    background: #fff none repeat scroll 0 0;
    display: table-cell;
    height: 214px;
    text-align: center;
    vertical-align: middle;
    width: 214px;
}
.sub-category-grid .listWrapper .picture img {
    max-height: 214px;
    max-width: 214px;
}
.order-overview {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
}
.order-details-box, .products-box {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    margin-top: 10px;
}
.order-details-box b {
    color: #22a8e5;
    font-size: 14px;
}
.products-box {
}
.products-box .reorderbutton {
    margin: 10px;
}
.error-block {
}
.message-error {
}
.validation-summary-errors {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c02d3e;
    padding: 5px;
}
.validation-summary-errors ul {
    margin: 0;
}
.validation-summary-errors ul li {
    background: #c02d3e url("/Content/Images/icons/bwpx-icns/error.gif") no-repeat scroll left center;
    color: #fff;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    padding-left: 20px;
}
.acceptedcc {
    background: #fff none repeat scroll 0 0;
}
.acceptedcc .item-name {
    vertical-align: middle;
}
.checkout_data_integrated .orderSummaryTitle {
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
}
.checkout_data_integrated .order-overview {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
}
.checkout_data_integrated .order-overview table td {
    padding: 0;
}
.checkout_data_integrated .total-info {
    border-top: 1px solid #eee;
}
.checkout_data_integrated .total-info tr {
    border-bottom: 1px solid #eee;
}
.checkout_data_integrated .total-info .cart_total_left {
    border-right: 1px solid #eee;
    text-align: right;
    width: 90%;
}
.checkout_data_integrated .total-info .cart_total_left.SubTotal {
    color: #ff0000;
}
.checkout_data_integrated .total-info .cart_total_right {
    width: 10%;
}
.checkout_data_integrated .total-info .OrderTotal {
    color: #ff0000;
}
.checkout_data_integrated .total-info .OrderTotalValue {
    color: #ff0000;
}
.checkout_data_integrated .products-box {
    background: #ddd none repeat scroll 0 0;
}
.checkout_data_integrated .products-box thead {
    background: #ccc none repeat scroll 0 0;
}
.checkout_data_integrated .products-box tbody tr {
    background: #fff none repeat scroll 0 0;
}
.checkout_data_integrated .products-box tbody td {
    border-right: 1px solid #eee;
}
.checkout_data_integrated .order-details-box {
}
.checkout_data_integrated .order-details-box tbody {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ff0000;
}
.checkout_data_integrated .order-details-box tbody .midColumn {
    border-left: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
}
.checkout_data_integrated .order-details-box thead b {
    color: #ff0000;
}
.checkout_data_integrated .products-box .unitprice, .checkout_data_integrated .products-box .qty, .checkout_data_integrated .products-box .subtotal {
    text-align: center;
}
.checkout_data_integrated .print-buttons a {
    background: rgba(0, 0, 0, 0) url("/Content/Images/icons/bwpx-icns/print.gif") no-repeat scroll left center;
    color: #0195ba;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
}
.checkout_data_integrated .itemValue {
    font-weight: bold;
}
.checkoutCompletedWrapper {
}
.checkoutCompletedWrapper a {
    font-weight: bold;
}
.checkout_data_integrated .attributeInfo {
    display: none;
}
.product-details-info {
}
.product-details-info .picture {
    border: 5px solid #eee;
}
.product-details-info .bigpicture {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.product-details-info .bigpicture img {
}
.product-details-info .thumbs {
    border-top: 5px solid #eee;
    padding: 5px;
    text-align: center;
}
.product-details-info .thumbs .thumb {
    display: inline;
    margin-right: 5px;
}
.product-collateral {
}
.product-variant-list {
    margin-bottom: 10px;
}
.product-variant-list input {
    border: medium none;
}
.overview .price {
    font-size: 18px;
    margin: 10px;
}
.overview .add-info {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    margin-top: 5px;
    padding: 10px;
}
.overview .shortdescription {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.product-reviews-overview, .product-no-reviews {
    margin-bottom: 10px;
}
.producttags-box {
}
.producttags-box .title {
    font-size: 14px;
}
.producttags-box .producttags-list {
}
.producttags-box .producttags-list .producttags-wrapper {
    float: left;
    padding-right: 5px;
}
.producttags-box .producttags-list .producttags-wrapper .producttag {
    color: #22a8e5;
}
.emailCompareWrapper {
    margin-bottom: 10px;
}
.shareWrapper {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.product-details-page {
    margin-bottom: 10px;
}
.product-essential {
    margin-bottom: 10px;
}
.fulldescription {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #efefef;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}
.fulldescription .fulldescriptionTitle {
    margin: 0;
}
.fulldescription p {
    margin: 0 0 10px;
}
.prices-table {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
}
.also-purchased-products-grid {
    margin-top: 10px;
}
.related-products-grid {
    margin-top: 10px;
}
.related-products-grid h3, .also-purchased-products-grid h3 {
    margin: 0;
}
.related-products-grid .listWrapper, .also-purchased-products-grid .listWrapper {
}
.related-products-grid .listWrapper .item-box, .also-purchased-products-grid .listWrapper .item-box {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #eeeeee;
    height: 180px;
    margin-top: 10px;
    padding: 5px;
    position: relative;
}
.related-products-grid .listWrapper .item, .also-purchased-products-grid .listWrapper .item {
    height: 180px;
    overflow: hidden;
}
.related-products-grid .listWrapper .item .picture, .also-purchased-products-grid .listWrapper .item .picture {
    display: table-cell;
    height: 160px;
    text-align: center;
    vertical-align: middle;
    width: 218px;
}
.related-products-grid .listWrapper .item .picture img, .also-purchased-products-grid .listWrapper .item .picture img {
    max-height: 150px;
    max-width: 150px;
}
.attributes {
}
.attribute {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    margin-top: 5px;
    padding: 5px;
}
.attributeHeader {
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.attributeRequired {
    color: #ff0000;
    font-weight: bold;
}
.attributeTitle {
    font-weight: bold;
}
.attribute .textBox {
    border: 1px solid #eee;
    width: 90%;
}
.attribute .textArea {
    border: 1px solid #eee;
    width: 90%;
}
.uploadWrapper {
}
.uploadedWrapper {
    float: right;
    position: relative;
}
.fileDelete {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ff0000 none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #fff #fff;
    border-image: none;
    border-style: none none solid solid;
    border-width: 0 0 1px 1px;
    color: #fff;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
}
.fileUpload {
    background: green none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    padding: 5px;
}
.product-review-list {
}
.product-review-item, .write-review {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}
.review-title {
    color: #22a8e5;
    font-size: 16px;
    margin-bottom: 10px;
}
.review-text {
    margin-bottom: 10px;
}
.review-info {
    margin-bottom: 10px;
}
.product-review-helpfulness {
}
.vote {
    color: #22a8e5;
    cursor: pointer;
    font-weight: bold;
}
.product-review-box {
    background: #eee none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 2px;
}
.rating {
    background: #ccc none repeat scroll 0 0;
}
.rating .ratingamount {
    background: #22a8e5 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    padding: 5px;
}
.ratingtable {
    max-width: 500px;
}
.productwritereviewbutton {
    float: right;
}
.write-review .field-validation-error {
    color: Red;
}
.write-review .validation-summary-errors {
    background: red none repeat scroll 0 0;
    color: white;
    padding: 10px;
}
.write-review .validation-summary-errors ul {
    border: 0 none;
    margin: 0;
}
.acentcolour {
    color: #22a8e5;
}
.acentBG {
    color: #22a8e5;
}
.externalToken {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
}
.button {
    margin-top: 10px;
    text-align: right;
}
.address-item, .order-item, .addAddressTable, .editAddressTable {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
}
.customer-orders {
}
.order-list {
}
.order-item {
}
.order-item .buttons {
    float: right;
    padding: 10px;
}
.order-item .content {
    float: left;
}
.address-item .buttons {
    float: right;
    padding: 10px;
}
.address-item .content {
    float: left;
}
.addAddressButtonWrapper {
    float: right;
}
.saveAddressButtons {
    text-align: left;
}
.albumManagement, .albumContentList {
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
}
.albumItemContainer {
    float: left;
    height: 215px;
    max-width: 177px;
    overflow: hidden;
    position: relative;
    width: 20%;
}
.albumItemContainer .marker {
    margin: 0;
    padding: 0;
}
.fileinput-button {
    float: none !important;
}
.imageItem {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    height: 150px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 177px;
}
.imageItem img {
    min-height: 150px;
    min-width: 177px;
}
.uploadControl {
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
}
.order-progress {
    background: #f9f9f9 none repeat scroll 0 0;
    margin-bottom: 10px;
}
.order-progress ul {
    margin: 0;
    padding: 10px;
    text-align: center;
}
.order-progress ul li {
    display: inline;
}
.order-progress ul li a {
    color: #fff;
    display: inline-block;
    padding: 5px;
}
.order-progress ul li a.inactive-step {
    background: #ccc none repeat scroll 0 0;
}
.order-progress ul li a.active-step {
    background: #22a8e5 none repeat scroll 0 0;
}
.cart-header-row {
    background: #f9f9f9 none repeat scroll 0 0;
}
.cart-item-row {
    border-bottom: 1px solid #eee;
}
.cart-item-row-inactive {
    background-color: #ffcccc;
}
.cart-item-row .product {
}
.cart-item-row .product .rawAttributeInfo {
}
.cart-item-row .productpicture {
    text-align: center;
    vertical-align: middle;
}
.cart-item-row .productpicture img {
    height: 100px;
}
.cart-item-row td {
    padding: 5px;
    text-align: center;
}
.common-buttons {
    float: left;
    margin-top: 10px;
    width: 300px;
}
.checkout-buttons {
    margin-top: 10px;
}
.deals {
    margin-bottom: 10px;
    margin-top: 10px;
}
.cart-total {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
}
.terms-of-service {
    margin-top: 10px;
}
.postCoder {
    margin-bottom: 10px;
}
.postCoder #presult {
}
.postCoder #presult ul {
    height: 203px;
    margin: 0;
    overflow: auto;
}
.postCoder #presult ul ul li {
    margin: 0;
}
.postCoder #presult a {
    color: #333;
    display: block;
    font-size: 12px;
    padding: 7px;
    text-decoration: none;
}
.postCoder #presult ul li a {
    background: #ccc none repeat scroll 0 0;
}
.postCoder #presult ul ul li a {
    background: #f9f9f9 none repeat scroll 0 0;
}
.postCoder #presult ul ul li a:hover {
    background: #eee none repeat scroll 0 0;
}
.postCoder #presult ul ul {
    overflow: visible;
}
.postCoder .row {
    display: block !important;
    margin: 0 !important;
    width: 100% !important;
}
.postCoder .row .left, .postCoder .row .right {
    float: none !important;
}
.postCoder h1 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.address-filter {
    border-right: 1px solid #ccc;
}
.address-filter input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: white none repeat scroll 0 0;
    border-color: #ccc -moz-use-text-color #ccc #ccc;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    display: block;
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 11.1%;
}
.select-address-title {
    padding-bottom: 10px;
    padding-top: 10px;
}
.customer-addresses {
    background-color: #fff;
    height: 400px;
    overflow: auto;
    padding: 5px;
}
.customer-addresses .address-list .address-item {
    background-color: #f9f9f9;
    border: 1px none #eee;
    height: auto;
    margin-bottom: 5px;
    padding: 10px;
    text-align: left;
}
.customer-addresses .address-item .buttonWrapper {
    position: relative;
}
.customer-addresses .select-button {
    position: absolute;
    right: 0;
}
.customer-addresses .address_text {
    padding: 5px;
}
.customer-addresses .address_text div {
    border-bottom: 1px dashed #eee;
    margin-bottom: 3px;
    padding-bottom: 2px;
}
.envelope {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #eee;
    border-radius: 2px;
    min-height: 200px;
    padding: 20px;
    position: relative;
}
.envelope .stamp {
    background: #f7f7f7 url("/Themes/ThemeOne/Content/images/checkout/queenhead.png") no-repeat scroll center 5px;
    border: 3px solid #eee;
    border-radius: 5px;
    display: block;
    height: 85px;
    position: absolute;
    right: 20px;
    text-align: center;
    width: 65px;
}
.envelope .stamp .text {
    bottom: 5px;
    position: absolute;
    width: 100%;
}
.envelope .address-box {
    padding-top: 50px;
}
.checkout-page .shipping-options, .checkout-page .payment-methods {
    padding: 0;
}
.checkout-page .shipping-options .ui-button {
    border: 0 none;
    border-radius: 0;
    display: block;
}
.checkout-page .shipping-options .shippingButton .ui-button-text {
    background-image: url("/Content/Images/icons/bwpx-icns/mailing.gif");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-left: 30px;
    text-align: left;
}
.checkout-page .shipping-options .shippingButton.ui-state-active .ui-button-text {
    background-image: url("/Content/Images/icons/bwpx-icns/mailing_ticked.gif");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-left: 30px;
    text-align: left;
}
.checkout-page .page-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.checkout-page .shipping-options-dispatch {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.checkout-page .shipping-options {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.hasDatepicker {
    border: 3px solid #eeeeee;
    margin: 0;
    padding: 7px;
}
.calendar-icon {
    cursor: pointer;
    vertical-align: middle;
}
.checkout-page .select-button {
    text-align: right;
}
.order-summary-title {
    padding-bottom: 10px;
    padding-top: 10px;
}
.opc .cart-collaterals {
    margin-top: 10px;
}
.opc .grid_12 {
    margin: 0;
}
.checkout-data {
}
.checkout-data .opc {
    margin: 0;
    padding: 0;
}
.checkout-data .opc #opc-shipping_method .checkout-data, .checkout-data .opc #checkout-step-payment-method .checkout-data {
    padding: 10px;
}
.checkout-data .opc .section {
    border-color: #ccc #ccc #eeeeee;
    border-style: solid dotted;
    border-width: 1px;
}
.checkout-data .opc .section .sectionheader {
    background: #f9f9f9 none repeat scroll 0 0;
    text-align: center;
}
.checkout-data .opc .section .sectionheader .number {
    background: #22a8e5 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 16px;
    padding: 1%;
}
.checkout-data .opc .section .sectionright {
    float: left;
}
.checkout-data .opc .section .step-title {
    float: left;
    padding: 1% 0 0 1%;
}
.checkout-data .opc .section .step-title h2 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.checkout-data .opc .section .step {
    background: #fff none repeat scroll 0 0;
}
.checkout-data .opc .section .step .buttons {
    padding: 10px;
}
.checkout-data .opc .section .back-link {
    float: left;
    margin: 0;
    padding: 0;
}
.checkout-data .opc .section .back-link a {
    background-color: #666;
    border: 0 none;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 8px;
}
.checkout-data .opc .section .back-link a:hover {
    background-color: #333;
    text-decoration: none;
}
.checkout-data .opc .section #co-billing-form, #co-shipping-form {
    padding: 1%;
}
.shipping-options, .payment-methods {
    padding: 10px;
}
.checkout-buttons .continueshoppingbutton {
    float: right;
    margin-right: 5px;
}
.checkout-data .opc .section .shipping-options {
    border-bottom: medium none;
    min-height: 100px;
    width: 100%;
}
.checkout-data .opc .section .shipping-option-item {
    display: inline-block;
    height: 61px;
    margin-right: 15px;
    vertical-align: top;
    width: 180px;
}
.checkout-data .opc .section .shipping-option-item label {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/checkout/delivery_option.jpg") no-repeat scroll center -61px !important;
    height: 61px;
    width: 100%;
}
.checkout-data .opc .section .shipping-option-item label.ui-state-active {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/checkout/delivery_option.jpg") no-repeat scroll center 0 !important;
}
.checkout-data .opc .section .shipping-option-item span {
    font-size: 12px;
    font-weight: bold;
    padding: 67px 0 0 !important;
    width: 180px;
}
.checkout-data .opc .section .shipping-option-item .option-description {
    padding-top: 40px;
    text-align: center;
}
.checkoutbutton, .checkout-data .opc .section .newaddressnextstepbutton, .checkout-data .opc .section .shippingmethodnextstepbutton, .checkout-data .opc .section .paymentmethodnextstepbutton, .checkout-data .opc .section .paymentinfonextstepbutton, .checkout-data .opc .section .confirmordernextstepbutton {
    background-color: #22a8e5;
    border: 0 none;
    color: #ffffff;
    float: right;
    margin: 0;
    padding: 8px;
}
.checkoutbutton:hover, .continueshoppingbutton:hover, .checkout-data .opc .section .newaddressnextstepbutton:hover, .checkout-data .opc .section .shippingmethodnextstepbutton:hover, .checkout-data .opc .section .paymentmethodnextstepbutton:hover, .checkout-data .opc .section .paymentinfonextstepbutton:hover {
    background: #00415f none repeat scroll 0 0;
}
.orderprocessedcontinuebutton, #AddressSearch .searchButton {
    background-color: #22a8e5;
    border: 0 none;
    color: #ffffff;
    margin: 0;
    padding: 8px;
}
.orderprocessedcontinuebutton:hover, #AddressSearch .searchButton {
    background-color: #00415f;
    border: 0 none;
    color: #ffffff;
    margin: 0;
    padding: 8px;
}
.checkout-page {
    min-height: 400px;
}
.checkoutleft img {
    width: 100%;
}
.checkoutright {
}
.text-box {
    border: 3px solid #eeeeee;
    padding: 5px;
    width: 80%;
}
.text-box:focus {
    border-color: #22a8e5;
}
.input-validation-error {
    border-color: red;
}
.address-select, #PurchaseOrderNumber {
    border: 3px solid #eeeeee;
    margin: 5px 0;
    padding: 5px;
    width: 100%;
}
#BillingNewAddress_CountryId, #BillingNewAddress_StateProvinceId {
    border: 3px solid #eeeeee;
    margin: 0;
    padding: 5px;
}
.address-select:focus, #PurchaseOrderNumber:focus {
    border-color: #22a8e5;
}
.checkout-data .opc .section label {
}
#AddressSearch {
    margin-bottom: 5px;
}
#AddressSearch .searchField {
    border: 3px solid #eeeeee;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
}
#AddressSearch .searchField:focus {
    border: 3px solid #22a8e5;
}
.silverLightEditor {
    height: 600px;
}
.editor_grid_1 {
}
.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}
.ir br {
    display: none;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix {
}
@media print {
* {
    background: transparent none repeat scroll 0 0 !important;
    box-shadow: none !important;
    color: black !important;
    filter: none !important;
    text-shadow: none !important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]::after {
    content: " (" attr(href) ")";
}
abbr[title]::after {
    content: " (" attr(title) ")";
}
.ir a::after, a[href^="javascript:"]::after, a[href^="#"]::after {
    content: "";
}
pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr, img {
    page-break-inside: avoid;
}
img {
    max-width: 100% !important;
}
@page {
    margin: 0.5cm;
}
p, h2, h3 {
    orphans: 3;
    widows: 3;
}
h2, h3 {
    page-break-after: avoid;
}
}
#lbOverlay {
    background-color: #000;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#lbCenter, #lbBottomContainer {
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
}
.lbLoading {
    background: #fff url("/content/images/slimbox/loading.gif") no-repeat scroll center center;
}
#lbImage {
    background-repeat: no-repeat;
    border: 10px solid #fff;
    left: 0;
    position: absolute;
    top: 0;
}
#lbPrevLink, #lbNextLink {
    display: block;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 50%;
}
#lbPrevLink {
    left: 0;
}
#lbPrevLink:hover {
    background: transparent url("/content/images/slimbox/prevlabel.gif") no-repeat scroll 0 15%;
}
#lbNextLink {
    right: 0;
}
#lbNextLink:hover {
    background: transparent url("/content/images/slimbox/nextlabel.gif") no-repeat scroll 100% 15%;
}
#lbBottom {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;
    border-style: none solid solid;
    border-width: 10px;
    color: #666;
    font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 1.4em;
    text-align: left;
}
#lbCloseLink {
    background: transparent url("/content/images/slimbox/closelabel.gif") no-repeat scroll center center;
    display: block;
    float: right;
    height: 22px;
    margin: 5px 0;
    outline: medium none;
    width: 66px;
}
#lbCaption, #lbNumber {
    margin-right: 71px;
}
#lbCaption {
    font-weight: bold;
}
#searchPaneWrapper {
    float: left;
    position: relative;
    width: 50%;
}
#middlePaneWrapper {
    float: left;
    width: 8%;
}
#searchPaneWrapper h2, #middlePaneWrapper h2 {
    padding-left: 10px;
}
.addToComp {
    color: #fff;
    height: 606px;
    margin: 0 10%;
    width: 80%;
}
.addToComp:hover {
    background: #a82b3e none repeat scroll 0 0;
}
#compilePaneWrapper {
    float: right;
    width: 42%;
}
#SongTabs #searchPanelWrapper {
    position: relative;
    width: 100%;
}
#SongTabs .filterArea {
    background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    width: 25%;
}
#SongTabs .ResultsListWrapper {
    background: #f6f6f6 none repeat scroll 0 0;
    float: right;
    min-height: 560px;
    width: 75%;
}
#SongTabs #musicSearchFieldOptions {
    padding: 5px 1%;
    text-align: center;
}
#SongTabs #musicSearchFieldOptions input[type="text"] {
    width: 74%;
}
#SongTabs #musicSearchFieldOptions select {
    width: 15%;
}
#SongTabs #musicSearchFieldOptions input[type="button"] {
    width: 8%;
}
.yb-selection-item, .yb-unavailable-item {
    background-position: 8px 8px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-bottom: 1px;
    padding: 10px 30px;
}
.yb-selection-item {
    background-image: url("/Content/Images/icons/bwpx-icns/album.gif");
}
.yb-unavailable-item {
    background-image: url("/Content/Images/icons/bwpx-icns/album_remove.gif");
}
.yb-selection-item-selected {
    background-image: url("/Content/Images/icons/bwpx-icns/album_select.gif");
}
.studentPage .pageTitle, .pollquestions .pageTitle, .booklayout .pageTitle {
    float: left;
}
.studentPage .layoutoptions, .pollquestions .layoutoptions, .booklayout .layoutoptions {
    float: right;
}
.pollquestionsList textarea, .pollquestionsList .question-question-text, .pollquestionsList .question-sequence {
    margin-bottom: 5px;
    padding: 1%;
    width: 98%;
}
.pollquestions table tr td {
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    vertical-align: top;
}
.pollquestionsList button, .pollquestionsList input {
    margin-bottom: 5px;
}
.pollquestions table tr th {
    border-bottom: 2px solid #cccccc;
    padding: 5px;
    vertical-align: top;
}
.ui-widget-overlay {
    background: #333333 none repeat scroll 0 0 !important;
    opacity: 0.7 !important;
}
.ui-dialog, .ui-dialog-titlebar {
    border: 0 none !important;
    border-radius: 0 !important;
}
.ui-dialog {
    background: #fff none repeat scroll 0 0 !important;
    border: 4px solid #eee !important;
}
.ui-dialog-titlebar {
    color: #000 !important;
    font-weight: normal !important;
}
.dialogOptionRow {
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.feature-page-item-container {
    padding: 4px;
}
#preview {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #fff;
    display: none;
    padding: 5px;
    position: absolute;
    z-index: 3400;
}
#previewDialog {
    height: 500px;
}
.book-unit-list, .book-unit-group {
    padding: 0;
    text-align: left;
}
.template-item, .template-item, .book-unit-dynamic-item, .book-unit-static-item, .book-unit-group-item, .book-unit-placeholder, .book-unit-helper {
    border-collapse: collapse;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    min-height: 200px;
    padding: 0;
    vertical-align: top;
}
.book-unit-static-item, .template-item {
    border: 1px dashed #fff;
}
.book-unit-dynamic-item {
    border: 1px dashed #22a8e5;
}
.moving-div {
    background: #fff none repeat scroll 0 0;
    border: 1px dashed #999;
}
.book-unit-dynamic-item, .book-unit-static-item {
    cursor: pointer;
}
.book-unit-dynamic-item, .book-unit-static-item, .book-unit-placeholder, .book-unit-helper {
    width: 107px;
}
.book-unit-group-item-title {
    display: none;
}
.layoutoptions {
    float: right;
}
.book-unit-item-title {
    min-height: 30px;
    padding: 3px;
}
.book-unit-item-container, .template-item-container {
    background-color: #fff;
    margin: 3px;
    min-height: 160px;
    text-align: center;
}
.book-unit-group-item .book-unit-item-container .book-unit-dynamic-item {
    margin: 0;
    min-height: 150px;
}
.book-unit-group-item .book-unit-item-container .book-unit-group {
    margin: 0;
}
.book-unit-group-item .book-unit-item-container {
    min-height: 154px;
}
.book-unit-placeholder {
    background: #22a8e5 none repeat scroll 0 0;
    border: 1px dashed #fff;
}
.book-unit-helper {
    height: 100px;
}
.book-unit-item-selected, .template-item-selected {
    background-color: #ccc;
}
.book-unit-item-container {
    position: relative;
}
.book-unit-item-options-container {
    border: 1px solid #22a8e5;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
}
.book-unit-item-options-container a {
    color: White;
    display: block;
    overflow: hidden;
    padding: 5px;
    width: 90px;
}
.book-unit-item-options-container a:hover {
    background-color: White;
    color: Black;
}
#steps {
}
.yb-comments-list-table-name {
    color: #fff;
    font-size: 14px;
    padding: 5px;
}
.yb-comments-list-table-body .commentFrom {
    background: rgba(0, 0, 0, 0) url("/Content/Images/icons/bwpx-icns/comment_user.gif") no-repeat scroll 5px 10px;
    padding-left: 30px;
}
.yb-comments-list-table-body .commentTo {
    background: rgba(0, 0, 0, 0) url("/Content/Images/icons/bwpx-icns/comment.gif") no-repeat scroll 5px 10px;
    padding-left: 30px;
}
.yb-comments-list-table-body tr {
    border-bottom: 1px solid #ccc;
}
.yb-comments-list-table {
    text-align: left;
}
.yb-comments-list-table td {
    width: 50%;
}
.yb-comments-list-item {
}
.yb-comments-list-item label {
    cursor: default;
}
.yb-comments-list-table-header {
    border-bottom: 1px solid #ccc;
}
.warningElem {
    color: White;
    cursor: default;
    font-weight: bold;
    margin: 1px;
    padding: 2px;
    position: absolute;
}
.resolutionWarningElem {
    left: 0;
    top: 0;
    z-index: 300;
}
� .albumManagement, .uploadControl {
    padding-left: 0.25%;
    padding-top: 0.25%;
}
.albumManagement .subTitle {
    background: rgba(0, 0, 0, 0) url("/Content/Images/icons/bwpx-icns/album_select.gif") no-repeat scroll 0 0;
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 20px;
}
.uploadControl .subTitle {
    background: rgba(0, 0, 0, 0) url("/Content/Images/icons/bwpx-icns/photo_add.gif") no-repeat scroll 0 0;
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 20px;
}
.albumContentList {
    padding-left: 0.25%;
    padding-top: 0.25%;
}
.albumContentList .subTitle {
    background: rgba(0, 0, 0, 0) url("/Content/Images/icons/bwpx-icns/photos.gif") no-repeat scroll 0 0;
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 20px;
}
.nonImageInAlbum, .warningElem {
    background: rgba(211, 0, 0, 0.5) url("/Content/Images/icons/bwpx-icns/error.gif") no-repeat scroll 2px 3px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}
.albumManagement .album {
    background-color: #f9f9f9;
    border-radius: 0 20px 0 0;
    float: left;
    height: 120px;
    margin-bottom: 0.5%;
    margin-left: 0.25%;
    margin-right: 0.25%;
    overflow: hidden;
    padding: 0.5%;
    vertical-align: top;
    width: 8.3%;
}
.fileinput-button {
    margin: 0;
    padding: 0;
}
.albumManagement .album {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%) repeat scroll 0 0;
    color: #000;
    text-decoration: none;
}
.albumManagement .currentSelectedAlbum {
    background: #b7deed linear-gradient(to bottom, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%) no-repeat scroll 0 0;
    box-shadow: 2px 2px 2px #666;
    color: #fff;
}
.facebookbutton {
    background-image: url("/Content/Images/icons/bwpx-icns/facebook.png");
    background-position: 5px 4px;
    background-repeat: no-repeat;
    padding-left: 30px;
}
.facebookbutton:hover {
    background-image: url("/Content/Images/icons/bwpx-icns/facebook.png");
    background-position: 5px 4px;
    background-repeat: no-repeat;
    padding-left: 30px;
}
.albumManagement .albumDescription {
}
.albumManagement .shared {
}
.albumManagement .albumName {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    text-transform: uppercase;
}
.albumOwner, .albumDescription {
    font-size: 10px;
}
.description {
    margin-bottom: 10px;
}
.yb-menu {
    margin: 0;
    padding: 0;
}
.yb-menu ul {
    margin: 0;
    padding: 0;
}
.yb-menu .menu-item {
    border-right: 1px solid #fff;
    display: block;
    float: left;
    padding: 10px;
}
.yb-sub-menu {
    border: 1px solid #22a8e5;
}
.yb-sub-menu .menu-item {
    display: block;
    float: left;
    padding: 10px;
}
.yb-menu .menu-item-img, .yb-sub-menu .menu-item-img {
    display: none;
}
.selected-menu-item {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%) repeat scroll 0 0;
}
.ybmenutitle {
    color: #ffffff;
    float: right;
    font-weight: bold;
    padding: 10px;
    text-shadow: 0 0 3px #666666;
    text-transform: uppercase;
}
.yb-sub-menu .tabTitle {
    border-right: 1px solid #22a8e5;
}
.yearbook-studententries-leftpanel, .yearbook-studententries-leftpanel-editor {
    float: left;
    overflow: auto;
    width: 200px;
}
.student-list-item-progress-icon-container {
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 16px;
}
.section-header .questiontitle {
    background: #dddddd url("/Themes/Unibind.YearBooksDirect/Content/images/questionicon.png") no-repeat scroll right center;
    border-bottom: 1px solid #999999;
    color: #000000;
    cursor: pointer;
    font-size: 16px;
    list-style-type: none;
    margin: 0;
    padding: 8px 20px;
    white-space: nowrap;
}
.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane {
    position: absolute;
    right: 0;
    top: 0;
}
.editor-actions-filter-pane select {
    padding: 5px;
}
.pageActions h2, .pageActions h3 {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 2px 5px 2px 2px;
}
.student-list-item-progress-icon {
    position: relative;
}
.progress-icon-not-started {
    left: -48px;
    top: -176px;
}
.progress-icon-started {
    left: -64px;
    top: -176px;
}
.progress-icon-advanced {
    left: -80px;
    top: -176px;
}
.progress-icon-profile-complete {
    left: -208px;
    top: -192px;
}
.grid_9 .section-body, .grid_9 .section-body, .grid_9 .section-body, .grid_9 .section-body {
    border-bottom: 2px solid #cccccc;
    padding: 10px 10px 60px;
}
.section-body textarea {
    margin-bottom: 1%;
    padding: 1%;
    width: 98%;
}
.section-body select {
    margin-bottom: 1%;
    padding: 1%;
    width: 100%;
}
select.date_picker {
    width: 32.3%;
}
select.date_picker.month {
    margin-left: 1.5%;
}
select.date_picker.year {
    margin-left: 1.5%;
}
.yearbook-studententries-mainpanel {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 0;
    width: 760px;
}
.student-list-item, .yb-navigation-item {
    border-bottom: 1px dotted #999999;
    margin: 0;
    padding: 5px 5px 5px 15px;
}
.pageActions {
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    padding: 2px 10px;
}
.pageActions .yearbook-studententries-editor-actions-boxheader {
    position: relative;
}
.section-header .title, .saveButtonWrapper, .yearbook-studententries-editor .title {
    background-repeat: repeat-x;
    border-bottom: 0 none;
    color: #ffffff;
    padding: 5px 10px;
    position: relative;
}
.saveSignOffStudentButton {
    margin-left: 5px;
}
.saveStudentButton, .saveSignOffStudentButton {
    float: right;
}
.theTitle {
    float: left;
    font-size: 15px;
    padding: 3px;
}
.student-list {
    border-top: 1px solid #333333;
    margin: 0;
}
.yb-navigation-item-progress-icon-container {
    float: right;
    height: 16px;
    overflow: hidden;
    width: 16px;
}
.yb-navigation-item-progress-icon {
    position: relative;
}
.yb-navigation-item-progress-icon-complete {
    left: -208px;
    top: -192px;
}
.yb-navigation-item-progress-icon-none {
    display: none;
}
.subtitle {
    background-color: #999999;
    background-repeat: repeat-x;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ffffff;
    float: right;
    list-style-type: none;
    margin-top: 10px;
    padding: 8px 20px;
    white-space: nowrap;
}
.t-button {
    float: right;
    font-size: 12px !important;
}
.studentPage {
    margin-top: 20px;
}
.student-list-item-selected, .yb-navigation-item-selected {
    background-color: #ff9c00;
    background-image: url("/Themes/Unibind.YearBooksDirect/Content/images/YBD-general/ybd-menu-bg-orange.jpg");
    background-repeat: repeat-x;
}
.student-list-item-name {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.student-list-item-progress-text, .student-list-item-progress-icon-container {
    float: right;
}
.student-list-item-progress-icon-container {
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 16px;
}
.student-list-item-progress-text, .student-list-item-progress-icon-container {
    float: right;
}
.yearbook-studententries-menu .title, .yearbook-studententries-leftpanel-editor .title {
    padding: 10px;
}
.yearbook-studententries-menu .infoPanel {
    padding: 10px;
}
.yb-home-top-editor {
    background-color: #c00;
    background-image: url("/Themes/Unibind.YearBooksDirect/Content/images/Home/title-bg.jpg");
    background-repeat: repeat-x;
    border-bottom: 0 none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
}
.yb-home-top-editor p {
    font-size: 12px;
    font-weight: normal;
}
.yb-home-main-column-editor-wrapper {
    position: relative;
}
.YBhomePageWrapper {
    min-height: 500px;
}
.tabTitle {
    cursor: pointer;
    font-size: 12px;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.theme_bg_colour2 .tabTitle {
    color: #fff;
}
.YBinnerTabWrapper {
    margin: 2px;
    padding: 10px;
}
.getstartedbutton {
    border: 0 none;
    padding: 5px;
}
.yb-home-main-column-editor-wrapper .yb_tab h3 {
    padding: 10px;
}
.yb-home-main-column-editor-wrapper .selected {
    background-color: #fec200;
}
.yb-home-main-column-editor-wrapper h3.last {
    margin-right: 0;
}
.yb-home-main-column-editor {
    padding: 0;
    position: absolute;
}
.yb-home-main-column-editor h3 {
    background-color: #fec200;
    background-image: url("/Themes/Unibind.YearBooksDirect/Content/images/Home/title-bg-yellow.jpg");
    background-repeat: repeat-x;
    margin-bottom: 10px;
    padding: 10px;
}
.yb-home-main-column-editor ul {
    margin-bottom: 0;
    padding: 10px;
}
.yb-home-main-column-editor ul li {
    display: block;
    padding-bottom: 10px;
}
.yb-home-main-column-list-item-editor {
    list-style-type: none;
}
.yb-home-main-column-list-item-editor a {
    text-decoration: underline;
}
.yb-home-main-column-list-item-editor a:hover {
    text-decoration: none;
}
.yb-home-main-column-list-item-header-editor {
}
.designStyleTemplates {
    background-color: #eeeeee;
    padding: 10px;
}
.yb-book-unit-template-list-container {
    overflow: auto;
    white-space: nowrap;
    width: 100%;
}
.bookStatusRow {
    font-size: 16px;
}
.currentStatusMarker {
    padding: 4px;
}
.currentStatusMarker.Review {
    background: #22a8e5 none repeat scroll 0 0;
    color: #fff;
}
.currentStatusMarker.Open {
    background: green none repeat scroll 0 0;
    color: #fff;
}
.yb-book-unit-template-list-item {
    cursor: pointer;
    display: inline-block;
    white-space: normal;
}
.designStyleTemplateInfo {
    background-color: #dddddd;
    border: 2px solid #ffffff;
    padding: 10px;
}
.designStyleTemplateInfo table {
    width: auto;
}
.question-row {
    border-bottom: 1px solid #eee;
}
.designStyleTemplateInfo table td, .yb-filter-pane table td, .content table td {
    padding: 5px;
    text-align: center;
}
.designStyleTemplateInfo table td input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
}
.adminContent td {
    text-align: left !important;
}
.adminContent {
    width: auto;
}
.bootSetupTextLine {
    padding-bottom: 10px;
}
.bookoptions {
    float: right;
    margin-top: 10px;
}
.bookoptions button {
    margin-left: 5px;
}
.previewfieldset {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.previewfieldset legend {
    font-size: 14px;
}
.previewYB {
    background: #efefef none repeat scroll 0 0;
    float: right;
    height: 200px;
    width: 50%;
}
.ammendYB {
    background: #efefef none repeat scroll 0 0;
    float: left;
    height: 200px;
    width: 50%;
}
.YBorderOption {
}
.yb-book-unit-template {
    border-color: transparent;
    border-style: solid;
    border-width: thick;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center;
}
.yb-book-unit-template-list {
    margin: 0;
}
.startYBPreview {
    font-size: 22px;
}
#steps {
    margin-bottom: 0;
}
#steps li {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 8px;
    width: auto;
}
#steps .setTitle {
    margin-bottom: 0;
}
.yb-filter-pane {
}
.yb-filter-pane table {
    width: auto;
}
.setTitle {
    font-size: 14px;
    margin-bottom: 10px;
}
.fieldSetWrapper {
}
.pie-wrapper {
}
.pie-chart {
}
.pie-chart img {
    width: 100%;
}
.report-list-wrapper {
}
.report-list-item {
    border-bottom: 1px dashed #e3e3e3;
    font-size: 14px;
    padding: 5px;
}
.statistic-label {
}
.statistic-value {
}
.mainProductLoading {
    background: #e3e5e5 url("/Themes/ThemeOne/Content/images/loder_thin.gif") no-repeat scroll center center / 32px 32px;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.booklet .b-counter {
    background: transparent none repeat scroll 0 0;
}
.partHeader {
    font-size: larger;
    font-weight: bold;
}
.mpMouseOver {
    background-color: Lime;
}
.mpSelected {
    background-color: #22a8e5 !important;
}
.template {
    display: none;
}
.editorContainer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.previewArea {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.multiPartContainer {
    height: 100%;
    overflow: auto;
}
.validationFailed {
    color: Red;
}
#errorSummary {
    background-color: White;
    bottom: 0;
    padding: 15px;
    position: fixed;
    right: 0;
    z-index: 100;
}
.mainUICell {
    background: #fff none repeat scroll 0 0;
    vertical-align: top;
}
.leftside {
    border-right: 0 none;
}
.UICenter {
    background: #c2c2c2 none repeat scroll 0 0;
    border-left: 0 none;
    border-right: 0 none;
    padding: 15px;
}
.mainUICellHelper {
}
.mainUITable {
}
.mainUIParent {
}
.inputPartList {
}
.inputPart, .rightInputPart {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    padding: 1%;
    width: 98%;
}
.inputPart {
    float: left;
    width: 15%;
}
.inputPart .inputPartInner, .rightInputPart .inputPartInner {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #eee;
    padding: 10px;
    position: relative;
}
.itemSelectorControls {
    position: absolute;
    right: 0;
    top: 0;
}
.itemSelectorControls .addButton, .deleteStaticItem, .showSelectionList {
    border: 0 none;
    color: #fff;
    padding: 5px;
}
.itemSelectorControls .addButton {
    background: #008000 none repeat scroll 0 0;
}
.deleteStaticItem {
    background: #cb0800 none repeat scroll 0 0;
}
.showSelectionList {
    background: #22a8e5 none repeat scroll 0 0;
    color: #fff;
}
.multiPartItemSelectorTitle {
    font-size: 16px;
    left: 170px;
    position: absolute;
    text-align: left;
    top: 10px;
    width: 300px;
}
.multiPartItemSelectorImage {
    border: 1px solid #eeeeee;
    display: table-cell;
    height: 150px;
    text-align: center;
    vertical-align: middle;
    width: 150px;
}
.loadingEditor {
    font-size: larger;
    text-align: center;
    width: 100%;
}
.uploadPreviewImgage {
}
.multiPartItemSelectorImage img {
    max-height: 150px;
    max-width: 150px;
}
.multiPartItem {
    background: #eee none repeat scroll 0 0;
    margin-bottom: 15px;
    position: relative;
}
#part-1 {
    padding-top: 0;
}
.showSelectionList {
    position: absolute;
    right: 0;
    top: 0;
}
.editableContentMultiPart, .partHeader {
    background: #fff none repeat scroll 0 0;
    padding: 5px;
}
.selectedFocus {
    background: #22a8e5 none repeat scroll 0 0;
}
.controlsWrapper {
    background: #eee none repeat scroll 0 0;
}
.constraintDescription {
    background: #ccc none repeat scroll 0 0;
    padding: 5px;
}
.validationFailed {
    background: #cb0800 none repeat scroll 0 0;
    color: #fff;
}
.multiPartButton {
    background: #008000 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    padding: 5px;
}
.addSingleOption {
    background: #22a8e5 none repeat scroll 0 0;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}
.modelError {
    color: #f00;
}
.mainUIParent, .mainUICellHelper {
    height: auto;
}
.mainUITable {
    height: auto;
    width: 100%;
}
.mainUICell {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    padding: 10px;
}
.mainUIParent .upload .partHeader {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/multipart/upload-banner.gif") repeat scroll center top;
    color: transparent;
    height: 185px;
}
.mainUITableContainer {
    position: relative;
}
.mainUIParent .multiPartButton {
    margin: 0 !important;
    position: absolute;
    right: 0;
    z-index: 1;
}
.mainUIParent .fileinput-button {
    position: absolute !important;
    right: 30px;
    top: 50px;
    z-index: 1;
}
.mainUIParent .fileUploadButton {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/multipart/upload_button.gif") repeat scroll center top;
    height: 31px;
    overflow: hidden;
    text-indent: -3000px;
    width: 163px;
}
.mainUIParent #showPreview {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/multipart/preview_button.gif") repeat scroll center top;
    height: 31px;
    overflow: hidden;
    right: 40px;
    text-indent: -3000px;
    top: 120px;
    width: 163px;
}
.mainUIParent #preview {
    border: 0 none;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
.mainUIParent .b-menu {
    display: none;
}
.mainUIParent .gobackButton.multiPartButton {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/multipart/back_button.gif") repeat scroll center top;
    height: 31px;
    left: 10px;
    overflow: hidden;
    text-indent: -3000px;
    top: 10px;
    width: 163px;
}
.mainUIParent .addtobasket.multiPartButton {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/multipart/add_to_basket.gif") repeat scroll center top;
    height: 31px;
    overflow: hidden;
    right: 10px;
    text-indent: -3000px;
    top: 10px;
    width: 163px;
}
.mainUIParent .uploadWrapper {
    padding: 0;
    text-align: center;
}
.mainUIParent .uploadMultiPart .inputPart, .uploadMultiPart .rightInputPart {
    background: #eeeeee none repeat scroll 0 0;
}
.mainUIParent #preview {
    background: #f9f9f9 none repeat scroll 0 0;
}
.mainUIParent #previewAreaContainer {
    position: relative;
}
.mainUIParent #preview .booklet {
}
.smsPage h1 {
    font-size: 15px;
    padding: 2px;
}
.smsWrapper {
}
.smsRow {
    margin-bottom: 10px;
}
.smsCol3 {
    position: relative;
}
#ecHelpImg {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    padding: 3px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.smsRow.first {
}
.smsRow.second {
}
.smsRow.third {
}
.smsPhoneWrapper {
    background: rgba(0, 0, 0, 0) url("/Content/Images/SMS/iphone_transparent.png") repeat scroll 0 0;
    height: 602px;
    position: relative;
    width: 924px;
}
.smsTextEditArea {
    border: 0 none;
    font-size: 15px;
    height: 200px;
    padding: 1%;
    width: 98%;
}
.smsHelpers {
    background: #ccc none repeat scroll 0 0;
    padding: 10px;
}
.smsHelper {
    padding: 5px 0;
}
.smsTextAreaWrapper {
    border: 3px solid #eee;
    width: 98%;
}
.smsTextAreaFooter {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ddd none repeat scroll 0 0;
    border-color: -moz-use-text-color #eee #eee;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 3px 3px;
    padding: 1%;
    width: 96%;
}
.smsTextAreaHeader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ddd none repeat scroll 0 0;
    border-color: #eee #eee -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 3px 0;
    padding: 1%;
    width: 96%;
}
.smsFooterLeft {
    float: left;
}
.smsFooterRight {
    float: right;
}
#csvUpload {
    padding: 0;
}
#smsPreview .message {
    display: block;
    float: left;
    height: 360px;
    padding-left: 31px;
    padding-right: 24px;
    padding-top: 124px;
    width: 253px;
}
#smsPreview .message .messageOriginator {
    background: #eee none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}
#smsPreview .message .messageRecipient {
    padding: 5px 15px;
}
#smsPreview .message .messageMessage {
    padding: 5px 15px;
}
#smsPreview .message .messageMessage .messageInner {
    background: #19b0fc none repeat scroll 0 0;
    border: 0 solid #000000;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0);
}
#AlbumSharingSubContainer .productShareList {
    padding-bottom: 2px;
}
#AlbumSharingSubContainer .productShareList input {
    margin: 2px 2px 0 0;
}
#AlbumSharingSubContainer .productShareList label {
    vertical-align: top;
}
#AlbumSharingSubContainer #individualProductShares {
    padding: 5px 25px;
}
.productTemplateTabbed .ui-widget-header {
}
.productTemplateTabbed .ui-tabs {
    padding: 0 !important;
    position: relative;
}
.productTemplateTabbed .ui-corner-all {
    border: 0 none !important;
    border-radius: 0 !important;
}
.productTemplateTabbed .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0 !important;
}
.productTemplateTabbed .UItab {
    border: 5px solid #eeeeee !important;
    padding: 0 !important;
}
.productTemplateTabbed .ui-widget-header {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
    color: #222222;
    font-weight: bold;
}
.productTemplateTabbed .ui-tabs .ui-tabs-nav li {
    background: #f9f9f9 none repeat scroll 0 0 !important;
    border: 0 none !important;
    border-radius: 0 !important;
}
.productTemplateTabbed .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: #eeeeee none repeat scroll 0 0 !important;
}
.productTemplateTabbed .tabInnerWrap {
    overflow: auto;
    padding: 10px;
}
.productTemplateTabbed .tabInnerWrap .grid_12 {
    width: 100%;
}
.productTemplateTabbed .related-products-grid {
    margin: 0;
}
.productTemplateTabbed .listWrapper {
    overflow: auto;
}
.productTemplateTabbed .listWrapper .listItem {
    margin: 0;
    width: 25%;
}
.productTemplateTabbed .listWrapper .item-box {
    border: 1px none;
}
.productTemplateTabbed .header {
    margin-bottom: 10px;
}
.productTemplateTabbed .priceWrapper {
    min-height: 60px;
}
.productTemplateTabbed .priceWrapper .priceWrapperInner {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding: 10px;
    text-align: right;
}
.productTemplateTabbed .priceWrapper .price {
    font-size: 16px;
    margin-right: 20px;
}
.productTemplateTabbed .priceWrapper .price .newProductPriceWrapper {
    color: #22a8e5;
    padding-left: 20px;
}
.productTemplateTabbed .priceWrapper .price .oldProductPriceWrapper {
    color: #707070;
}
.productTemplateTabbed .priceWrapper .price .oldProductPriceWrapper, .productTemplateTabbed .priceWrapper .price .newProductPriceWrapper {
    display: inline-block;
}
.productTemplateTabbed .add-info, .productTemplateTabbed .price {
    display: inline-block;
    vertical-align: middle;
}
.productTemplateTabbed .titleWrapper {
    min-height: 60px;
}
.productTemplateTabbed .titleWrapper h1 {
    font-size: 26px;
    margin: 0;
    padding-top: 10px;
}
.productTemplateTabbed .shortdescription {
    float: right;
    width: 47%;
}
.productTemplateTabbed .product-variant-list {
    float: left;
    width: 50%;
}
.TagSearchBox {
}
.TagSearchBox .freetextsearch {
    padding-bottom: 20px;
}
.TagSearchBox .freetextsearch .freetextsearchleft {
    float: left;
    width: 80%;
}
.TagSearchBox .freetextsearch .freetextsearchleft .searchboxtext-filter {
    padding: 5px 2%;
    width: 93%;
}
.TagSearchBox .freetextsearch .freetextsearchright {
    float: right;
    width: 20%;
}
.TagSearchBox .freetextsearch .freetextsearchright .searchboxbutton, .TagSearchBoxButton {
    background: #22a8e5 none repeat scroll 0 0;
    border: 0 solid;
    color: #fff;
    display: block;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 100%;
}
.TagSearchBox .tagSearch {
}
.TagSearchBox .tagSearch .TagSearchMainArea {
}
.TagSearchBox .tagSearch .TagSearchMainArea .tagCategory {
    margin-bottom: 20px;
}
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchLabelArea {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchLabelArea .TagSearchLabel {
    font-size: 14px;
}
.TagSearchBox .tagSearch .TagSearchMainArea .toggler {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/common/minus-icon-sml.gif") no-repeat scroll center center;
    display: block;
    float: right;
    height: 20px;
    width: 20px;
}
.TagSearchBox .tagSearch .TagSearchMainArea .toggler.minus {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/common/plus-icon-sml.gif") no-repeat scroll center center;
}
.TagSearchBox .tagSearch .TagSearchMainArea .toggler:hover {
    cursor: pointer;
}
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea {
}
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk {
    padding: 1px 0;
}
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk input {
    margin-right: 5px;
    vertical-align: middle;
}
#pagerContainer {
    border: 1px solid #999;
    border-radius: 3px;
    margin-bottom: 10px;
    min-height: 40px;
    padding: 0 5px;
}
#pager {
    display: block;
    margin: 4px 0;
}
#pager .pagerLink {
    border: 1px solid #999;
    display: inline-block;
    line-height: 25px;
    margin: 3px;
    text-align: center;
    width: 30px;
}
#pager .pagerLink:hover, #pager .currentPage {
    background-color: #22a8e5;
    color: #fff;
    text-decoration: none;
}
#imageImportDlg {
    cursor: pointer;
    min-width: 200px;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
#pluginContainer, #imageImportDlg div:first-child {
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}
#pluginContainer {
    margin: 20px 0;
    width: 100%;
}
.imageContainer {
    position: relative;
}
.ImgPlugButton {
    display: inline-block;
    width: 55px;
}
.ImgPlugImageSelect {
    display: inline-block;
    height: 70px;
    margin: 2px;
    width: 70px;
}
.selectedImg {
    border: 2px solid #428bca;
    box-sizing: border-box;
}
.ImgPlugPhotos, .fbAlbums, .fbFriends {
    margin-top: 10px;
    max-width: 410px;
}
.ImgPlugPaging #next {
    float: right;
}
.ImgPlugPaging #prev {
    float: left;
}
.loadinganim {
    display: none;
    left: 150px;
    position: absolute;
    top: 230px;
}
.upload #uploadButton {
    display: block;
    margin: 5px auto 10px;
    padding: 5px;
    width: 200px;
}
.upload span {
    padding: 0 5px;
}
.loadinganim img {
}
.imageImportDlg {
}
.main-upload {
    border: 0 none;
    padding: 7px 40px;
}
#pluginContainer .fa {
    margin: 5px 5px 0;
}
.ImgPlugButton {
    width: 67px;
}
#pluginContainer .imgPlugFB {
    background: #3b5998 none repeat scroll 0 0;
}
#pluginContainer .imgPlugINST {
    background: #517fa4 none repeat scroll 0 0;
}
#pluginContainer .imgPlugDropBox {
    background: #517fa4 none repeat scroll 0 0;
}
#pluginContainer .imgPlugFlickr {
    background: #517fa4 none repeat scroll 0 0;
}
#pluginContainer .imgPlugAssetBank {
    background: #517fa4 none repeat scroll 0 0;
}
button.tt.btn.btn-default.btn-me.dialogInit {
    height: 65px;
    width: 65px;
}
.imgPlugAssetBank span {
    display: block;
    font-size: 10px;
    margin-left: -3px;
}
.upload span, .ImgPlugPaging span {
    cursor: pointer;
}
.ImgSearch {
    color: black;
    padding: 5px;
}
.ImgSearch #search, .ImgSearch .ddSort {
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
}
.ImgSearch .ddSort {
    padding: 7px 5px;
}
.depositPhotos .logo {
    padding: 0 10px 10px;
}
button.tt.btn.btn-default.btn-me.dialogInit.imgPlugDP {
    padding: 1px;
}
#uploadControl #fileupload {
    display: inline-block;
    width: 250px;
}
.imagePluginBox .subTitle {
    margin-top: 20px;
}
.albumContent #albumContentListContainer #pluginContainer {
    margin: 10px 10px 0;
    text-align: left;
}
.albumContent #albumContentListContainer .ImgPlugPhotos {
    max-width: 750px;
}
.albumContent #albumContentListContainer .imageContainer {
    padding: 10px;
}
.albumContent #albumContentListContainer .ImgPlugPaging #next {
    width: 165px;
}
.albumContent #albumContentListContainer .upload #uploadButton {
    background-color: #22a8e5;
    border: medium none;
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 250px;
}
.albumContent #albumContentListContainer .ImgPlugFooter {
    text-align: center;
}
.albumContent #albumContentListContainer .selectedImg {
    box-sizing: border-box;
}
.albumContent #albumContentListContainer .loadinganim {
    left: 150px;
    position: absolute;
    top: 50px;
}
.smsPage .hide {
    display: none;
}
.smsPage #csvUpload {
    width: 85px;
}
.smsPage #smsUploadText {
    display: block;
    margin-top: 5px;
}
.smsPage .success {
    color: green;
}
.smsPage .smsHelp {
    background-image: url("/Catfish.Web/Content/images/011.png");
    height: 10px;
    text-indent: -999px;
    width: 10px;
}
.smsPage .smsSendSelection {
    display: inline-block;
    height: 50px;
    margin-top: 15px;
    width: 49%;
}
.smsPage .smsSendSelection label {
    margin: 0 10px 0 2px;
}
.smsPage .smsHeader {
    clear: both;
    display: block;
}
.smsPage .smsInstructionPanel {
    display: none;
    width: 49%;
}
.smsPage #smsHelpImg {
    cursor: pointer;
    padding: 3px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.smsPage .bar {
    background-color: green;
    height: 20px;
}
.smsPage #progress {
    background-color: #efefef;
}
.products-box td.subtotal, .products-box td.product, .products-box td.subtotal, .products-box td.unitprice, .products-box td.qty {
    vertical-align: middle;
}
#SavedProjects form.t-grid-actions {
    display: block;
}
.SongTabWrapper {
    margin-top: 30px;
}
.SongTabWrapper.ui-tabs, .SongTabWrapper.ui-tabs .ui-tabs-nav {
    border: 0 none;
    padding: 0;
}
.SongTabWrapper .ui-widget-header {
    background: #fff none repeat scroll 0 0;
}
#searchPane {
    background: #ffffff none repeat scroll 0 0;
    border: 0 solid #eee;
}
#searchPane .currentFilterOptions {
    border: 1px solid #efefef;
    font-size: 9px;
    margin: 10px 10px 0;
    padding: 5px;
}
#searchPane .filterArea {
    background: #ffffff none repeat scroll 0 0;
}
#searchPane .filterArea .filterAreaInner {
    border: 1px solid #efefef;
    font-size: 9px;
    margin: 10px 0 10px 10px;
    min-height: 550px;
    padding: 5px;
}
#bookFooter {
    float: right;
    width: 18%;
}
#previewBookBtn {
    background: rgba(0, 0, 0, 0) url("/Themes/Overrides/MusicSalesMusicBookMaker/img/editor/red_button_large.png") repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: right;
    margin-top: 0;
    padding: 22px 10%;
    text-align: center;
    text-transform: uppercase;
    width: 78%;
}
#previewBookBtn:hover {
    text-decoration: none;
}
#searchPane .ResultsListWrapper {
    background: #ffffff none repeat scroll 0 0;
}
#searchPane .ResultsListWrapper #ResultsList li {
    border: 1px solid #efefef;
    margin: 10px;
    padding: 0;
}
#compilePane {
    background: #fff none repeat scroll 0 0;
    min-height: 604px;
    padding: 10px;
}
#compilePane .cover {
}
#compilePane .pageNumber, #compilePane .itemInfo {
    float: left;
}
#compilePane .itemInfo {
    border-left: 1px solid #eee;
    margin-left: 10px;
    padding: 5px;
}
#compilePane .item .itemContributor, #compilePane .item .itemTitle {
    padding: 0;
}
#compilePane .resultItem .itemDetailsWrapper {
    background: #eee none repeat scroll 0 0;
    width: 15%;
}
#compilePane .resultItem .itemDetailsWrapper .removeBtn {
    float: right;
    padding: 5px 2%;
    width: 70%;
}
#compilePane .resultItem .itemDetailsWrapper .handle {
    float: left;
    width: 20%;
}
#compiledList {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #efefef #efefef -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 10px 0;
}
#songSelectTab, #yourBookTab {
    background: rgba(0, 0, 0, 0) url("/Themes/Overrides/MusicSalesMusicBookMaker/img/editor/music_tab_bg.jpg") repeat scroll 0 0;
    height: 75px;
    width: 40%;
}
#songSelectTab.ui-state-active, #yourBookTab.ui-state-active {
    background: rgba(0, 0, 0, 0) url("/Themes/Overrides/MusicSalesMusicBookMaker/img/editor/music_tab_bg_selected.jpg") repeat scroll 0 0;
}
.progressWrapper {
    float: right;
    padding: 10px 2%;
    width: 55%;
}
.progressLabel {
    font-weight: 700;
    margin-top: 5px;
    position: absolute;
    text-shadow: 1px 1px 0 #fff;
    width: 100%;
}
.progressText {
    float: left;
    line-height: 25px;
}
#progressBar {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}
.progressWrapper p {
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    white-space: normal;
}
#songSelectTab a, #yourBookTab a, #compiledList .itemTitle, #compiledList .itemContributor {
    display: block;
}
#SongTabs li a {
    margin: 0;
    padding: 0;
    width: 100%;
}
#SongTabs li a .tabTitle {
    float: left;
    font-size: 18px;
    padding: 10px 5%;
    text-transform: none;
    width: 31%;
}
#songSelection, #yourBook {
    background: #efefef none repeat scroll 0 0;
}
#songSelection .tabHeader {
    display: none;
}
.addToBookBtn {
}
.SongTabWrapper .ui-progressbar .ui-progressbar-value {
    background: #ededed url("/Themes/Overrides/MusicSalesMusicBookMaker/img/editor/button-general.jpg") repeat-x scroll 0 0;
    transition: all 1s ease-in-out 0s;
}
.SongTabWrapper .ui-progressbar .ui-progressbar-value.songPageCountMinError {
    animation: 2s ease 0s normal none infinite running myfirst;
    background: #b0002d none repeat scroll 0 0;
    color: #fff;
}
.SongTabWrapper .ui-progressbar .ui-progressbar-value.songPageCountMaxError {
    animation: 2s ease 0s normal none infinite running myfirst;
    background: #b0002d none repeat scroll 0 0;
    color: #fff;
}
@keyframes myfirst {
0% {
    background: #890022 none repeat scroll 0 0;
}
50% {
    background: #e4051f none repeat scroll 0 0;
}
100% {
    background: #890022 none repeat scroll 0 0;
}
}
.progressLabel.songPageCountMaxError {
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}
.progressLabel.songPageCountMinError {
    color: #ff0000;
    text-shadow: 1px 1px 0 #fff;
}
#ResultsList .itemSelection, #compiledList .itemSelection {
    background: #eeeeee none repeat scroll 0 0;
    float: right;
    padding: 5px;
    width: 70%;
}
.item.itemContainer {
    margin-top: 0;
    vertical-align: top;
    width: 75%;
}
.item .itemTitle {
    font-size: 13px;
    font-weight: 700;
    padding: 5px;
    position: relative;
}
.item .itemContributor {
    font-size: 11px;
    padding: 0 5px 5px;
}
.item .removeBtn {
}
.addToBookBtn:hover {
    background: #a82b3e none repeat scroll 0 0;
    color: #fff;
}
#compiledList::before, #compiledList::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000 #000 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    display: block;
    text-align: center;
    width: 48%;
}
#compiledList li {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    color: #000;
    position: relative;
}
#compiledList .ui-sortable-helper, #compiledList .ui-sortable-helper:hover {
    background: #000 url("/Content/Images/mini_icons/arrow_up_down.gif") no-repeat scroll 98% center;
}
#compiledList .ui-sortable-helper, #compiledList .ui-sortable-helper:hover div {
    color: #fff;
}
#musicSearchFieldOptions, #musicModifyFieldOptions {
    background: #efefef none repeat scroll 0 0;
    padding: 5px;
}
#SongTabs #musicSearchFieldOptions {
    padding: 0 0 10px;
}
.resultItem .itemDetailsWrapper {
    float: right;
    width: 25%;
}
.previewItem .previewBtn, .addToBook .addToBookBtn, #compilePane .removeBtn input, #compilePane .resultItem .itemDetailsWrapper .handle {
    border: 1px solid #666;
    border-radius: 3px;
    text-transform: uppercase;
    width: 100%;
}
.previewItem .previewBtn {
    background: #ededed url("/Themes/Overrides/MusicSalesMusicBookMaker/img/editor/button-general.jpg") repeat-x scroll 0 0;
    margin-bottom: 5px;
}
#compilePane .resultItem .itemDetailsWrapper .handle {
    background: #ededed url("/Themes/Overrides/MusicSalesMusicBookMaker/img/editor/music_drag_button.gif") repeat-x scroll center center;
    height: 31px;
    margin: 5px 0 5px 2%;
    width: 20%;
}
.addToBook .addToBookBtn, #compilePane .removeBtn input {
    background: #9f0029 url("/Themes/Overrides/MusicSalesMusicBookMaker/img/editor/button-red.jpg") repeat-x scroll 0 0;
    color: #fff;
}
#musicModifyFieldOptions {
    text-align: right;
}
.filterArea {
    background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    width: 30%;
}
.filterHeading {
    font-weight: 700;
    padding-bottom: 5px;
}
.filterContent .filterItem, .expendableFilterContent .filterItem {
    margin-bottom: 2px;
    padding-bottom: 2px;
}
.filterContent .filterItem input {
    vertical-align: bottom;
}
.filterContent .filterItem label {
    padding-left: 2px;
}
#arrangementsDiv {
    margin-bottom: 20px;
}
.filterExpander, .filterCollapser {
    color: #cb3650;
    cursor: pointer;
    float: right;
    text-decoration: underline;
}
.ResultsListWrapper {
    background: #f6f6f6 none repeat scroll 0 0;
    float: right;
    min-height: 560px;
    width: 70%;
}
#ResultsList {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    min-height: 900px;
}
#ResultsList li.current {
    background: #22a8e5 none repeat scroll 0 0;
}
.searchboxDropDown {
    padding: 7px;
}
.popularButton {
    background: #22a8e5 url("/Content/Images/mini_icons/arrow_dash_down.gif") no-repeat scroll 95% center;
    border: 0 none;
    color: #fff;
    display: none;
    margin: 0;
    padding: 7px 30px 7px 7px !important;
    position: absolute;
    right: 5px;
    top: 5px;
}
.popularButtonUp {
    background: #22a8e5 url("/Content/Images/mini_icons/arrow_dash_up.gif") no-repeat scroll 95% center;
}
.popularButton:hover, .popularButtonUp:hover {
    background-color: #00415f;
}
#feedback {
    font-size: 1.4em;
}
.searchbutton {
    color: #fff;
    height: 33px;
    margin: 0;
    padding: 0;
}
#ResultsList .pageNum {
    background: #fff url("/Themes/Overrides/MusicSalesMusicBookMaker/img/editor/musicsearch-pages-icon.gif") repeat-x scroll 0 0;
    color: #000;
    cursor: help;
    float: right;
    font-size: 10px;
    font-weight: 400;
    height: 27px;
    line-height: 20px;
    margin: 5px;
    text-align: center;
    width: 21px;
    z-index: 99;
}
li .handle {
    background: #f8f8f8 none repeat scroll 0 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 99;
}
li .handle:hover {
    background: #ebb8be none repeat scroll 0 0;
    cursor: pointer;
}
li .handle .ui-icon-carat-2-n-s {
    margin: 12px;
}
.ui-selecting {
    background: #eee none repeat scroll 0 0;
}
.ui-selecting .handle {
    background: #ddd none repeat scroll 0 0;
    cursor: pointer;
}
.currentFilterItem {
    margin-left: 2px;
    margin-right: 2px;
}
.currentFilterOptionHeading {
    font-weight: 700;
}
.clearFilterOptionsButton {
    color: #d73f57 !important;
    margin-left: 5px;
    text-decoration: none;
}
.clearFilterOptionsButton *:hover {
    text-decoration: underline;
}
#compiledList li.ui-selected {
    background: #d54359 none repeat scroll 0 0;
}
#compiledList li.ui-selected div {
    color: #fff;
    cursor: pointer;
}
.ui-selected .handle {
    background: #ebb8be none repeat scroll 0 0;
}
#compiledList .itemContainer {
    cursor: pointer;
    margin-left: 0;
}
.aboveSearchPane {
    padding: 5px 5px 10px;
}
.instructionsWrapper {
    float: left;
    width: 50%;
}
#paginationInfo {
    font-size: 11px;
    height: 30px;
    margin: 10px;
    padding-top: 20px;
    width: 100%;
}
#pageItems {
    margin-bottom: 5px;
}
.pagingItem {
    background-color: #efefef;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 10px;
}
.pagingLink {
    cursor: pointer;
}
.pagingLink:hover {
    border: 1px solid #000;
}
.currentPagingItem {
    background: #cb3650 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #fff;
}
.loadingdiv {
    font-size: 14px;
}
#compiledList .ui-selected, #compiledList ol {
    color: #000;
}
.filterExpander .ui-icon, .filterCollapser .ui-icon {
    float: left;
}
.tagCloudContainer, .itemId {
    display: none;
}
.item {
    display: inline-block;
}
#compiledList .pageNum {
    text-align: center;
    width: 5%;
}
.cover {
    background-color: #efefef;
    width: 100%;
}
.coverImg {
    display: inline-block;
    padding: 0.6em;
}
.coverImg img {
    height: 100px;
    width: 75px;
}
.coverInfo {
    display: inline-block;
    width: 89%;
}
.coverInfo span {
    display: block;
}
input#addToComp, input#previewSong {
    margin: 2px;
    width: 100%;
}
span.clearCurrentFilterItem {
    background-image: url("/Themes/DarkOrange/Content/images/ico-delete.gif");
    cursor: pointer;
    display: inline-block;
    height: 13px;
    text-indent: -9999px;
    width: 18px;
}
.noSongsPlaceholder {
    display: block;
    height: 500px;
    width: 100%;
}
.noSongsPlaceholder img {
    display: table;
    margin: 0 auto;
    padding-top: 50px;
}
#bookPreview {
    float: left;
    margin-right: 10px;
    width: 70%;
}
#confLogic {
    float: left;
    width: 28%;
}
.shipping-options .shipping-options-dispatch {
    margin-top: 50px;
}
#opc-shipping_method .shipping-options-dispatch {
    display: none;
}
p.custom-name-box input#customName {
    color: #000;
    padding: 2px;
}
p.custom-name-box {
    margin-top: 20px;
}
p.custom-name-box input#customProjectName {
    float: right;
}
@media only screen and (max-width: 959px) {
.customer-addresses table td, .customer-addresses table th {
    float: left;
    font-size: 12px;
    line-height: 15px;
    min-height: 16px;
    padding: 5px 4px;
    position: relative;
    text-align: left;
    width: 100%;
}
.customer-addresses table tbody {
    float: left;
    position: relative;
    text-align: left;
    width: 80%;
}
.customer-addresses table thead {
    float: left;
    position: relative;
    text-align: left;
    width: 20%;
}
.customer-addresses {
    background-color: #fff;
    height: auto;
    overflow: visible;
    padding: 5px;
}
}
.orders_v2 ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-indent: 0;
}
.orders_v2 li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.orders_v2 {
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    padding-left: 10px;
}
.orders_v2 .orders_row {
    background-color: transparent;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.orders_v2 .orders_halfrow {
    background-color: transparent;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 50%;
}
.orders_v2 .order_show {
    float: left;
    position: relative;
    width: 100%;
}
.orders_v2 .order_toggle_filter {
    color: #fff;
    float: right;
    height: 25px;
    line-height: 25px;
    margin-left: 1%;
    padding-left: 1%;
    padding-right: 1%;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 12.7%;
}
.orders_v2 .order_Pending {
    background-color: #196ea9;
}
.orders_v2 .order_Pending:hover {
    background-color: #196ea9 !important;
    color: #fff !important;
}
.orders_v2 .order_Unpaid {
    background-color: #25686e;
}
.orders_v2 .order_Unpaid:hover {
    background-color: #25686e !important;
    color: #fff !important;
}
.orders_v2 .order_Processing {
    background-color: #ffa600;
}
.orders_v2 .order_Processing:hover {
    background-color: #ffa600 !important;
    color: #fff !important;
}
.orders_v2 .order_Complete {
    background-color: #81df20;
}
.orders_v2 .order_Complete:hover {
    background-color: #81df20 !important;
    color: #fff !important;
}
.orders_v2 .order_Cancelled {
    background-color: #e11e21;
}
.orders_v2 .order_Cancelled:hover {
    background-color: #e11e21 !important;
    color: #fff !important;
}
.orders_v2 .order_All {
    background-color: #2b3238;
    color: #fff !important;
}
.orders_v2 .order_All:hover {
    background-color: #2b3238 !important;
    color: #fff !important;
}
.orders_v2 .default {
    background-color: #f2f2f2;
    color: #808080 !important;
    opacity: 1;
}
.orders_v2 .order_filt {
    float: left;
    position: relative;
    width: 0;
}
.orders_v2 .order_filt select {
    border: 2px solid #e5e5e5;
    float: left;
    height: 25px;
    padding: 0;
    position: relative;
    width: 49%;
}
.orders_v2 .order_txt {
    color: #252525;
    float: left;
    height: 25px;
    line-height: 25px;
    position: relative;
    vertical-align: middle;
}
.orders_v2 .order_show .order_txt {
}
.orders_v2 .order_filt .order_txt {
    margin-right: 1%;
    text-align: right;
    width: 49%;
}
.orders_v2 .order_sort {
    float: left;
    position: relative;
    width: 100%;
}
.orders_v2 .order_sort select {
    border: 2px solid #e5e5e5;
    float: left;
    height: 25px;
    margin-left: 10px;
    padding: 0;
    position: relative;
    width: 255px;
}
.orders_v2 .orders_page_title {
    background-color: #f2f2f2;
    color: #22a8e5;
    float: left;
    font-size: 21px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding-left: 1%;
    position: relative;
    vertical-align: middle;
    width: 28.5%;
}
.orders_v2 .order_search {
    background-color: #f2f2f2;
    float: right;
    padding-bottom: 5px;
    padding-right: 0.5%;
    padding-top: 5px;
    position: relative;
    width: 70%;
}
.orders_v2 .order_search .order_searchbox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #22a8e5 -moz-use-text-color #22a8e5 #22a8e5;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 0;
    float: right;
    height: 25px;
    padding: 0 0 0 7px;
    position: relative;
    width: 80%;
}
.orders_v2 .order_search .order_search_button {
    background-color: #22a8e5;
    border: 0 none;
    color: #fff;
    float: right;
    height: 25px;
    padding: 0;
    position: relative;
    width: 28px;
}
.orders_v2 .order_search .order_search_button:hover {
    background-color: #2485b2;
}
.orders_v2 .order_page_select_container {
    float: right;
    position: relative;
}
.orders_v2 .order_page_select_container .order_page_but {
    background-color: #e5e5e5;
    border: 0 none;
    color: #828080;
    float: left;
    height: 25px;
    line-height: 20px;
    margin-left: 5px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}
.orders_v2 .order_page_select_container .order_page_but:hover {
    background-color: #22a8e5;
    color: #fff;
    text-decoration: none;
}
.orders_v2 .order_page_select_container .order_page_state {
    background-color: #e5e5e5;
    border: 0 none;
    color: #828080;
    float: left;
    height: 25px;
    line-height: 26px;
    margin-left: 5px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 58px;
}
.orders_v2 .inactive {
    background-color: #e5e5e5 !important;
    color: #f2f2f2 !important;
    cursor: default;
    opacity: 0.5;
}
.orders_v2 .active {
    opacity: 1;
}
.orders_v2 .current {
    background-color: #22a8e5 !important;
    color: #fff !important;
}
.orders_v2 .order_container {
    background-color: #e5e5e5;
    float: left;
    position: relative;
    width: 100%;
}
.orders_v2 .order_container .order_details {
    background: #f2f2f2 linear-gradient(to bottom, #f7f7f7 0%, #e5e5e5 100%) repeat scroll 0 0;
    float: left;
    padding: 2%;
    position: relative;
    width: 29%;
}
.orders_v2 .order_container ul {
    margin-bottom: 13px;
}
.orders_v2 .order_container ul li {
    color: #7f7f7f;
    margin-bottom: 2px;
}
.orders_v2 .order_q_info {
}
.orders_v2 .order_q_info .order_title {
    color: #22a8e5;
    font-size: 14px;
    margin-bottom: 5px;
}
.orders_v2 .order_q_info .order_info {
}
.orders_v2 .order_info_total {
    background-color: #2b3238;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    height: 23px;
    padding-left: 1%;
    padding-right: 1.5%;
    padding-top: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 17.5%;
    z-index: 2;
}
.orders_v2 .order_info_total .o_data {
    font-size: 17px;
    font-weight: bold;
}
.orders_v2 .order_q_info .order_title .o_data {
    color: #2b3238;
    font-weight: bold;
}
.orders_v2 .order_q_info .order_info .o_data {
    color: #22a8e5;
}
.orders_v2 .order_f_info {
}
.orders_v2 .order_f_info .order_title {
    color: #22a8e5;
}
.orders_v2 .order_f_info .order_info {
}
.orders_v2 .order_f_info .order_title .o_data {
}
.orders_v2 .order_f_info .order_info .o_data {
    color: #000;
}
.orders_v2 .order_status_container {
    color: #fff;
    float: right;
    height: 20px;
    line-height: 20px;
    position: relative;
    text-align: center;
    width: 20%;
}
.orders_v2 .order_status_container .order_status {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.orders_v2 .order_products_list {
    float: right;
    padding: 2%;
    position: relative;
    width: 63%;
}
.orders_v2 .order_products_list li {
    background-color: #fff;
    float: left;
    line-height: 16px;
    min-height: 90px;
    padding-top: 5px;
    position: relative;
    text-align: center;
    vertical-align: baseline;
}
.orders_v2 .order_products_list ul {
    background-color: #fff;
    float: left;
    margin-bottom: 7px;
    position: relative;
    width: 100%;
}
.orders_v2 .order_products_list ul li {
}
.orders_v2 .order_products_list .order_prodlist_head {
    text-align: center;
}
.orders_v2 .order_products_list .order_prodlist_head .order_prod_thumbnail {
    min-height: 25px !important;
    width: 40%;
}
.orders_v2 .order_products_list .order_prodlist_head .order_prod_name {
    min-height: 25px !important;
    width: 30%;
}
.orders_v2 .order_products_list .order_prodlist_head .order_prod_custom_name {
    min-height: 25px !important;
    width: 25%;
}
.orders_v2 .order_products_list .order_prodlist_head .order_prod_price {
    min-height: 25px !important;
    width: 10%;
}
.orders_v2 .order_products_list .order_prodlist_head .order_prod_quantity {
    min-height: 25px !important;
    width: 10%;
}
.orders_v2 .order_products_list .order_prodlist_head .order_prod_total {
    min-height: 25px !important;
    width: 10%;
}
.orders_v2 .order_products_list .order_prod_thumbnail {
    overflow: hidden;
    width: 40%;
}
.orders_v2 .order_products_list .order_prod_thumbnail img {
    border: 1px solid #e5e5e5;
    max-height: 200px;
    max-width: 100%;
}
.orders_v2 .order_products_list .order_prod_name {
    float: left;
    line-height: 24px;
    position: relative;
    text-align: left;
    width: 60%;
}
.orders_v2 .order_products_list .order_prod_name .custom_name {
    color: #2b3238;
}
.orders_v2 .order_products_list .order_prod_total {
    background-color: #22a8e5;
    border-top-left-radius: 31px;
    bottom: 0;
    color: #fff;
    height: 26px;
    left: 80%;
    padding: 2%;
    position: absolute;
    text-align: center;
    width: 16%;
}
.orders_v2 .order_products_list .order_prod_name {
    color: #22a8e5;
    float: left;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
    position: relative;
    text-align: left;
    width: 60%;
}
.orders_v2 .order_products_list .order_prod_price {
    bottom: 0;
    height: 40px;
    left: 40%;
    position: absolute;
    width: 20%;
}
.orders_v2 .order_products_list .order_prod_quantity {
    bottom: 0;
    height: 40px;
    left: 60%;
    position: absolute;
    width: 20%;
}
.orders_v2 .order_container .order_show_details_but {
    background-color: #22a8e5;
    color: #ffffff;
    float: left;
    line-height: 26px;
    position: relative;
    text-align: center;
    width: 80%;
}
.orders_v2 .order_container .order_show_details_but:hover {
    background-color: #5bc2f0;
    text-decoration: none;
}
.orders_v2 .order_container .order_hide_details_but {
    background-color: #22a8e5;
    color: #fff;
    float: left;
    line-height: 25px;
    position: relative;
    text-align: center;
    width: 100%;
}
.orders_v2 .order_container .hide {
    display: none;
}
.orders_v2 .order_container .short_view_order_details {
    max-height: 30px;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    width: 76%;
}
.orders_v2 .order_container .short_view_status_details {
    background-color: #e11e21;
    height: 47px;
    line-height: 47px;
    padding: 2%;
    transition: all 0.3s linear 0s;
    width: 16%;
}
.orders_v2 .order_container .short_view_prod_list_details {
    display: none;
    transition: all 0.3s linear 0s;
}
.orders_v2 .reorderbutton {
    background-color: #22a8e5;
    border: 0 none;
    bottom: 11px;
    color: #fff;
    position: absolute;
    right: 0;
}
.orders_v2 .reorderbutton:hover {
    background-color: #5bc2f0;
}
.orders_v2 .completepaymentbutton {
    background-color: #25686e;
    border: 0 none;
    bottom: 11px;
    color: #fff;
    left: 0;
    position: absolute;
}
.orders_v2 .completepaymentbutton:hover {
    background-color: #314e51;
    text-decoration: none;
}
.orders_v2 .order_fullinfo {
    float: left;
    padding-bottom: 37px;
    position: relative;
    width: 100%;
}
.AbortPayment {
    color: #626262 !important;
    cursor: pointer;
    font-size: 19px;
    position: absolute;
    right: 9px;
    top: 5px;
}
.AbortPayment .fa {
    display: inline-block;
    margin: 0;
}
@media only screen and (max-width: 1200px) and (min-width: 959px) {
.orders_v2 .order_container .short_view_order_details {
    width: 70%;
}
.orders_v2 .order_container .short_view_status_details {
    width: 22%;
}
.orders_v2 .order_container .order_show_details_but {
    width: 74%;
}
.orders_v2 .order_info_total {
    width: 23.5%;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.orders_v2 .order_container .short_view_order_details {
    width: 60%;
}
.orders_v2 .order_container .short_view_status_details {
    width: 32%;
}
.orders_v2 .order_container .order_show_details_but {
    width: 64%;
}
.orders_v2 .order_info_total {
    width: 33.5%;
}
.orders_v2 .order_container .order_details {
    border-bottom: 1px solid #fff;
    float: left;
    padding: 2.5%;
    position: relative;
    width: 96%;
}
.orders_v2 .order_f_info {
    float: left;
    position: relative;
    width: 50%;
}
.orders_v2 .order_status_container {
    color: #fff;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 36%;
}
.orders_v2 .order_products_list {
    float: right;
    padding: 2%;
    position: relative;
    width: 96%;
}
.orders_v2 .order_sort select {
    width: 219px;
}
.orders_v2 .order_toggle_filter {
    width: 15%;
}
}
@media only screen and (max-width: 767px) {
.orders_v2 .order_container .short_view_order_details {
    width: 60%;
}
.orders_v2 .order_container .short_view_status_details {
    width: 32%;
}
.orders_v2 .order_container .order_show_details_but {
    width: 64%;
}
.orders_v2 .order_info_total {
    width: 33.5%;
}
.orders_v2 .order_container .order_details {
    border-bottom: 1px solid #fff;
    float: left;
    padding: 2.5%;
    position: relative;
    width: 96%;
}
.orders_v2 .order_f_info {
    float: left;
    position: relative;
    width: 100%;
}
.orders_v2 .order_status_container {
    color: #fff;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 36%;
}
.orders_v2 .order_products_list {
    float: right;
    padding: 2%;
    position: relative;
    width: 96%;
}
.orders_v2 .order_sort select {
    width: 219px;
}
.orders_v2 .order_toggle_filter {
    width: 12%;
}
.order_f_info_m {
    width: 50% !important;
}
.orders_v2 .order_products_list .order_prod_thumbnail {
    overflow: hidden;
    width: 100%;
}
.orders_v2 .order_products_list .order_prod_name {
    color: #22a8e5;
    float: left;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 50px;
    margin-top: 10px;
    padding-left: 2%;
    position: relative;
    text-align: left;
    width: 96%;
}
.orders_v2 .order_products_list .order_prod_price {
    bottom: 0;
    height: 40px;
    left: 2%;
    position: absolute;
    width: 40%;
}
.orders_v2 .order_products_list .order_prod_quantity {
    bottom: 0;
    height: 40px;
    left: 30%;
    position: absolute;
    width: 20%;
}
.orders_v2 .order_products_list .order_prod_total {
    background-color: #22a8e5;
    border-top-left-radius: 31px;
    bottom: 0;
    color: #fff;
    height: 26px;
    left: 55%;
    padding: 2%;
    position: absolute;
    text-align: center;
    width: 41%;
}
.orders_v2 .orders_page_title {
    font-size: 30px;
    height: 54px;
    line-height: 54px;
    margin: 0;
    padding-left: 4%;
    vertical-align: middle;
    width: 25.5%;
}
.orders_v2 .order_search {
    padding-right: 2%;
    width: 68.5%;
}
.orders_v2 .order_search .order_searchbox {
    height: 44px;
    padding: 0 0 0 7px;
    width: 75%;
}
.orders_v2 .order_search .order_search_button {
    background-color: #22a8e5;
    border: 0 none;
    color: #fff;
    float: right;
    height: 44px;
    padding: 0;
    position: relative;
    width: 47px;
}
.orders_v2 .order_toggle_filter {
    color: #2b3238;
    float: right;
    height: 48px;
    line-height: 48px;
    margin: 1%;
    padding-left: 0.5%;
    padding-right: 0.5%;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 13.6%;
}
.orders_v2 .order_sort {
    width: 100%;
}
.orders_v2 .order_sort select {
    height: 40px;
    margin-bottom: 10px;
    width: 93%;
}
.orders_v2 .order_page_select_container .order_page_state {
    background-color: #e5e5e5;
    border: 0 none;
    color: #828080;
    float: left;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 129px;
}
.orders_v2 .order_page_select_container .order_page_but {
    background-color: #e5e5e5;
    border: 0 none;
    color: #828080;
    float: left;
    font-size: 20px;
    height: 30px;
    line-height: 20px;
    margin: 2px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 74px;
}
.orders_v2 .order_txt {
    display: none;
}
.orders_v2 .order_info_total {
    background-color: #2b3238;
    color: #fff;
    font-size: 13px;
    height: 35px;
    line-height: 30px;
    padding-left: 1%;
    padding-right: 1.5%;
    padding-top: 3px;
    text-align: right;
    width: 33.5%;
    z-index: 2;
}
.orders_v2 .order_container .order_show_details_but {
    line-height: 38px;
}
.orders_v2 .order_q_info .order_title {
    font-size: 20px;
}
.orders_v2 .orders_halfrow {
    background-color: transparent;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
}
@media only screen and (max-width: 480px) {
.orders_v2 .orders_page_title {
    padding: 0;
    text-align: center;
    width: 100%;
}
.orders_v2 .order_search {
    padding-right: 0.5%;
    width: 99.5%;
}
.orders_v2 .order_search .order_searchbox {
    width: 80%;
}
.orders_v2 .order_toggle_filter {
    padding: 0;
    width: 98%;
}
.orders_v2 .order_page_select_container .order_page_but {
    height: 35px;
    width: 45px;
}
.orders_v2 .order_page_select_container .order_page_state {
    height: 35px;
    line-height: 35px;
    width: 90px;
}
.orders_v2 .order_container .short_view_status_details {
    height: 20px;
    line-height: 30px;
    margin-bottom: -3px;
    position: relative;
    width: 96%;
}
.orders_v2 .order_container .order_show_details_but {
    margin-top: 38px;
    width: 100%;
}
.orders_v2 .order_info_total {
    bottom: 38px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.orders_v2 .order_products_list .order_prod_total {
    height: 33px;
}
.orders_v2 .order_container .short_view_order_details {
    max-height: 41px;
}
.orders_v2 .order_status_container {
    position: relative;
    width: 100%;
}
}
#order_details_v2 {
    float: left;
    position: relative;
    width: 100%;
}
#order_details_v2 .od_row {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
#order_details_v2 .od_half_row {
    float: left;
    position: relative;
    width: 50%;
}
#order_details_v2 .od_p5_row {
    float: left;
    position: relative;
    width: 20%;
}
#order_details_v2 .od_row_formating {
    box-sizing: border-box;
    float: left;
    min-height: 50px;
    padding: 15px;
    position: relative;
}
#order_details_v2 .od_title {
    color: #22a8e5;
    font-size: 24px;
    line-height: 30px;
}
#order_details_v2 .od_print_button {
    background: #306794 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    width: 145px;
}
#order_details_v2 .od_pdf_button {
    background: #bd1f2c none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: 145px;
}
#order_details_v2 .od_status {
    background: #bd1f2c none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-left: 1px;
    position: relative;
    text-align: center;
    width: 300px;
}
#order_details_v2 .completepaymentbutton {
    background-color: #f55a2a;
    border: 0 none;
    color: #fff;
    float: left;
    margin-bottom: 5px;
    position: relative;
}
#order_details_v2 .completepaymentbutton:hover {
    background-color: #b3421f;
    text-decoration: none;
}
#order_details_v2 .od_info_box {
    float: left;
    margin: 0;
    position: relative;
}
#order_details_v2 .od_info_box .od_info_title {
    color: #22a8e5;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
}
#order_details_v2 .od_info_box .od_info {
    margin-bottom: 5px;
}
#order_details_v2 .od_field_title {
    color: #9e9e9e;
    font-weight: bold;
}
#order_details_v2 .od_main_info {
}
#order_details_v2 .od_billing {
}
#order_details_v2 .od_shipping {
}
#order_details_v2 .od_payment {
}
#order_details_v2 .od_delivery {
}
#order_details_v2 .od_shipping_time {
}
#order_details_v2 .od_billing.od_deliver_time {
}
#order_details_v2 .od_weight {
}
#order_details_v2 .od_products_title, #order_details_v2 .od_notes_title {
    color: #22a8e5;
    float: left;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
#order_details_v2 .od_products_container {
    background: #f0eeee none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    padding: 10px 10px 0;
    position: relative;
    width: 100%;
}
#order_details_v2 .od_products_container .od_product_box {
    background: #ffffff none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
    padding: 15px;
    position: relative;
    width: 100%;
}
#order_details_v2 .od_product_box .od_field_title {
    color: #22a8e5;
    font-weight: bold;
}
#order_details_v2 .od_products_container .od_product_box .od_product_thumb {
    background: #f0eeee none no-repeat scroll center center / contain ;
    border: 10px solid #f0eeee;
    float: left;
    min-height: 200px;
    position: relative;
    width: 36%;
}
#order_details_v2 .od_products_container .od_product_box .od_product_general {
    float: right;
    font-size: 13px;
    margin-bottom: 55px;
    position: relative;
    width: 58%;
}
#order_details_v2 .od_products_container .od_product_box .od_product_name {
    color: #22a8e5;
    font-size: 15px;
    margin-bottom: 10px;
}
#order_details_v2 .od_products_container .od_product_box .od_product_info {
    margin-bottom: 10px;
}
#order_details_v2 .od_products_container .od_product_box .od_product_price {
    bottom: 0;
    font-size: 16px;
    left: 41%;
    padding: 16px;
    position: absolute;
}
#order_details_v2 .od_products_container .od_product_box .od_product_quantity {
    bottom: 0;
    font-size: 16px;
    left: 65%;
    padding: 16px;
    position: absolute;
}
#order_details_v2 .od_products_container .od_product_box .od_product_total {
    background: #22a8e5 none repeat scroll 0 0;
    border-top-left-radius: 20px;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    padding: 14px 14px 14px 20px;
    position: absolute;
    right: 0;
}
#order_details_v2 .od_reorder {
    float: left;
    margin-top: 10px;
    position: relative;
    width: 100%;
}
#order_details_v2 .od_reorder .od_reorder_button {
    background: #22a8e5 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 14px;
    padding: 10px 20px;
    position: relative;
}
#order_details_v2 .od_total {
    background: #f0eeee none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}
#order_details_v2 .od_total_title {
    float: left;
    font-size: 16px;
    padding: 10px 0;
    position: relative;
    text-align: right;
    width: 50%;
}
#order_details_v2 .od_total_value {
    float: left;
    font-size: 16px;
    padding: 10px 2% 10px 0;
    position: relative;
    text-align: right;
    width: 48%;
}
#order_details_v2 .od_order_total {
    background: #22a8e5 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    float: left;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}
#order_details_v2 .od_order_total .od_total_title {
}
#order_details_v2 .od_order_total .od_total_value {
    font-size: 20px;
}
#order_details_v2 .od_notes {
    float: left;
    position: relative;
    width: 100%;
}
#order_details_v2 .od_notes_info {
    float: left;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}
#order_details_v2 .order_Pending {
    background-color: #196ea9;
}
#order_details_v2 .order_Processing {
    background-color: #ffa600;
}
#order_details_v2 .order_Complete {
    background-color: #81df20;
}
#order_details_v2 .order_Cancelled {
    background-color: #e11e21;
}
#order_details_v2 .fa {
    display: inline;
    margin-right: 5px;
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
#order_details_v2 .od_products_container .od_product_box .od_product_quantity {
    left: 60%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
#order_details_v2 .od_title {
    color: #22a8e5;
    font-size: 22px;
    line-height: 30px;
}
#order_details_v2 .od_products_container .od_product_box .od_product_price {
    bottom: 69px;
    font-size: 16px;
    left: auto;
    padding: 16px;
    position: absolute;
    right: 0;
}
#order_details_v2 .od_products_container .od_product_box .od_product_quantity {
    bottom: 42px;
    font-size: 16px;
    left: auto;
    padding: 16px;
    position: absolute;
    right: 0;
}
#order_details_v2 .od_products_container .od_product_box .od_product_general {
    float: right;
    font-size: 13px;
    margin-bottom: 90px;
    position: relative;
    text-align: right;
    width: 50%;
}
#order_details_v2 .od_products_container .od_product_box .od_product_thumb {
    width: 43%;
}
#order_details_v2 .od_status {
    width: 145px;
}
#order_details_v2 .od_row_formating {
    padding: 10px;
}
}
@media only screen and (max-width: 480px) {
#order_details_v2 .od_half_row {
    width: 100%;
}
#order_details_v2 .od_p5_row {
    width: 50%;
}
#order_details_v2 .od_print_button, #order_details_v2 .od_pdf_button {
    width: 130px;
}
#order_details_v2 .od_status {
    width: 270px;
}
#order_details_v2 .od_products_container .od_product_box .od_product_thumb {
    width: 200px;
}
#order_details_v2 .od_products_container .od_product_box .od_product_general {
    float: left;
    font-size: 13px;
    margin-bottom: 87px;
    position: relative;
    text-align: left;
    width: 208px;
}
#order_details_v2 .od_products_container .od_product_box .od_product_price {
    bottom: 60px;
    font-size: 16px;
    left: auto;
    padding: 16px;
    position: absolute;
    right: 0;
}
#order_details_v2 .od_products_container .od_product_box .od_product_quantity {
    bottom: 37px;
    font-size: 16px;
    left: auto;
    padding: 16px;
    position: absolute;
    right: 0;
}
#order_details_v2 .od_products_container .od_product_box .od_product_total {
    background: #22a8e5 none repeat scroll 0 0;
    border-top-left-radius: 20px;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    padding: 14px 14px 14px 20px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 199px;
}
}
.symph_data_sources {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 67.5%;
}
.symph_data_sources .title {
    border-bottom: 1px solid #ccc;
    color: #009fff;
    float: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
}
.symph_data_sources ul {
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 5px;
    padding: 10px;
    position: relative;
    width: 100%;
}
.symph_data_sources .symph_data_sources_head {
}
.symph_data_sources .symph_data_sources_list {
    background: #e1e1e1 none repeat scroll 0 0;
    border: 1px solid #ccc;
}
.symph_data_sources ul li {
    box-sizing: border-box;
    float: left;
    position: relative;
}
.symph_data_sources ul .id {
    width: 10%;
}
.symph_data_sources ul .headers {
    margin-right: 1%;
    width: 54%;
}
.symph_data_sources ul .headers ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.symph_data_sources ul .headers ul li {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 2px;
    padding: 5px;
}
.symph_data_sources ul .info {
    margin-left: 4%;
    width: 30%;
}
.symph_data_sources ul .info ul {
    margin: 0;
    padding: 0;
}
.symph_data_sources ul .info ul li {
    color: #009fff;
    margin-bottom: 10px;
    width: 100%;
}
.symph_data_sources ul .delete_data_source {
    bottom: 5px;
    position: absolute;
    right: 5px;
}
.symph_data_sources ul .delete_data_source a {
    background: #009fff none repeat scroll 0 0;
    color: #fff;
    float: right;
    margin-left: 5px;
    margin-top: -5px;
    padding: 5px;
    position: relative;
}
.symph_data_sources ul .delete_data_source a:hover {
    background: #0066a3 none repeat scroll 0 0;
    text-decoration: none;
}
.symph_data_sources .symph_data_source_upload {
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    margin-top: 10px;
    padding: 5px 0 0;
    position: relative;
    text-align: right;
    width: 100%;
}
.symph_data_sources .symph_data_source_upload .upload_csv_submit {
    background: #009fff none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    margin-left: 5px;
    margin-top: 3px;
    padding: 6px;
    position: relative;
}
.symph_data_sources .symph_data_source_upload .upload_csv_submit:hover {
    background: #0066a3 none repeat scroll 0 0;
    text-decoration: none;
}
.symph_actions {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    float: right;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 31.5%;
}
.symph_actions .title {
    border-bottom: 1px solid #ccc;
    color: #009fff;
    float: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
}
.symph_actions ul {
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 5px;
    padding: 10px;
    position: relative;
    width: 100%;
}
.symph_actions .symph_actions_head {
}
.symph_actions .symph_actions_list {
    background: #e1e1e1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding-bottom: 5px;
}
.symph_actions ul li {
    box-sizing: border-box;
    float: left;
    position: relative;
}
.symph_actions ul .id {
    width: 15%;
}
.symph_actions ul .type {
    width: 65%;
}
.symph_actions ul .symph_options {
    text-align: right;
    width: 20%;
}
.symph_actions ul .symph_options a {
    background: #009fff none repeat scroll 0 0;
    color: #fff;
    float: right;
    margin-left: 5px;
    margin-top: -5px;
    padding: 5px;
    position: relative;
}
.symph_actions ul .symph_options a:hover {
    background: #0066a3 none repeat scroll 0 0;
    text-decoration: none;
}
.symph_editor {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    float: right;
    margin-bottom: 10px;
    padding: 46px 10px 10px;
    position: relative;
    width: 100%;
}
.symph_editor .controls {
    position: absolute;
    right: 11px;
    top: 11px;
}
.symph_editor .symph_button {
    background: #009fff none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: left;
    margin-left: 5px;
    padding: 8px;
    position: relative;
}
.symph_editor .symph_button:hover {
    background: #0066a3 none repeat scroll 0 0;
    text-decoration: none;
}
.symph_editor .iFrameSquireEditor {
    box-sizing: border-box;
}
.symph_editor .mapping_container {
    left: 11px;
    position: absolute;
    top: 11px;
}
.symph_editor .mapping_container button {
    background: #009fff none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    margin-right: 10px;
    padding: 8px;
}
.symph_editor .mapping_container button:hover {
    background: #0066a3 none repeat scroll 0 0;
    text-decoration: none;
}
.symph_editor .top_options {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 100%;
}
.symph_editor .subject_line {
    float: left;
    position: relative;
    width: 33%;
}
.symph_editor .sender_email {
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    position: relative;
    width: 33%;
}
.symph_editor .destination_email {
    float: left;
    position: relative;
    width: 33%;
}
.symph_editor .subject_line input {
    border: 1px solid #e1e1e1;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 90%;
}
.symph_editor .sender_email input {
    border: 1px solid #e1e1e1;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 90%;
}
.symph_editor .destination_email select {
    border: 1px solid #e1e1e1;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 7px;
    width: 95%;
}
.symph_editor .symph_triggers {
    background: #ececec none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
    margin-left: 15%;
    margin-top: 10px;
    padding: 8px 18px;
    position: relative;
    text-align: center;
    width: 70%;
}
.symph_editor .symph_triggers h3 {
    border-bottom: 1px solid #ccc;
    float: left;
    margin-bottom: 13px;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
}
.symph_editor .symph_triggers .editor-label {
    box-sizing: border-box;
    float: left;
    height: 34px;
    margin-bottom: 5px;
    padding: 8px;
    position: relative;
    text-align: left;
    width: 15%;
}
.symph_editor .symph_triggers .editor-field {
    box-sizing: border-box;
    float: left;
    height: 34px;
    margin-bottom: 5px;
    padding: 0;
    position: relative;
    text-align: left;
    width: 85%;
}
.symph_editor .symph_triggers .editor-field input {
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 100%;
}
.symph_editor .symph_triggers .t-formatted-value {
    padding: 8px;
    position: absolute;
}
.placeHolderMappingSelector {
    max-width: 455px;
}
.symph_editor .symph_triggers_sms {
    background: #ececec none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    float: right;
    margin-bottom: 10px;
    margin-right: 2%;
    margin-top: 10px;
    min-height: 323px;
    padding: 8px 18px;
    position: relative;
    text-align: center;
    width: 73.5%;
}
.symph_editor .symph_triggers_sms h3, .symph_editor .dest_header h3, .symph_editor .sms_template h3 {
    border-bottom: 1px solid #ccc;
    float: left;
    margin-bottom: 13px;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
}
.symph_editor .symph_triggers_sms .triggers_row {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    float: left;
    margin-bottom: 5px;
    padding: 9px 5px 5px;
    position: relative;
    width: 100%;
}
.symph_editor .symph_triggers_sms .triggers_row .trigger_type {
    float: left;
    line-height: 34px;
    padding-left: 1%;
    position: relative;
    text-align: left;
    width: 29%;
}
.symph_editor .symph_triggers_sms .triggers_row .trigger_data {
    float: left;
    position: relative;
    text-align: right;
    width: 69%;
}
.symph_editor .symph_triggers_sms h3 img, .symph_editor .dest_header h3 img, .symph_editor .sms_template h3 img {
    display: none;
}
.symph_editor .dest_header {
    background: #ececec none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
    margin-left: 2%;
    margin-top: 10px;
    padding: 8px 18px;
    position: relative;
    text-align: center;
    width: 20.5%;
}
.symph_editor .dest_header select {
    padding: 7px;
    width: 100%;
}
.symph_editor .sms_template {
    background: #ececec none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
    margin-left: 2%;
    margin-top: 10px;
    padding: 8px 18px;
    position: relative;
    text-align: center;
    width: 20.5%;
}
.symph_editor .sms_template .sms_template_buttons {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.symph_editor .sms_template .sms_template_buttons button {
    background: #009fff none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    padding: 8px;
    width: 202px;
}
.symph_editor .sms_template .sms_template_buttons button:hover {
    background: #0066a3 none repeat scroll 0 0;
    text-decoration: none;
}
.symph_editor .sms_template .sms_template_text_area {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.symph_editor .sms_template .sms_template_text_area textarea {
    min-height: 101px;
}
.symph_editor .text-box {
    border: 1px solid #a9a9a9;
    padding: 5px;
    width: 80%;
}
.symph_editor .preview_title {
    border-bottom: 1px solid #ccc;
    color: #009fff;
    font-size: 18px;
    left: 0;
    padding-bottom: 9px;
    padding-left: 15px;
    padding-right: 70px;
    position: absolute;
    top: 11px;
}
.symph_editor .previewSmsItem {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    margin: 30px 20px 20px;
    min-height: 200px;
    padding: 4px;
    position: relative;
    text-align: left;
    width: 203px;
}
.symph_editor #smsPreviewTarget {
    text-align: center;
}
.ui-colorpicker .ui-corner-all {
    display: none;
}
.ui-dialog .ui-dialog-buttonpane button {
    display: inline-block;
}
.symphonyDashboardLink {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.symphonyDashboardLink a {
    background: #22a8e5 none repeat scroll 0 0;
    border-bottom-right-radius: 7px;
    color: #fff;
    float: left;
    padding: 5px 7px 5px 5px;
    position: relative;
}
.symphonyDashboardLink a:hover {
    background-color: #5fc4f2;
    text-decoration: none;
}
.SyReportingRow {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #22a8e5;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 25px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 40px;
    padding: 15px 15px 0;
    position: relative;
    width: 100%;
}
.SyReportingDashboard {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    padding: 20px;
    position: relative;
    width: 100%;
}
.SyReportingDashboard .SyReportData {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
    width: 100%;
}
.SyReportingDashboard .SyData {
    float: right;
    margin-left: 20px;
    position: relative;
    text-align: right;
}
.SyReportingDashboard .SyData span {
    color: #fff;
}
.SyReportingDashboard h2, .SyReportingDashboard h3 {
    color: #555555;
}
.SyReportDataInner .t-alt {
    background-color: #eeeeee;
}
.SyReportDataInner .t-header, .SyReportDataInner .t-header .t-link {
    color: #000000;
}
.SyReportDataInner .t-header, .SyReportDataInner .t-grid-header {
    background: #f3f3f3 none repeat scroll 0 0;
    border-color: #c4c4c4;
}
.SyReportDataInner .t-widget, .SyReportDataInner .t-input {
    background-color: #ffffff;
    border-color: #c4c4c4;
}
.SyReportDataInner .t-toolbar, .t-grouping-header, .SyReportDataInner .t-grid-pager, .t-widget .t-status {
    background-color: #f3f3f3;
    border-color: #c4c4c4;
}
.SyReportingDashboard h2 {
    float: left;
    font-size: 14px;
    padding: 5px 0 !important;
    position: relative;
    text-align: center;
    width: 100%;
}
.SyDataDetails {
    bottom: -20px;
    position: absolute;
    right: 15px;
    width: 90%;
}
.SyReportData {
    overflow-x: auto;
    overflow-y: visible;
}
.SyReportingRow {
    overflow: hidden !important;
}
.SyDashboardStatus, .SyDashboardTriggerInfo {
    background-color: #f3f3f3;
    color: #555555;
    float: left;
    margin-right: 10px;
    padding: 5px 5px 5px 10px;
    position: relative;
}
.ToggleGraphs {
    background-color: #264266;
    border: medium none;
    box-sizing: border-box;
    color: #ffffff;
    float: right;
    height: 30px;
    padding: 6px 12px !important;
    position: relative;
}
.SyDashboardStatus .fa, .SyDashboardTriggerInfo .fa {
    color: #264266;
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
div.jqplot-table-legend-swatch {
    padding: 5px;
    width: auto !important;
}
div.jqplot-table-legend-swatch-outline {
    width: 20px;
}
table.jqplot-table-legend {
    left: 0;
    width: 50%;
}
div.jqplot-table-legend-swatch-outline {
    padding: 0;
}
td.jqplot-table-legend {
    padding: 5px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    box-sizing: border-box;
}
#linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
    background-color: #eeeeee;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    float: left;
    height: 330px;
    margin-bottom: 10px;
    padding: 10px;
    width: 49.5%;
}
#linechart-container, #sms-linechart-container {
    margin-right: 1%;
}
@media only screen and (max-width: 1200px) and (min-width: 960px) {
#linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
    width: 49.5%;
}
#linechart-container, #sms-linechart-container {
    margin-right: 1%;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
#linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
    width: 49.5%;
}
#linechart-container, #sms-linechart-container {
    margin-right: 1%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
#linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
    width: 100%;
}
#linechart-container, #sms-linechart-container {
    margin-right: 0;
}
}
@media only screen and (max-width: 479px) {
#linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
    width: 100%;
}
#linechart-container, #sms-linechart-container {
    margin-right: 0;
}
}
#linechart-container #lineGraph, #barchart-container #barGraph, #sms-linechart-container #lineGraph, #sms-barchart-container #barGraph {
    display: block;
    float: none;
    margin: 0 auto;
}
.SyReportingGraphs {
    float: left;
    margin-top: 20px;
    position: relative;
    width: 100%;
}
.SyReportDataInner {
    float: left;
    min-width: 100%;
    position: relative;
}
.TG_video_container, .DT_ME_loading {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999;
}
.TG_video_container iframe {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    height: 60% !important;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 60% !important;
}
.TG_ME_loading p {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    font-size: 18px;
    height: 50px;
    left: 50%;
    line-height: 60px;
    margin-left: -150px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 300px;
}
.TG_product-details-page {
    float: left;
    position: relative;
    width: 100%;
}
.TG_ME_loading .fa {
    display: inline-block;
}
.TG_product-details-page .productvariantaddtocartbutton {
}
.TG_product-details-page-main {
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    margin-bottom: 20px;
    padding: 5px;
    position: relative;
    width: 100%;
}
.TG_product-details-info {
    float: left;
    position: relative;
    width: 100%;
}
.TG_product-essential {
    background-color: #f9f9f9;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    float: left;
    min-height: 500px;
    padding: 20px;
    position: relative;
    width: 49%;
}
.TG_product-collateral {
    background-color: #f9f9f9;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    float: right;
    padding: 20px;
    position: relative;
    width: 50%;
}
.TG_product-collateral .overview .add-info {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 0;
    position: relative;
    width: 100%;
}
.TG_product-collateral .overview .add-info .quantityBox {
    border: 1px solid #ccc;
    padding-bottom: 0;
    text-align: center;
}
.TG_product-collateral .overview .price {
    font-size: 19px;
    margin: 20px 0 0;
}
.TG_product-collateral .overview .add-info input {
    box-sizing: border-box;
    font-size: 16px;
    height: 30px;
    line-height: 16px;
    padding: 0 5px;
    vertical-align: middle;
    width: 60px !important;
}
.TG_product-collateral .productname {
    font-size: 26px;
    margin-bottom: 0;
}
.TG_tabs_container {
}
.TG_tabs_container .productspec-box .title {
    display: none;
}
.TG_tab_buttons {
    border-bottom: 1px solid #ccc;
    float: left;
    position: relative;
    width: 100%;
}
.TG_tab_button {
    background-color: #eee;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    float: left;
    height: 31px;
    margin-right: 1px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.TG_tab_button:last-child {
    margin-right: 0;
}
.TG_tab_button:hover {
    color: #000;
    text-decoration: none;
}
.TG_tab_content {
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 100%;
}
.TG_tab_button.active {
    background-color: #c8c8c8;
    border-bottom: 0 none;
    height: 31px;
}
.TG_checkout_button_container {
    float: right;
    position: relative;
    width: 100%;
}
.TG_checkout_button {
    background-color: #313743;
    border: medium none;
    color: #fff;
    float: right;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 8px 18px;
    position: relative;
    text-transform: uppercase;
}
.TG_product-details-page .related-products-grid, .TG_product-details-page .related-products-grid .grid_12 {
    background-color: transparent;
    float: left;
    margin-top: 0;
    position: relative;
    width: 100%;
}
.TG_product-details-page .related-products-grid, .TG_product-details-page .also-purchased-products-grid {
    box-sizing: border-box;
    padding: 0;
}
.TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 20%;
}
.TG_picture {
    float: left;
    margin: 10px 1% 1%;
    position: relative;
    width: 98%;
}
.TG_bigpicture {
    background-color: #eee;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    float: left;
    margin: 1% 1% 0;
    padding-bottom: 55%;
    position: relative;
    width: 98%;
}
.TG_bigpicture a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 10px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.TG_video_button_container {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #e9e9e9 #e9e9e9;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-sizing: border-box;
    float: left;
    margin: 0 1% 1%;
    position: relative;
    width: 98%;
}
.TG_video_button {
    background-color: #fff;
    border: medium none;
    box-sizing: border-box;
    color: #9c9b9b;
    float: left;
    font-size: 14px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 100%;
}
.TG_video_button:hover {
    color: #f55a2a;
    cursor: pointer;
    text-decoration: none;
}
.TG_video_button .fa {
    display: inline-block;
}
.TG_thumbs {
    border-top: 0 none;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;
}
.TG_thumb_carousel {
    left: 0;
    position: absolute;
    top: 0;
    width: 99999px;
}
.TG_thumb_carousel_body {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.TG_prev_button {
    cursor: pointer;
    font-size: 16px;
    left: -9px;
    position: absolute;
    top: 44%;
}
.TG_next_button {
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: -13px;
    top: 44%;
}
.TG_prev_button .fa, .TG_next_button .fa {
    color: #ccc;
    display: inline-block;
}
.TG_thumb {
    background-color: #eee;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    float: left;
    margin: 2%;
    padding-bottom: 29%;
    position: relative;
    width: 29%;
}
.TG_thumb a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 5px;
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.TG_product-details-page .file_download_button {
    background-color: #f1592a;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
}
.TG_product-details-page .file_download_button img {
    vertical-align: middle;
}
.TG_product-details-page .file_download_button:hover {
    background-color: #da5126;
    cursor: pointer;
    text-decoration: none;
}
.TG_product_review {
    float: left;
    position: relative;
    width: 35%;
}
.TG_related_products {
    float: right;
    position: relative;
    width: 62%;
}
.TG_shareWrapper {
    background-color: transparent;
    box-sizing: border-box;
    float: right;
    padding: 15px;
    position: relative;
    width: 51%;
}
.TG_shareWrapper .product-share-button {
    float: right;
}
.TG_product-details-page-main h1 {
    color: #000;
    font-size: 30px;
    padding-left: 20px;
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 960px) {
.TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 25%;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 25%;
}
.TG_product-essential {
    width: 49%;
}
.TG_product-collateral {
    width: 50%;
}
.TG_product_review {
    margin-top: 20px;
    width: 100%;
}
.TG_related_products {
    margin-top: 20px;
    width: 100%;
}
.TG_product-collateral .prices-table td {
    float: left;
    position: relative;
    width: 100%;
}
.TG_product-collateral .prices-table td table {
    border-bottom: 1px solid #eee;
}
.TG_product-collateral .prices-table tr {
    width: 100%;
}
.TG_product-collateral .prices-table td tr {
    float: left;
    position: relative;
    width: 50%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.TG_product-essential {
    width: 100%;
}
.TG_product-collateral {
    margin-top: 10px;
    width: 100%;
}
.TG_product_review {
    width: 100%;
}
.TG_related_products {
    width: 100%;
}
.TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 50%;
}
.TG_shareWrapper {
    width: 100%;
}
}
@media only screen and (max-width: 479px) {
.TG_product-essential {
    padding: 5px;
    width: 100%;
}
.TG_product-collateral {
    margin-top: 10px;
    padding: 5px;
    width: 100%;
}
.TG_product_review {
    width: 100%;
}
.TG_related_products {
    width: 100%;
}
.TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 50%;
}
.TG_shareWrapper {
    width: 100%;
}
.TG_tab_content {
    padding-left: 0;
    padding-right: 0;
}
}
.DT_video_container, .DT_ME_loading {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999;
}
.DT_video_container iframe {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    height: 60% !important;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 60% !important;
}
.DT_ME_loading p {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    font-size: 18px;
    height: 50px;
    left: 50%;
    line-height: 60px;
    margin-left: -150px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 300px;
}
.DT_product-details-page {
    float: left;
    position: relative;
    width: 100%;
}
.DT_ME_loading .fa {
    display: inline-block;
}
.DT_product-details-page .productvariantaddtocartbutton {
    height: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
}
.DT_product-details-page-main {
    background-color: #fff;
    box-sizing: border-box;
    float: left;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
    width: 100%;
}
.DT_product-details-info {
    float: left;
    position: relative;
    width: 100%;
}
.DT_product-essential {
    float: left;
    position: relative;
    width: 40%;
}
.DT_product-collateral {
    box-sizing: border-box;
    float: right;
    padding-right: 10px;
    position: relative;
    width: 58%;
}
.DT_product-collateral .overview .add-info {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 0;
    position: relative;
    width: 100%;
}
.DT_product-collateral .overview .add-info .quantityBox {
    border: 1px solid #ccc;
    padding: 2px 2px 0;
    text-align: center;
}
.DT_product-collateral .overview .price {
    font-size: 24px;
    margin: 0;
}
.DT_product-collateral .productname {
    font-size: 26px;
    margin-bottom: 0;
}
.DT_tabs_container {
}
.DT_tabs_container .productspec-box .title {
    display: none;
}
.DT_tab_buttons {
    border-bottom: 2px solid #e9e9e9;
    float: left;
    position: relative;
    width: 100%;
}
.DT_tab_button {
    background-color: #eee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    float: left;
    height: 31px;
    margin-right: 0.5%;
    padding: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 33%;
}
.DT_tab_button:last-child {
    margin-right: 0;
}
.DT_tab_button:hover {
    color: #000;
    text-decoration: none;
}
.DT_tab_content {
    border-bottom: 1px solid #eee;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
    margin-top: 15px;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}
.DT_tab_button.active {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #e9e9e9 #e9e9e9 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 2px 0;
    height: 33px;
    margin-bottom: -2px;
}
.DT_checkout_button_container {
    float: right;
    position: relative;
    width: 50%;
}
.DT_checkout_button {
    background-color: #313743;
    border: medium none;
    color: #fff;
    float: right;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 8px 18px;
    position: relative;
    text-transform: uppercase;
}
.DT_product-details-page .related-products-grid, .DT_product-details-page .related-products-grid .grid_12 {
    background-color: #fff;
    float: left;
    margin-top: 0;
    position: relative;
    width: 100%;
}
.DT_product-details-page .related-products-grid, .DT_product-details-page .also-purchased-products-grid {
    box-sizing: border-box;
    padding: 15px;
}
.DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    width: 20%;
}
.DT_picture {
    float: left;
    position: relative;
    width: 100%;
}
.DT_bigpicture {
    border: 2px solid #e9e9e9;
    box-sizing: border-box;
    float: left;
    margin: 2% 2% 0;
    padding-bottom: 80%;
    position: relative;
    width: 95%;
}
.DT_bigpicture a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 10px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.DT_video_button_container {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #e9e9e9 #e9e9e9;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 2px 2px;
    box-sizing: border-box;
    float: left;
    margin: 0 2% 2%;
    position: relative;
    width: 95%;
}
.DT_video_button {
    background-color: #fff;
    border: medium none;
    box-sizing: border-box;
    color: #9c9b9b;
    float: left;
    font-size: 14px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 100%;
}
.DT_video_button:hover {
    color: #f55a2a;
    cursor: pointer;
    text-decoration: none;
}
.DT_video_button .fa {
    display: inline-block;
}
.DT_thumbs {
    border-top: 0 none;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;
}
.DT_thumb_carousel {
    left: 0;
    position: absolute;
    top: 0;
    width: 99999px;
}
.DT_thumb_carousel_body {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.DT_prev_button {
    cursor: pointer;
    font-size: 16px;
    left: -9px;
    position: absolute;
    top: 44%;
}
.DT_next_button {
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: -9px;
    top: 44%;
}
.DT_prev_button .fa, .DT_next_button .fa {
    color: #ccc;
    display: inline-block;
}
.DT_thumb {
    border: 2px solid #e9e9e9;
    box-sizing: border-box;
    float: left;
    margin: 2%;
    padding-bottom: 29%;
    position: relative;
    width: 29%;
}
.DT_thumb a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 5px;
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.DT_product-details-page .file_download_button {
    background-color: #f1592a;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
}
.DT_product-details-page .file_download_button img {
    vertical-align: middle;
}
.DT_product-details-page .file_download_button:hover {
    background-color: #da5126;
    cursor: pointer;
    text-decoration: none;
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 960px) {
.DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 25%;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.DT_product-essential {
    margin-bottom: 25px;
    width: 100%;
}
.DT_product-collateral {
    width: 100%;
}
.DT_product-details-page-main {
    padding: 30px;
}
.DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 33%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.DT_product-essential {
    margin-bottom: 25px;
    width: 100%;
}
.DT_product-collateral {
    width: 100%;
}
.DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 50%;
}
}
@media only screen and (max-width: 479px) {
.DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 100%;
}
.DT_product-essential {
    margin-bottom: 25px;
    width: 100%;
}
.DT_product-collateral {
    width: 100%;
}
.DT_tab_button {
    height: 50px;
}
.DT_tab_button.active {
    height: 52px;
}
}
.continueshoppingbutton, .checkoutbutton {
    box-sizing: border-box;
    height: 28px;
}
.priceScriptInfo {
    float: left;
    font-size: 14px;
    margin-top: 10px;
    width: 100%;
}
.cart-item-row .productPrice {
    float: left;
    position: relative;
    width: 100%;
}
.priceScriptMessageItem {
    margin: 2px;
}
.priceScriptType_Info {
    display: block;
}
.priceScriptType_Error {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/error_ico.png") no-repeat scroll 2px 2px / 15px auto;
    border: 1px solid red;
    border-radius: 3px;
    color: red;
    display: inline-block;
    padding: 2px 5px 2px 20px;
}
.priceScriptType_Debug {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/bug_ico.png") no-repeat scroll 2px 2px / 15px auto;
    border: 1px solid blue;
    border-radius: 3px;
    color: blue;
    display: inline-block;
    padding: 2px 5px 2px 20px;
}
.priceScriptType_Warning {
    background: rgba(0, 0, 0, 0) url("/Themes/ThemeOne/Content/images/warning_ico.png") no-repeat scroll 2px 2px / 15px auto;
    border: 1px solid orange;
    border-radius: 3px;
    color: orange;
    display: inline-block;
    padding: 2px 5px 2px 20px;
}
#SagePay_Checkout_Popup {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999;
}
#SagePay_Checkout_Popup .Sagepay-popup-container {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    display: block;
    float: left;
    height: auto;
    left: 50%;
    margin-bottom: 30px;
    margin-left: -330px;
    margin-top: 30px;
    padding: 30px;
    position: relative;
    width: 600px;
}
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header {
    float: left;
    position: relative;
    width: 100%;
}
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header .sp_logo {
    float: left;
    max-width: 50%;
    width: 150px;
}
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header .storefront_logo {
    float: right;
    max-width: 50%;
}
#SagePay_Checkout_Popup .Sagepay-popup-container #paymentMethodWindow {
    height: 570px;
    width: 600px;
}
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_footer {
    border-top: 1px solid #ccc;
    display: block;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_footer img {
    width: 17%;
}
@media only screen and (max-width: 767px) {
#SagePay_Checkout_Popup .Sagepay-popup-container #paymentMethodWindow {
    height: 687px;
    width: 450px;
}
#SagePay_Checkout_Popup .Sagepay-popup-container {
    display: block;
    float: none;
    height: auto;
    left: 0;
    margin: 10px auto;
    padding: 5px 5px 90px;
    width: 450px;
}
}
#unpaidOrdersBanner {
    background-color: #f55a2a;
    border: 3px solid #fff;
    border-radius: 5px;
    bottom: -7px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    font-size: 14px;
    left: 10px;
    padding: 20px 24px 12px 42px;
    position: fixed;
    right: 10px;
    text-align: left;
    transition: all 1s linear 0s;
    z-index: 100;
}
#unpaidOrdersBanner .fa {
    color: #fff;
    display: inline-block;
    font-size: 26px;
    left: 10px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
}
.close_popup_link_container a {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    height: 13px;
    max-width: 80%;
    padding-bottom: 10px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -2px;
    width: 20px;
}
@media only screen and (max-width: 767px) {
.prices-table td {
    float: left;
    position: relative;
    width: 100%;
}
.prices-table td table {
    border-bottom: 1px solid #eee;
}
.prices-table tr {
    width: 100%;
}
.prices-table td tr {
    float: left;
    position: relative;
    width: 50%;
}
}
[hidden] {
    display: none;
}
.visually-hidden {
    clip: rect(0px, 0px, 0px, 0px);
    position: absolute;
}
div.awesomplete {
    display: block;
    position: relative;
}
div.awesomplete > input {
    display: block;
}
.awesomplete-popup {
    background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, white, hsla(0, 0%, 100%, 0.8)) repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0.3em;
    box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    list-style: outside none none;
    margin: 0.2em 0 0;
    padding: 0;
    text-shadow: none;
    z-index: 10;
}
.awesomplete-popup[hidden], .awesomplete-popup:empty {
    display: none;
}
@supports (transform: scale(0)) {
.awesomplete-popup {
    transform-origin: 1.43em -0.43em 0;
    transition: all 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4) 0s;
}
.awesomplete-popup[hidden], .awesomplete-popup:empty {
    display: block;
    opacity: 0;
    transform: scale(0);
    transition-timing-function: ease;
}
}
.awesomplete-popup::before {
    -moz-border-bottom-colors: inherit;
    -moz-border-left-colors: inherit;
    -moz-border-right-colors: inherit;
    -moz-border-top-colors: inherit;
    background: white none repeat scroll 0 0;
    border-bottom: 0 none;
    border-image: inherit;
    border-left: inherit;
    border-right: 0 none;
    border-top: inherit;
    content: "";
    height: 0;
    left: 1em;
    padding: 0.4em;
    position: absolute;
    top: -0.43em;
    transform: rotate(45deg);
    width: 0;
}
.awesomplete-popup > li {
    cursor: pointer;
    padding: 0.2em 0.5em;
    position: relative;
}
.awesomplete-popup > li:hover {
    background: hsl(200, 40%, 80%) none repeat scroll 0 0;
    color: black;
}
.awesomplete-popup > li[aria-selected="true"] {
    background: hsl(205, 40%, 40%) none repeat scroll 0 0;
    color: white;
}
.awesomplete-popup mark {
    background: hsl(65, 100%, 50%) none repeat scroll 0 0;
}
.awesomplete-popup li:hover mark {
    background: hsl(68, 100%, 41%) none repeat scroll 0 0;
}
.awesomplete-popup li[aria-selected="true"] mark {
    background: hsl(86, 100%, 21%) none repeat scroll 0 0;
    color: inherit;
}
.CategoryEntityButton {
    background-color: #445159;
    border: medium none;
    color: #fff;
    margin-bottom: 7px;
    padding: 8px;
}
.category-entities-dialog {
    box-sizing: border-box;
    max-height: 90%;
    max-width: 90%;
    padding: 29px 0 54px !important;
    position: fixed !important;
    width: 550px !important;
}
.category-entities-dialog .ui-dialog-titlebar {
    background: #eee none repeat scroll 0 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
}
.category-entities-dialog .category-entities {
    border: 1px solid #ccc !important;
    box-sizing: border-box;
}
.category-entities-dialog .category-entities button, .category-entities-dialog .category-entities input, .category-entities-dialog .category-entities select {
    box-sizing: border-box;
    padding: 4px;
}
.category-entities-dialog .category-entities .category-entity-value-add-area select {
    width: 290px;
}
.category-entities-dialog .category-entities .category-entity-value-add-area {
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    padding: 9px;
    position: relative;
    width: 100%;
}
.category-entities-dialog .category-entities .category-entity-value-add-area input, .category-entities-dialog .category-entities .category-entity-value-add-area select {
    float: left;
    margin-right: 5px;
    position: relative;
}
.category-entities-dialog .category-entities .category-entity-new {
    border-left: 1px solid #ccc;
    float: right;
    line-height: 20px;
    padding-left: 10px;
    position: relative;
}
.category-entities-dialog .category-entities .category-entity-values {
}
.category-entities-dialog .category-entities .category-entity-value {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    float: left;
    margin-top: 9px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 100%;
}
.category-entities-dialog .category-entities .category-entity-value-label {
    float: left;
    min-width: 44%;
    padding: 5px;
    position: relative;
}
.category-entities-dialog .category-entities .category-entity-value-editor {
    float: left;
    max-width: 100%;
    min-width: 52%;
    position: relative;
}
.category-entities-dialog .category-entities .category-entity-delete-button {
    padding: 2px;
    position: absolute;
    right: 0;
}
.category-entities-dialog .category-entities .category-entity-delete-button::after {
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
}
.category-entities-dialog .category-entities .category-entity-value-editor-select {
    width: 228px;
}
.category-entities-dialog .category-entities .category-entity-value-editor-text {
    width: 228px;
}
.category-entities-dialog .category-entities .category-entity-value-editor-textarea {
    width: 430px;
}
.category-entities-dialog .category-entities .category-entity-value-editor-int {
}
.category-entities-dialog .category-entities .category-entity-value-editor-float {
}
.category-entities-dialog .category-entities .category-entity-value-radio-sub {
    padding: 5px;
}
.category-entities-dialog .category-entities .category-entity-value-radio-sub label {
    margin-left: 10px;
}
.category-entities-dialog .ui-dialog-buttonpane {
    background: #eee none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
}
.category-entities-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
}
.category-entities-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button span {
    background-color: #22a8e5;
    color: #fff;
}
.category-entities-dialog .category-entities .category-entity-value-radio-sub {
}
@media only screen and (max-width: 767px) {
.category-entities-dialog .category-entities .category-entity-value-add-area select {
    width: 100%;
}
.category-entities-dialog .category-entities .category-entity-value-editor-textarea {
    width: 100%;
}
}
.products_slider .flex-control-thumbs li {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    float: left;
    height: 211px;
    justify-content: center;
    margin: 1%;
    overflow: hidden;
    width: 23%;
}
.products_slider .slides {
    background-color: rgba(255, 204, 0, 0.9);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
.products_slider.show_it .slides {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    display: initial;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
.products_slider .slides, .flex-direction-nav {
    z-index: 1000;
}
.products_slider .flex-direction-nav .flex-prev, .products_slider .flex-direction-nav .flex-next {
    display: none;
}
.products_slider.show_it .flex-direction-nav .flex-prev, .products_slider.show_it .flex-direction-nav .flex-next {
    display: block;
    z-index: 1001;
}
.products_slider .placeholder_img {
    opacity: 0;
}
.products_slider .slider_pic_box {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border-bottom: 40px solid transparent;
    bottom: 60px;
    left: 50px;
    position: absolute;
    right: 50px;
    top: 50px;
}
.products_slider .slides li {
    height: 100%;
}
.hide_gallery_button {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border-bottom-left-radius: 20px;
    color: #000;
    cursor: pointer;
    display: none;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    line-height: 22px;
    padding: 5px 8px 10px 10px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.3s linear 0s;
    width: 20px;
    z-index: 1002;
}
.hide_gallery_button:hover {
    padding-right: 18px;
}
.show_it .hide_gallery_button {
    display: block;
}
.products_slider .flex-control-thumbs img {
    display: inline-block;
    flex-shrink: 0;
    max-height: 200%;
    max-width: 200%;
    min-height: 100%;
    min-width: 100%;
    opacity: 1;
    transition: all 0.3s linear 0s;
    width: auto;
}
.products_slider .flex-control-thumbs li:hover img {
    display: inline;
    max-height: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    transition: all 0.3s linear 0s;
    width: auto;
}
.products_slider .flex-direction-nav a {
    background-color: transparent;
    border-radius: 17px;
    color: transparent;
    height: 34px;
    opacity: 1 !important;
    position: fixed;
    text-indent: 0;
    width: 20px;
    z-index: 30;
}
.products_slider .flex-direction-nav .flex-prev {
    left: 20px;
}
.products_slider .flex-direction-nav .flex-prev::before {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 50px;
}
.products_slider .flex-direction-nav .flex-next {
    right: 20px;
}
.products_slider .flex-direction-nav .flex-next::before {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 50px;
}
.products_slider .flex-control-thumbs {
    display: block;
}
.products_slider .price_and_details {
    bottom: -50px;
    position: absolute;
    right: 0;
}
.products_slider .price_and_details .prices {
    color: #fff;
    float: left;
    font-size: 20px;
    padding: 8px;
    position: relative;
}
.products_slider .prod_title {
    bottom: -50px;
    color: #fff;
    font-size: 18px;
    left: 0;
    max-width: 50%;
    padding: 8px;
    position: absolute;
}
.products_slider .description {
    bottom: 0;
    color: #fff;
    font-size: 18px;
    left: 0;
    max-width: 50%;
    padding: 8px;
    position: absolute;
}
.products_slider .flex-control-thumbs li {
    position: relative;
}
.products_slider .flex-control-thumbs img {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.products_slider .flex-control-thumbs {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}
.products_slider.show_it .slides {
    z-index: 1000;
}
.products_slider.show_it .slides {
    display: block;
}
.generalPageWrapper, footer {
    float: left;
    width: 100%;
}
.products_slider .flex-control-thumbs li {
    border: 1px solid #000;
    height: 180px;
    margin: 1%;
    width: 18%;
}
.products_slider .flex-control-thumbs li .FS_thumb_title {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    z-index: 1;
}
.products_slider .flex-control-thumbs {
    display: block;
    float: left;
    margin-top: 0;
    position: relative;
    top: 0;
    width: 100%;
}
@media only screen and (max-width: 1200px) and (min-width: 960px) {
.products_slider .flex-control-thumbs li {
    border: 1px solid #000;
    height: 172px;
    margin: 1%;
    width: 18%;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.products_slider .flex-control-thumbs li {
    border: 1px solid #000;
    height: 160px;
    margin: 2%;
    width: 21%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.products_slider .flex-control-thumbs li {
    border: 1px solid #000;
    height: 133px;
    margin: 2%;
    width: 29.3%;
}
}
@media only screen and (max-width: 479px) {
.products_slider .flex-control-thumbs li {
    border: 1px solid #000;
    height: 139px;
    margin: 2%;
    width: 46%;
}
}
.ACD_view_type_btn {
    background-color: #ccc;
    border: medium none;
    color: #fff;
    float: right;
    margin-right: 5px;
    padding: 7px;
    position: relative;
}
.ACD_filter {
    float: left;
    margin-left: 5px;
    position: relative;
}
.ACD_filter .ACD_filterbox {
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    padding: 6px;
    position: relative;
}
.ACD_filter .ACD_filterbutton {
    background-color: #00afda;
    border: medium none;
    color: #fff;
    float: left;
    margin-right: 5px;
    padding: 7px;
    position: relative;
}
.ACD_sub_category.grid_view .ACD_grid_view_btn {
    background-color: #445661;
}
.ACD_sub_category.list_view .ACD_list_view_btn {
    background-color: #445661;
}
.ACD_sub_category {
    float: left;
    position: relative;
    width: 100%;
}
.ACD_sub_category.grid_view .ACD_sub_category-box {
    border: medium none;
    box-sizing: border-box;
    float: left;
    margin: 0;
    outline: medium none;
    padding: 7px;
    position: relative;
    width: 20%;
}
.ACD_sub_category.grid_view .ACD_sub_category-item {
    background-color: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    float: left;
    height: 350px;
    padding: 150px 7px 50px;
    position: relative;
    width: 100%;
}
.ACD_sub_category.grid_view .ACD_picture {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 145px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ACD_sub_category.grid_view .ACD_picture img {
    border-width: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.ACD_sub_category.grid_view .ADC_content_box {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.ACD_sub_category.grid_view .ACD_controls {
    bottom: 7px;
    left: 7px;
    position: absolute;
    right: 7px;
}
.ACD_sub_category .ACD_controls .fa {
    display: inline-block;
}
.ACD_sub_category .ACD_btn {
    background-color: #445661;
    border: medium none;
    color: #fff;
    padding: 7px;
    position: relative;
}
.ACD_sub_category .ACD_create_btn {
    background-color: #00afda;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 17px;
    margin-top: 16px;
    padding: 12px;
    position: relative;
    text-align: center;
    width: 100%;
}
.ACD_sub_category .ACD_request {
    float: left;
    width: 69%;
}
.ACD_sub_category .ACD_edit {
    float: right;
    width: 29%;
}
.ACD_sub_category.list_view .ACD_sub_category-box {
    border: medium none;
    box-sizing: border-box;
    float: left;
    margin: 0;
    outline: medium none;
    padding: 7px;
    position: relative;
    width: 100%;
}
.ACD_sub_category.list_view .ACD_sub_category-item {
    background-color: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    float: left;
    height: 93px;
    padding: 7px 230px 7px 161px;
    position: relative;
    width: 100%;
}
.ACD_sub_category.list_view .ACD_picture {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
}
.ACD_sub_category.list_view .ACD_picture img {
    border-width: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.ACD_sub_category.list_view .ADC_content_box {
    box-sizing: border-box;
    float: left;
    padding-left: 10px;
    position: relative;
    width: 25%;
}
.ACD_sub_category.list_view .ACD_controls {
    bottom: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 230px;
}
.ACD_search_item {
    background-color: #eee;
    float: left;
    margin: 0 5px 5px;
    padding: 5px;
    position: relative;
}
.ACD_search_item .radio-filter-container {
    float: left;
    position: relative;
}
.ACD_search_item .radio-filter-container input {
    display: none;
}
.ACD_search_item .radio-filter-container input + label {
    background-color: #ccc;
    float: left;
    margin-right: 1px;
    padding: 8px;
    position: relative;
}
.ACD_search_item .radio-filter-container input:checked + label {
    background-color: #00afda;
    color: #fff;
}
.ACD_sub_category .search-results {
    background-color: #eaeaea;
    border: 5px solid #fff;
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative;
    width: 100%;
}