/* style for pd skin */
html, body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
}

/********************************
Header links
********************************/
#header-links
{
    height: 38px;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    text-transform: uppercase;
}

/******************************
Left column of the header link area 
******************************/
#header-links .left_column
{
    float: left;
    width: 300px;
    padding: 10px 0 0 0;
    height: 25px; /*color: #000000;*/
    text-decoration: none;
    overflow: hidden;
}

.left_column ul
{
    list-style-position: inside;
    list-style-type: none;
}

.left_column li
{
    display: inline;
    padding: 0 5px 0 0;
}

.left_column li + li
{
    /* display a left border when there are 2 <li> elements next to each other */
    border-left: solid 1px #767676;
    padding: 0 0 0 5px;
}

.left_column a, .left_column a:link
{
    text-decoration: none;
    color: #767676;
    font-size: 11px;
}

.left_column a:hover
{
    color: #2186bc;
    text-decoration: underline;
}

/******************************
Right column of the header link area 
******************************/
#header-links .right_column, #header .right_column
{
    float: right;
    width: 650px; /*DK*/
    text-align: right;
}
#header .right_column a
{
    color: #ffffff;
    text-decoration: none;
    padding: 2px 5px;
}
#header-links .right_column button, #header .right_column button
{
    width: 75px;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
}

/******************************
Center of the Header Link Area
******************************/
#header-links .center_column
{
    margin-right: 95px;
    margin-left: 165px;
    height: 25px;
    width: 650px;
    overflow: hidden;
}

#header .right_column,
#searchWrapper,
#promobarWrapper
{
    display: inline-block;
}
/******************************
Main Header Area
******************************/
#header
{
    background-color: #0063ad;
}
#homelink_container, #homelink_container img
{
    float: left;
    margin-top: 4px;
    width: 270px;
    height: 70px;
}

#header .center_column
{
    height: 75px;
    margin-top: 4px;
    width: 250px;
    float: left;
}
/******************************
Header Search
******************************/
#searchbarAdvanced
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    padding-top: 5px;
    margin-left: 580px;
    height: 20px;
    width: 400px;
    text-align: right;
    margin-top: 5px;
    padding-bottom: 4px;
}
/******************************
Google Search
/******************************/
/*#googleSearchbar
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    margin-left: 530px;
    height: 20px;
    width: 450px;
    text-align: right;
    margin-bottom: 10px;
}
#googleSearchGo
{
    font-size: 10px;
    background-color: #fcc239;
    width: 100px;
}
#redirectToGoogleSearch
{
    font-size: 10px;
    background-color: #fcc239;
    width: 90px;
}
#q
{
    height: 16px;
    border: 1px solid black;
    font-size: 11px;
    width: 330px;
    background-color: #FFFFFF;
}
#searchReplacement
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    margin-left: 580px;
    height: 20px;
    width: 400px;
    text-align: right;
    margin-bottom: 10px;
}
    #googleSearchbar select
{
    height: 18px;
    border: 1px solid black;
    font-size: 11px;
    width: 120px;
    background-color: #FFFFFF;
}*/
/********************************
Promocode Area
********************************/
#searchWrapper
{
    color: #fff;
    text-decoration: none;
    font-family: arial;
    font-size: 1.25em;
    font-weight: bold;
    height: 35px;
    width: 470px;
    text-align: right;
    padding-top: 8px;
    float: right;
}
#searchImage
{
    float: right;
    width: 35px;
    height: 35px;
}
#Submit1
{
    float: right; /*width: 95px;     height: 35px;*/
}
.autocomplete_item_highlighted
{
    background-color: #3399FF;
}
#searchValue
{
    float: right;
    height: 35px;
}
#searchLabel
{
    float: right;
    width: 70px;
    padding: 6px 8px 0px 0px;
    height: 25px;
}
#searchButtonWrapper
{
    padding-top: 1px;
    float: right;
    width: 45px;
    height: 35px;
    padding: 1px 11px 0 6px;
}
#sv
{
    /*height: 16px;     font-size: 11px;     width: 120px;     background-color: #FFFFFF;     padding-right: 8px;     height: 25px;*/
    color: #767676;
    font-family: Arial;
    font-size: 14px;
    height: 27px;
    width: 195px;
    border: solid 1px #1c6fa4;
}
#sli_search_1
{
    color: #767676;
    font-family: Arial;
    font-size: 14px;
    height: 27px;
    width: 195px;
    border: solid 1px #1c6fa4;
    
}
#sli_search_text
{
    position:relative;
    top:10px;
    right:100px;
    color: #767676;
    font-family: Arial;
    font-size: 14px;
    
}
.autocomplete_item_highlighted
{
    background-color: #3399FF;
}

#CatalogueSearch
{
    z-index: 99999;
    position: relative;
}
#searchbutton
{
    margin-bottom: 5px; /*font-size: 10px;     background-color: #fcc239;     width: 50px;*/
}
#promobarWrapper
{
    color: #fff;
    text-decoration: none;
    font-family: arial;
    font-size: 1.25em;
    font-weight: bold;
    height: 35px;
    width: 470px;
    text-align: right;
    float: right;
}
#promobarLabel
{
    float: right;
    width: 165px;
    padding: 6px 8px 0px 0px; /*height: 35px;*/
}
#promocodeWrapper
{
    float: right;
    height: 35px;
}
#promocodeButtonWrapper
{
    padding-top: 1px;
    float: right;
    width: 45px;
    height: 35px;
    padding: 1px 11px 0 6px;
}
#promocode
{
    /*height: 16px;     font-size: 11px;     width: 120px;     background-color: #FFFFFF;     padding-right: 8px;     height: 25px;*/
    color: #767676;
    font-family: Arial;
    font-size: 14px;
    height: 27px;
    width: 195px;
    border: solid 1px #1c6fa4;
}
#promocodebutton
{
    /*font-size: 10px;     background-color: #fcc239;     width: 50px;*/
}
#advancedSearchbutton
{
    font-size: 10px;
    background-color: #fcc239;
    width: 118px;
}
/**************************
Side columns
**************************/
#left_column, #right_column
{
    color: #006BB7;
    text-decoration: none;
    font-family: arial;
    font-size: 12px; /*font-weight: bold;*/
}
#left_column a, #right_column a
{
    color: #000000;
    text-decoration: none;
    font-family: arial;
    font-size: 12px;
}
#left_column a:hover, #right_column a:hover
{
    text-decoration: underline;
    font-family: arial;
}
#right_column
{
    background-color:#ffffff;
}
/***************************
Tab/box styles
***************************/
#left_column .box, #left_column .box_top, #right_column .box, #right_column .box_top
{
    padding-bottom: 0;
    padding-left: 5px;
    margin-top: 8px;
    text-align: left;
}
#left_column .box_background, #right_column .box_background
{
    /* moved the background out of the .box class so that it can be selectivly added to the window. */
    background: url(images/bg-rhn.png) no-repeat left top transparent;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}
#right_column .shoppingcart
{
    padding-bottom: 15px;
    text-align: left;
}
    #right_column .shoppingcart .divShoppingCartImage
    {
        background-color:#FF1D25;
    }
/* heading */
#left_column .box .ch, #left_column .box_top .ch, #right_column .box .ch, #right_column .box_top .ch
{
    color: #ffffff;
    font-size: 12px; /*font-weight: bolder;*/
    font-family: arial;
    padding-bottom: 10px;
}
#left_column .box .ch a, #left_column .box_top .ch a, #right_column .box .ch a, #right_column .box_top .ch a
{
    color: #ffffff;
}
#left_column .box ul, #left_column .box_top ul, #right_column .box ul, #right_column .box_top ul
{
    margin-top: 0;
    margin-left: 5px;
    list-style: none;
    padding-left: 5px;
}
#left_column .box img, #left_column .box_top img, #right_column .box img, #right_column .box_top img
{
    border: none;
    padding: 0;
    margin: 0;
}
#left_column .box img, #left_column .box_top img, #right_column .box img, #right_column .box_top img
{
    border: none;
    padding: 0;
    margin: 0 0 4px -5px;
}

/***************************
Content
***************************/
#content
{
    padding: 2px;
    font-size: 11px;
}

#content .box, #content .box_top
{
    padding-bottom: 5px;
    text-align: left;
    position: relative;
    overflow: visible;
}
/***********
Rounded corners are no longer requred.
***********/
/* rounded corners
b.chlc, b.chrc
{
    position: absolute;
    width: 14px;
    height: 14px; // corner images are 15x15 
    display: block;
    margin-bottom: -1px; // this is for IE 
    background: url(images/teaser_corner.gif) no-repeat;
}
b.chlc
{
    top: 0;
    left: 0;
    background-position: top left;
}
b.chrc
{
    top: 0;
    right: 0;
    background-position: top right;
}
 */
/* heading */
#content .box .ch, #content .box_top .ch
{
    /*background: url(images/teaser-inner.gif) repeat-x; */
    color: #ffffff; /* font-size: 12px;     font-weight: bolder;*/
    font-size: 14px;
    font-weight: bold;
    font-family: arial;
    padding: 5px 0 10px 5px;
    margin: 0 0 2px 0;
    background-color: #006BB4;
}

#content .box .ch a, #content .box_top .ch a
{
    color: #ffffff;
    text-decoration: none;
    float: right;
    margin: 0 4px;
}
#content .box .ch a:hover, #content .box_top .ch a:hover
{
    text-decoration: underline;
}

/* Search heading. Narrow results */
div.search_heading, div.narrow_results
{
    font-size: 1em; 
    margin-bottom: 10px;
}
div.narrow_results
{
    margin: 0 0 0 -5px;
    padding: 4px;
}
div.search_footer
{
    font-size: 1.3em;
    font-weight: normal;
    color: #000000;
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 0;
    border-top: solid 2px #ffd24f;
    text-align: center;
    background-color: #eeeeee;
    width: auto;
}
/************************
Product search order by form
************************/
/* order by form */
#sort_form
{
    color: #FFFFFF;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 5px;
    right: 20px;
    width: 229px;
}
#sort_form label
{
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
}
#sort_form select
{
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #006bb7;
}
#sort_form button
{
    margin: 0;
    padding: 0 4px 0 4px;
    font-size: 10px;
    color: #006bb7;
    font-weight: bold;
}
img.cart_icon
{
    border: none;
    padding: 0;
    margin: 0;
    margin-left: 15px;
    margin-bottom: -5px;
    margin-top: -5px;
}

/************************
 Product search teasers 
************************/
/* 
Hack to set min height of main content courtesy of http://www.greywyvern.com/ 
This is implemented with content60 in the following way...
<body>
	<div id="teaser">
	<div class="prop minheight"></div>
*/
.prop
{
    float: left;
    width: 0px;
    background-color: #FF0000;
}
.minheight
{
    height: 120px;
    width: 0px;
}
/* end of hack to set min height of main content */

div.teaser, div.teaser_pbs, div.detail
{
    padding: 5px;
    margin: 0;
    color: #8d8d8d;
    min-height: 100px;
    border: none; /*border-bottom: 1px solid #CCCCCC;*/
    position: relative;
    overflow: visible;
}
div.teaser_pbs
{
    height: auto;
}
div.detail
{
    height: 250px;
}
div.teaser h2, div.teaser_pbs h2, div.detail h1
{
    color: #006bb7;
}

div.teaser form, div.teaser_pbs form, div.detail form
{
    padding: 0px;
    margin: 0;
}

div.teaser label, div.teaser_pbs label, div.detail label
{
    color: #000000;
    line-height: 1em;
    font-weight: bold;
}

/* GWB added float left - otherwise problems in some browsers */
div.teaser input, div.teaser_pbs input, div.detail input, div.teaser input float_left, div.teaser_pbs input float_left, div.detail input float_left
{
    color: #000000;
    font-size: 1em; /*width: 2em;*/
    margin-right: 5px;
    text-align: right;
}
div.teaser button, div.teaser_pbs button, div.detail button
{
    color: #006bb7;
    font-size: 1em;
}

/* Image boxes */
div.image_box, div.image_box_large, div.image_box_department, div.image_box_department_Ads
{
    padding: 1px;
    margin: 0 3px 3px 0;
    float: left;
}

div.image_box_large
{
    height: 201px;
    width: 201px;
}

div.image_box_department, div.image_box_department_Ads
{
    float: none;
    height: 101px;
    width: 101px;
    margin-bottom: 20px;
}

div.image_box_department_Ads
{
    width: 201px;
}

div.image_box img, div.image_box_large img, div.image_box_department img, div.image_box_department_Ads img
{
    margin: 0;
    padding: 0;
    text-align: center;
    border: none;
}

/*******************
Floated list style.
*******************/
.ListParent li a
{
    text-decoration: none;
}
.ListParent li a:hover
{
    text-decoration: underline;
}
ul.ListParent
{
    margin: 5px;
    padding: 5px;
}
ul.ListParent li
{
    float: left;
    width: 30%;
    list-style: none;
    padding: 0;
    margin: 2px;
}
ul.ListParent li a
{
    /*font-weight: bold;*/
}
ul.ListChild
{
    padding: 0;
    margin: 5px;
    padding: 5px;
}
ul.ListChild li
{
    border: none;
    padding: 0;
    margin: 0;
    float: none;
    width: 100%;
}
ul.ListChild li a
{
    font-weight: normal;
}

/***************************
Shopping Cart
***************************/
div.ch a.shoppingcart
{
    color: #FFFFFF;
    text-decoration: none;
    float: none;
    font-weight: bold;
    padding: 0;
    padding-right: 35px;
    padding-bottom: 5px;
    margin: 0px;
}
div.ch a.shoppingcart:hover
{
    color: #cfedfc;
}
table.insert_order
{
    border-collapse: collapse;
    margin: auto auto 20px auto;
    padding: 0 0 2em 0;
    width: 680px;
    border: solid 1px black;
}
table.insert_order td
{
    padding: 4px;
    margin: 0;
}

/* the shopping cart */
table.shopping_cart
{
    border-collapse: collapse;
    margin: auto;
    padding: 0;
    width: 99%;
    font-size: 1.1em;
}
table.shopping_cart tbody
{
    border-left: solid 1px black;
    border-right: solid 1px black;
}
table.shopping_cart th, table.shopping_cart td
{
    padding: 2px 2px 2px 2px;
    margin: 0;
}

table.shopping_cart td
{
    padding: 2px 4px 2px 4px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    height: 100px;
    vertical-align: top;
}

.number
{
    text-align: right;
}
.change, .delete
{
    text-align: center;
}
/* style for the input */
table.shopping_cart input, table.shopping_cart input float_left
{
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
    padding: 0px;
    margin: 0;
    border: 1px solid #006bb7;
}

/***************************
My Account
***************************/
div.myaccount
{
    border-top-color: #3f9c46;
    margin-bottom: 2px;
}
#right_column div.myaccount
{
    margin-left: -5px;
    background-color: #ffffff;
}
div.myaccount
{
    height: 0.01%;
}
div.myaccount div
{
    /* all the child and grand child divs of the my account div */
    background-color: Transparent;
}
div.myaccount > div
{
    /* just the direct children of the myaccount div */
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}
div.myaccount form
{
    margin: 0;
    padding: 0;
}

div.myaccount label
{
    font-weight: bold;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    display: block;
}
/* GWB - added float_left */
div.myaccount input float_left
{
    background-color: #FFFFFF;
    margin: 2px;
    padding: 1px;
    border: 1px solid #404040;
    width: 140px;
}
div.myaccount input
{
    background-color: #FFFFFF; /*margin: 2px;*/
    padding: 1px;
    border: 1px solid #404040;
}


div.myaccount select
{
    background-color: #FFFFFF;
    margin: 2px;
    padding: 1px;
    border: 1px solid #404040;
    width: 140px;
}
div.myaccount option
{
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}
#accountButton
{
	float: left; 
	width: 650px; 
	padding-top: 10px;	
}

/* GWB */
div.myaccount input.checkbox, div.myaccount input.checkbox float_left
{
    background-color: #FFFFFF;
    margin: 2px;
    padding: 1px;
    border: 1px solid #404040;
    width: 15px;
    float: left;
}

div.myaccount a
{
    color: #006BB7;
    text-decoration: underline;
    font-weight: bold; /*line-height: 23px;*/
}

div.myaccount a[href$='.pdf']
{
    padding-right: 18px;
    background: transparent url(Images/icon_pdf.gif) no-repeat center right;
}
div.myaccount ul
{
    list-style-type: disc;
    list-style-position: outside;
    color: #404040;
    margin: 4px 0 0 0;
    padding: 0 0 0 0;
}
div.myaccount li
{
    list-style-type: disc;
    margin: 4px 0 0 4px;
    padding: 0 0 0 4px;
}
div.myaccount li a
{
    margin: 0;
    padding: 0;
}

/***************************
Element Styles
***************************/
p
{
    padding: 2px;
    margin: 2px;
}
/* add a pdf icon to a link with to pdf file */
/*a[href$='.pdf']
{
    padding-right: 18px;
    background: transparent url(Images/icon_pdf.gif) no-repeat center right;
}
*/
/* Reset the heading values */
h1, h2, h3, h4, h5, h6
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal; /*color: #000000;*/
    color: #006bb7;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 2px;
    margin-right: 0;
    padding: 0;
}
h1
{
    font-size: 18px;
    font-weight: bold;
}
h2
{
    font-size: 16px;
    font-weight: normal;
}
h3
{
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 9px;
}
h4
{
    font-size: 12px;
    font-weight: normal;
}
h5
{
    font-size: 10px;
    font-weight: bold;
}
h6
{
    font-size: 8px;
    font-weight: normal;
}

/***************************
Old Styles
***************************/
div.price_list
{
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 1.2em; /*Instruction from Anthony*/
}

table.list
{
    /*position: absolute; */
    margin: 0;
    padding: 0;
    position: relative;
    right: 0; /*width: 425px; */
    width: 99%;
}

.right
{
    text-align: right;
}

.user_content
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px;
    margin: 5px;
}

.error_message
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 0.7em;
    margin: 0.7em;
    border: solid 1px red;
    display: block;
}
#errorWrapper
{
    height: 700px;
}
#errorPag404eHyperlink a
{
    color: Blue;
}
#error404BigText
{
    font-size: xx-large;
    font-weight: bold;
}
#error404Text
{
    color: #767676;
    font-size: 15px;
}

div.no_background
{
    background: none;
    border: none;
}

div.no_background
{
    height: 0.01%;
}


div.payment_block
{
    /* Indent style for payment options. */
    font-weight: normal;
    background: none;
    margin: 0 100px 10px 100px;
    padding: 5px 10px 5px 10px;
    display: block;
    border-style: solid;
    border-width: 1px;
    border-top-color: #cccccc;
    border-bottom-color: #999999;
    border-left-color: #cccccc;
    border-right-color: #999999;
    z-index: 10;
}

.hide
{
    display: none;
}

.tip
{
    /* show a tooltip style information block, related to a form control. */
    font-weight: normal;
    margin: 0 0 5px 150px;
    padding: 0 10px 2px 10px;
    display: block;
    width: 270px; /* min-height: 10px; */
}

.tip
{
    height: 0.01%;
}

.tooltip
{
    /* show a tooltip style information block, related to a form control. */
    font-weight: normal;
    margin: 0 0 10px 200px;
    padding: 0 10px 2px 24px;
    display: block;
    width: 275px;
    min-height: 25px;
    cursor: help;
}

.tooltip
{
    height: 0.01%;
}
.float
{
    /* ljb used to fix float alignment issues */
    float: left;
    width: 100%;
}

.float_right
{
    /* this class can be used to float an element right in your page.  The floated element must precede the element it should be next to on the page. */
    float: right;
    width: 49%;
}

.float_left
{
    /* this class can be used to float an element left in your page */
    float: left;
    width: 49%;
}

float_left
{
    height: 0.01%;
}

.bottom_left
{
    /* this class can be used to float an element left in your page */
    position: absolute;
    bottom: 5px;
    left: 5px;
    margin: 0;
    padding: 0;
}

.bottom_right
{
    /* this class can be used to float an element left in your page */
    position: absolute;
    bottom: 5px;
    right: 5px;
    margin: 0;
    padding: 0;
}

.clearfloat
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloatLeft
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
    border: solid 1px green;
}


#prescription_information
{
    background-color: #ffffcc;
    background-image: none;
    background-repeat: no-repeat;
    border-top: none;
    border: solid 4px red; /*border-collapse: collapse; */
    margin: 0;
    padding: 0;
}

/***********************************
Catalogue Page Flip 
***********************************/
#pageflip
{
    height: 650px; /* 453 Make the height and extra 100px to allow for the nav buttons */
    outline: none;
    width: 838px;
}

/**********************************
Menu Popout code
**********************************/
/* use for the parent div element */
.close-button
{
    color: black;
    text-align: right;
    font-size: 14px;
    padding-right: 20px;
}
.close-button a
{
    color: black;
    font-family: verdana;
    font-weight: bold;
    text-align: right;
}
.close-button a:hover
{
    text-decoration: none;
}

.relative
{
    position: relative; /*z-index: 10000;*/ /*dk*/
}

.popout
{
    z-index: 20000; /*dk*/
    position: absolute;
    background-color: #fcc239;
    height: 550px;
    width: 1000px; /* margin-left: -500px; */
    left: 0;
    top: 31px; /* the hight of the parent element. in this case the menu */
    display: none;
    padding: 7px;
}

.popout table
{
    color: #000000;
    font-family: arial;
    font-size: 12px;
    vertical-align: top;
}
.popout table a
{
    color: #000000;
}
.popout table a:hover
{
    color: #000000;
    text-decoration: none;
}
.popout tr
{
    vertical-align: top;
}
.popout td
{
    width: 500px;
}
.popout ul
{
    margin: 0 0 5px 5px;
    padding-left: 0;
    font-size: 12px; /*list-style-type: circle; */
    list-style-position: inside;
}
.popout li
{
    margin: 2px 0 2px 15px;
}

/*************************
Centre ads
*************************/
div.centreAdSpace
{
    position: relative;
    margin: 5px 0 0 0;
}
div.sliderAdSpace
{
    position: relative;
    margin: 5px 0 0 0;
    padding-bottom: 5px;
}
.sliderAdSpaceJQuery
{
    position: relative;
    margin: 5px 0 0 0;
    padding-bottom: 5px;
    height: 200px;
    border: none;
    overflow: hidden;
}
div.sliderAdSpaceJQuery img
{
    border: none;
}
div.centreAdSpace img
{
    float: left;
    margin: 0 5px 5px 5px;
    border: none;
}
/**********************
Toggle Buttons
*********************/
.toggleHeadingDiv
{
    float: left;
    width: 117px;
}
.toggleImage img
{
    width: 14px;
    height: 14px;
}
.toggleImage
{
    cursor: pointer;
    width: 13px;
    padding: 0 0 0 10px;
    float: right;
}
.toggleImageHeading
{
    float: right;
    padding: 0 3px 0 0;
    cursor: pointer;
    height: 14px;
    width: 13px;
}
#mailListSubmit
{
    background-color: #b21326;
    width: 100px;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
}

.mailListEMailAddress
{
    height: 14px;
    border: 1px solid black;
    font-size: 11px;
    width: 130px;
    background-color: #FFFFFF;
    padding: 1px;
}
/******Color Button******/
button
{
    border: 0 none;
    cursor: pointer;
    font-weight: bold;
    padding: 0 10px 0 0;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: auto;
    text-transform: uppercase;
}

button.buttonTest
{
    border: 0 none;
    cursor: pointer;
    font-weight: bold;
    padding: 0 10px 0 0;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: auto;
}


button.rounded
{
    background: transparent url(images/btn_right.png ) no-repeat scroll right top;
    clear: left;
    margin: 1px 0 0 0;
    border-bottom: solid 1;
    clear: left;
}

button.roundedIE7
{
    background: transparent url(images/btn_right.png ) no-repeat scroll right top;
    margin: 1px 0 0 0;
    border-bottom: solid 1;
    clear: left;
}

button span
{
    display: block;
    padding: 0 0 0 15px;
    position: relative;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
}


button.rounded span
{
    background: transparent url(images/btn_left.png ) no-repeat scroll left top;
    color: #FFFFFF;
}


button.rounded:hover
{
    background-position: 100% -30px;
}

button.rounded:hover span
{
    background-position: 0% -30px;
}

button::-moz-focus-inner
{
    border: none;
}

a
{
    color: #006BB7;
    text-decoration: underline;
    font-weight: bold;
}
Div.teaser h2, div.teaser_pbs h2, div.detail h1
{
    color: #343434;
    font-family: arial;
    font-weight: bold;
}

ul.ListParent li a
{
    color: #363636;
    font-size: 14px; /*font-weight: bold;*/
}
ul.ListChild li a
{
    color: #006BB7;
    text-decoration: underline;
    font-weight: bold;
    line-height: 23px;
    font-size: 12px;
}

#left_column .box_backgound, #right_column .box_background
{
    background-color: #ffffff;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

.divSpacerLeft
{
    float: left;
    width: 120px;
}
.lstSearch
{
    float: left;
    width: 480px;
}
#logoutButton
{
    float: right;
    width: 80px;
    padding-top: 11px;
}
.showHand
{
    cursor: pointer;
    text-align: center;
}
/* Search Page : */

.lstSearchTypes
{
    float: left;
    width: 270px;
    margin-left: 3px;
}

.lstFilter
{
    float: left;
    width: 180px;
    margin-left: 3px;
}

.lstPBSType
{
    float: left;
    width: 220px;
    margin-left: 3px;
}
.lstTable
{
    width: 600px;
}
.lstTableAilment
{
    width: 660px;
}
.PreviousBtn
{
    float: left;
    width: 250px;
}
.lblPageDetail
{
    float: left;
    width: 220px;
    text-align: left;
}
.NextBtn
{
    float: right;
    width: 170px;
    text-align: right;
}
.lbPrevious
{
    float: left;
    text-align: left;
    width: 250px;
}
.rptDivHeading
{
    float: left;
    width: 690px;
}
.rptDivImage
{
    float: left;
    min-width: 180px;
    text-align: center;
    margin-top: 5px;
    padding: 10px; /*min-height: 200px;*/
}
.rptDivRightOfPicture
{
    float: left;
    width: 440px;
}
.YellowText
{
    color: #FF8000;
}
.rptDivIngredientInner
{
    float: left;
    width: 690px;
    margin-top: 2px;
}
.rptDivIngredients
{
    float: left;
    width: 680px;
    clear: both;
    padding-bottom: 5px;
}
.rptDivMoreInfo
{
    float: left;
    width: 680px;
    clear: both;
    padding-bottom: 5px;
}
.rptDivShowRating
{
    float: left;
    width: 680px;
}
.showRating
{
    float: left;
    width: 200px;
    color: Black;
    cursor:hand;
}
.rgApprove .rgDataDiv 
{
	height:auto!important;	
}
.rptDivIngredient
{
    float: left;
    width: 690px;
    margin-top: 2px;
}
.rptDivRatingLeft
{
    float: left;
    width: 150px;
}
.rptRatingCentre
{
    float: left;
    width: 200px;
    
}
.rptRatingright
{
    float: left;
    width: 140px;
}
.lbNext
{
    padding-right: 6px;
}
#rptDivRatingLeft
{
    float: left;
    width: 200px;
}
#rptRatingCentre
{
    float: left;
    width: 200px;
        
}
#hlAddRating
{
    float: left; /*width: 680px;*/
    color: #FF8000;
    margin-top: 1px;
}
.#hlRating
{
    float: left;
    width: 680px;
}
legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px;
}
fieldset
{
    margin: 2px;
    padding: 2px;
    border: 1px solid #ccc;
    float:left;

}
.divOrderFormWrapper fieldset
{
    border: 1px solid #e8e8e8;
}


/* noelle */

.search-label
{
    font-size: 1.25em;
    color: #fff;
    font-weight: bold;
}


.popout
{
    background: #fff url(images/shoppinghelp-bg.jpg) repeat-x;
    border: 1px solid #c0c0c0;
    border-top: 3px solid #fac53b;
}

/*.close-button a
{
    background: url(images/close-button.gif) no-repeat;
}*/
.popout table a
{
    color: #0077dc;
    line-height: 16px;
}
.popout li
{
    color: #404040;
}
.popout table
{
    color: #1663ab;
}
.divRating
{
    float: left;
    /*width: 680px;*/
}
#raterInfoWrapper {
	float:left;
	width:310px;
	height:20px;
	padding-top:5px;
}
#raterInfo
{
	padding-left: 5px; 
}
.ratingHyperlink
{
    cursor:pointer;
    float:left;
    width:650px;
}
.divRatingShowHideInfo
{
    float: left;
    width: 680px;
    color: black;
    display: none;
}
.rptRating
{
    float: left;
    width: 150px;
}
.myAccountImages
{
    float: Left;
    width: 230px;
}
.myAccountImagesNewLine
{
    float: Left;
    width: 690px;
}
/* Add Rating*/
.divLstAddRating
{
    float: left;
    width: 690px;
}
.divImageAddRating
{
    float: left;
    min-width: 150px;
    padding: 15px 1px 1px 1px;
}
.imgAddRating
{
    float: left;
    padding: 15px 5px 5px 5px;
}
.rptAddRatingRight
{
    float: left;
    width: 445px;
}
.divAddRatingRatingTool
{
    float: left;
    width: 445px;
}
.rptAddRatingDivRight
{
    float: left;
    width: 220px;
}
/* For Product Display Page*/
.ProductName
{
    margin-top: 5px;
}

.teaser_left
{
    float: left;
    width: 420px;
}
.teaser_prices
{
    float: left;
    width: 500px;
}
.teaser_left_searchResult
{
    float: left;
    width: 450px;
    color: #000000 !important;
    font-size: 12px;
}
.priceTeaserRight
{
    /*float: right;*/
    width: 360px;
}
.priceTeaserRightProductPage
{
    /*float: right;*/
}
.teaser_right
{
    float: right; /*width: 320px; For Order From Display*/
    width: 360px;
}
.brand_catalogue_wrapper
{
    /*  float:left;     width:850px;     border:solid 1px black;*/
}
.productSearchBrandCat
{
    float: left;
}
div.image_box_product
{
    padding: 1px;
    padding-top: 15px;
    margin: 0 3px 3px 0;
    float: left;
}
div.image_box_product_search
{
    padding: 1px;
    margin: 0 3px 3px 0;
    float: left;
}
.teaser_text
{
    /* float:left;     width:850px;*/
}
.divFavourite
{
    float: left; /*width:850px;*/
    width: 420px;
}
.divFavouriteProduct
{
    float: left; /*width:850px;*/
    width: 600px;
}
.divOrderFormWrapper
{
    /*float: right;*/
    width: 460px;
    margin-right: 17px;
}
DIV.divPromoHeading, Div.divConcessionHeading, DIV.divSafetyHeading, DIV.divNormalHeading, DIV.divNormalHeadingMultiple, Div.divConcessionHeadingRPT, DIV.divSafetyHeadingRPT, DIV.divNormalHeadingRPT, DIV.divNormalHeadingMultipleRPT
{
    float: left;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    width: 145px;
    padding-right: 3px;
    padding-top: 5px;
    margin-top:5px;
    margin-left: 0px;
}
.cartNotesWrapper
{
    background: #f6f6f6;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    margin: 15px 0;
}
DIV.divPromoHeading, Div.divConcessionHeading, DIV.divSafetyHeading, Div.divConcessionHeadingRPT, DIV.divSafetyHeadingRPT
{
    color: Red;
}
DIV.divNormalHeadingMultiple, DIV.divNormalHeadingMultipleRPT
{
    color: Blue;
}
DIV.divNormalPriceMultiple, DIV.divNormalPriceMultipleRPT
{
    color: Blue;
}

DIV.divPromoPrice, DIV.divConcessionPrice, DIV.divSafetyPrice, DIV.divNormalPrice, DIV.divNormalPriceMultiple, DIV.divConcessionPriceRPT, DIV.divSafetyPriceRPT, DIV.divNormalPriceRPT, DIV.divNormalPriceMultipleRPT
{
    text-align: right;
    float: left;
    width: 90px;
    padding-right: 5px;
    font-size: 18px;
    font-weight: bold;
    margin-left: 0px;
    margin-top:5px;
}
DIV.divPromoPrice
{
    text-align: right;
    float: left;
    width: 90px;
    padding-right: 5px;
    font-size: 18px;
    font-weight: bold;
    margin-left: 0px;
}
DIV.divPromoPrice, DIV.divConcessionPrice, DIV.divSafetyPrice, DIV.divConcessionPriceRPT, DIV.divSafetyPriceRPT
{
    color: Red;
}
DIV.divPromoForm, DIV.divConcessionForm, DIV.divSafetyForm, DIV.divNormalForm, DIV.divNormalFormMultiple, DIV.divConcessionFormRPT, DIV.divSafetyFormRPT, DIV.divNormalFormRPT, DIV.divNormalFormMultipleRPT
{
    float: right;
    width: 205px;
}
.quantityInfo
{
    color: Black;
}
DIV.active_ingredients_wrapper
{
    border: solid 1px #E9E9E9;
    width: 320px;
}
#productInfoHeader, #ratingHeading
{
    font-weight: bolder;
    padding-left: 8px;
    font-size: 14px;
    background: url("images/detailed-product.jpg") no-repeat; /*width:850px;*/
    height: 32px;
    width: 677px;
    
}
.catNumber
{
    color: #8d8d8d;
    font-weight: bold;
}
#ratingHeading
{
    padding-left: 2px;
}
#iFrameDifferentWaysToShop
{
    height: 790px;
    width: 155px;
    border: none; /*width:175px;*/ /*border:solid 1px black;*/
}
#footer
{
    border-top: solid 1px #DDDDDD;
    margin-top: 30px;
}
#footer a
{
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    color: #767676;
    font-size: 11px;
    text-transform: capitalize;
}
#footerLinkWrapper
{
    color: #767676;
    float: left;
    padding: 0 13px 13px 0;
}

#footerLogoLeft
{
    /*clear: both;margin-top: 10px;     margin-left: 10px;*/
    float: left;
    /* Removed the height as it was not expanding the parent element over this container.
     height: 80px; */
    /*border: solid 1px black;*/ 
}
#logoWrapper
{
    margin: 0 auto;
    width: 410px;
    margin-top: -10px;
}
#logoWrapper img
{
    padding: 0px 3px;
}
#logos
{
    padding-top: 25px;
}
.footer:hover
{
    color: #2186bc !important;
    text-decoration: underline !important;
}

.footer:active
{
    color: #818181;
}

#securityWrapper
{
    float: right;
    margin-top: -27px;
    width: 300px;
    
}
#securityWrapper a
{
    color: #818181 !important;
}
/* #thawteseal{ float: right; padding: 5px; } */
#DigiCertClickID_wDcktBiG
{
    float: right;
    padding: 5px;
}
#mcAfee
{
    float: left;
    padding: 5px 5px 5px 5px;
}
#different_ways_to_shop_wrapper
{
    float: left;
    width: 200px;
    height: 400px;
}
/*.footer, .footer:visited
{
    color: silver;
    font-weight: bolder;
}
*/

.liDefaultPage
{
    float: left;
}
#ulDefaultPage
{
    width: 1000px;
    list-style: none;
    position: relative;
}

#ulDefaultPage li
{
    float: left;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 1.5px;
}

#ulDefaultPage li a
{
    float: left;
    display: block;
    padding: 0 20px 0 0px;
    line-height: 30px;
    color: #fff;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none; /*background: url("images/menu-corner-_column.png") no-repeat right top #1B85c7;*/
}

#ulDefaultPage li a b
{
    float: left;
    display: block;
    padding: 0 0 0 20px;
    cursor: pointer;
}
.divHidden
{
    display: none;
}
.iframeDefaultPage
{
    width: 685px; /*height: 670px;*/
    height: 620px;
}
#divShoppingCartImage
{
    border-bottom: solid 1px solid;
}
.alternativeColor {
    min-height: 82px;
}
.alternateGrey
{
    background: #F5F5F5;
    padding-top: 5px;
}
#imgShoppingCartWrapper
{
    float: left;
}
#imgShoppingCart
{
    padding-top: 5px;
    padding-left: 1px;
}
#shoppingCartText
{
    float: left;
    width: 100px;
    padding: 10px 4px 0 0;
    margin: 0 auto;
    text-align: center;
}
#shoppingCartText a
{
    color: #006bb7;
}
#shoppingCartText a:hover;
{
    color: #2186bc;
}
.noItemText
{
    width: 120px;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0;
    color: #006bb7;
}
.shopping_cart_wrapper
{
    border: 1px #DDDDDD solid;
    border-top: none;
    padding-bottom: 5px;
}
.imgShoppingCartBtn
{
    border: none;
}
#shoppingCartTotal
{
    color: Black;
    font-weight: bold;
}
.shoppingCartSummaryWrapper
{
    width: 136px;
    margin: 0 auto;
}
.shoppingCartItems
{
    padding-left: 0px;
    font-weight: normal;
    border-bottom: solid 1px #DDDDDD;
    padding: 5px 0px;
    color: #818181;
}
.shoppingCartItems div a
{
    color: #818181 !important;
}
.shoppingCartItems div
{
    padding: 0px 7px;
}
.shoppingCartSummaryWrapper .shoppingcarttext { color: #000000; font-weight: normal; padding: 5px 0;}
#shoppingCartTotal
{
    font-size: 16px;
    font-weight: bold;
    color: Black;
    float: left;
    padding-top: 6px;
}
.subtotal
{
    padding-top: 4px;
    font-size: 18px;
    font-weight: bold;
    color: Black;
    float: right;
}
.imgFavourites
{
    border: none;
}
#clearImgBorder
{
    border: none;
}
.noBorder
{
    border: none !important;
}
#mailSubscriberBody
{
    border: solid 1px #DDDDDD;
    border-top: none;
    padding-bottom: 2px;
    font-weight: normal;
}
.mailSubscriberBodyContainer
{
    margin: 0 auto;
    width: 135px;
    padding-top: 2px;
    color: #818181;
}
#mailSubscriberTextWrapper
{
    width: 135px;
    margin: o auto;
    color: Black !important;
    font-weight: bold;
}
.newsLetterSignUpBox
{
    border: solid 1px #dddddd;
    height: 27px;
    width: 135px;
    margin: 8px 0;
}
.newsLetterSignUpButton
{
    float: right;
}
#mailSubscriberText
{
    color: Black;
}
#signupEmailImage
{
    float: left;
    border: none;
}
#newsletterSignUpWrapper
{
    width: 155px;
    padding-top: 5px;
    position: relative;
}
#newsletterSignUpWrapper .envelope
{
    position: absolute;
    left: -10px;
    top: 0px;
}

.emailAddress
{
    position: relative;
    top: 20px;
    left: 390px;
    width: 160px;
}
.mailSubscriberBtn
{
    margin-top: 5px;
    border: none;
}
.cmdSubScriber
{
    position: relative;
    top: 20px;
    left: 395px;
}
.loginWrapper
{
    border: solid 1px black;
    width: 340px;
}
.loginName
{
    float: left;
    width: 170px;
    padding: 11px 0 0 0;
}
.loginHeader
{
	font-size: 14px;
	padding-top:3px;	
}

.loginleftWrapperSubContainer {
	padding-top:3px;
	
}
#loginLostPasswordHyperlink {
	font-size:12px;	
	padding-top:5px;
}
a:hover.loginHyperlink:link
 {
	text-decoration: underline;
}
#loginLeftWrapper
{
	float: left; 
	width: 340px; 
	padding-left: 15px;
	
}
#loginRightWrapper
{
	float: left; 
	padding-left:85px;
	width: 225px; 
	height: 190px; 
	border-left: solid #006BB7 1px; 
	
}
#loginRightSubWrapper {
	padding-left:4px;
	
}
.PersonalDetailWrapper
{
	float: left; 
	width: 250px;
	padding-left: 40px;
}
.divDeliveryAddressWrapper {
	float: left;
	width: 250px; 
	padding-left: 50px; 
	border-left: solid #006BB7 1px; 
	border-right: solid #006BB7 1px;
	
}
#SubmitWrapper
{
	padding-left: 45px; 
	float: left; 
	width: 190px;
}
.enableEmailText
{
	font-size: 12px;
	padding-left: 2px;
}
.emailInfo
{
	font-weight: normal; 
	font-size: 12px;	
}
#cmdExistingLogin {
	padding-left: 100px;
	padding-top:10px;
	height:55px;
}
#newUserText
{
	font-size: 12px; 
	width: 200px; 
	text-align: left;	
	font-weight: normal;
}
#cmdCreateUser {
	padding-top:5px;
}
.createAccountButton {
	padding-left:20px;
}
#accountCreateButton
{
	margin-left:-6px;	
}	

.moreEmailInfo {
	font-style: italic; 
	font-weight: normal; 
	font-size: 12px;
}

#facebookImgWrapper
{
    float: right;
}
#facebookImgWrapper img
{
    float: left;
    border: none;
    margin: 6px 0px 6px 7px;
}
.headerBtn
{
    float: right;
    margin: 6px 0px 6px 7px;
}
/*Subscriber Control*/
#subscriberWrapper
{
    clear: both;
    position: relative;
    margin: 0 auto;
    width: 668px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#subscriberImageWrapper
{
    position: absolute;
    padding: 0px 0 0 45px;
    height: 55px;
    width: 671px;
    background: url(images/contact-bar-v1.jpg) no-repeat;
}

#imgEmailEnvelope
{
    position: relative;
    left: -3px;
    top: 27px;
}


.rightButtons
{
    width: 140px;
    margin: 0 auto;
}
.checkout.rightButtons
{
    padding: 8px 0;
    width: 125px;
}
/*Product Display Default Page*/
#productDisplayWrapper, #IFrameWrapper
{
    margin: 0 auto;
    width: 685px; /*height:727px;*/
}
#productDisplayWrapper
{
    border-bottom: solid 2px #0091d4;
    height: 32px;
    width: 678;
}
#exclusiveOnlineSpecials, #newProducts, #latestNews
{
    float: left;
}
/*Tabs On Default Page*/
#divExclusiveOnlineSpecials, #divLatestNews, #divNewProducts
{
    float: left;
    margin-right: 10px;
    cursor: pointer;
    height: 32px;
}
#IFrameWrapper
{
    clear: both;
}
/* Slider LI Setting */
#sliderWrapper
{
    width: 669;
    height: 200px;
    padding-bottom: 5px;
}

#sliderLi
{
    width: 669;
    height: 200;
}
.sliderImage
{
    width: 669;
    height: 200px;
}
.floatLeft
{
    float: left;
}
.sliderControl
{
    position: relative;
    width: 669px;
    margin: 0 auto;
    height: 200px;
}
.topAdvert a img
{
    border: none;
}
#sliderRightArrow
{
    position: absolute;
    top: 61px;
    left: -5px;
    border: none;
    z-index: 1000;
}
#sliderLeftArrow
{
    position: absolute;
    top: 61px;
    right: -4px;
    border: none;
    z-index: 1000;
}
.sliderNumericImages
{
    border: none;
    float: left;
    padding-left: 5px;
    padding-top: 2px;
}
.button1, .button2, .button3, .button4, .button5, .button6, .button7
{
    padding-right: 5px;
    border: none;
}
#sliderNumericImageWrapper, .nav
{
    position: relative;
    top: -35px;
    left: 360px;
    width: 305px;
    z-index: 2000;
    border: none;
}

/*Catalogue Product List Page*/
#catalogueProductWrapper
{
    margin: 0 auto;
    width: 620px;
    padding-top: 30px;
}
#catalogueWrapper
{
    float: left;
    width: 300px;
}
#catalogueWrapper a img, #productListWrapper a img
{
    border: none;
}
#productListWrapper
{
    float: right;
    width: 300px;
}
#productListWrapper div
{
    /*float:right;*/
}
.catalogueDescription, catalogueButton
{
    padding: 10px;
}

.catalogueButton a img
{
    border: none;
}
/*Content Page*/

.contactItemWrapper
{
    width: 330px;
    height: 95px;
    float: left;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-top: 30px;
}
.contactImage
{
    width: 88px;
    height: 82px;
    float: left;
}
.contactText
{
    width: 230px;
    height: 85px;
    float: left;
    padding-left: 12px;
    color: #767676;
}
.contactTextSmall
{
    font-size: 10px;
}
.contactTextSmaller
{
    font-size: 9px;
}
.logoutPadding
{
    padding-top: 9px;
}
#step01FormWrapper
{
    width: 150px;
    float: left;
    height: 28px;
}
.showHideDeliveryAddress
{
    float: left;
}
#step01ReviewOrderWrapper
{
    float: left;
    padding-top: 5px;
}
.centreCheckboxText
{
    position: relative;
    top: 1px;
}
.autocomplete_item_highlighted
{
    background-color: #3399FF;
}
.lblSpacer
{
    color: #006bcf;
}
#qualityCareWrapper
{
    float: left;
    width: 200px;
    padding: 3px 3px 3px 10px;
    text-align: left;
    color: #999999;
    font-size: 10px;
    font-weight: normal;
}


#qualityCareImageWrapper
{
    float: left;
}
#qualityCareWrapper a
{
    color: #2186bc !important;
    text-decoration: underline !important;
    font-size: 10px;
    font-weight: normal;
}
#dateLeft #dateRight
{
    float: left;
    width: 300px;
}
#navigationLeft
{
    float: left;
    width: 70px;
}
#navigationRight
{
    float: right;
    width: 43px;
}
.lblPageInfo #lbNext
{
    float: right;
    color: #767676;
}
#lblOrderTotal
{
    text-align: center;
    font-size: 11px;
}
#pageInfoDiv
{
    float: left;
    width: 535px;
    margin-left: auto;
    margin-right: auto;
    color: #767676;
}
.lblPageInfo
{
    margin-left: 210px;
    font-size: 12px;
    font-weight: bold;
}
.orderHistoryPrice
{
    font-size: 14px;
    text-align: right;
    width: 50px;
}
.orderHistoryPriceBold, .orderHistoryPriceBoldLast
{
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    width: 100px;
}


.lblOrderTotalBold, .orderHistoryPriceBoldLast
{
    font-size: 16px;
    font-weight: bold;
    float: right;
    padding: 5px 5px 5px 5px;
}
#tableOrderDetail
{
    width: 670px;
    margin: 0px auto;
    border-collapse: collapse;
}
.orderDetailOrderNumberWrapper
{
    /*font-weight: bolder;     padding-left: 8px;     font-size: 14px;     background: url("images/detailed-product.jpg") no-repeat;      height: 32px;     width: 677px;          display: block;     padding: 0 20px 0 0px;     height: 30px;     line-height: 30px;     color: #fff;     font-family: Verdana;     font-size: 12px;     text-decoration: none;     background: url("images/menu-corner-right.png") no-repeat right top #1B85c7;*/
}
.orderHeadingDisplay, .orderHeadingDisplayLeft
{
    color: #767676;
    text-align: right;
}
.orderHeadingDisplayPadding
{
    padding-right: 15px;
}
.orderHeadingDisplayLeft
{
    color: #767676;
    text-align: left;
    padding-left: 14px;
}
.lblOrderNumber
{
    padding: 5px 5px 15px 5px;
    font-size: 14px;
}
.orderHistoryTable
{
    width: 670px;
    margin: 0px auto;
}
.orderHistoryButton
{
    padding-left: 3px;
}
.goToCheckoutButton
{
    float: right;
}

.orderHeadingDisplayOrderNo
{
    text-align: left;
}
.orderContentDisplayRight
{
    text-align: right;
}
.orderContentDisplayLeft
{
    text-align: left;
    padding-left: 14px;
}

.hlShowProduct
{
    font-size: 12px;
}
.orderHeadingDisplaySpacer
{
    width: 30px;
}
.orderHeadingDisplayQty
{
    width: 80px;
}
.orderHeadingDisplayUnitPrice
{
    width: 100px;
}
.orderHeadingDisplayDescription
{
    color: #767676;
    width: 250px;
    padding-left: 5px;
}
.orderHeadingBottomBorder, .reviewOrderBottomBorder
{
    border-top: solid 1px #DDDDDD;
}
.reviewOrderBottomBorderPadding
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.lblOrderTotalGrey
{
    color: #767676;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    float: right;
    padding: 5px 5px 5px 5px;
}

#right_column_test
{
    position: relative;
    top: 1px;
    left: 695px;
    width: 150px;
}
.catalogueNo
{
    font-size: 11px;
    color: #818181;
}
.ShoppingCartWrapper
{
    width: 670px;
    margin: 0 auto;
}

.cartGrandTotal
{
    float: right;
}
#cartSubTotal, #cartDeliveryTotal
{
    padding-bottom: 20px;
}
#cartDeliveryTotal
{
    padding-top: 15px;
}
.cartTotalsWrapperDelivery, .cartTotalsWrapperSubTotal, .cartTotalsWrapperPromCode
{
    float: right;
    width: 260px; /*border: 1px solid black;*/
    font-size: 14px;
}
/******
Shopping cart threshold message style.
******/
.cartTotalsWrapperMessage {
}
    .cartTotalsWrapperMessage .threshold-message {background: none repeat scroll 0 0 #F6F6F6; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; margin: 15px 0; padding: 10px;}


.cartTotalPlaceholder1, .cartTotalPlaceholder2, .cartTotalPlaceholder3, .cartTotalPlaceholder2Verify, .cartTotalPlaceholderVerifyText, .cartTotalPlaceholder3Verify
{
    float: left;
    width: 100px; /*border: 1px solid green;*/
}
.cartTotalPlaceholder2, .cartTotalPlaceholder2Verify
{
    width: 60px;
    text-align: center;
}
.cartTotalPlaceholder3, .cartTotalPlaceholder3Verify
{
    width: 80px;
}
.cartTotalPlaceholder1, .cartTotalPlaceholder3, .cartTotalPlaceholderVerifyText, .cartTotalPlaceholder3Verify
{
    text-align: right;
}
.cartTotalPlaceholderVerifyText
{
    padding-top: 3px;
}
.lblNoOrderInfo
{
    font-size: 16px;
    font-weight: bold;
}
.lblGrandTotal
{
    float: right;
    padding-right: 75px;
    font-size: 16px;
    font-weight: bold;
}
.lblSubTotal, .lblDeliveryTotal, .lblPromoCode, .cmdVerify
{
    float: right;
    padding-right: 75px;
    font-size: 16px;
}
.lblPromoCode
{
    padding-right: 0px;
}

.cartImageHeading, .cartProductHyperlinkHeading, .cartQtyHeading, .cartDeleteHeading, .cartTotalHeading
{
    float: left;
    width: 100px;
    font-weight: normal;
    color: #818181;
}

.cartImageHeading
{
    /*width: 350px;*/
    width: 250px;
}
.cartQtyHeading
{
    width: 50px;
    text-align: center;
}

.cartDeleteHeading
{
    width: 50px;
}
.cartImage, .cartProductHyperlink, .cartQty, .cartDelete, .cartTotal, .cartX
{
    float: left;
    width: 100px;
}
.combinedCheckoutOldPrice
{
    text-decoration: line-though;
}
.cartX
{
    width: 15px;
}
.cartProductHyperlink
{
    /*width: 250px;*/
    width: 150px;
    padding-top: 5px;
}
.cartUpdateBtn
{
    padding-left: 2px;
    float: left;
    width: 65px;
}
.cartTotal, .cartTotalHeading
{
    width: 90px;
    text-align: right;
    padding-right: 20px;
}
.cartTotal
{
    font-size: 16px;
}
.cartQty
{
    padding-top: 3px;
    width: 50px;
    text-align: right;
}
.cartDelete
{
    width: 50px;
    text-align: center;
}
.navigationDisplay
{
    float: right;
}
.navigationDisplay:hover
{
    color: #2186bc;
}
.navigationLeftPlaceholder
{
    float: left;
}
.navigationItems
{
    float: left;
    width: 10px;
    padding: 2px 2px 2px 2px;
    margin-left: 1px;
    color: #818181;
    border: solid 1px #DDDDDD;
}





/* grey box setup, this should not require changes */
.greyWrapper
{
    background: #E6E6E6;
}

.greyContentWrapper
{
}
.greyTopLeft
{
    float: left;
    background: url("images/Greybox-tl.gif") no-repeat #E6E6E6;
    height: 6px;
    width: 6px;
}
.greyTopRight
{
    float: right;
    background: url("images/Greybox-tr.gif") no-repeat #E6E6E6;
    height: 6px;
    width: 6px;
}
.greyBottomRight
{
    float: right;
    background: url("images/Greybox-br.gif") no-repeat #E6E6E6;
    height: 6px;
    width: 6px;
}
.greyBottomLeft
{
    float: left;
    background: url("images/Greybox-bl.gif") no-repeat #E6E6E6;
    height: 6px;
    width: 6px;
}

/*customise grey box make allchanges here */

.greyOrderNumber
{
    height: 28px;
    width: 130px;
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.greyCheckoutWhatThisFor
{
    float: left;
    height: 25px;
    width: 80px;
    margin-left: 10px;
}
.greyCheckoutUpdateAddress
{
    float: left;
    height: 215px;
    width: 415px;
}


/* yellow box setup, this should not require changes */
.yellowWrapper
{
    background: #FFF7C9;
}

.yellowContentWrapper
{
}
.yellowTopLeft
{
    float: left;
    background: url("images/Greybox-tl.gif") no-repeat #FFF7C9;
    height: 6px;
    width: 6px;
}
.yellowTopRight
{
    float: right;
    background: url("images/Greybox-tr.gif") no-repeat #FFF7C9;
    height: 6px;
    width: 6px;
}
.yellowBottomRight
{
    float: right;
    background: url("images/Greybox-br.gif") no-repeat #FFF7C9;
    height: 6px;
    width: 6px;
}
.yellowBottomLeft
{
    float: left;
    background: url("images/Greybox-bl.gif") no-repeat #FFF7C9;
    height: 6px;
    width: 6px;
}

/*customise grey box make allchanges here */

.yellowShippingAddressHeader
{
    height: 60px;
    width: 650px;
    margin-left: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
}
.yellowPaymentHeaderCreditCard
{
    height: 40px;
    width: 650px;
    margin-left: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
}
.yellowPaymentHeaderBPAY
{
    height: 40px;
    width: 475px;
    margin-left: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
}


.fieldsetImage
{
    width: 122px;
    height: 122px;
    text-align: center;
}
.productImage
{
    display: table-cell;
    vertical-align: middle;
}
.productPadding
{
    margin-bottom: 5px;
}

.productBorder
{
    border-bottom: solid 1px #cccccc;
    margin-top: 20px;
    margin-bottom: 20px;
}
.loginButtonPosition
{
    position: absolute;
    top: 12px;
    left: 50px;
}
.cmiLink a
{
    color: #000000;
    font-weight: normal;
}
.notBold a
{
    font-weight: normal;
}


.divNormalPrice
{
    color: #000000 !important;
}
.errorSummary
{
    color: Red;
    font-size: 12;
}
.errorDisplay
{
    color: Red;
    font-size: 10;
    cursor: pointer;
}
.productPager
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 30px;
}
.fakeButton
{
    cursor: pointer;
}
.floatRight
{
    float: right;
}
.floatLeft
{
    float: left;
}
.paddingLeft
{
    padding-left: 10px;
}
.step3ImageSpacing
{
    padding-bottom: 1px;
}
.validationTrueImage
{
    display: none;
    float: left;
    padding-left: 3px; /*     position:relative;     top:2px;     right:520px;*/
}
.faqWrapper
{
    width: 668px;
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
}
.faqHeading
{
    padding-bottom: 5px;
    font-size: 13px;
    color: #006bb7;
}
.faqHeadingHyperlink
{
    padding-left: 5px;
    text-decoration: none;
}
.faqBodyHeading
{
    padding-top: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #006bb7;
    list-style-position: inside;
}
.faqBody
{
    font-size: 13px;
    list-style-position: inside;
}
.faqBackToTop
{
    float: right;
    padding: 10px 2px 10px 0px;
}
.faqCounter
{
    padding-right: 30px;
}
.greyDiv
{
    background-color: #E6E6E6;
    height: 175px;
}
#checkoutShippingAddressWrapper, .checkoutShippingAddressWrapperUpdate
{
    width: 300px;
    float: left;
}

#shippingAddressDiv
{
    padding-top: 10px;
}
.checkoutShippingAddressText
{
    width: 120px;
    float: left;
    padding-top: 3px;
    padding-left: 3px;
}
.checkoutlblShippingAddress
{
    margin-bottom: 6px;
}
.checkoutShippingAddressInput
{
    width: 170px;
    float: left;
    padding-bottom: 2px;
}
.checkoutcmdButtonShippingAddressUpdate
{
    float: right;
    padding-right: 25px;
    padding-top: 5px;
    margin-bottom: 5px;
}
.checkoutGreyLine
{
    border-top: solid 1px #DDDDDD;
}
.checkoutPaymentHeader1Wrapper, checkoutPaymentHeader2Wrapper
{
    float: left;
    padding-bottom: 15px;
}
.checkoutPaymentHeader1Wrapper
{
    width: 80px;
}
.checkoutPaymentHeader2Wrapper
{
    width: 670px;
}
.checkoutPaymentLeftSpacer, checkoutPaymentDescriptionSpacer
{
    float: left;
    width: 100px;
}
.checkoutPaymentInputFields, .checkoutPaymentDescriptionSpacer
{
    float: left;
}
.checkoutPaymentInputFields
{
    padding-bottom: 2px;
}
.checkoutPaymentDescriptionSpacer
{
    width: 100px;
    padding-top: 5px;
}
#checkoutMethodOfPayment
{
    padding-top: 10px;
}
.checkoutPaymentImageSpacer, .checkoutPaymentImageRadioBtn
{
    float: left;
    padding-top: 10px;
}
.checkoutPaymentImageSpacer
{
    padding-left: 120px;
}
.checkoutPaymentImageRadioBtn
{
    padding-left: 44px;
}
#checkoutMcAfeeWrapper
{
    width: 285px;
    float: left;
}
#checkoutMcAfee
{
    float: right;
}
.checkoutWhatThisLink
{
    padding-left: 10px;
}
.checkoutPaymentYellowHeaderWrapper
{
    float: left;
}
.validationControlLbl
{
    padding-left: 5px;
    display: none;
    float: left;
    width: 300px;
    color: Red;
}
.capchaValidationText
{
    float: left;
    color: Red;
    padding-left: 5px;
}
.validationGreenArrow
{
    float: left;
    display: none;
}
.validationCorrect
{
    padding-left: 5px;
    color: Green;
}
#shoppingHelp, .shoppingHelpHeaderWrapper
{
    background: url(images/shopping-help-header.jpg) no-repeat;
    height: 200px;
}
#shoppingHelpImageContent
{
    padding-top: 50px;
    width: 435px;
    position: relative;
    left: 245px;
    top: 5px;
    color: White;
    font-size: 14px;
}
.shoppingHelpImageContent p
{
    font-family: "Century Gothic" , Arial, sans-serif;
}
#shoppingHelpImageContent UL
{
    padding: 5px;
    list-style-position: inside;
}
#passwordMasking
{
	padding-top:5px;	
}

/*******************
Branded Generic Overrides
*******************/
table.BrandedGenericProductTable
{
    border: 2px solid #C0C0C0;
    table-layout: auto;
    border-collapse: collapse;
    overflow: hidden;
}
table.BrandedGenericProductTable td
{
    border: 2px solid #C0C0C0;
    background-color: #F2F2F2;
    vertical-align: top;

}
table.BrandedGenericProductTable td > div
{
    padding: 0;
    margin: 0;
    position: relative;
    min-height: 200px;
}
table.BrandedGenericProductTable div.divFavourite
{
    width: auto;
    float: none;
    position: absolute;
    bottom: 5px;
    left: 5px;
}
table.BrandedGenericProductTable div.image_box_product {
    float: none;
    margin: 0 3px 3px 0;
    padding: 15px 1px 35px 1px;
}
table.BrandedGenericProductTable td.brandedproduct
{
    background-color: #D5EAFF;
    padding: 4px;
}
table.BrandedGenericProductTable td.genericproduct
{
    background-color: #FFFFFF;
    padding: 4px;
}
.BrandedGenericProductTable h1
{
    color: #006BB7;
    font-style: italic;
    font-weight: bold;
}
.BrandedGenericProductTable h2
{
    color: #000000;
    font-weight: bold;
    min-height: 3em;
}
table.BrandedGenericProductTable div.teaser_prices
{
    width: auto;
}
table.BrandedGenericProductTable div.divOrderFormWrapper
{
     width: auto;
     margin: 0;
} 
table.BrandedGenericProductTable div.divPromoHeading, 
table.BrandedGenericProductTable div.divConcessionHeading, 
table.BrandedGenericProductTable div.divSafetyHeading, 
table.BrandedGenericProductTable div.divNormalHeading, 
table.BrandedGenericProductTable div.divNormalHeadingMultiple, 
table.BrandedGenericProductTable div.divConcessionHeadingRPT, 
table.BrandedGenericProductTable div.divSafetyHeadingRPT, 
table.BrandedGenericProductTable div.divNormalHeadingRPT, 
table.BrandedGenericProductTable div.divNormalHeadingMultipleRPT,
table.BrandedGenericProductTable div.divPromoPrice, 
table.BrandedGenericProductTable div.divConcessionPrice, 
table.BrandedGenericProductTable div.divSafetyPrice, 
table.BrandedGenericProductTable div.divNormalPrice, 
table.BrandedGenericProductTable div.divNormalPriceMultiple, 
table.BrandedGenericProductTable div.divConcessionPriceRPT, 
table.BrandedGenericProductTable div.divSafetyPriceRPT, 
table.BrandedGenericProductTable div.divNormalPriceRPT, 
table.BrandedGenericProductTable div.divNormalPriceMultipleRPT,
table.BrandedGenericProductTable div.divPromoSaving, 
table.BrandedGenericProductTable div.divConcessionSaving, 
table.BrandedGenericProductTable div.divSafetySaving, 
table.BrandedGenericProductTable div.divNormalSaving, 
table.BrandedGenericProductTable div.divNormalSavingMultiple
{
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    width: 60px;
    padding-top: 2px;
}
table.BrandedGenericProductTable div.divPromoPrice, 
table.BrandedGenericProductTable div.divConcessionPrice, 
table.BrandedGenericProductTable div.divSafetyPrice, 
table.BrandedGenericProductTable div.divNormalPrice, 
table.BrandedGenericProductTable div.divNormalPriceMultiple, 
table.BrandedGenericProductTable div.divConcessionPriceRPT, 
table.BrandedGenericProductTable div.divSafetyPriceRPT, 
table.BrandedGenericProductTable div.divNormalPriceRPT, 
table.BrandedGenericProductTable div.divNormalPriceMultipleRPT
{
    width: 50px;
}

table.BrandedGenericProductTable div.divPromoForm, 
table.BrandedGenericProductTable div.divConcessionForm, 
table.BrandedGenericProductTable div.divSafetyForm, 
table.BrandedGenericProductTable div.divNormalForm, 
table.BrandedGenericProductTable div.divNormalFormMultiple, 
table.BrandedGenericProductTable div.divConcessionFormRPT, 
table.BrandedGenericProductTable div.divSafetyFormRPT, 
table.BrandedGenericProductTable div.divNormalFormRPT, 
table.BrandedGenericProductTable div.divNormalFormMultipleRPT
{
    width: auto;
    float: left;
}
table.BrandedGenericProductTable div.divPromoSaving, 
table.BrandedGenericProductTable div.divConcessionSaving, 
table.BrandedGenericProductTable div.divSafetySaving, 
table.BrandedGenericProductTable div.divNormalSaving, 
table.BrandedGenericProductTable div.divNormalSavingMultiple
{
    float: left;
    width: 70px;
    font-weight: bold;
    color: #FF0000;
}
.genericScriptWrapper {
	font-size:15px;
	padding-bottom:15px;
	
}
/*********************
Branded Genric Shopping cart
**********************/
.BrandedGenericWrapper
{
    border: 1px solid #FF0000;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 30px;
    position: relative;
    height: 100px;
}
.GenericHelpIcon
{
    float: right;
    width: 78px;
    height: 31px;
}
.BrandedGenericWrapper h2
{
    display: inline-block;
    font-weight: bold;
    margin: 4px 0;
}
.GenericSaving
{
    color: #FF0000;
    float: right;
    width: 200px;
}
.BrandedGenericNote
{
    color: #cccccc;
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-style: italic;
}
.GenericWrapper
{
    padding: 4px;
    border: 2px solid #cccccc;
    margin: 5px 0 10px 0;
}
.GenericWrapper cartTotal,
.GenericWrapper cartDelete
{
    position: relative;
    min-height: 30px;
}
.BrandedGenericButtons
{
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: inline-block;
}
.BrandedGenericButtons a, .cartTotal a
{
     background-position: right top;
     background-repeat: no-repeat; 
     display: inline-block;
     padding: 2px;
     padding-right: 20px;
     text-decoration: none; 
     font-weight: bold;
     font-size: 11px;
     color: #000000;
     /*margin-left: 10px; */
}

/********
sds message
*********/
.sds_message {padding:0 10px;}
    .sds_message strong {font-size:1.1em;}

    .sds_message .info {}
        .sds_message .info a {line-height:20px; display:inline-block; vertical-align:top; text-decoration:underline;}
            .sds_message .info a:hover {text-decoration:none;}
        .sds_message .info a img {display:inline-block; vertical-align:top; margin-right:10px; }

/***************************
New template styles
***************************/
html {
	margin: 0;
	padding: 0;	
}

body {
	margin: 0;
	padding: 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: url("images/body-background.gif") repeat-x scroll 0 0 transparent;
}

a img {
	border: 0 none;	
}

a {
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;	
}

form {
	padding: 0;
	margin: 0;	
}

/* Great alternative to floats, works in all browsers and has numerous benefits */
.inline {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;	
}

/*** Header *****************/

#header {
	position: relative;
	width: 100%;
	height: 145px;
	background: url('images/header-logo2016.png') no-repeat top left;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
}

#header a {
	color: #fff;
}
#header .search-form {
	position: absolute;
	right: 12px;
	top: 100px;	
}

#header .search-form .search-row {
	position: relative;
	margin-bottom: 8px;	
	text-align: right;
}

#header .search-form .search-row div {
	position: relative;
	margin-left: 6px;	
}

#header .search-form .search {
	position: relative;
	width: 107px;
	height: 25px;
	background: url('images/search.png') no-repeat 0 4px;
}

#header .search-form .field input[type=text] {
	position: relative;
	width: 187px;
	height: 23px;
	border: 1px solid #b2b2b2;
	color: #808080;
}

#header .search-form .button {
	position: relative;
}

#header .search-form .promo {
	position: relative;
	padding-top: 6px;
	font-size: 10px;
	font-weight: bold;
}
#header a#homelink
{
    position: relative;
    margin-top: 50px;
    height: 95px;
    width: 650px;
    display: inline-block;
}
#header a#homelink:hover
{
    text-decoration: none;
}

/***
easy shopping
***/
#easy-shopping {
	position: relative;
	background: url('images/easy-online-shopping.png') top left no-repeat;
	width: 168px;
	border: 1px solid #006bb4;
	padding-top: 55px;
	margin-bottom: 15px;
}
#easy-shopping #easy-options {
	position: relative;
    overflow: hidden;
}
#easy-shopping #easy-options .easy-opt {
	position: relative;
	margin: 6px 0;
}
#easy-shopping #easy-pay-types {
	position: relative;
	background: url('images/easy-opt-payment-types.png') no-repeat top left;
	width: 156px;
	height: 17px;
}
/***
email sign-up
***/
#email-signup {
	position: relative;
	background: url('images/email-signup.png') top left no-repeat;
	width: 168px;
	border: 1px solid #006bb4;
	padding-top: 32px;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#email-form {
	position: relative;
	text-align: center;
}

#email-form p {
	margin: 8px 0;	
}

#email-signup input[type=text] {
	position: relative;
	border: 1px solid #8c8c8c;
	width: 146px;
	padding: 2px;
}

#email-signup input[type=image] {
	position: relative;
	margin: 6px 0;	
}
/***
categories and specials
***/
#products {
	position: relative;
	margin: 0 0 0 3px;	
}

#products-cats.browse-cats {
	position: relative;
	border-bottom: 3px solid #006bb4;
}

#products-cats.browse-specials {
	position: relative;
	border-bottom: 3px solid #ff0000;
}
#products-cats div {
	position: relative;
	margin-right: 5px;	
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	padding: 7px 9px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px; 
	behavior: url('PIE.htc');
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
#products-cats div.blue {
	background-color: #006bb4;	
}
#products-cats div.red {
	background-color: #ff0000;	
}
#products .products-items {
	position: relative;
	margin-top: 20px;	
	margin-left: 20px;
	display: none;
}
#products .products-items.on {
	display: block;
}
/* ad spacing */
.topAdvert div img
{
    /*margin: 2px 10px; */
    margin: 0;
}
/* indent the list item for the popup */
.rtWrapperContent ul li
{
    margin-left: 10px;
}

/*************
Layout2 buy styles 
**************/
.product-details-layout-2 { vertical-align: top; }
    .product-details-layout-2 div > h2 { color: #0181c2; font-weight: bold; font-size: 1.6em; }
    .product-details-layout-2 .divOrderFormWrapper { width: auto; padding: 0; margin: 0; }

    /** override the rating system layouts for the layout 2 design. */
    .product-details-layout-2 #raterInfoWrapper, .product-details-layout-2 .ratingHyperlink {
        width: 100px;
    }

div.product-details-layout-2-left, div.product-details-layout-2-right { position: relative; vertical-align: top; display:inline-block; margin-top: 10px; }
div.product-details-layout-2-left { max-width: 216px; text-align: center; } 
div.product-details-layout-2-right { margin-left: 10px; width: 460px;}
    div.product-details-layout-2-left .image-wrapper{padding: 10px 8px 10px 8px; text-align: center; margin: 0 0 10px 0; display: inline-block; max-width: 216px; }
div.order-wrapper { font-size: 16px; font-weight: bold; margin-top: 10px; }
    div.order-wrapper .order-box { display: inline-block; padding: 5px 8px; border: 1px solid #b7b7b7; background-color: #e9e9e9; vertical-align: top; text-transform: uppercase; border-radius: 4px 4px; -moz-border-radius: 4px 4px; min-height: 60px; max-width: 224px; overflow:hidden;}
        div.order-wrapper .order-box:first-child { min-width: 200px; }
        div.order-wrapper .order-box .order-desc { display: inline-block; vertical-align: top; }
            div.order-wrapper .order-box .order-desc h3{ font-size: 1em; font-weight: bold; color: #0091c6; margin: 0 0 10px 0; padding: 0; }
            div.order-wrapper .order-box .order-desc h2{ font-size: 1.5em; font-weight: bold; color: #000; margin: 0 30px 0 0; padding: 0; width: 100px; position: relative; }
                div.order-wrapper .order-box .order-desc h2 span { text-transform: lowercase; font-size: 0.8em; position: absolute; margin-right: -30px; width: 24px; right: 0; bottom: 0;}
        div.order-wrapper .order-box .order-sale { display: inline-block; vertical-align: top; text-align: left; color: #d2232a;}
            div.order-wrapper .order-box .order-sale h3{ font-size: 1em; font-weight: bold; margin: 0; color: #d2232a;  padding: 0;}
            div.order-wrapper .order-box .order-sale .order-save { font-size: 1.0em; }
            div.order-wrapper .order-box .order-sale .order-rrp { color: #909195; font-size: 0.8em; }
            div.order-wrapper .order-box .order-sale .order-rrp-price { color: #9c9da1; text-decoration: line-through; font-size: 0.8em; }
        div.order-wrapper .order-box .order-form { display: inline-block; vertical-align: top; text-align: center; }
            div.order-wrapper .order-box .order-form label { font-size: 1em; }
            div.order-wrapper .order-box .order-form input { padding: 3px 6px; font-size: 1em; margin-top: 5px; display: inline-block; }
        div.order-wrapper .order-box .order-submit-button{ display: inline-block; vertical-align: top; margin: 10px 6px 10px 12px; }
    div.order-wrapper .order-oos { font-size: 0.8em; }
        div.order-wrapper .order-oos h3 { font-weight: bold; margin: 1px; padding: 0; color: #000000; }
        div.order-wrapper .order-oos a { display: block; border: 1px solid #000000; border-radius: 4px 4px; -moz-border-radius: 4px 4px; padding: 5px 6px; background-color: #5c5c5c; color: #ffffff; text-decoration: none; text-align: center; font-size: 0.8em; }
            div.order-wrapper .order-oos a:hover { color: #ffffff; text-decoration: underline; background-color: #858585; }
div#oos-overlay { opacity: 0.6; background: #808080; width: 100%; height: 100%; z-index: 50; top: 0; left: 0; position: fixed; display: none; }
div.oos-email-wrapper { position: fixed; top: 50%; left: 50%; z-index: 1000; width: 300px; min-height: 80px; margin-left: -200px; margin-top: -100px; border: 1px solid #000000; padding: 10px; background-color: #ffffff; font-size: 14px; display: none; }
    div.oos-email-wrapper label { display: block; margin: 10px 5px; }
    div.oos-email-wrapper input { width: 150px; border: 1px solid #404040; padding: 2px; }
    div.oos-email-wrapper .oos-button { display: block; width: 150px; margin: 0 auto; padding: 5px 10px 5px 10px; text-align: center; text-decoration: none; color: #000000; font-weight: bold; background-color: #ffdf20; border: 1px solid #000000; border-radius: 4px 4px; -moz-border-radius: 4px 4px; }
        div.oos-email-wrapper a.oos-button:hover { text-decoration: underline; }
    div.oos-email-wrapper .processing { display: none; }

div.overlay { opacity: 0.6; background: #808080; width: 100%; height: 100%; z-index: 50; top: 0; left: 0; position: fixed; /*display: none;*/ }
div.overlay-dialog-wrapper { position: fixed; top: 50%; left: 50%; z-index: 1000; width: 400px; min-height: 200px; margin-left: -200px; margin-top: -100px; border: 1px solid #000000; padding: 40px 10px 10px 10px; background-color: #ffffff; font-size: 14px; border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; /*display: none;*/ }
div.overlay-button-wrapper { position:absolute; bottom:10px; right:10px;}
    div.overlay-dialog-wrapper .overlay-titlebar { background-color:#006BB4; color:#ffffff; font-size:14px; font-weight:bold; padding:5px; position:absolute; top:0px; left:0px; border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px;width: 410px; }

.dialog-button { position:relative; width:150px; margin: 0 auto; padding:5px 10px 5px 10px; text-align:center; text-decoration:none; text-transform:none; color:#000000; font-weight:bold; border:1px solid #000000;line-height:normal; height:auto; border-radius:4px 4px; -moz-border-radius: 4px 4px; cursor: pointer; background-color: #cccccc; }
.red-button:hover { background-color:#e90707; color:#ffffff; }
.green-button:hover { background-color:#16ca02; color:#ffffff; }
/*****
    Low stock styles
******/
div.nextdaystock, div.lowstock {font-size:1.2em; font-weight:bold; margin:5px auto;}
    div.nextdaystock {color:#0181C2;}
    div.lowstock {color:#ff2c2c;}
/******
    Different ways to shop iframe reset.
******/
.diffShopWrapper
{
    width: 155px;
}
div.diffShopWrapper iframe body
{
    background:none !important;
}
    div.diffShopWrapper iframe body div#left_column div#sli_facets.box_top
    {
        padding:0 !important;
        margin:0 !important;
    }
/****
    Round corner boxes.
*****/
.roundedbox { 
    margin: 10px 0 10px 1px; 
    padding: 10px; 
    behavior:url(PIE.htc); 
    border: solid 1px #000000; 
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
}
.roundedbox-yellow { 
    background-color: #FFF7C9; 
    border-color: #FFED77; 
}
.roundedbox-red {
    background-color:#ffe6e3;
    border-color:#fdddda;
}