* { font-family: Tahoma, Arial, Helvetica; } /* body { font-size: 80%; } */ body { font-size: 80%; /* text-align: center; */ background-color:Silver; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; text-align: center; height:100% } /* Center the contents of the using a margin of auto */ /* body { margin: 0 auto 0 auto; padding: 0; color: #000000; text-align: center; } */ /* Size and positioning of the main page layout */ /* The Main div of the page that holds the entire contents. User to size and center the page */ #PageWrapper { /* background-color: #6699ff; */ /* background-color: #EFF786; */ background-image: url(../Images/SwearToBuddhaBackground.jpg); background-repeat:repeat; /* background-color: #3333ff; */ width: 900px; /* height: 1500px; */ text-align: left; /* border: 1px solid #6699ff; */ border-top: none; /* margin:0 auto; */ /* padding: 0 0px 0px -10px; */ padding: 0 0px 0px 0px; } #PageEmailFriendBody { background-color: #EFF786; } #PageWrapperEmailFriend { /* background-color: #6699ff; */ background-color: #EFF786; /* background-color: #3333ff; */ width: 480px; height: 350px; text-align: left; /*border: 1px solid #6699ff; */ border-top: none; } /* Menu bar, right below the logo. Fixed width and padding, fixed for IE 5.x */ #Menu { /* background-color:#21172D; */ /* background-color:#4DEFEF; */ background-color:Transparent; height: 30px; /* padding-left: 20px; */ padding-right: 0px; width: 900px; /* Box Model Hack. Width below is the correct width, but IE 5/5.5 will use the earlier width */ voice-family: "\"}\""; voice-family:inherit; Font:Algerian; } #HeaderFinal { /* background-image: url(C:/websites/WebShop/Images/SwearToBuddhaHeader.jpg); */ background-image: url(../Images/SwearToBuddhaHeaderMain.jpg); background-repeat:no-repeat; height: 290px; width: 900px; } /* Background of the Logo area */ #Header { /* background-color:Navy; */ /* background-color:#967AB1; */ /* background-image:"Images/SwearToBuddhaHeader.jpg"; */ } /**************************/ /*#threeCollayout #primaryContent { float: left; display: inline; width: 520px; margin: 0 0 20px 195px; background-color: #6699ff; } #secondaryContent{ float: left; display: inline; width: 170px; margin: 0 0 20px 15px; } #sideContent{ float:left; display: inline; width: 180px; margin: 0 0 20px -900px; /* background-color: #009900; */ /* background-image: url(images/bg_2.gif); border-top: 2px solid #fdea12; border-bottom: 2px solid #a83930; */ /* background-color : #3333ff; } #sideContent h3 { font-weight: bold; padding-bottom: 0.5em; border-bottom: 1px dashed #fdea12; color: #fdea12; } /******************************/ #twoCollayout #primaryContent { float: left; display: inline; width: 705px; margin: 0 0 0px 195px; /* background-color: #6699ff; */ /* background-color: #EFF786; */ } #threeCollayout #primaryContent { float: left; display: inline; width: 345px; margin: 0 0 0px 195px; /* background-color: #6699ff; */ /* background-color: #EFF786; */ } #secondaryContent{ float: left; display: inline; width: 345px; margin: 0 0 0px 15px; /* background-color: #6699ff; */ /* background-color: #EFF786; */ /* height: 450px; */ } /*#secondaryContent{ float: left; display: inline; width: 170px; margin: 0 0 20px 15px; } */ #sideContent { float: left; display: inline; width: 180px; margin: 0 0 0px -900px; /* background-color: #009900; */ /* background-image: url(images/bg_2.gif); border-top: 2px solid #fdea12; border-bottom: 2px solid #a83930; */ /* background-color: #3333ff; */ /* height: 600px; */ } #sideContent #nav { margin-left: 15px; margin-right: 15px; } #sideContent #nav2 { margin-left: 15px; margin-right: 15px; } #nav { } #nav li { display: inline; /* for IE5 and IE6 */ } #nav ul { margin-left: 0; padding-left: 0; list-style-type: none; } #nav a:link, #nav a:visited { display: block; width: 99.99%; /* for IE5 */ /* color: #fdea12; */ color: #2B70E0; text-decoration: none; padding: 0.25em 0.5em 0.25em 0.5em; font-weight: bolder; font-family: 'Book Antiqua'; /* font-family: 'Algerian'; */ letter-spacing: 2px; } #nav a:hover { text-decoration: none; /* color: #a83930; */ color: navy; background-color: #fdea12; } #sideContent #nav { margin-left: 15px; margin-right: 15px; } #nav2 { } #nav2 li { display: inline; /* for IE5 and IE6 */ } #nav2 ul { margin-left: 0; padding-left: 0; list-style-type: none; } #nav2 a:link, #nav2 a:visited { display: block; width: 99.99%; /* for IE5 */ /* color: #fdea12; */ color: #2B70E0; text-decoration: none; padding: 0.25em 0.5em 0.25em 0.5em; font-weight: bolder; font-family: 'Book Antiqua'; /* font-family: 'Algerian'; */ letter-spacing: 2px; } #nav2 a:hover { text-decoration: none; /* color: #a83930; */ color: navy; background-color: #fdea12; } .dynamicMenu { background-color:#a83930; border-color: #fdea12; border-style: solid; border-width: 1px; } .dynamicMenuItem { background-color: #a83930; border-color: #fdea12; border-style: solid; border-width: 1px; } #sideContent h3 { font-weight: bold; padding-bottom: 0.5em; border-bottom: 1px dashed #fdea12; color: #fdea12; } #homepageDescription h2 { color:Black; font-size:11pt; font-family:Times New Roman; padding-left:10px; } #homepagePreview h1 { color:Green; font-size:15pt; font-family:Times New Roman; font-style:italic; padding-left:30px; } #TShirtTitle h1 { color:Green; font-size:20pt; font-family:Times New Roman; font-style:italic; padding-left:30px; } #storeItemDescription h1 { color:Green; font-size:10pt; font-family:Times New Roman; font-style:italic; } #TShirtDetails h1 { color:Green; font-size:12pt; font-family:Times New Roman; font-style:italic; } #homepageWebVision h1 { color:Green; font-size:15pt; font-family:Times New Roman; font-style:italic; padding-left:50px; } #homepageWebVisionDisplay h1 { margin-left:30px; color:Green; font-size:15pt; font-family:Times New Roman; font-style:italic; padding-left:20px; } #WebVisionViewTitle h1 { margin-left:30px; color:Green; font-size:15pt; font-family:Times New Roman; font-style:italic; } #ProductTitle h1 { margin-left:30px; color:Green; font-size:15pt; font-family:Times New Roman; font-style:italic; } #OtherTShirtDesigns h1 { margin-left:30px; color:Green; font-size:15pt; font-family:Times New Roman; font-style:italic; } #BigHappyBuddhaMediaTitle h1 { padding-top:10px; color:Green; font-size:15pt; font-family:Times New Roman; font-style:italic; } #FooterSlogan h1 { margin-left:30px; margin-right:15px; color:Green; font-size:12pt; font-family:Times New Roman; font-style:italic; } /******************************/ /* The Main content section of the page */ /* #Content { padding: 10px 20px; } */ /* Small footer that appears at the bottom of every page. Holds the copyright notice */ #Footer { width: 900px; /* width: 100%; */ text-align: center; font-size: 0.9em; font-weight: bold; color: Gray; text-decoration: none; margin-top: 20px; /* margin-top: 2230px; */ height: 40px; background-image: url(../Images/FooterBackground.jpg); background-repeat:repeat; /* background-color: Navy; background-repeat:repeat; */ /* padding-left: 10px; padding-right: 10px; */ /* margin-left: 210px; */ /* padding: 0 0 1.8em 10px; */ /* border-top: 1px solid #a83930; */ /* clear: both; * /*vertical-align:text-bottom; */ /*vertical-align: middle; */ } #Footer a { text-decoration:underline; color: Gray; } /* Color of all links */ a, a:link, a:visited, a:active { color: #000; font-weight: bold; text-decoration: none; } /* underline lins when hovered over */ a:hover { text-decoration: underline; } #Menu, #Menu a { color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; } #Menu .Separator { font-size: 18px; } #Menu .Text { font-size: 14px; } img { border: none; } p { margin-top: 0; } h1, h2, h3 { margin: 0; margin-bottom: 2px; } h1 { font-size: 16px; } h2 { font-size: 15px; /* color: #de4d52; */ color: Blue } h3 { font-size: 13px; } .ShoppingCartFooter { font-weight: bold; } .SelectedCategory { font-weight: bold; } .Label { font-weight: bold; } /*********************************************************************/ /* cbSide controls non-rounded boxes in the thinner left column, known as sideContent */ .cbSide { width:160px; margin: 5px 0 0 10px; padding: 10px 0 5px 0; /* background: #FFF; */ background: #E4E4E4; } .cbSideMenu { width:135px; margin: 5px 0 0 10px; padding: 10px 0 5px 0; /* background: #FFF; */ background: #E4E4E4; } .cbSide p { margin: 0; padding: 0 5px 2px 5px; font-size: 90%; color: #666; } /* box is the shaded area that holds a rounded corner box or flat box, fitting the given width of the column it is in. Usually combined with another class to control inner elements, eg box default */ .box { margin: 15px 0 0 0; padding: 5px 0 5px 0; background:url(../Images/boxback.gif); } /* Styling of the boxes if there is no JavaScript support */ .cbb { margin: 10px 10px 0 10px; /* background: #FFF; */ background: #E4E4E4; padding: 5px 0 5px 0; line-height: 170%; } /* paragraph styles for any main boxes */ .cbb p, .cb p { margin: 0; padding: 0 5px 5px 50px; color: #333; } #homepage .box .cbb h1, #homepage .box .cb h1 { color:Green; font-size:medium; font-family:Times New Roman; font-style:italic; } /* Insert the custom corners and borders for browsers with sufficient JavaScript support */ .cb { margin: 0.5em 0; line-height: 170%; } /* Rules for the top corners and border */ .bt { background:url(../Images/box.png) no-repeat 100% 0 !important; background:url(../Images/box.gif) no-repeat 100% 0; margin:0 0 0 17.0px; height:27px; } .bt div { height:27px; width:18px; position:relative; left:-18px; background:url(../Images/box.png) no-repeat 0 0 !important; background:url(../Images/box.gif) no-repeat 0 0; } /* Rules for the bottom corners and border */ .bb { background:url(../Images/box.png) no-repeat 100% 100% !important; background:url(../Images/box.gif) no-repeat 100% 100%; margin:0 0 0 11px; height:-1px; } .bb div { height:14px; width:12px; position:relative; left:-12px; background:url(../Images/box.png) no-repeat 0 97% !important; background:url(../Images/box.gif) no-repeat 0 100%; } /* Insert the left border */ .i1 { padding: 0 0 0 12px; background:url(../Images/borders.png) repeat-y 0 0 !important; background:url(../Images/borders.gif) repeat-y 0 0; } /* Insert the right border */ .i2 { padding: 0 12px 0 0; background:url(../Images/borders.png) repeat-y 100% 0 !important; background:url(../Images/borders.gif) repeat-y 100% 0; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .i3 { /* background:#FFF; */ background:#E4E4E4; /*border: 1px solid #FFF; */ border: 1px solid #E4E4E4; border-width:1px 0; padding:0 5px; } /* CSS for the box ends here */ /* date and posted control the small text info in article blurbs */ .date { font-size: 85%; font-weight: bold; color: #666; } .posted { display: block; margin: -5px 0 0 50px; padding: 0 0 10px 0; font-weight: bold; color: #666; } .postedUnderline { display: block; margin: 0 5px 5px 50px; padding: 0 0 5px 0; font-weight: bold; color: #666; border-bottom: 1px solid #999; } address { margin-left: 50px; } /* erm, the footer */ /* #footer{ clear:both; width: 750px; height: 85px; background: transparent url(../Images/footer.gif); padding: 0px; } #footer p { margin: 10px 10px 0 0; padding: 50px 4px 4px 0; font-weight: bold; } #footer a:link, #footer a:visited { color: #D7D493; } #footer a:hover { color: #000; background: #D7D493; } */ /* image control. First we define stuff common to ALL images on the page. It is then up to other styles to override these. By default, all images will have a 2px border, and bottom and right margins of 5px. They will all float left. */ img { float: left; margin: 0px 0 2px 5px; border: 2px solid #C5BDBD; } /* For any images in the default boxes - the pencil icons - I don't want the 2px border. So I set border to 0 */ .default img { border: 0; } /* For these larger images, I don't want them to float, for that causes the h3 above to be pushed to the right. I also declare a top margin to space the header and image apart, and also increase the border width slightly. We also set it to display:block so that if body id is twoColLayout, the image will force the header and other bits to wrap around it */ .mainImage { display: block; float: none; margin-top: 4px; border: 3px solid #C5BDBD; } /* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */ .img-wrapper { margin: 20px 40px 0 0; background: url(../Images/shadow.gif) no-repeat bottom right; float:left; line-height:0; } .img-wrapper img { float:none; margin:0; background:#fff; /* background: #E4E3E8; */ padding:4px; border:1px solid #C5BDBD; /* border:1px solid #E4E3E8; */ position:relative; left:-5px; top:-5px; } /* used to ensure all our floated thumbnails stay the right width away from the left side of the box */ .thumbnails { margin: 0 0 20px 50px; } /* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */ .spacer { clear: both; } /* CSS for the ticked off links. Note, I am not ordering things in the LVHA way, as I prefer the visited tick to work above the arrow once visited. */ .cbSide ul { list-style-type: none; margin-top: 0px; margin-left: 0; margin-bottom: 0; padding: 3px; } .cbSide li a:link { color:#333; line-height:150%; text-decoration:none; display:block; width:154px; border-bottom: 1px solid #EDEAEB; background: #FFF url(../Images/ticks.gif); } .cbSide li a:active { color:#333; line-height:150%; text-decoration:none; display:block; width:154px; border-bottom: 1px solid #EDEAEB; background: #FFF url(../Images/ticks.gif); } .cbSide li a:hover { color:#990000; line-height:150%; display:block; width:154px; border-bottom: 1px solid #EDEAEB; background: #FFF url(../Images/ticks.gif) 0px -20px; text-decoration:none; } .cbSide li a:visited { color: #999; text-decoration:none; line-height:150%; display:block; width:154px; border-bottom: 1px solid #EDEAEB; background: #FFF url(../Images/ticks.gif); background-position: 0 -40px; }