body {
margin:0;
padding:0;
font-family: arial, helvetica;
font-size:11px;
line-height: 1.8em;
color:#555;
background-color: #f8f8f8;
}

a:link, a:visited {
color:#6a861b;
}

a:hover {
color:#205f77;
}

p {
padding:5px 0;
margin:0;
}

h1, h2, h3, h4, h5, h6, .componentheading, .contentheading {
margin:.3em 0;
color:#222;
font-weight: normal;
line-height:1em;
}

h1 {
font-size: 4em;
}

h2, .contentheading {
font-size: 2.8em;
}

h3, .componentheading {
font-size: 2.2em;
color:#205f77;
}

h4 {
font-size: 2em;
}

h5, .footer h3 {
font-size: 1.5em;
color:#444;
margin:0;
}

h6 {
font-size: 1em;
margin:0;
}

img {
border:none;
}

.top, .header, .main, .footer {
float:left;
width:100%;
}

.top {
background-image: url(../images/topbck.jpg);
background-repeat: repeat-x;
background-position: bottom;
}

.header {
background-image: url(../images/headerbck.jpg);
background-repeat: repeat-x;
background-position: bottom;
background-color: #1d5c74;
border-top:1px solid #fff;
}

.main {
padding:20px 0;
background-color: #fff;
}

.container {
width:984px;
margin:0px auto;
}

.left {
float:left;
width:290px;
padding-right:38px;
background-image: url(../images/separator.jpg);
background-repeat: no-repeat;
background-position: top right;
}


.right {
float:right;
width:656px;
}

.rightbig {
float:left;
width:100%;
}

.footer {
border-top:1px solid #e6e6e6;
padding:20px 0;
font-size:.88em;
color:#888;
}

.box5 {
width:18%;
padding:0 1%;
float:left;
}

.logo {
float:left;
width:auto;
}

.topmenu {
float:right;
width:auto;
margin-top:32px;
}

.topmenu ul {
padding:0;
margin:0;
}

.topmenu ul li {
float:left;
list-style: none;
margin:0 0 0 1px;
padding:0;
}
.topmenu ul li a:link, .topmenu ul li a:visited{
display:block;
color:#333;
text-decoration: none;
}

.topmenu ul li a:link span, .topmenu ul li a:visited span{
display:block;
padding:12px 16px;
color:#333;
text-decoration: none;
}

.topmenu ul li a:hover {
background-image: url(../images/activeleft.jpg);
background-repeat: no-repeat;
background-position: left;
color:#fff;
}

.topmenu ul li a:hover span{
background-image: url(../images/activeright.jpg);
background-repeat: no-repeat;
background-position: right;
color:#fff;
}

.topmenu ul li#current a {
background-image: url(../images/hoverleft.jpg);
background-repeat: no-repeat;
background-position: left;
color:#fff;
}

.topmenu ul li#current a span {
background-image: url(../images/hoverright.jpg);
background-repeat: no-repeat;
background-position: right;
color:#fff;
}

.topcontent, .bottomcontent, .maincontent {
float:left;
width:100%;
padding:0px 0;
}

.topcontent {
border-bottom:1px solid #e6e6e6;
}

.bottomcontent {
border-top:1px solid #e6e6e6;
}

.header p {
padding:0;
margin:0;
}

.left ul.menu, .left ul.menu li {
padding:0;
margin:0;
list-style: none;
}

.left ul.menu li a:link, .left ul.menu li a:visited {
display:block;
text-decoration: none;
color:#555;
background-color: #f3f3f3;
border-bottom:1px dotted #ccc;
margin-bottom:1px;
padding:5px 0 5px 5px;
}

.left ul.menu li a:hover {
background-color: #fff;
border-bottom:1px solid #ddd;
color:#6a861b;
}

.small {
color:#858585;
font-size:.88em;
}

/*Suckerfish classes*/
ul#menu { /* all lists */

}

ul#menu li { /* all list items */
	float: left;
	position: relative;
	width: auto;
}

ul#menu li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 3.5em;
	left: 0em;
	border-top:none;
	padding:0;
	margin:0;
	width:100%;
	z-index:2;
	background-color:#fff;
	border:1px solid #ddd;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

ul#menu li:hover ul, ul#menu li.over ul { /* lists nested under hovered list items */
	display: block;
}

.topmenu ul#menu li ul li{
padding:0;
margin:0;
float:left;
width:100%;
display:inline;
z-index: 1000;
overflow: visible;
position: relative;

}

.topmenu ul#menu li ul li a:link, .topmenu ul#menu li ul li a:visited, .topmenu ul#menu li ul li a:hover {
margin:0;
display:block;
width:auto;
background-color: #f3f3f3;
border-bottom:1px dotted #ccc;
}

.topmenu ul#menu li ul li#current a, .topmenu ul#menu li ul li#current a span, .topmenu ul#menu li ul li a:hover span, .topmenu ul#menu li ul li a:hover, .topmenu ul li#current ul li a, .topmenu ul li#current ul li a span, .topmenu ul li#current ul li a:hover, .topmenu ul li#current ul li a:hover span{
background: none;
color:#333;
color:#6a861b;
}

CSS code	scope 
.scproduct	Product code text
.scprodcode The product code itself  
.scshorttext The description of your product
.scunitprice Price text and quantity text 
.button2 The div surrounding the Add to Cart button
.cartoptions The options layout
.scbutton The Add to Cart button itself 
.sccart  The Layout of the complete plugin zone 

.cartoptions {

float: left;

padding-left: 5px;

padding-right: 5px;

}

 

.scunitprice {

float: left;

padding-left: 5px;

padding-right: 5px;

}

 

.button2 {

float:left;

padding-left: 5px;

padding-right: 5px;

}

 

.sccart {

display:block;

clear: both;

float:none;

background-color: white;

border: 0px solid black;

height: 60px;

}