styles.css

how to develop ie add-ons in .net using VC++.

.ctable {
  margin: 15px 0px 15px 21px;
  border: 1px solid #2a73d2;
  border-bottom: 0px;
  width: 871px;
}
.ctable tr {
  background-color: #FFFFFF;
  vertical-align: top;
}

.ctable tr.head {
  background-color: #2a73d2;
  text-align: left;
}

.ctable td {
  border-bottom: 1px solid #2a73d2;
}

.ctable td.highlight {
  background-color: #FFFFCC;
}

.ctable p {text-align: left; margin: 3px 10px;}
.ctable ul {margin: 5px 5px 5px 22px; padding-left: 0px;}
.ctable tr.head p {color: white; font-weight: bold; margin: 3px 10px;}

#flashvideo {
  clear: both;
  margin-left: 21px;
  padding: 25px 0px;
  background-color: #eeebdb;
  width: 871px;
  text-align: center;
  font-family: arial;
}

div.note {
  background-color: #efefef;
  padding: 5px;
  margin-left: 21px;
}

UL.asheader  LI  DIV P {font-family:arial; font-size: 100%; line-height: 150%; font-weight:normal;}
UL.asheader  LI  DIV P {margin-left:0px;}
UL.asheader  LI  {margin-bottom:10px;}

IMG.image-float-right {margin-left:20px;margin-bottom:10px; margin-top:5px;}

.flash-video-preview {margin:21px}

DIV.video-banner {
  text-align:right;
  margin-right:5px;
}

.feedback-top-text { background: #F1F1F1 url(/images/feedback-header-bg.gif) repeat-x bottom;}
.feedback-top-text-box {margin:8px 10px 0px 22px;}
.feedback-to-text-box {font-size:12px;font-family:Tahoma;color:#666}
.feedback-form {margin:0;padding:0;}

p.error {font-weight: bold; color: #ff0000;}
p.message {font-weight: bold; color: #00FF00;}

.errortext {font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:red; font-weight:bold;}
.oktext {font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#005000; font-weight:bold;}

/* 2007-06-04 - SUMMER 2007 - related */
#summer2007s {
  position: relative;
  top: 10px;
  left: 0px;
  width: 200px;
  height: 83px;
}

div#summer2007big {
  width: 100%;
  position: relative;
  height: 2px;
}

div#summer2007big div {
  float: right;
  position: absolute;
  top: 90px;
  right: 0px;
  width: 232px;
  height: 130px;
}

p.oldprice {
  color: #9f9f9f;
  text-decoration: line-through;
  font-weight: normal;
  text-align: center;
  font-size: 11px;
}

p.newprice {
  color: #153761;
  font-weight: bold;
}

table.TableWideBorder p.oldprice {
  color: #9f9f9f;
  text-decoration: line-through;
  font-weight: normal;
  text-align: center;
}

table.TableWideBorder p.newprice {
  color: #153761;
  font-weight: bold;
}

/* summer price  */
.tplpurchase td.head p.note {font-weight: normal; color:#153761; font-size: 11px; line-height: 9px; text-align: center;}

#pgrb p.summerprice {
/*  width: 52px; */
  color: #FE0202;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
  float: left;
  font-size: 11px;
  margin-top: 5px;
}

#pgrb p.price {
  margin-top: 5px;
  margin-bottom: 15px;
}

#pgrb p.delivery {
  clear: both;
}

DIV#main-content-div table.TableWideBorder td p {text-align: left;}
DIV#main-content-div table.TableWideBorder td p.leftmargin {text-align: left;}


#freecomp{
  margin:0px;
  padding:0px;
  list-style:none;
  font-family:Arial;
  font-size:13px;
}

/* Drop-down-menu-----------------------------------*/
#header {
  text-align: left;
  position:relative;
  background: #516D91;
  height:28px;
  margin: 0px;
  padding: 0px;
  width:1000px;
}
#sitelogo {
  position: absolute;
  padding-left:17px;
  margin-top:6px;
  font-family: Trebuchet MS;
  font-size:17px;
  font-weight: bold;
}

#sitelogo a:visited{   color:#b2c1d4;
text-decoration: none;}
#sitelogo a:hover {text-decoration: none;}



#topmenu {
  z-index: 900;
  padding: 0px;
  margin: 0px;
  float:right;
}

ul.tmenu {
  margin:0px;
  padding:0px;
  list-style:none;
  font-family:Arial;
  font-size:12px;
}

ul.tmenu li {
  z-index: 100;
  position: relative;
  display: block;
  float:left;
  margin:0;
  padding:0;
}

ul.tmenu li a {
  display:block;
  font-weight: bold;
  background: transparent url(/images/tmenu.gif) no-repeat;
  height: auto;
  line-height: 15px;
  text-decoration: none;
  padding: 5px 12px 5px 12px;
}

ul.tmenu li a:link,
ul.tmenu li a:visited {
  text-decoration: none;
    color: #90AABE;
}

ul.tmenu li.over a,
ul.tmenu li.over a:link,
ul.tmenu li.over a:visited,
ul.tmenu li.over a:hover,
ul.tmenu li a:hover{
  text-decoration: none;
  color: #fff;
  background: transparent url(/images/tmenu-hover.gif) no-repeat;
}

ul.tmenu li a.active,
ul.tmenu li a.active:link,
ul.tmenu li a.active:visited
 {
  background: transparent url(/images/tmenu-active.gif) no-repeat;
  color:#fff;
}

ul.tsubmenu {
  display: none;
  margin:0;
  position: absolute;
  left: -1px;
  top: 22px;
  width: 196px;
  font-family: Trebuchet MS, Arial;
  list-style: none;
  border-left:1px solid #0a3554;
  border-right:1px solid #0a3554;
  border-bottom:1px solid #0a3554;
  border-top:1px solid #516d91;
  color: #516d91;
  background-color:#fff;
  text-align:left;
  padding-bottom:8px;
}
  
ul.tsubmenulast {
  right: 0px;
  left: auto;
}
ul.tsubmenu2last {
  left: -1px;
}
ul.tsubmenuproducts {
  width: 250px;
}


ul.tsubmenu li {
  background:none;
  background: #fff;
  margin: 0;
  background:#fff url(/images/menu-separator-bg.gif) repeat-x center bottom;
  padding: 2px 0 4px 0;
  width: 100%;
}



ul.tsubmenu li.separator {
  margin: 0;
  background:#fff url(/images/menu-right-separator-bg.gif) repeat-x center bottom;
  padding-top: 2px;
  padding-bottom:3px;
}

ul.tsubmenu li a.span_activ ,
ul.tsubmenu li a.span_activ:link,
ul.tsubmenu li a.span_activ:visited {
  background: transparent none;
  height:auto;
  /*width:170px; */
  color: #3d5471;
}

ul.tmenu li.over ul.tsubmenu a:link,
ul.tmenu li.over ul.tsubmenu a:visited,
ul.tsubmenu li a,
ul.tsubmenu li a:link,
ul.tsubmenu li a:visited {
  font-family: Trebuchet MS, Arial, sans-serif;
  height:auto;
  color: #3d5471;
  display: block;
  /*width:176px; */
  font-weight:normal;
  background:none;
  padding:0px 5px 0px 18px;
}

ul.tsubmenu li a:hover,
ul.tmenu li.over ul.tsubmenu a:hover {
text-decoration: none;
background:#516d91;
color: #fff;
}

ul.tsubmenu li span.active{
  display: block;
  /*width:196px; */
  background:none;
  background:#d4e0e9;
}

ul.tsubmenu li span.folder {
  margin: 3px;
  display: block;
  font-weight: bold;
  padding:0px 5px 0px 18px;
}

ul.tmenu li:hover ul.tsubmenu,
ul.tmenu li.over ul.tsubmenu {
  display: block;
}

ul.tmenu li.over {
}

/* Drop-dowm-menu-----------------------------------*/

/* Global-menu-----------------------------------------*/
TABLE.global {
  border-right: 1px solid #FFF;
}

TABLE.global TD {
  width: 200px;
  border-left: 1px solid #FFF;
}

TABLE.global TABLE, TABLE.global TABLE TD {
  border: none;
}

/* Global-menu-----------------------------------------*/

.header{
  font-weight: bold;
}

#header2{
   width: 980px;
   height:173px;
   padding-top:5px;
   padding-left:15px;
   padding-right: 5px;
   text-align: left;
   background: #fff;
}

#blocks{
  width: 766px;
  height: 168px;
  float:left;
  background: #e2e7ea;
}

#search{
  width: 208px;
  height: 168px;
  float: right;
  background: #d4dade;
  font-family:  Arial, sans-serif;
  font-size: 11px;
  color: #96a4af;
  font-weight: regular;
  background:#fff url(/images/search.gif) repeat-x center top;
}
a.search{color:#7b828a;}
a.search:hover { color: #2A73D2; }
a.search:visited {color: #888888;}


#header2 p {
  padding:0px;
  margin: 0px;
  margin-left: 0px;
  color:#455870;
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
   line-height: 16px;
}


form {
	font-family:arial; 	
}


.notetext {font-family: Arial, sans-serif; font-size: 13px; color: #02306A; margin: 25px 0px 5px 21px; font-weight: regular;}
.h2 {font-family: Arial, sans-serif; font-size: 85%; color: #02306A; margin: 25px 0px 5px 21px; font-weight: regular;}
.text,.smalltext {font-family:arial; font-size: 13px; line-height: 150%; color: #222222;}
.smalltext { font-size: 13px; }

 
#left{
	float:left;
	width: 289px;
	background:#E9E9E9;
	height:920px;
}

#right{
	float:right;
	width: 100%;	
	margin-left: -289px;
}
#content {
	margin-left: 289px;
	width:595px;
}
p.cont{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	margin:0;
	width:550px;
}
#sblok{
	background:#F2F2F2;
	height:185px ;
	width:245px ;
	margin-left:20px;
}
#sblok p{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 16px;
	padding:12px 18px 5px 14px;
	margin:0;}
	
#sblok p#mr{
   font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
color: #000;
text-align:right;
padding:4px 18px 5px 14px;	}

H2#h2{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #516d91;
margin:10px 0 10px 0;
}	
p.form{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
	padding:0 10px 0 5px;
	margin:0;
	text-align:right;
}
p#redz{
    color: #ff0000;
	padding:10px 0 0 5px;
	margin:0;
}
#close{
  padding-right:35px;
	text-align:right;

}	
p#get{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #de6c08;
	margin:0;
	width:550px;
 } 
 p#tlo{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	color: #a9a6a6;
	margin:0;
	width:550px;
 } 

.formprice {width: 372px; margin:0; margin-bottom: 2px; border: 1px solid #c8d0da; background:#F6F6F7; color:#7b828a;}

#headerprice {
  text-align: left;
  position:relative;
  background: #516D91;
  height:28px;
  margin: 0px;
  padding: 0px;
  width:595px;
}
#sitelogo2 {
  position: absolute;
  padding-left:50px;
  margin-top:6px;
  font-family: Trebuchet MS;
  font-size:17px;
  font-weight: bold;
}
input.button
    {
    width:254px;
    border:0;    
    height:25px; 
    display:block; 
    background:url(/images/Submit.gif); 
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
    }
    
#copli{
background: url(/images/footer-bg.gif) repeat-x top; 
height:4px;
 width:595px;
 margin:0; padding:0;
font-size: 1px;
}   
#formprice{
background:#F1F1F1;
 width:555px; 
 height:390px;
}
#formprice TD{
margin:0;
padding:0;
}
.lineprice { height:5px; margin:14px 0 14px 0; padding: 0px; width:384px; border-top: 1px dashed #ccccbc; line-height: 5px; font-size: 2px;}
.Copyright2 {  background: #D7D7D7;
font-family: Arial, sans-serif;
font-size:10px; 
 text-align:center;
width:595px; line-height: 11px; 
color: #3b424a;float:left;
 height:25px; PADDING-top:15px;}