﻿/*UNUSED
#fadeShadow {width:1000px; margin:0 auto; height:8px; background:#000 url(../images/shadow.gif) repeat-x;}
#fadeShadowBottom {width:1000px; height:296px; background:#000 url(../images/bottom.gif) no-repeat;}
#slideShowBody {float:left;}
*/

body { background-color:#000; margin:0; }

body, html {height:100.2%; }

#banner {width:1000px; margin:0 auto; height:150px;}
#logo {width:500px; height:150px; float:left;}
#menu-a {float:right; width:486px; height:80px; padding-top:26px; }
#menu-b {width:1000px; margin:0 auto;height:30px;}
#menu-c {width:600px; float:right;height:30px;}

.copyright { float:left; font:normal 65% verdana; color:#E0E0E0; line-height:30px;}

#footermenu {width:1000px; margin:0 auto;}

#bodyContainer {width:1000px; margin:0 auto; margin-top:0px;}
.homeSlideShowContainer {position:relative; padding:0; margin:0px; width:998px; height:348px; background:#000 url(../images/homeslide-background.jpg) no-repeat; border:solid 1px #f9ff5c;}

/*NEW STYLES*/

/*HEADINGS*/

.largeWhiteHeading {font:bold 105% verdana; color:#F9F9F9; margin-bottom:10px;margin-top:5px;}
.floatLeft {float:left;}
.largerWhiteHeading {font:bold 110% verdana; color:#F9F9F9; margin-bottom:10px; }

/*HOME*/
#bodyContainerHome {width:1000px; margin:0 auto; margin-top:0px;}
#bodyContainerHome .colLeftFull {width:465px; float:left;}
#bodyContainerHome .colRightFull  {width:515px; float:left;}

/*DIARY 2010*/
#bodyContainerDiary {width:1000px; margin:0 auto; margin-top:0px;}
#bodyContainerDiary .colLeftFull {width:450px; margin-right:15px; float:left;}
#bodyContainerDiary .colRightFull  {width:515px; float:left; }
#bodyContainerDiary .colRightFull ul {margin:35px 0px 0px 15px; list-style-type:square; padding:0;}
#bodyContainerDiary .colRightFull ul li {font:normal 80% verdana; color:#E0E0E0; }

/*DOWNLOADS*/
#bodyContainerDownloads {width:1000px; margin:0 auto; margin-top:0px;}
#bodyContainerDownloads .colLeftFull {width:450px; float:left;}
#bodyContainerDownloads .colRightFull  {width:505px; float:left; margin-left:15px;}
#bodyContainerDownloads .colRightFull ol {margin:15px 0px 0px 25px; padding:0;}
#bodyContainerDownloads .colRightFull ol li {font:normal 80% verdana; color:#E0E0E0; margin-bottom:10px; }
.clientRegistrationProblem {color:#f9ff5c;}

/*CART*/
.zodiacLink {font:normal 80% verdana; color:#f9ff5c; text-decoration:underline;}


.newsarticle {margin-top:20px; width:900px;}
#blackTeeBottom .newsarticle h2 {font:bold 90% verdana; color:#00aeef; margin-bottom:10px; }
             









.homeSlideShowContainerTest {position:relative; padding:0; margin:0px; width:1000px; height:350px; background:#000 url(../images/homeslide-background.jpg) no-repeat;}

.homeSlideShowContainerCorrect {position:relative; padding:0; margin:0px; width:1000px; height:350px; background:#000 url(../images/homeslide-background.jpg) no-repeat;border-top:solid 3px #444444;border-bottom:solid 3px #444444;}

.homeSlideShowContainerLeft {position:relative; padding:0; margin:0px; width:386px; height:348px; float:left;}
.homeSlideShowContainerLeft h2 {height:0; margin:0; padding:0;}
.homeSlideShowContainerLeft .slide {position:absolute;  top:0px; left:0px; width:386px; height:348px;}
.homeSlideShowContainerLeft .slide p {margin:0; padding:0px;}

.homeSlideShowContainerLeftTest {position:relative; padding:0; margin:0px; width:395px; height:310px; float:left; padding:40px 0px 0px 80px;}
.homeSlideShowContainerLeftTest h2 {height:0; margin:0; padding:0;}
.homeSlideShowContainerLeftTest .slide {position:absolute;  top:0px; left:0px; width:383px; height:348px;}
.homeSlideShowContainerLeftTest .slide p {margin:0; padding:0px;}

.homeSlideShowContainerRight {position:relative; padding:0; margin:0px; width:525px; height:350px; float:left;}
.homeSlideShowContainerRight h2 {height:0; margin:0; padding:0;}
.homeSlideShowContainerRight .slide { position:absolute; top:1px; left:0px; width:612px; height:348px;}
.homeSlideShowContainerRight .slide p {margin:0; padding:0px;}
.homeSlideShowContainerRight img {border:0;}

.homeSlideShowContainerRightTest {position:relative; padding:0; margin:0px; width:615px; height:350px; float:left;border:solid 1px #f9ff5c;}
.homeSlideShowContainerRightTest h2 {height:0; margin:0; padding:0;}
.homeSlideShowContainerRightTest .slide { position:absolute; top:0px; left:0px; width:615px; height:350px;}
.homeSlideShowContainerRightTest .slide p {margin:0; padding:0px;}
.homeSlideShowContainerRightTest img {border:0;}



/*.slide { position:absolute; top:0px; left:0px; width:1000px; height:350px;}*/
/*.slide p {margin:0; padding:0px;}*/

#blackTeeBottom {width:1000px; margin-top:20px; min-height:250px; background: url(../images/largeblacktee.png) no-repeat;}

.homeText {margin:0 auto; padding-top:10px; width:980px;}
.homeText h2 {font:bold 80% verdana; color:#E0E0E0; margin:10px 0px 20px 0px;}
.homeText p {margin:10px 0px 0px 0px;font:normal 80% verdana; color:#FEFEFE;}
.homeText p a {color:#f9ff5c; text-decoration:none;}
.homeTextConditions {margin:0 auto; padding-top:10px; width:990px;}
.homeTextConditions h2 {font:bold 80% verdana; color:#E0E0E0; margin:10px 0px 20px 0px;}
.homeTextConditions p {margin:10px 0px 0px 0px;font:normal 70% verdana; color:#FEFEFE;}
.homeTextConditions p a {color:#f9ff5c; text-decoration:none;}

.bottomHomeLink {width:360px; float:left; margin:0px 10px 0px 10px; display:block;}
.dairyImageLinkBlock {float:left; margin-right:20px;}
.diaryHomeTextBlock {float:left; width:995px;}
.productDiary p a {color:#f9ff5c; text-decoration:none;} 
.diaryHomeTextBlock p {font:normal 80% verdana; color:#FEFEFE;}
.diaryHomeTextBlock h1 {font:bold 110% verdana; color:#F9F9F9; margin-bottom:10px;margin-top:5px;}

/*ASP BUTTON STYLES*/
.forgottenDetailsLink {color:#f9ff5c; text-decoration:none;}

/*DOWNLOADS*/
.zodiacScreenSaverImages {position:relative; float:left; padding:0; margin:50px 0px 0px 10px; width:180px; height:195px;}
.zodiacScreenSaverImages h2 {height:0; margin:0; padding:0; width:0;}
.slidez {position:absolute; top:0px; left:0px;  width:280px; height:303px;}
.slidez p {margin:0; padding:0px;}

.zodiacScreenSaverImagesHome {position:relative; float:left; padding:0; margin:0px 0px 0px 0px; width:180px; height:195px;}
.zodiacScreenSaverImagesHome .slidez {position:absolute; top:0px; left:0px;  width:180px; height:195px;}
.zodiacScreenSaverImagesHome h2 {height:0; margin:0; padding:0; width:0;}

.downloadPanelh2 {font:bold 80% verdana; color:#E0E0E0; margin:0px 0px 20px 0px;}
.downloadPanel {width:400px; float:left;}

.regularp {font:normal 80% verdana; color:#E0E0E0; }
.regularp a {text-decoration:none;color:#f9ff5c;}

.freebiesTitle {font:bold 70% verdana; color:#E0E0E0; margin-top:10px; margin-bottom:5px;}
.downloadsListNumber {width:20px; font:normal 70% verdana; color:#E0E0E0; display:block; float:left;margin-left:5px;}
.downloadsListTitle {width:200px; font:normal 70% verdana; color:#E0E0E0; display:block; float:left;}
.downloadsListLink {width:200px; font:normal 70% verdana; color:#E0E0E0; display:block; float:left; text-decoration:none;}
.downloadsListLink:hover {color:yellow;}
.downloadsListLink a {text-decoration:none;color:#E0E0E0;}
.downloadsListLink a:hover {color:yellow;}
.competitionLineBreak {margin:0; padding:0;}

.disabledLinkButton {color:yellow;font:normal 70% verdana; cursor:text;}

/*VARIOUS*/

.blacktee {color:#fff;}
.pBreak {margin:0; padding:0; height:25px; clear:both;}
.pBreakzero {margin:0; padding:0; height:0px; clear:both;}

/*COMMERCE*/
/*DIARY*/
.productDiary {width:1000px; float:left; margin:15px 0px 0px 10px; display:block;}
.productTitle {font:bold 80% verdana; color:#E0E0E0; margin-top:0px; margin-bottom:5px;}
.productCentreText {float:left; width:300px; float:left; margin:0px 20px 0px 10px;}
.productRightText {float:left; width:500px; float:left; margin:15px 0px 0px 10px;}


.productLeft {width:530px; float:left; margin:15px 0px 0px 10px; display:block;}
.productLeft h2 {font:bold 80% verdana; color:#E0E0E0; margin-top:0px; margin-bottom:5px;}
.productLeftAstroBlock {width:290px; float:left; margin:15px 30px 0px 10px; display:block;}
.productLeftAstroBlock h2 {font:bold 80% verdana; color:#E0E0E0; margin-top:0px; margin-bottom:0px;}
.productFullWidthAstroBlock {width:1000px; float:left; margin:15px 0px 0px 0px; display:block;}
.productFullWidthAstroBlock h2 {font:bold 80% verdana; color:#E0E0E0; margin-top:0px; margin-bottom:0px;}

.productImages {width:250px; float:left; margin-top:10px; margin-right:10px;}
.productDescription {width:260px; float:left; margin-top:10px; line-height:25px;}
.productDescLabel {float:left; font:normal 80% verdana; color:#E0E0E0;line-height:20px;}
.productButtonHolder {float:left; width:110px;}
.txtQuantity {float:left; width:30px; margin-left:10px; font:normal 80% verdana; color:#000;}
.addToCartButton {background:transparent url(../images/addToCart.gif) no-repeat; margin-left:10px;border-width:0; width:49px; height:19px; margin-bottom:30px; cursor:pointer;}

.productDescriptionRightList {float:left; padding:0; margin:0px; width:400px; height:261px; margin-top:15px; background-color:Red;}

.productDivider {width:990px; height:1px; background-color:#555555; margin:15px 0px 10px 0px; clear:both; margin:0 auto; margin-top:25px; margin-bottom:10px; display:block;}
.FooterDivider {width:1000px; height:10px; border-top:solid 1px #555555; background-color:black; clear:both; margin:0 auto;}
.prodDescriptionText {font:normal 80% verdana; color:#E0E0E0; clear:both; margin:10px 0px 10px 0px;}

.cart {clear:both; margin-left:10px;}
.cart h2 {font:bold 80% verdana; color:#E0E0E0; margin-bottom:0;}
.cartHeader {float: left; width: 80px; color: #fff; font: bold 75% verdana;}
.cartHeaderLong {float: left; width: 220px; color: #fff; font: bold 75% verdana;}
.cartItem {float: left; width: 80px; color: #C0C0C0; font: bold 75% verdana; line-height:20px;}
.cartItemLong {float: left; width: 220px; color: #C0C0C0; font: bold 75% verdana;line-height:20px;}
.txtQuantityCartSummary {float:left; width:30px; font:normal 90% verdana; color:#000;}
.cartNoItems {float: left; width: 400px; color: #C0C0C0; font: bold 75% verdana;line-height:20px;}
.crtUpdate { float:left; margin:0px 5px 0px 0px; background:transparent url(../images/crt-update.gif); border-width:0; width:123px; height:23px; cursor:pointer;}
.crtBack { float:left; margin:0px 5px 0px 0px; background:transparent url(../images/crt-back.gif); border-width:0; width:123px; height:23px; cursor:pointer;}
.crtCheckout { float:left; margin:0px 0px 0px 0px; background:transparent url(../images/crt-checkout.gif); border-width:0; width:123px; height:23px; cursor:pointer;}

.checkoutLogin {width:530px; float:left; margin:15px 0px 0px 0px; display:block;}
.checkoutLogin h2 {font:bold 80% verdana; color:#E0E0E0; margin-bottom:0;}

.crtPlaceOrder { float:left; margin:0px 0px 0px 0px; background:transparent url(../images/placeorder.gif); border-width:0; width:182px; height:39px; cursor:pointer;}

/* FORMS */
div.row { clear: both; padding-top: 2px; padding-bottom:2px; }

.labela { float: left; width: 120px; text-align: left; color: #fff; font: normal 75% verdana; line-height: 25px; }
.txtTexta {font: normal 75% verdana; width: 218px; background-color: #FCFCFC; border: solid 1px #A0A0A0; color: #342e2d; padding:3px; text-transform:capitalize; }
.txtMultiTexta {font: normal 65% verdana; width: 218px; background-color: #FCFCFC; border: solid 1px #A0A0A0; color: #342e2d; padding:3px; height:65px; }
.txtTextEmail {font: normal 75% verdana; width: 218px; background-color: #FCFCFC; border: solid 1px #A0A0A0; color: #342e2d; padding:3px; text-transform:lowercase; }
.ddlTexta {width: 225px; background-color: #FCFCFC; color: #342e2d; border: solid 1px #553b2a; overflow: hidden; font: normal 75% verdana;}
.txtPassword {font: normal 75% verdana; width: 180px; background-color: #FCFCFC; border: solid 1px #A0A0A0; color: #342e2d; padding:3px; }
.SubmitButton { margin-top:10px; background:transparent url(../images/submit.gif); border-width:0; width:123px; height:23px; cursor:pointer;}

.validationControl {font: normal 75% verdana;}
.validationControlIndent {font: normal 75% verdana; margin-left:-3px;}
.validationSummary {font: normal 75% verdana; margin:25px 0px 0px 0px;}

.validationSummaryAccountConfirmation {font: normal 75% verdana; float:left;margin:5px 0px 0px 20px;}
.validationSummaryAccountConfirmation ul {margin:5px 0px 0px 18px;}
.validationSummaryAccountConfirmation ul li {padding-left:0px;}
.passwordMatchError {font: normal 75% verdana; float:left;margin:5px 0px 0px 0px;color:orange;}
.resetEmailError {font: normal 75% verdana; float:left;margin:10px 0px 0px 0px;color:orange;}


/* CLIENT AREA */
.orderWrapper {width:500px;}
.orderWrapper img { cursor:pointer;} 
.orderHeader {margin-left:5px; font: normal 70% verdana; color:#fff;}
.aLink { float:left;}
.orderNumberTitle {float:left; margin-left:10px;}
.orderNumber {width:100px;float:left;}
.orderDivider {margin:0px 5px 0px 5px; color:Yellow; float:left;}
.orderDividerLarge {margin:0px 15px 0px 15px; color:Yellow; float:left;}
.totVal {width:70px; float:left;}
.clientAreaproductDescription {margin-left:25px; width:260px; float:left; font:normal 70% verdana; color:#fff;}
.clientAreaproductQuantity {width:40px; float:left;font:normal 70% verdana; color:#fff;}
.clientAreaproductPrice {width:40px; float:left; font:normal 70% verdana; color:#fff;}

/*MENU A*/
#menu-a ul {padding:0; list-style-type:none; margin:0; width:486px;}
#menu-a li {float:right; margin-left:15px;}
#menu-a li a {display:block; width:75px; height:0; padding-top:33px; overflow:hidden; }
#menu-a li ul li {display:block; width:75px; height:33px; padding-top:5px; margin-left: 0px; overflow:hidden;}
#menu-a a#item1 {background:transparent url(../images/menu-a-signin.gif) no-repeat; width:75px;}

#menu-a a#item2 {background:transparent url(../images/menu-a-account.gif) no-repeat; width:82px;}
#menu-a a#item2hidden {display:none;}
#menu-a a#item3 {background:transparent url(../images/menu-a-contact.gif) no-repeat; width:75px;}
#menu-a a#item4 {background:transparent url(../images/menu-a-basket.gif) no-repeat; width:75px;}
#menu-a a#item5 {background:transparent url(../images/menu-a-signout.gif) no-repeat; width:80px;}


#menu-a a#item1:hover {background-position:-95px 0px;}
#menu-a a#item2:hover {background-position:-95px 0px;}
#menu-a a#item3:hover {background-position:-95px 0px;}
#menu-a a#item4:hover {background-position:-95px 0px;}
#menu-a a#item5:hover {background-position:-95px 0px;}

/*MENU B*/
#menu-b ul {padding:0; list-style-type:none; float:right; margin-top:0px;}
#menu-b li {float:left; margin-left:30px;}
#menu-b li a {display:block; font:bold 80% verdana; text-decoration:none; color:#fff;}
#menu-b li a:hover {color:#f9ff5c;}
#menu-b li a.active {color:#f9ff5c;}

/*MENU C*/
#menu-c ul {padding:0; list-style-type:none; margin:0; width:600px;}
#menu-c li {float:right; margin-left:15px;}
#menu-c li a {display:block; width:75px; height:0; padding-top:33px; overflow:hidden; }
#menu-c li ul li {display:block; width:75px; height:33px; padding-top:5px; margin-left: 0px; overflow:hidden;}
#menu-c a#itemc4 {background:transparent url(../images/tandcs.gif) no-repeat; width:161px;}
#menu-c a#itemc3 {background:transparent url(../images/delivery.gif) no-repeat; width:92px;}
#menu-c a#itemc2 {background:transparent url(../images/contactus.gif) no-repeat; width:104px;}
#menu-c a#itemc1 {background:transparent url(../images/returns.gif) no-repeat; width:90px;}


#menu-c a#itemc4:hover {background-position:-161px 0px;}
#menu-c a#itemc3:hover {background-position:-92px 0px;}
#menu-c a#itemc2:hover {background-position:-104px 0px;}
#menu-c a#itemc1:hover {background-position:-90px 0px;}


