/*--------------------------------------------------------------------
    
    Standard Web CSS Document for NETSARIUS & Eskaywoo projects

---------------------------------------------------------------------*/

/* CCS for elements  */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #27333a;
	background-image: url(../images/bg-main.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;	/* Set background color
	   background-color: #02569A;
    */	/* Set background image
       background-image:url('filename.gif');
       background-repeat:no-repeat | repeat | repeat-x | repeat-y;
       background-attachment:fixed; (this will make the image looks like floating)
    */
	background-position: top;
}
.bg-products {
	background-image: url(../images/bg-products-mid.png);
	background-repeat: repeat-y;
}
.links {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.bg-hero {
	background-image: url(../images/img-hero.png);
	background-repeat: no-repeat;
	background-position: center top;
}

/* CCS for links  */

a:link {
        color: #FFFFFF;
}

a:visited {
	color: red;
}

a:hover {
	
}

a:active {
	
}

/* header elements */

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}


/* form elements */
BUTTON {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
INPUT {font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align:middle;}
SELECT {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
TEXTAREA {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* others */
div, h1, h2, h3, h4, form, label, img, span{
	margin:0; padding:0; border:0px;
}


/* block quote and list */
BLOCKQUOTE, PRE	{font-family:	Courier New, monospace;}
UL LI	{
	list-style-type:	disc;
	color: #9A0A0B;
}
UL LI LI {
	}
UL LI LI LI	{list-style-type:	circle;}
OL LI {list-style-type:	decimal;}
OL OL LI {list-style-type:	lower-alpha;}
OL OL OL LI	{list-style-type:	lower-roman;}


/*--------------------------------------------------------------------
    
    User Defined Class and CSS settings

---------------------------------------------------------------------*/

.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #9A0A0B;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
}
.link-red {
	color: #8E160F;
	text-decoration: none;
	list-style-type: circle;
}

.link-grey {
	color: #333333;
	text-decoration: none;
	list-style-type: circle;
}

.img-padding {
	padding-right: 0px;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#333333;
	text-transform: uppercase;
}

a.footer:link, a.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	border: 0px;	
}

a.footer:hover, a.footer:active{
	color:#FF0000;
	background-color:#B2C931;
	text-decoration: none;
	border: 0px;	
}

.copyright {font-size: 8px;}
.bg-column {
	background-image: url(../images/bg-column-btm.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.copy-mid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: center;
	background-image: url(../images/bg-column-btm.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 15px;
	line-height: 20px;
}
.bullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
}
.header3 {
	font-size: 20px;
	color: #333333;
	padding-left: 15px;
	font-weight: bold;
}
.line-btm {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.line-side-btm {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.line-right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}