/* globals
 * includes: body, image, links (anchors) and form
 */

body {
    background: url("lib/ahg_striped_bg.gif");
    margin: 8px;
    color: #26264e;
    font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

image {
    border: 0;
}

form {
/**
* "forms" misbehave in IE7, giving all kinds of default padding, margins, etc.
* this hack cuts that low.
*/
    padding: 0;
    margin: 0;
    display: inline;
}

ul {
    list-style: disc outside;
    font-weight: bold;
    font-size: 8pt;
    margin-top: 4pt;
}


a {
    color: blue;
}

a:visited {
    color: purple;
}

table.layout-fixed {
    table-layout: fixed;
}

/* globals for "granfathered" table data */
/* "You are Here" */
.stoneRow.yah p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.stoneRow.yah p span {
    font-size: 14px;
}

/* for left over TD stuff */
td {
    font: normal 9pt Arial,helvetica,sans-serif;
}

h1.topspace {
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
    margin-top: 6pt;
}

p.space {
    display: block;
    padding: 2px;
}

p.space span {
    font-weight: bolder;
}

td * h1, td h1 {
    margin: 0;
    font-size: 16px;
}

td.ProdColor3 {
    border-top: 1px solid black;
    background-color: rgb(205, 217, 231);
}

td.MktColor3 {
    background-color: #fafad2;
    padding: 0.5em;
    border-left: 2pt #333366 solid;
    vertical-align: top;
}

.inactiveProduct {
    color: red;
    font-weight: bold;
}

tr.basket th {
    background-color: #d3d3d3;
}

tr.productRow td {
    padding: 0 4px 0 4px;
}

tr.productRow td:first-child {
    white-space: nowrap;
}

td.productRowCell a {
    text-decoration: none;
    color: black;
}

td.productRowCell .boldSpan a {
    text-decoration: underline;
    /*color: #313063;*/
    color: blue;
}

td.productRowCell .boldSpan a:visited {
    text-decoration: underline;
    color: purple;
}

td.productRowCell.productRowCell-1 {
    text-align: center;
}

td.productRowCell.productRowCell-2 {
    background: rgb(205, 217, 231);
}

.buyNow, .buyNow a, .buyNow a:hover {
    font-weight: bold;
    color: #ff5c00;
}

.buyButton {
    white-space: nowrap;
   	line-height: 1em;
   	position: relative;
   	outline: none;
   	overflow: visible; /* removes extra side padding in IE */
   	cursor: pointer;
   	border: 1px solid #999;/* IE */
   	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
   	border-bottom: rgba(0, 0, 0, .4) 1px solid;
   	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   	box-shadow: 0 1px 2px rgba(0,0,0,.2);
   	background: -moz-linear-gradient(
   		center top,
   		rgba(255, 255, 255, .1) 0%,
   		rgba(0, 0, 0, .1) 100%
   	);/* FF3.6 */
   	background: -webkit-gradient(
   		linear,
   		center bottom,
   		center top,
   		from(rgba(0, 0, 0, .1)),
   		to(rgba(255, 255, 255, .1))
   	);/* Saf4+, Chrome */
   	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
   	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
   	-moz-user-select: none;
   	-webkit-user-select: none;
   	-khtml-user-select: none;
   	user-select: none;
   	margin-bottom: 10px;

    -webkit-border-radius: 4px;
   	-moz-border-radius: 4px;
   	border-radius: 4px;

    background-color: #ff5c00;
    color: white;
    font-weight: bold;
    font-size: 13px;
}

.navy {
    color: #26264e;
}

/* department marketing files */

h1.red {
    color: red;
    text-align:center;
}
/* end dept marketing files */

.color3 {
    background-color: #ffc;
}

.color7 {
    background-color: #336;
}

ul.dept2 {
    list-style-type: none;
}

ul.subdept2 {
    list-style-type: disc;
}

.tech {
    font-size: 14pt;
    font-family: Impact;
    font-weight: bold;
    text-align: left;
    color: #ffc;
}

table.grid {
    background-color: black;
    text-align: center;
}

td.color2 {
    background-color: white;
    font-size: 8pt;
    font-weight: bold;
}

td.color {
    background-color: #CDD9E7;
    font-size: 8pt;
    font-weight: bold;
}

td.silver {
    background-color: silver;
    font-size: 8pt;
    font-weight: bold;
}

h1.bony {
    text-align: center;
}

blockquote.num3 {
    margin: 0 0 3pt 24pt;
}

/* product page marketing files */
ul.mkt2 {
    padding-left: 16px;
    margin-bottom: 0;
    margin-top: 4px;
}

ul.mkt {
    margin: 0;
    padding-left: 16px;
    line-height: normal;
}

.notice {
    text-align: left;
    padding: 5px;
    background-color: #ffc;
    font-weight: normal;
    line-height: 1.1;
}

.notice h3 {
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    margin-top: 1ex;
    margin-bottom: 6px;
    color: red;
}

.notice ul.nobullet {
   list-style: none;
   margin: 0;
   padding: 0;
}

.notice ul.nobullet li {
   margin: 0;
   padding: 0 0 1ex 1em;
   text-align: left;
}

ul.fiber {
    margin-top: 3px;
    margin-left: 14px;
    padding: 0;
    font-size: 8pt;
}

ul.fiber li {
    margin-bottom: 3px;
}

div.home {
    color: #333366;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    background-color: #ffffcc;
}

p.mkt  {
    font-size: 10pt;
    font-family: "Times New Roman", "Goudy Old Style", serif;
    text-align: left;
    margin: 3pt 0 0 0;
}

td > h6 {
    margin: 2px 0 2px 0;
}
/* PROMOS */

.freeGroundShipping {
    position: relative;
    top: 58px;
    left: 0;
    width: 100%;
    text-align: center;
    color: red;
    font-weight: bold;
}

.tooltipStyle {
    padding-right: 4px;
    white-space: nowrap;
}

input.head {
    background-color: #cdd9e7;
    font-weight: bold;
}

/* partner page headings */
h2.partner {
    font-size: 10pt;
    text-align: left;
    font-weight: bold;
    margin-top: 6pt;
    margin-bottom: 0;
}

p.space {
    font-size: 10pt;
    margin-bottom: 6pt;
    margin-top: 6pt;
    margin-right: 8pt;
}

p.space2 {
    font-size: 10pt;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 8pt;
}

/* END granfathered style(s) */

/* layout pieces */

.stoneMain {
    margin: 0 auto;
    width: 620px;
    min-width: 620px;
    background-color: #26264e;
    padding: 4px;
    border-width: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Row emulation, for acting like the <tr>'s used to */
.stoneRow {
    clear: both;
    padding: 0;
    margin: 8px;
}

.round {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.content {
    background-color: #cdd9e7;
}

.oldContent {
    background-color: #ffffff;
    padding: 6px;
}

.productContent {
    background-color: #ffffff;
    padding: 4px;
    height: 100%;
}

.productIndexContent {
    font-family: Aerial, Helvitica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    line-height: 1.1;
}

.productIndexContent h1 {
    margin: 0;
    font-size: 16px;
    vertical-align: top;
    padding-bottom: 6px;
}

/* header */
.stoneHeader {
    height: 65px;
    text-align: left;
    margin-bottom: 12px;
}

.stoneHeader * img {
    padding: 2px;
    vertical-align: bottom;
}

.stoneHeader div {
    display: inline-block;

    zoom: 1;
    *display: inline;
}

.stoneHeader div span {
    font-family: 'Palatino Linotype', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    color: #F6F7CC;
    display: block;
    vertical-align: bottom;
    /* float: left; */
    /* width: 400px; */
}

.stoneHeader div span:first-child {
    font-size: 20pt;
    text-align: left;
    color: #CDD9E7;
    margin-top: 20pt;
    line-height: 20px;
}

.stoneHeader h3 {
    font-size: 12pt;
    color: #F6F7CC;
}


/* header menu ?? toolbar */
.toolBar .menuRowWrap {
    padding: 9px;
    width: 90%;
    margin: 0 auto;
}

.toolBar .menuRowWrap .innerRow div {
    width: 232px;
    vertical-align: top;
}

.toolBar .menuRowWrap .innerRow div:first-child {
    width: 230px;
}

.innerRow {
    display: block;
    height: 48px;
}

.innerRow * span {
    width: 140px;
    margin-left: 52px;
}

.innerRow * span:first-child {
    margin-left: 0;
}

.toolBar .menuRowWrap .menuRow {
    /* margin-top: 6px; */
}

.toolBar .menuRowWrap .menuRow ul {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.toolBar .menuRowWrap .menuRow ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;

    /* IE7 hack */
    zoom: 1;
    *display: inline;
}

.toolBar .menuRowWrap .menuRow ul li a {
    text-decoration: none;
    font-weight: bold;
    padding: 6px 8px;
    border-right: 2px solid #ffffff;
    line-height: 18px;
    font-size: 11px;
    color: #313063;
}

.toolBar .menuRowWrap .menuRow ul li:first-child a {
    border-left: 2px solid #ffffff;
}

.toolBar .menuRowWrap .menuRow ul li a:hover {
    background: none repeat scroll 0% 0% #f1f1f1;
}

/* content */
.stoneRow.stoneMiddle {
    min-height: 500px;
    max-height: 500px;
}

.stoneRow.stoneMiddle .stoneMiddle {
    float: left;
    min-height: 500px;
    max-height: 500px;
}

.stoneMiddle.quickPicksContent {
    width: 190px;
    margin-left: 0;
    margin-right: 3px;
}

.stoneMiddle.mediaContent {
    width: 198px;
    margin-left: 3px;
    margin-right: 3px;
}

.stoneMiddle.whyContent {
    width: 204px;
    margin-left: 3px;
    margin-right: 0;
}

.stoneMiddle.mediaContent {
    /* "Browser Zoom" bugs this image out in IE7 and IE8, removed...
    background: url('../Images/target_market_front_image.png') no-repeat;
    */
}

/* cell specific */
.quickPicksContent h3 {
    font: normal normal bold 18px/normal 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
    color: #8b0000;
    text-align: center;
    margin: 2px;
}

.quickPicksContent h6 {
    font: normal normal bold 10px/normal 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
    color: #8b0000;
    text-align: center;
    margin-top: 0;
    margin-bottom: 3px;
}

.quickPicksContent ul {
    display: inline;
    margin: 0;
    padding: 0;
}

.quickPicksContent ul li {
    display: block;
    margin: 0;
    padding: 4px 0 4px 2px;
    list-style: none;
    font-size: 8pt;
    font-weight: bold;
    border-bottom: solid 1px;
}

.quickPicksContent ul li:first-child {
    border-top: solid 1px;
}

.quickPicksContent ul li:hover {
    background: none repeat scroll 0% 0% #f1f1f1;
}

.quickPicksContent ul li a {
    width: 100%;
    display: block;
    text-decoration: none;
    position: relative;
    color: #313063;
}

/* IE7 hack for "quick picks" */
*+html .quickPicksContent ul li a {
    left: -15px;
}

.callToday {
    display: block;
    background-color: rgb(66, 114, 159);
    text-align: center;
    color: white;
    font: bold 20px "Lucida Grande","Trebuchet MS",Verdana,Helvetica,sans-serif;
    padding: 3px 0 5px 0;
    margin: 0;
}

.whyContent {
    text-align: center;
}

.whyContent h3 {
    font: normal normal bold 18px/normal 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
    color: #8b0000;
    text-align: center;
    margin: 2px;
}

.whyContent .isoInfo {
    padding: 6px 0 6px 0;
}

.whyBottom ul {
    text-align: left;
    margin: 0;
    padding: 0 0 0 18px;
}

.whyBottom ul ul {
    margin: 0;
    padding: 0 0 0 14px;
}

.whyBottom ul a {
    text-decoration: underline;
    color: #313063;
}

.whySpan {
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-decoration: underline;
    margin: 3px 0 3px 0;
}

.whySpan a {
    color: #313063;
}

/* product content */

/* footer */

.stoneFooter {
    padding: 6px;
}

.stoneFooter .imgRow {
    width: 98%;
    margin: 0 auto;
}

.stoneFooter .imgRow img {
    margin: 0 18px 0 18px;
    vertical-align: top;
}

.stoneFooter .bottomRow .textCell {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 10px;
}

.stoneFooter .bottomRow .textCell.fourthCell {
    width: 60px;
}

.textCell {
    font-weight: normal;
    font-size: 10px;
    width: 140px;
}

.textCell * span, .textCell span {
    font-weight: bold;
}

.textCell.left {
    text-align: left;
}

.textCell.right {
    text-align: right;
}

.textCell.secondCell {
    width: 100px;
    padding-right: 40px;
}

/* globals */
.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.tooltip {
  display: none;
  background: transparent url(/stonedev/static/black_arrow.png);
  font-size: 12px;
  height: 70px;
  width: 160px;
  padding: 25px;
  color: #eee;
}

.boldSpan {
    font-weight: bold;
}

/* product tests */
.productContent {
    font-size: 9pt;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.prodContent {
    width: 464px;
    float: left;
}

.prodContent h2 {
    margin-top: 12pt;
    margin-bottom: 12pt;
    font-size: 11pt;
}

.mktContent {
    display: block;
    width: 124px;
    height: 100%;
    float: left;
    padding: 2px 2px 0 4px;
    font-size: 10pt;
    margin-right: 0;
    border-left: 1px solid black;
    background-color: #fafad2;
}

.productMain {
    width: 250px;
    float: left;
}

.productMain .prodDescription {
    padding-top: 9pt;
    padding-bottom: 20pt;
    font-size: 9pt;
}

div.productShortRow {
    padding-top: 1pt;
    padding-bottom: 1pt;
}

div.productTallRow {
    padding-top: 4pt;
    padding-bottom: 4pt;
}

div.prodCell {
    display: inline-block;
}

div.prodCell.prodCell-57 {
    width: 57px;
}

div.prodCell.prodCell-58 {
    width: 58px;
}

div.prodCell.prodCell-59 {
    width: 59px;
}

div.prodCell.prodCell-60 {
    width: 60px;
}

.productImage {
    width: 200px;
    float: left;
}

.productFooter {
    clear: both;
    width: 100%;
}

.productFooter .buttonRow {
    text-align: right;
}