/* CSS Document */
html {
background-color:#CCC;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;
  min-width: 680px;      /* 2x (LC fullwidth +
                            CC padding) + RC fullwidth */
/*margin: 5px 20px;*/
background: #fff;
}

		#container {
			padding-left: 200px;      /* LC fullwidth */
			padding-right: 240px;     /* RC fullwidth + CC padding */
		}

		#container .column {
			position: relative;
			float: left;
		}

		#center {
			padding: 0px 20px;       /* CC padding */
			width: 100%;
		}

		#left {
		  width: 180px;             /* LC width */
		  padding: 0 10px;          /* LC padding */
		  margin-left: -100%;
		  left: 200px;              /* RC fullwidth for IE6 */
		}

		#container > #left {
		  left: -240px;             /* -(LC fullwidth + CC padding) */
		  margin-left: expression(
			document.all.center.offsetWidth * -1 +
			parseFloat(document.all.center.currentStyle.paddingLeft) +
			parseFloat(document.all.left.currentStyle.paddingLeft) +
			parseFloat(document.all.left.currentStyle.paddingRight)
			); /* Fix for IE7 */
		}

		#right {
			width: 180px;             /* RC width */
			padding: 0 10px;          /* RC padding */
			margin-right: -100%;
		}




#footer {
  clear: both;
  background:url(/images/separator.gif) repeat-x center bottom;
  /*padding-top:30px;*/
  height:200px;
  text-align: center;
   padding: 30px 4px 4px;
}





#header {
text-align: center;
padding: 4px;
}
		
		
#header{
background:#050607;
height:88px;
padding-top:0px;
padding-bottom:6px;
margin:0px;
}

.column {
padding-top: 1em;
text-align: justify;
}

#product-column {
border:0px solid #CCC;
width:100%;
margin:0 auto;
padding:0;
}

#logo{ 
float:left;
border:0;
margin:0;
padding:10px 0 0;
}	

#customer-helpline{
float:right;
padding-right:2px;
padding-top:4px;
}

div.item {
float:left;
/*width:170px;*/
width:33%;
margin:0;
padding:0;
margin-bottom:10px;
text-align:center;
margin-top:0px;
border:0px solid #CCC;
}

div.showcase {
width:98%;
margin:0px auto 10px;
padding-top:0;
padding-bottom:0px;
border:1px solid #CCC;
height:220px;
}


.box label{
display:block;
margin-bottom:10px;
}

.box label span{
display:block;
float:left;
padding-right:6px;
width:90px;
text-align:right;
font-weight:bold;
}

h1 {
margin-top:0;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;
color:#000;
}

h1.pagetitle {
margin-top:0;
font-size:17px;
}

h1.productpagetitle {
margin-top:0;
margin-bottom:0;
font-size:17px;
}

h1.showcasetitle {
height:30px;
background:url(/images/separator-reverse.gif) repeat-x center top;
margin:0;
padding:0px 10px 0;
}

h3.item {
font-size:12px;
font-weight:bold;
margin-bottom:0;
}

h4.menu-header {
font-size:14px;
color:#87d0f0;
font-weight:bold;
margin:0;
padding:0;
}

h6 {
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
}
/*p.footer {
background:#f3f4f2;
padding:8px;
margin-top:0;
}*/

p#showcase {
line-height:20px;
height:20px;
padding-left:0px;
font-size:12px;
margin:0;
}

p#showcaseproductdetails {
margin:0 6px 0 0;
/*line-height:13px;*/
padding:0;
/*border:1px solid #000;*/
}
	
p.shortitemdescription {
margin-top:2px;
margin-bottom:0;
height:30px;
}	

p.productshortdesc {
margin-top:6px;
}

p.showcaseshortdesc {
margin:2px 0 0 10px;
font-weight:bold;
}
	
p.saving {
margin:3px;
padding:0;
color:#ff0000;
font-weight:bold;
}

.saving {
margin:3px;
padding:0;
color:#ff0000;
font-weight:bold;
}

ul {
border:0px solid #000;
float:left;
margin:0px;
padding:0px;
text-align:left;
}

#navigation
{
width:100%;
padding:0;
background: url(/images/main-menu-bar-bg.jpg) repeat-x center;
height:57px;
line-height:57px;
text-align:center;
}

ul#menu-navigation
{
margin:0 auto;
padding:0 0 0 40px;
list-style-type:none;
height:37px;
line-height:37px;
display: inline;
font-size:14px; 
}

ul#menu-navigation li
{
float:left;
}

ul#menu-navigation li a
{
margin:0 20px; /*13px;*/
padding:0 13px;
display: block;
color:#ffffff;
text-decoration:none;
}

ul#menu-navigation li a:visited
{
text-decoration:none;
}

ul#menu-navigation li a:hover
{
text-decoration:none;
background: url(/images/main-menu-bg-reverse.gif) repeat-x center;
margin:0 20px; /*13px;*/
padding:0 13px;
}

ul#menu-navigation li a:active
{
text-decoration:none;
margin:0 20px; /*13px;*/
padding:0 13px;
}

ul#bulletpoints
{
margin-left:20px;
}

ul#bulletpoints li
{
margin:4px;
list-style-type:circle;
}

/* CSS Document */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*.suckerdiv li:hover, .suckerdiv li.hover {
    position:static;
    }*/
	
/*.suckerdiv li:hover, .suckerdiv li.hover {
    position:static;
	}*/
	
.suckerdiv ul{
float:left;
margin: 0;
padding: 0;
list-style-type: none;
width: 170px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
background:#fff;

}
	
.suckerdiv-header{
background:url(/images/header-bg.gif) repeat-x;
height:28px;
line-height:28px;
width:170px;
margin: 0;
padding: 0;
}	
	
.suckerdiv ul li{
position: relative;
/*background:#f3f4f2;
margin: 0;
padding: 0;
height:28px;
line-height:28px;*/
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
background:#f3f4f2;
/*margin: 0;
padding: 0;
height:28px;
line-height:28px;*/
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
/*background: #fff;*/
background:#f3f4f2;
padding: 5px 5px;
border: 1px solid #ccc;
border-bottom: 0;
/*height:28px;
line-height:28px;*/
}

.suckerdiv ul li a.header {
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
/*background: #fff;*/
background:#E8E8E8;
padding: 5px 5px;
/*border: 0px solid #ccc;*/
border-left:0px;
border-right:0px;
border-top:1px solid #ccc;
border-bottom: 0px;
/*height:28px;
line-height:28px;*/
}

.suckerdiv ul li a.headertop {
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
/*background: #fff;*/
background:#E8E8E8;
padding: 5px 5px;
/*border: 0px solid #ccc;*/
border-left:0px;
border-right:0px;
border-top:0px;
border-bottom: 0px;

}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #b4d7ef;
/*background-color: #87d0f0;*/
}

/*.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}*/

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

a {
color:#238196;font-weight:bold;
}

.money {
font-size:12px;font-weight:bold;color:#ff0000;
margin:8px 0 2px 0;padding:0;
}

.showcasemoney {
font-size:12px;font-weight:bold;color:#ff0000;
margin:0px 0 2px 0;padding:0;
}

.productmoney {
font-size:12px;font-weight:bold;color:#ff0000;
margin:8px 0 8px 0;padding:0;
}

.floatleft
{
float:left;
}

.floatright
{
float:right;
}

img {
border:0;
margin:0;
padding:0;
}

img.largeimage {
float:left;
border:0px solid #CCC;
padding-right:10px;
padding-left:10px;
margin-bottom:10px;
margin-top:0;
padding-top:0;
}

img.moreinfo {
margin:10px 0;
padding:0;
}

img#showcase-phoneicon
{
float:left;
padding-right:10px;
}

.long-description-bg {
background:#f3f4f2;
padding:4px;
margin-left:100px;
margin-right:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;
}

#separator {
height:33px;
background:url(/images/separator.gif);
margin:20px 40px 10px 10px;
padding:0;
border:0;
}

#separator-reverse {
height:33px;
background:url(/images/separator-reverse.gif);
margin:0px 40px 0px 10px;
padding:0;
border:0;
}

#search-content {
width:170px;
background:#f3f4f2;
margin:0;
padding:0;
float:right;
}

#search-header {
background:url(/images/header-bg.gif) repeat-x;
height:28px;
line-height:28px;
width:170px;
margin:0;
padding:0;
float:right;
}	

#technical-help-header {
background:url(/images/header-bg.gif) repeat-x;
height:28px;
line-height:28px;
width:170px;
margin:0;
padding:0;
clear:both;
}	

#technical-help-content {
background:#f7f7f7;
border:1px solid #ccc;
width:168px;
padding-bottom:4px;
}	

#technical-help-content img{
float:left;
padding-right:5px;
}	

#technical-help-content p{
padding:0 5px 0 2px;
}

#hotline-header {
background:url(/images/header-bg.gif) repeat-x;
height:28px;
line-height:28px;
width:170px;
margin:20px 0 0;
padding:0;
float:right;
clear:both;
}

#hotline-content {
background:#f3f3f2;
margin-bottom:20px;
float:right;
width:170px;
}

#delivery {
margin-bottom:20px;
float:right;
}

img#recycle {
float:right;
}

#recycle-content {
background:#f7f7f7;
width:168px;
padding:0px 2px 4px;
margin:0;
float:right;
border:1px solid #ccc;
}

#recycle-content p {
font-style:normal;
}

#finance-deals {
margin-top:20px;
margin-bottom:20px;
}

#finance-example {
border:1px solid #ccc;
background:#f7f7f7;
padding-left:4px;
}

.txtSearch {
margin:8px 2px 2px 2px;
}

.btnSearch {
margin:4px 2px 8px 2px;
}

.separatorcentered {
display:block; 
margin:10px auto;
clear:both;
}

address {
font-style:normal;
}

fieldset {
border:0;
}

span.old {
color:#000;
font-weight:bold;
font-size:13px;
}

span.sellingprice {
color:#ff0000;
font-weight:bold;
font-size:13px;
}

span.oldprice {
color:#000;
font-weight:bold;
font-size:13px;
}

ul#menu2
{
float:right;
margin:5px 4px 0 0;
padding:0;
/*width:380px;*/
width:350px;
list-style-type:none;
height:20px;
line-height:20px;
display: inline;
/*border:2px solid #fff;*/
}

ul#menu2 li
{
float:left;
}

ul#menu2 li a
{
margin:0 15px;
display:block;
color:#fff;
text-decoration:none;
}

ul#menu2 li a:hover
{
margin:0 15px;
display: block;
color:#b2b7bb;
text-decoration:none;
}

ul#menu2 li a.last
{
margin:0 0px 0 10px;
display: block;
color:#fff;
text-decoration:none;
}

.warning {
color:#FF0000;
}
