/* -------------------------- document colours --------------------------- pink #F07E99 brown #3B1115 cream #FFF5DE blue #C6E5E8 --------------------------- */ body { font-family: Geneva, Arial, Helvetica, Sans-Serif; background-color: #FFF5DE; padding: 0px; margin: 0px; line-height:24px; background-attachment: scroll; background-image: url('bodystrip.jpg'); background-repeat: repeat-x; font-size: 1em; color:#663300; } ul, li { padding:0px; margin:0px; } img { behavior: url("pngbehavior.htc"); } a { padding: 0px; margin: 0px; } h1, h2, h3, h4 { font-family: Georgia, Times New Roman, Times, serif; } table, td, th, form { margin: 0px; padding: 0px; } h1 { font-size: 1.2em; margin: 0px; padding-top: 3px; padding-bottom: 3px; color:#F07E99; } h2 { font-size: 1em; margin: 0px; padding: 3px 0px 3px 20px; color:#3B1115; background-image:url('h2heart.gif'); background-attachment: scroll; background-repeat: no-repeat; background-position: left center;		 } h3 { font-size: 1em; color:#660000; margin: 0px; padding-top: 3px; padding-bottom: 0px; font-weight: lighter; } .product a { font-size: 1.8em; margin: 0px; padding: 3px 0px 3px 20px; color:#3B1115; background-image:url('h2heart.gif'); background-attachment: scroll; background-repeat: no-repeat; background-position: left center;		 } h4 { font-size: 1em; font-style: italic; color: #FFF5DE; text-decoration: none; margin: 0px; padding: 5px 0px; } /* --------------------------- layout divs index page --------------------------- */ #maincontent_left { float: left; text-align:left; width: 580px; margin: 0px; padding: 10px; } #maincontent_left a { color:#CC0066; } #maincontent_left a:hover { background-color:#F2DFD0; } #maincontent_left p { margin-bottom: 25px; } .actpicborder { padding:8px; margin: 5px; border: 1px solid #990000; } /* --------------------------- layout divs --------------------------- */ #outer-container { padding: 0px; margin: auto; width: 760px; background-color: transparent; } #header { padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 760px; height:280px; text-align: center; } #branding { margin:0px; padding:0px; width:760px; } #wrapper { width: 760px; margin: auto; padding: 0px; } #maincontent { float: left; text-align:left; width: 530px; margin: 0px; padding: 10px; } #maincontent a { color:#CC0066; } #maincontent a:hover { background-color:#F2DFD0; } /* ------------------------------ search ------------------------------- */ #search{ height: 29px; padding: 0px; margin: 0px; width:700px; float: right; text-align:right; color: #C5E1E3; text-decoration: none; font-size: 0.8em; } /*#search form img{ padding:0px; margin: 10px; top: -5px; }*/ #search input { /*border: 1px dotted #CCFF33; margin-top: 5px;*/ padding: 0px; vertical-align: middle; margin: 0px; /*height: 29px;	*/ } /*#search { height: 29px; padding: 0px; margin: 0px; width:700px; float: right; text-align:right; color: #C5E1E3; text-decoration: none; font-size: 0.8em; } #search img { vertical-align: bottom; padding-top: 5px; }*/ /* ----------------------------------------------- Actinic Template Only Lower section ----------------------------------------------- */ #lowercontainer1_actinic { text-align: center; width: 100%; height: 48px; margin: 0px; padding: 0px; background-attachment: scroll; background-repeat: repeat-x; background-image:url('pinkstrip_48.jpg'); background-position: bottom; background-color:#3B1115; clear:both; } #secondarycontent_actinic { width: 760px; height: 28px; margin: 0px auto; padding: 10px 5px; text-align: center; } /* ----------------------------------------------- Lower section ----------------------------------------------- */ #lowercontainer1 { text-align: center; width: 100%; height: 96px; margin: 0px; padding: 0px; background-attachment: scroll; background-repeat: repeat-x; background-image:url('pinkstrip.jpg'); background-position: bottom; background-color:#3B1115; clear:both; } #lowercontainer2 { width: 100%; height: 240px; margin: 0px; padding: 0px; background-attachment: scroll; background-repeat: repeat-x; background-image:url('footerstrip.gif'); background-position: bottom; background-color:#3B1115; } #secondarycontent { width: 760px; height: 76px; margin: 0px auto; padding: 10px 5px; text-align: left; } #siteinfo { height: 150px; width: 740px; margin: 0px auto; padding: 10px; } /* --------------------------- Navigation lists --------------------------- */ #topnav { margin:0px; padding: 0px 0px 0px; width: 760px; height: 39px; text-align: center; } #topnav img { vertical-align: middle; } #topnav ul { padding: 0px; margin:0px; } #topnav li { list-style: none; display: inline; padding: 0px; margin:0px; } #topnav a { padding: 16px 8px 13px; font-size: 14px; text-decoration: none; color: #3B1115;	 } #topnav a:hover { background-color:#F07E99; } /* --------------------------- Main Top Navigation --------------------------- */ #mainnav { padding: 0px; margin: 0px; } #mainnav ul { padding: 0px 0px 17px; margin:0px; } #mainnav li { list-style: none; display: inline; padding-right: 3px; padding-left: 3px; } #mainnav a { margin:0px; padding: 0px; } #mainnav a:hover { border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: #F27394; } /* --------------------------- Side Navigation --------------------------- */ #sidenav { font-family: Georgia, Times New Roman, Times, serif; padding: 0px; margin: 0px; width: 150px; float: right; border-left-width: 1px; border-left-style: dotted; border-left-color:#D9BC90; color: inherit; } #sidenav ul { padding: 10px; margin:0px; } #sidenav li { list-style: none; font-size: 16px; text-align: center; margin: 0px; padding: 0px; } #sidenav a { margin: 0px; color: #ED7A96; /*padding: 5px 0px 0px 0px;*/ padding: 5px 0px; text-decoration: none; display: block; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #F27394; } #sidenav a:hover { background-color:#FFCCCC } /* --------------------------- Site Info Navigation  --------------------------- */ #signup { float: left; width: 249px; padding:0px; margin:0px; } #signup p { margin: 0px; padding-top: 5px; padding-bottom: 5px; } /* --------------------------- */ #resources { width: 250px; float: left; padding: 0px; } #resources  img{ vertical-align: middle; } #resources ul { margin:0px; padding:0px;	 } #resources li { list-style-type: none; padding: 5px 5px 5px 15px; } #resources a { font-family: Georgia, Times New Roman, Times, serif; font-size: 0.9em; color: #FFF5DE; text-decoration: none; padding-left: 15px; } #resources a:hover { color:#FF6699 } /* --------------------------- */ #secondarycontent ul { padding:0px; margin:0px; } #secondarycontent li { list-style: none; display: inline; background-image: url('heart_bullet.gif'); background-repeat: no-repeat; background-position: left 6px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; margin-top: 8px; } #secondarycontent a { margin: 0px; color: #FFF5DE; text-decoration: none; font-size: .8em; } #secondarycontent a:hover { color:#660000; } #contactinfo { width: 239px; float: left; padding: 5px 0px; text-align: center; font-size: 10px; color: #F17C97; line-height:14px; } /*  --------------------------- Bottom site navigation --------------------------- */ #lowernav { font-size: 10px; color: #66CCCC; margin: 0px; padding: 12px 2px 2px; text-align: center; line-height: 16px; border-top-width: 1px; border-top-style: solid; border-top-color: #F17C97; } #lowernav li { display: inline; list-style: none; padding:0px 3px; } #lowernav a { color:#FFCCCC; } #lowernav a:hover { color:#D8D8D8 } /* -------------------------- Styles -------------------------- */ .logo { padding:3px; margin:0px; } .smallquote { padding:0px; margin:0px; font-family: Georgia, Times New Roman, Times, serif; font-size: 0.8em; color: #F28DA5; } .icons { padding:0px 6px 0px 4px; margin:0px; border: 0px; } .left_img { float:left; padding:5px; margin:0 10px; background-color:#FFD3D3; border: 1px; border-style: solid; border-width:2px; border-color:#F07E99; } .left_img_borderless { float:left; padding:2px; } .index_feature { font-size:0.9em; } .fancy_thumbnail { float: left; background-attachment: scroll; background-image: url('thumb_frame.gif'); background-repeat: no-repeat; background-position: left center; padding:12px; margin:3px; } /* -------------------------- Actinic specifics ------------------------- */ /* .actlarger { font-size: 13px; color: #000000; } .actsmaller{ font-size: 10px; color: #000000; } .actxxsmall { font-size: 10px; color: #000000; } .actxsmall { font-size: 11px; color: #000000; } .actsmall { font-size: 11px; color: #000000; } .actregular { font-size: 13px; color: #000000; } .actlarge{ font-size: 16px; color: #000000; } .actxlarge { font-size: 20px; color: #000000; } .actxxlarge { font-size: 20px; color: #000000; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 11px; color: #cc0000; } */ .product_list img { float: left; padding-right: 8px; }