/*
* RobsChoice.com primary style sheet
*
* NOTES:
*
*/
/****************************************************
* element defaults
****************************************************/
* {margin:0px; padding:0px;} /* set default margins & padding on all elements to zero so we can explicitly set */
body {background-color:Gray; font-family:Verdana, Arial, sans-serif; margin:0px; padding:0px; background-image: url("/images/ui/background.gif");}
form {margin:0px; padding:0px; border:0px; display:inline;}
div {margin:0px; padding:0px; border:0px;}
table {margin:0px; padding:0px; border:0px; font-size:13px; border-spacing:0px;} /* border-spacing supported by all browsers except <= IE7 */
tr {margin:0px; padding:0px; border:0px;}
td {margin:0px; padding:0px; border:0px;}
th {background-color:LightSteelBlue; font-size:13px; font-weight:bold; text-align:left;}
h1 {color:Navy; font-family:Cambria, Times New Roman, Times, serif; font-size:26px; margin-bottom:0px;}
h2 {color:DarkGoldenRod; font-family:Cambria, Times New Roman, Times, serif; font-size:18px; margin-top:0px; margin-bottom:9px;}
h3 {color:Black; font-family:Cambria, Times New Roman, Times, serif; font-size:15px; padding:10px 0px 0px 0px; margin:35px 0px 15px 0px; border-top:1px solid Black; width:100%;}
h4{color:Black; font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; margin:24px 0px 2px 0px;}
p {color:Black; font-family:Verdana, Arial, sans-serif; font-size:13px; margin:18px 0px 18px 0px;}
ul {margin-left:40px;}
li {color:Black; font-family:Verdana, Arial, sans-serif; font-size:13px;}
img {margin:0px; padding:0px; border:0px;}
input {font-size:13px;}
textarea {font-size:13px; resize:none;}
a:link {}
a:visited {color:Navy;}
/****************************************************
* special case defaults
****************************************************/
h4 + p {margin-top:0px} /* causes a p following h4 to have a zero top margin */
h3 a {color:Navy; text-decoration:none;} /* an anchor within an h3 has special formatting */
h3 a:hover {text-decoration:underline;}
p img {vertical-align:middle;}
/****************************************************
* master page formatting
****************************************************/
table.mainMaster {width:970px; margin-left:auto; margin-right:auto; border-spacing:4px; background-color:White;}
td.menuCol {width:20%; padding:7px; vertical-align:top; background-color:Lavender; border:1px solid LightSteelBlue;}
td.reviewCol {width:60%; padding-left:20px; padding-right:5px; vertical-align:top;}
td.adCol {width:20%; vertical-align:top;}
td.videoPopup-BannerArea {vertical-align:middle; text-align:center; padding:15px 15px 15px 15px;}
td.videoPopup-contentCol {vertical-align:top; padding:0px 15px 15px 15px;}
td.videoPopup-adCol {vertical-align:top; padding:40px 0px 15px 15px;}
/****************************************************
* menu formatting
****************************************************/
p.menusection {color:DarkGoldenRod; font-weight:bold; margin:8px 0px 0px 0px; padding:0px;}
p.menusection a {color:Black; text-decoration:none;}
p.menusection a:hover {text-decoration:underline;}
p.menuitem {margin:0px 0px 4px 0px; font-size:11px;}
p.menuitem a {color:Black; text-decoration:none;}
p.menuitem a:hover {text-decoration:underline;}
/****************************************************
* ad formatting
****************************************************/
div.ad-banner-big {display:block; width:728px; height:90px; margin:20px auto 30px 10px;}
div.ad-banner-small {display:block; width:468px; height:60px; margin:25px auto 25px auto;}
div.ad-box {display:block; float:left; width:250px; height:250px; margin:5px 15px 10px 0px;}
div.ad-linkunit {margin:18px 0px 0px -4px;}
/****************************************************
* in-line review formatting
****************************************************/
.highlight {color:Red;}
.clickable, img[onclick] {cursor:pointer;}
.text-small {font-size:11px;}
.text-xsmall {font-size:9px;}
p.review-date {font-size:11px; font-style:italic;}
p.review-date img {vertical-align:middle; margin-left:8px; margin-right:8px;}
ul.double-space li {margin-bottom: 13px;}
.product-image {float:right; margin:10px 0px 10px 10px; font-size:11px; text-align:center;} /* use style on ![]()
or holding image & caption */
.product-image-big {float:none; display:block; margin:24px auto 24px auto;} /* center image above paragraph with auto left and right margins */
.product-image-small {float:right; margin:-10px 0px 0px 20px; width:175px; font-size:11px; text-align:center;}
.product-image-xsmall {float:right; margin:-10px 0px 0px 20px; width:100px; font-size:11px; text-align:center;}
div.info-box {display:block; float:right; text-align:center; width:200px; border:1px solid LightSteelBlue; background-color:Lavender; margin:0px 0px 15px 15px; padding:12px;}
img.wait {margin:25px auto 10px auto; display:block;}
table.data-table {border:1px solid LightSteelBlue; border-collapse:separate; border-spacing:2px; caption-side:bottom; empty-cells:show; text-align:left;}
table.data-table tr:hover {background-color:Lavender;}
table.data-table th {padding:1px 4px 1px 4px;}
table.data-table td {padding:1px 4px 1px 4px;}
table.data-table td a {text-decoration:none;}
table.data-table td a:hover {color:Black; text-decoration:underline;}
table.video-thumbnails {margin:22px auto 22px auto; font-size:11px;}
table.video-thumbnails td {padding:1px 10px 1px 10px;}
/****************************************************
* footer formatting
****************************************************/
p.footer {font-size:11px; margin:9px; text-align:center;}
p.privacyPolicyNote {margin:0px; padding-top:10px; font-size:9px;}
/****************************************************
* modal dialog formatting
****************************************************/
.modalDialog_dimmer_layer {
filter:alpha(opacity=40); /* Transparency */
opacity:0.4; /* Transparency */
background-color:#AAA;
z-index:90; /* Always needed */
position:absolute; /* Always needed */
}
.modalDialog_content_layer {
border:2px outset LightSteelBlue;
padding:0px;
z-index:100; /* Always needed */
position:absolute; /* Always needed */
background-color:white;
}
#modalDialogHeader {
width:100%;
height:28px;
margin:0px;
padding:0px;
border-bottom:1px solid orange;
background: white url("/images/ui/shade.gif") top left repeat-x; /* shaded dialog header */
}
#modalDialogTitle {
padding-left:8px;
padding-top:4px;
padding-bottom:4px;
color: navy;
font-family:Cambria, Times New Roman, Times, serif;
font-weight: bold;
font-size:16px;
cursor:move;
}
.closeButton {
width:28px;
padding:2px 4px 4px 4px;
text-align:right;
}
/****************************************************
* ajax menu formatting
****************************************************/
#popupMenu {
border:0px outset Black;
padding:10px;
z-index:10;
width: auto;
height: auto;
position:absolute;
background-color:pink;
}