/*-------------------------------------------------
homepage styles
-------------------------------------------------*/

#homepage #splash {
	padding: 1em 2em;
	background: url("../images/iphone-large.jpg") left bottom no-repeat;
	}

#homepage #intro {
	margin-bottom: 2em;
	}

#homepage #intro p {
	font-size: 150%;
	color: #525759;
	}

#homepage #intro p.lead {
	font-size: 190%;
	font-weight: bold;
	}

#homepage #intro a {
	white-space: nowrap;
	}

#homepage #intro .product-name {
	color: #0BA1B8;
	}

#homepage #newsflash {
	padding: 0.5em;
	background-color: #0BA1B8;
	text-align: center;
	font-size: 130%;
	color: white;
	}

#homepage #newsflash p {
	display: inline;
	color: white;
	}

#homepage #newsflash a {
	color: white;
	}


#homepage .teaser {
	border-bottom: 1px dashed #999;
	}

#homepage .teaser-last {
	border: 0;
	}

#homepage .patrons {
	margin-bottom: 1em;
	}

#homepage .teaser img {
	border: 1px solid #ccc;
	}

#homepage .teaser .patrons img {
	border: none;
	}

/*-------------------------------------------------
about pages
-------------------------------------------------*/

#about-page table#comparison-of-features  th,
#about-page table#comparison-of-features  td {
	font-size: 100%;
	}

#about-page table#comparison-of-features tbody th {
	white-space: nowrap;
	}

#about-page table#comparison-of-features  td {
	text-align: center;
	}

#about-page table#comparison-of-features img {
	margin: 0;
	}

#what-page #bd img {
	border: 1px solid #ccc;
	}

#what-page #quantity img {
	border: none;
	}

/*-------------------------------------------------
buzz page
-------------------------------------------------*/

ul.quotes,
li.quote {
	margin: 0;
	padding: 0;
	list-style: none;
	}

li.quote p, li.quote h3 {
	font-size: 100%;
	}


ul.patrons {
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 100%
	}

li.patron {
	float: left;
	list-style: none;
	margin: 0 0.3em 0.3em 0;
	}

.image-frame {
	line-height: 0;
	border: 1px solid #ccc;
	padding: 1px;
	width: 355px;
	margin-bottom: 1em;
	}

.image-frame  img {
	margin: 0;
	}

li.patron .image-frame {
	width: 135px;
	margin: 0;
	}

#buzz-page .callout {
	border: 1px dashed #ccc;
	padding: 0 1em;
	margin-bottom: 1em;
	}

/*-------------------------------------------------
press (fast facts)
-------------------------------------------------*/

#fast-facts-page #bd ul,
#fast-facts-page #bd li {
	margin: 0;
	padding: 0;
	}

#fast-facts-page #bd li {
	list-style-type: none;
	font-size: 100%;
	}

#fast-facts-page #product-details-table {
	width: auto;
	}

#fast-facts-page #product-details-table li  {
	list-style-type: disc;
	margin-left: 1.5em;
	}


/*-------------------------------------------------
press (images)
-------------------------------------------------*/

#images-page #download-individually-panel {
	overflow: auto;
	width: 100%
	}

#images-page #download-individually-panel ul,
#images-page #download-individually-panel li {
	margin: 0;
	padding: 0;
	}

#images-page #download-individually-panel li {
	list-style-type: none;
	margin-bottom: 1em;
	}

#images-page #download-individually-panel li{
	float: left;
	width: 33%;
	}

#images-page #download-individually-panel img {
	margin: 0;
	border: 1px solid #ccc;
	}

#images-page #download-individually-panel h3 {
	font-size: 100%;
	}

#images-page #download-individually-panel a {
	display: block;
	}

/*-------------------------------------------------
blog
-------------------------------------------------*/

.blog-post .title-bar,
.blog-post .navigation {
	margin-bottom: 1em;
	}

.blog-post .title-bar .publication-details,
.blog-post .title-bar .comments-summary ,
.blog-post .navigation {
	font-size: 130%;
	}

.blog-post .title-bar .publication-details {
	color: #ccc;
	font-weight: bold;
	}

.blog-post .title-bar .comments-summary  {
	background: url("../images/blog/comment.jpg") no-repeat 0 0;
	padding-left: 1.75em;
	}

div.blog-post div.title-bar h2 {
    clear: both;
    display: block;
}

.blog-post-nav ol {
	display: inline;
	}

.blog-post-nav ol li {
	float: left;
	width: 33.3%;
	list-style-type: none;
	}

.blog-post-nav li,
.blog-post-nav li a {
	color: gray;
	}

.blog-post-nav .blog-homepage-option {
	text-align: center;
	}

.blog-post-nav .newer-post-option {
	text-align: right;
	}

.blog-post .excerpt img,
.blog-post #post-body img {
	border: 1px solid #ccc;
	}

.comment {
	font-size: 100%;
	margin-bottom: 0.5em
	}

.etre-comment {
	padding: 1em;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	}

.comment .title-bar {
	margin-bottom: 0.3em;
	font-size: 130%;
	font-weight: bold;
	}

.comment .title-bar .publication-date {
	color: #ccc;
	}

.comment .content {
 	overflow: auto;
 	}

.blog-post .name-field,
.blog-post .email-field,
.blog-post .website-field {
	width: 25em;
	}

.comments-textarea {
	width: 100%;
	height: 10em;
	}

#subscribe-panel button {
	background-color: #0BA1B8;
	color: white;
	font-weight: bold;
	background-image: url('../images/shade.png');
	background-position: bottom;
	padding: 0.3em 0;
	width: 100%;
	}

#subscribe-panel button span {
	background: transparent url("../images/blog/feed.png") no-repeat 0.2em 50%;
	padding: 0.3em 0.3em 0.3em 2em;
	}

#subscribe-panel button:hover,
#subscribe-panel button:focus,
#subscribe-panel button:active {
	outline: 2px solid #ffcc66; /* Not supported by IE */
	background-color: #0CACC5;
	}

/*-------------------------------------------------
product details table (buy page/fast facts page)
-------------------------------------------------*/

#product-shot {
	height: 623px;
	border: 1px solid #ccc;
	}

#product-shot img {
	margin: 0;
	}

#product-details-table {
	width: 100%;
	}

#product-details-table th {
	vertical-align: top;
	}

#product-details-table img {
	margin: 0;
	}

#product-details-table ul {
	margin: 0;
	}

#product-details-table li {
	margin-left: 1.5em;
	}

/*-------------------------------------------------
custom gloves page
-------------------------------------------------*/

#custom-gloves-page #quantity-field {
	width: 4em;
	}

#custom-gloves-page #additional-requirements-textarea {
	width: 100%;
	height: 10em;
	}

#base-colour-list,
#constrast-colour-list {
    width: 12em;
}

.msDropdownTitle img {
    padding: 0 0.25em 0 0.1em;
}

/*-------------------------------------------------
contact page
-------------------------------------------------*/

#contact-page #name-field,
#contact-page #email-field,
#contact-page #telephone-no-field {
	width: 15em;
	}

#contact-page #subject-field {
	width: 25em;
	}

#contact-page #message-textarea {
	width: 100%;
	height: 10em;
	}

/*-------------------------------------------------
shopping cart page
-------------------------------------------------*/

#cart-page #cart-form .form-actions {
	text-align: right;
	}

/*-------------------------------------------------
shipping/billing page
-------------------------------------------------*/

.finder {
	margin-bottom: 1em;
	}

#shipping-page .finder h3,
#billing-page .finder h2,
#billing-page .finder h3 {
	margin-top: 0;
	}

#redeem-gift-voucher-panel h2 {
	font-size: 130%;
	}

.finder a:link,
.finder a:visited,
.finder a:hover {
	text-decoration: underline;
	color: #2669EB;
	}

.finder a:hover {
	color: #0BA1B8;
	cursor: pointer;
	}

.finder form {
	padding: 1em;
	background-color: #FBF9EE;
	border: 1px solid #FCEFA1;
	}

.finder form p {
	font-size: 130%;
	}