@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/main_body_bg.jpg) repeat-x top;
	margin:0; padding:0;	
}


/*=============
    COMMON
================*/
#mainbody{
	width:980px; height:auto;
	margin:0; padding:0;
	background:url(../images/top-bg.jpg) no-repeat top;	
}
.clr{
	clear:both;	
}
.fleft{
	float:left;	
}
.frite{
	float:right;
}	
.error_msg{
	background:#fad4d4 ;
	border:1px solid #c44509;
	padding:10px 5px;
	margin-bottom:15px;
	font-size:13px; color:#793307; font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.success {
	background:#d4f684;
	border:1px solid #739f1d;
	padding:10px 5px;
	margin-bottom:15px;
	font-size:13px; color:#060; font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.spctxt{
	font-size:15px; 
	font-weight:bold;
	color:#83070a;	
}
.hrline{
	border-bottom:1px dashed #ccc;
	padding-bottom:5px;
}
	 
/*=============
    Top Header
===============*/
#topheader{
	width:100%; height:130px;
	margin:0; padding:0;	
}
.menu{
	width:674px; height:47px;
	background:url(../images/menu_bg.gif) no-repeat;
	margin-top:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:13px; font-weight:normal;
	text-transform:uppercase;
 }
.menu ul{
	list-style:none;
	margin:0; padding:15px 0px;
	text-align:left; 	
	margin-left:5px;
}
.menu ul li{
	display:inline;
	padding:0 9px;
}
.menu ul li a{
	color:#636561;
	text-decoration:none;	
}
.menu ul li a:hover, .menu ul li a.current{
	color:#F00;
}

/*Logo*/
.logo{
	width:291px; 
	height:90px;
	margin:0; padding:0;
	background:url(../images/logo.png) no-repeat;
	margin:15px 0px; 	
	text-indent:-4000px;
}
.logo a{
	display:block;	
	width:291px; 
	height:90px;
}
	 
/*=============
    Container
================*/
#banner{
	width:100%; height:336px;
	margin:0; padding:0;	
}
.slider{
	width:665px; height:336px;	
}
.brand{
	width:300px; height:336px;	
}

/*Container*/
#container{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%; height:auto;
	margin:0; padding:0;
}
.innercontainer{
	background:#f6f6f6;
	border:1px solid #e3dacc;
	min-height:300px;	
	padding:10px;
}
.innercontainer h2{
	font-family: "Trebuchet MS", sans-serif;
	text-align:left;
	margin:0; padding:6px 0;
	font-size:17px; font-weight:normal;
	text-transform:uppercase;
	color:#b60c0c;
	background:url(../images/vertical_line.gif) repeat-x bottom;
}
.innercontainer h2 span{
	font-family: "Trebuchet MS", sans-serif;
	text-align:left;
	margin:0; padding:6px 6px;
	color:#262524;
	font-size:15px; font-weight:normal;
	text-transform:uppercase;
}

.header{
	font-family: "Trebuchet MS", sans-serif;
	text-align:left; font-size:18px;
	color:#F60;
}
.maintxt{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;
	text-align:justify;	
	margin-left:-10px;

}
 .homepro{
 	margin:13px 6px; padding:0;	
}
.homepro img{
	border:1px solid #CCC;	
	
}
.homepro img:hover{
 	border-bottom:2px solid #8c1713;
 	border-top:2px solid #ebdb0e;
 }

.homepro h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0; padding:6px 0;
	font-size:13px; font-weight:bold;
	text-transform:uppercase;
}
.hometxt{
	font-size:13px; font-weight:normal;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	padding-top:5px;
}
.homelink{
	font-size:13px; font-weight:normal;
	text-align:left;
	color:#F00;
	text-decoration:underline;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	padding-top:5px;
}
.homelink a{
	color:#F00;
	text-decoration:none;
}
.bluetxt{
	color:#8c1713;	
}
.maroontxt{
	color:#871315;	
}
.pinktxt{
	color:#eb699a;	
}
.greentxt{
	color:#48be06;	
}
.violet{
	color:#63276e;	
}
.orangetxt{
	color:#eaab00;	
}

.bottomcontainer{
	width:100%; height:163px;
	background:url(../images/bottom_container.jpg) no-repeat;
	margin:45px 0 20px 0;	
}
.news{
	font-size:13px; font-weight:normal;
	margin:64px 0 0 105px;
	width:390px; line-height:33px;
	text-align:left;
}
.celebrating{
	width:255px; height:110px;
	padding:5xp 10px;
	margin:15px 10px 0 0;
}
.celebrating h2{
	font-family: 'Oxygen', sans-serif;
	text-align:left; text-transform:uppercase;
	font-size:15px; font-weight:normal;
	margin:0; padding:0;
}
.celebrating ul{
	margin:0; padding:0;
	font-size:12px; text-align:left;
	list-style:none;	
}
.celebrating ul li{
	background:url(../images/star.jpg) no-repeat left top;
	padding-left:18px;
	padding-top:5px;
}

/*Product Box*/
.probox{
	width:205px; height:180px;
	margin:7px 10px;
   	padding:0;	
}
.proname{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;
	font-weight:normal;
	color:#4f1b04;
	text-align:center;
	margin-top:-35px;
	margin-left:20px;
}
.proimg{
	margin:0; padding:10px;
	background:#f0f0f0;
	border:1px solid #e0ddd4;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;
 }
 .proimg img{
 	min-width:180px;
	max-width:180px;
	min-height:135px;
	max-height:135px;
  }
.proimg:hover{
	border:1px solid #ff1010;	
}

/*Product Box2*/
.probox_big{
	width:740px; height:auto;
	margin:20px 5px; padding:0;	
}
.proname_big{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;
	font-weight:normal;
	color:#4f1b04;
	text-align:left;
	padding:10px 0;
}
.proimg_big{
	margin:0; padding:10px;
	background:#f0f0f0;
	border:1px solid #e79f97;	
	width:475px;
}
.proimg_big:hover{
	border:1px solid #ed3c2a;	
}
.proimg_big2{
	margin:0; padding:10px;
	background:#f0f0f0;
	border:1px solid #e79f97;	
	width:300px;
}
.proimg_big2:hover{
	border:1px solid #ed3c2a;	
}

.proimg_content{
	width:405px;
	margin-left:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	
}
.proimg_content h6{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:0; padding:0;
}	
.w740{
	width:740px; height:auto;
	min-height:400px;
	padding-top:15px;	
}
.w650{
	width:650px; height:auto;
	min-height:400px;
	padding-top:15px;	
  }


	 
/*=============
    Footer
================*/
#footer{
	width:100%; height:205px;
	background:url(../images/bottom_bg.jpg) repeat-x;
	margin-top:25px;	
}
.footercontent{
	width:980px; height:155px;
	padding-top:15px;	
}
.footlink{
	width:980px; height:auto;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px; font-weight:normal;
	margin-top:0px;
	color:#626161;
}
.footxt{
	font-size:13px;
	text-align:left;
	line-height:25px;	
	padding-left:0px;
}
.footxt  a{
	color:#3d3c3c;
	text-decoration:none;	
}
.footxt a:hover{
	color:#F00;
	text-decoration:underline;
}
/*.footxt{
	font-family:Verdana, Geneva, sans-serif; font-size:11px;	
	padding-top:25px;
}
.mailing{
	width:320px; height:auto;	
	margin-top:28px;
}
.mailing h2{
	font-family: 'Oxygen', sans-serif;
	text-align:left; text-transform:uppercase;
	font-size:15px; font-weight:normal;
	margin:0; padding:0;
}
*/

/*================
	Form
=============*/
.mailingbox{
	font-family:Verdana, Geneva, sans-serif; font-size:12px;
	text-align:left;
	background:white;
	border:1px solid #999;
	padding:5px 3px;
	margin:5px;
	-moz-border-radius:3px;
	border-radius:3px;	
}
.mailbtn{
	font-family:Verdana, Geneva, sans-serif; font-size:11px;
	text-align:left; font-weight:bold;
	background:white;
	padding:5px 3px;
	margin:5px;
	-moz-border-radius:3px;
	border-radius:3px;	
	background:url(../images/btnbg.png) repeat-x;
	color:white;
	height:22px;
	border:none;
}
/***** Forms********/

#form_con2{
	width:205px; height:auto;
}
.inputbox{
	background:white;
	border:1px solid #d7d8c1;
	font-size:12px; color:#a9a99e;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;	
	border-radius:6px;
	-moz-border-radius:6px; -moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:5px;
	width:88%
}
.inputbox :focus{
	border:1px solid #c6c7b7;
}
.btn{
	background:#d1d1c7;
	border:1px solid #bcbdb0;
	padding:5px 10px;
	text-align:center;
	font-size:13px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7c7c72;
	border-radius:6px;
	-moz-border-radius:6px; -moz-border-radius:6px;
	-webkit-border-radius:6px;
}
/* Form */

form fieldset {
	margin:0 5px;
	padding:0 5px;
	border:1px solid #ebeaea;
}
form legend {
	font-size:13px;
	color:#555;
	font-weight:normal;
	padding:0 10px 0 10px;
	line-height:18px;
	margin:0px;
}
form dt {
	margin-bottom:2px;
}
form dd {
	margin-bottom:15px;
}
form dt label {
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	color:#555
}
form p {
	clear:left;
	margin-bottom:0;
	padding:5px 0;
	width:100%
}
form p label {
	display:block;
	float:left;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	color:#555;
	width:100px;
	vertical-align:middle;
	padding:5px;
	text-align:right;
	margin-right:10px
}
form p small {
	display:block;
	margin:0 10px 0 120px;
	font-size:10px;
	color:#aaa
}
form dl.inline dt {
	clear:both;
	width:28%;
	float:left;
	text-align:right
}
form dl.inline dt label {
	margin-right:12px
}
form dl.inline dd {

	float:left;
	width:70%;
	margin:0 0 15px
}
form dl dd small {
	display:block;
	font-size:11px;
	color:#aaa
}
form dl .disabling{
	background:#ececec;
	border:1px solid #ccc;
	width:250px; padding-left:5px;
	height:25px; line-height:25px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor:default;
	color:#9c9b9b;
}
form div.buttons {
	margin:20px 0 10px 28%
}
form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
	border:1px solid #ccc;
	padding:4px 5px;
	background:#fff url(../images/input-bg.html) 0 0 repeat-x
}
form select {
	padding:3px
}
form input[type="text"]:hover, form input[type="email"]:hover, form input[type="password"]:hover, form select:hover, form textarea:hover {
	border:1px solid #999
}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus {
	border:1px solid #777
}
form input[type="radio"], form input[type="checkbox"] {
	vertical-align:middle;
}
form input.small, form select.small, form textarea.small {
	width:100px
}
form input.medium, form select.medium, form textarea.medium {
	width:200px
}
form input.big, form select.big, form textarea.big {
	width:300px
}
input#newstitle {
	font-size:20px;
	width:540px
}
form label.error {
	font:10px Tahoma, sans-serif;
	color:#ED7476;
	margin-left:5px
}
form input.error, form input.error:hover, form input.error:focus, form select.error, form textarea.error {
	border:1px solid #ED7476;
	background:#FFEDED
}
.error_msg{
	background: url(../images/error.html) no-repeat left #fad4d4 ;
	border:1px solid #c44509;
	padding:10px 45px;
	margin-bottom:15px;
	font-size:13px; color:#793307; font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}