/* ---------------------------------------------------------------------------------------
[Common componenets of all masters]

Project:		Netrostar Ecommerce Template	
Version:		1.0
Date created:	11/27/2008

Table of Contents:

    Forms ( imported )
    Typography ( imported )
	Others (lists, images, ect.)	
	Structure
		Header Layout
		Content Layout
		Footer Layout
	
--------------------------------------------------------------------------------------- */

/* Reset
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color:#373737;
}

/* Forms
--------------------------------------------------------------------------------------- */
.textbox { height: 16px; border: 1px solid gray; background: #ececec; font-size: 11px; }
.btn { background: transparent url(../../Images/btn_bg.jpg) repeat-x; border: 1px solid #172026; color: #fff; font-weight: normal; }

    /* Form - Normal (default simple form)
    --------------------------------------------------------------------------------------- */
    .form-normal, .form-normal h2.header { float: left; width: 960px; }   
        .form-normal { width: 960px; float: left; }
            .form-normal .row { width: 960px; float: left; margin: 2px 0px; }
                .form-normal .row .lbl { width: 120px; float: left; text-align: left; }
                .form-normal .row .textbox, 
                .form-normal .row .ddl
                { float: left; width: 200px; }
                
                .form-normal .row .tip { font-style: italic; color: Gray; padding: 2px 0px 0px 10px; float: left; }

/* Typography                         "Gill Sans MT", "Gill Sans", GillSans,
--------------------------------------------------------------------------------------- */
body{ font-family:  Arial, Helvetica, sans-serif;font-size: 12px;
}

/* links */
a { text-decoration: none; color:#0c517a;  }
a:active { text-decoration: none; }
a:link {}
a:visited {}
a:hover { color: #008aff; text-decoration: underline; }

/* headers */
h1 {  }
h1.page-title { color:#274770; font-size: 16px; font-weight: bold; font-family: "Myriad Pro", Arial; border-bottom: 1px solid #cdcdcd; }

h2 {  }
h2.page-subtitle { color: gray; font-size: 12px; font-weight: bold; text-transform: uppercase; }

h3 {}
h4 {}
h5 {}
h6 {}

p { text-align: justify; }

/* Others
--------------------------------------------------------------------------------------- */
body { text-align: center; }
table, td, th { border-collapse: collapse; }
td, th { vertical-align: top; }
div { text-align: left; }
a { cursor: pointer; }

/* Structure
--------------------------------------------------------------------------------------- */
body { background: transparent url(../../Images/bg_main.jpg) repeat-x; }

/* main width */
#wrapper, #main-menu, #banner, #content
{ width: 990px; }

#wrapper { margin: auto; position: relative; margin-top: 90px; }

	/* Header Layout
	--------------------------------------------------------------------------------------- */
	h1#site-title { position: absolute; z-index: 1; top: -40px; left: 30px; width: 264px; height:63px; background: transparent url(../../Images/logo.gif) no-repeat; }
		#site-title a { display: block; width: 264px; height: 63px; }
	
	/* quest links */
	.quest { position: absolute; z-index: 3; top: -70px; right: 30px; width: 250px; }
	    .quest p, .quest span.links { width: auto; float: left; color: #434343; }
	    .quest span.links { padding-left: 5px; }
	        .quest span.slash { padding: 0px 0px 0px 2px; color: #0c517a; }
	       
	.my-account { width: 116px; height: 41px; background: transparent url(../../Images/my-account_blank.jpg) no-repeat; 
	               position: absolute; z-index: 3; top: -11px; left: 425px; padding-top:10px; }
	                .my-account a {text-decoration:none; color:White; margin-left:20px; margin-right:20px; font-size:13px;}
	    .my-account span { display: none; }
	    
	.lang-changer { position: absolute; z-index: 4; top: -50px; right: 30px; }
	    .lang-changer .english { width: 18px; height: 18px; padding-left: 20px; background: transparent url(../../Images/lang-english.jpg) no-repeat; border: 0px; font-size: 10px; }
	    .lang-changer .espanol { width: 18px; height: 18px; padding-left: 20px; background: transparent url(../../Images/lang-espanol.jpg) no-repeat; border: 0px; font-size: 10px; }
	        
	/* menu */
	#main-menu { height: 54px; background: transparent url(../../Images/bg_menu.jpg) repeat-x; margin-top: 30px; list-style: none; float: left; }
	    #main-menu li { display: inline; float: left; padding: 12px 0px 0px 0px; }
	    #main-menu li:first-child { margin-left: 25px; }
	        #main-menu a { float: left; display: block; padding: 6px 8px; font-size: 12px; font-weight: bold; color: #fff; }
	        #main-menu a:hover { text-decoration: underline; background: #07466b; }
	
		/* search */
	fieldset#search { position: absolute; z-index: 3; top: 45px; right: 20px; }
	    #search .lbl  { display: none; }
	    #search .textbox { padding: 4px 10px 0px 10px; float: left; border: none; width: 214px; margin-right: 5px; background: transparent url(../../Images/search-input.jpg) no-repeat fixed; background-attachment: scroll !important; height: 22px; }
	    #search .btn { cursor: pointer; border: none; width: 74px; height: 31px; background: transparent url(../../Images/search-btn.png) no-repeat; }
	    #search .btn2 { cursor: pointer; border: none; width: 74px; height: 31px; background: transparent url(../../Images/searcha-btn.png) no-repeat; }
	
	/* banner */
	#banner { height: 260px; background: transparent url(../../Images/banner.jpg) no-repeat; float: left; }
	
	/* sitemap */
	#sitemap { padding: 7px 0px 5px 15px; width: 975px; border-bottom: 1px solid #ececec; float: left;  background-color:#000;}
	    #sitemap span, #sitemap a { float: left; font-size: 11px; font-weight:bold; padding: 0px 4px; color: #fff; }
	    #sitemap .txt-here { font-size: 12px; color: #e5e5e5; }
	    
	/* cart-box */
	div#cart-box { width: 430px; position: absolute; z-index: 2; top: -20px; right: 20px; text-align: right; background: transparent url(../../Images/view-cart-bg.jpg) repeat-x; height: 54px; }
	    
	    #cart-box .left-border { float: left; width: 12px; height: 54px; display: block; background: transparent url(../../Images/view-cart-left-border.jpg) no-repeat; }
	    #cart-box .right-border { float: right; width: 12px; height: 54px; display: block; background: transparent url(../../Images/view-cart-right-border.jpg) no-repeat; }
	
        #cart-box .total { float: left; display: inline; padding: 4px 8px; margin-top: 17px; margin-left: 15px; }
        #cart-box .items { float: left; display: inline; padding: 4px 8px; margin-top: 17px; }
        #cart-box .go-to-view-cart { float: left; display: inline; padding: 4px 8px; margin-top: 17px; }
	
	/* logged-as */
	#logged-as { width: 400px; position: absolute; z-index: 2; top: -80px; right:40px; text-align: right;}
	
	/* Middle Layout
	--------------------------------------------------------------------------------------- */
	#content { float: left; background: #fff url(../../Images/content_bg.jpg) repeat-x; margin-top: 1px; }
	    .page { float: left; padding: 5px; min-height: 400px; }
	        .page h1.page-title { margin: 10px 0px; float: left; width: 940px; }
	        .page h2.page-subtitle { width: 970px; float: left; margin: 0px 0px 10px 0px; }
	        .page p { margin-bottom: 10px; }
	        
	/* Footer Layout
	--------------------------------------------------------------------------------------- */
    #footer { float: left; background: transparent url(../../Images/bg_footer.jpg) repeat-x; height: 50px; padding: 20px; width: 950px; }
        #footer a { font-size: 11px; }
        #footer-menu { float: left; }
            #footer-menu a { font-weight: normal; padding: 0px 5px; }
            #footer-menu a:hover { text-decoration: underline; }
            
        #footer .status { display: block; float: left; width: 800px; padding-top: 10px; font-size: 11px; }