/* light grey: #999999, pink: #ffcccc; dark grey/black: #333333; */


body{font:0.9em "Trebuchet MS",Verdana, Arial,sans-serif; background-image: url('http://www.countingsheepboutique.com/img/bg.jpg'); background-repeat: repeat-x repeat-y; background-color: #999999; color: #666666}
textarea {font: 1em Arial}
input {font: 1em Arial}
select {font: 1em Arial}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:26px}
h2{font-size:18px, margin-bottom: 6px; margin-top:4px}
h3{font-size:15px; display:inline}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,h1 {margin-bottom:20px}
img {border:none}

.container_12 {}
#mainContent {background: #FFFFFF; width: 750px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; padding-top: 0px}
#header {margin-bottom: 7px}
#topLinksBar {height: 50px; text-align:right}
#headerBasket {float:right; vertical-align:top; color: #FFFFFF}
#headerBasket a{color: #FFFFFF}
#footer {border: none; text-align: center; width: 770px; padding: 3px; margin-top:4px; margin-bottom: 15px; font-size: 11px; float: right; color: #FFCCCC}
#footer a {color: #FFCCCC; text-decoration: underline}
#indexlanguageChoice {text-align: right}
#indexSheepImg {float:left}
#indexMenu {float: right}
.indexMenu.a:link, .indexMenu.a:visited, {color: #FFFFFF; text-decoration: none; font-size: 15px; font-weight: bold}
.indexMenu.a:hover, .indexMenu.a:active, {color: #FFCCCC; text-decoration: none; font-size: 15px; font-weight: bold}
#sidebar {text-align:center; line-height: 1.7em; font-size:13px}
#sidebarNavigation {margin-left: 13px; margin-right:3px; text-align: left}
#sidebarNavigation a:link, #sidebarNavigation a:visited, #sidebarNavigation a.currentpage:hover {color: #666666; text-decoration: none; font-weight: bold}
#sidebarNavigation a:hover, #sidebarNavigation a:active, #sidebarNavigation a.currentpage:link, #sidebarNavigation a.currentpage:visited {color: #99cc66; text-decoration: none; font-weight: bold}

#about {background: #999999; color:#ffcccc; width: 735px; padding-left: 0px; padding-right: 15px; padding-bottom: 25px; padding-top: 0px;}
#about h2, #contact h2 {color: #FFFFFF}
img.mainPageImg {margin-right:10px; float: left; margin-left:0; margin-top: 0; margin-bottom: 5px;} /*width:246px;*/

a.linkName:link; a.linkName:visited {color: #FFCCCC; font-weight:bold; text-decoration:underline}
a.linkName:hover; a.linkName:active {color: #FFCCCC; font-weight:bold; text-decoration:underline}

#contact {background: #999999; color:#ffcccc; width: 720px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; padding-top: 15px; margin-left:auto; margin-right:auto}
 
#tagline {text-align:center; font-size:20pt; font-weight:bold; margin-top:10px; display:block;}
.taglineabout {color: #660066;}  /* purple for about page */
.taglinehome, .tagline {color: #ffcccc;} /* pink for home page */
.taglinenews {color: #99ccff;} /* light blue for news page */
.taglineproducts, .taglinestages, .taglinebrands, .taglinecategories, .taglinefaqs, .taglinebuyingtips, .taglinegiftregistry {color: #99cc66;} /* green for products page */
.taglinecontact {color: #000066;} /* dark blue for contact page */
.taglinelinks{color: #660000}
.taglinebirths {color: #FFFF66}

a.tagwebaddress:link, a.tagwebaddress:visited, a.tagwebaddress:active {color: #999999; font-weight:bold; font-size:20pt; text-decoration:none}
a.tagwebaddress:hover {color: #999999; font-weight:bold; font-size:20pt; text-decoration:underline}

ul.menu {margin:0; list-style:none; text-indent: 0px}
li.menu {display: inline; padding-left: 0px; padding-right:26px; margin:0px; font-family: "Trebuchet MS"; font-size:16px; font-weight: bold}
a.menu:link, a.menu:visited, a.menuOn:hover, a.aboutMenu:link, a.aboutMenu:visited, a.aboutMenuOn:hover, a.newsMenu:link, a.newsMenu:visited, a.newsMenuOn:hover, 
a.productsMenu:link, a.productsMenu:visited, a.productsMenuOn:hover, a.contactMenu:link, a.contactMenu:visited, a.contactMenuOn:hover, 
a.birthsMenu:link, a.birthsMenu:visited, a.birthsMenuOn:hover, a.linksMenu:link, a.linksMenu:visited, a.linksMenuOn:hover
{text-decoration: none; color: #FFFFFF}
a.menu:hover, a.menu:active, a.menuOn:link, a.menuOn:visited {text-decoration: none; color: #FFCCCC}
a.newsMenu:hover, a.newsMenu:active, a.newsMenuOn:link, a.newsMenuOn:visited {text-decoration: none; color: #99ccff}
a.productsMenu:hover, a.productsMenu:active, a.productsMenuOn:link, a.productsMenuOn:visited {text-decoration: none; color: #99cc66}
a.aboutMenu:hover, a.aboutMenu:active, a.aboutMenuOn:link, a.aboutMenuOn:visited {text-decoration: none; color: #660066}
a.contactMenu:hover, a.contactMenu:active, a.contactMenuOn:link, a.contactMenuOn:visited {text-decoration: none; color: #000066}
a.birthsMenu:hover, a.birthsMenu:active, a.birthsMenuOn:link, a.birthsMenuOn:visited {text-decoration: none; color: #FFFF66}
a.linksMenu:hover, a.linksMenu:active, a.linksMenuOn:link, a.linksMenuOn:visited {text-decoration: none; color: #660000}

img.menu {vertical-align:middle; margin-right:5px}

#productChoices {float: left;}
#productDetails {float:right; margin-left:15px; margin-right:15px; margin-bottom:20px; margin-top:20px; width:410px;}
.moreProductsHeader {background:#333333; width:98%; margin-top:15px; margin-bottom:10px; padding-left:5px; padding-top:3px; padding-bottom:3px; color: #99cc66; font-size: 1.3em; font-weight:bold}

h1.productName {margin-bottom:2px}
.ProductImgs {float: left; margin-bottom:5px; width:300px; text-align:center; margin-top:0; vertical-align:middle} /* margin-right:10px;  */
.mainProductImg {height:210px; width:300px; text-align:center; vertical-align:middle} /* margin-right:10px;  */
.additionalProductThumbs {margin-top:0; margin-bottom:8px; margin-left:8px; margin-right: 8px}
.productThumbImageinGrid {display:block; text-align:center; vertical-align:middle; margin-bottom:6px; margin-left:auto; margin-right:auto; height:70px}
.productThumbsinGrid {border-top: solid 1px #333333; width:220px; margin-left:auto; margin-right:auto; vertical-align:bottom; font-size:0.9em}
.productPriceinGrid {float:right; width:85px; background: #99cc66; padding-top:6px; padding-bottom:6px; color: #FF0099; font-weight:bold; font-size:11pt; text-align:center}
.productInfoinGrid {float:left; width:130px; padding-top:3px}
a.productGridLink:link, a.productGridLink:visited {text-decoration:none; font-weight: bold}
a.productGridLink:hover {text-decoration:none; font-weight: bold; color: #99cc66;}

.addToBasketTextButton {border:none; background:#FFFFFF; color: #666666; font-weight:bold; padding:0}
.addToBasketImgButton {background: url(../img/basket1.jpg); background-repeat:no-repeat; width: 47px; height:31px; border:none;}
.resultMessage {color: #99CC66; font-weight:bold; text-align:center; padding:6px; width:500px; border: 1px solid #666666; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto}

.loginForm {float: left; text-align:center; background: #99CC66; padding:3px}
.regForm {float:right; text-align:center; margin-right:15px; background: #99CC66; padding:3px}

.searchByButton {margin-left:auto; margin-right:auto; text-align: center; margin-top:15px; margin-bottom:15px}
.searchByButtonBG {padding-top:7px; width:360px; height:36px; margin-left:auto; margin-right:auto; text-align: center; margin-top:4px; margin-bottom:4px; background: url(../img/blankbutton.jpg); background-repeat:no-repeat}
a.searchByButtonText:link, a.searchByButtonText:visited {text-decoration:none; color: #333333; font-size:11pt}
a.searchByButtonText:hover {text-decoration:none; color: #333333; font-weight:bold; font-size:11pt}

.productPriceDisplay {color: #FF0099; font-weight: bold; font-size:11pt}
table.styleImgs {width:360px; vertical-align:middle; text-align:center}
tr.styleRow1 {height:85px; vertical-align:middle;}
tr.styleRow {height:90px; vertical-align:middle;}
td.a1, td.a2, td.a3, td.a4{width: 90px; vertical-align:middle; text-align:center; background-repeat: no-repeat; background-position: 5px 0px}
td.b1, td.b2, td.b3, td.b4, td.c1, td.c2, td.c3, td.c4 {width: 90px; vertical-align:middle; text-align:center; background-repeat: no-repeat; background-position: 5px 5px}
td.a1 {background-image: url('../img/a1.jpg')}
td.a2 {background-image: url('../img/a2.jpg')}
td.a3 {background-image: url('../img/a3.jpg')}
td.a4 {background-image: url('../img/a4.jpg')}
td.b1 {background-image: url('../img/b1.jpg')}
td.b2 {background-image: url('../img/b2.jpg')}
td.b3 {background-image: url('../img/b3.jpg')}
td.b4 {background-image: url('../img/b4.jpg')}
td.c1 {background-image: url('../img/c1.jpg')}
td.c2 {background-image: url('../img/c2.jpg')}
td.c3 {background-image: url('../img/c3.jpg')}
td.c4 {background-image: url('../img/c4.jpg')}
td.d1 {background-image: url('../img/d1.jpg')}
td.d2 {background-image: url('../img/d2.jpg')}
td.d3 {background-image: url('../img/d3.jpg')}
td.d4 {background-image: url('../img/d4.jpg')}
td.hasImg {width: 90px; vertical-align:middle; text-align:center; background: #FFFFFF}

#pageLinkBack {font-size:9pt; margin-bottom:10px}
#pageLinkBack a {text-decoration: none}

h1.pageHeading, h1.pageHeadinghome, h2.sidebarHome {font-size:20px; color: #ffcccc}
h1.pageHeadingnews, h2.sidebarNews {font-size:20px; color: #99ccff}
h1.pageHeadingproducts, h1.pageHeadingbrands, h1.pageHeadingcategories, h1.pageHeadingstages, h1.pageHeadingfaqs, 
h1.pageHeadingbuyingtips, h1.pageHeadinggiftregistry, h2.sidebarProducts {font-size:20px; color: #99cc66}
h1.pageHeadingabout, h2.sidebarAbout {font-size:20px; color: #660066}
h1.pageHeadingcontact, h2.sidebarContact {font-size:20px; color: #000066}
h1.pageHeadinglinks, h2.sidebarLinks {font-size:20px; color: #660000}
h1.pageHeadingbirths, h2.sidebarBirths {font-size:20px; color: #FFFF66}

img.pageMainImage {float:left; width:250px; margin-right:15px}

table {width:98%; padding: 4px; margin-left: auto; margin-right: auto}
td {padding:3px; vertical-align: top; text-align:left}
table.login {padding: 3px; margin-left: auto; margin-right: auto; text-align:center; width:400px}
.rb {text-align: right; font-weight: bold}
.cb {text-align: center; font-weight: bold}
.r {text-align: right;}
.c {text-align: center;}
.spacer {height:8px;}
.centerbottom {text-align:center; vertical-align:bottom;}
td.brandLogos {text-align:center; vertical-align:middle; padding:0px; margin:0px; width: 122px; height:92px}
table.brandLogo {padding:0px; border: none; margin:0px; }
img.brandLogo {margin:2px; padding:0px}
.adminProductThumb {vertical-align:top; text-align: center}
a:link, a:visited {color:#333333; text-decoration: underline}
a:hover, a:active{color:#FFCCCC; text-decoration: underline}
a.editlink {color: blue; text-decoration: underline}

img.ImgLeftOfText {float: left; margin-right: 28px; margin-top: 8px; margin-bottom: 8px; vertical-align:top}
img.ImgRightOfText {float: right; margin-left: 8px; margin-top: 8px; margin-bottom: 8px; vertical-align:top}
#ImgTopLeftOfText {float: left; margin-top: 8px; margin-bottom: 10px; display: block}
#ImgTopRightOfText {float: right; margin-top: 8px; margin-bottom: 10px; display: block}
#ImgTopCenterOfText {text-align:center; margin-top: 8px; margin-bottom: 10px; display: block}

.brandNameIndex {font-weight:bold; font-size: 1.3em; color: #99CC66; margin-top: 20px; margin-bottom:0}
.brandIndexLetterBar {color:#FFFFFF; font-weight:bold; font-size:15px; background: #99CC66; text-align:center; padding-top:4px; padding-bottom:4px; margin-top:10px; margin-bottom:10px;}
a.brandIndexLetterBar:link, a.brandIndexLetterBar:visited {color:#FFFFFF;}
a.brandIndexLetterBar:hover, a.brandIndexLetterBar:active  {color:#99CC66;}

a.pageNumberLinks:link, a.pageNumberLinks:visited {text-decoration:none; color: #99cc66}
a.pageNumberLinks:hover, a.pageNumberLinks:active {text-decoration:underline; color: #99cc66}