/****************************************************************************************************/ /* Version 1: 13 Jan 2009 */ /* This style sheet should be included in all web sites and contains definitions for styles that are*/ /* unique to each web site. */ /****************************************************************************************************/ /* Style for standard table-less feedback form use like
*/ form.list ul{margin:0; padding:0;list-style:none} form.list li{margin:0.5em 0;list-style:none;clear:left} form.list label{margin-right:1%;width:35%; text-align:right;float:left;display:block;font-weight:normal} form.list li.check label{margin-right:0;width:auto;text-align:left;float:none;display:inline;margin-left:0.2em;font-weight:normal} form.list li.check span.specify{margin:0.3em} form.list li.check span{padding-left:35.5%;display:block } form.list li.check span.name{padding-left:0;width:35%;text-align:right;font-weight:bold} form.list li.submit input{margin-top:0.5em;margin-bottom:0em;margin-left:214px;text-transform:uppercase;background-color:#6B3031;color:#FFF;border:none; font-weight:bold} form.list li h2{margin-left:0.2em} form.list li h3{margin-left:0.2em} /* For block of check boxes. Use like
*/ form.list .checkcolumn{margin-bottom:0.5em;width:33%; float:left} form.list .checkcolumn label{margin-right:0;margin-left:0.2em;width:90%;text-align:left;float:none;display:inline;font-weight:normal} form.list .checkcolumn input{float:left} /* For form buttons not within table-less form */ form .submitbutton {text-transform:uppercase; background-color:#6B3031; color:#FFF; border:none; font-weight:bold} /*Crumbtrail*/ #breadcrumbs{margin-top:-5px;font-size:0.8em;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;padding-bottom: 1px;padding-top: 4px} #breadcrumbs a{text-decoration: none} /* Some general utility styles */ .clear{clear:both; height:1px; font-size:1px} hr.invisible{margin:0;color:#FFF;padding:0;clear:both;height:0px;border:1px solid #FFF} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .clearfix{display:inline-block} html[xmlns] .clearfix{display:block} * html .clearfix{height:1%} /* Header related styles */ #header1{margin:0;padding:0;height:121px;background-image: url(/images/common/bg_header.gif);background-repeat: no-repeat;background-position: right top} #header1 #leftpart {float:left} #header1 #leftpart #logo {margin:1em 0 1em 0} #header1 #rightpart {float:right} #header1 #rightpart #cart {margin: 10px 0 0 350px} #header1 #rightpart #cart #carticon {float:left} #header1 #rightpart #cart #cart-text {float:left;margin:15px 0 0 5px;color:#95484e} #header1 #rightpart #horiz-navigation {clear:left;height:32px;margin:20px 0 0 0} #header1 #rightpart #horiz-navigation #left-curve{float:left;height:32px;width:14px;background-image: url(/images/common/horiz-nav-left-curve.png);background-repeat: no-repeat;background-position: center center} #header1 #rightpart #horiz-navigation #mid-section {float:left;height:32px;background-image: url(/images/common/horiz-nav-mid-slice.png);background-repeat: repeat-x;background-position: left center} #header1 #rightpart #horiz-navigation #right-curve{float:left;height:32px;width:13px;background-image: url(/images/common/horiz-nav-right-curve.png);background-repeat: no-repeat;background-position: center center} #header1 #rightpart #horiz-navigation #mid-section ul{margin:6px auto 0;padding:0;text-align:center} #header1 #rightpart #horiz-navigation #mid-section ul li.first{} #header1 #rightpart #horiz-navigation #mid-section ul li.last{background:none} #header1 #rightpart #horiz-navigation #mid-section ul li{margin:0;padding:0 20px;display:inline} #header1 #rightpart #horiz-navigation #mid-section ul li a, #header1 #rightpart #horiz-navigation #mid-section ul li a:visited{margin:0;padding:0;font-size:1em;font-weight:normal;text-decoration:none;color:#95484e;font-family:Cambria,"Times New Roman", Times, serif} #header1 #rightpart #horiz-navigation #mid-section ul li a:hover{text-decoration:underline;color:#95484e;font-family: Cambria,"Times New Roman", Times, serif;font-weight: normal} #header2 {clear:left;margin:0 0 10px 0;height:26px} #header2 #account{float:left;height:26px;width:170px;background-color: #CEA2A5;color:#FFFFFF;text-align: center} #header2 #account #account-links{margin:6px 0 0 0} #header2 #account a, #header2 #account a:visited{text-align: center;padding:0;font-size:1.2em;font-weight:normal;text-decoration:none;color:#ffffff;font-family:Cambria,"Times New Roman", Times, serif} #header2 #account a:hover{text-decoration:underline;color:#ffffff;font-family: Cambria,"Times New Roman", Times, serif;font-weight: normal} #header2 #search{float:left;margin-left:5px;height:26px;width:785px;background-color: #EFD3D6} #header2 #search #go{border:none;margin-top:7px} #header2 #search #sch{width: 150px;border:none} #header2 #search #search-form{margin: 3px 0 0 5px} #header2 #search #go{margin: 3px 0 0 0} #header2 #search a, #header2 #search a:visited{float:right;margin:-17px 5px 0 0;text-decoration:none;font-size:1.2em;color:#95484e;font-family: Cambria,"Times New Roman", Times, serif} #header2 #search a:hover{text-decoration:underline;color:#95484e;font-family:Cambria,"Times New Roman", Times, serif;font-weight: normal} /* Left column related styles */ /* Note: leave float order as it is even though float right overides float left */ #leftColumn{float:right;float:right;position:relative} /* Left column 1st level navigation style */ #leftColumn .navigation1{margin:0;font-family:Cambria,"Times New Roman",Times,serif;background:#f6f6f6} #leftColumn .navigation1 ul{margin:0 0 0 0;padding:4px 0 2em 0;list-style-type:none} #leftColumn .navigation1 ul li{margin:0 4px 0 4px;padding:2px 0 1em 1em;background-image: url(/images/common/left-nav-list-bg.gif);background-repeat: no-repeat;background-position: center center} #leftColumn .navigation1 ul li a, #leftColumn .navigation1 ul li a:visited{padding:0;text-decoration:none;color:#92565b;vertical-align: top;font-weight:normal;font-size: 1.2em} #leftColumn .navigation1 ul li.onpage a, #leftColumn .navigation1 ul li a:hover {color:#CEA2A5} /* Right column related styles */ /* Note: leave float order as it is even though float right overides float left */ #rightColumn {margin:0 0 0 0;padding:0;float:right;float:right;position:relative;left:50%} /* Right column news or events headlines style */ #rightColumn .headlines{background-image: url(/images/common/news-bg.gif);background-repeat: no-repeat;background-position: center top} #rightColumn .headlines ul{margin:2em auto 0 auto;padding:0} #rightColumn .headlines ul li{margin:0 0 1em 0;padding:0 0 0 5px;list-style-type:none} #rightColumn .headlines ul li a, #rightColumn .headlines ul li a:visited{margin:0 0 0 0;padding:0;color:#6B3031;display:block;font-weight: normal;font-family: Arial, Helvetica, sans-serif;text-decoration: none} #rightColumn .headlines ul li a.first{margin:1.5em 0em 0em 1em} #rightColumn .headlines ul li a:hover{color:#6B3031;text-decoration: underline} #rightColumn .headlines ul li p {margin:0 0 0 0} #rightColumn .headlines p {margin:0 0 0 1.2em;padding:0;color:#000;font-size:1em;font-style: italic} #rightColumn .headlines p.more{padding:0 1em 1em 0;text-align:right} #rightColumn .headlines p.more a, #rightColumn .headlines p.more a:visited{color:#6B3031;text-decoration:none} #rightColumn .headlines p.more a:hover{text-decoration:underline} #rightColumn .headlines h2{margin:0;padding:5px 0 0 0;text-align:center;color:#92565b;font-size:1.5em;font-family:Cambria,"Times New Roman",Times,serif} #rightColumn #latestnews{overflow:visible} #rightColumn #joinmailinglist{margin-top:1em;height:93px;width:168px;background-image: url(/images/common/join-mailing.gif);background-repeat: no-repeat;background-position: center center;border: 1px solid #dcdcdc} #rightColumn #join-text {margin: 40px 0 0 60px;width:9em;border: 1px solid #CCCCCC} #rightColumn #join-button {margin: 0 0 0 110px;background:none; cursor:pointer; border:0; padding:0; font:normal 1.6em Cambria,"Times New Roman",Times,serif; color:#95484e} #content #home-banner{margin: -1px 0 1em 0;width:100%;height:277px;background:#E6BD7D url(/images/common/HomePageImage.jpg) 0 0 no-repeat;border: 1px solid #FFFFFF} #content #home-banner #home-banner-content {margin:80px 0 0 300px;padding:0 1em 1em 0;text-align: justify} #content #home-banner #home-banner-content ul {color:#FFFFFF} /* Footer related styles */ #footer1{padding:0;clear:both;width:100%;background-color:#fff;font-family:Cambria,"Times New Roman",Times,serif} #footer1 ul{margin-left:0;margin:0;text-align:center} #footer1 ul li{margin:0;padding-right:10px;padding-left:10px;display:inline;font-size:1.2em} #footer1 ul li.last{border:0 !important} #footer1 ul li a, #footer1 ul li a:visited{font-size:0.8em;font-weight:normal;text-decoration:none;color:#95484e} #footer1 ul li a:hover{text-decoration:underline;color:#C02130} #footer2{padding:5px 0;clear:both;width:100%} #footer2 p {font-size:0.8em;font-weight:normal;text-decoration:none; color:#95484e} #footer2 p a, #footer2 p a:visited{font-size:1em;font-weight:normal;text-decoration:none;color:#95484e} #footer2 p a:hover{text-decoration:underline;color:#95484e} /* Item listing styles */ div#itemlist{float:left} div#itemlist .rowseparator{overflow:hidden;clear:both;margin-bottom:15px} div#itemlist .item-element{float:left;width:142px;align:center;margin:0 7px 0px 7px} div#itemlist .item-element .item-pic{border-style:solid;width:142px;border-width: 1px 1px 1px 1px;border-color:#cecece;text-align:center;height:142px} div#itemlist .item-element .item-name{margin-top:5px;text-align:center;margin-left:auto;margin-right:auto} div#itemlist .item-element .item-name p {margin-bottom:2px} div#itemlist a, div#itemlist a:visited{font-size:1em;font-weight:bold;text-decoration:none;color:#6B3031} div#itemlist a:hover{font-size:1em;text-decoration:underline;color:#6B3031} /* Featured item listing styles */ div#featuredlist{margin: 2em 0 0 0} div#featuredlist h2 {color: #6B3031;font-size:1.5em} div#featuredlist p {font-size: 1.2em} div#featuredlist .rowseparator{overflow:hidden;clear:both;margin-bottom:15px} div#featuredlist .item-element{float:left;width:115px;margin:0 3px 0px 3px} div#featuredlist .item-element .item-pic{border-style:solid;width:115px;border-width: 1px 1px 1px 1px;border-color:#cecece;text-align:center;height:115px} div#featuredlist .item-element .item-name{margin:10px auto 0 auto;text-align:center} div#featuredlist .item-element .item-name p {font-size:1em;line-height:0.9em;margin-bottom:4px} div#featuredlist a, div#featuredlist a:visited{font-weight:bold;text-decoration:none;color:#6B3031} div#featuredlist a:hover{text-decoration:underline;color:#6B3031} /* Item detail styles */ div#item-detail {margin:1.5em 0 2em 0} div#item-detail #item-pic{margin:0;float:left} div#item-detail #item-pic p {text-align:center} div#item-detail #item-pic img {margin-right: 5px} div#item-detail #item-info {float:left;width:450px} div#item-detail #item-info #item-prices{margin:0 0 0 1em;float:left} div#item-detail #item-info #item-prices table{width:100%} div#item-detail #item-info #item-prices #item-button{text-align:right} div#item-detail #item-info #item-description{margin:0 0 0 1em;float:left;clear:none} /* STOCK STATUS styles */ .discontinued{color: #FFFFFF;background-color: #990000;padding: 0px 2px} .outofstock{color: #FFFFFF;background-color: #990000;padding: 0px 2px;font-weight: bold} .virtualstock{color: #FFFFFF;background-color: #339900;padding: 0px 2px;font-weight: bold} /******************************************************/ /* Precise pixel widths and paddings of the 3 columns */ /******************************************************/ /* outerWrapper set up here for fixed width of 960 pixels then overridden in html page for flexible width if needed */ #outerWrapper{margin:0 auto;padding:0;width:960px;min-width:960px;text-align:left} /* column container */ /* position:relative = this fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ /* width:100% = width of whole page */ /* overflow:hidden = This chops off any overhanging divs */ .colmask{position:relative;clear:both;float:left;width:100%;overflow:hidden} /* holy grail 3 column settings */ /* background = right column background colour */ .holygrail{background:#fff} /* background = centre column background colour */ .holygrail .colmid{float:left;width:200%;position:relative;right:100%;background:#fff} /* background = left column background colour */ .holygrail .colleft{margin-left:-50%;float:left;width:100%;position:relative;background-color: #fff} /* padding-bottom = centre column bottom padding. Leave it out if it's zero */ .holygrail .contentwrap{float:left;width:50%;position:relative;padding-bottom:0} #content{position:relative;left:200%;overflow:hidden;min-height:400px;height:auto} /* margin-left = width of right column including padding (0 + 170 + 0) */ .holygrail .colmid{margin-left:-170px} /* left = Left column width + right column width (0 + 170 + 0 + 0 + 170 + 0) */ .holygrail .colleft{left:340px} /* right = width of right column including padding (0 + 170 + 0) */ .holygrail .contentwrap{right:170px} /* Right margin = right column width + centre column right padding width (0 + 170 + 0 + 5) */ /* Left margin = left column width + centre column left padding width (0 + 170 + 0 + 5) */ #content{margin:0 175px 0 175px;padding:0} /* width = width of left column content (left column width minus left and right padding) */ /* right = Width of the left-hand side padding on the left column */ #leftColumn{width:170px;right:0} /* width = width of right column content (right column width minus left and right padding) */ /* margin-right = width of right column right-hand padding + left column left and right padding (0 + 0 + 0) */ #rightColumn{margin-right:0;width:170px}