*
{
    margin: 0px;
    padding: 0px;
}
 
body
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    background:#ccc ;
    font-family: Arial,verdana sans-serif, Helvetica, Arial;
    font-size: small;
    color: #555;
}  

form
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

/* For some reason css does not inherit font settings within tables */



/*-----------------------------------------------------------
    Page layout
-----------------------------------------------------------*/

.FirstPageCentre 
{
    /* Fix of -80px as left content width is 160px, force login to look like its in the centre */
}

#mainWrapper
{
    width:977px;
    min-height:715px;
    padding:5px 5px 45px 5px;
    margin:25px;
    background-color:#fff;
    height:auto;
    margin-left:auto;
    margin-right:auto;

    /*Mozzila & Webkit*/
    border:1px solid #666;
    -moz-box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    
}
#topsectionwrapper
{
    background:url('images/title.png') no-repeat  ;
    background-position: 10px center;
    margin-left:auto;
    margin-right:auto;
    height: 100px;
    width:950px;
    color:#fff;
    background-color:#fff;
    padding:0px 0px 0px 25px;
}
#topsectionwrapper #CustomerLogo
{   
    font-family:Arial;
    color:#666;
    text-align: right;
    float:right;
    margin: 0px 5px 0px 15px;
    width:120px;
    height:80px;
    float:left;
    cursor:pointer;
}
#CustomerLogo td
{
    font-weight:bold;
    font-size:9pt;
    
      
}
#CustomerLogo th
{
    font-family:Arial Narrow;
    font-weight:lighter;
    font-size:14pt;
}
#CustomerLogo #checkoutImage
{
    width:15px;
    height:14px;
    background:transparent url('images/check-out.png') no-repeat right;
}

#headerImages
{
   /* background:url('images/main_picture_frame.png') no-repeat;*/
    width:977px;
    height:188px;
    margin-left:auto;
    margin-right:auto;
    padding: 13px 0px 0px 2px;
}
#headerImages img
{
    margin-left:2px;
    width:288px;
    height:170px;
}

#dermalogicaFooter
{
    width:983px;
    border-top:1px solid #ccc;
    color:#666;
    font-weight:bold;
    font-size:9pt;
    float:left;
    margin-top:15px;
}
#dermalogicaFooter .derFooter
{
    list-style:none;
}
#dermalogicaFooter .derFooter li
{
    float:left;
    width:154px;
    height:30px;
    line-height:30px;
    text-align:center;
}
#dermalogicaFooter .derFooter li img
{
    margin-top:9px;
}
#dermalogicaFooter a, #dermalogicaFooter a:visited, #dermalogicaFooter a:hover
{
    color:#666;
    text-decoration:none;
    display:inline;
}

#MenuPosition
{
    width:960px;
    height:40px;
    line-height:31px;
    padding: 7px 0px 0px 12px;
    background:#6699cc url('images/menubg.png') no-repeat left top;
    margin-left:5px;
    margin-top:13px;
    position:relative;
}
#menuBox
{
    width:915px;
    height:30px;
}
.Menu
{
    font-family: Arial;
    margin: 0px !important;
    border: 0px;
    padding: 0px;
    text-align:center;
}
.MenuStaticMenuItemStyle a, .MenuStaticMenuItemStyle a:visited,
.MenuDynamicMenuItemStyle a, .MenuDynamicMenuItemStyle a:visited,
.MenuDynamicSelectedStyle a, .MenuDynamicSelectedStyle a:visited
{
    padding:10px 25px 8px 25px;
    color:#fff;
    font-family: Arial;
    font-size: 11pt !important;
    height:31px;
    background:url('images/topNav_buttonMargin.png') repeat-y right;
}
.MenuStaticMenuItemStyle a:hover
{
    color:#ccc;
}
.MenuStaticHoverStyle, .MenuDynamicHoverStyle,.MenuDynamicMenuStyle
{
    color:#ccc;
}
#MenuPosition .search
{
    width:230px;
    position:absolute;
    left:725px;
    top:13px;
}

#SearchBox
{
    display:inline;
    float:left;
    margin-top:0px;
    margin-left:10px;
}
#SearchButton
{
    display:inline;
    float:left;
    margin-top:0px;
    margin-left:0px;
}

#pageTitle 
{
    color:#6699CC;
    margin-top:25px;
    margin-bottom:15px;
    float:left;
    width:100%;
    font-size:12pt;
}

#pageTitle h1 
{
	text-align:left !important;
    color:#6699CC !important;
	font-size:14pt !important;
    font-family:Arial !important;
    font-weight:lighter !important;
}
#dermalogicaLeftContentContainer
{
    width:180px;
    float:left;   
}
 #leftcontent
{
    width: 180px;
    margin-left:20px;
    padding-top:17px;
    float:left;
    display:inline;
    min-height:420px;
}
#content
{   
    margin-top:10px;
    float:left;
    padding:10px;
    width: 740px;
    min-height:500px;
}
#content .categoryImage
{
    float:left;
    display:inline;
    text-align:center;
    margin-left:0px;
    margin-bottom:30px;
}
.innerBorder
{
/*    background-image:url('images/subCategory_frame.png') left no-repeat;
    width:212px;
    height:135px;
*/
}

#content .categoryImage img{
    height:118px;
    width:190px;
}
#content .categoryImage , .categoryImage:visited{
    color:#000;
    text-decoration:none;
    border:1px solid #fff;    
}
#content .categoryImage:hover
{
    border:1px solid #fff;    
}

#content .Wraper
{
    float: left;
    width: 655px;
    height: auto;
}

#content  .TopItem
{
    text-align:justify;
    display: inline;
    float: left;
    width: 655;
    margin-left:auto;
    margin-right:auto;
}
#content .LeftItem
{
    text-align:justify;
    display: inline;
    float: left;
    width: 60%;
    height: auto;
    padding-right:0px;
}
.LeftItem a, .LeftItem a:visited, .LeftItem a:hover
{
    text-decoration:none;
    color:#666;
    border:none;
}

#content .RightItem
{
    text-align:justify;
    display: inline;
    float: left;
    width: 40%;
    height: auto;
    padding-left:0px;
    
}
#content  .RightItem img
{
    margin-left:15px;
}
#content .BottomItem
{     
    text-align:justify;
    display: inline;
    float: left;
    width: 655;
    height: auto;
    margin-left:auto;
    margin-right:auto;
}

/*.Wraper  .TopItem .ArticleImage
{     max-width: 690px;
      float: left;
      text-align:center;
      background-color:Aqua;
      
      }*/
      
      
#content .Wraper  .RightItem .ArticleImage img
{
    max-width: 260px;
    float: left;
    text-align:center;
    padding: 5px 2px 5px 2px;
    
}
      
#content .Wraper  .TopItem .ArticleImage img
{
    max-width: 655px;
    float: left;
    text-align:center;
    padding: 5px 0px 5px 0px;
}
#content .Wraper  .LeftItem .ArticleImage img
{
    max-width: 390px;
    float: left;
    text-align:center;
    padding: 5px 2px 5px 2px;
    
}
#content .Wraper  .BottomItem .ArticleImage img
{
    max-width: 655px;
    float: left;
    text-align:center;
    padding: 5px 0px 5px 0px;
}

.ProductListAnchor
{
	text-decoration:none;
	cursor:pointer;
}

.ProductListDiv
{
	cursor:pointer;
}
/*featured products*/

#flashSpecialFeature
{
    
    margin-bottom:40px;
}
#productContainer
{
}
#productContainer .featuredProducts
{
    border:1px solid #ccc;
    width:741px;
    list-style:none;
    float:left;
    margin-bottom:-30px;
}
#productContainer .headerItem
{
    float:left;
    line-height:30px;
    width:246px;
    text-align:center;
    font-size:12pt;
    font-weight:600;
    color:#999;
}
#productContainer .featuredItem
{
    float:left;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    list-style:none;
     
}
#productContainer .featuredItemAlt
{
    float:left;
    border-top:1px solid #ccc;
    list-style:none;
}
#productListContainer .featuredProducts
{
    border:1px solid #ccc;
    width:741px;
    list-style:none;
    float:left;
    margin-bottom:-30px;
    margin-top:15px;
    
}
#productListContainer .headerItem
{
    float:left;
    line-height:30px;
    width:246px;
    text-align:center;
    font-size:12pt;
    font-weight:600;
    color:blue;
}
#productListContainer .featuredItem
{
    float:left;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    list-style:none;
}
#productListContainer .featuredItemAlt
{
    float:left;
    border-top:1px solid #ccc;
    background:blue;
}
/*-----------------------------------------------------------
    Left section styles
-----------------------------------------------------------*/

#leftcontent h1
{
    background-color: #439192;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    margin: 10px 0px 0px 0px;
    border: 0px;
    padding: 1px;
}


#leftcontent .categoryList
{
	background-color: #000;
	border-bottom: solid 2px #046c6d;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 15px;
    font-weight:bold;
    text-align: center;
    width: 157px;
    color: #F0CD87;
    margin: 10px 0px 0px 0px;
    border: 0px;
    padding: 0px;
}
#leftcontent a, #leftContent a:visited
{
    font-family:  Arial, Verdana, Helvetica,;
    text-decoration:none;
    padding:5px 0px 5px 0px;
    display:block;
    font-size:10pt;
    color:#666666;
    font-weight:bold;
}
#leftcontent a:hover
{
    color:#ff9933;  
}
#leftcontent .btn
{
    background-color: #E5F0F0;
    border: 0px;
    color: #046c6d;
    padding: 1px;
    margin: 0px 0px 1px 0px;
    width: 158px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    width: 100%;
    /*float: left;*/
    
}

#leftcontent .btn:hover
{
    background-color: #81B5B6;
    border: 0px;
    color: #FFFFFF;
    padding: 1px;
    margin: 0px 0px 1px 0px;
    width: 158px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
}

#leftcontent .lbtn
{
    background-color: #E5F0F0;
    border: 0px;
    color: #046c6d;
    padding: 1px;
    margin: 0px 0px 1px 0px;
    width: 158px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-decoration: none;
    text-align: center;
}

#leftcontent .lbtn:hover
{
    background-color: #81B5B6;
    border: 0px;
    color: #FFFFFF;
    padding: 1px;
    margin: 0px 0px 1px 0px;
    width: 158px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
}

#leftcontent .btnDisabled
{
    background-color: #E5F0F0;
    border: 0px;
    color: #81B5B6;
    padding: 1px;
    margin: 1px 0px 1px 0px;
    width: 158px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
}

#martynMaxey
{
    border:1px solid #6699cc;
    margin-top:15px;
    padding:3px 2px 3px 2px;
    width:173px;
    float:left;
}
#martynMaxey div
{
    font-size:10pt;
    line-height:20px;
    font-weight:bolder;
    width:168px;
    text-align:center !important;
}
#martynMaxey div img
{
    border:none;
    margin-bottom:-4px;
}
#martynMaxey div a,#martynMaxey div a:hover,#martynMaxey div a:visited
{
    color:#ff9933;
    text-decoration:none;
    line-height:19px;
    vertical-align:middle;
}
/*-----------------------------------------------------------
    Top section styles
-----------------------------------------------------------*/

.Logo
{
    float: left;
    margin: 5px 0px 0px 5px;
}

.TopSectionLoading
{
    position: fixed;
    bottom: 43px;
    left: 0px;
    text-align: center;
    border: 0px;
}

.AJAXLoading
{
    border:0px; 
    margin: 0px; 
    padding: 0px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    color: #035152;
    font-weight: bold;
    text-align: center;
}


.ApplicationName
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: x-larger ;
    color: #035152;
    font-weight:bold;
    text-align: center;
    float: left;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0px;
}



.Logout
{
    position: absolute;
    top: 90px;
    left: 0px;
    text-align: left;    
    font-size: 10px;
    letter-spacing: 1.5px;
    border: 0px;
    padding: 5px 10px 4px 4px;
    background-color: #cce0e2;
    color: #046c6d;
    vertical-align: middle;
    z-index: 2700;
}

.Logout .CloseApplicationButton
{
    border-left: solid 2px #cce0e2;
    border-right: solid 2px #cce0e2;
    border-top: solid 0px #cce0e2;
    border-bottom: solid 2px #cce0e2;
    padding: 4px 10px 4px 10px;
    background-color: #cce0e2;
    color: #046c6d;
    text-decoration: none;
}



.Logout .CloseApplicationButton:hover
{
    border-left: solid 2px #cce0e2;
    border-right: solid 2px #cce0e2;
    border-top: solid 0px #cce0e2;
    border-bottom: solid 2px #cce0e2;
    padding: 4px 10px 4px 10px;
    background-color: #046c6d;
    color: #cce0e2;
    text-decoration: none;
}



/*-----------------------------------------------------------
    Top section Menu styles
-----------------------------------------------------------*/

.divMenu

{

	font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    color: #000;
    margin: 0px;
    border: 0px;
    padding: 0px;
	text-decoration:none;
}

.divMenu a

{
    
    padding: 2px 2px 2px 2px;
    color: #000;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 12px;
    text-decoration:none;
}

.divMenu a:hover

{
    padding: 4px 5px 4px 5px;
    color: #000;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
}




.summary
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    width: 158px;
    text-align: center;
    background-color: #C0DADA;
    border: 0px;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.summaryAlt
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 8px;
    width: 144px;
    text-align: right;
    background-color: #fff;
    border: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
    height:100px;
   
}

.summary .summaryHeading
{
    background-color: #439192;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    border: 0px;
    padding: 1px;
}

.summaryAlt .summaryHeading
{
    background-color: #439192;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    border: 0px;
    padding: 1px;
}

.summary .summaryAlternateItem
{
    background-color: #E5F0F0;
}

.summaryAlt .summaryAlternateItem
{
    background-color: #E5F0F0;
}


 .summaryButtonLinks
{
    background-color: #E5F0F0;
}

/*-----------------------------------------------------------
    Main content section styles
-----------------------------------------------------------*/

#content h1
{ 
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: x-large;
    text-align: center;
    font-weight: bold;
    color: #A27E44;
}

#content h2
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: larger ;
    color: #A27E44;
}

#content h3
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    color: #A27E44;
}

#content h4
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    color: #000066;
    width: 100%;
}

.SearchPanel
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    border: solid 2px #fff;
    padding: 0px;
}
#LeftMenuPanel
{
    width: 280px;
    border: solid 2px #000;
    padding: 0px;
    overflow:hidden !important;
    margin-bottom:2px;
}
.LeftMenuItems div
{
    line-height:20px;
    height:20px;

}

.LeftMenuItems a, .LeftMenuItems a:visited
{
    color:#F0CD87;
    padding:2px 5px 2px 5px;
}
.LeftMenuItems a:hover
{
    color:#fff;
    background-color:#A27E44;
    width:200px;
    padding:2px 5px 2px 5px;
}

.btn
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: small;
}

.btnDisabled
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: smaller;
}


.lbtn
{
}

.lbtn:hover
{
}


.inputControlGreyedOut
{
	border: #b0c4c6 1px solid;
	padding: 1px 0px 0px 4px;
	margin: 0px 5px 0px 0px;
	background-color: #dfeeee;
	/*color: #000000;*/
	color: #003333;
}

.ExcludingText
{
	color: Gray;
	font-size:smaller;
	font-family: Tahoma;
	padding: 2px 5px 2px 2px;
	
	}



/*-----------------------------------------------------------
    Main content Gridview styles
-----------------------------------------------------------*/

.DataCustomPagingOptions
{
    border: 0px solid #FFFFFF;
    padding: 0px;
    vertical-align: bottom;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: smaller;
    float:left;
    height:40px;
    width:750px;
}

.GridContainer
{
	border-right: #046C6D 3px solid;
	border-top: #046C6D 3px solid;
	border-left: #046C6D 3px solid;
	/*The following line is a bug fix (0px border) - the GridScroller takes over 
	instead to do the final line*/
	border-bottom: #046C6D 3px solid;
	width: 99%;
}
.GridContainer2
{
    width:750px;
}
.GridScoller
{
    overflow: scroll;
    /*width: 100%;*/ /*SCROLLBAR-BASE-COLOR: #cce0e2;*/
    height: 100%;    
}

.GridView
{
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: smaller;
}

.GridViewHeaderStyle
{
    background-color: #E2E4E5;
    color: #666;
    padding: 0px 4px 0px 4px;
    border:1px solid grey !important;
    height:30px;
}
.GridViewFooterStyle
{
 
}

.GridViewHeaderStyle A:link
{
    text-decoration: none;
    color: #023637;
}

.GridViewHeaderStyle A:visited
{
    text-decoration: none;
    color: #023637;
}

.GridViewHeaderStyle A:active
{
    text-decoration: none;
    color: #023637;
}

.GridViewHeaderStyle A:hover
{
    text-decoration: underline;
    color: #023637;
}

.GridViewRowStyle
{
    border:0px;
    border-bottom:1px solid grey;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(1.0, #fff));
    
}

.GridViewAlternatingRowStyle
{
    background-color: #ffffff;
    border:0px;
    border-bottom:1px solid grey;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(1.0, #fff));
}

.GridViewMouseOver
{
    background-color: #B6B581;
}

.GridViewNoResults
{
    width: 100%;
    text-align: center;
    margin: 20px 0px 0px 0px;
}

.GridViewLoading
{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: Gray;
    
}

.GridViewLoadingText
{
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: Verdana, sans-serif, Helvetica, Arial, 'Times New Roman';
    font-size: larger;
    color: black;
    vertical-align: top;
    text-align: left;
}

.GridViewItemStyle
{
    text-align:right;
    padding-right:15px;
}

.cartTotalCell
{
    background-color:#ffffff;
}

.cartImageContainer
{
    width:120px;
    height:100px;
    margin:4px 10px 4px 4px;
    border:1px solid #fff !imporant;
    text-align:center;
}
.cartImageContainer .cartImage
{
    max-width:120px;
    max-height:100px;
    border:1px solid #fff !imporant;
}

.cartButton
{
	background-color: #999999;
    color:White;
    
    border: solid 1px #000;
    width: 60px;
	
	}

.textbox
{
    border:1px solid #000;
}

/*Product Items d99a4b*/

#productItemsTemplate{
    margin: 4px 4px 4px 4px;
    width: 99%;
    background-color: Transparent;
    color:#959595;   
}

#productItemsTemplateInfo
{
	margin: 4px 4px 4px 4px;
    width: 99%;
    background-color: Transparent;
	border-bottom:1px solid #bbb !important;
	color:#959595;
}

#productItemsTemplate img
{
    margin-right:10px;
    max-height:150px;
    max-width:118px;
}
#productItemsTemplate .itemTitle
{
    color: #363459;
    font-weight:bold;
    text-align: right;
    font-size: medium;
 }
#productItemsTemplate .itemAvailable
{
    font-size: 10px;
    color: #004F1A;
}
#productItemsTemplate .itemNotAvailable
{
    font-size: 10px;
    color: Red;
}

#productItemsTemplate .itemPrice
{
    color: #363459;
    font-weight: bold;
    text-align: right;
    font-size: medium;
}

#productItemsTemplateInfo .itemPrice
{
    color: #363459;
    font-weight: bold;
    text-align: right;
    font-size: medium;
}



.Button
{
    background-color: #999999;
    color:White;
    margin: 5px 5px 5px 5px;
    border: solid 1px #FAFEFB;
    width: 100px;
}
.orangeButton
{
    background-color: #ff9f29;
    color:White;
    border: solid 1px #ccc;
    width: 100px;
    font-size:8pt;
    cursor:pointer;
}
.Button_bb
{
    background-color: #999999;
    color:White;
    margin: 5px 5px 5px 5px;
    border: solid 1px #000;
    width: 100px;
}


#categoryImage
{
    text-align:center;
    padding: 20px 5px 5px 5px;
    width:400px;
    max-height:212px;
    margin-left:auto;
    margin-right:auto;
}
#categoryImage img
{
    max-width:400px;
    max-height:212px;
}

#clear
{
    clear:both;
}

#footer
{
	color: Gray;
	font-size:smaller;
}

#bottom_start {
    height: 8px;
    border-top: 1px solid #413524;
    border-left: 1px solid #413524;
    border-right: 1px solid #413524;
    border-bottom: 1px solid #413524;
    margin-top: 1px;
    font-size:0px;
    line-height:0px;

}
#bottom {
    padding: 13px 26px 3px 26px;
    height: 150px;
    
}
#browser_icons
{
    height:75px;
    padding-top:20px;  
    display:inline;
    width:300px;
}
#browser_icons #icon_holder
{
    float:left;
    height:75px;
    padding-top:20px;
    width:300px;
    background:url(/Images/browsers_reflect.png) no-repeat; 
}
#icon_holder a {
    padding-right:9px;
    height:38px;
    width:38px;
    display: block;
    overflow:hidden;
    text-decoration:none;
    text-indent:-100000em;
    float:left;
}
#icon_holder #browser_1 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_ie6.png) no-repeat scroll 0%;
}

#icon_holder #browser_2 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_ie7.png) no-repeat scroll 0%;
}

#icon_holder #browser_3 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_opera.png) no-repeat scroll 0%;
}

#icon_holder #browser_4 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_firefox.png) no-repeat scroll 0%;
}

#icon_holder #browser_5 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_safari.png) no-repeat scroll 0%;
}

#icon_holder #browser_6 {
    background:transparent url(http://golden-hinde.yellowbus.co.uk/Images/browser_chrome.png) no-repeat scroll 0%;
}
#compatibility_icons 
{
    background:url(http://golden-hinde.yellowbus.co.uk/Images/valid_reflection.png) no-repeat;
    width: 204px;
    height: 75px;
    padding-top: 20px;
    margin-left:50px;
    float: left;
    display:inline;
}
#compatibility_icons a {
    text-decoration:none;
    margin-right:10px;
}
#yellowbus
{
    width:320px;
    height:75px;
    display:inline;
    float:right;
    margin-right:20px;
}
#yellowbus .ee {
    padding:0;
    margin:0;
    text-decoration:none;
    border:none;
}
#yellowbus #ybPoweredBy {
    height: 13px;
    margin-right:100px;
    padding-top: 3px;
    float:left;
    display:inline;
}
#yellowbus #pcmsLogo
{
    height:61px;
    width:222px;
    float:left;
    display:inline;
}
#yellowbus #ybLogo 
{
    float:right;
    height:75px;
    display:inline;
}

.clear 
{
   clear:both;
}

.bottom_top {
    background-repeat: no-repeat;
    width: 71px;
    height:111px;
    position:absolute;
    bottom:0;
    right:320px;
}

.bottom_top a {
width: 71px;
height:111px;
display:block
}

#bottom ul {
padding: 0 0 13px 0;
margin: 0 0 13px 0;
display:block;
}
  

#bottom ul li {
float: left;
list-style: none;
margin: 0 0 0 0;
}
  
#bottom ul li a {
font-weight: bold;
padding: 0 7px 0 7px;
border-right: 1px solid #413524;

}

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

CSS for manufacturer page

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

		
.pnlManufacturerWraper 
{	
    margin:15px auto 0px auto;
    width:154px;
    padding: 0px;
	margin:0px;
}
	
.pnlManufacturerWraper  ul
{
	text-align:left;
	list-style:none;
	color:#930200 ;
	padding: 0px;
	margin:0px;
}
.pnlManufacturerWraper  ul a, .pnlManufacturerWraper  ul a:visited
{
    color:#930200 ;
    line-height:12px;
    font-size:8pt;
}
.pnlManufacturerWraper  ul a:hover
{
    color:#000066;
}
.pnlManufacturerWraper .li-Heading
{
	text-align:left;
	list-style:none;
	line-height:30px;
	color: #000066;
	vertical-align:middle;
	font-size:12pt;
    background:transparent url('images/leftMenuHeadingBackground.gif') no-repeat;
}

.pnlManufacturerWraper .li-item
{
	text-align:left;
	list-style:none;
	background: url('images/bullet.png') no-repeat ;
    background-position: left center;
    padding-left: 20px;
    vertical-align:top;

    /*padding-left:10px;
	background:#fff;
	width:154px;
	height:34px;*/
}

.pnlManufacturerWraper .li-AlternativeItem
{
	text-align:left;
	list-style:none;
	padding:0px;
	margin:0px;
	background: url('images/bullet.png') no-repeat  ;
	background-position: left center;
    vertical-align:top;
    padding-left: 20px;
  
    /*padding-left:10px;
	width:154px;
	height:34px;*/
}

.pnlManufacturerWraper .li-full
{
	height:5px;
}


/*====================
Categories
=====================*/



.pnlCategoriesWraper 
{	
    margin:15px auto 0px auto;
    width:154px;
    padding: 0px;
	margin:0px;
}
	
.pnlCategoriesWraper  ul
{
	text-align:left;
	list-style:none;
	padding: 0px;
	margin:0px;
}


.pnlCategoriesWraper .li-Heading
{
	text-align:left;
	list-style:none;
	line-height:20px;
	color: #ff9933;
	vertical-align:middle;
	font-size:1.3em;
	font-weight:bold;

}

.pnlCategoriesWraper .li-item
{
	text-align:left;
	list-style:none;
	background: url('images/bullet.png') no-repeat ;
    background-position: left center;
    padding-left: 20px;
    vertical-align:top;

    /*padding-left:10px;
	background:#fff;
	width:154px;
	height:34px;*/
}

.pnlCategoriesWraper .li-AlternativeItem
{
	text-align:left;
	list-style:none;
	padding:0px;
	margin:0px;
	background: url('images/bullet.png') no-repeat  ;
	background-position: left center;
    vertical-align:top;
    padding-left: 20px;
  
    /*padding-left:10px;
	width:154px;
	height:34px;*/
}

.pnlCategoriesWraper .li-full
{
	height:5px;
}

/*=================================================
	Product item
===================================================*/

.divProductItem 
{
    float:left;
    display:inline;
    width:362px;
    height:169px;
    padding:4px;
    margin:0px;
}

.divProductItem .optional
{
    display:none;   
}
.divProductItem .itemOptions th
{
    color:#7aa7d3;
    text-align:left;
    font-size:8pt;
    width:80px;
}
.divProductItem .itemOptions td
{
    text-align:left;
    font-size:8pt;
}
.divProductItem .itemOptions input
{
    border:1px solid #ccc;
}
.divProductItem .categoryAnchor, .divProductItem .categoryAnchor:visited
{
	float:left;
    display:inline;
    text-align:center;
    margin-left:0px;
    color:#999;
    text-decoration:none;
    cursor:pointer;
}
.divProductItem .categoryAnchor:hover #divPanel
{
	margin:0px;
    padding:0px;
}

.divProductItem .divPanel
{
    margin-bottom:2px;
    margin:0px;
    padding:0px;
}

.divPanel .ulImage
{	
    text-align:left;
    list-style:none;
    margin:1px;
    padding:1px;
    max-height:110px;
    max-width:78px;
    text-align:center;
}
.divPanel .divProductItem .imgContainer
{
    width: 70px; 
    display: inline; 
    float: left; 
    margin-right: 5px;
    text-align:center;
}
.divPanel .ulImage img
{	
    max-height:100px;
    max-width:70px;
    cursor:pointer;
}
.divPanel .divProductItem .descContainer
{
    float:left;
    display:inline;
    width:285px;
    text-align:left;
}
.divPanel .ulDescription
{	
    list-style:none;
    margin:1px;
    padding:1px;
    min-height:90px;
    cursor:pointer;
}
.divPanel .ulDescription .heading
{ 
	color:#999;
	font-size:10pt;
	text-align:left;
	margin:0px;
    padding:0px;
}
.divPanel .ulDescription .heading_category
{ 
	color:#999;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	padding:0px; margin:0px;
}
.divPanel .ulDescription .productName
{
	color:#999;
	font-size:12pt;
	text-align:left;
	padding:0px; margin:0px;
}
.divPanel .ulDescription .productDescription
{
    font-size:8pt;
	text-align:justify;
	padding:0px; margin:0px;
}

.divPanel .ulDescription .productPrice
{  
	font-size:10pt;
	color:#999;
	text-align:justify;
	padding:0px; margin:0px;
}
.divPanel .ulDescription .li_left
{	
    text-align:left;
    list-style:none;
    margin:0px;
    padding:0px;	
}
.divPanel .ulDescription .li-was
{
    list-style:none;
    text-align:left;
    padding:2px 0px 2px 0px;
    font-size:7pt !important;
}

.divPanel .ulDescription .previousPrice
{
	text-decoration:line-through;
	color:#999;
	margin:0px;
    padding:0px;
}
.divPanel .ulDescription .nowPrice
{
    color:White;
    background-color:#930200;
    margin:0px;
    padding:0px;
}
#ulImage img
{
   
    border: Solid 1px #000066;
    margin:0px;
    padding:0px;
}


#divPanelProductDesc #imgContainer 
{
    width: 210px; 
    display: inline; 
    float: left; 
    margin-right: 10px;
    text-align:center;
}

#divPanelProductDesc #imgContainer .ulImage
{	
    text-align:left;
    list-style:none;
    margin:1px;
    padding:1px;
    max-height:400px;
    max-width:200px;
    text-align:center;
}

#divPanelProductDesc #imgContainer .ulImage img
{	
    max-height:400px;
    max-width:200px;
}

#divPanelProductDesc #descContainer
{
    width: 500px; 
    display: inline; 
    float: left;
}

#divPanelProductDesc #descContainer .ulDescription
{	
    text-align:right;
    list-style:none;
    margin:1px;
    padding: 15px 0px 15px 0px;
    min-height:90px;
}
#divPanelProductDesc #descContainer .ulDescription .productName
{
	color:#999;
	font-size:12pt;
	text-align:left;
	padding:0px; margin:0px;
}
#divPanelProductDesc #descContainer .ulDescription .productDescription
{
    font-size:10pt;
	text-align:justify;
	padding:0px; margin:0px;
}

#divPanelProductDesc #descContainer .optional
{
    display:none;   
}
#divPanelProductDesc #descContainer .itemOptions th
{
    color:#6699CC;
    text-align:left;
    font-size:10pt;
    width:80px;
}
#divPanelProductDesc #descContainer.itemOptions td
{
    text-align:left;
    font-size:10pt;
}
#divPanelProductDesc #descContainer .itemOptions input
{
    border:1px solid #ccc;
}


/*---- Basket Page ----*/
.checkoutButtons
{
    background:#E2E4E5;
    border:1px solid grey;
}
.checkoutButtons .Button_bb
{
    border:none;
    background:transparent;
    color:#7aa7d3;
    cursor:pointer;
}

.checkoutTotals
{
    background:#E2E4E5;
    border:1px solid grey;
}
.checkoutTotals select
{
    border:1px solid #bbb;
}

.checkoutTitle
{
    background:#E2E4E5;
    border:1px solid grey;
    height:40px;
    padding:10px 15px 10px 15px;
    font-weight:bold;
    color:#666;
}
.productList  
{
  width:700px;
  min-height:150px;
  border-bottom:1px solid #ccc;
  float:left;
}

.productList .imgContainer
{
    width: 120px; 
    float: left; 
    margin-right: 5px;
    text-align:center;
}

.productList  .imgContainer .ulImage
{	
    text-align:left;
    list-style:none;
    margin:1px;
    padding:1px;
    max-height:120px;
    max-width:120px;
    text-align:center;
}

.productList  .imgContainer .ulImage img
{	
    margin-top:15px;
    max-height:120px;
    max-width:100px;
    cursor:pointer;
}
.productList  .descContainer
{
    float:left;
    width:500px;
    text-align:left;
}
.productList .descContainer .ulDescription
{	
    list-style:none;
    margin:1px;
    padding: 15px 0px 15px 0px;
    min-height:50px;
    cursor:pointer;
}
.productList .descContainer .ulDescription .productName
{
	color:#6699CC;
	font-size:12pt;
	text-align:left;
	padding:0px; margin:0px;
}
.productList .divProductItem .descContainer .ulDescription .productDescription
{
    font-size:10pt;
	text-align:left;
	padding:0px; margin:0px;
}

.productList  .descContainer .optional
{
    display:none;   
}
.productList .descContainer .itemOptions th
{
    color:#7aa7d3;
    text-align:left;
    font-size:10pt;
    width:80px;
}
.productList  .descContainer .itemOptions td
{
    text-align:left;
    font-size:10pt;
}
.productList  .descContainer .itemOptions input
{
    border:1px solid #ccc;
}


/*Dermalogica top section links */
#aLinkMartyMaxey
{
    height:70px;
    width:300px;
    float:left;
    margin:10px 30px 0px 0px;
}

#aLinkDermalogica
{
    height:70px;
    width:350px;
    float:left;
    margin:10px 0px 0px 100px;
}

.imageIcon
{
    max-height:300px;
    max-width:300px;
    cursor:pointer;
    display:block;
    padding:10px;
    margin:10px;
    
}
 .imageTitle
 {   
     display:block;
     text-align:center;
     padding:10px;
     margin:10px;
        
 }
 
 .coloured
 {
    color:#FF9F29;
    font-weight:bold;
 }