@charset "utf-8";

/* ---------------------------------------------------------------------------------------
[Master Stylesheet]

Project:		Netrostar Ecommerce Template	
Version:		1.0
Date created:	6 October, 2008
Last change:	6 October, 2008

Table of Contents:

    Common Parts ( imported )	
	Pages
        Contact Us
	
--------------------------------------------------------------------------------------- */

/* common parts */
@import url(../Common/masters_common.css);
	
/* "more" button */
a.more { background: url(../../Images/learn_more_right.jpg) no-repeat top right; float: left; text-decoration: none; }
    a.more span { background: url(../../Images/learn_more_left.jpg) no-repeat top left; display: block; padding: 4px 6px 5px 22px; color: #3d3d3d; font-size: 11px; }
    a.more:hover span { color: #ed6004; }

/* box */
#home .box { float: left; width: 230px; margin: 20px 0px 0px 15px; }
    #home .box p { text-align: justify; }
    #home .box .more { margin-top: 10px; float: right; }

#home .why { float: left; width: 215px; margin: 20px 0px 0px 0px; }
    #home .why h2 { font-size: 20px; font-style: italic; font-weight: bold; color: #cccccc; }
    #home .why h1 { font-size: 25px; font-style: italic; font-weight: bold; color: #808080; }
    #home .why p { text-align: justify; font-size: 11px; padding-bottom: 15px; }
    #home .why a { color: #ed6004; font-weight: bold; text-decoration: none; padding-bottom: 15px; }
        #home .why a .txt { color: #89b200; font-weight: bold; cursor: pointer; }
        #home .why a .auto-n-ship { color: #f69d1f; font-weight: bold; cursor: pointer; }
    #home .why a:hover { text-decoration: underline; }
    #home .why .line { border-top: 1px solid #e5e5e5; height: 2px; float: left; width: 100%; padding: 5px 0px; }

#home .auto-purchasing h2 { text-transform: uppercase; color: #ee6205; font-weight: bold; font-size: 15px; padding: 7px 0px; } 
#home .auto-shipping h2 { text-transform: uppercase; color: #89b200; font-weight: bold; font-size: 15px; padding: 7px 0px; } 
#home .support h2 { text-transform: uppercase; color: #005a84; font-weight: bold; font-size: 15px; padding: 7px 0px; } 
	
#home .box .links { float: left; width: 100%; margin-top: 15px; }
    #home .box .lnk { color: #3d3d3d !important; text-decoration: none; }
    #home .box .links a { text-decoration: none; color: #3d3d3d; border-bottom: 1px solid #e5e5e5; padding: 2px 0px 2px 20px; background: url(../../Images/ico_text.jpg) no-repeat 0px 3px; display: block; }
    .pageLinks a{ text-decoration: none; color: #3d3d3d; border-bottom: 1px solid #e5e5e5; padding: 2px 0px 2px 20px; background: url(../../Images/ico_text.jpg) no-repeat 0px 3px; display: block; }
    
    #home .auto-purchasing .links span { font-weight: bold; color: #f26e08; }
    #home .auto-shipping .links span { font-weight: bold; color: #89b200; }
    #home .support .links span { font-weight: bold; color: #005a84; }
	
/* Contact Us - page
--------------------------------------------------------------------------------------- */
#_contact-us .contact-info { float: left; width: 600px; height:330px; background: #fff url(../../Images/world-contact.gif) no-repeat;  }
#_contact-us .contact-form { float: left; width: 350px;  }
    #_contact-us .form-title {float: left;width:350px; color:gray; text-transform:uppercase; font-weight: bold; font-size: 16px; padding-bottom: 8px; text-decoration: underline; font-family: Verdana;}
    #_contact-us .form-text {float: left;width:350px; padding-top: 5px; padding-bottom:5px;}

    /* overwrite default form-normal classes */
    #_contact-us .form-normal {padding-top:20px; width: 400px; }
        #_contact-us .form-normal .row { width: 400px; }
        #_contact-us .form-normal .button {padding-left:235px;}
	
	
/* Client Dashboard  */

div.dash{padding:10px; margin: 5px 0px; border: 1px solid gray; min-height: 190px; width: 960px; background-repeat: no-repeat; background-position: top left; position: relative; float: left; }
div.dash > div {float: left;}
div#dashShip{ background-image: url(../../Images/Dash/ship.jpg); background-repeat:no-repeat; min-height:140px;}
div#dashAuction{ background-image: url(../../Images/Dash/auction.jpg); background-repeat:no-repeat; min-height:140px; }
div#dashConsultation{ background-image: url(../../Images/Dash/consultations.jpg); background-repeat:no-repeat; min-height:140px;}
div#dashPersonal{ background-image: url(../../Images/Dash/personal-and-billing.jpg); background-repeat:no-repeat; min-height:140px;}

.dash .head{ position: absolute; top: 160px; left: 10px; color: black; }
.head span.main{ font-size: 17px; font-weight: bold; }
.head span.description{ font-size: 14px; }

.dash .body{ margin-left: 250px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; }
.dash h3{ color: Black; font-size: 14px; font-weight: normal; margin-bottom: 7px; margin-top: 10px;}
.dash ul{list-style-type: none; margin-bottom: 20px; margin-left: 20px;}
.dash ul li{ color: Black; margin: 3px;  font-size: 13px; font-weight: bold; font-family: Verdana; }
.dash ul li a{ color: Black; margin: 3px;  font-size: 13px; font-weight: bold; font-family: Verdana; }
.dash .body .highlight{}

.dash .body .center{margin-top: 70px; margin-left: 100px; font-size: 15px; font-weight: bold;}

.headerReg { width: 100%; height: 20px; background-color: #F69222; color: White; border-bottom: 1px solid black; border-top: 1px solid black;}
.headerReg span{ font-weight: bold; font-family: Verdana; font-size: 15px; padding: 2px;}
.contentReg {padding: 5px!important; margin-top: 10px!important; float: left!important;}

.registration {width: 755px!important; border: 1px solid silver; float: left!important; margin-top: 15px; margin-left: 0px!important;}
.registration .main { width: 755px!important; }
.registration .details{width: 755px; margin-top: 40px; }
.registration .main td { width: 50%; text-align: left; vertical-align: top;}
.registration .details td { width: 50%; text-align: left; vertical-align: top;}
.registration .row { width: 377px!important; }
.registration .row .lbl { width: 130px!important; }
.registration .row .txt { width: 200px!important; margin: 0px; padding: 0px;}
.registration .row .ddl { width: 203px!important; margin: 0px; padding: 0px;}
.registration .terms, .pay { width: 800px!important; text-align: left; margin: 40px 0px 0px 0px; float: left;}
.registration .terms input { border: 0px; width: 20px; margin: 0px; }
.registration .terms p{ line-height: 20px; }
.registration .val{ width: 2px; margin-left: 5px;}

.loginReg {width: 190px!important; border: 1px solid silver; float: right!important; margin-top: 15px; margin-right: 0px!important; margin-left: 0px!important;}
.loginReg .row { width: 180px!important; }

.helpIcon{ margin-top: 2px; border: 1px solid silver; margin-left: 5px;}
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; width: 300px; font-weight: normal; }
#tooltip h3, #tooltip div { margin: 0; }

.registration .star{ color: Red; width: 5px!important; margin-right: 2px; }