/* This VALIDATES to CSS level 2 if all the #-Hacks for Internet Explorer are Removed */

#html, body
{	
position: relative;
top: 5px;
right: 0px;
bottom: 0px;
left: 0px;
width:900px;
height: 100%;
margin: auto;
color: black;
background-color: #66ccff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

#company-address
{
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 100px;
border: 0px solid black;
border-right: 3px solid black;
}

#company-address p
{
border: 0px solid black;
font-size: 13px;
font-weight: bold;
text-align: center;
padding: 5px 0 0 0;
margin: 0px 0px 0px 0px;
}

#company-logo
{
position: absolute;
top: 13px;
left: 165px;
width: 600px;
height: 100px;
border: 0px solid black;
}

#company-logo img
{
margin: 0px 6px 0px 6px;
width: 585px;
height: 80px;
}

#company-logo>a:link, #company-logo>a:visited, #company-logo>a:active
{
font-size: 9px;
font-weight: normal;
color: blue;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 10px;
}

#company-logo>a:hover
{
color: red;
text-decoration: none;
}

#view-cart
{
display: block;
position: absolute;
top: 10px;
left: 750px;
width: 150px;
height: 100px;
border: 0px solid black;
}

#view-cart-outer
{
display: table;
width: 100%;
height: 100%;
#position: relative; /* HACK !!! this line for IE only  */
border: 0px solid black;
}

#view-cart-middle
{
#position:absolute; /* HACK !!! this line for IE only  */
#top:50%; /* HACK !!! this line for IE only  */
#margin-left: 20px; /* HACK !!! this line for IE only  */
display: table-cell;
vertical-align: middle;
border: 0px solid black;
}

#view-cart-inner
{
#position: relative; /* HACK !!! this line for IE only  */
#top:-50%; /* HACK !!! this line for IE only  */
text-align: center;
border: 0px solid black;
}

#view-basket div
{
position: absolute;
top: 50%;
margin: -25px 0 0 25px;
border: 0px solid black;
}

#back-button
{
position: absolute;
top: 100px;
left: 0;
width: 150px;
height: 30px;
border-right: 3px solid black;
border-bottom: 3px solid black;
}

#back-button>div>a>img
{
width: 140px;
height: 25px;
border: 0px solid black;
}

#page-menu
{
position: absolute;
top: 100px;
left: 150px;
width: 750px;
height: 30px;
border-bottom: 3px solid black;
}

#page-menu a:link, #page-menu a:visited, #page-menu a:active
{
width: 20%;
border: 0px solid black;
line-height: 30px;
padding: 0px 4px 0px 4px;
color: blue;
background-color: #66ccff;
text-align: center;
text-decoration: none;
font-size: 10px;
font-style: normal;
font-weight: bold;
}

#page-menu a:hover
{
border: 0px solid black;
color: red;
text-decoration: none;
}

.hidden
{
clear: both;
display: none;
text-align: center;
}

.unhidden
{
clear: both;
display: block;
text-align: center;
}

#page-menu-00
{
}

.shop-section-heading
{
font-family: Calibri, Tempus Sans ITC, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color: blue;
line-height: 30px;
}

#main-menu
{
position: absolute;
top: 133px;
left: 0;
width: 150px;
height: 420px;
border: 0px solid black;
border-right: 3px solid black;
font-size: 13px;
}

#main-menu a:link
{
display: block;
border: 0px solid #66ccff;
padding: 4px 0 4px 0;
color: blue;
text-align: center;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#main-menu a:visited
{
display: block;
border: 0px solid #66ccff;
padding: 4px 0 4px 0;
color: blue;
text-align: center;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#main-menu a:active
{
display: block;
border: 0px solid #66ccff;
padding: 4px 0 4px 0;
color: blue;
text-align: center;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#main-menu a:hover
{
color: red;
text-decoration: none;
border: 0px solid black;
}

.enhance a:link, .enhance a:visited, .enhance a:active
{
color: blue;
font-weight: bold;
text-decoration: none;
}

.enhance a:hover
{
color: red;
text-decoration: none;
}


.body-main-page /* this is the control for the I-Frame Pages */
{
width: 725px; /* keep width at 725px to ensure page sits inside vertical scroll bars with NO horiz scroll bars */
border: 0px solid blue;
}

#main-frame
{
position: relative;
width: 100%; /* keep width at 99% to ensure page sits inside vertical scroll bars with NO horiz scroll bars */
height: 99%; /* keep width at 99% to ensure page sits inside horiz scroll bars with NO vertical scroll bars */
border: 0px solid black;
overflow: auto;
}

#js_off, #cookies_off
{
width: 680px;
height: 390px;
overflow: auto;
clear: both;
display: block;
text-align: justify;
padding:0px 20px 0px 20px;
}

.js_cookies_check
{
padding: 30px 0px 30px 0px;
font-size: 15px;
text-align: center;
color: white;
}

#main-page
{
position: absolute;
top: 133px;
left: 153px;
width: 750px;
height: 420px;
border: 0px solid white;
overflow: auto;
}

.stop-floats
{
clear: both;
}

object
{
width: 750px;
height: 420px;
}

.heading
{
width: auto;
margin: 10px 20px 0 20px;
text-align: center;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: blue;
}

.header-bar
{
float: left;
margin: 10px 0px 10px 20px;
}

.products-info
{
margin: 20px 20px 10px 20px;
text-align: center;
font-weight: bold;
}

.general
{
width: 100%;
}

.product-info-header
{
clear: both;
display: none;
margin: 10px 20px 10px 20px;
padding: 10px;
color: blue;
font-size: 14px;
text-align: center;
}

.body-text
{
margin: 10px 20px 10px 20px;
text-align: justify;
font-size: 13px;
}

.details
{
width: 100%;
text-align: left;
margin: 10px 0px 10px 0px;
}

.details ul
{
margin: 0 0 0 0px;
}

.details ul li
{
margin: 0 25px 10px -7px;
#margin: 0 25px 10px 30px; /* this line for IE only MUST come after normal css margin declaration */
text-align: justify;
}

.back-to-top
{
margin: 13px 10px 10px 0;
float: right;
text-align: right;
}

.back-to-top a:link, .back-to-top a:visited, .back-to-top a:active, ul li a:link,  ul li a:visited, ul li  a:active, .body-text a:link, .body-text a:visited, .body-text a:active, .no-stock a:link, .no-stock a:visited, .no-stock a:active, .thanks-sorry a:link, .thanks-sorry a:visited, .thanks-sorry a:active
{
color: blue;
text-decoration: none;
font-weight: bold;
}

.back-to-top a:hover, ul li a:hover, .body-text a:hover, .no-stock a:hover, .thanks-sorry a:hover
{
color: red;
text-decoration: none;
}

.shipping-dot
{
width: 11px;
height: 11px;
border: 0px solid black
}

.add-to-cart
{
float: right;
margin: 50px 10px 0 0;
}

.outer
{
width: auto;
display: table;
#height: 120px; /* HACK !!! this line for IE only  */
#position: relative; /* HACK !!! this line for IE only  */
overflow: hidden;
margin: 10px 0px 10px 0px;
}

.middle
{
#position:absolute; /* HACK !!! this line for IE only  */
#top:50%; /* HACK !!! this line for IE only  */
display:table-cell;
vertical-align:middle;
background-color: transparent;
}

.add-to-cart-valign
{
#float: right; /* HACK !!! this line for IE only  */
#position: relative; /* HACK !!! this line for IE only  */
#top: -50%; /* HACK !!! this line for IE only  */
margin: 20px 10px 20px 10px;
padding: 0px;
}

.info-valign
{
#float: left; /* HACK !!! this line for IE only  */
#position: relative; /* HACK !!! this line for IE only  */
#top: -50%; /* HACK !!! this line for IE only  */
text-align: left;
width: 90%;
#width: 70%; /* this line for IE only MUST come after normal css width declaration */
border: 0px solid red;
margin: 20px 10px 20px 30px;
#margin: 0 10px 20px 30px; /* this line for IE only MUST come after normal css margin declaration */
}

.outer-items
{
width: 100%;
display: table;
#height: 250px; /* HACK !!! this line for IE only  */
#position: relative; /* HACK !!! this line for IE only  */
overflow: hidden;
margin: 10px 0px 10px 0px;
}

.next_in-items
{
width: 100%;
display: table-row;
#height: 100%; /* HACK !!! this line for IE only  */
#position: relative; /* HACK !!! this line for IE only  */
overflow: hidden;
margin: 1px 1px 1px 1px;
}

.middle-items-img
{
#position:absolute; /* HACK !!! this line for IE only  */
#top:50%; /* HACK !!! this line for IE only  */
#left:0; /* HACK !!! this line for IE only  */
display:table-cell;
vertical-align:middle;
width: 210px;
background-color: transparent;
}

.middle-items-info
{
#position:absolute; /* HACK !!! this line for IE only  */
#top:50%; /* HACK !!! this line for IE only  */
#left:29.5%; /* HACK !!! this line for IE only  */
display:table-cell;
vertical-align:middle;
/* width: 210px; */
#width: auto; /* HACK !!! this line for IE only  */
background-color: transparent;
}

.middle-items-cart
{
#position:absolute; /* HACK !!! this line for IE only  */
#top:50%; /* HACK !!! this line for IE only  */
#right:5px; /* HACK !!! this line for IE only  */
display:table-cell;
vertical-align:middle;
width: 130px;
text-align: right;
background-color: transparent;
}

.info-valign-items-img
{
#float: left; /* HACK !!! this line for IE only  */
#position: relative; /* HACK !!! this line for IE only  */
#top: -55%; /* HACK !!! this line for IE only  */
text-align: center;
width: auto;
height: auto;
#width: 200px; /* this line for IE only MUST come after normal css width declaration */
margin: 10px 10px 10px 10px;
#margin: 20px 5px 20px 5px; /* this line for IE only MUST come after normal css margin declaration */
}

.info-valign-items-info
{
#float: left; /* HACK !!! this line for IE only  */
#position: relative; /* HACK !!! this line for IE only  */
#top: -55%; /* HACK !!! this line for IE only  */
text-align: center;
width: auto;
margin: 10px 10px 10px 10px;
#margin: 20px 5px 20px 5px; /* this line for IE only MUST come after normal css margin declaration */
}

.add-to-cart-valign-items
{
#float: right; /* HACK !!! this line for IE only  */
#position: relative; /* HACK !!! this line for IE only  */
#top: -50%; /* HACK !!! this line for IE only  */
margin: 20px 0px 20px 0px;
padding: 0px;
width: 130px;
text-align: right;
}

.AddtoCartButton-div
{
width: auto;
margin: 0px 0px 0px 0px;
#margin: 15px 0px 0px 0px; /* this for IE enables centering, MUST come after normal margin declaration */
text-align: center;
}

.AddtoCartButton-input
{
width: auto;
margin: 5px 10px 5px 10px;
text-align: center;
}

.no-stock
{
border: 1px solid black;
text-align: center;
}

hr
{
color: black;
margin: 0 auto;
width: 75%;
height: 1px;
text-align: center;
border: 0px;
background: black;
}

.enhance
{
font-weight: bold;
}

.enhance1
{
font-size: 18px;
font-weight: bold;
}

.copyright
{
margin: 13px 0 10px 20px;
float: left;
text-align: left;
}

.contact-us-details 
{
line-height: 15px;
font-size: 13px;
font-style: normal;
font-weight: normal;
list-style: none;
text-align: center;
margin: 5px;
}

.contact-us-details a:link, .contact-us-details a:visited, .contact-us-details a:active
{
color: blue;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.contact-us-details a:hover
{
color: red;
text-decoration: none;
}

.thanks-sorry
{
padding: 30px;
text-align: center;
margin: 10px 10px 10px 10px;
}

.international a:link, .international a:visited, .international a:active
{
color: blue;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
margin: 20px 0px 20px 0px;
}

.international a:hover
{
color: red;
}

.homepic
{
position: absolute;
height: 217px;
width: 448px;
margin: 0px 2px 0px 267px; /* top : right : bottom : left */
border: 2px solid red;
}

#counter
{
position: absolute;
color: #66ccff;
border: 0px solid yellow;
}