/*
=general
=page structure
=navigation
=sub-navigation
=subsub-navigation
=product-sub-navigation
=retailers-sub-navigation
=content
=misc
=print
=footer
=hacks

*/

/*
=general
---------------------------------------------- */

html, body
{
    width: 100%;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    line-height: 1.2em;
    color: #000;
    background: #fff url(/images/pagebg.gif) repeat-y 0 0;

}

table, tr, td, input, select, textarea, ol, ul
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
}

a img, img
{
    border: 0;
}

code, pre
{
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

h1, h2, h3
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    padding: 0;
    margin: 0;
}

h1
{
    font-size: 1.8em;
    line-height: 1.3em;
    margin: 1em 0 .5em 0;
    color: #8D1E60;
}

.twocol h1
{
    margin: .6em 10px .4em 10px;
}

h2
{
    font-size: 1.6em;
    margin: 1em 0 .5em 0;
    padding: 0;
    color: #8D1E60;
    line-height: 1.2em;
}

h3
{
    color: #8D1E60;
    font-size: 1.2em;
    margin: 1em 0 .4em 0;
    padding: 0;
}

h4
{
    color: #8D1E60;
}

form
{
    margin: 0;
    padding: 0;
}

.hide
{
    position: absolute;
    left: -999em;
}

a
{
    color: #8D1E60;
    color: #058EDD;
    text-decoration: underline;
}


a:hover
{
    color: #00A2FF;
}

p
{
    margin: 0 0 .8em;
}
.button
{
    display: block;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.button span
{
    position: absolute;
    left: -999em;
}

ul.plainlist
{
    list-style: none;
}

/*
=page structure
---------------------------------------------- */

#container
{
    width: 900px;
    margin: 0 0 0 48px;
    position: relative;
}

#container_sm
{
    width: 746px;
    margin: 0 0 0 48px;
    position: relative;
}

#content
{
}

#printbanner
{
    display: none;
}

#leftcol
{
    padding-top: 12px;
    float: left;
    position: relative;
}

.padding
{
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 20px;
    background: #F3F2EB url(/images/content_bg.gif) repeat-x 0 0;
}

/* on the product listing pages... */
.list_product
{
    margin: 14px 0 0 212px;
    padding: 0;
    background: #F3F2EB url(/images/content_bg.gif) repeat-x 0 0;
    width: 425px;
}

.twocol
{
    margin: 14px 0 0 20px;
    padding: 0;
    background: #F3F2EB url(/images/content_bg.gif) repeat-x 0 0;
    width: 620px;
}


.twocol_padded
{
    margin: 14px 20px 0 20px;
    padding: 0 10px;
    width: 600px;
    background: #F3F2EB url(/images/content_bg.gif) repeat-x 0 0;
}

.threecol_padded
{
    margin: 14px 0 0 212px;
    padding: 0 10px 20px;
    background: #F3F2EB url(/images/content_bg.gif) repeat-x 0 0;
    width: 400px;
}


.logincontent
{
    width: 520px;
    min-height: 420px;
    height: 420px;
    background: url(/images/loginpagebg.gif) no-repeat 0 0;
    margin-left: 216px;
}

*>.logincontent
{
    height: auto;
}

.logincontent h1, .logincontent h3, .padding h1
{
    color: #DA0A68;
}

.homepage
{
    margin: 14px 0 0 225px;
    padding: 0 10px;
    background: #F3F2EB url(/images/content_bg.gif) repeat-x 0 0;
    width: 396px;
}

.padding, .list_product, .twocol, .homepage, .twocol_padded, .threecol_padded
{
    height: 500px;
    min-height: 500px;
}


*>.padding, *>.list_product, *>.twocol, *>.homepage, *>.twocol_padded, *>.threecol_padded
{
    height: auto;
}

#rightcol
{

    float: right;
}

/* highres_gallery */

#highres_gallery {
    margin: 1em 0 1em 20px;
}

#gallery_navigation {
    width: 100%;
    position: relative;
    margin-bottom: 2em;
}

#gallery_navigation #m2 {
    position: absolute;
    right: 20px;
    bottom: 0;
}

#gallery_navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#gallery_navigation li {
    width: 100%;
}

#gallery_navigation #gallery_177 {
    padding-top: 1em;
}

#gallery_navigation li a:focus, #gallery_navigation li a:hover, #gallery_navigation li a:active, #gallery_navigation li.current a {
    color: #F6209A;
}

#highres_gallery .options {
    margin-bottom: 1em;
    background: #F1E5F3;
    border: 1px solid #ccc;
    width: 558px;
    text-align: center;
}

#highres_gallery .options p {
    margin: .5em 10px;
    padding: 0;
}

#highres_gallery .thumb_wrapper {
    width: 100%;
    margin-bottom: 1em;
}

#highres_gallery a.thumb {
    border: 1px solid #7D4686;
    width: 102px;
    float: left;
    margin: 0 10px 1em 0;
    background: #ccc;
    display: inline;
}

#highres_gallery a.thumb:focus, #highres_gallery a.thumb:hover, #highres_gallery a.thumb:active {
    border: 1px solid #F6209A;

}

#highres_gallery a.thumb img {
    display: block;
    padding: 1px;
    width: 100px;
    height: 100px;
}

#highres_gallery .medium_wrapper {
    width: 558px;
    margin-bottom: 1em;
    text-align: center;
}


/*
=elements
---------------------------------------------- */

#contact
{
    position: absolute;
    right: 2px;
    top: 0;
    z-index: 10;
    background: #fff url(/images/contactbg.gif) no-repeat 0 0;
    padding: 1em 20px 0 50px;
    text-align: right;
    color: #7D4686;
    font-size: .9em;
}

.featurebox
{
    background: transparent url(/images/featurebox_repeat.gif) repeat-y 0 0;
    width: 213px;
    margin: 0 0 10px 10px;
}

#featurelogin
{
    background: #7D4686 url(/images/featurebox_repeat_login.gif) repeat-y 0 0;
}

.featurebox em
{
    color: #EF1F9A;
    font-style: normal;
    display: block;
}

.tip
{
    padding: 0 18px;
    color: #8F8D7C;
}

.register
{
    padding: 0 18px;
    color: #000;
}

.tip h3
{
    margin: 0;
}

.register h3
{
    color: #666;
    font-size: 1.3em;
    margin: .6em 0 .8em ;
}

.register input
{
    margin-bottom: -2px;
}


.tip p
{
    margin: .5em 0;
}

.subscribe
{
    padding: 0 18px;
    color: #000;
    font-size: .95em;
}

.subscribe input
{
    position: relative;
    top: 1px;
}

#status
{
    background: url(/images/statusbg.gif) repeat;
    height: 25px;
    border-bottom: 6px solid #EAEAEA;
    position: relative;
    color: #8D1E60;
    font-size: .9em;
}


#status div
{
    padding: 5px 0 0;
    position: relative;
    z-index: 10;
}

#status a, #contact a
{
    text-decoration: none;
}

#status a:hover, #contact a:hover
{
    text-decoration: underline;
}

#status ul
{
    display: inline;
    margin: 0 0 0 1em;
    padding: 6px 0 0;
    list-style: none;
    z-index: 200;
}

#status li
{
    display: inline;
    margin: 0;
    padding: 0;
    color: #8D1E60;
}

#status li a
{
    margin: 0 .5em 0 0;
}

.statusleft2
{
    position: absolute;
    bottom: -6px;
    left: 0;
}

.loginbanner
{
    width: 746px;
    height: 93px;
    background: url(/images/loginhead.gif) no-repeat 0 0;
}

a.logo
{
position: relative;
top: 21px;
}

.loginbox_content
{
    padding: 0 0 0 18px;
    color: #fff;
}

.loginbox_content p
{
    color: #fff;
    margin-right: 10px;
}


.loginbox h3
{
    margin: 0 0 1.6em;
    color: #fff;
    font-size: 1.1em;
}
.loginbox a
{
    color: #FF83CC;
}

.loginbox label
{
    color: #fff;
}

.loginbox .text, .loginbox .password
{
    margin: .2em 0 0;
    color: #E8098E;
}

.loginbox .submit
{
    margin-bottom: 3px;
}

.whitebox
{
    color: #000;
}
.whitebox a
{
    color: #ED008C;
}
.whitebox p
{
    color: #000;
    margin: 0 10px .5em;
}

.rememberme
{
}

.rememberme p
{
    color: #000;
}

.rememberme label
{

}

.rememberme .helpme p
{
    font-size: 1.2em;
    line-height: 1.3em;
}


/*
=navigation
---------------------------------------------- */
#navigation
{
    background: #7D4686 url(/images/navbg.gif) repeat-x top;
    height: 74px;
    position: relative;
}


#animal
{
    behavior: url("/includes/pngbehavior.htc");
    width: 95px;
    height: 86px;
    position: absolute;
    top: -85px;
    left: 280px;
    z-index: 6;
}

#utility
{
    position: absolute;
    right: 1em;
    top: -20px;
}

#utility ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#utility li
{
    display: inline;
    margin: 0;
    padding: 0;
    color: #00C6FF;
}

#utility li a
{
    color: #8D1E60;
    margin: 0 .3em 0 0;
    text-decoration: none;
}

#utility li a:hover
{
    text-decoration: underline;
}

#utility li a.utilactive
{
    text-decoration: underline;
}


/*
=subnavigation lists
-----------------------------------------------------*/

#sidenav
{
    width: 198px;
    background: url(/images/subnavbg.gif) repeat-y 0 0;
    margin: 0 0 0 10px;
}


#sidenav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidenav li
{

    padding-top: 1px;
    padding-bottom: .2em;

}

#sidenav a
{
    color: #8D1E60;
    color: #481D4F;
    font-weight: normal;
    text-decoration: none;
    font-size: 1em;
    padding: 0 0 0 10px;
    margin: 0;
    display: block;
}

#sidenav a:hover
{
    color: #D60883;
    text-decoration: underline;
}

li.nopad
{
    padding: 0;
}

#sidenav ul.list_1
{
    padding: .5em 0;
    margin: 0;
}

.item_1
{
    padding-left: 10px;
}

.item_1b
{
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}

#sidenav li.item_1 a.active
{
    color: #D60883;
    text-decoration: none;
    background: url(/images/bullet.gif) no-repeat 10px 3px;
    margin: 0 0 0 10px;
    padding: 0 0 0 25px;

}

#sidenav ul.list_2
{
    padding: .5em 0;
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #fff;
    background: url(/images/list2_bg.gif) repeat;
    margin: .5em 10px .5em 12px;
}

.item_2
{
    padding-left: 20px;
}

#sidenav li.item_2 a.active
{
    color: #D60883;
    text-decoration: none;
    background: url(/images/bullet.gif) no-repeat 10px 3px;
    margin: 0 0 0 25px;
}

#sidenav ul.list_3
{
    padding: .5em 0;
    margin: .5em 0;
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #fff;
    background: url(/images/list3_bg.gif) repeat;
}

.item_3
{
    padding-left: 30px;
}

#sidenav ul.list_4
{
    padding: .5em 0;
    margin: .5em 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #eee;
    background: #ccc;
}

.item_4
{
    padding-left: 40px;
}

#sidenav ul.list_5
{
    padding: .5em 0;
    margin: .5em 0;
    border-top: 1px solid #E9DBEB;
    border-bottom: 1px solid #E9DBEB;
    background: #F6F1F6;
}

.item_5
{
    padding-left: 50px;
}


#contentnav
{
    border-top: 1px dotted #D0C3CB;
    border-bottom: 1px dotted #D0C3CB;
    padding: 8px 0;
    margin: 0 10px 20px;
    height: 3em;
}

#contentnav ul
{
    margin: 0 14px 0 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 9em;
}

#contentnav li
{
    position: relative;
    background: url(/images/bullet.gif) no-repeat left 3px;
    padding: 0 0 0 18px;
    clear: right;
}


#contentnav a
{
    color: #8D1E60;
}


/*
=sliding doors
-----------------------------------------------------*/

#catalogue
{
    position: absolute;
    bottom: 8px;
    left: 10px;
}

#catalogue ul
{
    margin: 0;
    padding: 4px 0 0;
    list-style: none;
}
#catalogue li
{
    float: left;
    background: url(/images/tableft.gif) no-repeat left top;
    margin: 0 ;
    padding: 0 0 0 7px;
}

#catalogue li.special
{
    background: url(/images/tableft2.gif) no-repeat left top;
}

#catalogue a
{
    float: left;
    font-size: .95em;
    display: block;
    background: url(/images/tabright.gif) no-repeat right top;
    padding: 6px 10px 6px 2px;
    text-decoration: none;
    color: #fff;
}

#catalogue a:hover
{
    color: #fff;
    text-decoration: underline;
}


#catalogue .special a
{
    background: url(/images/tabright2.gif) no-repeat right top;
}


/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#catalogue a {float: none;}

/* End IE5-Mac hack */


#catalogue #current
{
    background-image: url(/images/tableft_on.gif);
    border-width: 0;
}

#catalogue #current a
{
    background-image: url(/images/tabright_on.gif);
    color: #222;
    padding-top: 7px;
    padding-bottom: 5px;
}

#catalogue #current.special
{
    background-image: url(/images/tableft2_on.gif);
    border-width: 0;
}

#catalogue #current.special a
{
    background-image: url(/images/tabright2_on.gif);
    color: #222;
    padding-bottom: 5px;
}


#search
{
    position: absolute;
    right: 10px;
    top: 20px;

}

#search label
{
    color: #F9CA09;
    font-weight: bold;
}

#search input
{
    font-weight: normal;
    margin: 0;
}

#search input.text
{
    width: 125px;
}



/*
=basket
-----------------------------------------------------*/

#rightcol ul
{
    margin: 12px 0;
    padding: 0;
}

#rightcol li
{
    margin: 0 0 0 16px;
    padding: 0;
}


#basket
{
    background: url(/images/basketrepeat.gif) repeat-y 0 0;
    width: 252px;
}

#basket .scroll
{
    height: 230px;
    width: 230px;
    overflow: auto;
    margin-left: 18px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #838383;
}


table.basketitems
{
    width: 210px;
    margin: 0;
}

.basketitems td
{
    padding: .8em 0;
    border-bottom: 1px solid #999;
}

td.qty
{
    padding-left: 2px;
    padding-right: 2px;

}

td.qty input
{
    width: 1.5em;
    color: #FF0072;
    font-size: .95em;
}

td.product
{
    color: #006FC9;
    font-size: .95em;
    padding-left: .5em;
    padding-right: .5em;


}

td.product a
{
    color: #006FC9;
}

td.subtotal
{
    text-align: right;
}

td.total
{
    text-align: right;
    font-weight: bold;
}

td.delete
{
    padding-left: 8px;
}

table.summary
{
    background-color: #CBC1CE;
    width: 230px;
    margin: 0 0 0 16px;
    padding: 0;
    color: #464646;
    border-top: 8px solid #CBC1CE;
}


.summary td
{
    padding: .3em 0 .3em 18px;
}

td.price
{
    color: #000;
    text-align: right;
    padding: .2em 18px .2em 0;
}

.total td
{
    color: #000;
    font-weight: bold;
    padding: .3em 18px .8em 18px;
    border-top: 1px solid #ddd;
}

div.pdf_download {
	background: transparent url("/images/icon-pdf.png") no-repeat 0 0;
	padding-left: 22px;
	margin-left: 20px;
	margin-top: 20px;
}

div.pdf_download a span {
	color: #8F8D7C;
	text-decoration: none;
	font-size: 0.9em;
}


/*
=listing
-----------------------------------------------------*/



.list_product h1
{
    margin: .6em 10px .4em 10px;
}

.twocol h2
{
    margin: .6em 10px .4em 10px;
}

.paginate
{
    margin: 1.4em 10px 20px 10px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 6px 6px 10px;
}

.paginate .perpage
{
    float: right;
    margin: 0 0 0 .6em;
}

.paginate .perpage select
{
    margin-bottom: -2px;
}



.preference
{
    margin: 0 10px;
    height: 35px;
}

.preference a.dec
{
    background: url(/images/bullet.gif) no-repeat 0 4px;
    padding: 0 0 0 16px;
    position: relative;
    bottom: -4px;
}



.list_product h2
{
    margin: 0 10px .6em 10px;
    padding-top: 1em;
}

/*
=listitems
-----------------------------------------------------*/



/*
=listitem_type1 ( standard horizontal list item )
-----------------------------------------------------*/

dl.listitem_type1 {
    background-color: #fff;
    border: 1px solid #DEDEDE;
    margin: 0 0 15px 10px;
    display: inline; /* Fixes the IE/win double margin bug */
    padding: 10px 10px 9px;
    float: left;
    position: relative;
    width: 382px;
}

.listitem_type1 dt
{
    font-weight: bold;
    margin: 0 0 .5em;
}

.listitem_type1 dt a
{
    text-decoration: none;
    color: #8D1E60;
}
.listitem_type1 dt a:hover
{
    text-decoration: underline;
}

.listitem_type1 dd
{
    color: #555;
    margin-left: 82px;
    position: relative;
}

.listitem_type1 dd.image
{
    float: left;
    margin: 0;
    position: relative;
    min-height: 100px;
    min-width: 66px;
}

.listitem_type1 dd.image img
{
    padding: 2px;
    border: 1px solid #ccc;
    float: left;
    width: 66px;
    height: 100px;
    margin: 0 0 3px 0;
}

.listitem_type1 dd.hires_helpme_list
{
    position: absolute;
    top: 2em;
    right: 10px;
    font-size: .9em;
}

.listitem_type1 dd.hires_helpme_list a
{
    display: block;
}

.listitem_type1 dd.hires_helpme_list .helpme, .listitem_type1 dd.hires_helpme_list .helpme_hover
{
    left: -25px;
}

.listitem_type1 dd.addprod
{
    margin: 0;
    font-size: .9em;
    color: #777;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 298px;
}

.listitem_type1 .addprod .qty
{
    width: 4.2em;
    color: #ED008C;
    padding: 0 .2em;
    margin: 0 4px 0 0;
}

.listitem_type1 .addprod .qty_select
{
    width: 3.5em;
    color: #ED008C;
    padding: 0 .2em;
    margin: 0 4px 0 0;
}

.listitem_type1 .update
{
    background-image: url(/images/button_update.gif);
    margin: -2px 0 0;
    position: absolute;
    right: 0;
    top: 0;

}

.listitem_type1 dd.description
{
    padding-top: 1.5em;
    clear: both;
}

.listitem_type1 dd.info
{
    margin: 0;
    color: #000;
}
.listitem_type1 img.flag
{
    margin: 6px 0 0;
    display: block;
}

.listitem_type1 .thumbhatch
{
    background: url(/images/hatch.gif) repeat;
    width: 64px;
    height: 100px;
    position: absolute;
    top: 3px;
    left: 4px;
}




/*
=listitem_type2 ( specials, new products, search )
-----------------------------------------------------*/

dl.listitem_type2 {
    background-color: #fff;
    border: 1px solid #DEDEDE;
    margin: 0 0 10px 10px;
    display: inline; /* Fixes the IE/win double margin bug */
    padding: 10px 10px 9px;
    float: left;
    width: 170px;
    height: 17em;
    overflow: hidden;
    position: relative;
}

.listitem_type2 dt
{
    font-weight: bold;
    margin: 0 0 .5em;
}

.listitem_type2 dt a
{
    text-decoration: none;
    color: #8D1E60;
}
.listitem_type2 dt a:hover
{
    text-decoration: underline;
}

.listitem_type2 dd
{
    color: #555;
    position: relative;
}

.listitem_type2 dd.image
{
    float: left;
    margin: 0;
    width: 82px;
    position: relative;
}

.listitem_type2 dd.image img
{
    padding: 2px;
    border: 1px solid #ccc;
    float: left;
    width: 66px;
    height: 100px;
    margin: 0 0 3px 0;
}

.listitem_type2 dd.hires_helpme_list
{
    clear: both;
    font-size: .9em;
    margin: .5em 0 .5em 25px;
}

.listitem_type2 dd.hires_helpme_list .helpme
{
    left: -25px;
}

.listitem_type2 dd.hires_helpme_list .helpme_hover
{
    left: -25px;
    width: 170px;
    z-index: 11;
}

.listitem_type2 dd.addprod
{
    margin: 0;
    font-size: .9em;
    color: #777;
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 10px;
    width: 170px;
}

.listitem_type2 .addprod .qty
{
    width: 2.5em;
    color: #ED008C;
    padding: 0 .2em;
    margin: 0 4px 0 0;
}

.listitem_type2 .addprod .qty_select
{
    width: 4.2em;
    color: #ED008C;
    padding: 0 .2em;
    margin: 0 4px 0 0;
}

.listitem_type2 .update
{
    background-image: url(/images/button_update.gif);
    margin: -2px 0 0;
    position: absolute;
    right: 0;
    top: 0;
}

.listitem_type2 dd.description
{
    padding-top: 1.5em;
    clear: both;
}

.listitem_type2 dd.info
{
    margin: 0;
    color: #000;
}
.listitem_type2 img.flag
{
    margin: 6px 0 0;
    display: block;
}

.listitem_type2 .thumbhatch
{
    background: url(/images/hatch.gif) repeat;
    width: 64px;
    height: 100px;
    position: absolute;
    top: 3px;
    left: 4px;
}



/*
=view_details (view the product detail)
-----------------------------------------------------*/

/*
=narrow (3 column) version
-----------------------------------------------------*/
dl.view_details {
    margin: 0 0 10px;
    margin: 10px;
    position: relative;
}

.view_details dt
{
    font-weight: bold;
    margin: 0 0 .5em;
    font-size: 1.2em;
}

.view_details dd
{
    color: #555;
    margin-left: 0;
    position: relative;
}

.view_details.portrait dd
{
    padding-top: 1em;
}

.view_details dd.image
{
    margin: 1em 0;
    position: relative;
}

.view_details.portrait dd.image
{
    margin: 1em 1em 1em 0;
    padding: 0;
    float: left;
}

.view_details dd.image img
{
    padding: 2px;
    border: 1px solid #ccc;

}

.view_details dd.addprod
{
    margin: 1em 0;
    font-size: .9em;
    color: #777;
}

.view_details .addprod .qty
{
    width: 2.5em;
    color: #ED008C;
    padding: 0 .2em;
    margin: 0 4px 0 0;
}

.view_details .update
{
    background-image: url(/images/button_update.gif);
    margin: 0 0 -5px;

}


.view_details dd.description, .view_details dd.features, .view_details dd.guidelines, .view_details dd.ingredients {
    /*
    float: none;
    clear: left;
    width: 90%;
    margin: 1em 0;
    */
}

.view_details dd.info
{
    margin: 0;
    color: #000;
}

.view_details dd.hires_helpme_display
{
    padding: 0;
    margin: 0 0 .6em .6em;
    font-size: .9em;
    float: right;
    position: relative;
    z-index: 100;
}

.view_details img.flag
{
    margin: 6px 0 0;
    display: block;
}

.view_details .thumbhatch
{
    background: url(/images/hatch.gif) repeat;
    position: absolute;
    top: 3px;
    left: 4px;
}


/*
=wide (2 column) version
-----------------------------------------------------*/
.twocol dl.view_details {
    margin: 0 0 10px;
    margin: 10px;
    position: relative;
}

.twocol .view_details dd
{
    color: #555;
    margin-right: 20px;
}

.twocol .view_details dd.image
{
    clear: none;
    margin: 0 20px 1em 0;
    width: auto;
    position: relative;

}

.twocol .view_details dd.addprod
{
    padding: 0;
}

.twocol .view_details .update
{
    margin: 0 0 -5px 10px;
}


.twocol .view_details dd.hires_helpme_display
{
    margin: .6em 0;
    font-size: .9em;
}

/*
=listing
-----------------------------------------------------*/
.listing dt
{
    font-weight: bold;
    margin: 0 0 .3em;
}

.listing dt a
{
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}

.listing dt a:hover
{
    text-decoration: underline;
}

.listing dd
{
    margin: 0;
}

.listing dd.info
{
    margin: 0;
    color: #8D1E60;
}

.categories
{
    clear: left;
    padding-top: 1px;
}

/*
list_news_home
-------------------------------------------------------------*/

#list_news_home
{

}

#list_news_home dl
{
    background-color: #fff;
    margin: 10px 0 20px;
    padding: 0 0 .6em;

}

#list_news_home dt
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: .5em 10px;
}

#list_news_home dt a
{
    text-decoration: none;
}

#list_news_home dd
{
    margin: 0;
    padding: 0 1em 0 10px;
}

#list_news_home dd.info
{
    margin: 0 10px .5em;
    padding: .2em 0;
    color: #E8098E;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

/*
list_news
-------------------------------------------------------------*/

#list_news
{
    float: left;
}

#list_news dl
{
    background-color: #fff;
    margin: 10px 0 10px;
    padding: 12px;
    float: left; /* Must be floated or they won't clear properly */

}

#list_news dt
{
    font-size: 1.3em;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: .5em 0;
}

#list_news dt a
{
    text-decoration: none;
}

#list_news dd
{
    margin: 0;
    padding: 0 1em 0 0;
}

#list_news dd.image
{
    margin: 0;
    padding: 0;
    float: right;
}

#list_news dd.image img
{
    margin: 0 0 10px 10px;
    width: 100px;
    height: 100px;
    padding: 1px;
    border: 1px solid #ccc;
}

#list_news dd.info
{
    margin-bottom: .5em;
    padding: .2em 0 .3em;
    color: #E8098E;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}


/*
=view news
---------------------------------------------------------*/

dl#view_news
{
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
}

#view_news dt
{
    font-size: 1.8em;
    line-height: 1.3em;
    margin: 1em 0 .5em 0;
    color: #8D1E60;
    font-weight: bold;
}

#view_news dd
{
    margin: 0 1em 0 0;
}

#view_news dd.image
{
    float: right;
    margin: 0 10px 0 10px;
    padding: 0;
}

#view_news dd.image img
{
    width: 200px;
    height: 200px;
    padding: 1px;
    border: 1px solid #ccc;
}

#view_news dd.info
{
    margin-bottom: 1.5em;
    padding: .2em 0;
    color: #E8098E;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}


/*
=orderlist
-----------------------------------------------------*/

.orderlist
{
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    width: 100%;
    margin: 6px 0 10px 0;
}

.orderlist th
{
    text-align: left;
    padding: .3em 1em;
    background-color: #7D4686;
    color: #fff;
    font-weight: normal;
}

.orderlist th a {
    color: #fff;
}

.orderlist td
{
    text-align: left;
    padding: .5em 1em;
    border-top: 1px solid #ccc;
    color: #000;
}

.orderlist .bgcolor td
{
    background: #F1E5F3;
    color: #160319;
}

.orderlist .addnote input
{
    width: 500px;
    background: #FDFAE0;
    margin-bottom: .5em;
    color: #EB01B7;
}


.orderlist .bgcolor .addednote, .orderlist .addednote, .orderlist .bgcolor .addnote, .orderlist .addnote
{
    color: #EB01B7;
    border-top: none;
    padding-bottom: 0;
}

.orderlist .qty
{
    width: 60px;
}

.orderlist .qty2
{
    text-align: center;
    width: 60px;
}

.orderlist .cost, .orderlist .subtotal
{
    text-align: right;
    width: 7em;
}

.orderlist .stock_level
{
    text-align: center;
    width: 7em;
}

.orderlist .remove
{
    text-align: center;
}

.orderlist .prodname
{
    width: 170px;
}


.orderlist .remove a
{
    margin: 0 auto;
}

.orderlist .note
{
    text-align: center;
    width: 60px;
}
.orderlist .note img
{
    height: 16px;
    width: 18px;
    behavior: url("/includes/pngbehavior.htc");
}



table.ordersummary
{

    margin: 0 0 10px;
    float: right;
}

.ordersummary td
{
    padding: .5em 1em;
    text-align: right;
    border: none;
}


.ordersummary .gt
{
    color: #592062;
    text-transform: uppercase;
    border-top: 1px solid #592062;
    border-bottom: 1px solid #592062
}

.changeaddress
{
    clear: both;
    display: none;

}

.address
{
    background: #fff;
    float: left;
    border: 1px solid #ccc;
    padding: 1em;
    margin: 0 20px 1em 0;
}

span.label
{

}

.orderlist .showdetail
{
    padding: 0;
}


/*
=standard list
-----------------------------------------------------*/

dl.standard
{
    margin-right: 50px;
}

dl.standard dt
{
    color: #000;
    font-weight: bold;
    margin: 1.5em 0 .6em;
    font-size: 1.2em;
}

dl.standard dd
{
    margin: 0 0 1.5em;
}

dl.standard strong
{
    color: #EB01B7;
    font-weight: bold;
    padding: 0 .6em 0 0;
}


ol li
{
    margin: .5em 0;
}
/*
=past orders
-----------------------------------------------------*/

.past_order
{
    background-color: #fff;
    margin: 0;
    margin: 10px 10px 0;
    border: 1px solid #ccc;
}

.past_order th
{
    background-color: #7D4686;
    color: #fff;
}

.past_order td
{
    border-bottom: 1px solid #eee;
}
.rowcolour td
{
    background-color: #FFFFE7;
    color: #522659;
}

table.ordersummary_past
{
    background-color: #fff;
    border-bottom: none;
    margin: 0;
    float: right;
}

.ordersummary_past td
{
    padding: .2em  0 .2em 1em;
    text-align: right;
    border: none;
}
/*
=misc
---------------------------------------------- */

/* self-clearing floats */
#highres_gallery:after, #highres_gallery .thumb_wrapper:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.change_password {
    margin: 20px;
}

.min_order {
    background: #cbc1ce url(/cms/images/icons/error-sml.gif) 5px 5px no-repeat;
    padding: 4px 3px 4px 20px;
    font-size: .9em;
    color: #FF0066;
}

.back
{
    margin: 0;
    font-weight: bold;
}

.top
{
    display: block;
    float: right;
    margin: 10px;
    position: relative;
}




.listitem .hires_helpme_list a, .hires_helpme_display a {
    margin-left: 25px;
}

.hires_helpme_list .helpme, .hires_helpme_display .helpme, .hires_helpme_list .helpme_hover, .hires_helpme_display .helpme_hover {
    left: 0;
    top: -6px;
}


.helpme
{
    display: block;
    width: 23px;
    height: 22px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

.helpme_hover
{
    width: 250px;
    height: auto;
    background-color: #FFFFDC;
    border-bottom: 1px solid #CACA80;
    border-right: 1px solid #CACA80;
    padding: 0;
    color: #8D1E60;
    position: absolute;
    z-index: 100;
    display: block;
}

.helpme img, .helpme_hover img
{
    behavior: url("/includes/pngbehavior.htc");
    width: 18px;
    height: 17px;
    margin: 5px 0 0 5px;
    float: left;
}
.helpme p, .helpme_hover p
{
    margin: 1em .5em 1em 20px;
}


.note
{
    color: #EB01B7;
    margin-bottom: 1.5em;
}

.welcomeback
{
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    float: left;
    width: 374px;
}


.welcomeback dt
{
    color: #EB01B7;
    font-weight: bold;
    margin: 1.2em 0 .2em;
}

.welcomeback dd
{
    margin: 0;
}

.welcomeback h1 {
    margin-top: 0;
}

.welcomeback img.promo_thumb {
    float:right; 
    margin-left:5px; 
    border:1px solid #ccc; 
    padding: 2px;
}

.welcomeback h1 {
    font-size: 1.4em;
}

#homepagefeature
{
    padding: 3px;
    border: 1px solid #ccc;
    width: 384px;
    float: left;
    margin: 10px 0 20px;
}

#homepagefeature img
{
    margin: 3px;
    float: left;
}

.gibblet
{
    float: left;
    width: 800px;
    margin: 12px 0 20px 0;
}

.gibblet a
{
    float: left;
    margin: 0 5px 0 0;
}

ul.pdf
{
    list-style: none;
    position: relative;
    left: -20px;
    margin: 0 0 0 0;
    padding: 0;
    display: block;
}

.pdf li
{
    margin: 0 0 .6em 0;
    padding: 0;
}

ul.pdf a
{
   background: url(/images/pdf.gif) left no-repeat;
   padding: 4px 0 4px 24px;
   display: inline;
   margin-bottom: 1em;
}


a.pdf
{
   background: url(/images/pdf.gif) left no-repeat;
   padding: 4px 0 4px 24px;
   display: inline;
   margin-bottom: 1em;
}

ul.files {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.files li {
    background: transparent url(/images/icons/doc.gif) no-repeat 0% .3em;
    padding: .3em 0 .3em 22px;
}

ul.files li.ppt {
    background-image: url(/images/icons/ppt.gif);
}

/*
=homepage
-----------------------------------------------------*/

ul.arrow
{
    list-style: none;
    margin: .3em 0 2em 2em;
    padding: 0;
}

ul.arrow li
{
    background: url(/images/arrow_bullet.gif) no-repeat 0 4px;
    position: relative; /* need this for IE */
    padding: 0 0 0 20px;
    margin: 0 0 .6em;
}

#form label
{
    margin: 0 0 1em;
    color: #8D1E60;
    display: block;
}

#form label .label-note
{
    font-size: .95em;
    color: #333;
}

#form input, #form select, #form textarea
{
    margin: .2em 0 0;
}


/*
=print
---------------------------------------------- */

.print_only
{
    display: none;
}


/*
=footer
---------------------------------------------- */

#footer
{
    color: #8D1E60;
    font-size: .95em;
    text-align: center;
    clear: both;
    margin-top: 20px;
    padding: 20px 0 0;
    background: url(/images/footerbg.gif) no-repeat 0 0;
    width: 901px;
    height: 53px;
}

.narrow#footer
{
    background: url(/images/footerbg_sm.gif) no-repeat 0 0;
    width: 756px;
    height: 73px;
}

#footer ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer li
{
    display: inline;
    color: #06C5FC;
    margin: 0;
    padding: 0;

}

#footer p
{
    padding-top: 1em
}

#footer a
{
    color: #821B60;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}

#footer a:hover
{
    text-decoration: underline;
}

#debug
{
    margin: 20px 0 20px 70px;
    color: #666;
}

/*
=buttons
-----------------------------------------------------*/

.highres
{
    display: block;
    width: 136px;
    height: 20px;
    margin: 1em auto;
    text-indent: -999em;
    background: transparent url(/images/button_highres.gif) no-repeat 0% 0%
}

.back
{
    background-image: url(/images/button_back.gif);
    width: 52px;
}

.back:hover
{
    background-image: url(/images/button_back_on.gif);
}

.save
{
    background-image: url(/images/button_save.gif);
    width: 42px;
}

.save:hover
{
    background-image: url(/images/button_save_on.gif);
}


.logout
{
    background-image: url(/images/button_logout.gif);
    width: 59px;
}

.logout:hover
{
    background-image: url(/images/button_logout_on.gif);
}

.keepshopping
{
    background-image: url(/images/button_keepshopping.gif);
    width: 92px;
}

.keepshopping:hover
{
    background-image: url(/images/button_keepshopping_on.gif);
}


.copyorder
{
    background-image: url(/images/button_copyorder.gif);
    width: 98px;
    margin: 0 0 15px 10px;
}

.copyorder:hover
{
    background-image: url(/images/button_copyorder_on.gif);
}

.change
{
    background-image: url(/images/button_change.gif);
    width: 59px;
}

.change:hover
{
    background-image: url(/images/button_change_on.gif);
}

.nexttip
{
    background-image: url(/images/button_nexttip.gif);
    width: 60px;
}

.nexttip:hover
{
    background-image: url(/images/button_nexttip_on.gif);
}


.button.cross
{
    background-image: url(/images/button_delete.gif);
    width: 13px;
    height: 13px;
}

.button.cross:hover
{
    background-image: url(/images/button_delete_on.gif);
}

.checkout
{
    background-image: url(/images/button_checkout.gif);
    width: 122px;
    float: right;
}

.checkout:hover
{
    background-image: url(/images/button_checkout_on.gif);
}

.login
{
    background-image: url(/images/button_login.gif);
    width: 139px;
}

.login:hover
{
    background-image: url(/images/button_login_on.gif);
}


.updateprices
{
    background-image: url(/images/button_updateprices.gif);
    width: 86px;
}

.updateprices:hover
{
    background-image: url(/images/button_updateprices_on.gif);
}


.updateall
{
    float: right;

}

/*
=Message classes
--------------------------------------------*/

.msg-info
{
    background: #fff url(/cms/images/icons/check.gif) 5px 5px no-repeat;
    color: #693;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
}

.msg-info span
{
    color: #693;
    font-weight: bold;
}


.msg-error
{
    background: #cbc1ce url(/cms/images/icons/error-sml.gif) 5px 5px no-repeat;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 5px 5px 25px;
}

.msg-error span
{
    color: #fff;
    font-weight: bold;
}

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