/* Style sheet with blue colours */
/* HEADER: General Tags & Text */
/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
body {
font-family:"Georgia", Times New Roman, Times, serif;
background-color: #000000;
margin: 0px;
padding: 20px 0 0 0;
height: 100%;
font-size:100%;
}
/* HELP: Basic store link colour
*/
a {
color:#003366;
text-decoration: underline;
}
/* HELP: Basic store link colour (when mouse hovers over it) */
.call {
color:#9f2c17;
font-size:16px;
font-family:"Georgia", Times New Roman, Times, serif;
padding-bottom:15px;
border-bottom:2px solid #c0c0c0
}
.stocklist {
color:#000;
font-size:1em;
margin:15px 0
}
.stocklist a {
background:url('../images/red-arrow.gif') no-repeat right 6px;
padding-right:10px;
}
.cards {
color:#808080;
font-size:0.9em;
margin-top:40px
}
/* HELP: Main page headings, for example product names, section titles etc. */
h1 {
font-size: 1em;
font-weight: normal;
color: #fff;
background:url('../images/h1-back.gif') repeat-x top left;
padding:9px 0 30px 7px;
width:564px;
margin-top:0
}
.trade h1, .about h1, .contact h1, .basket h1, .register h1, .delivery h1 {
background:url('../images/h1-back-trade.gif') repeat-x top left;
margin-bottom:0;
height:48px;
padding-bottom:0;
margin-bottom:0
}
.about h1 {
background:url('../images/h1-back-about.gif') repeat-x top left;
}
.contact h1 {
background:url('../images/h1-back-contact.gif') repeat-x top left;
}
.basket h1 {
background:url('../images/h1-back-basket.gif') repeat-x top left;
padding-bottom:0;
margin-bottom:0
}
.register h1 {
background:url('../images/h1-back-register.gif') repeat-x top left;
padding-bottom:0;
margin-bottom:0
}
.delivery h1 {
background:url('../images/h1-back-delivery.gif') repeat-x top left;
padding-bottom:0;
margin-bottom:0
}
/* HELP: Sub-headings on the page, for example the section and product listing headers on section pages */
h2, h3 {
font-size: 0.95em;
font-weight: normal;
color: #8e5c78;
margin-top:0px;
}
h3 {
color:#fff;
text-align:center;
padding-top:3px
}
.trade h2, .about h2, .contact h2, .register h2, .basket h2, .delivery h2 {
border-bottom:1px solid #c0c0c0;
color:#cb8f2f;
margin-top:20px
}
.about h2 { color:#00a99d }
.contact h2 { color:#4e6837 }
.register h2 { color:#9f2c17; margin-top:0 }
.basket h2 { color:#00a99d }
.delivery h2 { color:#86bad0 }
.trade h3, .about h3, .contact h3, .register h3, .basket h3, .delivery h3 {
color:#cb8f2f;
margin-left:0;
padding-left:0;
text-align:left
}
.about h3 { color:#00a99d; }
.contact h3 { color:#4e6837}
.trade { color:#cb8f2f; }
.about { color:#00a99d; }
.contact { color:#4e6837 }
.basket { color:#00a99d }
.register, .register h3 { color:#9f2c17 }
.delivery { color:#86bad0 }
a.delivery {
text-decoration:none;
padding-bottom:6px;
margin-bottom:5px;
background:url('../images/blue-arrow.gif') no-repeat right 5px;
padding-right:15px;
}
ul.stockareas {
list-style:none;
margin-left:0;
padding-left:0
}
ul.stockareas li { font-size:0.9em; padding-bottom:5px }
.greybox {
height:34px;
width:100%;
background-color:#f2f2f2
}
/* HELP: Standard paragraph formatting for your store. Anything in a <p> tag will be displayed using this. */
p, a.grey {
font-size: 0.8em;
color:#808080;
padding:0;
margin:10px 0
}
a.grey {
font-size:0.8em;
font-weight:normal;
margin-top:15px;
text-decoration:none;
display:block
}
/* HELP: Formatting for the <strong> HTML tag. By default this shows text in bold */
strong {
font-weight: bold;
}
/* HELP: Basic styling for all user input form fields, including text boxes, textarea boxes etc. */
input {
font-size: 1em;
font-weight: normal;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #1a5bb0;
height: 1.25em;
margin-bottom: 1px;
}
input.pricetextbox {
border:1px solid #666;
height:15px;
color:#666;
font-size:12px;
margin-top:3px;
_margin-top:6px
}
/* HELP: Style for checkboxes to avoid border applied to other input fields and tweak position */
.checkbox {
position: relative;
top: 2px;
border: 0px;
width:20px!important;
margin-left:130px
}
/* HELP: Formatting for form select boxes (also called drop-down boxes)
*/
select {
font-size: 1em;
font-weight: normal;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #1a5bb0;
}
/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button {
font-size: 0.9em;
font-weight: bold;
background-color: #3586ef;
border: 1px solid #000000;
color: #ffffff;
cursor: pointer;
height: 2em;
padding-bottom: 1px;
}
/* HELP: Style for all form buttons used on your store when mouse hovers over them */
.button:hover {
font-size: 0.9em;
font-weight: bold;
background-color: #1a5bb0;
border: 1px solid #000000;
color: #ffffff;
cursor: pointer;
height: 2em;
padding-bottom: 1px;
}
/* HELP: Style used for places where a smaller text size is required, generally on product templates and product menu box listings */
.smaller-text {
font-size: 0.8em;
width: 100%;
color:#8e5c78
}
/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
.price, .pprice {
font-weight: normal;
font-size: 0.8em;
color: #666;
margin-bottom:35px;
display:block
}
.pprice {
margin-bottom:0;
display:inline
}
/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text {
font-size: 0.8em;
font-weight: bold;
color: #ff0000;
font-family:"Georgia", Times New Roman, Times, serif
}
/* HEADER: Page Header */
/* HELP: The main header bar for your store, where your logo, search and mini cart reside */
#mainholder {
background-color:#fff;
width:800px;
}
#header {
background-color: #000;
margin: 0px;
width: 100%;
padding: 0px;
overflow:hidden;
}
/* HELP: This is the right hand section of the header where the top links and search reside */
#header-right {
font-size: 0.7em;
float: right;
text-align: right;
font-weight: bold;
margin-top: 5px;
padding-bottom: 5px;
}
/* HELP: This appears under the header and contains the welcome message and the mini cart plus cart and checkout links */
#sub-header {
font-size: 0.7em;
font-weight: normal;
color: #fff;
background-color: #000000;
margin: 0px;
width: 100%;
padding: 0px;
height:20px
}
ul.top-nav {
list-style:none;
margin:0;
padding:0;
width:450px;
float:left
}
ul.top-nav li { float:left; margin-right:1px }
ul.top-nav li.home a, ul.top-nav li a {
background:url('../images/home-back.gif') repeat-x top left;
height:18px;
width:81px;
display:block;
text-decoration:none;
color:#fff;
font-family:"Georgia", Times New Roman, Times, serif;
font-size:12px;
list-style:none;
float:left;
text-align:center;
padding-top:2px
}
ul.top-nav li.products a {
background:url('../images/products-back.gif') repeat-x top left;
}
ul.top-nav li.trade a {
background:url('../images/trade-back.gif') repeat-x top left;
}
ul.top-nav li.about a {
background:url('../images/about-back.gif') repeat-x top left;
}
ul.top-nav li.contact a {
background:url('../images/contact-back.gif') repeat-x top left;
}
/* HELP: Span used to display the welcome message itself
*/
#sub-header span {
padding-left: 5px;
}
/* HELP: Styling for your logo that appears in the main header for the store */
#logo {
float: left; border: 0px;
}
/* HELP: Surrounding container for the top links shown in the right hard part of the store header */
#top-links {
float: right;
display: inline;
padding-right: 5px;
}
/* HELP: Basic styling for the list of links, created with an unordered list. This basically just ensures there are no margins around the list of links */
#top-links-list {
margin: 0px;
padding: 0px;
white-space: nowrap;
}
/* HELP: Each link will have this overall style and this ensures that they are output side by side, rather than below each other */
#top-links-list li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
color: #000000;
font-weight: normal;
}
/* HELP: Formatting for the actual links themselves
*/
#top-links-list a {
font-weight: normal;
font-size: 1em;
padding: 1px 2px;
margin-right: 2px;
margin-bottom: 0px;
color: #000000;
text-decoration: underline;
}
/* HELP: Formatting for the actual links when the mouse hovers over them */
#top-links-list a:hover {
text-decoration: underline;
color: #003366;
}
/* HELP: Styling for the search section of the header bar
*/
#search {
}
/* HELP: Styling for the search box itself in the search section */
.search-box, .contact input, .register input, .register select, .basket input, .basket select {
background:url('../images/search-back.gif') repeat-x top left;
height:13px;
border:1px solid #666;
width:130px;
font-size: 11px;
font-weight: bold;
color: #999;
margin-bottom:4px;
font-family:"Georgia", Times New Roman, Times, serif;
padding-top:2px
}
.register select, .basket select {
height:18px
}
.register option, .register select, .basket option, .basket select {
color: #999!important;
font-family:"Georgia", Times New Roman, Times, serif;
padding-top:0;
font-size: 11px!important;
}
.register th, .basket th {
color:#808080;
font-weight:normal!important;
}
.register h2 span {
color:#808080;
font-size:11px;
padding-left:175px
}
.register h2 span span.error-text {
font-size: 0.8em!important;
font-weight: bold!important;
color: #ff0000!important;
padding-left:0px!important
}
.contact input, .register input {
width:245px
}
.logininput { width:233px!important }
td.login, th.login {
color:#808080;
font-size:0.85em
}
.qtybox {
background:url('../images/search-back.gif') repeat-x top left;
border:1px solid #666;
color:#808080;
font-size:0.9em;
font-family:"Georgia", Times New Roman, Times, serif;
padding-top:0;
width:40px!important
}
.contact textarea {
border:1px solid #666;
width:245px;
color: #999;
font-family:"Georgia", Times New Roman, Times, serif;
font-size:0.9em
}
input.contactbutton, input.registerbutton, input.loginbutton, input.basketbutton, a.basketbutton, a.continuebutton, a.wishlistbutton {
color:#fff;
width:100px;
height:30px;
background:none;
background-color:#4e6837;
border:none;
font-size:1.1em;
font-family:"Georgia", Times New Roman, Times, serif;
font-weight:normal;
display:block;
text-decoration:none;
text-align:center
}
input.basketbutton, a.basketbutton {
background-color:#00a99d;
width:180px;
}
a.basketbutton { padding-top:5px; height:25px}
input.registerbutton {
background-color:#9f2c17;
float:left;
padding-top:0
}
input.loginbutton {
width:98px;
height:28px;
background-color:#808080;
float:left;
font-size:0.9em;
padding-top:0;
margin-top:10px
}
a.continuebutton, a.wishlistbutton {
width:98px;
height:28px;
background-color:#9f2c17;
display:block;
margin-top:10px;
float:left;
color:#fff;
text-decoration:none;
text-align:center;
font-size:0.9em;
padding-top:6px;
height:24px
}
a.wishlistbutton {
background-color:#ccc;
height:20px;
background:#ccc url('../images/wishlist-arrow.gif') no-repeat 105px;
margin-bottom:7px;
width:102px;
text-align:left;
padding:2px 10px 0px 4px
}
/* HELP: Styling for the search button in the search section of the header */
#search-button {
background:url('../images/search-btn.gif') no-repeat top left;
width:60px;
height:17px;
border:none;
text-indent:-5000px;
margin-bottom:30px
}
#newsSubmit {
background:url('http://bernexwatches.com/shopimages/join.gif') no-repeat top left;
width:45px;
height:17px;
border:none;
text-indent:-5000px;
}
/* HELP: Surrounding container for the mini cart shown in the sub-header section */
#mini-cart {
float: right;
display: inline;
}
/* HELP: Basic styling for the mini cart, created with an unordered list. This basically just ensures there are no margins around it */
#mini-cart-list {
margin: 0px;
padding: 0px;
white-space: nowrap;
}
/* HELP: Each entry will have this overall style and this ensures that they are output side by side, rather than below each other */
#mini-cart-list li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
color: #000000;
font-weight: bold;
padding-left: 5px;
}
/* HELP: Formatting for the links within the mini cart
*/
#mini-cart-list a {
font-weight: bold;
font-size: 1em;
padding: 1px 2px;
margin-right: 2px;
margin-bottom: 0px;
color: #003366;
text-decoration: underline;
}
/* HELP: Formatting for the actual links when the mouse hovers over them */
#mini-cart-list a:hover {
color: #000000;
text-decoration: underline;
}
/* HEADER: Left and Right Menus */
/* HELP: The div container for the left menu in the store
*/
#left-menu {
font-size: 0.8em;
color: #000000;
width: 130px;
padding:40px 0 0 30px
}
span.find {
color:#8e5c78
}
/* HELP: The div container for the right menu in the store
*/
#right-menu {
font-size: 1em;
color: #000000;
width: 160px;
}
/* HELP: The overall container for each menu box in the left and right menus */
.menu-box {
width: 100%;
overflow:hidden
}
/* HELP: The title for the menu box
*/
.menu-box-title {
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
width: 100%;
text-align: center;
padding-bottom: 2px;
}
/* HELP: Standard formatting for each menu's content area
*/
.menu-box-content {
overflow: hidden;
}
/* HELP: The content area of each menu box where the contents in centered, e.g. the newsletter signup box */
.menu-box-content-center {
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
margin-right: 2px;
text-align: center;
overflow:hidden;
}
span.call {
color:#9f2c17;
font-size:16px;
font-family:"Georgia", Times New Roman, Times, serif
}
/* HELP: List formatting for the top level sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list {
margin: 0px;
padding: 0px;
list-style-type: none;
margin:15px 0 25px 0;
overflow:hidden
}
/* HELP: List formatting for the sub-sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list ul {
margin: 0px;
padding:0;
list-style-type: none;
background-color:#f2f2f2;
padding:10px 0 10px 0
}
#menu-section-list ul li {
}
#menu-section-list a {
color:#666;
text-decoration:none;
height:20px;
display:block;
border-bottom:1px solid #000;
width:100%;
padding-top:6px;
}
#menu-section-list ul a {
border:none;
padding-left:17px;
}
#menu-section-list ul a:hover, #menu-section-list ul a.active {
color:#fff;
background-color:#8e5c78
}
#menu-section-list ul { display:none }
#menu-section-list li:hover ul { display:block }
/* HELP: List formatting for the customer account links in the left menu. Also used for open account etc. links if customer is customer is not logged in */
#customer-links {
margin: 0px; padding: 0px;
}
#customer-links ul {
}
#customer-links li {
float:left;
list-style:none;
color:#fff;
font-family:"Georgia", Times New Roman, Times, serif;
font-size:1em;
font-weight:normal
}
#customer-links a {
color:#fff;
float:left;
font-family:"Georgia", Times New Roman, Times, serif;
font-size:1.1em;
padding-top:6px;
font-weight:normal
}
span.pipe { color:#fff; padding:0 8px; font-size:18px }
/* HELP: List formatting for the news links in the left menu. The links themselves use the standard a and a:hover formatting */
#news-links {
margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}
/* HELP: Used to surround the product lists shown in the right menu in your store */
.menu-product-list {
clear: both; padding-top: 2px;
margin-bottom: 2px;
}
/* HELP: Used to format the small thumbnail images shown in product lists on the right menu in your store */
.menu-product-image {
margin-right: 5px; float: left; position: relative;
}
/* HEADER: Main Content */
/* HELP: Basic style for the main content section of all the pages in your store. This is the section between the left and right menus. */
#main-content {
background-color: #fff;
padding-top: 0px;
padding-bottom: 0px;
font-size: 1em;
width:570px!important;
_width:590px!important;
padding-left:28px;
padding-top:31px;
padding-bottom:31px;
padding-right:30px;
_padding-right:0;
min-height:550px;
}
/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb {
font-size: 1.1em;
float:right;
margin:0;
padding:0
}
/* HELP: Style for the breadcrumb links
*/
#breadcrumb a {
text-decoration: none;
color:#cccccc;
font-family:"Georgia", Times New Roman, Times, serif
}
/* 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;
}
/* HEADER: Page Footer */
/* HELP: Containing div for the footer shown on every page in your store */
#footer-holder {
margin-top:20px;
}
#footer {
color: #737373;
margin:0;
padding-top: 20px;
width: 800px;
background-color:#000;
}
/* HELP: Basic list formatting for the list of links in the footer
*/
.footer-links {
font-size: 0.74em;
padding-bottom: 10px;
width:758px;
padding-top:10px;
border:1px solid #737373;
padding-right:20px;
padding-left:20px;
margin-bottom:30px
}
/* HELP: Style for each entry in the list of links
*/
.footer-links ul {
margin:0;
padding:7px 0 0 0
}
.footer-links li {
font-weight: normal;
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* HELP: Style for each actual link in the footer links
*/
.footer-links a {
color: #737373;
padding: 1px 1px;
margin: 2px 2px 0px 0px;
white-space: nowrap;
text-decoration: none;
font-weight: normal;
}
/* HELP: Style for each link in the footer links list when the mouse hovers over it */
.footer-links a:hover {
text-decoration: none;
font-weight: normal;
color: #737373;
}
/* HELP: Formatting for the users online section of the store footer */
#users-online {
font-size: 0.7em;
margin-left: auto;
margin-right: auto;
text-align: center;
clear: both;
}
/* HELP: Formatting for the copyright section of the store footer */
#copyright {
font-size: 0.7em;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
clear: both;
}
/* HEADER: Section Page Style */
/* HELP: Container for the content (sub-sections & products) on the section pages */
.section-content {
background-color: #fff;
padding-top: 0px;
padding-bottom: 0px;
font-size: 1em;
width:580px!important;
padding-top:5px;
padding-bottom:31px;
float:left
}
/* HELP: Container for each sub-section listed on a section page
*/
.sub-sections {
width:177px;
text-align: left;
background-color:#ff00;
float:left;
margin-right:20px;
margin-top:0
}
.last { margin-right:0px }
#sectiondetail {
margin-top:10px;
background-color:#fff;
float:left;
width:385px
}
/* HELP: Style for the section thumbnails shown on section pages, both for the section and sub-section listings */
.section-thumbnail {
float: left;
}
/* HELP: Style for the display of the sub-section title on section pages */
.sub-section-title {
}
.sub-section-title a, .ad-title a {
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
color:#fff;
background:#ccc url(../images/arrow.gif) no-repeat 160px 12px;
padding:7px 33px 7px 0;
margin-top:3px;
display:block;
width:144px;
text-align:right;
float:left;
margin-bottom:15px
}
.ad-title a {
width:176px;
background:#ccc url(../images/arrow.gif) no-repeat 190px 9px;
margin-left:6px;
padding:4px 33px 4px 0
}
.sub-section-title a:hover, .ad-title a:hover {
background:#8e5c78 url(../images/arrow-over.gif) no-repeat 190px 9px;
}
/* HEADER: Paging Styles */
/* HELP: Container for the paging links on section and search pages */
.pages-container {
font-weight: bold;
text-align: right;
padding-right:0px;
margin:8px 0 23px 0
}
/* HELP: Basic list formatting for the paging links, including previous and next links */
.pages-list {
margin-left: 0px;
padding-left: 0px;
white-space: nowrap;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
}
/* HELP: Formatting for each entry in the paging links
*/
.pages-list li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
margin: 0px;
}
/* HELP: Display style for the page entry in the list that you are currently viewing */
.pages-list span {
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
color: #000000;
}
/* HELP: Actual clickable link for page numbers and previous and next links */
.pages-list a {
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
color: #808080;
font-family:"Georgia", Times New Roman, Times, serif;
text-decoration:none;
font-size:0.8em;
font-weight:normal
}
.pages-list a.show { font-size:0.7em }
/* HELP: Clickable link style when mouse hovers over it
*/
.pages-list a:hover {
color: #808080;
}
/* HEADER: Product Listing Styles */
/* HELP: Styling for the product thumbnails shown in the main content where products are listed, e.g. section pages */
.product-thumbnail {
border:0;
}
.product-thumbnaillink {
border:1px solid #7f7f7f;
width:105px;
height:154px;
display:block;
margin-right: 5px;
padding: 3px;
padding-left: 0px;
}
/* HELP: Used for the product lists if you've selected to show a single column in the template options */
.product-single {
clear: both; text-align: left;
margin-left: auto; margin-right: auto;
zoom: 1;
}
/* HELP: Used for the left hand column on product lists if you've selected to show two columns in the template options */
.product-column-left {
width: 49%; float: left;
}
/* HELP: Used for the right hand column on product lists if you've selected to show two columns in the template options */
.product-column-right {
width: 49%; float: right;
}
/* HELP: Container used if you have selected to show two columns for products in the template options */
.product-double {
width: 100%; clear: both; text-align: left;
}
/* HELP: Additional formatting for product titles shown on section/search pages */
.section-product-title, .section-product-title a {
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
}
/* HELP: Gap between products if you have selected two columns for products in the template options */
.product-gap {
width:2%; float: left;
}
/* HELP: Vertical separator been products on product listing pages, e.g. section pages */
.product-separator {
clear: both;
border: 0px;
margin-bottom: 8px;
height: 5px;
border-bottom: 1px dotted #bbbbbb;
background: #ffffff;
color: #ffffff;
}
/* HEADER: Other Product Styles */
/* HELP: Used to contain the product flags where ever they appear, e.g. section pages, product pages */
.product-flag-container {
float: right; width: 4.5em; margin-left: 5px; padding: 3px;
}
/* HELP: Used to style each individual product flag when displayed
*/
.product-flag {
font-size: 0.6em;
font-weight: normal;
background-color: #f08100;
color: #ffffff;
border: 1px dotted #ff0000;
border-left: 3px solid #ff0000;
margin-bottom: 3px;
padding-left: 3px;
white-space: nowrap;
text-align: right;
}
/* HELP: Styling for the product image shown on the product page.
*/
.product-image {
}
.productimageholder {
border: 1px solid;
width:300px;
height:440px;
margin-right: 19px;
margin-bottom: 10px;
text-align:center
}
/* HELP: Container for add to basket, add to wishlist and more info links */
.links-container {
font-weight: bold;
margin: 3px;
}
/* HELP: Style for product links, e.g. add to wishlist and more info links */
.product-link {
font-size: 0.7em;
font-weight: bold;
border: 0px;
color: #f08100;
padding: 0px;
margin: 0px;
white-space: nowrap;
cursor: pointer;
text-decoration: underline;
}
/* HELP: Style for product links, e.g. add to wishlist and more info links when mouse hovers over it */
.product-link:hover {
color: #003366;
text-decoration: underline;
}
/* HELP: Style for product add to cart buttons in your store
*/
.product-add {
font-size: 0.75em;
font-weight: normal;
background:#8e5c78 url(../images/basket-arrow.gif) no-repeat 230px 6px;
color: #ffffff;
padding: 1px 0 3px 3px;
_padding: 2px 0 1px 5px;
cursor: pointer;
height: 22px;
width:243px;
border:none;
text-align:left;
font-family:"Georgia", Times New Roman, Times, serif;
margin-top:20px
}
/* HELP: Style for product add to cart buttons in your store, when mouse hovers over them */
.product-add:hover {
}
/* HELP: Overall container for the product extra fields section of the product pages */
.product-extra-fields {
float: right;
background-color:#fff;
width:300px;
margin-bottom:30px;
padding:8px
}
.product-extra-fields {
font-size:0.9em
}
/* HEADER: Product Option Tables */
/* HELP: Overall container for the product options section of the product pages */
.product-options-container {
float: right; width: 254px;
}
/* HELP: Container for the table used to display attribute combinations, option stock levels and price combinations on product page template */
.product-table-div {
text-align: center;
}
/* HELP: Table used to display attribute combinations, option stock levels and price combinations */
.product-table {
margin-left: auto; margin-right: auto;
padding: 0px;
width: 100%;
border: 0px;
}
/* HELP: Caption shown about a product option table on the product page template */
.product-table caption {
font-weight: bold;
font-size: 0.70em;
margin-left: auto; margin-right: auto;
text-align: right;
}
/* HELP: Header table cell for the product options table
*/
.product-table th {
font-weight: bold;
font-size: 0.70em;
background-color: #aaaaaa;
padding: 2px;
text-align: left;
vertical-align: top;
}
/* HELP: Normal table cell for the product options table
*/
.product-table td {
font-weight: normal;
font-size: 0.70em;
background-color: #dddddd;
padding: 2px;
text-align: left;
}
/* HEADER: Cart Table Styles */
/* HELP: Overall container the cart on your cart.html template
*/
.cart-div {
text-align: center;
}
/* HELP: Style for the cart table itself
*/
.cart-table {
padding: 0px;
border: 0px;
font-size: 0.9em;
margin-top:10px
}
.cart-table .delete {
background:url('../images/item-remove.gif') no-repeat top right;
display:block;
width:19px;
height:19px;
text-indent:-5000px;
text-align:right;
float:right
}
.cart-table tr.details td {
border-bottom:1px solid #000
}
.cart-table tr.details td, .cart-table tr.details td a {
padding-top:15px;
padding-bottom:15px;
color:#808080;
font-family:"Georgia", Times New Roman, Times, serif;
text-decoration:none
}
.cart-table td.update {
color:#808080;
padding-left:132px;
padding-top:10px
}
.cart-table td.update a {
color:#fff;
display:block;
height:24px;
width:86px;
background-color:#808080;
float:left;
text-decoration:none;
text-align:center;
padding-top:2px;
margin-left:10px;
margin-bottom:15px
}
.cart-table a.checkout, .cart-table a.continue, .cart-table a.empty {
width:129px;
height:45px;
display:block;
color:#fff;
background-color:#00a99d;
text-decoration:none;
text-align:center;
padding-top:5px;
float:right
}
.cart-table a.continue, .cart-table a.empty {
background-color:#808080;
}
.cart-table a.empty {
margin-left:7px;
margin-right:7px
}
/* HELP: Style for caption tag above the cart table
*/
.cart-table caption {
border-bottom: 1px solid #000000;
}
/* HELP: Style for table header cells
*/
.cart-table th {
font-weight: normal;
border-bottom: 1px solid #000000;
padding: 2px;
text-align: left;
vertical-align: top;
color:#808080;
font-family:"Georgia", Times New Roman, Times, serif;
}
/* HELP: Style for table header sells with right justification
*/
.cart-table th.right {
font-weight: normal;
border-bottom: 1px solid #000000;
padding: 2px;
text-align: right;
vertical-align: top;
}
/* HELP: Style for table header totals
*/
.cart-table th.total {
font-weight: normal;
text-align: right;
vertical-align: top;
color:#00a99d;
font-size:1.1em;
border:none
}
.cart-table th.totallinks { border:none; padding-top:35px; border-bottom:1px solid #000; padding-bottom:15px }
/* 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;
}
/* HEADER: Send To Friend Styles */
/* HELP: Container for the send to a friend links shown in the store
*/
.send-friend {
font-weight: bold;
float:right;
font-size: 0.8em;
margin-right: 3px;
margin-top: 1px;
}
/* HELP: Style used for the send to friend link itself within the send-friend container */
.send-friend a {
font-size: 1em;
text-decoration: none;
color:#ff8d29;
}
/* HELP: Style used for the send to friend link, when the mouse hovers over it, within the send-friend container */
.send-friend a:hover {
color:#ff8d29;
text-decoration: underline;
cursor: pointer;
}
/* HEADER: Account Styles */
/* HELP: Used as a container for the account home page information for both customer accounts and affiliate accounts */
#account-summary {
margin-left: auto; margin-right: auto; text-align: center; width: 420px;
}
/* HELP: Style for the left column of the account home page information */
#account-summary-left {
float: left; width: 200px; text-align: left;
}
/* HELP: Style for the right column of the account home page information */
#account-summary-right {
float: right; width: 200px; text-align: left;
}
/* HEADER: Form Entry Tables */
/* HELP: Container for form entry tables
*/
.form-div {
text-align: center;
}
/* HELP: Table definition for form entry tables
*/
.form-table {
margin:0;
padding: 0px;
border: 0px;
}
/* HELP: Caption styler shown above form entry tables
*/
.form-table caption {
font-size: 0.70em;
border-bottom: 1px dotted #000000;
margin-left: auto; margin-right: auto;
}
/* HELP: Header table cell
*/
.form-table th {
font-weight: bold;
font-size: 0.8em;
padding: 2px;
text-align: left;
vertical-align: top;
padding-top: 3px;
}
/* HELP: Normal table cell
*/
.form-table td {
font-weight: normal;
font-size: 0.8em;
padding: 2px;
text-align: left;
}
/* HELP: Style for the table row that contains the submit button for the form
*/
.form-table td.submit-row {
border-top: 1px solid #000000;
text-align: right;
}
/* HELP: Select box (drop-down) formatting for the form
*/
.form-table select {
font-size: 1em;
font-weight: normal;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #30799E;
}
/* HEADER: General Table Styles */
/* HELP: Container for general tables used throughout the store templates
*/
.general-table-div {
text-align: center;
}
/* HELP: Sryling for the table tag itself, overall styling for the table
*/
.general-table {
margin-left: auto; margin-right: auto;
padding: 0px;
border: 0px;
}
/* HELP: Container for caption tag shown above general tables
*/
.general-table caption {
font-weight: bold;
font-size: 0.70em;
margin-left: auto; margin-right: auto;
text-align: right;
}
/* HELP: Style for table header cell
*/
.general-table th {
font-weight: bold;
font-size: 0.70em;
border-bottom: 1px dotted #000000;
padding: 2px;
text-align: left;
vertical-align: top;
}
/* HELP: Style for normal table cell
*/
.general-table td {
font-weight: normal;
font-size: 0.70em;
padding: 2px;
text-align: left;
}
/* HELP: Style for normal table cell with bold font styling
*/
.general-table td.bold {
font-weight: bold;
font-size: 0.70em;
padding: 2px;
text-align: left;
}
/* HEADER: Advanced Styles */
html {
font-size: 100%;
margin: 0px;
padding: 0px;
}
/* HELP: Simple style for forms to avoid any unplanned gaps */
form {
margin: 0px;
padding: 0px;
}
.clear-left {
clear: left;
}
.clear-both {
clear: both;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.center {
text-align: center;
}
.clear { clear:both }
#slideshows { position:relative; }
#advert {
width:354px;
height:182px;
float:left;
font-size:0.9em;
text-decoration:none;
position:absolute;
top:390px;
left:0
}
#advert p {text-decoration:none}
#giftwrap {
display:block;
width:209px;
position:absolute;
height:182px;
top:390px;
left:371px
}
#trade-box {
height:101px;
width:168px;
border:1px solid #d9d9d9;
background:url('../images/trade-box.gif') repeat-x top left;
float:left;
margin-top:48px;
margin-left:10px;
padding:0 5px;
text-align:left
}
#trade-box h3 {
text-align:left;
padding:10px 0 0 5px
}
#trade-box p {
color:#808080;
margin-bottom:4px
}
#trade-box a.trade {
background:url('../images/trade-arrow.gif') no-repeat right;
color:#808080;
text-decoration:none;
font-family:"Georgia", Times New Roman, Times, serif;
font-size:0.75em;
padding-right:20px;
padding-left:5px;
padding-top:3px;
width:130px;
display:block
}
.productdetail {
background-color:#fff;
float:left;
width:250px!important
}
.productdetail h1 {
background:none;
color:#8e5c78;
margin:0;
width:240px;
padding:0;
}
.hr {
background-color:#c0c0c0;
height:2px;
border:none;
margin:0 0 15px 0;
padding:0
}
.moreinfo {
border-top:2px solid #c0c0c0;
border-bottom:2px solid #c0c0c0;
float:left;
margin-bottom:20px;
width:210px;
padding-bottom:12px
}
.moreinfo a {
background:url('../images/moreinfo-square.gif') no-repeat 10px 13px;
display:block;
color:#808080;
font-size:0.8em;
margin:0;
float:left;
text-decoration:none;
padding:12px 0 0px 40px;
}
.moreinfo a:hover { text-decoration:underline }
.moreimages {
color:#808080;
font-size:0.7em;
}
.moreimages span {
padding-left:8px;
padding-bottom:2px
}
.productimages {
float:left;
width:320px;
_width:300px
}
.trade-footer {
background:url('../images/trade-footer.gif') no-repeat top left;
width:304px;
height:59px;
color:#0071bc;
padding-left:165px;
padding-top:8px;
font-size:0.75em
}
.infobox {
width:156px;
background-color:#f2f2f2;
padding:12px;
float:left;
margin-left:30px;
margin-top:50px
}
.infobox a {
text-decoration:none;
color:#86bad0;
font-size:0.9em
}
.red { color:#9f2c17 }
.over { color:#8e5c78!important }
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 565px!important;
height: 300px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background:url('../images/scroll-back.gif') no-repeat bottom left;
overflow-y:none!important
}
.hscrollerbase {
height: 9px;
background-color: #e5e5e5;
width:535px!important;
}
.hscrollerbar {
height: 9px;
background-color: #cccccc;
margin-left:15px;
}