﻿body, form {
 margin: 0;
 padding: 0;
}

body {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 12px;
 
}
a {
 color: #474F7D;
 text-decoration: none;
}

a img {
 border: 0;
}

h1, h2, h3, h4 {
 font-family: Myriad Pro, Arial, Sans-Serif;
}
h1 {
 color: #f236a6;
 font-weight: normal;
 font-size: 18pt;
 margin-top: 0;
 padding-top: 0;
}

#outerContainer {
 background: url('images/background.jpg') no-repeat;
 width: 1400px;
 margin: 0 auto;
}
#container {
 width: 990px;
 margin-left: 205px;
}
#header #logo {
 text-align:right;
 padding: 10px 20px 0 0;
}
#header #menuBar {
 height:43px;
 margin-top: 40px;
 background: White url('images/menu.jpg') repeat-x;
}
#header #menuBar #menu a {
 color: White;
 font-family: Arial, Sans-Serif;
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: none;
 display: inline-block;
 padding: 10px 0 0 10px;
 height:33px;
}

#header #menuBar #menu a.home {
 width: 60px;
}
#header #menuBar #menu a.home:hover {
 background: url('images/home_hover.jpg') no-repeat;
}
#header #menuBar #menu a.forHer {
 width: 77px;
}
#header #menuBar #menu a.forHer:hover {
 background: url('images/forher_hover.jpg') no-repeat;
}
#header #menuBar #menu a.forHim {
 width: 71px;
}
#header #menuBar #menu a.forHim:hover {
 background: url('images/forhim_hover.jpg') no-repeat;
}
#header #menuBar #menu a.giftSets {
 width: 76px;
}
#header #menuBar #menu a.giftSets:hover {
 background: url('images/giftsets_hover.jpg') no-repeat;
}
#header #menuBar #menu a.asSeenOnTV {
 width: 114px;
}
#header #menuBar #menu a.asSeenOnTV:hover {
 background: url('images/asseenontv_hover.jpg') no-repeat;
}

#header #menuBar #searchBox {
 float: right;
 margin: 5px 10px 0 0
}
#header #menuBar #searchBox input {
 vertical-align: middle;
 font-size: 11px;
 color: #999;
}
#header #menuBar #searchBox .search {
 padding-left: 8px;
}

#content {
 margin: 0;
 padding: 0;
 background-color: White;
}

#rightContent {
 width: 220px;
 padding: 15px 0 10px 10px;
 float: right;
}

#rightContent .box {
 width: 207px;
 background-color: #f1f7e5;
 margin-bottom: 15px;
}
#rightContent .box .header {
 background: url('images/sidebar_top.jpg') no-repeat top;
 height: 36px;
 color: White;
 font-family: Myriad Pro, Arial, Sans-Serif;
 font-size: 16px;
 padding: 8px 0 0 10px;
 text-transform: uppercase;
}
#rightContent .box .content {
 padding: 5px 10px 15px 10px;
}
#rightContent .box .content .brands a {
 display: block;
 height: 26px;
 margin-top: 5px;
 padding: 4px 0 0 25px;
 text-align: center; 
 background: White url('images/sidebar_arrow.jpg') no-repeat left;
}
#rightContent .box .content select {
 display: block;
 width: 185px;
 padding: 3px 6px;
 font-size: 11px;
 color: #666;
}
#rightContent .box .content label {
 display: block;
 font-size: 10px;
 color: #a5a5a5;
 margin-top: 4px;
}
#rightContent .box .content p {
 font-size: 10px;
 color: #a5a5a5;
 margin-top: 4px;
 line-height: 15px;
}

#rightContent .box .footer {
 background: url('images/sidebar_bottom.jpg') no-repeat bottom;
 height: 7px;
}

#mainContent {
 padding: 10px 30px;
 margin-right: 230px;
}
#mainContent .box {
 width: 700px;
 background-color: #f1f7e5;
 margin: 40px 0 15px 0;

}
#mainContent .box .header {
 color: #a3c855;
 font-family: Myriad Pro, Arial, Sans-Serif;
 font-size: 26px;
 padding: 20px 0 0 25px;
}
#mainContent .box .content {
 padding: 5px 10px 15px 25px;
}
#mainContent .box .content span.brand {
 display: block;
 float: left;
 width: 164px;
 margin-top: 5px;
}
#mainContent .box .content span.brand a {
 color: #656565;
 font-size: 11px;
}
#mainContent .box .content span.brand a:hover {
 text-decoration: underline;
}
#mainContent .box .footer {
 clear: left;
 background: url('images/centre_box_footer.jpg') no-repeat bottom;
 height: 32px;
}

#mainContent .bigHeader {
 font-family: Myriad Pro, Arial, Sans-Serif;
 font-size: 32px;
 font-weight: bold;
 text-transform: uppercase;
}
#mainContent .bigHeader .pink {
 color: #f236a6;
}
#mainContent .bigHeader .green {
 color: #a1c654;
}

#mainContent .subHeader {
 font-family: Arial, Sans-Serif;
 font-size: 20px;
 font-weight: normal;
 color: #656565;
}

#mainContent p {
 font-size: 11px;
 color: #888;
 line-height: 15px;
}


#footer {
 clear: both;
 margin: 0 0 20px 20px;
}
#footer a {
 display: block;
 float: left;
 padding: 0 17px 0 0;
 margin: 0 17px 0 0;
 border-right: 1px dotted #999;
 font-family: Arial, Sans-Serif;
 font-size: 10px;
 text-transform: uppercase;
 color: #999;
 font-weight: bold;
}



#divBrandPics img {
 cursor: pointer;
 border: 0;
 padding-top: 10px;
 text-align: center;
}

#divBrandPics {
 text-align: center;
}

.buttonBuyNow {
 background: url('/images/button_buynow.jpg') no-repeat;
 height: 41px;
 width: 124px;
 vertical-align: middle;
}

.buttonBuyNow:hover {
 background: url('/images/button_buynow_mouseover.jpg') no-repeat;
 cursor: pointer;
}

/* Rating */
.ratingStar {
 font-size: 0pt;
 width: 16px;
 height: 16px;
 margin: 0px;
 padding: 0px;
 cursor: pointer;
 display: block;
 background-repeat: no-repeat;
}

.filledRatingStar {
 background-image: url(images/filledstar.png);
}

.emptyRatingStar {
 background-image: url(images/emptystar.png);
}

.savedRatingStar {
 background-image: url(images/savedstar.png);
}

#productsGrid {
}
#productsGrid .product {
 float: left;
 width: 165px;
 margin: 10px 10px 10px 0;
}
#productsGrid .product .details {
 text-align: left;
 color: #656565;
 font-family: Arial;
 font-size: 12px;
 line-height: 15px;
 min-height: 65px;
 margin-top: 5px;
}
#productsGrid .product .details .smaller {
 font-size: 10px;
}
#productsGrid .product .pricesFrom {
 color: #f236a6;
 font-size: 14px;
 font-weight: bold;
}
#productsGrid .product .rating {
 margin: 4px 0
}
#productsGrid .product .compare {
 margin: 12px 0
}

#footer {
 padding: 0 20px 20px 20px;
}

.tvAdvert {
 clear: left;
 border-bottom: 1px dashed #ccc;
 padding-bottom: 15px;
 margin-top: 20px;
}
.tvAdvert .video {
 float: left;
 width: 330px;
}
.tvAdvert .product {
 margin-left: 330px;
}
.tvAdvert .product h2 a {
 font-family: Myriad Pro, Arial, Sans-Serif;
 font-size: 18px;
 font-weight: bold;
 line-height: 12px;
 margin-top: 0;
 padding-top: 0;
 text-transform: uppercase;
 color: #a1c654;
}
.tvAdvert .product h2 a:hover {
 text-decoration: underline;
}

.productMain h1 {
}
.productMain .image {
 float: left;
}
.productMain .detail {
 margin-left: 220px;
 min-height: 220px;
}
.productMain .detail h2 {
 font-weight: bold;
 color: #555;
}
.productMain .detail .rating {
 margin-top: 10px;
}
.productMain hr {
 clear: left;
 margin: 15px 0;
 border-top: 1px dashed #ccc;
 border-bottom: 0;
 border-left: 0;
 border-right: 0;
}
.productMain .retailersGrid {
 border-collapse: separate;
}
.productMain .retailersGrid td {
 border-bottom: 2px dotted #ccc;
 color: #888;
 font-size: 11px;
 font-weight: bold;
 vertical-align: top;
}
.productMain .retailersGrid td div {
 margin-top: 8px;
 border-right: 2px dotted #ccc;
 height: 36px;
 padding: 4px 4px 0 4px;
}
.productMain .retailersGrid td div.priceSub {
 color: #888;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 font-family: Myriad Pro, Arial, Sans-Serif;
}
.productMain .retailersGrid td div.priceSub span.pAndP {
 font-size: 13px;
}
.productMain .retailersGrid td div.priceMain {
 color: #f236a6;
 font-size: 22px;
 font-weight: bold;
 text-align: center;
 padding-top: 8px;
 height: 32px;
 font-family: Myriad Pro, Arial, Sans-Serif;
}
.productMain .retailersGrid td.retailerLogo {
 padding-top: 4px;
}
.productMain .retailersGrid td.buyNow {
 vertical-align: middle;
}

.resultsGrid {
 border-collapse: separate;
 width: 100%;
}
.resultsGrid td {
 border-bottom: 2px dotted #ccc;
 color: #888;
 font-size: 11px;
 font-weight: bold;
 vertical-align: top;
}
.resultsGrid td a {
 color: #888;
}
.resultsGrid td div {
 margin: 4px 0;
 border-right: 2px dotted #ccc;
 min-height: 52px;
 padding: 4px 4px 0 4px;
}
.resultsGrid td div.price {
 color: #f236a6;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 padding-top: 4px;
 line-height: 22px;
 min-height: 52px;
 font-family: Myriad Pro, Arial, Sans-Serif;
}
.resultsGrid td div.price .priceFrom,
.resultsGrid td div.price .priceFrom a {
 font-size: 22px;
 font-weight: bold;
 line-height: 16px;
 color: #f236a6;
}
.resultsGrid td.comparePrices {
 vertical-align: middle;
}
.resultsGrid tr.gridFooter td {
 border-bottom: 0;
 font-size: 13px;
}
.resultsGrid tr.gridFooter td a {
 color: #f236a6;
 text-decoration: underline;
}

.resultsGrid tr td.starRatings div img {
 vertical-align: sub;
}
