@charset "utf-8";
/* CSS Document */
body {
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(background.jpg);
}
h1 {
color: #900;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
}
h2 {
font-size: 0.8em;
font-weight: bold;
color: #ffffff;
background-color: #a85254;
border-bottom: 1px solid #763638;
border-top: 1px solid #d7b9ba;
padding: 3px;
margin-bottom: 10px;
margin-top: 2px;
clear: both;
}
.textstyle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
#pagecontainer {
width: 1000px;
margin: 0 auto;
}
#header {
background-image: url(header.jpg);
width: 1000px;
height: 155px;
margin: auto;
clear: both;
}
#footer {
background-image: url(Footer.png);
background-repeat: no-repeat;
width: 994px;
height: 50px;
padding-top: 44px;
clear: both;
margin: auto;
margin-left: auto;
}
#welcometextbg {
background-image: url(welcome_text_bg.png);
background-repeat: no-repeat;
width: 670px;
height: 105px;
padding-top: 18px;
clear: both;
margin: auto;
}
.easynavbg {
background-image: url(images/easynav/easynavbg.jpg);
background-repeat: no-repeat;
width: 670px;
height: 310px;
clear: both;
}
#genericTitleBlock {
background-image :url(leftheadingbackground.jpg);
background-repeat: repeat-x;
background-position: top left;
height: 21px;
line-height: 21px;
position: relative;
margin-bottom: 20px;
}
#specialoffers {
background-image: url(banner_1.png);
background-repeat: no-repeat;
width: 670px;
height: 180px;
padding-top: 0px;
clear: both;
margin: auto;
}
#featuredproducts {
background-image: url(banner.png);
background-repeat: no-repeat;
width: 670px;
height: 160px;
padding-top: 0px;
clear: both;
margin: auto;
}
#navbar {
background-image: url(leftheadingbackground.jpg);
background-repeat: repeat-x;
width: 1000px;
height: 30px;
margin: 0;
}
#navbar ul {
margin: auto;
padding-left: 100px;
width: 890px;
}
#navbar li {
list-style: none;
float: left;
}
#navbar ul li a {
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
display: block;
width: 68px;
height: 18px;
text-align: center;
list-style-type: none;
padding-left: 25px;
padding-top: 6px;
white-space: nowrap;
}
#navbar li ul {
display: none;
width: 170px; /* Width to help Opera out */
background-color: #9a9da2;
}
#navbar li:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
}
#navbar li:hover li {
float: none;
}
#navbar li:hover li a {
background-color: #9a9da2;
text-align: left;
color: #FFF;
}
#navbar li li a:hover {
background-color: #6f7074;
text-align: left;
width: 142px;
}
#navbar .noborder {
border: 0px;
}
#headerimgs {
width: 990px;
height: 50px;
padding-top: 14px;
padding-left: 17.5px;
}
.headersearch {
float: right;
margin-top: 70px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
.leftmenu {
width: 155px;
float: left;
}
.rightmenu {
width: 155px;
float: right;
}
.maincontent {
width: 600px;
margin: auto;
}
.welcomebox {
width: 590px;
height: 64px;
padding: 5px;
background-image: url(maincontentbackground.jpg);
background-repeat: repeat-x;
margin-bottom: 20px;
color: #FFF;
}
.pagecontent {
width: 590px;
padding: 5px;
background-color: #CCC;
margin-bottom: 20px;
color: #FFF;
}
#rightcontent {
width: 622px;
float: right;
}
.button-search {
width: 89px;
height: 26px;
background-image: url(searchbtn.jpg);
background-repeat: repeat-x;
background-color: #d80100;
color: #FFF;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.button {
width: 100px;
height: 26px;
background-image: url(searchbtn.jpg);
background-color: #d80100;
color: #FFF;
font-size: 12px;
}
.giftbutton {
width: 180px;
height: 26px;
background-image: url(searchbtn.jpg);
background-color: #d80100;
color: #FFF;
font-size: 12px;
}
.shippingbutton {
width: 120px;
height: 26px;
background-image: url(searchbtn.jpg);
background-color: #d80100;
color: #FFF;
font-size: 12px;
}
.menuheaderbg {
background-image: url(leftheadingbackground.jpg);
background-repeat: repeat-x;
width: 150px;
height: 24px;
padding-top: 2px;
padding-left: 5px;
font-weight: bold;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
}
.menucontent {
width: 155px;
background-color: #FFF;
margin-bottom: 20px;
}
.top-backing { background-image: url(/shopimages/sections/normal/grey.jpg); background-position: top; background-repeat: repeat-x; }
.top-smallbar-backing { background-color: #CCC; }
.top-links { font-family:Arial; font-weight:bold; font-size:12px; color:#000; text-decoration: none; }
.top-links:hover { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.top-smallbar-text { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.textbox-search { background-color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: lighter; color: #000000; border: 1px solid; border-color: #ab0000; }
.menu-backing-title { background-image: url(/shopimages/sections/normal/grey1.jpg); background-repeat: no-repeat; background-position: top; width: 125px; height: 29px; }
.menu-backing-content { background-color: #999999; }
.menu-title-text { font-family:Arial; font-weight:bold; font-size: 11px; color:#FFFFFF; text-decoration: none; }
.menu-normal-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
text-decoration: none;
}
.menu-section-links {
font-family:Arial;
font-weight:bold;
font-size:12px;
color: #333;
border-bottom: solid;
border-bottom-color: #AAAAAA;
border-bottom-width: 1px;
}
.menu-section-links:hover { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.menu-subsection-links {
font-family:Arial;
font-weight:normal;
font-size:12px;
color:#900;
text-decoration: none;
}
.menu-subsection-links:hover{
font-family:Arial;
font-weight:normal;
font-size: 12px;
color:#000000;
text-decoration: none;
text-align: center;
}
.menu-bold-text { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.menu-links {
font-family:Arial;
font-weight:bold;
font-size:12px;
color: #333;
text-decoration: none;
}
.menu-links:hover {
font-family:Arial;
font-weight:bold;
font-size:12px;
color:#666;
text-decoration: none;
}
.our-price {
font-family:Arial;
font-weight:bold;
font-size:12px;
color: #C00;
text-decoration: none;
}
.middle-backing {
}
.tablebacking {
margin-bottom: 20px;
}
.tablebacking2 {
margin-bottom: 40px;
}
.special-backing {
background-color: #CCC;
margin-bottom: 20px;
}
.text-path {
font-family:Arial;
font-weight:bold;
font-size:12px;
color:#900;
text-decoration: none;
}
.text-path:hover {
font-family:Arial;
font-weight:bold;
font-size:12px;
color:#C00;
text-decoration: none;
}
.h1 {
font-family:Arial;
font-weight: normal;
font-size:14px;
color:#333;
text-decoration: none;
}.review {
font-family:Arial;
font-weight:normal;
font-size:10px;
color:#900;
text-decoration: none;
}
.review:hover {
font-family:Arial;
font-weight:normal;
font-size:10px;
color:#C00;
text-decoration: none;
}.log-in-text {
font-family:Arial;
font-weight:normal;
font-size:12px;
color:#900;
text-decoration: none;
}
.log-in-text:hover {
font-family:Arial;
font-weight:normal;
font-size:12px;
color:#C00;
text-decoration: none;
}
.middle-normal-text {
font-family:Arial;
font-weight:normal;
font-size:12px;
color:#333;
text-decoration: none;
}
.menu1-normal-text {
font-family:Arial;
font-weight:normal;
font-size:12px;
color:#333;
text-decoration: none;
}
.menu1-normal-text:hover {
font-family:Arial;
font-weight:normal;
font-size:12px;
color:#900;
text-decoration: none;
}
.welcometext {
font-family:Arial;
font-weight:normal;
font-size:12px;
color:#FFF;
text-decoration: none;
}
.middle-offers-text {
font-family:Arial;
font-weight:normal;
font-size:12px;
color:#000;
text-decoration: none;
}
/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb {
font-size: 0.7em;
border: 1px solid #003366;
width: 100%;
margin-bottom: 10px;
}
/* HELP: Style for the breadcrumb links
*/
#breadcrumb a {
text-decoration: none;
}
/* HELP: Style for the breadcrumb links when the mouse hovers over them
*/
#breadcrumb a:hover {
text-decoration: none;
}
/* HELP: Style for the title of the breadcrumb trail shown within the breadcrumb div */
#breadcrumb-title {
font-weight: normal;
color: #ffffff;
background-color: #3586ef;
padding-left: 3px;
padding-right: 3px;
margin-right: 3px;
font-weight: bold;
border-right: 1px solid #0b51ab;
}
#main-content {
width: 670px;
background-color: #ecebec;
background-repeat: repeat-y;
padding-top: 0px;
clear: both;
margin: auto;
}
#mainpagefooter {
background-image: url(main_footer.png);
background-repeat: no-repeat;
width: 670px;
height: 19px;
padding-top: 0px;
clear: both;
margin: auto;
}
style sheet for the shopping cart
.cart-div {
text-align: center;
}
/* HELP: Style for the cart table itself
*/
.cart-table {
margin-left: auto; margin-right: auto;
width: 600px;
padding: 0px;
border: 0px;
font-size: 0.70em;
}
/* HELP: Style for caption tag above the cart table
*/
.cart-table caption {
font-size: 0.70em;
border-bottom: 1px dotted #000000;
margin-left: auto; margin-right: auto;
}
/* HELP: Style for table header cells
*/
.cart-table th {
font-weight: bold;
border-bottom: 1px dotted #000000;
padding: 2px;
text-align: left;
vertical-align: top;
}
/* HELP: Style for table header sells with right justification
*/
.cart-table th.right {
font-weight: bold;
border-bottom: 1px dotted #000000;
padding: 2px;
text-align: right;
vertical-align: top;
}
/* HELP: Style for table header totals
*/
.cart-table th.total {
font-weight: bold;
border-top: 1px dotted #000000;
text-align: right;
vertical-align: top;
}
/* HELP: Style for normal table cells
*/
.cart-table td {
font-weight: normal;
padding: 2px;
text-align: left;
vertical-align: top;
}
/* HELP: Style for normal table cells, with right justification
*/
.cart-table td.right {
font-weight: normal;
padding: 2px;
text-align: right;
vertical-align: top;
}
.table-backing-title {
background-color: #ecebec;
}
.table-backing-content {
background-color: #CCC;
}
.field-backing-title {
background-color: #999;
}
.field-backing-content { background-color: #CCC; }
.table-title-text { font-family:Arial; font-weight:bold; font-size:11pt; color:#FFFFFF; text-decoration: none; }
.middle-links { font-family:Arial; font-weight:bold; font-size:12px; color:#900; text-decoration: none; }
.middle-links:hover { font-family:Arial; font-weight:bold; font-size:12px; color:#333; text-decoration: underline; }
.product-field-title { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.product-field-content { font-family:Arial; font-weight:normal; font-size:12px; color:#000000; text-decoration: none; }
.normal-field-title { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.normal-field-content { font-family:Arial; font-weight:normal; font-size:12px; color:#000000; text-decoration: none; }
.error-text { font-family:Arial; font-weight:bold; font-size:12px; color:#FF0000; text-decoration: none; }
.highlight-text {
font-family:Arial;
font-weight:bold;
font-size:12px;
color:#F00;
text-decoration: none;
}
.description-text { font-family:Arial; font-weight:normal; font-size:12px; color:#000000; text-decoration: none; }
.specialoffer-text { font-family:Arial; font-weight:bold; font-size:12px; color:#FF0000; text-decoration: none; }
.extrafield-title-text { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.extrafield-content-text { font-family:Arial; font-weight:normal; font-size:12px; color:#000000; text-decoration: none; }
.qty-title-text { font-family:Arial; font-weight:bold; font-size:12px; color:#333; text-decoration: none; }
.price-title-text {
font-family:Arial;
font-weight:normal;
font-size:12px;
color:#333;
text-decoration: none;
}
.price-content-text { font-family:Arial; font-weight:bold; font-size:13pt; color:#C00; text-decoration: none; }
.price-content { font-family:Arial; font-weight:bold; font-size:11pt; color:#C00; text-decoration: none; }
.price-vat-text { font-family:Arial; font-weight:normal; font-size:12px; color:#333; text-decoration: none; }
.other-title-text { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.darkshade-backing { background-color: #AAAAAA; }
.mediumshade-backing { background-color: #BBBBBB; }
.lightshade-backing { background-color: #CCCCCC; }
.extralightshade-backing { background-color: #DDDDDD; }
.review-title-backing { background-color: #CCCCCC; }
.review-subject-backing { background-color: #DDDDDD; }
.review-content-backing { background-color: #EEEEEE; }
.review-title-text { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.review-content-text { font-family:Arial; font-weight:normal; font-size:12px; color:#000000; text-decoration: none; }
.header-title { font-family:Arial; font-weight:bold; font-size:9pt; color:#000000; text-decoration: none; }
.header-description { font-family:Arial; font-weight:normal; font-size:12px; color:#222222; text-decoration: none; }
.subsection-description { font-family:Arial; font-weight:normal; font-size:12px; color:#222222; text-decoration: none; }
.textbox { background-color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: lighter; color: #000000; border: 1px solid; border-color: #ab0000; }
.selectbox { background-color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: lighter; color: #000000; border: 1px solid #30799E; }
.copyright-text { font-family:Arial; font-weight:normal; font-size:12px; color:#000000; text-decoration: none; }
.copyright-links { font-family:Arial; font-weight:bold; font-size:12px; color:#000; text-decoration: none; }
.copyright-links:hover { font-family:Arial; font-weight:bold; font-size:12px; color:#000000; text-decoration: none; }
.menu-product-image { margin-right: 0px; float: left; position: relative; }
.product-double {
width: 100%; clear: both; text-align: left;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.links-container {
font-weight: bold;
margin: 3px;
}
A {
font-family:Arial;
font-weight:bold;
font-size:12px;
color:#900;
text-decoration: none;
}
A:hover {
font-family:Arial;
font-weight:bold;
font-size:12px;
color:#C00;
text-decoration: none;
}
.specialoffers {
background-image: url(banner_1.png);
background-repeat: no-repeat;
width: 670px;
height: 160px;
padding-top: 0px;
clear: both;
margin: auto;
}
.usedTable {}
.usedTable td {border:dotted 1px #CCCCCC;}
.body-shop { background-color: #FFFFFF; repeat: no-repeat; margin: 0px; }