/* GLOBAL */
html{
height: 100%;
font-size: small;
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.3em;
margin: 0;
padding: 0;
background: url(media/css/body_tile.gif) repeat-x #FFFDEE;
height: 100%;
}
a { color: #730000; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }
h1 { font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: normal; font-variant: normal; }
h2, h3, h4, h5, td, table, div, form { padding: 0; margin: 0; }
h2 a { text-decoration: none; display:block; margin: 5px 0; }
h1, p, ul, ol { margin-top: 16px; margin-bottom: 16px !important; }
img { border: 0; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 1.2em; }
h3, h4, h5 { font-size: 1em; }
h5 { display: inline; }
form {
display:inline;
}
select {
margin-bottom: 3px;
}
#content {
margin-left: 210px;
}
#content_head { width: 100%; float: left; margin-bottom: 10px; }
#content_home {
margin-left: 210px;
}
#login {
line-height:25px;
width: 265px;
}
#mainbody {
width: 800px;
margin: 0 auto;
padding: 60px 0 30px 0;
font-size:95%;
clear:both;
}
#mainbody_account {
width: 800px;
margin: 0 auto;
padding: 60px 0 30px 0;
font-size:95%;
clear:both;
}
#topbar {
background: url(media/css/blue_tile.gif) bottom left repeat-x #000099;
width: 100%;
float:left;
}
.head_med { color: #730000; font: bold 1.5em/1em Georgia, "Times New Roman", Times, serif; vertical-align: middle; margin-bottom: 6pt; li }
.gen_image { margin: 4pt 8pt 4pt 4pt; vertical-align: middle; }
.clear {
clear:both;
}
.floatleft {
float: left;
}
.frnt_floatleft { float: left; margin-top: 4px; margin-right: 4px; margin-bottom: 12px; }
.floatright {
float:right;
}
.doublecolumn_lt { padding-right: 10px; width: 280px; float: left; border-right: 1px dotted #aaac9f; }
.doublecolumn_rt { width: 280px; float: left; padding-left: 10px; }
.rowline { width: 590px; float: right; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #aaac9f; }
.fronthead { margin-top: 20px; list-style-type: square; list-style-position: inside; }
.featured { font-size: 0.9em; line-height: normal; margin-left: 14px; list-style-type: square; list-style-position: outside; }
/* NAVBAR */
#affiliatelink {
margin-left: 15px;
color:#fff;
font-size: 95%;
}
#affiliatelink a {
font-weight:bold;
color:#fff;
font-size: 95%;
}
#currenttab {
list-style: none;
float:right;
background: url(media/css/current_tab_tile.gif) repeat-x top left #fff;
height:40px;
margin-left: 3px;
width:auto;
}
#currenttab h3{
background: url(media/css/current_tab_left.gif) top left no-repeat;
padding: 11px 0px 4px 15px;
white-space:nowrap;
}
#currenttab b {
height: 40px;
vertical-align:top;
text-align:center;
padding-right: 15px;
display:block;
background:url(media/css/current_tab_right.gif) top right no-repeat;
}
#loginlink, #loginlink a {
font-weight:bold;
color:#fff;
font-size: 95%;
}
#logo {
display:block;
margin-top: 10px;
margin-bottom: 25px;
height: 75px;
width: 336px;
background:url(media/css/collectivemed_logo.gif) no-repeat;
}
#logobar{
height: auto;
width: 800px;
margin: 30px auto 0 auto;
}
#logobar ul {
clear: left;
}
#search {
display:block;
float:right;
position: relative;
top: -20px;
}
#search .searchbutton {
vertical-align:bottom;
}
#searchfield {
margin: 0 2px 0 10px;
border: 1px solid #917302;
color: #666;
font-size: .9em;
padding: 1px 2px;
height:16px;
width: 150px;
}
.hiddentab {
list-style:none;
float:right;
background: url(media/css/hidden_tab_tile.gif) repeat-x top left #fff;
height:40px;
margin-left: 3px;
width:auto;
}
.hiddentab b {
height: 40px;
vertical-align:top;
text-align:center;
padding-right: 15px;
display:block;
background:url(media/css/hidden_tab_right.gif) top right no-repeat;
}
.hiddentab h3{
background: url(media/css/hidden_tab_left.gif) top left no-repeat;
padding: 11px 0 4px 15px;
white-space: nowrap;
}
.hiddentab b h3 a {
color: #fff;
text-decoration:none;
}
.hiddentab b h3 a:hover {
text-decoration:underline;
}
.checkout_font { color: #f33; }
/* CTGY */
#nextbutton {
margin-top: 25px;
clear:right;
float:right;
}
#prevbutton {
margin-top: 25px;
clear:right;
float:left;
}
.catrow { float:right; margin: 10px 0; width:590px; border-bottom: 1px dotted #aaac9f; }
.catrow_line { margin: 4px 0 12px; width: 590px; float: right; }
.prodbutton { float: right; margin: 7px auto; }
.prodcolumn { text-align: center; float:left; width:280px; padding-right: 10px; }
#prodcolumn_long { margin-left: 80px; }
.prodcolumn_short { width: 50pt; float: left; }
.prodcolumn3 { text-align: left; padding-right: 10px; width: 183px; float: left; }
.thumb { width: 50pt; float: left; margin-top: 5px; margin-right: 10px; }
.developer { color: orange; font-weight: bold; }
.prod_line { font-size: 1.2em; font-weight: bold; margin-top: 4px; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 2px solid #730000; }
/* ACCOUNT PAGES */
.account_column {
width: 50%;
float:left;
}
.account_column h5 { width: 180px; clear: both; }
.account_column input { margin-bottom: 3px; display:block; margin-left: 180px; }
.account_column select { margin-bottom: 3px; display:block; margin-left: 180px; }
.paymentdetail {
width: 130px;
display:block;
height: 26px;
float:left;
}
.invalid {
color: #FF0000;
}
.pad {
margin-top: 25px;
}
/* BASKET */
#total {
padding: 10px 0 0 10px;
text-align:right;
}
.baskettext_left{
padding: 3px 15px 0 10px;
vertical-align: top;
}
.baskettext_left h4 { margin: 1px 0 2px 0; }
.baskettext_right{
padding: 3px 0 0 10px;
text-align: right;
vertical-align: top;
}
.baskettext_right h4 { margin: 1px 0 2px 0; }
.priceeach {
text-align:right;
width: 80px;
margin-left: 5px;
float:right;
}
.image_right { background-color: white; margin: 10px; padding: 3px; float: right; outline: solid 1px gray; }
.horzline { margin: 10px 0; width: 100%; float: right; border-bottom: 1px dotted #aaac9f; }
/* PRODUCT PAGES */
h1#prodname {
font-size: 1.6em;
margin-bottom: 2px;
line-height:1.2em;
}
#prodadd {
display:inline;
position:relative;
top: 5px;
}
.prodimage { background-color: white; float:left; margin: 10px; padding: 10px; }
.prodimage_right { background-color: white; float:right; margin: 10px; padding: 3px; outline: solid 1px gray; }
.prod_headingsm {
font-weight: bold;
border-bottom: 1pt solid black;
margin-bottom: 6pt;
}
.compat_header { background-color: #730000; color: white; font-weight: bold; text-align: center; vertical-align: middle; height:32px; border-top: 4px solid #000000; border-bottom: 1px solid #000000; padding: 3px; }
.compat_col_lt { background-color: #fff; text-align: center; vertical-align: middle; height:32px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px !important; }
.compat_col_rt {
background-color: #ccc;
text-align: left;
vertical-align: middle;
height:32px;
padding: 3px 5px;
}
.download_btn { vertical-align: middle; width: 34px; height: 34px; margin-right: 5px; }
/* PRODUCT LIST */
.alt_row_color {
background:#f9f6e4 ;
}
.listheader {
background-color: #f8f2f0;
color: #000;
height:20px;
padding: 4px 5px;
border-top: 4px solid #730000;
}
.productlist_row {
padding: 4px 6px;
width: 578px;
float:right;
}
.productlist_row form { display:inline; float:right; }
.productrow_text{
width: 350px;
padding-top: 2px;
float:left;
}
.productrow_developer_text{
padding-top: 2px;
padding-left: 15px;
padding-right: 15px;
float:left;
}
.productrow_shortdesc_text{
padding-top: 2px;
padding-left: 15px;
padding-right: 15px;
float:left;
}
.productrow_text .floatleft { max-width: 270px; width:expression(document.body.clientWidth > 272? "270px": "auto" ); }
/* SUBNAV - CATTREE */
ul#first{
list-style-type:none;
width:176px;
margin: 0 30px 0 0;
padding-left: 0px;
}
#subnav{ float:left; }
#subnav_block { background-color: #eeecdd; margin-top: 12px; padding: 6px 12px 6px 6px; outline: solid 1pt #b1b4b6; }
#subnav li { background-color: #eeecdd; margin-bottom: 2px; padding: 6px; }
#subnav li a { color: #3e3e3a; text-decoration:none; display: block; width: 100%; height:100%; }
#subnav li a:hover { font-weight: bold; }
#subnav li ul { list-style-type:none; margin: 0 0 0 10px; padding-left: 0; }
#subnav li.subcategory { padding: 0; margin: 4px 0 0;
#subnav li.subcategory a { color: #666; text-decoration: none; }
#subnav li.subcategory a:hover { text-decoration:underline; font-weight:normal; color: #730000; }
#subnav li.subcategory a:visited:hover { color: #730000 }