@import url("Font/open-sans-fontfacekit/stylesheet.css"); 


/*Banner*/
#prodbanner {
    border: 0 none;
    margin-left: 16px;
    padding: 0;
    width: 500px;    
}

#prodbanner img {
    float:left;
}

#page-des {
    border: 0 none;
    height: 200px;
    margin: 0 50px 0 0;
    width: 450px;
    float: right;
    font: 1.25em "OpenSansRegular", Verdana, Geneva, sans-serif;
    text-align:left;
    line-height:1.5;
    text-rendering:optimizeLegibility;
}

#page-des h2, #subscribeColm h2, #existingUser-colm h2 {
    margin-bottom:.55em;
    color:#4E7AC7;
    font-size:1.25em; 
    font-weight:500;
    text-transform:uppercase;
}

h1, h2, h3, h4, h5, h6, p, address, blockqoute, div, ul, li, a:link, a:visited, a:hover, a:active {
    font-style:normal;
    font-weight:normal;
}


h3 {
    color:#4E7AC7;
}

h4 {
    color:#4E7AC7;
    line-height:1.8
}

div{
    margin:0px;
    padding:0px;
    border:0px;
}

/* subscription column: contain all subscribe elements*/
#subscribeColm{
	font: 1.25em "OpenSansRegular", Verdana, Geneva, sans-serif;
    width:400px;    
    border-top:#4E7AC7 2px solid;
    padding:15px 0 0 0;
    float:left;
    clear:left;
    margin:0px 0px 0px 80px
}

/* subscription button*/
#subscribeButton{
	font-weight:normal;
    width:188px;
    height:64px;
    margin:20px 50px 0px 100px;
    display:block;
    float:left;
    clear:left;
}

#subscribeButton a:link, #subscribeButton a:visited {
    background-image:url(images/productNav-btn.jpg);
    background-repeat:no-repeat;
    background-position:0px -258px;
    display:block;
    width:188px;
    height:64px;
}

#subscribeButton a:hover, #subscribeButton a:active {
    background-image:url(images/productNav-btn.jpg);
    background-repeat:no-repeat;
    background-position:-188px -258px;
    display:block;
    width:188px;
    height:64px;
}

#subscribe-note{
	font: 1em "OpenSansRegular", Verdana, Geneva, sans-serif;
    width:370px;
    float:left;
    border:#4A7AC7 solid 2px;
    border-radius:10px;
    padding:10px 10px 20px 20px;
    background-color:#DFEEFF
    
}

#subscribe-note h5{
   color: #333333;
    line-height: 1.4; 
    font-weight:normal;
    font-style:normal;
    
}

#subscribe-note ul {
	margin:0;  
	padding:0;
	
}

#subscribe-note li{
    color:#333;
    font-size:0.75em;
    
    list-style:disc;
    line-height:1.6;
    margin:0px 30px 0px 30px;
    
    
}

#existingUser-colm{
	font-weight:normal;
	font: 1.25em "OpenSansRegular", Verdana, Geneva, sans-serif;
    width:450px;
    
    border-top:#4E7AC7 2px solid;
    padding:15px 0 0 0;
    float:left;
    margin:0px 16px 0px 40px
}

#loginField{
    width:400x;
    height:265px;
    
    
}

.login-button{
    width:80px;
    height:29px;
    clear:left;
    display:block;
    text-align:center;
    
    
}

.login-button a:link,.login-button a:visited{
    width:80px;
    height:22px;
    color:#FFF;
    text-decoration:none;
    display:block;
    background-color:#4E7AC7 ;
    border:solid thin #4E7AC7;
    border-radius:15px; 
    padding-top:2px;
    
}

.login-button a:hover,.login-button a:active{
    width:80px;
    height:22px;
    color:#FFF;
    text-decoration:none;
    display:block;
    background-color:#C4DCEB;
    border:solid thin #C4DCEB;
    border-radius:15px;
    padding-top:2px;    
    
}

#loginField ul{
    margin-top:20px;
    float:left;
    clear:both;
    
}