/* ------------------------------------- DEFAULT LAYOUT STYLE ------------------------------------- */

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/001.jpg) #1d337e no-repeat;
}

img {
padding:0;
margin:0;
}

a img {
border:0;
}

a {
color:#084f9f;
text-decoration:underline;
padding:0;
margin:0;
}

a:hover {
color:#CCCCCC;
text-decoration:underline;
padding:0;
margin:0;
}

p {
padding:0;
margin:0;
}

table {
padding:0;
margin:0;
}

.form {
padding:0;
margin:0;
display:inline;
}

/* ---- SHOP CHANGE - PRODUCT NAME ---- */
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:white;
margin:0;
padding:0;
display:inline;
}

/* ---- SHOP CHANGE - HEADERS ---- */
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:white;
font-weight:400;
margin:0;
padding:0;
display:inline;
}

/* SHOP CHANGE - PRICE */
h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
font-weight:600;
display:inline;
color:red;
}
h9 {
text-decoration:line-through;
}


/* ------------------------------------- FONT COLOURS LAYOUT STYLE ------------------------------------- */

.Type10AColour {
color:#5CBCE9;
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:800px;
}
#container-fixed {
width:935px;
margin-left:auto;
margin-right:auto;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

#gmap {
float:right;
border:1px solid #CCCCCC;
margin-right:10px;
color:black;
}
#header {
width:100%;
height:135px;
background:url('../images/header-background2.gif');
border-bottom:1px solid #CCCCCC;
}
#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:white;
}

#nav {
width:200px;
padding:10px;
height:100%;
float:left;
background:white;
}

#rightnav {
width:200px;
padding:10px;
height:100%;
float:right;
background:#EDEDED;
}

#main {
padding:10px;
height:100%;
margin-left:220px;
min-width:200px;
background:#084f9f;
border-left:1px solid #999999;
color:white;
}

#main-right-menu {
padding:10px 0 10px 10px;
height:100%;
margin-left:220px;
margin-right:220px;
background:#FFFFFF;
border-left:1px solid #999999;
border-right:1px solid #999999;
}

#main a, #main-right-menu a {
color:#AAAAAA;
text-decoration:underline;
}

#main a:hover, #main-right-menu a:hover {
color:#CCCCCC;
}

#clear {
clear:both;
}

.clear {
clear:both;
}

.ralign {
float:right;
}

#footer {
padding:5px;
clear:both;
background:/*url(../images/nav-back.gif)*/#b30000;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #666666;
color:white;
padding-top:8px;
}

#footer a {
color:white;
}
#footer a:hover {
color:#e0efff;
}

#footer img {
}

#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;
}

/* ------------------------------------- SHOP LAYOUT STYLE ------------------------------------- */

.category {
width:150px;
margin:0 10px 10px 0;
float:left;
border:4px solid #CCCCCC;
background:#FFFFFF;
text-align:center;
color:#084f9f;
}
.category a {
color:#084f9f;
text-decoration:none;
}

.product {
width:120px;
height:240px;
margin:0 8px 10px 0;
float:left;
padding:4px;
background:url(../images/prod-back.png) no-repeat;
text-align:center;
}
.product-title {
height:30px;
overflow:hidden;
margin:0;
padding:0;
}
.product2 {
width:98%;
float:left;
padding:4px 0px 4px 4px;
border:4px 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 {
width:300px;
margin:0 10px 10px 0;
float:left;
border:4px solid #CCCCCC;
background:#FFFFFF;
text-align:center;
}

.rn-product {
width:188px;
margin-bottom:10px;
padding:5px;
float:left;
border:1px solid #CCCCCC;
background:url(../images/side-header.png) #fff no-repeat;
}

#product-details {
width:100%;
}

#product-desc {
padding-left:318px;
}

#prod-desc-fill {
clear:both;
float:left;
}


/* ------------------------------------- TABLE LAYOUT STYLE ------------------------------------- */

.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;
}

#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;
}

/* ------------------------------------- NAVIGATION LAYOUT STYLE ------------------------------------- */

#nav ul {
padding:0;
margin:0px;
white-space:nowrap;
}

#nav li {
list-style-type:none;
color:white;
text-decoration:none;
float:left;
clear:both;
font-weight:400;
}

#nav li a {
width:188px;
padding:3px 0 3px 10px;
margin-top:2px;
background:url(../images/button.gif);
color:white;
font-size:11px;
text-decoration: none;
border: solid 1px #443181;
float:left;
clear:both;
font-weight:400;
text-transform: uppercase;
}

#nav li a:link a:visited {
color:black;
}

#nav li a:hover {
color:black;
padding:3px 0 3px 10px;
background:url(../images/button-2-hover.gif);
border:solid 1px #CCCCCC;
}

#nav li ul li a{ /* second-level lists */
width:178px;
padding:3px 0 3px 20px;
margin-top:2px;
font-size:11px;
background:url(../images/button-2.gif);
text-decoration: none;
border:solid 1px #b91717;
float:left;
clear:both;
font-weight:400;
}

#nav li ul li a:hover{ /* second-level lists */
background:url(../images/button-2-hover.gif);
width:178px;
padding:3px 0 3px 20px;
border:solid 1px #CCCCCC;
}

#nav li ul li ul li a{ /* second-level lists */
width:168px;
padding:3px 0 3px 30px;
margin-top:2px;
font-size:11px;
background:url(../images/button-3.gif);
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 */
background:url(../images/button-3-hover.gif);
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;
background:url(../images/button-4.gif);
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 */
background:url(../images/button-4-hover.gif);
width:158px;
padding:3px 0 3px 40px;
}

#topnav {
height:26px;
min-width:600px;
background:url(../images/nav-back.gif);
padding:8px 2px 0px 2px;
padding-left:10px;
border-bottom:1px solid #999999;
text-transform: uppercase;
}

#topnav ul {
padding:0;
margin:0px;
white-space:nowrap;
}

#topnav li {
list-style-type:none;
color:white;
text-decoration:none;
float:left;
display:inline;
font-weight:400;
}

#topnav li a {
padding:3px 35px 3px 35px;
margin-right:2px;
/*background:url(../images/button.gif);*/
color:white;
font-size:14px;
text-decoration:none;
/*border: solid 1px #CCCCCC;*/
float:left;
font-weight:400;
display:inline;
}

#topnav li a:link a:visited {
color:black;
}

#topnav li a:hover {
color:black;
padding:3px 35px 3px 35px;
background:url(../images/button-2-hover.gif);
}

#topnav li ul li a{ /* second-level lists */
width:188px;
padding:3px 0 3px 10px;
font-size:11px;
background:white;
text-decoration: none;
border:dotted 1px #CCCCCC;
float:left;
font-weight:400;
}

#topnav li ul li a:hover{ /* second-level lists */
background:#f8ffd3;
}

#text-box {
width:671px;
margin-top:10px;
padding:10px 10px 10px 10px;
background:url(../images/grey-header.gif) repeat-x #FFFFFF;
}

#text-box2 {
width:691px;
margin-top:15px;
padding:10px 0px 0px 0px;
background:url(../images/grey-header.gif) repeat-x #FFFFFF;
}


.gallery {
width:150px;
height:155px;
margin:0 10px 10px 0;
float:left;
border:1px solid #e1e1e1;
background:#FFFFFF;
text-align:center;
}

.gallery-2 {
width:150px;
height:180px;
margin:0 10px 10px 0;
float:left;
border:1px solid #e1e1e1;
background:#FFFFFF;
text-align:center;
}

#img-gallery {
width:560px;
/*height:420px;*/
}

.gimg 
{
padding:5px;
width:100px;
height:100px;
display: table-cell;
vertical-align: middle;
text-align:center;
}

.carousel-box {
background:white;
padding:5px;
margin-bottom:20px;
}

.prev {
width:19px;
height:22px;
float:left;
margin-top:40px;
background:url(../images/prev.png);
border:0;
cursor:pointer;
}


.next {
width:19px;
height:22px;
float:right;
margin-top:40px;
background:url(../images/next.png);	
border:0;
cursor:pointer;
}

