/*
Theme Name: Bergamont Bicycles 2010, New Zealand
Theme URI: http://www.bergamont.co.nz/
Version: 1.0
Description: A WordPress theme based on WP Framework visit http://wpframework.com.
Author: Heather Lander
Author URI: http://www.heatherlander.co.nz
Tags: one-column, fixed-width
Copyright 2010 Heather Lander
WP Framework is licensed under the terms of the GNU General Public License version 2.
If you have any questions, comments, or concerns,
visit for more information!
*/
/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );
/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );
/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );
/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );
/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}
/* Document Body */
body, input, textarea, p, li { font-family: Arial, Helvetica, sans-serif; font-size: 11px }
/* Font Styles */
.serif { font-family: Georgia, "Times New Roman", Times, serif; }
.sans-serif { font-family: Arial, Helvetica, sans-serif; }
/* Vertical Rhythm */
.entry-header { margin-bottom: 10px; }
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
.hentry, .widget, .comment, .navigation-links { margin-bottom: 40px; }
/* Logo */
#logo, #logo a { font-size: 28px; line-height: 30px; color: #000; font-weight: bold; }
#logo a:hover { color: #2361a1; text-decoration: none; }
#tagline { color: #333; }
/* Links */
a { color: #ff0000; text-decoration: underline; font-weight: bold }
a:link{ color: #FF0000; }
a:hover { color: #670001; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #ff0000; text-decoration: underline; }
.entry-content a:hover { color: #670001; }
/* Menu */
div.menu{ margin: 0px 4px 0px 1px;
padding: 0px 0px 0px 0px;
padding-top: 10px;
text-transform:uppercase;
font: 12px Arial; }
.nav { float: left; z-index: 100; margin: 10px 0px 0px 0px; padding: 0px 0px 0 0px;
background-image: url(library/media/images/menu-bg.jpg); background-repeat:no-repeat; width: 727px; }
.nav, .nav * { list-style: none; margin-left: 0px; font-size: 12px;}
.nav li { float: left; z-index: 100; padding: 0; position: relative; }
.nav ul li { width: 100%; }
.nav ul { position: absolute; z-index: 100; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ }
.nav li.page_item_right{ float:right; margin-right: 9px;}
.nav li.page-item-396{ float:right; }
.nav li.page-item-396 a{background:url(library/media/images/menuitemreview.gif) no-repeat left top;}
.nav li.page-item-396 a:hover{background:url(library/media/images/menuitemrightselectedreview.gif) no-repeat left top;}
.nav li.page-item-396.current_page_item a{background:url(library/media/images/menuitemrightselectedreview.gif) no-repeat left top;}
.nav a { float:left;
background: url(library/media/images/menuitem.gif) no-repeat left top;
margin:0;
padding:0 0 0 0px;
text-decoration:none;
font-weight: bold; width:106px; height: 19px;}
.nav li.current_page_item a { float:left;
background: url(library/media/images/menuitemselected.gif) no-repeat left top;
margin:0;
padding:0 0 0 0px;
text-decoration:none;
font-weight: bold; width:106px; height: 19px;}
.nav li.page_item_first a{ background:url(library/media/images/menuitemfirst.gif) no-repeat left top; width: 94px; }
.nav li.page_item_right a{ background:url(library/media/images/menuitemright.gif) no-repeat left top; width: 87px; }
.nav li.current_page_item_right a{ background:url(library/media/images/menuitemrightselected.gif) no-repeat left top; width: 87px; }
.nav li.current_page_item_first a { float:left;
background: url(library/media/images/menuitemselectedfirst.gif) no-repeat left top; width: 94px; height: 19px;}
.nav li ul li a { background: none; }
.nav li.page_item_first ul li a { background: none; height:auto; }
.nav li.page_item ul li a { background: none; height:auto; }
.nav li.page_item_right ul li a { background: none; height:auto; }
.nav li ul li {border: solid 1px #FFFFFF; background-color: #000000; padding: 2px;}
.nav li.page_item_first a span {
float:left;
display:block;
padding: 2px 0px 0px 0px;
color: #FFFFFF;
width:94px;
text-align:center;
}
.nav li.page_item_right a span {
float:left;
display:block;
padding: 2px 0px 0px 0px;
color: #FFFFFF;
width:87px;
text-align:center;
}
.nav a span {
float:left;
display:block;
padding: 2px 0px 0px 0px;
color: #FFFFFF;
width:106px;
text-align:center;
}
span.submenu {
float:left;
display:block;
padding: 2px 0px 0px 0px;
color: #FFFFFF;
width:106px;
text-align:left;
}
.nav li ul li a span{ background:none;}
/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 19px; /* match top ul list item height */ z-index: 99; }
/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }
/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -1px; }
/* Default Skin */
.nav { border: 0px; }
.nav ul { border: 0px; }
.nav ul li a { border: 0px; }
.nav li:hover ul,
.nav li.nav-hover ul { }
.nav a { color: #FFFFFF; text-decoration:none }
.nav a:hover span { color: #FFFFFF; }
.nav ul a { }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { }
.nav li.current_page_item { }
.nav a:hover {
background: url(library/media/images/menuitemselected.gif) no-repeat left top;
}
.nav li.page_item_first a:hover {
background: url(library/media/images/menuitemselectedfirst.gif) no-repeat left top;
}
.nav li.page_item_right a:hover {
background: url(library/media/images/menuitemrightselected.gif) no-repeat left top;
}
.nav li ul li a:hover { background: none; color: #FFFFFF; }
.nav li.page_item ul li a:hover { background-color: none;color: #FFFFFF; }
.nav li.page_item_first ul li a:hover { background: none; color: #FFFFFF; }
/*.nav a:hover span {
background: url(library/media/images/menuitemselected.gif) no-repeat right top;
}*/
.nav li ul li:hover, .nav li ul li.nav-hover { background-color: #ff0000 }
.nav li ul li a:hover span { background: none }
/* Menu bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; clear: both; }
h1, .h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; padding: 0px 0px 0px 0px; color:#ff0000; line-height:25px;}
h2, .h2 {
font-size: 22px;
color:#000000;
font-weight: normal;
font-style: italic;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
letter-spacing:-0.5px; }
h3, .h3 {
font-size: 19px;
color:#cd853f;
font-weight: bold;
font-style:normal;
margin: 0px;
padding: 0px 0px 0px 0px; }
h4, .h4 {
font-size: 12px;
color:#000000;
font-weight: bold;
font-style:italic;
margin: 0px;
padding: 0px 0px 0px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; color:#FF0000; font-weight: bold; text-transform: uppercase; }
h6 {
font-size: 18px;
line-height:20px;
color:#000000;
font-weight:normal;
margin: 0px 0px 0px 0px;
padding: 0px; }
/* Content */
.page-title { }
.page-title span { }
.entry-title, .entry-title a { color: #ff0000;}
.entry-title a:hover { color: #670001; }
/* Text Elements */
address { font-style: italic; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }
blockquote { color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 10px; padding-left: 10px; }
strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 11px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code, pre { line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }
/* Lists: (ul, ol, dl) */
ul, ol, dl { margin-left: 15px; }
.nav { margin-left: 0px; }
.entry-content ul, .entry-content ol, #search-query { margin-left: 25px; }
li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
dt { font-weight: bold; }
.fat li { margin-bottom: 10px; }
/* Tables */
table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px 3px; }
/* Forms */
input, textarea, button { background: #fafafa; border-color: #999999; border-style: solid; border-width: 1px; color: #444; font-size: 12px; }
input, textarea, button { font-family: Arial, Helvetica, sans-serif; padding: 3px; }
button, td.button input, span.button input { font: 11px Arial, Helvetica, sans-serif; font-weight: bold; padding: 1px 8px; cursor: pointer; color: #FFFFFF; background-color: #670001; color:#FFFFFF; }
input:focus, textarea:focus { background: #FFFFFF; border-color: #000000; }
button:hover, td.button input:hover, span.button input:hover { background-color: #FF0000; border-color: #777 #ccc #ccc #777; }
/* Comments */
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; }
.comment { margin-bottom: 40px; }
.comment-list .children { margin-top: 40px; }
.comment-meta { margin-bottom: 10px; font-size: 11px; }
.commenter { font-size: 12px; font-weight: bold }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }
/* Comment Reply */
#comment-form .form-section input { margin-right: 10px; }
.form-section { margin-bottom: 10px; }
#commenter-details input { margin-right: 10px; }
#allowed-tags { font: 11px Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }
/* Images */
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }
.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */
/* [gallery] */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }
/* Navigation */
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }
/* [gallery] + navigation clearfix */
.gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery-row, .navigation-links, .container, .menu { display: block; }
/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
div#headerimages{ white-space: nowrap; margin-left: 9px; margin-right: 9px; background-color: #6e5c38; padding-top: 10px; padding-bottom: 10px; margin-bottom: 12px; }
img.headerimage{ margin-left: 3px; }
img.headerimageleft{ margin-left: 0px; }
div.aside{ width: 0px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float:right;
font: 11px Arial, Helvetica, sans-serif; display: none; visibility: hidden;}
div#primary{ width:716px;
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
float:left;
font-family: Arial;
font-size: 11px;
color:#000000;
display:inline; }
div#footer-menu{ padding-left: 12px; padding-right: 12px; }
div#widget-pages{ float:left }
div#widget-pages-right: float:right; }
div.widget ul.xoxo { list-style-type: none; }
div.widget ul.xoxo {margin-bottom: 0px;}
div.widget ul.xoxo li { display: inline; margin-right: 20px; margin-left: -15px; text-indent:-10px; }
div.widget ul.xoxo li a{ font-weight: bold; text-decoration: none; text-transform: uppercase; }
/*div.widget ul.xoxo li.page_item_section a:link,
div.widget ul.xoxo li.page_item_section a:hover,
div.widget ul.xoxo li.page_item_section a:visited,
div.widget ul.xoxo li.page_item_section a:active{
font-weight: bold;
}*/
div.widget ul.xoxo li a:link, div.widget ul.xoxo li a:visited{ text-decoration:none; }
div.widget ul.xoxo li a:hover, div.widget ul.xoxo li a:active{ text-decoration:underline; }
div.widget ul.xoxo li.current_page_item a:link, div.widget ul.xoxo li.current_page_item a:hover, div.widget ul.xoxo li.current_page_item a:visited, div.widget ul.xoxo li.current_page_item a:active{
text-decoration:none; }
div.widget ul.xoxo li.current_page_item li.page_item a:link, div.widget ul.xoxo li.current_page_item li.page_item a:visited{
text-decoration:none; }
div.widget ul.xoxo li.current_page_item li.page_item a:hover, div.widget ul.xoxo li.current_page_item li.page_item a:active{
text-decoration:underline; }
div#widget-pages-right ul.xoxo li a{ color: #FF0000; }
div#widget-pages-right ul.xoxo li.page_item_odd a{ color: #000000; }
div.widget ul.xoxo li.page_item_odd a{ color: #000000; }
div.widget ul.xoxo li.page_item_even a{ color: #FF0000; }
div#widget-pages-right ul.xoxo li{ margin-right: 0px; margin-left: 5px; }
.entry-meta{ font-size: 11px; }
h2.entry-title { font-size: 14px; font-weight: bold; }
span.search-term{ font-style: italic }
h1.search-title{ font-size: 18px; }
p.comment-feed-link{ font-size: 11px }
div#widget-search input.search{ width: 90px; }
button.search-btn{ width: 60px; }
.table-layout{ border: 0px }
table.table-layout td { vertical-align: top; }
.table-grid-layout{}
table.table-grid-layout td{ vertical-align:top; border: solid 1px #CCCCCC }
.label{ vertical-align:top; font-weight: bold }
div.mmf table{ border: 0px; }
.table-review{ border: 0px; padding: 0px; margin: 0px; }
table.table-review td.reviewcolumn{ border: 0px; width: 33%; vertical-align:top; margin: 0px; padding: 0px; padding-right: 10px; line-height: 14px; }
table.table-review td.reviewcolumn p{ line-height: 14px; }
table.table-review td.reviewtitle{ width: 67%; }
table.table-review td.reviewimage{ width: 33%; vertical-align: top; margin:0px; padding: 0px; }
table.table-review td.reviewdivider{ background-image: url( library/media/images/horizontalbar.gif); background-repeat: no-repeat; height: 20px;}
table.table-review td.reviewtitle h3, table.table-review td.reviewtitle h2{ display: inline; font-size: 20px; }
table.table-review td.reviewtitle h3{ margin-left: 0px; padding-left: 0px; margin-right: 5px; }
table.table-review td.reviewtitle h3{ font-size: 20px; }
table.table-review td.reviewtitle h2{ font-size: 19px; }
body.singular, body.search {/*background-image:url(library/media/images/bg_colour.gif);
background-position:center top;
background-repeat:repeat-y;*/
margin: 0px;
padding: 0px;
background-color:#FFFFFF; }
div#content, div#landingcontent{ width: 745px;
margin: 0px;
padding-top: 15px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
background-image:url(library/media/images/bg.gif);
background-position:top;
background-repeat: repeat-y;}
.container, .landingcontainer {
width:755px;
margin: 35px auto 0px auto;
padding:0px;
text-align:left;
}
#landingheader {
background-image:url(library/media/images/title1.jpg);
background-position:top;
background-repeat: no-repeat;
padding-top: 396px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 0px;
margin: 0px 0px 0px 0px;
}
.header {
background-image:url(library/media/images/title-bg.jpg);
background-position:top;
background-repeat: no-repeat;
padding-top: 20px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 0px;
margin: 0px 0px 0px 0px;
}
.header a.headerimage img{ margin: 0px; padding: 0px; margin-bottom: -4px; }
.header a.headerimage { margin: 0px; padding: 0px; margin-left: 2px; }
div.footer { clear:both;
width: 757px;
height: 50px;
margin: 0px;
color:#cd8641;
padding: 9px 0px 0px 0px;
background-image: url(library/media/images/footer.gif);
background-repeat: no-repeat;
font-weight: bold; }
div.footer ul{ text-transform: uppercase; list-style-type: disc; }
div.footer li{ margin: 0px; padding: 0px;display: inline; }
div.footer li img{ margin-right: 5px; }
.footer{ text-align: center; }
div#column-image{ width: 239px; height: 161px; position: relative; margin-bottom: 15px;}
div#column-extra-images img { margin-bottom: 15px; }
table#headertext{ border: 0px; font-size: 13px }
form{ margin-bottom: 0px; padding-bottom: 0px;}
div.hr {
height: 9px;
background: #fff url(library/media/images/horizontalbar.gif) no-repeat scroll center;
border: solid 1px #FFFFFF;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
div.hr hr {
height: 9px;
background: #fff url(library/media/images/horizontalbar.gif) no-repeat scroll center;
border: solid 1px #FFFFFF;
margin-left: 20px;
margin-top: 5px;
visibility:hidden;
margin-bottom: 5px;
}
.entry-content h1{ font-weight: bold; font-size: 30px; line-height: 35px; margin-top: 5px; margin-bottom: 20px; }
.wpsc_description h1{ font-size: 20px; font-weight: bold; line-height:22px; margin: 0px; float: left;}
.wpsc_description h2{ font-size: 19px; display: inline; line-height: 22px; margin: 0px; margin-left: 10px;}
div.productpanel .wpsc_description p{ padding-right: 200px; margin-top: 8px; font-size: 10px}
div.productpanel .wpsc_description p.price { font-size: 11px; }
.wpsc_description p{ margin-top: 8px; }
table.columns-table{ width:100%;margin: 0px; border: 0px; }
table.columns-table td.main-column{ vertical-align:top; padding-left: 30px; padding-right: 25px; }
table.columns-table td.side-column{ vertical-align:top; width: 214px; padding: 2px; background-image: url(library/media/images/bg.gif); background-repeat: repeat-y; }
div.widget_wp-category-archive h3.widget-title { height: 25px; color: transparent; background-image: url(library/media/images/newsarchive.jpg); background-repeat: no-repeat; }
div#landingcontent table.table-layout{ width: 715px; margin: 0px; padding: 0px; border:0px;}
div#landingcontent table.table-layout td{ width: 33%; margin: 0px; padding: 0px; border: 0px; }
div#landingcontent h5, div#landingcontent p { margin: 0px; /*padding: 0px;*/ }
div#landingcontent p { line-height: 12px; }
img.heading{ margin-bottom: 5px; }
/* New added style by Nick*/
.more-info-link { margin: 10px 0 0 0}
.productpanel .hotline {position: absolute; bottom:0px; right:0; z-index:1000;}
.productpanel div.special-price {
background-image: url(http://www.bergamont.co.nz/wp-content/uploads/wpsc/themes/bergamont2010/images/specialprice-bg.gif);
background-repeat: no-repeat;
display: block;
float: left;
height: 50px;
text-align: center;
width: 170px;
margin-top: 10px;
color:#ffff00;
}