/* 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
{
    float: right;
    width: 340px; /*DK*/
    height: 25px;
    text-align: right;
}

#header-links .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;
}

/******************************
Main Header Area
******************************/

#header
{
    background-color: #0063ad;
    background: url("images/PD_Generic_Header_Final.png") no-repeat;
    /*background: url(images/xmas-header.png) no-repeat;*/
}

#homelink_container, #homelink_container img
{
    float: left;
    margin-top: 4px;
    width: 270px;
    height: 70px;
    
}

#header .center_column
{
    height: 70px;
    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; /*padding-top: 1px;*/ /*margin-top: 1px;*/
    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; /*padding-top: 1px;*/ /*margin-top: 1px;*/
    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;
}



/********************************
Menu Styles
********************************/

/**********************
Main Menu
**********************/
#mainmenu
{
    width: 1000px;
    list-style: none;
    position: relative;
}

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

#mainmenu li a
{
    float: left;
    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;
}

#mainmenu li a b
{
    float: left;
    display: block;
    height: 30px;
    padding: 0 0 0 20px;
    background: url("images/menu-corner-left.png") no-repeat left top #1B85c7;
    cursor: pointer;
}

#mainmenu li.shoppingcart > a
{
    /*background: url("images/menu-corner-right-cart.png") no-repeat right top #c11248;*/
}
#mainmenu li.shoppingcart > a b
{
    /*background: url("images/menu-corner-left-cart.png") no-repeat left top #c11248;*/
}


#mainmenu li a:hover
{
    text-decoration: underline;
    height: 34px;
    line-height: 26px;
    background: url("images/menu-active-corner-right.png") no-repeat right top #fcc239;
}
#mainmenu li a:hover b
{
    line-height: 26px;
    background: url("images/menu-active-corner-left.jpg") no-repeat left top #fcc239;
}

#mainmenu li:hover > a
{
    text-decoration: underline;
    height: 34px;
    line-height: 26px;
    background: url("images/menu-active-corner-right.png") no-repeat right top #fcc239;
}
#mainmenu li:hover > a b
{
    line-height: 26px;
    background: url("images/menu-active-corner-left.jpg") no-repeat left top #fcc239;
}

/****************
Sub menu
****************/
#mainmenu ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    width: 1000px;
    background: #fcc239;
    left: -9999px;
    top: 30px; /* is this the offset of the height of the parent list? */ /*z-index: 10;*/
}

#mainmenu ul li, #mainmenu ul li.shoppingcart
{
    height: 27px;
    line-height: 27px;
    background: none;
}


#mainmenu ul li a, #mainmenu ul li.shoppingcart
{
    color: #000;
    padding: 0 12px 0 12px;
    height: 22px;
    line-height: 27px;
    font-size: 12px;
    background: none;
}
/**************
current Menu
**************/
#mainmenu li.current ul
{
    left: 0; /*z-index: 1;*/
}
#mainmenu li.current a
{
    background: url("images/menu-active-corner-right.png") no-repeat right top #fcc239;
    height: 34px;
    line-height: 26px;
}
#mainmenu li.current a b
{
    line-height: 26px;
    background: url("images/menu-active-corner-left.jpg") no-repeat left top #fcc239;
}
#mainmenu li.current ul li a
{
    color: #000;
    padding: 0 12px 0 12px;
    height: 22px;
    line-height: 27px;
    background: none;
}
#mainmenu li.current ul li a:hover
{
    color: #DF0000;
}


/**************************
Side columns
**************************/
#left_column, #right_column
{
    /*color:#00A1E1;*/ /*color:#0063AC;*/
    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;
}

/***************************
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
{
    /*background: url(images/bg-rhn-myaccount-red.png) no-repeat left top transparent;*/
    padding-bottom: 5px;
    margin-top: 8px;
    text-align: left;
}



/* 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-top: 5px;
    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;
    margin-top: 8px;
    text-align: left;
    position: relative;
    overflow: visible;
}

/* 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;
}

#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; /*dk*/
    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;
}
/* 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;
}
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;
}




#mainmenu li.current ul li a
{
    font-family: arial;
    font-size: 12px; /*font-weight: bold;*/
}
#mainmenu ul
{
    background-color: #fcc239;
}
#mainmenu li a
{
    font-size: 13px;
    font-family: arial;
    letter-spacing: 0.5px; /*font-weight: bold;*/
}

#mainmenu li a:hover
{
    letter-spacing: 0.5px;
}

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;
}
.divShowRating
{
    float: left;
    width: 680px;
    color: Black;
}
.rptDivIngredient
{
    float: left;
    width: 690px;
    margin-top: 2px;
}
.rptDivRatingLeft
{
    float: left;
    width: 150px;
}
.rptRatingCentre
{
    float: left;
    width: 300px;
    margin-left: 70px;
    min-height: 80px;
}
.rptRatingright
{
    float: left;
    width: 140px;
}
.lbNext
{
    padding-right: 6px;
}
#divRating
{
    /* float: left;     width: 680px;*/
}
#rptDivRatingLeft
{
    float: left;
    width: 150px;
}
#rptRatingCentre
{
    float: left;
    width: 300px;
    margin-left: 70px;
    min-height: 80px;
}
#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;
}
.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;
}
.ratingHyperlink
{
    /*  float: left;     width: 680px;     padding-bottom: 5px;*/
}
.divRatingShowHideInfo
{
    float: left;
    width: 680px;
    color: black;
    display: none;
}
.rptRating
{
    float: left;
    width: 150px;
}
.rptRatingCentre
{
    float: left;
    width: 300px;
    margin-left: 70px;
    min-height: 80px;
}
.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-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;
}
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;
    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;
}
#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;
}
.alternateGrey
{
    background: #F5F5F5;
    padding-bottom: 82px;
    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;
}
#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;
}

.diffShopWrapper
{
    margin-top: 8px;
    width: 155px;
}

#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;
}
#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;
}
/*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;
}
.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: 80px;
    text-align: right;
    padding-right: 30px;
}
.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;	
}