/*text format*/
/*Background #515151 Darkgray #dddddd  Lightgray #dbd2d8  Accent color #c8da2b Accent color #a8b725*/


/*--------------------------------------Common type style----------------------------------------*/

.p, .info, a, h1, h2, #nav, .active, .gallery, .description, .title, .menu, #footer  {
	font-family:  "Verdana", Lucida Grande, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	}

/*--------------------------------------Common accent color 1 green ----------------------------------*/
a, h1, .navheading, .gallery a:hover, .active, .menu a:hover {
	color: #535650;
	}


/*--------------------------------------Common color 1 gray ----------------------------------------*/
.p, #nav, #nav a, .normal, .menustroke, .gallery li, .description, .title   {
	color: #8b8b8b;
	}

/*--------------------------------------Common color 2 lightgray ---------------------------------*/
.menu li a, #nav a:hover, #footer {
	color: #8f8989;
	}

.navactive {
	color: #b5b5b5;
	}
/*--------------------------------------Forced scorll bar----------------------------------------*/

html {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
	} 

/*--------------------------------------Text highlight----------------------------------------*/

::-moz-selection{
	background: #a9bf38;
	color: white;
	} 

::selection {
	background: #a9bf38;
	color: white;
	}

/*--------------------------------------Type style----------------------------------------*/

h1 {
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 12px;
	color: #3b3b3b;
	}

h2 {
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #888;
	letter-spacing: 0px;
	}

.p {
	margin: 0px 0px 15px 0px;
	line-height: 18px;
	font-size: 11px;
	width: 400px;
	float: left;
	color: #797979; 
	}

.p2 {
	width: 350px;
	float: right;
	}

a {
	margin: 15px 0px 10px 0px;
	font-size: 11px;
	}

/*--------------------------------------Lines ----------------------------------------*/

.longline {

	border-left-style: solid;

	border-bottom-style: solid;

	border-right-style: solid;

	border-top-style: solid;

	border-top-color: #dddddd;

	border-left-width: 0px;

	border-bottom-width: 0px;

	border-right-width: 0px;

	border-top-width: 1px;

	margin: 0px 0px 10px 0px;
	width: 850px;
	padding: 0;
	}


/*-------------------------------------- header ----------------------------------------*/
.header {
	background-color: white;
	position: relative; 
	margin: 0px 0px 0px 0px;
	width: 850px;
	height: 80px;
	}

#information {
	margin: -30px 0px 0px 0px;
	position: relative;
	right: 0px;
	list-style-type: none;
	padding: 0;
	}

#information li	{
	list-style-type: none;
	margin: 0px 0px 0px 40px;
	background-color: white;
	position: relative; 
	float: right;
	height: auto;
	width: auto;
	}

#information .checkout {
	margin: 0px 0px 0px 0px;
	position: relative; 
	background-image: url(../img/cart.jpg); 
	background-repeat: no-repeat;
	float: left;
 	width: 30px;
 	height: 30px;   
	padding: 0px;
	}
	
#information .mail {
	margin: 0px 0px 0px 0px;
	position: relative; 
	background-image: url(../img/mail.jpg); 
	background-repeat: no-repeat;
	float: left;
 	width: 30px;
 	height: 30px;   
	padding: 0px;
	}

#information .stamp {
	margin: 0px 0px 0px 0px;
	position: relative; 
	background-image: url(../img/stamp.jpg); 
	background-repeat: no-repeat;
	float: left;
 	width: 30px;
 	height: 30px;   
	padding: 0px;
	}

/*-------------------------------------- Nav ----------------------------------------*/

#nav {
	list-style-type: none;
	margin: 0px 0px 40px 0px;
	padding: 0px;	
	width: 850px;
	}	

#nav li{
	margin-right: 10px; 
	text-decoration: none;
	float: left;
	}

#nav a { 
 	text-decoration: none;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #383838;
	letter-spacing: 1px;
	}
	
.navactive { 
	margin: 0px 0px 0px 0px;
	color: #b8b8b8;
	font-size: 12px;
	letter-spacing: 1px;
	}
	

/*-------------------------------------- Menu_bottom ----------------------------------------*/
.menu {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding-left: 0;
	position: relative;
	}

.menu li { 
	list-style-type: none;
	margin: 0px 10px 0px 0px; 
	text-decoration: none;
	float: left;
	}

.menu li a { 
	margin: 0px 0px 0px 0px;
	font-size: 10px; 
	text-decoration: none;
	font-weight: normal;
	}

.menustroke { 
	font-size: 10px; 
	}

.active {
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
	font-size: 10px; 
	position: relative;
	float: left;
	border: solid 0px #ccc;
	}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	width: 840px;
	height: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

.gallery li {
	border: solid 0px #dddddd;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	float: left;
	position: relative;
	text-align: center;
	width: 165px;
	height: 165px;
	}

.gallery a {
	text-decoration: none;
	color: #888;
	font-size: 11px;
	text-align: center;
	}

.gallery a:hover {
	border: solid 0px #ccc;
	text-decoration: none;
	}

/*-------------------------------------- Layout ----------------------------------------*/
.wrapper {
	background-color: white;
	margin: 45px auto 0px auto;
	padding: 15px;
	width: 850px;
	overflow: auto;
	}

.main{
	background-color: white; 
	width: 850px; 
	margin: 20px 0px 30px 0px;
	border: #dddddd 0px solid;
	padding: 0px;
	overflow: auto;

	}

.comingsoon{
	background-color: #6d5223; 
	width: 850px; 
	height: 450px; 
	margin: 0px 0px 0px 0px;
	border: #dddddd 0px solid;
	padding: 0px;
	overflow: auto;

	}


/*-------------------------------------- products ----------------------------------------*/
.product { 
	position: relative; 
	float: left;
	width: 850px;
	height: 299px;
	margin: 0px 0px 0px 0px;
	background-color: none;
	padding: 0px;
	border: #dddddd 0px solid;
	background-color: #fff6fa; 
	overflow: hidden;
	}

.productinfo { 
	position: relative; 
	background-color: white; 
	float: right;
	width: 200px;
	margin: 0px 20px 10px 10px;
	border: #dddddd 0px solid;
	}

.description { 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	color: #888;
	}

.title { 
	line-height: 20px;
	margin: 0px 0px 10px 0px;
	font-size: 20px;
	color: #888;
	}

.description li	{
	margin: 0px 0px 5px -10px;
	font-size: 12px;
	line-height: 15px;
	padding-left: 10px;
	background-image: url(../img/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}

.cart {
	position: relative; 
	background-image: url(../img/buy.png); 
	background-repeat: no-repeat;
	float: left;
 	width: 210px;
 	height: 60px;   
	margin: 20px 0px 10px -5px;
	padding: 0px;
	}
	
.blogicon {
	position: relative; 
	background-image: url(../img/blogger_md.png); 
	background-repeat: no-repeat;
	float: left;
 	width: 40px;
 	height: 40px;   
	margin: 20px 0px 10px -5px;
	padding: 0px;
	}

.backtoshop {
	line-height: 15px;
	margin: 30px 0px 10px 0px;
	font-size: 11px;
	}

/*-------------------------------------- info ----------------------------------------*/	
.info {
	background-color: white; 
	width: 450px; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	overflow: auto;
	}

.sicons{
	background-color: white; 
	width: 400px; 
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: left;
	}


.columnright { 
	position: relative; 
	background-color: white; 
	float: right;
	width: 300px;
	margin: 0px 0px 20px 0px;
	border: #dddddd 0px solid;
	}


/*-------------------------------------- Body and footer ----------------------------------------*/

body{
	background-repeat: repeat;
	background-image: url(../rotate2/rotate.php);
	}

#footer {
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: -15px 0px 0px 0px;
	font-size: 9px;
	float: right;
	}