/*
Testing
* { border: 1px #ccc solid;}
*/

/*General*/
body { background-color: #f7f7f7; font-family: "Verdana"; }
a:visited { color: #0066cc; }
h2 { font-size: 108%; font-weight: bold; font-family: "Trebuchet MS"; }
h1 { font-size: 138.5%; font-family: "Trebuchet MS"; }
.headline-large { font-size: 138.5%; font-family: "Trebuchet MS"; font-weight: bold; }
.small { font-size: 85%; }
.large { font-size: 138.5%; }
.price { font-weight: bold; }
.price-large { font-size: 138.5%; } 
.sale-price { color: #CC3300; }
.price-was { text-decoration: line-through; }
.input-box { padding: 3px; border: 1px #999 solid; }
.input-button { padding: 3px; }
#template3 { margin-left: 10px; margin-right: 10px; }
.highlight-link { padding: 3px; }
.highlight-link:hover { background-color: #fff3cb; color: #4D2600; }
.alert-text { color: #af1813; }
.alert-text-bold { color: #af1813; font-weight: bold; }
.required-field { color: #af1813; font-weight: bold; }

.alert-message { border: 1px #993300 solid; background-color: #FFE5E5; color: #4D2600; padding: 10px; line-height: 1.7; margin-bottom: 20px; }
.alert-message strong { font-weight: bold; }


/*Document*/
#doc4 { background-color: #fff; }

/*Header*/
#hd { margin-bottom: 10px; padding-top: 10px; }
#branding-logo { float: left; }
#header-nav { float: right; }
#header-nav li { float: left; }
#header-search { float: right; margin-top: 30px; }
#header-search input,select { padding: 3px; }
#header-search .search-query { border: 1px #999 solid; width: 200px; }
#header-basket { margin-right: 20px; }

#nav { font-size: 138.5%; font-family: "Trebuchet MS";  }
#nav { clear: both; background-image:  url('/Images/Gradiants/HeaderNavigationGradientGreen.png'); background-repeat: repeat-x; border: 1px #9fc74c solid; height: 30px; }
#nav .seperator { border-right: 1px #9fc74c solid; }
#nav li { float: left; text-align: center; width: 14%; height: 25px; padding-top: 5px;  }
#nav a {  text-decoration: none; color: #fff; }
#nav .sale, .sale { color: #af1813; }
#header-annoucement { border: solid 1px #981511; background-color: #C61B15; color: #fff; padding-top: 3px; padding-bottom: 3px; text-align: center; margin-top: 1px; }



/*Body*/
#bd { min-height: 700px; }
#annoucement { background-color: #af1813; color: #fff; padding: 10px; }
#annoucement h1 { margin-bottom: 10px; }
#annoucement p { font-size: 123.1%; }
.featured-product { border: 1px #ddd solid; margin-bottom: 10px; }
h1.featured-title-green { margin-bottom: 0; margin-top: 10px; padding: 3px; color: #fff; background-image:  url('/Images/Gradiants/HeaderNavigationGradientGreen.png'); background-repeat: repeat-x; border-left: 1px #9fc74c solid; border-top: 1px #9fc74c solid; border-right: 1px #9fc74c solid;  }
h1.featured-title-yellow { margin-bottom: 0; margin-top: 10px; padding: 3px; color: #fff; background-image:  url('/Images/Gradiants/HeaderNavigationGradientYellow.png'); background-repeat: repeat-x; border-left: 1px #ffcc00 solid; border-top: 1px #ffcc00 solid; border-right: 1px #ffcc00 solid;  }
h1.featured-title-pink { margin-bottom: 0; margin-top: 10px; padding: 3px; color: #fff; background-image:  url('/Images/Gradiants/HeaderNavigationGradientPink.png'); background-repeat: repeat-x; border-left: 1px #f0588c solid; border-top: 1px #f0588c solid; border-right: 1px #f0588c solid;  }
div.featured-product { height: 200px; }
#featured-products div.featured-product { height: 1370px;  }
#new-products div.featured-product { height: 200px;}


/*Footer*/
#ft { margin-bottom: 7px; }
#footer-nav { background-color: #fff3c8; height: 160px; }
#footer-details { float: left; width: 72%; }
#footer-details p { margin-top: 3px; }
#footer-nav ul { padding: 20px; }
#footer-nav ul li {  float: left; width: 33%; font-weight: bold; }
#footer-nav ul li ul { padding-top: 5px; margin: 0; padding: 0; }
#footer-nav ul li ul li { float: none; width: 100%; font-weight: normal; padding-top: 5px; }
#footer-nav h2 { color: #444; }
#footer-spacer { clear: both; padding-bottom: 10px; }
#footer-nav .sage-pay { padding-bottom: 10px; }

/*Hacks*/
#header-search { width: 66%; text-align: right; } /* Hack for IE7 */


/*Buttons*/
.cool-button, .cool-button:visited
{
	background: #222 url('/Images/Backgrounds/ButtonOverlay.png') repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.cool-button, .cool-button:visited 			{ font-family: "Trebuchet MS"; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.cool-button:hover					{ background-color: #111; color: #fff; }
.cool-button:active					{ top: 1px; }
.yellow.cool-button, .yellow.cool-button:visited	{ background-color: #fc9200; }
.yellow.cool-button:hover							{ background-color: #ffb515; }
.orange.cool-button, .orange.cool-button:visited	{ background-color: #ff5c00; }
.orange.cool-button:hover							{ background-color: #d45500; }
.large.cool-button, .large.cool-button:visited 		{ font-size: 108%; padding: 8px 14px 8px; }
 

/*New*/
.featured-product-1 { padding: 10px; }
.featured-product-1 div.image-container { height: 200px; width: 200px; float: left; margin-right: 10px; }
.featured-product-1 img.prodcut-image { max-height: 200px; max-width: 200px; }
.featured-product-1 h1 { margin-bottom: 20px; }
.featured-product-1 p.product-text { margin-bottom: 20px; line-height: 1.5; }
.featured-product-1 p.price { font-size: 138.5%; }

.featured-product-3 { padding: 10px;  }
.featured-product-2 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
#featured-products .products { clear: left; }
#category-featured-product { margin-top: 10px; margin-bottom: 0; }
#category-product-listing { clear: both; }

.featured-product-2 li.product, 
.featured-product-3 li.product, 
#product-search-listing li.product, 
#category-product-listing li.product { float: left; width: 225px; height: 185px; text-align: center; margin-top: 10px; margin-bottom: 5px;  }

.featured-product-2 div.image-container, 
.featured-product-3 div.image-container, 
#product-search-listing div.image-container, 
#category-product-listing div.image-container { height: 120px; width: 225px; text-align: center; margin-bottom: 10px; }

.featured-product-2 img.prodcut-image, 
.featured-product-3 img.prodcut-image, 
#product-search-listing img.prodcut-image, 
#category-product-listing img.prodcut-image { max-height: 120px; max-width: 200px; }

.featured-product-2 p.price, 
.featured-product-3 p.price, 
#product-search-listing p.price,  
#category-product-listing p.price { margin-top: 3px; }

#product-search-listing li.product, 
#category-product-listing li.product { border: solid 1px #ccc; }

.featured-product-2 h1 { float: left; background-color: #ffc7da; color: #fff; padding-top: 3px; padding-left: 3px; padding-bottom: 3px; padding-right: 40px; }
.featured-product-2 .more { float: right; }


#footer-web-hosting { float: right; width: 220px; }
#footer-web-hosting p { float: left; margin-top: 5px; }
#footer-web-hosting img { float: left; }

.legal-page { width: 95%; }
.legal-page p { line-height: 1.7; margin-bottom: 10px; color: #444; }
.legal-page h2 { margin-bottom: 10px; }
.legal-page h1 { margin-bottom: 20px; }
.legal-page p.seo-legal-footer { text-align: right; }

.postal-rates { border-color: #444; border-width: 0 0 1px 1px; border-style: solid; width: 300px; }
.postal-rates thead { background-color: #eee; }
.postal-rates td { border-color: #444; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; }

.website-form label { display: inline-block; width: 200px; }
.website-form div { margin-top: 5px; }
.mailing-email-address { width: 300px; }
.hightlight-paragraph { background-color: #fff5cc; padding: 5px; }
.highlight-text { background-color: #fff3cb; padding: 5px; }
div.checkout-deliery-form, 
div.checkout-delieryoption-form { margin-top: 20px; margin-left: 40px; margin-bottom: 20px;}
div.checkout-deliery-form label,
div.checkout-delieryoption-form label,
div.checkout-payment-deliveryinfo label { display: inline-block; width: 300px; color: #444; }
div.checkout-deliery-form div,
div.checkout-delieryoption-form div,
div.checkout-payment-deliveryinfo div { margin-top: 5px; }
div.checkout-deliery-form .large-size,  div.checkout-delieryoption-form .large-size { width: 250px; }
div.checkout-deliery-form .medium-size,  div.checkout-delieryoption-form .medium-size { width: 200px; }
div.checkout-deliery-form .small-size,  div.checkout-delieryoption-form .small-size { width: 100px; }
div.checkout-deliery-form .extra-large,  div.checkout-delieryoption-form .extra-size { width: 500px; }
div.checkout-payment-deliveryinfo { margin-left: 10px; margin-top: 20px; margin-bottom: 20px; }

#twinkly-baby-search { margin-top: 20px; margin-bottom: 20px; }
#twinkly-baby-search p.location-tip { margin-left: 270px; }
#twinkly-baby-search input,select { padding: 3px; }


#twinkly-directory-listings li div.listing { padding: 10px; border-bottom: solid 1px #ccc; }
#twinkly-directory-listings li div.listing .telephone { font-weight: bold; }
#twinkly-directory-listings li div.listing p { margin-bottom: 5px; }
#twinkly-directory-listings li div.listing ul.features { margin-bottom: 5px; }
#twinkly-directory-listings li div.listing ul.list li {  list-style-type: square; margin-left: 20px; }

ul.results-control { clear: both; padding-top: 10px; padding-bottom: 25px; margin-top: 20px; }
ul.results-control-top {  border-bottom: 1px #ccc solid; }
ul.results-control-bottom {  border-top: 1px #ccc solid; }
ul.results-control li { float: left; }
ul.results-control li.sort { float: right; }
ul.results-control li.sort li { margin-left: 10px; }
ul.results-control ul.pagination { margin-left: 10px; }
ul.results-control ul.pagination li { margin-right: 10px; }


.left-side-heading { color: #444; }
.nowrap { white-space: nowrap; }
div.left-side-listing { background-color: #fff5cc; margin-top: 10px; padding: 5px; }

div.left-side-listing li, 
div.left-side-listing-other li { padding: 3px; }


#brand-listing { margin-top: 20px; }
#brand-listing li { clear: both; }
#brand-listing h1, #brand-detail h1 { float: left; }
#brand-listing img, #brand-detail img { float: right; max-width: 150px; max-height: 150px;  padding-left: 10px; padding-bottom: 10px; }
#brand-listing p, #brand-detail p { clear: left; line-height: 1.7; color: #444; }

#product-related-items  div.image-container { height: 120px; width: 120px; float: left; margin-right: 20px; }
#product-related-items  img.product-image { max-height: 120px; max-width: 120px; }
#product-related-items  li { clear: both; }
#product-related-items h2 { padding-top: 20px; margin-bottom: 10px; }


#product-detail-image-container { width: 340px; border: 1px solid #ccc; float: left;  height: 390px; text-align: center; }
#product-detail-image-container img { max-width: 300px; max-height: 350px; margin-top: 20px; }
#product-detail-details { float: left; margin-left: 20px; height: 390px; width: 600px; }
#product-detail-details h1.product-title { margin-bottom: 5px; }
#product-detail-details p.more-from-brand { margin-bottom: 20px; }
#product-detail-details p.price-large { margin-bottom: 20px; }
#product-detail-options { background-color: #fff5cc; padding: 10px; margin-top: 20px; }
#product-detail-options h2 { margin-bottom: 10px; }
#product-detail-options input { width:350px; }
#product-detail-details a.add-to-basket { margin-top: 20px; }
#product-detail-left { clear: both; width: 340px; float: left; }

#product-detail-images li { float: left; margin-right: 5px; margin-top: 10px;  }
#product-detail-images img { max-height: 90px; max-width: 90px; }
#product-related-items { clear: both; padding-top: 10px; }

#product-related-items ul { border-top: solid 1px #ccc; }
#product-detail-text { float: left; width: 600px; margin-left: 20px; margin-top: 10px; }
#product-detail-text h2 { margin-bottom: 10px; }
#product-detail-text p { color: #444; line-height: 1.7; margin-bottom: 10px; }

#product-detail-variants label, 
#product-detail-options label { display: inline-block; width: 150px; }

/*Need copying to template*/
.checkout-button-right { float: right; }
.checkout-button-left { float: left; }
#product-detail-variants { background-color: #eee; padding: 10px; margin-top: 20px; }
#product-detail-images li div.image-container {  border: solid 1px #eee; height: 96px; width: 96px; padding: 3px; text-align: center; } 
div.left-side-listing-other { background-color: #eee; margin-top: 10px; padding: 5px; margin-bottom: 10px; }
.checkout-proceed-button { clear: both; margin-top: 20px; float: right; margin-bottom: 10px; }
.highlight-listing { background-color: #fff3cb; }
.category-text { line-height: 1.7; margin-top: 20px;}
#directory-categories li {  }
.directory-footer-advertise { padding-top: 10px; border-top: solid 1px #444; margin-top: 20px; margin-bottom: 10px; }
#twinkly-directory-listings { border-top: solid 1px #ccc; margin-bottom: 5px; margin-top: 20px; }
.image-container {}
.products {}
.product {}
.highlight-text-green { background-color: #bdd884; padding: 5px; }

#product-social-media { position: absolute; top: 165px; border: 0px #fff solid; height: 10px; width: 10px; }
#product-social-media div { background-color: #eee; padding: 5px; width: 200px; position: relative; left: 762px; height: 120px; }

#directory-categories { margin-top: 20px; width: 700px; }
.directory-main-category-link { font-size: 138.5%; font-family: "Trebuchet MS"; color: #666; }
.directory-main-category-link:visited { font-size: 138.5%; font-family: "Trebuchet MS"; color: #666; }
.directory-main-category { clear: both; padding: 5px; }
.directory-main-category ul li { margin-top: 10px; white-space: nowrap; }
.directory-main-category { margin-top: 20px; }