/* @override http://a1/css/styles.css */ /* colors Red: #CA1635 Blue: #0569B2 */ a:link {color:#0569B2; text-decoration:none;} a:visited {color:#0569B2; text-decoration:none;} a:hover {color:#CA1635; text-decoration:none;} /* semantic elements */ body {margin:0; background:#DB1238;} table {clear:both;} hr {background:url(../images/interface/dottedLine.gif) repeat-x; height:1px; margin:5px 0px 5px 0px; border:none; clear:both;} h1 {font:bold 13px/1.4em arial; color:#CA1635; margin:0px 0px 4px 0px;} h2 {font:bold 13px/1.4em arial; color:#666666; margin:0px 0px 4px 0px;} h2.price {font-size:24px; color:#000000;} h3 {font:normal 13px/1.5em trebuchet ms; color:#0569B2; margin:0px 0px 12px 0px;} p {font:normal 12px/1.6em trebuchet ms,arial; color:#666666; margin:0px 0px 12px 0px;} td {font:normal 11px/1.4em trebuchet ms; color:#666666;} div {font:normal 12px/1.6em trebuchet ms; color:#666666;} li {font:normal 12px/1.6em trebuchet ms; color:#666666; margin:0px;} ul,ol {margin:0; margin:6px 0px 6px 0px;} small {font:normal 11px/1.6em trebuchet ms,arial; color:#000000;} #hide {display:none;} #logoMark {background:url(../images/interface/logoMark.gif) right no-repeat;} #top {background:#4D4D4D url(../images/interface/topGradient.gif) bottom repeat-x; width:100%;} #middle {background:#FFFFFF; width:100%; float:left; padding-bottom:30px;} #bottom {background:#DB1238 url(../images/interface/bottomGradient.gif) top repeat-x; width:100%; height:50px; clear:both;} #content {width:725px; text-align:left;} #left {width:140px; margin-right:25px;} #leftWide {width:450px; margin-right:25px;} #center {width:285px; margin-right:25px;} #right {width:250px;} #rightWide {width:560px;} #cartAdd {background:#F5F9FB; border:1px solid #DFEBF2; padding:15px; margin-bottom:25px;} .error {color:#DB1238;} .right {float:right;} .column {float:left;} .clear {clear:both;} .line {background:url(../images/interface/dottedLine.gif) repeat-x; height:1px; margin:5px 0px 5px 0px;} .navLine {background:url(../images/interface/dottedLine.gif) repeat-x center center; height:1px; width:113px; position:relative; left:12px;} .thumbnails {float:left; width:120px; margin:8px 15px 8px 0px;} div.thumbnails h3 {margin:0; padding:0;} /* remove "left:-74;" and change "mainNav2b" to "mainN av2" once prostore goes live */ #mainNav {background:url(/images/interface/mainNav.gif); height:30px; width:546px; position:relative; float:left; margin:10px 0px 2px 0px;} #mainNav p {visibility:hidden;} #mainNav .shop {position:absolute; top:0px; left:0px; height:30px; width:142px;} #mainNav .browse {position:absolute; top:0px; left:0px; height:30px; width:151px;} #mainNav .learn {position:absolute; top:0px; left:151px; height:30px; width:110px;} #mainNav .engage {position:absolute; top:0px; left:261px; height:30px; width:166px;} #mainNav .enroll {position:absolute; top:0px; left:427px; height:30px; width:119px;} #mainNav .shop:hover {background:url(/images/interface/mainNav.gif) no-repeat 0px -30px; cursor:pointer; border:none;} #mainNav .browse:hover {background:url(/images/interface/mainNav.gif) no-repeat -0px -30px; cursor:pointer; border:none;} #mainNav .learn:hover {background:url(/images/interface/mainNav.gif) no-repeat -151px -30px; cursor:pointer; border:none;} #mainNav .engage:hover {background:url(/images/interface/mainNav.gif) no-repeat -261px -30px; cursor:pointer; border:none;} #mainNav .enroll:hover {background:url(/images/interface/mainNav.gif) no-repeat -427px -30px; cursor:pointer; border:none;} /* this class no longer needed once phase 2 goes live */ #sectionNav {background:url(../images/interface/dottedLine.gif) bottom repeat-x; height:37px; margin-bottom:15px;} #utilityNav {float:right; font:11px verdana; color:#666666;} #utilityNav ul {margin:0 0 15px 0;} #utilityNav li {display:inline; border-right:1px solid; padding:0px 10px 0px 10px;} #utilityNav li.last {border:none; padding:0px 0px 0px 10px;} #utilityNav a:link {color:#666666; text-decoration:none;} #utilityNav a:visited {color:#666666; text-decoration:none;} #utilityNav a:hover {color:#000000;} #sidenav {width:138px; background:#F5F9FB; border:1px solid #DFEBF2; margin:0px 0px 25px 0px; padding:0px;} #sidenav li.selected {background:url(../images/interface/snavArrowRed.gif) no-repeat 0px center;} #sidenav a:link {font:12px arial; color:#0569B2; text-decoration:none;} #sidenav a:visited {font:12px arial; color:#0569B2; text-decoration:none;} #sidenav a:hover {color:#CA1635; text-decoration:none;} #sidenav a.selected:link {color:#CA1635; font-weight:bold; text-decoration:none;} #sidenav a.selected:visited {color:#CA1635; font-weight:bold; text-decoration:none;} ul#level2 {margin:12px 0px 12px 0px; padding:0px; list-style:none;} ul#level3 {margin:12px 0px 12px 0px; padding:0px; list-style:none;} ul#level2 li {margin:7px 5px 7px 5px; padding-left:13px; background:url(../images/interface/snavArrowBlue.gif) no-repeat 0px center;} ul#level3 li {margin:7px 5px 7px 5px; padding-left:13px; background:url(../images/interface/snavArrowBlue.gif) no-repeat 0px center;} ul#level2 li.child {padding-left:26px; background:none;} #callout {width:248px; background:url(../images/interface/barOrange.gif) repeat-y right top; border:1px solid #DEDEDE; margin-bottom:25px;} #calloutPhoto {display:block; float:left; padding:5px 0px 5px 5px;} #calloutText {display:block; float:left; width:140px; padding:5px 5px 5px 0px;} #calloutText h1 {display:block; padding-left:10px; font:bold 13px/1.0em arial; color:#666666;} #calloutText p {display:block; padding-left:10px; font:normal 11px/1.5em trebuchet ms; color:#006699;} #calloutText a:link {text-decoration:none;} #calloutText a:visited {text-decoration:none;} #calloutText a:hover {text-decoration:none; color:#CA1635;} #relatedLinks {list-style:none; margin:0px; padding:0px; clear:both;} #relatedLinks.wide {width:250px;} #relatedLinks li {list-style:none; background:#F5F9FB url(../images/interface/arrowButton.gif) no-repeat 5px center; border:1px solid #DFEBF2; font:normal 11px trebuchet ms; margin-bottom:5px; padding:5px 5px 5px 25px;} #relatedLinks a:link {color:#006699;} #relatedLinks a:visited {color:#006699;} #relatedLinks a:hover {color:#CA1635;} #summaryTable {margin-bottom:25px; width:560px;} #summaryTable.products td {background:url(../images/interface/dottedLine121.gif) no-repeat bottom left; text-align:left;} #summaryTable td {padding:15px 25px 5px 0px; width:145px;} #summaryTable td.last {padding-right:0px; width:122px;} #summaryTable td.empty {background-image:none; padding:0px; margin:0px;} #summaryTable a {display:block;} #summaryTable a:hover {color:#CA1635; text-decoration:none;} #summaryTable a h3 {color:#CA1635; padding-top:5px; line-height:1em; margin-bottom:5px;} #summaryTable a.inline {display:inline;} #footer {background:url(../images/interface/footerBackground.gif) top repeat-x; clear:both; height:50px; font:normal 11px verdana; color:#666666;} #footer ul {margin:0; padding:0;} #footer li.first {border:none; padding:0px 10px 0px 0px;} #footer li {display:inline; border-left:1px solid; padding:0px 10px 0px 10px;} #footer a:link {color:#666666; text-decoration:none;} #footer a:visited {color:#666666; text-decoration:none;} #footer a:hover {color:#000000;}