/********************************************



   AUTHOR:  			Erwin Aligam 



   WEBSITE:   			http://www.styleshout.com/



	TEMPLATE NAME:		Refresh



   TEMPLATE CODE: 	S-0002



   VERSION:          1.0          	



 *******************************************/



 



/********************************************



   HTML ELEMENTS



********************************************/ 







/* Top Elements */



* {

	margin: 0;

	padding: 0;

}

body {

	background: url(../images/site_bg.jpg) top left;

	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;

	color: #333;

	text-align: center;

}

/* links */



a, a:visited {

	text-decoration: none;

	color: #000000;

	background: inherit;

}

a:hover {

	color: #a8a7a7;

	background: inherit;

}

/* headers */



h1, h2, h3 {

	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;

	font-weight: Bold;

}

h1 {

	font-size: 120%;

}

h2 {

	font-size: 110%;

	text-transform: uppercase;

	color: #88ac0b;

}

h3 {

	font-size: 110%;

	color: #666666;

}

/* images */



img {

	border: 2px solid #CCC;

}

img.float-right {

	margin: 5px 0px 10px 10px;

}

img.float-left {

	margin: 5px 10px 10px 0px;

}

h1, h2, h3, p {

	padding: 10px;

	margin: 0;

}

ul, ol {

	margin: 5px 20px;

	padding: 0 20px;

	color: #88ac0b;

}

ul span, ol span {

	color: #d5d5d5;

}

#nav ul, ol {

	margin: 0px 0px;

	padding: 0 0px;

	color: #88ac0b;

}

code {

	margin: 5px 0;

	padding: 10px;

	text-align: left;

	display: block;

	overflow: auto;

	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;

	/* white-space: pre; */



  background: #FAFAFA;

	border: 1px solid #f2f2f2;

}

acronym {

	cursor: help;

	border-bottom: 1px solid #777;

}

blockquote {

	margin: 10px;

	padding: 0 0 0 28px;

	border: 1px solid #f2f2f2;

	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;

}

/* form elements */



form {

	margin:10px;

	padding: 0 5px;

}

label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}

input {

	padding:2px;

	border:0px solid #eee;

	font: normal 1em Verdana, sans-serif;

	color:#777;

}

textarea {

	width: 400px;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	font-family: Verdana, sans-serif;

	font-style: normal;

	font-variant: normal;

	font-weight: normal;

	font-size: 1em;

	line-height: normal;

	font-size-adjust: none;

	font-stretch: normal;

	-x-system-font: none;

	border-top-width: 1px;

	border-right-width-value: 1px;

	border-right-width-ltr-source: physical;

	border-right-width-rtl-source: physical;

	border-bottom-width: 1px;

	border-left-width-value: 1px;

	border-left-width-ltr-source: physical;

	border-left-width-rtl-source: physical;

	border-top-style: solid;

	border-right-style-value: solid;

	border-right-style-ltr-source: physical;

	border-right-style-rtl-source: physical;

	border-bottom-style: solid;

	border-left-style-value: solid;

	border-left-style-ltr-source: physical;

	border-left-style-rtl-source: physical;

	border-top-color: #4c4c4c;

	border-right-color-value: #4c4c4c;

	border-right-color-ltr-source: physical;

	border-right-color-rtl-source: physical;

	border-bottom-color: #4c4c4c;

	border-left-color-value: #4c4c4c;

	border-left-color-ltr-source: physical;

	border-left-color-rtl-source: physical;

	height: 100px;

	display: block;

	color: #777777;

}

input.button {

	margin: 0;

	font: bolder 12px Arial, Sans-serif;

	border: 1px solid #CCC;

	padding: 2px 3px;

	background: #FFF;

	color: #88ac0b;

}

/* search */



form.search {

	position: absolute;

	top: 35px;

	right: 25px;

	background: transparent;

	border: none;

}

form.search input.textbox {

	margin: 0;

	padding: 1px 2px;

	width: 120px;

	background: #FFF;

	color: #333;

}

form.search input.button {

	background: #CCC url(../images/headerbg.gif) repeat-x;

	color: #333;

	border: none;

	width: 70px;

	height: 21px;

}

/********************************************



   LAYOUT



********************************************/ 



#wrap {

	/*width: 820px;*/



/*	background: #CCC url(../images/content.jpg) repeat-y center top;*/



	margin: 0 auto;

	text-align: left;

}

#content-wrap {

	background-color:#FFF;

	clear: both;

	width: 1000px;

	overflow:hidden;

	margin: 0 auto;

}

.headerwrapper {

	background:url(../images/header_bg.jpg) repeat-x top left;

	height:227px;

}

.headerarea {

	width:1000px;

	height:160px;

	margin:0 auto;

	padding-top:67px;

}

#header_menubg {

	background:url(../images/header_menubg.jpg) repeat-x top left;

	height:45px;

	position:absolute;

	width:1000px;

}

.menu_devided {

	background:url(../images/menu_devided.jpg) no-repeat top left;

	width:2px;

	height:36px;

}

.menulink {

	float:left;

	list-style:none;

}

.menulink li {

	float:left;

	list-style:none;

	text-decoration:none;

}

.menulink li a {

	float:left;

	list-style:none;

	line-height:35px;

	color:#FFF;

	font-size:15px;

	font-family:Arial;

	padding:0 20px;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration:none;

}

.menulink li a:visited {

	color:#FFF;

	font-size:15px;

	text-decoration:none;

}

.menulink li a:hover {

	color:#b0b0b0;

	text-decoration:none;

}

#header {

	position: relative;

	height: 114px;

	background: url(../images/headerarea_bg.jpg) repeat-x left top;

	padding:0px;

	font-size: 14px;

	color: #FFF;

}

#header h1#logo-text {

	position: absolute;

	margin: 0;

	padding: 0;

	font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;

	letter-spacing: -2px;

	color: #FFF;

	text-transform: none;

	/* change the values of top and left to adjust the position of the logo*/



	top: 28px;

	left: 50px;

}

#header h2#slogan {

	position: absolute;

	margin: 0;

	padding: 0;

	font: normal .8em 'Trebuchet MS', Arial, Sans-serif;

	text-transform: none;

	color: #FFF;

	/* change the values of top and left to adjust the position of the slogan*/



	top: 74px;

	left: 58px;

}

/* Menu */



#menu, #menucat {

	clear: both;

	margin: 0;

	padding:0px;

	background: url(../images/header_menubg.jpg) repeat-x left top;

	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;

	height: 45px;

}

#menu ul {

	float: right;

	list-style: none;

	margin:0;

	padding: 0;

}

#menu ul li {

	display: inline;

}

#menu ul li a, #menucat ul li a {

	display: block;

	float: left;

	padding: 0 8px;

	color: #FFF;

	text-decoration: none;

}

#menu ul li a:hover {

	background-color: #ECECEC;

	color: #333;

}

#menu ul li#current a, #menucat ul li#current a {

	background-color: #FFF;

	color: #333;

}

#menucat {

	clear: both;

	margin: 0;

	padding: 0 40px 0 0;

	background: url(../images/menu.jpg) repeat-y center top;

	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;

	height: 26px;

}

/* Main Column */



#main {

	float: right;

	width: 72%;

	margin-right:10px;

}

#main_cartarea {

	width: 980;

	margin:10px 10px;

	overflow:hidden;

}

#main h1 {

	font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;

	color: b2b2b2;


}

.post-footer {

	background-color: #FAFAFA;

	padding: 5px;

	margin: 20px 10px 0 10px;

	border: 1px solid #f2f2f2;

	font-size: 95%;

}

.post-footer .date {

	background: url(../images/clock.gif) no-repeat left center;

	padding-left: 20px;

	margin: 0 10px 0 5px;

}

.post-footer .comments {

	background: url(../images/comment.gif) no-repeat left center;

	padding-left: 20px;

	margin: 0 10px 0 5px;

}

.post-footer .readmore {

	background: url(../images/page.gif) no-repeat left center;

	padding-left: 20px;

	margin: 0 10px 0 5px;

}

/* Sidebar */	



#sidebar {

	float: left;

	width:249px;

	padding: 0;

	margin: 0;

}

#sidebar h1 {

	margin-top: 10px;

	padding: 5px 0 5px 10px;

	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;

	color: #555;

	background: #EEF0F1 url(../images/headerbg.gif) repeat-x left bottom;

	border: 1px solid #EFF0F1;

}

#sidebar .left-box {

	border: 0px solid #EFF0F1;

	margin: 0 0 0px 0;

}

#sidebar ul.sidemenu {

	list-style: none;

	text-align: left;

	margin: 3px 0 8px 0;

	padding: 0;

	text-decoration: none;

}

#sidebar ul.sidemenu li {

	border-bottom: 1px solid #EFF0F1;

	background: url(../images/go.gif) no-repeat 5px 5px;

	padding: 2px 0 2px 25px;

	margin: 0 2px;

}

#sidebar ul.sidemenu a {

	font-weight: bolder;

	text-decoration: none;

	background-image: none;

}

/* Footer */	



#footer {

	color: #b29c6d;

	background: url(../images/footer_bg.jpg) repeat-x left top;

	clear: both;

	width: 1000px;

	margin:0 auto;

	height: 77px;

	text-align: center;

	font-size: 92%;

}

#footer a {

	text-decoration: none;

}

/* alignment classes */



.float-left {

	float: left;

}

.float-right {

	float: right;

}

.align-left {

	text-align: left;

}

.align-right {

	text-align: right;

}

/* display and additional classes */



.clear {

	clear: both;

}

.gray {

	color: #CCC;

}

.footer_devider {

	background: url(../images/footer_devider.png) no-repeat left top;

	height: 43px;

}

.footer_B_icon {

	background: url(../images/footer_B_icon.png) no-repeat center top;

	background-position:0 8px;

}

.footer_Y_icon {

	background: url(../images/footer_Y_icon.png) no-repeat center top;

	background-position:0 8px;

}

.footer_copyright {

	color:#ac9a54;

	font-size:12px;

	font-family:arial;

	font-weight:normal;

	text-decoration:none;

}

a.footer_B_link:link {

	color:#af5c22;

	font-size:12px;

	font-family:arial;

	font-weight:normal;

	text-decoration:none;

}

a.footer_B_link:visited {

	color:#af5c22;

	font-size:12px;

	font-family:arial;

	font-weight:normal;

	text-decoration:none;

}

a.footer_B_link:hover {

	color:#000000;

	font-size:12px;

	font-family:arial;

	font-weight:normal;

	text-decoration:underline;

}

a.footer_Y_link:link {

	color:#ac9a54;

	font-size:12px;

	font-family:arial;

	font-weight:normal;

	text-decoration:none;

}

a.footer_Y_link:visited {

	color:#ac9a54;

	font-size:12px;

	font-family:arial;

	font-weight:normal;

	text-decoration:none;

}

a.footer_Y_link:hover {

	color:#000000;

	font-size:12px;

	font-family:arial;

	font-weight:normal;

	text-decoration:underline;

}

.categoryheaderarea {

	height:48px;

	color:#e6db9f;

	font-size:24px;

	font-family:Arial;

	background: #bd8b10;

	padding-left:20px;

}

.categoryheadertext {

	color:#e6db9f;

	font-size:24px;

	font-family:Arial;

	padding-left:25px;

	background: url(../images/category_icon.jpg) no-repeat left top;

	background-position:0 11px;

	padding-top:14px;

	margin-left:0px;

	height:30px;

}

.categoryarea {

	background-color:#cda546;

	padding-bottom:5px;

}

.cate_menulink li {

	color:#fff;

	font-size:14px;

	font-family:arial;

	padding-top:5px;

}

.cate_menulink li a {

	color:#fff;

	font-size:14px;

	font-family:arial;

	font-weight:bold;

	text-decoration:none;

}

.cate_menulink li a:link {

	color:#fff;

	font-size:14px;

	font-family:arial;

	text-decoration:none;

}

.cate_menulink li a:visited {

	color:#fff;

	font-size:14px;

	font-family:arial;

	text-decoration:none;

}

.cate_menulink li a:hover {

	color:#e6db9f;

	font-size:14px;

	font-family:arial;

	text-decoration:none;

}

.newsletter {

	color:#e6db9f;

	font-size:24px;

	font-family:Arial;

	padding-left:20px;

	background: url(../images/newsletter.jpg) repeat-x left top;

	height:48px;

}

.newsletterheader {

	color:#e6db9f;

	font-size:24px;

	font-family:Arial;

	padding-left:25px;

	background: url(../images/newsletter_icon.jpg) no-repeat left top;

	padding-top:14px;

	margin-left:0px;

	height:34px;

}

.newsletterarea {

	color:#ece6c2;

	font-size:24px;

	font-family:Arial;

	background-color:#92482e;

	font-size:12px;

}

.newsletter_inputbox {

	color:#000;

	font-size:11px;

	font-family:Arial;

	background: url(../images/newsletter_inputbox.jpg) no-repeat left top;

	width:129px;

	height:20px;

	margin-top:3px;

}

.compare_text {

	color:#e6db9f;

	font-size:12px;

	font-weight:bold;

	font-family:Arial;

	padding-left:25px;

	padding-top:16px;

	margin-left:0px;

	height:34px;

	background: url(../images/compare_icon.jpg) no-repeat left top;

}

.compareheader {

	padding-left:10px;

	background: url(../images/compare_bg.jpg) repeat-x left top;

	height:48px;

}

.comparearea {

	background-color:#ab6020;

	padding-bottom:5px;

	color:#dce693;

	font-size:12px;

}

.cate_menulink li span {

	color:#FFF;

	font-size:12px;

	font-weight:bold;

	font-family:arial;

}

.cate_menulink li a span {

	color:#FFF;

	font-size:12px;

	font-weight:bold;

	font-family:arial;

}

.cate_menulink li a:link span {

	color:#FFF;

	font-size:12px;

	font-weight:bold;

	font-family:arial;

	text-decoration:none;

}

.cate_menulink li a:visited span {

	color:#FFF;

	font-size:12px;

	font-weight:bold;

	font-family:arial;

	text-decoration:none;

}

.cate_menulink li a:hover span {

	color:#8e442e;

	font-size:12px;

	font-weight:bold;

	font-family:arial;

	text-decoration:none;

}



.home_headingtext{ font-size:30px; color:#040404; font-family:arial; font-weight:normal;}

.home_headingtextRed{ font-size:30px; color:#b04930; font-family:arial; font-weight:normal;}

.home_text{ font-size:12px; color:#202020; font-family:arial; font-weight:bold;}

.rightborder{ border-right:1px solid #dddddd; padding-right:10px; padding-left:10px;}

.home_textproduct{ font-size:14px; color:#202020; font-family:arial; font-weight:bold; text-transform:uppercase;}



#homebanner_index{ position:absolute; margin-top:0px; margin-left:-20px; z-index:500; border:0px;}

.item{ float:left; margin:5px 35px; border:1px solid #eeeeee; padding:5px;}



.subcribeBTN {

	border:0px solid #406a83;

	/*    background-color:#618499;*/

	background:transparent url(../images/subscribe.jpg) no-repeat left top;

	width:83px;

	height:20px;

}