/* CSS Document */
body#body{
background: #003466;
text-align: center; 
font-family: Verdana;
}
#main {
width: 962px;
text-align: left;
margin: 0 auto;
background: #FFFFFF;
}
#main-in {
padding: 5px;
}
#topmenu {
height: 25px;
border-bottom: 1px solid #883934;
background: #0285d7;
margin: 0 0 5px 0;
}
#topmenu div {
float: left;
}
.topmenu-link {
display: block;
float: left;
height: 25px;
padding: 0 10px;
background: #0185da;
border-right: 1px solid #FFFFFF;
color: #FFFFFF;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
line-height: 25px; 
cursor: pointer;  
}
.topmenu-link-hover {
display: block;
float: left;
height: 25px;
padding: 0 10px;
background: #9a0000;
border-right: 1px solid #FFFFFF;
color: #FFFFFF;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
line-height: 25px;
cursor: pointer;    
}
#search {
width: 196px;
height: 25px;
float: right !important;  
}
#search input.txt {
width: 109px;
height: 13px;
background: #FFFFFF;
border: none;
margin: 4px 0 0 0;
color: #000000;
font-size: 11px;
padding: 0 2px;
line-height: 13px;
}
#search input.button {
width: 60px;
line-height: 10px;
height: 14px;
background: #dddddd;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #508fba;
border-left: 1px solid #f3f3f3;
border-right: 1px solid #508fba;
color: #000000;
font-size: 10px;
font-family: Verdana;
text-align: center;
cursor: pointer;
margin: 1px 0 0 4px; 
}
#search input.button:hover {
background: #c6e4ef;
}
#header {
height: 205px;
margin: 0 0 5px 0;
}
#header-pic {
width: 724px;
height: 205px;
float: left;
margin: 0 5px 0 0;
background: url(../../uploads/styles/header-bg.jpg) no-repeat; 
}
#entershop {
width: 223px;
height: 205px;
float: left;
/*background: #c6e4ef url(../../uploads/styles/entershop-bg.jpg) no-repeat bottom right;*/
position: relative;   
}
a.entershop-title {
background: #003466 url(../../uploads/styles/entershop-h1.jpg) no-repeat left;
display: block;
width: 223px;
height: 19px;
padding: 0;
margin: 0;
text-decoration: none;
}
a.brochure-title {
background: #003466 url(../../uploads/styles/catalogue-title.gif) no-repeat;
display: block;
width: 223px;
height: 19px;
padding: 0;
margin: 0;
text-decoration: none;
}
.shop-brochure {
background: #ffffff;
width: 223px;
height: 187px;
position: absolute;
text-align: center;
}
.shop-brochure p {
width: 220px !important;
margin: 0 !important;
}
#entershop p {
width: 105px;
margin: 15px 0 10px 3px;
color: #000000;
font-size: 10px;
}
.shop-brochure img {
width: 100px;
margin: 5px 3px 5px 3px;
border: none;
}
.shop-brochure a { 
text-decoration: none;
}
#entershop h1 {
width: 105px;
margin: 15px 0 10px 10px;
color: #003366;
font-size: 20px;
font-weight: normal;
text-align: center;
}
a.entershop-link {
width: 60px; 
display: block;
background: url(../../uploads/styles/cross1.gif) no-repeat center right;
color: #000000;
font-size: 8px;
text-decoration: none;
text-transform: uppercase;
margin: 10px 0 10px 10px;
padding: 0 10px 0 0;
}
a.entershop-link:hover {
color: #990000;
background: url(../../uploads/styles/cross2.gif) no-repeat center right;   
}
#middle {
background: url(../../uploads/styles/middle-bg.gif) repeat-y left;
margin: 0 0 5px 0; 
overflow: hidden;
width: 952px; 
clear: both;
}
#leftside {
width: 181px;
float: left;
}
#leftmenu {
margin: 5px 0;
border-bottom: 1px solid #c6c6c6;
padding: 0 0 6px 0;     
}
#leftmenu h1 {
padding: 15px 0 3px 22px;
margin: 0;
border-bottom: 1px solid #c6c6c6;
color: #000000;
font-size: 10px;
text-transform: uppercase;
background: url(../../uploads/styles/arr1.gif) no-repeat bottom left;
}
#leftmenu a {
display: block;
padding: 3px 5px 3px 22px;
color: #000000;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
#leftmenu a:hover {
display: block;
padding: 3px 5px 3px 28px;
color: #045f99;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
#catalogue {
padding: 5px 0;
color: #000000;     
font-size: 10px;
font-family: Arial;
}
#catalogue h1 {
display: block;
width: 181px;
height: 19px;
background: url(../../uploads/styles/catalogue-title.gif) no-repeat;
margin: 0;
padding: 0;
} 
#catalogue h1 a {
display: block;
width: 181px;
height: 19px;
}
#catalogue h2, h2.shop-catalogue {
color: #002950;
font-size: 12px;
padding: 5px 0 5px 10px;
margin: 0;
text-transform: none;
background: none;
border: none;     
}
#catalogue img {
border: none;
display: block;
}
#catalogue p {
padding: 3px 5px;
margin: 0;
}
#catalogue a {
color: #000000;     
font-size: 10px;     
}
#catalogue a:hover {
text-decoration: none;
}
#catalogue a.cat {
text-align: center;
display: block;
} 
#catalogue a.cat img {
margin: 0 auto;
width: 114px;
}
.contacts-title {
display: block;
width: 181px;
height: 19px;
background: url(../../uploads/styles/contacts-title.gif) no-repeat;
margin: 5px 0 5px 0;     
}
.contacts-label {
font-size: 10px;
margin: 0;
padding: 0 5px 2px 5px;
font-weight: bold;
font-family: Arial;
}
#center {
width: 544px;
float: left;
}
#content {
padding: 1px 18px 1px 20px;
color: #003366;
font-size: 13px;
}
.title1, #content h1 {
background: url(../../uploads/styles/arr2.gif) no-repeat center left;
color: #000201;
font-family: Arial;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
padding: 0 0 0 15px;
margin: 10px 0 0 25px;
}
.title2, #content h1 span {
color: #990000;
font-family: Arial;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
}
.title3, #content h2 {
font-size: 15px;
font-weight: bold;
color: #002447;
}
p.front {
font-size: 14px;
text-align: justify;
}
a.content-link, #content a, .shop-brochure a {
color: #990000;
}
a.content-link:hover, #content a:hover, .shop-brochure a:hover {
text-decoration: none;
}
#content table {
color: #003366;
font-size: 13px;
}
div.panel {
width: 175px;
height: 201px;
float: left;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
a.panel-link {
background: url(../../uploads/styles/arr2.gif) no-repeat center left;
color: #000201;
display: block;
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 0 0 0 12px;
margin: 10px 0 0 10px;     
}
a.panel-link:hover {
color: #990000;
}
div.panel table {
width: 175px;
height: 176px;
padding: 10px 0 0 5px;    
}
.panel-pic {
position: relative;   
} 
a.more {
width: 60px; 
display: block;
background: url(../../uploads/styles/cross1.gif) no-repeat center right;
color: #000000;
font-size: 8px;
text-decoration: none;
text-transform: uppercase;
padding: 0 10px 0 0;
}
a.more:hover {
color: #990000;
background: url(../../uploads/styles/cross2.gif) no-repeat center right;   
}
#rightside {
width: 223px;
float: right;
}
#rightside table {
color: #210202;
font-size: 10px;
}
#rightside table p {
padding: 0 0 5px 5px;
margin: 0;
}
a.loyalty {
display: block;
width: 223px;
height: 19px;
background: url(../../uploads/styles/loyalty.gif) no-repeat;
margin: 0 0 5px 0;     
}
a.news-title {
display: block;
width: 223px;
height: 19px;
background: url(../../uploads/styles/news-title.gif) no-repeat;
margin: 5px 0 5px 0;     
}
.news-item {
color: #210202;
font-size: 9px; 
border-bottom: 1px solid #dddddd;
padding: 0 0 3px 0;
width: 220px;
clear: both;
float: left;
}
.news-item-page {
color: #210202;
font-size: 12px; 
border-bottom: 1px solid #dddddd;
padding: 5px 0 0 0;
width: 500px;
clear: both;
float: left;
}
.news-image {
float: left;
margin: 0 5px 0 0;
}
.news-txt {
float: left;
width: 150px;
}
.news-txt-page {
float: left;
}
.news-item img, .news-item-page img {
width: 63px;
border: none;
}
.news-pager {
font-size: 11px;
margin: 10px 0;
} 
.news-pager-front, td.productdetails_refnum {
display: none;
}
a.spec, a.newslist-title-link, a.newslist-title2 {
background: url(../../uploads/styles/arr2.gif) no-repeat center left;
color: #000201 !important;
display: block;
font-size: 10px;
font-weight: bold;
text-decoration: none;
padding: 0 0 0 10px;
margin: 10px 0 5px 0;
cursor: pointer;     
}
a.spec:hover, a.newslist-title-link:hover, a.newslist-title2:hover {
color: #990000 !important;
cursor: pointer;  
}
.newslist-date {
color: #003366;
font-size: 10px;
}
.singlenews-date {
color: #003366;
font-size: 12px;
display: block;
}
.newslist-desc-div {
padding: 5px 0 5px 10px;
}
.newslist-desc-div2 {
padding: 5px 0 5px 0;
}
.grayb {
border-bottom: 1px solid #dddddd;
}
.singlenews-whole {
margin: 15px 0 0 0;
}
a.singlenews-link {
display: block;
margin: 10px 0;
}
.singlenews-body {
display: block;
margin: 10px 0;
}
#footer {
height: 31px;
background: #e4e4e4;
border-top: 1px solid #873a33;
text-align: center;
clear: both;
}
#footer div {
margin: 10px 0 0 0;
}
#footer table {
margin: 0 auto;
}
.footer-link {
padding: 0 5px;
display: block;
float: left;
background: url(../../uploads/styles/sep1.gif) no-repeat center right;
color: #000000;
font-size: 10px;
cursor: pointer;
text-decoration: none;
}
.footer-link-hover {
padding: 0 5px;
display: block;
float: left;
background: url(../../uploads/styles/sep1.gif) no-repeat center right;
color: #000000;
font-size: 10px;
cursor: pointer;
text-decoration: underline;   
}
.footer-last {
padding: 0 5px;
display: block;
float: left;
color: #000000;
font-size: 10px;
cursor: pointer;
text-decoration: none;
}
.footer-last-hover {
padding: 0 5px;
display: block;
float: left;
color: #000000;
font-size: 10px;
cursor: pointer;
text-decoration: underline;   
} 
.submit {
width: 60px;
line-height: 10px;
height: 18px;
background: #dddddd;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #508fba;
border-left: 1px solid #f3f3f3;
border-right: 1px solid #508fba;
color: #000000;
font-size: 10px;
font-family: Verdana;
text-align: center;
cursor: pointer;
margin: 1px 0 0 4px; 
}
.submit:hover {
background: #c6e4ef;
}
.contactus_input {
width: 180px;
height: 18px;
color: #000000;
font-size: 12px;
font-family: Verdana;
padding: 0;
}
select.contactus_input {
width: 183px;
height: 20px;
color: #000000;
font-size: 12px;
font-family: Verdana;
padding: 0;
}
.validator_message, .contactus_message {
color: #990000;
font-size: 12px;
font-family: Verdana;
}
/*vShop Styles*/
div.supercategorymenu-whole{
padding:10px 0 10px 10px;
margin:0;
line-height:0px;
}
div.supercategorymenu-item {
line-height:20px;
text-transform: capitalize;
}
a.supercategorymenu-link {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#003366;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.supercategorymenu-link:hover {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
div.category-details-thumb{
float:right;
padding:0 0 5px 10px;
}
div.category-details-name, div#productdetails-name, div#relatedproducts-title{
background: url(../../uploads/styles/arr2.gif) no-repeat center left;
color: #000201;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
padding: 0 0 0 15px;
}
div.productmenu-paging-area{
clear:both;
float:left;
margin:0;
height: 20px;
line-height: 20px;
margin:10px 0 0 0;
}
div.productmenu-dropdown-area {
float: right;
margin:0;
height: 20px;
line-height: 20px;
margin:10px 0 0 0;
}
.productmenu-pager {
padding: 0 0 0 10px;
text-transform: lowercase;
}
div.productmenu-list-area{
clear:both;
padding:10px 0;
margin:0;
}
table.productmenu-list-table{
width:100%;
border:0;
padding:0;
margin:0;
border-collapse:collapse; 
}
table.categorymenu-list-table{
width:100%;
padding:15px 0;
margin:15px 0;
border-top:1px #e6e6e6 solid;
border-bottom:1px #e6e6e6 solid;
border-collapse:collapse;
clear:both; 
}
td.productmenu-list-item, td.categorymenu-list-item {
padding:3px 0 3px 0;
vertical-align:top;
width: 33%;
}
a.categorymenu-name-link {
color: #ff0000 !important;
font-weight: bold;
}
div.productmenu-name{
width:155px;
}
a.productmenu-name-link {
color: #003366 !important;
}
td.productmenu-thumb{
height:155px;
text-align:center;
vertical-align:middle;
width:155px;
background-color:#fdfdfd;
border:1px #c5e4ef solid;
}
td.categorymenu-thumb {
height:155px;
text-align:center;
vertical-align:middle;
width:155px;
background-color:#fdfdfd;
border:1px #efc5c6 solid;
}
div.productmenu-price-area{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
font-size:12px;
font-weight:bold;
padding:5px 0 0 10px;
text-align:left;
width:155px;
background:transparent url(../../uploads/styles/arr2.gif) no-repeat 0 8px;
}
.productmenu-matrix-error, 
.productdetails-error, 
.error, 
.login_error, 
.registration_error, 
.basket_discount_error, 
.basket_errormessage,
.contactus_message,
.validator_message {
color: red;
}
.login_input, 
.registration_input, 
.basket_input, 
.basket_dropdown, 
.productdetails-dropdown, 
.basket_discount_input, 
.contactus_input {
width: 125px;
height: 18px;
border: 1px solid #003366;
font-size: 11px;
color: #000;
} 
select.productmenu-dropdown{
width: 125px;
height: 18px;
border: 1px solid #003366;
font-size: 11px;
color: #000;
}
div#searchbox-whole{
padding:5px 0 10px 5px;
margin:0;
height:18px;
}
img.search-button {
padding:0 0 0 5px;
display:block;
float:left
}
.searchbox-input{
width: 125px;
height: 18px;
border: 1px solid #003366;
font-size: 11px;
color: #000;
display:block;
float:left
}
div.productdetails-whole{
width:505px;
}
div#productdetails-image{
padding:0 0 5px 0;
text-align:center;
}
div#productdetails-enlarge-hint{
font-size:10px;
}
input.productdetails-button, input.emailafriend-button {
background-color:#003366;
border-color:#f1f1f1 #999999 #999999 #f1f1f1;
border-style:solid;
border-width:1px;
color:#fff;
font-family:Verdana;
font-size:10px;
font-weight:bold;
}
div.productdetails-labels {
width:145px;
float:left;
font-weight:bold;
height:25px;
line-height:25px;
}
div#productdetails-reference{
font-size:10px;
color:#000;
}
div.productdetails-image-area {
float:left;
padding:5px 10px 5px 0;
}
table.productdetails-ratings-table,table.productdetails-attachments-table,table.productdetails-flash-table,table.productdetails-promotions-table,table.productdetails-special-table,table.productdetails-matrixcolor-table {
border:0;
float:left;
border-collapse:collapse;
height:25px;
line-height:25px;
margin:0;
padding:0;
}
div.vshop-separator,div.basket-separator,div.promotiondetails-separator {
clear:both;
line-height:0;
font-size:1px;
height:0;
}
div#productdetails-addtowish-button, div.productdetails-buy-area{
display:none;
}
span#productdetails-price{
font-weight:bold;
}
div#productdetails-emailafriend{
margin:5px 0 0 0;
}
div#popup-whole{
background:#fff url(../../uploads/styles/pop-up-top.jpg) no-repeat;
margin:0 auto;
margin:0;
padding:170px 0 0 0;
overflow:hidden;
border:1px #fff solid;
text-align:left;
font-size:12px;
height:345px;
}
div#emailafriend-whole{
margin:0 0 0 30px;
width:430px;
}
div#emailafriend-success-msg{
margin:0 0 10px 0;
color:#0185da;
font-weight:bold; 
}
div.emailafriend-labels{
float:left;
width:150px;
margin:5px 0;
line-height:18px;
}
div.emailafriend-inputs{
float:left;
width:260px;
margin:5px 0;
}
input.emailafriend-input{
width: 180px;
height: 18px;
color: #000000;
font-size: 12px;
font-family: Verdana;
padding: 0;
}
textarea.emailafriend-textarea{
width: 250px;
height:80px;
color: #000000;
font-size: 12px;
font-family: Verdana;
padding: 0;
}
div#relatedproducts-whole{
clear:both;
}
table.relatedproducts-table{
padding:0;
margin:0;
border-collapse:collapse;
width:100%;
}
td.relatedproducts-left-td{
width:130px;
border-top:1px silver solid;
padding:5px 0;
}
td.relatedproducts-center-td{
padding:5px;
border-top:1px silver solid;
}
td.relatedproducts-right-td{
width:120px;
border-top:1px silver solid;
padding:5px 0;
}
table.gridmatrix-table td {
 background:#eeeded;
 padding: 3px 5px;
}
.head1, .head2, .head3 {
 color:#fff;
 font-weight:bold;
 background:#003366 !important;
}
.relatedproducts-title {}
.breadcrumb-div {
margin: 0 0 15px 0;
}
a.breadcrumb {
color: #ff0000 !important;
}
td.productdetails_title {
font-size: 16px;
font-weight: bold;
padding: 0 0 10px 0;
}
.column1 {
color: #0185da;
}
.column2 {
color: #136f15;
}
.column3 {
color: #990000;
}   
/*Knowledge Base*/
div.knowledgebase-whole{
padding:10px 0 10px 10px;
margin:0;
}