body{
background-image: url(/images/background/image.jpg);
margin-top:10px;
padding:0px;
background-repeat: repeat;
}

#outerCon{
position:relative;
max-width:1000px;
width:100%;
width:1000px;
height:auto;
padding:0px;
margin:10px auto 0px auto;
}
#bodyDG{
position:relative;
height:auto;
background-color:#fff;
width:100%;
padding:0px;
margin:0px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-khtml-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-khtml-border-bottom-left-radius:5px;
}
#leftMenu{
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 20px 0px;
width:19%;
}
#leftMenu hr{
color:#ffffff;
background-color: #ffffff;
}
.leftMenuButton{
position:relative;
height:50px;
margin:0px 0px 3px 0px;
padding:5px 0px 0px 10px;
background-color:#793d79;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
line-height:20px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-khtml-border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-khtml-border-top-right-radius:5px;
background-image: url(/graphics/downArrow.gif);
background-repeat: no-repeat;
background-position: 150px 30px;
}
.leftMenuContent{
width:auto;
height:auto;
padding:0px;
margin:0px;
}
.leftMenuHead{
position:relative;
width:180px;
height:20px;
margin:0px 0px 2px 0px;
padding:5px 0px 0px 10px;
background-color:#793d79;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-khtml-border-top-left-radius:5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-khtml-border-top-right-radius:5px;
}
.leftMenuBox{
position:relative;
width:170px;
height:auto;
margin:0px 0px 5px 0px;
padding:10px;
background-color:#e5d2e5;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-khtml-border-bottom-left-radius:5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-khtml-border-bottom-right-radius:5px;
}
#leftMenu ul{
list-style: none;
margin:0px 0px 5px 0px;
padding:0px;
width:auto;
height:auto;
}
.leftMenuCat a{

height:auto;
margin:0px 0px 1px 0px;
padding:2px 0px 3px 10px;
background-color:#e5d2e5;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
text-decoration:none;
}
.leftMenuCat a:hover{
background-image:url(/graphics/buttons/leftMenu.gif);
background-repeat: no-repeat;
background-position: left top;
}
.leftMenuCatCurved a{
height:auto;
margin:0px 0px 1px 0px;
padding:2px 0px 5px 10px;
background-color:#e5d2e5;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
text-decoration:none;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-khtml-border-bottom-left-radius:5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-khtml-border-bottom-right-radius:5px;
}
.leftMenuCatCurved a:hover{
background-image:url(/graphics/buttons/leftMenu.gif);
background-repeat: no-repeat;
background-position: left top;
}
.leftMenuCatSelected a{
width:180px;
height:auto;
margin:0px 0px 1px 0px;
padding:2px 0px 3px 10px;
background-color:#e5d2e5;
background-image:url(/graphics/buttons/leftMenu.gif);
background-repeat: no-repeat;
background-position: left top;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
}
.leftMenuSub a{

height:auto;
margin:0px 0px 1px 0px;
padding:2px 0px 3px 10px;
background-color:#e5d2e5;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-style:italic;
text-decoration:none;
}
.leftMenuSub a:hover{
background-image:url(/graphics/buttons/leftMenuOrange.gif);
background-repeat: no-repeat;
background-position: right top;
}
.leftMenuSubCurved a{

height:auto;
margin:0px 0px 1px 0px;
padding:2px 0px 5px 10px;				
background-color:#e5d2e5;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-style:italic;
text-decoration:none;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-khtml-border-bottom-left-radius:5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-khtml-border-bottom-right-radius:5px;
}
.leftMenuSubCurved a:hover{
background-image:url(/graphics/buttons/leftMenuOrange.gif);
background-repeat: no-repeat;
background-position: right top;
}
.extendedLeftMenuSub {
width:180px;
height:auto;
margin:0px 0px 1px 0px;
padding:2px 0px 3px 10px;
background-color:#e5d2e5;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-style:italic;
text-decoration:none;
background-image:url(/graphics/buttons/leftMenuArrow.gif);
background-repeat: no-repeat;
background-position: right top;
}

.on{
background-color:#a466a4;
color:#fff;
background-image: url(/graphics/upArrow.gif);
background-repeat: no-repeat;
background-position: 150px 30px;
}
	
.over{
background-color:#a466a4;
cursor:pointer;
color:#fff;
}

#mainDetail{
width:79%;
height:auto;
margin:0;
padding:0px; float:right;
}
#mainDetail h1{
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#793d79;
font-size:14px;
text-align:left;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 0px;
}

#mainDetail h2{
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#793d79;
font-size:14px;
text-align:center;
padding:0px 0px 0px 0px;
margin: 0;
}
#BannerAndPicGrid{
position:relative;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
}
#banner{
width:100% !important;
margin:7px 0px 10px 0px;
height:199px;
}
#banner a {width:100% !important;}
#banner img {max-width:100%; height:auto;}
#picGrid{
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.prices-dispatch {width:100%}
.panddimage {float:left; width:33%;}
#pricesAndDiscountsGraphic{
max-width:100%; height:auto
}

.nextDayDeliveryText{
width:auto;
font-family:Verdana, Geneva, sans-serif;
font-family: 'Electrolize', sans-serif;
color:#793d79;
font-size:16px;
font-weight:bold;
float:right; width:61%;
padding:0px 0px 0px 0px;
margin:2px 0px 6px 0;
}
.tdDiv{
position:relative;
width:auto;
height:auto;
padding:0px;
margin:0px 18px 18px 0px;
}
.tdDiv h2 a{
position:absolute;
bottom:4px;
width:100%;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:100;
color:#fff;
display:block;
text-decoration:underline;
margin:0px;
padding:0px;
}
.tdDiv h2 a:hover{
text-decoration:none;
}
#showHide{
position:relative;
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
padding:0px 20px 30px 0px;
margin:0px 0px 0px 0px;
}
#showHide a{
color:#999999;
}
#hiddenText{
display:none;
}
#moreTextBtn a{
position:absolute;
display:block;
bottom:10px;
right:20px;
width:auto;
height:18px;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
color:#793d79;
font-size:12px;
text-align:center;
font-weight:bold;
padding:2px 5px 0px 5px;
margin:0px 0px 0px 0px;
text-decoration:none;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;
}
#metadataText{
	line-height:25px;
}
strong{
font-weight:bold;
}
.clear{
clear:left;
}
.clear {clear:both;}

.home-list {clear:both}
ul.home {margin:0;width: 100%;list-style: outside none none; padding:0}
ul.home li {float:left; width:32%; margin:0 2% 15px 0; list-style:none}
ul.home li.banner-home {width:66%; margin:0 0 15px}
ul.home li .tdDiv {margin:0}
ul.home li:nth-child(3n+5) {margin:0 0 15px}
ul.home li img {max-width:100%; height:auto}

.sub-list {clear:both}
.sub-list ul {margin:0;width: 100%;list-style: outside none none; padding:0}
.sub-list ul li {float:left; width:32%; margin:0 2% 15px 0; list-style:none}
.sub-list ul li.banner {width:66%; margin:0 0 15px}
.sub-list ul li .tdDiv {margin:0}
.sub-list ul li:nth-child(3n+3) {margin:0 0 15px}
.sub-list ul li img {max-width:100%; height:auto}