/*--- Global styles ---*/
/* Sortable tables 
table.sortable thead {
    background-color:#FF8000;
    color:#666666;
    font-weight: bold;
    cursor: default;
} */
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.col-25l {
    float: left;
    width: 25%;
    margin:auto;
    text-align: left;
}

.col-75r {
    float: right;
    width: 75%;
    margin:auto;
    text-align: center;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.showbars {
    display: none;
  }
.content-sidebar #secondpane {
  font-size:100%;
}
* {margin:0px; text-align:left;}
html, body {margin:0px; padding:0px; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; color:#282828; font-size:12px; background-color:#dedede; background-image: url(../images/interface/bg-page-new.gif); background-repeat:repeat-x;}
h1, h2, h3, h4, p {font-family:Arial, Helvetica, sans-serif;}
fieldset, form, label, legend, dl, dt, dd, ol, ul, li {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

/* NEW user controls -- the old is crappy! */
#user {background:url(../images/interface/user.png) repeat-x scroll center top transparent; border-bottom:1px solid #7d98a5; border-top:1px solid #213769; height:33px;}
#user-inner, #user-inner1 {margin:0px auto; width:960px; height:33px;}
#welcome, #welcome1 {width:320px; height:33px; float:left; margin-left:10px;}
#welcome, #welcome1 , .welcome {color:#FFFFFF; margin-left:1%; font-size:90%; text-transform:uppercase; font-weight:bold; text-shadow:0 1px 1px #000000;}
#user-login {width:620px; height:33px; float:right; margin-right:10px; text-align:right;}
#user-login form {float:right; margin-top:3px;}
#form-login label {color:#FFF; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #000000;}
#form-login .input-text {/*-moz-border-radius:3px 3px 3px 3px;*/ -moz-box-shadow:0 0 4px #000000; background:url(../images/interface/login-input.png) repeat-x scroll 0 0 #FFFFFF !important; border:1px solid #FFFFFF !important; color:#444444; font-size:12px; font-weight:bold; padding:2px 2px 3px !important; width:165px;}
#user .button {/*-moz-border-radius:3px 3px 3px 3px;*/ background:url(../images/interface/button.png) repeat-x scroll 0 0 transparent; border:1px solid #FFFFFF; color:#444444; cursor:pointer; font-size:12px; font-weight:bold; padding:2px 6px; text-decoration:none; text-shadow:0 1px 1px #FFFFFF;}
#form-login .input-submit {/*-moz-border-radius:3px 3px 3px 3px;*/ -moz-box-shadow:0 0 2px #999999; background:url(../images/interface/button.png) repeat-x scroll 0 0 transparent; border:1px solid #FFFFFF; color:#222222; cursor:pointer; font-size:12px; font-weight:bold; padding:2px 6px; text-shadow:0 1px 1px #FFFFFF;}
#user .button:hover, #user .button:focus {background-position:bottom; color:#111;}
#form-login .input-submit:hover, #form-login .input-submit:focus {background-position: bottom; color: #111;}
/*------------------------*/
#user-menu { float:right;width:700px }
#user-menu ul { margin:0px; padding:2px 0px 0px 10px; list-style:none; }
#user-menu li { width:auto; float:left; margin-right:0px; font-size:90%; display:inline; }
#user-menu li a { padding:0px 10px 0px 10px; display:inline; float:left; color:#bbb; font-weight:bold;}
#user-menu li a.active { padding:0px; display:inline-block; width:auto; color:#3F88BD; margin-top:5px; }
#user-menu li a.active span { display:inline-block; margin-left:10px; padding:5px 30px 7px 4px; }
#user-menu li a:hover { text-decoration:none; color:#efefef; font-weight:bold; }
#user-menu li a.active:hover { text-decoration:none; color:#282828; }
#user-menu li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; width:200px; z-index:1000; top:42px; background:#000; }
#user-menu li ul li { float: none; display: inline; font-size:100%; }
 #user-menu li ul li a { width: 180px; background: #111; color: #ccc; padding:10px; margin:0; } 
/* #user-menu li ul li a { width: 180px; background: #111; color: #ccc; padding:0px; margin:0; } */
#user-menu li ul li a:hover { background: #000 }

#nav { margin:0 auto; width:auto; height:40px; border-bottom:1px solid #111; background-color: #000; background-image: url(../images/interface/nav-bg.jpg); background-repeat: no-repeat; }
#main-menu {float:left;}
#nav-extra { float: right; }

#nav_menu ul { margin:0px; padding:2px 0px 0px 10px; list-style:none; position:relative; }
#nav_menu li { width:auto; float:left; margin-right:20px; font-size:90%; display:inline; }
#nav_menu li a { /*margin-top:6px; padding:4px 0px 7px 10px; display:inline; float:left; color:#bbb;*/
color:#eeeeee;
display:block;
font-size:14px;
font-weight:bold;
height:22px;
line-height:18px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
/*#nav_menu li a.active { padding:0px; display:inline-block; width:auto; color:#3F88BD; margin-top:5px; }
#nav_menu li a.active span { display:inline-block; margin-left:10px; padding:5px 30px 7px 4px; }*/
#nav_menu li a:hover { text-decoration:none; color:#ffffff; font-weight:bold;
background:url(../images/interface/btn-bg.jpg) repeat-x scroll 0 0 #3f88bd;
/*border:1px solid #69472A;*/
/*line-height:18px;*/
/*position:relative;*/
/*top:1px;*/
}
/*#nav_menu li a.active:hover { text-decoration:none; color:#282828; }*/
/*#nav_menu li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; width:200px; z-index:1000; top:42px; background:#000; }
#nav_menu li ul li { float: none; display: inline; font-size:100%; }
#nav_menu li ul li a { width: 180px; background: #111; color: #ccc; padding:10px; margin:0; }
#nav_menu li ul li a:hover { background: #000 }*/

/* NEW nav controls -- the old is crappy! */




/* Structure */
#user-controls { float:right; padding: 6px 6px; margin-right: 10px; background-color:#000; width:48%; }

#wrapper { text-align:center; min-height: 100%; height: auto !important; height: 100%; width:100%; background:url(../images/interface/bg-header.jpg) no-repeat top center; margin: 0 auto -140px; }
#inner-wrapper { width:960px; margin:0 auto; }
#header { margin:4px; width:960px; height:36px; }
#header1 { margin:0 auto; width:960px; height:0px; }
/*#welcome {width: 340px; height:25px; float:left; margin-left: 10px; }
#welcome1 {width: 340px; height:25px; float:left; margin-left: 10px; }*/
/*#welcome p { color:#FFFFFF; margin: 0px; padding: 0px; font-size: 90%; text-transform: uppercase; font-weight:bold; text-shadow: 0 2px 0 #666666; }
#welcome1 p { color:#FFFFFF; margin: 0px; padding: 0px; font-size: 90%; text-transform: uppercase; font-weight:bold; text-shadow: 0 2px 0 #666666; }*/
#header img.logo {margin-left: 11px; margin-top: 0px; }
#header1 img.logo {margin-left: 11px; margin-top: 0px; } 
/* #header img.logo {margin: 0px auto; display: block} //uncomment to center logo image
#header1 img.logo {margin: 0px auto; display: block} //uncomment to center logo image */
/*#nav { margin:0 auto; width:940px; background:#000; height:40px; border-bottom:1px solid #111; }*/

.statusTableDiv{
color:white;display:table;margin-top:1%
}
.statusTableRowDiv{
text-align:center;display:table-row
}
.statusTableCellDiv{
display:table-cell;
text-align: center;
}
#nav-menu { float:left; width:790px; height:auto; }
#feature { margin:0 auto; width:940px; height:120px; }
#content { margin:0 auto; width:940px; height:auto; padding-top:0px; }
#content.page { height:auto; min-height:400px; display:block; padding-top:15px;  background:url(images/interface/bg-content-page.jpg) repeat-x; }
.content-sidebar { display:inline; float:left; height:auto; width:170px; margin:0px 10px 10px 20px;padding:0px 5px 0px 10px;border-right:1px solid #bbbbbb; 
 background: white; /* For browsers that do not support gradients */
 background: linear-gradient(white, #eeeeee); 
}
.content-sidebar h2 { letter-spacing: -1px;padding:0px 0px 7px 0px; font-size:16px;  margin:0px 0px 0px 0px; }
.content-main { display:inline; float:left; height:auto; width:710px; }
.content-expand { display:inline; float:left; height:auto; width:935px; margin:0px 10px 5px 5px; }
.content_full {display:inline; float:left; width:900px; margin:0px 20px 0px 20px; }
#footer { bottom:0px; width:100%; background:url(../images/interface/bg-footer.gif) repeat-x; background-color:#fff; height:140px; overflow:hidden; }
#footer-inner { background:url(../images/interface/bg-footer-inner.gif) no-repeat top center; height:140px; text-align:center; }
#footer-content { margin:0px auto; width:900px; padding-top:24px; }
/* Structure */

/* Sidebar Navigation */
.menu_list { width: 160px; }
.menu_head { font-family:Arial, Helvetica, sans-serif; color:#3F88BD; padding:0px; margin:0px; line-height:24px; cursor: pointer; position: relative; border-bottom:1px solid #bbb; }
.menu_static { font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px; line-height:24px; position: relative; border-bottom:1px solid #bbb; }
.menu_static a:hover { color: #999999; text-decoration:underline; } 
.menu_body { display:none; }
.menu_body a{ display:block; line-height:22px; padding-left:20px; }
.menu_body a:hover { color: #999999; text-decoration:underline; }
/* Sidebar Navigation */

/*--- Lists ---*/




ul.submenu { margin:0px 0px 30px 0px; line-height:24px; }
ul.submenu li { list-style-type:none; width:auto; border-bottom:1px solid #bbb; padding:0px 0px 0px 0px; }
ul.submenu li a { }
ul.submenu li a:hover { color:#999; }
#footer-content ul { margin:0px 0px 50px 0px; padding:0px; list-style:none; clear:both; }
#footer-content li { width:auto; float:left; margin-right:20px; font-size:90%; display:inline; }
#footer-content li a { margin-top:0px; padding:0px; display:inline; float:left; }
#footer-content li a:hover { text-decoration:none; color:#999; }



/*--- Typography ---*/
a { text-decoration:none; color:#3F88BD; }
a:hover { text-decoration:underline; }
p {margin-bottom:14px; font-size:100%; }
.results { font-weight: bold }
ul { list-style-type:square; margin:10px 10px 10px 30px; line-height:26px; } /* change back to 14px if required after testing */
ol { list-style-type:decimal; margin:10px 10px 10px 30px; line-height:14px; }
h1 { font-weight:normal; font-size:240%; line-height:30px; margin-bottom:5px; color:#3F88BD;  border-bottom:1px solid #bbb; padding-bottom:5px; text-shadow: 0 1px 0 #CCCCCC; }
/*h2 { font-weight:normal; font-size:170%; line-height:30px; } */
h2 { letter-spacing: -1px;padding:6px 0px 7px 0px; font-size:18px;  margin:10px 0px 0px 0px; }
h3 { font-size:200%; font-weight:normal; line-height:34px; padding-left:54px; padding-top:12px; height:44px; margin-left:-5px; }
h4 { font-weight:normal; font-size:130%; line-height:24px; }
h5 { font-size:120%; font-weight:normal; line-height:18px; }
h6 { font-size:100%; font-weight:normal; line-height:14px; font-weight:bold; }
blockquote { border-left:2px solid #000; background-color:#FFF; color:#333; margin:10px 0px 10px 40px; width:auto; line-height:14px; padding: 10px 10px; }

/*--- Forms ---*/
form { margin:0px; }

/* Universal Login */
#login-form input.login { width:100px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; }
#login-form label { color: #FFF; }
/* Universal Login */

/* Home Page Search */
#main-search fieldset { padding:10px; border: 1px solid #BBBBBB; }
#main-search legend { padding:0px; font-size:14px; text-transform:uppercase; font-weight:bold; }
#main-search select { width:305px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#main-search input.search { width:300px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#main-search .search div { margin-bottom: 0.25ex; clear:left; }
#main-search .search div label { width: 250px; display:block; float:left; font-weight:bold; margin: 7px 0; }
#main-search .actions { /*margin-left: 506px;*/ margin: 10px auto; display:block; text-align:center; }
#main-search input:hover, #main-search select:hover, #main-search input:focus, #main-search select:focus { border-color: #9A9A9A; }
#upLevel { padding: 10px 0; }
/* Home Page Search */

.alert { background-color:#F00; padding:3px; border: 1px solid  #7F0606; text-align:center; }
.alert p { font-size:12px; font-weight:bold; text-transform: uppercase; color:#FFFFFF; text-shadow: 0 1px 0 #999999; text-align:center; display:block; margin: 0; }
.alert p a {color: #000; }

/* Registration Form */
#registration fieldset { padding:10px; border: 1px solid #BBBBBB; }
#registration legend { padding:10px; font-size:14px; text-transform:uppercase; font-weight:bold; }
#registration select { width:305px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#registration input.register, #registration textarea.register
{ width:300px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#registration .register div { margin-bottom: 0.25ex; clear:left; }
#registration .register div label { width: 250px; display:block; float:left; font-weight:bold; margin: 7px 0; }
#registration .actions { /*margin-left: 490px;*/margin: 10px auto; display:block; text-align:center; }
#registration input:hover, #registration select:hover, #registration input:focus, #registration select:focus, #registration textarea.register:hover, #registration textarea.register:focus { border-color: #9A9A9A; }
#registration span.label { display:block; font-weight:bold; margin: 7px 0; }

/* Registration Form */

/* New User */
#new-user fieldset { padding:10px; border: 1px solid #BBBBBB; }
#new-user legend { padding:10px; font-size:14px; text-transform:uppercase; font-weight:bold; }
#new-user .new-user div { margin-bottom: 0.25ex; clear:left; }
/* New User */

/* Forgot Password */
#forgot-pw fieldset { padding:10px; border: 1px solid #BBBBBB; }
#forgot-pw legend { padding:10px; font-size:14px; text-transform:uppercase; font-weight:bold; }
#forgot-pw select { width:305px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#forgot-pw input.forgot-pw, #forgot-pw textarea.forgot-pw
{ width:300px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#forgot-pw .forgot-pw div { margin-bottom: 0.25ex; clear:left; }
#forgot-pw .forgot-pw div label { width: 250px; display:block; float:left; font-weight:bold; margin: 7px 0; }
#forgot-pw .actions { /*margin-left: 490px;*/margin: 10px auto; display:block; text-align:center; }
#forgot-pw input:hover, #forgot-pw select:hover, #forgot-pw input:focus, #forgot-pw select:focus, #forgot-pw textarea.forgot-pw:hover, #forgot-pw textarea.forgot-pw:focus { border-color: #9A9A9A; }
/* Forgot Password */

/* Login 2 */
#login-2 fieldset { padding:10px; border: 1px solid #BBBBBB; }
#login-2 legend { padding:10px; font-size:14px; text-transform:uppercase; font-weight:bold; }
#login-2 select { width:305px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#login-2 input.login-2, #login-2 textarea.login-2
{ width:300px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#login-2 .login-2 div { margin-bottom: 0.25ex; clear:left; }
#login-2 .login-2 div label { width: 250px; display:block; float:left; font-weight:bold; margin: 7px 0; }
#login-2 .actions { /*margin-left: 490px;*/margin: 10px auto; display:block; text-align:center; }
#login-2 input:hover, #login-2 select:hover, #login-2 input:focus, #login-2 select:focus, #login-2 textarea.login-2:hover, #login-2 textarea.login-2:focus { border-color: #9A9A9A; }
/* Login 2 */

/* Send Image List*/
#send-imgs img { margin: 5px auto; border:1px solid #C9C9C9; display:block;  }
#send-imgs div { margin-bottom: 0.25ex; clear:left; }
#send-imgs div label { width: 250px; display:block; float:left; font-weight:bold; margin: 7px 0; }
#send-imgs fieldset { padding:10px; border: 1px solid #BBBBBB; }
#send-imgs legend { padding:10px; font-size:14px; text-transform:uppercase; font-weight:bold; }
#send-imgs input.send-img, #send-imgs textarea.send-img
{ width:260px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#send-imgs input.send-img:hover, #send-imgs textarea.send-img:hover, #send-imgs input.send-img:focus, #send-imgs textarea.send-img:focus { border-color: #9A9A9A; }
#send-imgs .actions { margin: 10px auto; display:block; text-align:center;}
/* Send Image List*/

/* My Details Update Form */
#my-details fieldset { padding:10px; border: 1px solid #BBBBBB; }
#my-details legend { padding:10px; font-size:14px; text-transform:uppercase; font-weight:bold; }
#my-details select { width:305px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#my-details input.my-details, #my-details textarea.my-details
{ width:300px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#my-details .my-details div { margin-bottom: 0.25ex; clear:left; }
#my-details .my-details div label { width: 250px; display:block; float:left; font-weight:bold; margin: 7px 0; }
#my-details .actions { /*margin-left: 490px;*/margin: 10px auto; display:block; text-align:center; }
#my-details input:hover, #my-details select:hover, #my-details input:focus, #my-details select:focus, #my-details textarea.my-details:hover, #my-details textarea.my-details:focus { border-color: #9A9A9A; }
/* My Details Update Form */


.btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(../images/interface/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }
.req { font-weight:bold; color:#F00; }
#contact-form fieldset { padding:10px; }
#contact-form select 
{ width:305px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#contact-form input.contact-form, #contact-form textarea.contact-form
{ width:300px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; }
#contact-form div { margin-bottom: 0.25ex; clear:left; }
#contact-form div label { width: 250px; display:block; float:left; font-weight:bold; margin: 7px 0; }
#contact-form .actions {  margin: 10px auto; display:block; text-align:center; }
#contact-form input:hover, #contact-form select:hover, #contact-form input:focus, #contact-form select:focus, #contact-form textarea.contact-form:hover, #contact-form textarea.contact-form:focus { border-color: #9A9A9A; }

.faq-answer { display:none; }


 /*--- Product Styles ---*/
#product-grid { width:100%; }
.product-cell { width:calc(100%/4.5); position: relative; background:#FFFFFF; margin-right: 2px; border:1px solid #B4B4B4; margin-bottom:2px; padding:2px; float:left; }
.no-stock { background:url(../images/interface/out-of-stock-banner.png) 0 0 no-repeat; position:absolute; top:0px; color:#000000; left:0px; width:159px; height:35px; }
.no-stock p { font-weight:bold; font-size: 90%; padding-top:16px; margin-bottom: 0px; margin-left: 8px; }
.promotion { background:url(../images/interface/promo-corner.png) 0 0 no-repeat; position:absolute; top:0px; color:#000000; left:0px; width:87px; height:87px; }
.clearance { background:url(../images/interface/clearance-corner.png) 0 0 no-repeat; position:absolute; top:0px; color:#000000; left:0px; width:87px; height:87px; }
.product-cell img { clear:both; margin: 20px auto 10px; display:block; border:none; }
.product-text { padding:0; margin-top:0px; }
.product-text p { clear:both; padding-top:0px; }
.product-text h5 { float:left; margin-top:8px; font-weight: bold; font-size:12px; }
/*.product-text .details { float:right; margin: 3px; }*/
/*.product-text .details { float:right; color:#3F88BD; background-color:#FFFFFF; border: 1px solid #3F88BD; padding: 3px;}*/
.product-text a.view-details { float:right; color:#FFFFFF; background-color:#3F88BD; border: 1px solid #214D6D; padding:6px; text-shadow: 0 1px 0 #333333; text-decoration:none; background-image: url(../images/interface/btn_bg.jpg); background-repeat: no-repeat; }
.product-text a:hover.view-details {  color:#000000; background-color:#FFFFFF; border: 1px solid #B3B3B3; padding: 6px; text-shadow: 0 1px 0 #FFFFFF; text-decoration:none; 	background-image: url(../images/interface/btn_bg-hover.jpg); background-repeat: no-repeat; }


 /**/
 
.products-list { display:inline; float:left; height:auto; width:155px; border: 1px solid #B4B4B4; margin: 2px; padding: 2px; background: #FFFFFF;}
.products-list img { clear:both; margin: 2px auto 10px; display:block; }
p.product-title { font-weight: bold; padding:0px; margin:0px; }
.pagination { overflow: hidden; padding: 8px 0; float:right;}
/*.details a { float:right; color:#FFFFFF; background-color:#3F88BD; border: 1px solid #FFFFFF; padding: 3px; }
.details a:hover { float:right; color:#3F88BD; background-color:#FFFFFF; border: 1px solid #3F88BD; padding: 3px;}*/

a.search-again { color:#FFFFFF; background-color:#1A252D; border: 1px solid #214D6D; padding:4px; text-shadow: 0 1px 0 #333333; text-decoration:none; }
a:hover.search-again {  color:#000000; background-color:#FFFFFF; border: 1px solid #B3B3B3; padding: 4px; text-shadow: 0 1px 0 #FFFFFF; text-decoration:none; }
a.item-actions { color:#FFFFFF; background-color:#3F88BD; border: 1px solid #214D6D; padding:6px; text-shadow: 0 1px 0 #333333; text-decoration:none; background-image: url(../images/interface/btn_bg.jpg); background-repeat: no-repeat; }
a:hover.item-actions {  color:#000000; background-color:#FFFFFF; border: 1px solid #B3B3B3; padding: 6px; text-shadow: 0 1px 0 #FFFFFF; text-decoration:none; 	background-image: url(../images/interface/btn_bg-hover.jpg); background-repeat: no-repeat; }

a.orderAdd { color:#FFFFFF; background-color:#DB0E0E; border: 1px solid #CC0000; padding:6px; text-shadow: 0 1px 0 #333333; text-decoration:none; background-repeat: no-repeat; }
a:hover.orderAdd {  color:#000000; background-color:#FFFFFF; border: 1px solid #B3B3B3; padding: 6px; text-shadow: 0 1px 0 #FFFFFF; text-decoration:none;background-repeat: no-repeat; }

/*div.pagination .search-again { float: left; line-height:20px; padding:5px; }*/
/*div.pagination .search-again a { color:#3F88BD; line-height:20px; padding:5px; }*/
.page-browse { float: right; }
.page-browse a { color:#3F88BD; }
.page-numbers { float: left; line-height:20px; padding:7px; }
/*div.pagination .page-numbers a { color:#3F88BD; line-height:20px; padding:7px; }*/
.page-numbers a { color:#000000; background-color:#FFFFFF; border: 1px solid #B3B3B3; padding: 6px; text-shadow: 0 1px 0 #FFFFFF; text-decoration:none; 	background-image: url(../images/interface/btn_bg-hover.jpg); background-repeat: no-repeat; }
/*div.pagination .page-numbers a:hover { background-color:#F0F0F0; border: 1px solid #B4B4B4; padding:6px; }*/
.page-numbers a:hover { color:#FFFFFF; background-color:#3F88BD; border: 1px solid #214D6D; padding:6px; text-shadow: 0 1px 0 #333333; text-decoration:none; background-image: url(../images/interface/btn_bg.jpg); background-repeat: no-repeat; }
/*div.pagination .page-numbers .selected { background-color:#F0F0F0; background-image:url(../images/interface/white_line.png); background-position:center top; background-repeat:repeat-x; border:1px solid #B4B4B4; padding:7px; }*/
.page-numbers .selected { color:#FFFFFF; background-color:#3F88BD; border: 1px solid #214D6D; padding:6px; text-shadow: 0 1px 0 #333333; text-decoration:none; background-image: url(../images/interface/btn_bg.jpg); background-repeat: no-repeat; }


.item-detail {margin: 2px 0; padding: 2px; background: #FFFFFF; height:800px}
.item-detail .bold { font-weight: bold; margin:10px;}
.item-controls { padding: 5px; text-align:center; }
/*.item-detail .enlarge { font-size: 80%; padding: 3px; margin-left: 25px; }*/
.item-detail .details { float:right; margin-bottom:10px; }
.item-detail h2	{ color:#000; font-style:normal; padding-bottom:5px; margin-top:0px; border-bottom:1px solid #e3e3e3; }
.item-detail p { margin: 2px; }
.item-detail table tr td .text-resize { font-size: 80%; }
.item-detail table tr td .imgs-mail { margin: 10px; }
.item-detail #item tr td .imgs-mail label { width: 205px; float:right; display:block; }
.yellowBG{
    text-align:center;
    background-color: #FFDB58;
    padding: 10px;
    margin: 10px;
   }


.item-promo { background-color:#F00; padding:3px; border: 1px solid  #7F0606; text-align:center; }
.item-promo h4 { font-size:16px; font-weight:bold; text-transform: uppercase; color:#FFFFFF; text-shadow: 0 1px 0 #333333; text-align:center; display:block; }

/*--- Table Styles ---*/
.item-detail table { border:none; border-collapse:collapse; }
#info-table td { border-bottom:1px solid #cacaca; color:#4c4c4c; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; }
/*#info-table tr:hover {background:#f1f1f1;}*/
#info-table tr.odd { background:#f1f1f1; }
#info-table .product-info { font-weight:bold; }
#info-table td p { margin: 0; padding: 0; }
#info-table td p.special-price { font-size:14px; color:#F00; }
#info-table td p.special-saving { font-size:14px; font-weight:bold; text-transform:uppercase; }

#item tr td a.item-actions { color:#FFFFFF; background-color:#3F88BD; border: 1px solid #214D6D; padding:6px; text-shadow: 0 1px 0 #333333; text-decoration:none; background-image: url(../images/interface/btn_bg.jpg); background-repeat: no-repeat; }
#item tr td a:hover.item-actions {  color:#000000; background-color:#FFFFFF; border: 1px solid #B3B3B3; padding: 6px; text-shadow: 0 1px 0 #FFFFFF; text-decoration:none; 	background-image: url(../images/interface/btn_bg-hover.jpg); background-repeat: no-repeat; }
#item tr td { text-align: center; }

#contact-details td { vertical-align: top; border-bottom:1px solid #cacaca; color:#4c4c4c; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; }

input.costs
{ background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; }
input.enq-quantity
{ width:35px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:5px; }
.actions a.search-again { color:#FFFFFF; background-color:#3F88BD; border: 1px solid #214D6D; padding:6px; text-shadow: 0 1px 0 #333333; text-decoration:none; background-image: url(../images/interface/btn_bg.jpg); background-repeat: no-repeat; }
.actions a:hover.search-again {  color:#000000; background-color:#FFFFFF; border: 1px solid #B3B3B3; padding: 6px; text-shadow: 0 1px 0 #FFFFFF; text-decoration:none; 	background-image: url(../images/interface/btn_bg-hover.jpg); background-repeat: no-repeat; }

/* Branding Costs Table */
.branding table { border:none; border-collapse:collapse; margin:5px 0 5px 0;font-family:Arial;font-size:11px }
.branding th { background-color: #CCCCCC; color: #000; text-shadow: 0 1px 0 #F1F1F1; }
.branding td { color:#4c4c4c; }
.branding td,.branding th { border-bottom:1px solid #cacaca; padding:5px 5px; text-align:center; }
/*#branding tr:hover { background:#f1f1f1; }*/
.branding tr.even { background:#f1f1f1; }
/* Branding Costs Table */

/*--- Classes ---*/
.push { height:140px; width:100%; clear:both; }
.clear { width:auto; clear:both; height:15px; }
.left { float: left; }
.right { float: right; }
.quote { margin-left:30px; margin-top:10px; }

/*--- Slideshow styles --*/
ul.slideshow { list-style:none; width:940px; height:120px; overflow:hidden; position:relative; margin:0; padding:0; }	
ul.slideshow li { position:absolute; left:0; right:0; }
ul.slideshow li.show { z-index:500;	 }
ul img { border:none; }
#slideshow-caption { width:940px; height:30px; position:absolute;  bottom:0; left:0; color:#fff; background:#000; z-index:500; }
#slideshow-caption .slideshow-caption-container { z-index:1000; padding: 0px 10px 5px; }
#slideshow-caption h3 { margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; }
#slideshow-caption p { margin:5px 0 0 0; padding:0; }

.content-main .invalid {
	background-color: #FF6666;
	border: 1px solid #990000;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 1px 0 #666666;
}
.antispam { display:none;}
/* #nav-extra ul li > ul {
	display: none;
}

	#nav-extra ul li:hover > ul {
		display: block;
	}
*/
/*Initialize*/
ul#menu, ul#menu ul.sub-menu {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #DEDEDE;
     /*  padding: 10px; */
    display:inline-block;
    line-height: 18px;    
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
   /* top: 30px; */
    left: 0;
  /*  width: 100px; */
    z-index: 1001;
    background: #282828;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}
.errors{
    color:#FF0000;
}
.colourTable{width:100%}
.colourTable tr:nth-child(odd) { background:#eeeeee; } .colourTable tr:nth-child(even) { background:#A9BCF5; }
.highlight{color:#cc0000;font-weight:bold;width:33%}
.noBackground{
    background-image: none;
}
.plain{outline: thin solid}
.yellow { background:yellow;outline: thin solid }
.center {
  margin-left: auto;
  margin-right: auto;
  width: 8em;
}
.valignInputs{    
    display: inline-block;
    vertical-align: baseline;
    width: 125px;
}    
.darkblue{
    color:#08088A;
}
table.borderT th, table.borderT td{
    border: 1px solid black;
    width: 100%;
}
table.borderO th, table.borderO td{
     outline: 1px solid black;
}
.OLDprogress{
     width:466px;
    height: 198px;
    background-image: url(../images/interface/orders_progress.jpg);
    z-index: 1000;  
    position: relative;
    display: inline;
}
.progressImg{ 
    top: 50px;
    left: 0px;
    width:466px;
    height: 198px;
    position: relative;
    z-index: 1000;
    display: block;
  }
    .waitSubmitImg{ 
    top: 100px;
    left: 50px;
    width:466px;
    height: 198px;
    position: absolute;
    z-index: 1000;
    display: block;
  }
#user-menu li a#orders{
    font-size:14px;
    color:#F75D59;
    display: inline /* change this to none to hide My Orders and inline to display My Orders */
}
#user-menu li a#cart{
    font-size:14px;
    color:#F75D59;
    display: inline /* change this to none to hide My Orders and inline to display My Orders */
}
img.mid {
  display: block;
  margin-left: auto;  
  margin-right: auto;
}
.imgList{
    text-align:center;
    padding: 10px;
    margin: 10px;
}
.Rhino{
    text-decoration:underline;
    color: white;
    background-color: black;
    /* padding: 3px;*/
    font-family: verdana;
    font-size: 11px;
    font-style:italic;
    text-shadow: none;
    text-decoration: underline;
}
.Leopard{
    text-decoration:underline;
    color: white;
    background-color: #835C3B;
    font-family: verdana;
    font-size: 11px;
    font-style:italic;
    text-shadow: none;
    text-decoration: underline;
}
.Elephant{
    text-decoration:underline;
    color: white;
    background-color: purple;
    font-family: verdana;
    font-size: 11px;
    font-style:italic;
    text-shadow: none;
    text-decoration: underline;
}
.Lion{
    text-decoration:underline;
    color: white;
    background-color: green;
    font-family: verdana;
    font-size: 11px;
    font-style:italic;
    text-shadow: none;
    text-decoration: underline;
}
.Whale{
    text-decoration:underline;
    color: white;
    background-color: #4FF6E0;
    font-family: verdana;
    font-size: 11px;
    font-style:italic;
    text-shadow: none;
    text-decoration: underline;
}
.Giraffe{
    text-decoration:underline;
    color: white;
    background-color: #4F68F5;
    font-family: verdana;
    font-size: 11px;
    font-style:italic;
    text-shadow: none;
    text-decoration: underline;
}
.Buffalo{
    text-decoration:underline;
    color: white;
    background-color:#CF1C10;
    font-family: verdana;
    font-size: 11px;
    font-style:italic;
    text-shadow: none;
    text-decoration: underline;
}
.Cheetah{
    text-decoration:underline;
    color: white;
    background-color: #f8889c;
    font-family: verdana;
    font-size: 11px;
    font-style:italic;
    text-shadow: none;
    text-decoration: underline;
}
.Independent{
    text-decoration:underline;
    color: white;
    background-color:#696969;
    font-family: verdana;
    font-size: 11px;
    font-style:italic;
    text-shadow: none;
    text-decoration: underline;
}
hr.lightGrey{
    border: 1px solid #dddddd;
}
h1.inblock{
    display:inline-block;
    border-bottom:none;
}
.userMenu li {
    border-left: 1px solid grey;
}