/* ------------------------------------- DEFAULT LAYOUT STYLE ------------------------------------- */

body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
background:url(../images/001.jpg) no-repeat top #bdbdbd;
}

img {
padding:0;
margin:0;
border: none;
}

a img {
border: none;
}


.rn-product a {
border:0;
}

a {
color: #379981;
border-bottom:1px dotted #379981;
text-decoration:none;
padding:0;
margin:0;
}

a:hover {
color: #666666;
border-bottom:1px dotted #666666;
padding:0;
margin:0;
}

a.standard {
color:white;
font-size:11px;
text-decoration: none;
text-align:center;
padding: 5px 15px 6px 15px;
background:url(../images/button-bkg.gif);
z-index:1;
border: 1px solid #797979; 
margin:0 5px 15px 0;
}

a:hover.standard {
background:url(../images/button-bkg-hover.gif);
}


a.standard-r {
color:white;
text-decoration: none;
padding: 4px 15px 4px 15px;
/*padding: 4px 15px 4px 15px;*/
background:url(../images/button-bkg-hover.gif);
z-index:1;
border: 1px solid #CCCCCC;
float:right;
}

a:hover.standard-r {
background:url(../images/button-bkg.gif);
}

p {
padding:0;
margin:0;
}

table {
padding:0;
margin:0;
}

.form {
padding:0;
margin:0;
display:inline;
}

/* ---- SHOP CHANGE - PRODUCT NAME ---- */
h1 {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:22px;
color: #379981;
font-weight:400;
margin:0;
padding:0;
display:inline;
}

h2 {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:400;
margin:0;
padding:0;
display:inline;
}

/* ---- SHOP CHANGE - HEADERS ---- */
h4 {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:15px;
color: #379981;
font-weight:400;
margin:0;
padding:0;
display:inline;
}

/* SHOP CHANGE - PRICE */
h5 {
font-family:Arial, Helvetica, sans-serif;
background:url(../images/button-1.png) no-repeat center left;
font-size:12px;
margin:0 0 10px 0;
padding:0 0 0 15px;
font-weight:400;
color:#e2001a;
}
h6 {
font-size:14px;
display:inline;
margin:0;
padding:0;
}

h3 {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:600;
margin:0;
padding:0;
display:inline;
}

#nav ul li a.red {
color:#e2001a;
font-size:11px;
font-weight:400;
margin:0;
margin-top:2px;
}
#nav ul li a.orange {
color:orange;
font-size:11px;
font-weight:400;
margin:0;
margin-top:2px;
}

.content ul li {
background:url(../images/button-1b.png) no-repeat top left;
list-style-type:none;
margin:0;
padding:0px 0 10px 20px;
text-align:left;
}
/* ------------------------------------- FONT COLOURS LAYOUT STYLE ------------------------------------- */

.Type10AColour {
color: #379981;
font:12px/14px Arial, Verdana, sans-serif;
}

.Type10BColour {
font:10px/14px Arial, Verdana, sans-serif;
}

/* ------------------------------------- MAIN LAYOUT STYLE ------------------------------------- */

#container {
width:100%;
margin-left:auto;
margin-right:auto;
min-width:950px;
}
#container-fixed {
width:950px;
margin-left:auto;
margin-right:auto;
}

.content {
border:1px solid #e4e4e3;
background:url(../images/content-back.gif) repeat-x bottom;
margin-bottom:10px;
padding:10px;
}
.imglink{
	border:1px solid #e4e4e3;
	background:url(../images/content-back.gif) repeat-x bottom;
	margin-bottom:10px;
	padding:10px;
}
.imglink a{
	border:0;
}
.imglink a:hover{
	border:0;
}


.date{
font-size:9px;
color:#999999;
display:inline;
}

#gmap {
float:right;
border:1px solid #CCCCCC;
}
#header {
width:100%;
height:120px;
background:url(../images/header-background3.gif) no-repeat #000000;
}
#headerimg {
float:left;
height:98px;
background:url(../images/logo_header.gif);
background-repeat:no-repeat;
}

#headertxt {
float:right;
padding-top:20px;
padding-right:20px;
color:white;
}

#header img {
float:left;
}

#cont-holder {
width:100%;
height:100%;
margin:0;
padding:0;
float:left;
background:url(../images/back-colour.gif) repeat-y white;
}

#nav {
width:200px;
padding:10px;
height:100%;
float:left;
background:white;
}

#leftmenu {
width:200px;
height:100%;
float:left;
margin-bottom:10px;
}

#rightnav {
width:190px;
padding:10px 10px 10px 10px;
height:100%;
float:right;
}

#main {
padding:10px 10px 10px 0px;
height:100%;
margin-left:220px;
min-width:200px;
background:white;
}

#main-no-left {
padding:10px;
height:100%;
min-width:200px;
background:white;
border-left:1px solid #e4e4e3;
}

#main-right-menu {
padding:10px 0px 10px 0px;
height:100%;
margin-left:220px;
margin-right:220px;
}

#main-right-menu-no-left {
padding:10px 10px 10px 10px;
height:100%;
margin-right:220px;
background:white;
border-right:1px solid #e4e4e3;
}

#main-shop {
padding:10px 0px 10px 0px;
height:100%;
margin-left:220px;
margin-right:220px;
}

#main-shop a {
border:0;
}

#main-shop a:hover {
border:0;
}


#clear {
clear:both;
}

.clear {
clear:both;
}

.ralign {
float:right;
margin-left:10px;
}
.lalign {
float:left;
margin-right:5px;
}

#footer {
padding:5px;
clear:both;
background:#e7e7e7;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
text-align:center;
}

#search {
float:right;
width:188px;
padding:5px;
border:1px solid #CCCCCC;
background:url(../images/side-header.png) no-repeat #fff;
margin:5px 10px 0 0;
}

#searcht {
float:right;
padding:5px;
border:1px solid #CCCCCC;
background:#fff;
margin:5px 10px 0 0;
}

.td-border {
border-left:1px solid #CCCCCC;
margin-right:10px;
width:10px;
}

.td50 {
width:50%;
}

.td50pad {
width:50%;
padding-left:10px;
}

#login-drop-fixed {
position:absolute;
top:-120px;
left:50%;
margin: 0 0 0 0px;
width:407px;
height:105px;
padding:20px;
background:url(../images/tab.png);
color:white;
}

#login-drop-acc {
position:absolute;
top:125px;
right:50px;
color:white;
}

#login-drop-acc a, #login-drop-fixed a{
text-decoration:none;
color:white;
}

#login-drop-acc a:hover, #login-drop-fixed a:hover{
text-decoration:underline;
color:white;
}

#login-drop {
position:absolute;
top:-120px;
right:30px;
width:407px;
height:105px;
padding:20px;
background:url(../images/tab.png);
color:white;
}

#previous-next{
padding:5px;
border:1px solid #CCCCCC;
background:#F4F4F4;
}

.price {
width:102px;
height:47px;
padding-top:10px;
background:url(../images/price-bkg.gif);
display:inline;
margin:0;
color:#e2001a;
}

.dottedline {
float:left;
width:100%;
height:1px;
margin:0;
padding:0;
background:url(../images/dottedlinebreak.gif);
background-repeat: repeat-x;
background-position: left bottom;
}

/* ------------------------------------- SHOP LAYOUT STYLE ------------------------------------- */

.category {
width:150px;
height:175px;
margin:0 10px 10px 10px;
float:left;
background:#FFFFFF;
text-align:center;
}

.product {
width:115px;
height:230px;
margin:0 10px 10px 0;
float:left;
/*padding:4px;*/
text-align:center;
}

a img .product  {
border:white;
}

.product-title {
height:30px;
overflow:hidden;
margin:0;
padding:5px 0 0 0;
}

.product2 {
width:98%;
float:left;
padding:4px 0px 4px 4px;
border:1px solid #CCCCCC;
margin:0 0px 10px 0;
}
.product3 {
width:97%;
float:left;
padding:4px 0px 4px 4px;
border-bottom:1px solid #CCCCCC;
margin:0 0px 10px 0;
}
.product2-desc {
padding-left:260px;
padding-right:130px;
}
.product2-img {
width:250px;
float:left;
text-align:center;
}

.product2-info{
width:120px;
height:135px;
padding-left:10px;
margin-left:10px;
float:right;
border-left:1px solid #EEEEEE;
}

.product-large {
margin:0 10px 10px 0;
float:left;
background:#FFFFFF;
text-align:center;
}

.rn-product {
width:190px;
margin-bottom:10px;
float:left;
}

.test {
width:178px;
padding:5px;
float:left;
border:1px solid #CCCCCC;
background:url(../images/side-header.png) #fff no-repeat;
}

.articles {
width:178px;
padding:3px 5px 3px 5px;
float:left;
border:1px solid #CCCCCC;
background:url(../images/side-header.png) #fff no-repeat;
}


.articles2 {
width:188px;
padding:3px 5px 3px 5px;
float:left;
margin-bottom:10px;
border:1px solid #CCCCCC;
background:url(../images/side-heade2r.png) #fff no-repeat;
}

.more-img {
width:100%;
padding-top:3px;
border-top:1px solid #CCCCCC;
}

.more-img-img {
border:1px solid #CCCCCC;
}

#product-details {
width:100%;
min-height:300px;
}

#product-desc {
}

#prod-desc-fill {
}

/* ------------------------------------- TABLE LAYOUT STYLE ------------------------------------- */

.td-dgrey {
background:#bdbec1;
padding:5px;
font-size:10px;
}

.td-lgrey {
background:#CCCCCC;
padding:5px;
font-size:10px;
}

.td-bronze {
background:#cd7f32;
color:black;
width:45px;
padding:5px;
font-size:10px;
text-align:center;
}
.td-silver {
background:#d2d3d5;
color:black;
width:45px;
padding:5px;
font-size:10px;
text-align:center;
}
.td-gold {
background:#ffd117;
color:black;
width:45px;
padding:5px;
font-size:10px;
text-align:center;
}

.Type10AColumns {
border-bottom:1px solid #CDCDCD;
border-top:1px solid #CDCDCD;
padding:4px;
background-color:#F6F6F6;
text-align:center;
}

.Type10A{
border-bottom:1px solid #CDCDCD;
padding:2px;
text-align:center;
}
.Type10A2{
padding:2px;
text-align:center;
}
.Type10B{
border-bottom:1px solid #CDCDCD;
padding:2px;
background-color:#F8F8F8;
text-align:center;
}
.Type10B2{
padding:2px;
background-color:#F8F8F8;
text-align:center;
}
.Type10C{
padding:5px;
text-align:center;
}
.Type10D{
border-right:1px solid #CDCDCD;
padding-right:10px;
}
.Type10E{
padding-left:10px;
padding-right:10px;
}
.Type10F{
border-bottom:1px solid #CDCDCD;
border-right:1px solid #CDCDCD;
padding:10px;
}
.Type10G{
border-bottom:1px solid #CDCDCD;
border-right:1px solid #CDCDCD;
border-top:1px solid #CDCDCD;
text-align:center;
background:#EDEDED;
padding:10px;
}
.Type10H{
padding-left:10px;
border-left:1px solid #CDCDCD;
}

.portfolio {
border:1px dotted #999999;
background:white;
margin-bottom:10px;
padding:5px;
}

#offline {
width:592px;
margin-left:auto;
margin-right:auto;
margin-top:10%;
background:#0033CC;
}
#offline-header {
width:567px;
height:21px;
background:url(../images/offline-header.png);
padding:22px 0 0 25px;
}
#offline-content {
width:552px;
background:url(../images/offline-back.png);
padding:15px 15px 100px 25px;
}
#offline-footer {
width:567px;
background:url(../images/offline-footer.png);
height:31px;
padding:5px 0 0 25px;
font-weight:bold;
}

.field-1 {
width:253px;
padding:6px 5px 0px 5px;
height:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/field-back.gif);
}
.field-number {
width:70px;
padding:6px 5px 0px 5px;
height:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/field-back.gif);
}

.field-news {
width:120px;
padding:4px 5px 0px 5px;
height:17px;
margin-right:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/field-back.gif);
}

.field-newsletter {
width:118px;
padding:4px 5px 0px 5px;
height:17px;
margin-right:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/field-back.gif);
}


.field-small-drop {
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/field-back.gif);
}
.option {
padding:3px;
background:white;
}

.field-drop {
width:263px;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/field-back.gif);
}

.field-text {
width:253px;
height:67px;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #CCCCCC;
background:white;
}

.field-small {
height:19px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:0;
background:url(../images/field--text-back.gif);
}

.field-account {
width:132px;
padding:6px 5px 0px 5px;
height:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #CCCCCC;
background:url(../images/field-back.gif);
}

.profile {
width:100%;
border:1px solid #e4e4e3;
background:white;
}

.sbutton {
background:#af4e94;
color:white;
height:22px;
border:1px solid #CCCCCC;
padding: 0 10px 4px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
}
.field-format {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#505050;
}


/* ------------------------------------- NAVIGATION LAYOUT STYLE ------------------------------------- */

#nav ul {
padding:0;
margin:0px;
white-space:nowrap;
}

#nav li {
list-style-type:none;
color:black;
text-decoration:none;
float:left;
clear:both;
font-weight:400;
}

#nav li a {
width:185px;
padding:3px 0 3px 15px;
margin-top:2px;
color:#777777;
font-size:11px;
text-decoration: none;
border:0;
float:left;
clear:both;
font-weight:400;
}

.nav {
background:url(../images/button-2a.png) no-repeat center left #F7F7F7;
}

.nav2 {
background:url(../images/button-1.png) no-repeat center left #EBEBEB;
}

.nav2:hover, .nav:hover {
background:url(../images/button-2.png) no-repeat center left #3b3b3b;
color:white;
}

.newbtn {
background:url(../images/button-new.png) no-repeat center left #EBEBEB;
}

.newbtn:hover {
background:url(../images/button-new-hover.png) no-repeat center left #3b3b3b;
color:white;
}

#nav li a:link a:visited {
color:black;
}

#nav li a:hover {
color:white;
}

#nav li ul li a{ /* second-level lists */
width:178px;
padding:3px 0 3px 20px;
margin-top:2px;
background:red;
font-size:11px;
text-decoration: none;
border:solid 1px #CCCCCC;
float:left;
clear:both;
font-weight:400;
}

#nav li ul li a:hover{ /* second-level lists */
width:178px;
padding:3px 0 3px 20px;
background:url(../images/button-down.gif) no-repeat right;
}

#nav li ul li ul li a{ /* second-level lists */
width:178px;
padding:3px 0 3px 20px;
margin-top:2px;
background:yellow;
font-size:11px;
text-decoration: none;
border:solid 1px #CCCCCC;
float:left;
clear:both;
font-weight:400;
}

#nav li ul li ul li a:hover{ /* second-level lists */
width:168px;
padding:3px 0 3px 30px;
}

#nav li ul li ul li ul li a{ /* second-level lists */
width:158px;
padding:3px 0 3px 40px;
margin-top:2px;
font-size:11px;
text-decoration:none;
border:solid 1px #CCCCCC;
float:left;
clear:both;
font-weight:400;
}

#nav li ul li ul li ul li a:hover{ /* second-level lists */
width:158px;
padding:3px 0 3px 40px;
}

#topnav {
height:31px;
min-width:600px;
background:#3b3b3b;
padding:2px 2px 2px 4px;
padding-left:10px;
margin:1px 0 0 0;
list-style:none;
z-index:999;
}

#topnav ul {
padding:0;
margin:0px;
white-space:nowrap;
}

#topnav a.arrow {
display: block;
color:white;
font-size:11px;
text-decoration: none;
padding: 7px 19px 8px 19px;
background:url(../images/button-bkg.gif);
z-index:1;
border: 1px solid #797979; 
margin-right:2px;
}

#topnav a:hover.arrow {
background:url(../images/button-bkg-hover.gif);
}

#topnav a#selected.arrow {
background:url(../images/button-bkg-hover.gif);
}

#topnav a.drop {
width:175px;
padding:6px 0 6px 15px;
background:url(../images/button-2.png) no-repeat center left #3b3b3b;
color:white;
font-size:11px;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
float:left;
clear:both;
font-weight:400;
}

#topnav a:hover.drop {
background:url(../images/button-1a.png) no-repeat center left #F7F7F7;
color:#777777;
}


#topnav li {
list-style-type:none;
color:white;
text-decoration:none;
float:left;
display:inline;
font-weight:400;
}

#topnav li a#selected {
  color:#000000;
}
#topnav li ul { /* second-level lists */
  position: absolute;
  width: 190px ;
  padding: 0;
  display: none;
  z-index:1;
}
#topnav li ul li { /* second-level lists */
  width: 190px;
  z-index:1;
}

#topnav li:hover ul ul, #topnav li.sfhover ul ul {
  display: block;
  background:url(../images/button-1-hover.png) #EBEBEB;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { /* lists nested under hovered list items */
  display: block;
  background-color:#EBEBEB;
}
#topnav li:hover, #topnav li.sfhover {
}

#example {
	width:510px;
	height:211px;
	position:relative;
	margin-bottom: 25px;
}
#ribbon {
	position:absolute;
	background: url(../files/new-ribbon.png) no-repeat;
	top:-3px;
	left:-3px;
	z-index:500;
	width: 110px;
	height: 110px;
}
#slides {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.slides_container {
	width:510px;
	height:211px;
	overflow:hidden;
	position:relative;
}
.pagination {
	margin:5px auto 10px auto;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	border-bottom: none;
	text-decoration:none;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}