/* Twryg styles */
/*css reset */
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, font, 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, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
a:active, a:focus {outline:none;}
textarea {overflow:auto;}/* remove scrollbars from textarea by default */
html {overflow:-moz-scrollbars-vertical;} /* add scrollbars in firefox by default - to eliminate horizontal shifting */
body {text-align:center;font-family:verdana, arial, helvetica, sans-serif;}
#wrapper {width:950px; text-align:left; font-size:62.5%;}
body#login {background:#d7d7d7; color:#000000;}
body#login.trade {background:url('/images/stars-bg.jpg') top left;}
body#login #wrapper {margin: 10% auto; background:#ffffff url('/images/box-slice.gif') top left repeat-y; width:544px;}
/* selector defaults */
a:link, a:active, a:visited {text-decoration:underline; color:#646464; font-weight:normal;}
a:hover {text-decoration:none; color:#770034;}
p {margin:.5em 0; text-align:left;}
img, fieldset {border:0;}
fieldset {clear:left; display:block;}
legend {height:1px; font-size:1px; position:absolute; text-indent:-9999px; overflow:hidden;}
input {padding:.1em;}
select option {padding-left:.5em;}
/* message boxes */
#content #alert {line-height:2em; padding-top:5px; font-size:1em; color:#0e8147; border:1px solid #e5cb7e; background:#ffffd0; margin:.5em 15px 2em 15px; width:370px;}
#content p#success {line-height:2em; padding-left:35px; font-size:1.2em; clear:both; display:block; font-weight:bold; color:#0e8147; border:1px solid #81cd98; background:#d9fae4 url("/images/icons/success.gif") .5em 40% no-repeat; margin-bottom:.5em;}
#content #failure {margin:.5em 0; padding-bottom:.5em; line-height:1.5em; font-size:1.2em; clear:both; display:block; border:1px solid #ee0000; background:#ffcdcd;}
#content #failure p {color:#ffffff; background:#ee0000 url("/images/icons/fail.gif") .5em 40% no-repeat; font-weight:bold; margin:0 0 .5em 0; padding:.3em 0 .3em 30px;}
#content #failure h3 {color:#ee0000; margin:0 0 0 1em; border-bottom:none; font-size:1em; font-weight:bold;}
#content #failure ul {color:#ee0000; margin:0 0 0 1em; font-size:.9em;}
#content #failure ul li {background:url("/images/icons/dash.gif") center left no-repeat; padding-left:8px; margin-left:3px;}
/* default content form */
#content form {clear:left; margin-bottom:1.5em;}
#content fieldset#billing_info_fields p label.inline {float:none; display:inline; margin:0 .5em 0 0;}
#content fieldset#actions {clear:left; width:49%;}
#content fieldset#actions .form-actions .button1 {float:right;}
#content fieldset#billing_info_fields, #order_wrapper fieldset#actions {width:49%; float:left; clear:left;}
#content fieldset#shipping_info_fields {width:49%; float:right; clear:none;}
#content input.default {width:80%;}
#content p input, #content #billing p select {margin-bottom:0;}
/* #content p label {margin-top:1em;} */
/* Form Error Messages */
#content .error h2 {color:red; font-weight:normal;}
#content form p label.error, #content form#billing p label.error {display:block; color:red; padding-top:.2em; margin:0 0 1em 0; text-transform:none; font-weight:normal;}
#content label.error.checked {position:absolute;}
/* signup page */
#content fieldset.sign-up {width:40%; float: left; }
#content p.sign-up { float: right;
background: url(/images/ginger-boxtext.jpg) top left no-repeat;
display: block;
width: 400px;
height: 365px;
text-indent: -3000em;
margin-right: 40px;
margin-top: -35px;
}
/* Form Actions */
input.shortText {width:2em;}
input.defaultText {width:4em;}
input.mediumText {width:10em;}
input.longText {width:20em;}
.box input.longText { width:21em;}
textarea {display:block;}
textarea {width:21em;}
.multiCols p.inline input, .multiCols p.inline label {float:left; display:block;}
.multiCols p.empty-label, .multiCols p.empty-label input {margin-bottom:0;}
#edit_product .multiCols p.empty-label {float:none;}
.multiCols p.first {clear:left;}
.multiCols.dates p.first {margin-right:3em;}
.multiCols.dates input {width:10em;}
.multiCols p {float:left; margin-right:1.5em;}
.col2 .multiRows p {display:block;}
.multiCols {float:left;}
.multiCols p.mandatory select {display:inline;}
.multiCols input, .multiCols select {display:block;}
.multiCols p.inline input, .multiCols p.inline label {float:none; display:inline;}
.multiRows p.empty-label {margin-left:1.6em;}
form p {margin-bottom:1em;}
p label.inline {display:inline; margin:.3em .5em;}
p label.normal {font-weight:normal; text-transform:capitalize;}
.form-actions {margin-top:1.5em; clear:both;}
.form-actions label {float:left; line-height:2em; margin-right:1.5em; text-transform:uppercase;}
#content .form-actions .selection label {text-transform:capitalize;}
.form-actions.opposite label {float:right;}
.fileUpload .form-actions {float:right; margin-top:0; margin-bottom:1.5em;}
#pageArea #content p label.field-info {display:inline; text-transform:capitalize;}
#pageArea #content p label.field-info input {vertical-align:top;}
/* utilities */
.hide {height:1px; font-size:1px; text-indent:-9999px; overflow:hidden; position:absolute;}
.remove {display:none;}
.fltImg {float:left;}
.fltImgRight {float:right;}
.singleCol {width:55%; float:left; margin-left:10px;}
.clear {clear:both;}
.col1 {float:left; width:49%; clear:left; margin-bottom:1em;}
.col2 {float:right; width:49%; margin-bottom:1em; position:relative;}
/* single box template - page centered with corners */
#centerBox {font-size:1.2em; background:url('/images/box-cnr-top.gif') no-repeat top left; text-align:center;}
#centerBox h1 {padding-top:2px; color:#dc006c; width:161px; height:83px; margin: 0 auto; font-size:1.6em;}
#centerBox h1 span {background:#ffffff url('/images/login-logo.gif') no-repeat top left; text-indent:-9999px; width:161px; height:83px; display:block;}
#centerBox fieldset {margin:0 10%;}
#centerBox p { display:block; margin:2em 0; color:#575757; line-height:1.4em;}
#centerBox p.last {margin-bottom:0;}
#centerBox .help {float:left;}
#centerBox .help p {display:inline;}
#centerBox .form-actions a {float:left; text-decoration:none;}
#centerBox .form-actions a:hover {text-decoration:underline;}
#centerBox input.default {width:100%; background:#fafafa; border:1px solid #eeeeee; font-size:1.6em; padding:.1em;}
#centerBox input.submit-button {border:0; cursor:pointer; text-indent:-9999px; background: #ffffff url('/images/buttons/login.gif') no-repeat top left; width:102px; height:34px; float:right;}
#centerBox input.retrieve-button {border:0; cursor:pointer; text-indent:-9999px; background: #ffffff url('/images/buttons/retrieve.gif') no-repeat top left; width:102px; height:34px; float:right;}
#centerBox input.continue-button {border:0; cursor:pointer; text-indent:-9999px; background: #ffffff url('/images/buttons/continue-shopping.gif') no-repeat top left; width:182px; height:34px; float:right;}
#centerBox form {padding-bottom:3em; background: url('/images/box-cnr-bot.gif') bottom left no-repeat;}
#centerBox label {margin-left:.5em; color:#575757; text-transform:uppercase; display:block; font-weight:bold;}
#centerBox h2.success {font-size:1.2em; padding:0; margin:3em 0 0 0; text-align:center;}
#centerBox p.success {margin:.5em 0 2em 0; text-align:center;}
#centerBox h2.success, #centerBox p.success {color:#009041;}
#centerBox p.failure {color:red; margin:.5em .5em 2em .5em;}
#centerBox #trade {text-align:center; clear:both; line-height:1.5em; color:#575757;}
#centerBox #trade p {text-align:center; margin:1em 0;}
#centerBox #trade h3 {clear:both; font-size:1.4em; margin:1em 0;}
#centerBox #trade address {font-style:normal;}
#centerBox #trade .col1, #centerBox #trade .col2 {margin:0 9% 0 7%; text-align:left; width:34%;}
#centerBox #trade input.continue-button {float:none; margin-top:1em;}
body.trade #centerBox .form-actions a:link, body.trade #centerBox .form-actions a:active, body.trade #centerBox .form-actions a:visited {text-decoration:none; color:#255ea1; clear:left;}
body.trade #centerBox .form-actions a:hover {text-decoration:underline;}
body#login.trade #centerBox {background:url('/images/front/ft-box-cnr-top.gif') top left no-repeat;}
body#login.trade #centerBox form {background:url('/images/front/ft-box-cnr-bot.gif') bottom left no-repeat;}
/* Styling for jquery plugins */
/* cluetip - tooltip menu for moving product items */
#cluetip-extra, #cluetip-title, #cluetip-title #cluetip-close, #cluetip-close {
display:none;
}
.cluetip-default #cluetip-outer {
position: relative;
background-color: #C1C1C1;
line-height:1em;
border-top:1px solid #23343E;
border-left:1px solid #23343E;
border-right:1px solid #23343E;
}
.cluetip-default p {margin:0; border-bottom:1px solid #23343E; text-align:center;}
.cluetip-default a {
color: #23343E;
font-size: .7em;
text-decoration:none;
display:block;
padding:.3em;
margin:0;
}
.cluetip-default a:hover {background:#cccccc;}
.cluetip-default #cluetip-inner {
padding: 0;
}
/* IE6 HasLayout hack */
.cluetip-default #cluetip-outer,
.cluetip-rounded #cluetip-inner,
.cluetip-default a {
zoom: 1;
}
/* colour picker */
#ColorPickerDiv {
display: block;
display: none;
position: relative;
border: 1px solid #777;
background: #fff
}
#ColorPickerDiv TD.color label {cursor: pointer;}
.ColorPickerDivSample {
margin: 0px 0px 0px 4px;
border: solid 1px #000;
padding: 3px 8px;
position: relative;
cursor: pointer;
}