/* GENERAL STYLING */
html,body {
    margin: 0;
    padding: 0;
    background:#000000 url('twinklestars.jpg');
     font-family: sans-serif;
    color: #ffffff;
    font-size: 11px;
}

p, table, td, th {
    font-size: 11px;
    font-family: sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    margin-top: 0px;
}
form {margin: 0px;}
.form_input_general {font-size:12px;}
img {border: none;}
h1 {font-size:11px;}
h2 {font-size:12px;}
h3 {font-size:12px;color:#DFDF2D; margin:10px 0 3px 0}
a:link {color: #DFDF2D;text-decoration: none;}
a:visited {color: #DFDF2D; text-decoration: none;}
a:hover {color: #DFDF2D;text-decoration: underline;}
a:active {color: #DFDF2D;text-decoration: none;}
ul {list-style-type: square;}


/* MAIN CONTAINER */

#maincontainer { background:#000 url('body-bg-clouds.gif') repeat-y; width:976px; position: relative; margin:0 auto; padding:0; }


/* HEADER */

#header {width: 976px; background: transparent; height: 110px; position: relative; margin: 0 auto; clear: both; background: url('montage.jpg') no-repeat; padding: 0;}
#header a.logo { float: left; margin: 10px 0 0 60px; height: 55px; width: 300px; clear: both;}
#header a.logo img.logo { visibility: hidden; }

#header ul { float: left; margin: 15px 0 0 10px; padding:0; width: 100%;}
#header li {display: inline; float:left;}
#header li a {width:115px;height:22px;margin: 0 2px 0 0;text-align:center;display:block;padding-top:8px;outline:none;font-size:11px; color:#fff; font-weight:bold;background:url('ttab.gif') no-repeat 0 0;}
#header li a:hover {background-position:0 100%;text-decoration:none;}

#header li.notab a { margin: 0 6px 0 0; text-align:center; display:block;padding-top:8px;outline:none;font-size:11px; color:#fff; font-weight:bold; background: url('no-tab.gif') no-repeat 0 0; }
#header li.notab a:hover { background-position:0 100%; }

#titlebar { height: 21px; border-top: 2px solid #ADAD45; padding:0px 0px 0px 0px; margin:0; text-align:center; background-color:#232323; background:url('title-bar-bg.gif') repeat-x 0 0; clear: both; }
#titlebar h1 { padding: 0; margin: 5px 0 5px 0; color:#9f9f9f;}

#quicksearch { float:right; margin: 1px 2px 0 0 }
#quicksearchform { margin: 0; padding:0; }
#quicksearchbox{ font-size:9px; background-color:#555555; border:1px solid #000000; color: #ffffff; float: left;}
#quicksearchgo{ background-color:#222222; margin:0; padding:0;}



/* LEFT SIDE */

#leftnav {width:152px;float: left; margin: 0; padding: 0; background: #000; }
#leftnav h2 {text-align:center;font-size:12px;padding-bottom: 9px; margin-bottom:5px;margin: 0; padding:9px 0 6px 0;}
#leftnav ul {list-style: none;margin: 0;padding: 0;}
#leftnav li {margin: 0; padding: 0;font-size:12px;}
#leftnav li a { text-decoration:none;color:#ffffff; display: block ;padding:2px 8px 2px 15px;width:130px; }
#leftnav li a:hover {text-decoration:none;color:#ffffff;}
#leftnav li a:visited {text-decoration:none;color:#ffffff;}
#leftnav p {margin: 0; padding: 0 0 0 9px;}
#leftnav center {margin: 0; padding: 0;}
#leftnav #quicksearchbox {margin: 0 0 0 12px;}
#leftnav form#quicksearchform { margin: 0; padding: 0; position: relative; }
#leftnav p.relatedprod {color:#ffffff;display: block ;padding:10px 8px 10px 8px;text-align:center; margin:0;}
#leftnav p.hotprod {color:#ffffff;}
#leftnav div{padding-bottom: 8px;}

#leftnav .greenblock { background: #000 url('left-block-bg.gif') no-repeat -304px bottom;}
#leftnav .greenblock h2 {background:#000 url('left-block-top.gif') no-repeat 0 0;}
#leftnav .greenblock li a {background: #000 url('left-block-bg.gif') no-repeat 0 0;}
#leftnav .greenblock li a:hover {background-position: -152px 0;}
#leftnav .greenblock p { background: #000 url('left-block-bg.gif') 0 0 no-repeat; }
#leftnav .greenblock center { background: #000 url('left-block-bg.gif') 0 0 repeat-y; }
#leftnav .greenblock form#quicksearchform { background: #000 url('left-block-bg.gif') 0 0 repeat-y; }
#leftnav .greenblock p.relatedprod {background: #000 url('siteimages/Layout/left-block-mid.gif') repeat-y -5px 0; }
#leftnav .greenblock p.hotprod {background: #000 url('siteimages/Layout/left-block-mid.gif') repeat-y -5px 0;}

#leftnav .yellowblock { background: #000 url('right-block-bg.gif') no-repeat -304px bottom;}
#leftnav .yellowblock h2 {background:#000 url('right-block-top.gif') no-repeat 0 0;}
#leftnav .yellowblock li a {background: #000 url('right-block-bg.gif') no-repeat 0 0;}
#leftnav .yellowblock li a:hover {background-position: -152px 0;}
#leftnav .yellowblock p { background: #000 url('right-block-bg.gif') 0 0 no-repeat; }
#leftnav .yellowblock center { background: #000 url('right-block-bg.gif') 0 0 repeat-y; }
#leftnav .yellowblock form#quicksearchform { background: #000 url('right-block-bg.gif') 0 0 repeat-y; }
#leftnav .yellowblock p.relatedprod {background: #000 url('right-block-mid.gif') repeat-y -5px 0; }
#leftnav .yellowblock p.hotprod {background: #000 url('right-block-mid.gif') repeat-y -5px 0;}



/* MIDDLE */
#bulk {  margin: 0 0 0 0; padding:1px; width: 670px; background-color:#000; float:left;}


/* RIGHT SIDE*/

#rightnav {width:147px; float: left; margin: 0; padding: 0; background: #000; }
#rightnav h2 {text-align:center;font-size:12px;padding-bottom: 9px; margin-bottom:5px;margin: 0; padding:9px 0 6px 0;}
#rightnav ul {list-style: none;margin: 0;padding: 0;}
#rightnav li {margin: 0; padding: 0;font-size:12px;}
#rightnav li a { text-decoration:none;color:#ffffff; display: block ;padding:2px 15px 2px 8px;width:125px; }
#rightnav li a:hover {text-decoration:none;color:#ffffff;background-position: -152px 0;}
#rightnav li a:visited {text-decoration:none;color:#ffffff;}
#rightnav p {margin: 0; padding: 0;}
#rightnav center {margin: 0; padding: 0;}
#rightnav #quicksearchbox {margin: 0 0 0 12px;}
#rightnav form#quicksearchform { margin: 0; padding: 0; position: relative; }
#rightnav p.relatedprod {color:#ffffff;display: block ;padding:10px 8px;text-align:center; margin:0;}
#rightnav p.hotprod {color:#ffffff; text-align: center;}
#rightnav div{padding-bottom: 8px;}

#rightnav .greenblock { background: #000 url('left-block-bg.gif') no-repeat -306px bottom;}
#rightnav .greenblock h2 {background:#000 url('left-block-top.gif') no-repeat -2px 0;}
#rightnav .greenblock li a {background: #000 url('left-block-bg.gif') no-repeat -2px 0;}
#rightnav .greenblock li a:hover {background-position: -154px 0;}
#rightnav .greenblock center { background: #000 url('left-block-bg.gif') -2px 0 repeat-y; }
#rightnav .greenblock form#quicksearchform { background: #000 url('left-block-bg.gif') -2px 0 repeat-y; }
#rightnav .greenblock p{ background: #000 url('left-block-bg.gif') repeat-y -2px 0; }

#rightnav .yellowblock { background: #000 url('right-block-bg.gif') no-repeat -304px bottom;}
#rightnav .yellowblock h2 {background:#000 url('right-block-top.gif') no-repeat 0 0;}
#rightnav .yellowblock li a {background: #000 url('right-block-bg.gif') no-repeat 0 0;}
#rightnav .yellowblock li a:hover {background-position: -152px 0;}
#rightnav .yellowblock p { background: #000 url('right-block-bg.gif') 0 0 no-repeat; }
#rightnav .yellowblock center { background: #000 url('right-block-bg.gif') 0 0 repeat-y; }
#rightnav .yellowblock form#quicksearchform { background: #000 url('right-block-mid.gif') -5px 0 repeat-y; }
#rightnav .yellowblock p.relatedprod {background: #000 url('right-block-mid.gif') repeat-y -5px 0; }
#rightnav .yellowblock p.hotprod {background: #000 url('right-block-mid.gif') repeat-y 0 0;}



/* FOOTER */

#footer {width:100%; height: 75px;  border-top: 2px solid #325018; background: #000000 url('footer_bg.jpg') no-repeat;  clear:both; text-align:center; padding-top:10px;}

/* PRODUCTS FORMATTING */

.product_list {background-color:#000; margin: 5px 0px 10px 0px;}
.product_details {float: left; width: 285px;}
.product_details h2 {color: #DFDF2D; margin:5px 0 5px 0;padding:0;font-size:12px;}
.product_details p {margin: 10px 0 10px 0;}
.product_description { clear: left; font-size:12px; padding:0px 10px 10px 10px; background-color:#000; margin:0;}
.product_description h3 { float:left; padding:0px; margin:5px 10px 5px 10px;}
.product_description hr {  color: #fff; background-color: #fff;height: 1px;margin: 5px 5px 0 0; border: 0;}
.product_images {padding:0; text-align: center; float: left; margin:5px 20px 5px 5px; color: #bbbbbb;}
.product_images img{padding:0;margin:0;}
.product_image_holder{width:340px;height:255px;padding:0;margin:0;border: 1px solid #0F0E0E; background-color:#000000;}
.product_video_holder{width:340px;height:255px;padding:0;margin:0;border: 1px solid #0F0E0E; background-color:#000000; display:none;}

.product_images img.thumb {margin:2px; border: 1px solid #1A1A1A;}
.product_images img.thumb:hover {border:1px solid #ADAD45;}
.product_images img#thumb {margin:2px; border: 1px solid #1A1A1A;}
.product_images img#thumb:hover {border:1px solid #ADAD45;}

.product_offerbox { background-color: #ffff00; font-weight:bold; color:#000000; display:inline;}
.product_deallink{margin-top:10px; clear:both; }
.product_deallink a { position:relative; font-weight:bold; display:block; height:66px; width:276px; background-image:url("deal-icon.gif");}
.product_deallink a:hover {text-decoration:none;}
.product_deallink span { position:absolute; top:30px; left:62px}
.product_price {font-weight:bold; font-size:15px;}
.product_also_bought {display:inline; text-align:center;}

   ul.bookmarks a {text-decoration:none; }
   ul.bookmarks a img {border:1px solid #dddddd;}
    ul.bookmarks {list-style: none; margin:5px auto; padding:0px; width: 630px;}
    ul.bookmarks li {color: white;width:125px; height:25px;margin: 0px; padding:0px; display:block; float:left;}

img.stockImg { margin: 5px 0 0 24px ; display:inline; } /* the 'in stock ready to dispatch' image. */
     
/* product components */
div.components { position: relative; } /*the box containing all the components and associated hidden fields etc.*/
div.componentList { margin:  0; } /* the box of actual components */

/* style definitions for retail products component layout */
div.retailComponentList div.component { clear: both; margin: 0; position: relative;}
div.retailComponentList div.component span{ clear: left; margin: 0pt 6px 0pt 15px; width: 33%; text-align: right;}
div.retailComponentList div.component input, div.retailComponentList div.component select {clear: right; margin: 3px 0; }

/* style definitions for Special Offer products component layout */
div.retailComponentList_special div.component { position: relative; height: 2em;}
div.retailComponentList_special div.component span{ clear: left; margin: 0 3px 0 0;}
div.retailComponentList_special div.component input, div.retailComponentList_special div.component select {clear: right; margin: 0; }

/* this makes the quantity box on retail products line up with the components */
div.quantityBox {clear: both; margin: 3px 0; position:relative; height: 30px;}
div.quantityBox span { width: 30%; float: left; clear: left; text-align: right; margin: 0 3px 0 0;}
div.quantityBox input { float: left; clear: right;}

/* align the add to cart button with the component layout - to the right. */
input.addToCart {clear: both; float: right; margin: 1px;}

div.buyQuantity { position: relative; } /* the box containing the quantity box and the add to cart button */
div.buyQuantity input.buyNowButton { float: right; } /*the add to cart button*/

/* products displaid in the small lines style layout for multiple pack sizes on the page... */
/* - the box containing the small product layout - */
div.product_list_small div.product {background-color:#131313; float: left; position: relative;}

/* the box with the pack size in it */
div.product_list_small div.product div.packSizeBadge { background: url('_packSize.gif') no-repeat; width: 80px; height: 80px; float: left; clear: left; text-align: center; overflow: hidden;}
div.product_list_small div.product div.packSizeBadge span.Quantity {font-size: 30px; width: 80px; margin: 10px 0 0 0; padding: 0; text-align: center; display: block; }
div.product_list_small div.product div.packSizeBadge span.Pack {font-size: 25px; width: 80px; margin: 0; padding: 0; text-align: center;}
div.product_list_small div.product div.dealbadge { background: url('deal-icon-small.gif') no-repeat; width: 193px; height: 85px; float: left; clear: left; overflow: hidden;}
div.product_list_small div.product div.dealbadge span {font-weight:bold; font-size: 20px; margin: 40px 0 0 50px; padding: 0; text-align: center; display: block; }

/* - the product title - */
div.product_list_small div.product h2 {color: #0BFF00; margin: 2px; float: left; width: 550px;}

/* the box with the "In stock ready to dispathch" message */
div.product_list_small div.product div.productStockMessage { float : left; margin : 0; width: 115px; height: 60px; }

/* the box with the price and buy it now button in it */
div.product_list_small div.product div.productSmallPrices { float: right; margin: auto auto; width: 133px; height: 60px; text-align: center;} 

/* the box with the components list in it.*/
div.product_details_small { float: left; width: 250px; margin: 0 0 0 15px;}

/* componenet oiptions */
div.product_details_small div.component { clear: both; margin: 5px; width: 250px; }

/* labels for options */ 
div.product_details_small div.component span { width: 90px; text-align: right; display: block; clear: none; margin: 5px; float: left;}

/* controls for options */ 
div.product_list_small div.component input, div.product_list_small div.component select { display: block; margin: 5px; float: left; clear: right; }

/* - the product description in the small product list (hidden by JS) - */
div.product_list_small_description { clear: both; display: block; }   

/* the in stock image */
img.stockImg_small { margin: 20px 0 0 3px; }

/*=====================================================================================*/


/* SECTION LIST FORMATTING */

.section_list {float:left;display:inline;background: #000 url('section-layout.gif') no-repeat 1px 0;margin:4px 4px 4px 4px; padding:0;width:327px; height:119px; overflow:hidden; font-size:8px;position:relative;}
.section_list h3{font-size:11px;margin:4px 4px 2px 4px; padding:0;}
.section_list img{margin:4px 4px 4px 4px;border:1px solid #000000;float:left;}
.section_list a:hover img{border:1px solid #DFDF2D;}
.section_list p {margin-right: 4px;} 
.section_list a.moreInfoButton img{ position: absolute; right: 0px; bottom: 5px; border: 0px !important;}
.section_list a.moreInfoButton:hover img{ border: 0px;}

.section_list_top {float:left;margin:2px 2px 6px 2px; width: 330px;padding:0; height:145px; overflow:hidden; font-size:8px; position: relative; background: url('home-page-section-layout.gif') no-repeat;}
.section_list_top h3{font-size:12px;margin:4px 4px 4px 4px; padding:0; text-align:left;}
.section_list_top img{margin:2px;border:1px solid #000000;float:left;}
.section_list_top img:hover{border:1px solid #DFDF2D;}
.section_list_top p{line-height: 1.2em;}
.section_list_top a.moreInfoButton { position: absolute; bottom: 5px; border: 0px !important;}

.section_header { }

/* TV Page */
.tv_list {position:relative; background-color:#131313; margin: 5px; padding:5px;}
.tv_prod_img {float:left; padding:0px; margin:0px; border: 1px solid #0F0E0E;}
.tv_description h3 { padding:0px; margin:0px 5px 5px 0px;}
.tv_description { float:left; padding:0px; margin:5px 10px 5px 10px; width:350px; font-size:12px;}
.tv_video_holder{text-align:center; width:340px; height:255px; padding:0; margin:5px; border: 1px solid #0F0E0E; background-color:#000000; display:none;}

/* TERMS AND CONDITIONS FORMATTING */
#termsbulk {padding:10px;}
#termsbulk h3 {font-weight:bold; font-size:13px}

/* CONTACT US */
#contactus {font-size:12px;}
#contactus p{font-size:12px;}
#contactus h3{font-size:13px;}


/* ACTINIC CSS */
.actCHECKOUTEM {
    background-color: #336699;
}

.actCHECKOUTBG {
    background-color: #000000;
}

.actlarger {
    font-size: 13px;
    color: #ffffff;
}

.actsmaller{
    font-size: 10px;
    color: #ffffff;
}

.actxxsmall {
    font-size: 10px;
    color: #ffffff;
}

.actxsmall {
    font-size: 11px;
    color: #ffffff;
}

.actsmall {
    font-size: 11px;
    color: #ffffff;
}

.actregular {
    font-size: 13px;
    color: #ffffff;
}

.actlarge{
    font-size: 16px;
    color: #ffffff;
}

.actxlarge {
    font-size: 20px;
    color: #ffffff;
}

.actxxlarge {
    font-size: 20px;
    color: #ffffff;
}

.actwarningcolor {
    color: #00ff00;
}
    
.actrequiredcolor {
    color: #00ff00;
}

.actsearchhighlightcolor {
    color: #cc0000;
}

.actrequired {
    color: #00ff00;
    font-weight: bold;
}

.actwarning {
    font-size: 11px;
    color: #00ff00;
}

.actwelcome {
    font-size: 11px;
    color: #ffffff;
}

.actlogotext {
    font-size: 11px;
    color: #D9090E;
    font-style: normal;
    font-weight: bold;
    text-align: center;
}
.actlogout {
    font-size: 11px;
    color: #cc0000;
}

.thinborder1 {
    border: 1px solid #00ff00;
}

.thinborder2 {
    border: 1px solid #336699;
}

.thinred {
    border: solid 1px #00ff00;
    border-top: 0px;
}

.thinred2 {
    border: solid 1px #336699;
    border-top: 0px;
} 

.content_left {
    text-align: left;
    float: left;
    margin-right: 20px;
}

.content_right {
    text-align: left;
    float: left;
}

.boxheading {
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
}

a.boxlink:link{
    color: #000000;
    text-decoration:none;
}

a.boxlink:visited{
    color: #000000;
    text-decoration:none;
}

a.boxlink:hover{
    color: #000000;
    text-decoration:underline;
}

a.boxlink:active{
    color: #000000;
    text-decoration:none;
}

table.checkout td {
    background-color: #000;
}

table.checkout th {
    background-color: #000;
}

.cart {
    background-color: #000;
}

.cartheading {
    background-color: #09AF00;
    font-weight: bold;
}



.sidebox {
    background: url('theme_curve4.gif') no-repeat bottom right;
    font-size: 100%;
}

.boxhead {
    background: url('theme_curve2.gif') no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: left;
}

.boxhead h2 {
    background: url('theme_curve1.gif') no-repeat top left;
    margin: 0;
    padding: 5px 10px 5px;
    color: #000000; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1em;
}

.boxbody {
    background: url('theme_curve3.gif') no-repeat bottom left;
    margin: 0;
    padding: 5px 10px 11px;
}


#search {
    margin-top: 10px;
    margin-left: 10px;
    float: right;
}

#cartsummary {
    margin-top: 13px;
    float: right;
}


/* PRODUCT TABS CSS ------------------------------------------------------------ */    
.shadetabs{
    padding: 0;
    margin:0;
    font: 11px Verdana;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the menu as desired*/
    clear: both;
    height: 30px;
    position: relative;
    top: 2px;
    z-index: 10;
}

.shadetabs li{
    position: relative;
    margin: 0 2px 0 0;
    padding:0;
    clear: none;
    width: 105px;
    height: 100%;
    float: left;
    background: url('contentTabs.jpg') no-repeat; 
}

.shadetabs li span { 
    position: relative;
    padding-top: 8px;
    text-align: center;
    width: 100%;
    height: 22px;
    display: block;
    cursor: pointer;
}

.shadetabs li.selected span { 
    text-align: center;
    padding-top: 7px;    
}

.shadetabs li.selected{
    position: relative;
    background: url('contentTabs.jpg') no-repeat; 
    background-position: 0 -30px;
}

.tabcontentstyle{ /*style of tab content container*/
    margin-bottom: 0.5em;
    padding: 0;
    background-color:#000;
    border: 2px solid #ADAD45;
    position: relative;
}

/* rounded corners for product descriptions... */
span.top-right-corner { position: absolute; top: -7px; right: -2px; width: 12px; height: 12px; background: url('siteimages/layout/round-corners.jpg') right top no-repeat; }
span.bottom-left-corner { position: absolute; bottom: -2px; left: -2px; width: 12px; height: 12px; background: url('siteimages/layout/round-corners.jpg') left bottom no-repeat; }
span.bottom-right-corner { position: absolute; bottom: -2px; right: -2px; width: 12px; height: 12px; background: url('siteimages/layout/round-corners.jpg') bottom right no-repeat; }

p.tabContent{ /* paragraphes inside tabs */
    margin: 5px;
    width: 630px;
    font-size: 12px;
}

div.tabContent{ /* paragraphes inside tabs */
    /* null */
}

/* make all tabs always appear in print outs */
@media print {
    div.tabcontentstyle > div{
        display:block!important;
    }
}


/* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */
    .image_float_right    {
        float: right;
        margin: 10px 0px 15px 20px;
        }

    .image_float_left    {
        float: left;
        margin: 10px 20px 15px 0px;
        }


table.contactForm {
    width: 600px;
}

/* ------------ CONTACT US FORMATTING ------------- */

    .contactForm input[type=text], .contactForm textarea{
        width: 300px;
        border: 1px solid #359;
        background-color: #fff;
        color: #000;
        font-family: sans-serif;
        font-size: small;
        padding: 1px;
        overflow: auto;
    }

    .contactForm input[type=submit] {
        margin-right: 90px;
        color: #fff;
        cursor: pointer;
    }

    .contactForm input[type=submit]:hover {
    }


    .contactForm input#sendButton{
        background: url('images/button.gif') no-repeat;
        background-position: 0 2px;
        height: 24px;
        border: none;
        width: 150px;
        margin-right: 90px;
        color: #fff;
        cursor: pointer;
    }

    .contactForm input#sendButton:hover {
        background: url('images/button_hover.gif') no-repeat;
        background-position: 0 2px;
    }


    .contactForm td {
        vertical-align: top;
    }

    .contactForm p.feedbackMessage {
        border: 1px solid #FF9E4D;
        text-align: center;
    }

    .contactForm p.feedbackMessage:first-line {
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    .contactForm td.highlight input, .contactForm td.highlight textarea {
        border: 1px solid #FF9E4D;
    }


/* -- Customer Services Information -- */
div.customerServicesLarge { width: 620px; height: 85px; float: left; clear: both; background: url('siteimages/Layout/customer_services_box_large.jpg') no-repeat; margin: 4px;}
div.customerServicesLarge img {float: left; clear: left; margin: 4px;}
div.customerServicesLarge h2 {margin: 5px;}
div.customerServicesLarge p {margin: 5px;}

div.customerServicesSmall { width: 320px; height: 85px; float: left; background: url('customer_services_box_small.jpg') no-repeat; margin: 4px;}
div.customerServicesSmall img {float: left; clear: left; margin:  4px 10px; }
div.customerServicesSmall h2 {margin: 5px;}
div.customerServicesSmall p {margin: 5px;}


/* -- Contact Us form -- */
div.contactUsInfo > h2 { font-size: 1.2em; font-weight: bold; margin: 2px; }
div.contactUsInfo > h3 { font-size: 1em; font-weight: bold; margin: 2px; }
div.contactUsInfo p.indented { margin-left: 20px; }
div.contactUsInfo { clear: both; }
div.contactUsInfo table.contactForm { margin: 0 20px; }
div.contactUsInfo img.left {float: left;}
div.contactUsInfo img.right {float: right;}

/* -- tellAfriend Form -- */
div.tellAFriend { clear: both; margin: 0; padding: 0; }
div.tellAFriend input { width: 200px; float: left; clear: right;}
div.tellAFriend label { width: 200px; display: block; float: left; clear: left;}
div.tellAFriend input[type="submit"] {clear: both; float: left; margin-left: 300px;}

/* -- Next, Back, Cancel and Done buttons during checkout process -- */
input.checkoutButton { width: 130px; height: 25px; border: none; background: url('siteimages/Layout/button-generic.gif') no-repeat; cursor: pointer; color: #fff; background-position: top;}


/* boxes */
.xtopCS, .xbottomCS {display:block; background:transparent; font-size:1px;}
.xb1CS, .xb2CS, .xb3CS, .xb4CS {display:block; overflow:hidden;}
.xb1CS, .xb2CS, .xb3CS {height:1px;}
.xb2CS, .xb3CS, .xb4CS {background:#131313; border-left:1px solid #000; border-right:1px solid #000;}
.xb1CS {margin:0 5px; background:#000;}
.xb2CS {margin:0 3px; border-width:0 2px;}
.xb3CS {margin:0 2px;}
.xb4CS {height:2px; margin:0 1px;}

.xboxCS {display:block; background:#131313; border:0 solid #000; border-width:0 1px;}


/* The new Products List used on the Glow button page. */
div.NewProducts {
    position: relative;
    width: 625px;
    margin: 0 auto;
    padding: 0;
    height: 1%;
}
/* each individual list item in that list */
div.NewProducts div.NewProduct {
    width: 24%;
    height: 210px;
    margin: 1px;
    float: left;
    position: relative;
    border: 1px solid #203520;
}
/* the product thumbnail */
div.NewProducts div.NewProduct img{
    border: 0;
    width: 100px;
    height: 75px;
}
/* the title description within each item */
div.NewProducts div.NewProduct h3{
    padding: 0;
    margin: 0;
    clear: both;
    text-align: center;
}
/* the product description within each item */
div.NewProducts div.NewProduct p{
        color: #fff;        
        clear: both;
        margin: 2px;
}
/* the link to the actual product */
div.NewProducts div.NewProduct span{
    position: absolute;
    right: 2px;
    bottom: 2px;
}

.hidden {display: none;}

.checkoutbutton {
    display: block; 
    width: 130px; 
    height: 25px; 
    cursor: pointer; 
    color: #fff; 
    text-align: center; 
    margin: 0 auto; 
    background: url('checkoutButton.gif') no-repeat; 
    background-position: top; 
    border: none;
}
a.checkoutbutton{
    height: 20px; 
    padding: 5px 0 0 0; 
    font-weight:bold; 
    color: #fff;
}

a.checkoutbutton:hover {
    background-position: top;
    text-decoration: none;
    cursor: pointer; 
    color: #fff; 
}

.smallcheckoutbutton {
    display: block; 
    width: 100px; 
    height: 25px; 
    cursor: pointer; 
    color: #fff; 
    font-color: #fff; 
    text-align: center; 
    margin: 0 auto; 
    background: url('checkout-button-small.gif') no-repeat; 
    background-position: top; 
    border: none;
    text-decoration: none;
}

.clearfix:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }

        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        /* End hide from IE-mac */
        
    
/* styles for the image fader in and out er. */
/* default opacity for IE */
img {
    filter:alpha(opacity=100);
    }

/* duplicate image positioning */
img.idupe {
    position:absolute;
    z-index:30000;
    visibility:hidden;
    }
    
    
img.stockIcon { display:inline;margin-left:20px; }

/* messages that appear before components and prices */    
span.prePriceMessage { font-weight: bold; }
span.strikethroughMessage { font-size: 1.5em; font-weight: bold; color: red; }

/* stock message displayed below price when item is on back order or out of stock */
p.stockMessage { display: block; width: 100%; border: 1px solid orange; padding: 1px; text-align: center; }

div#pcaDivGJ17 img { display: none; }
/*removes the postcode anywhere logo during checkout */

.boldText {font-weight: bold;}

/* SEARCH RESULTS */
.search_list {position:relative;text-align:center;float:left;display:inline;background: url('search-result.gif') top left no-repeat;margin:3px 0px 8px 3px; padding:0;width:152px; height:180px; overflow:hidden; font-size:10px;}
.search_list img{margin-top:1px; border:1px solid #000000;}
.search_list a:hover img {border:1px solid #DFDF2D;}
.search_list .moreinfobutton{ border:0px; align: center;}
.search_list .moreinfo{position:absolute; bottom: 10px; left: 0; width: 148px; margin: 0 auto; padding: 0; border:none;}
.search_list a:hover .moreinfobutton {border: none;}