/* @override 
	http://localhost/~Tien/Ortenhill%20HTML/css/ortenhillstyle.css
	http://dev.ortenhill.com/css/ortenhillstyle.css
	http://ortenhill.com/dev/css/ortenhillstyle.css
*/

body {
	color: #000;
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: 400;
	margin-top: 0;
	min-width: 960;
}

/* @group HEADER */

#header {
	background: url(../images/logo_grey.png) no-repeat left top;
	display: block;
	height: 100px;
	width: 100%;
}

/* @end */

	/* @group SOCIAL MEDIA */

#socialmedia {
	clear: both;
	display: inline-block;
	float: right;
}

.smbar_facebook {
	display: inline-block;
	height: 40px;
	width: 40px;
	background-image: url(../images/logo_facebook.png);
}

.smbar_twitter {
	display: inline-block;
	height: 40px;
	width: 40px;
	background-image: url(../images/logo_twitter.png);
}

.smbar_youtube {
	display: inline-block;
	height: 40px;
	width: 95px;
	background-image: url(../images/logo_youtube.png);	
}
	
	
	
	/* @end */

/* @group NAV */

#nav {
	margin-right: auto;
	text-transform: uppercase;
	display: inline;
	float: right;
	margin-top: 60px;
	clear: both;
}

#nav li {
	display: inline;
	zoom: 1;
	*display: inline;
	margin: 0 0 0 20px;
}

#nav a:link {
	color: #000;
}

#nav a:hover {
	color: #a9a9a9;
}

#nav h6 {
	margin-bottom: -4px;
	font-weight: 60000;
	font-size: 1.5em;
}

#nav p {
	font-weight: 40000;
	font-size: 1em;
	//color: #666;
}

.navbtn {
	text-align: center;
	color: #fff;
}

.navactive {
	text-align: center;
	color: #9f984f;
}

/*

@end */

/* @group MAIN CONTENT */

#maincontent {
	display: inline-block;
	width: 940px;
	margin-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.contentbox {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	width: 295px;
	margin-right: 15px;
	zoom: 1;
	*display: inline;
}

#maincontent p {
	//font-size: 1em;
	color:#666;
}

#maincontent ul, ol {
	color: #797979;
	margin-bottom: 12px;
	font-weight: 200;
}

/* My Comment */

#maincontent img {
	//margin-bottom: 10px;
}

.morebtn {
	//background-color: #beace3;
	padding: 3px 6px;
	color: #9f984f;
	text-transform: uppercase;
	font-size: 0.65em;
}

a:hover.morebtn {
	color: #666;
}

#rightpanel {
	display: inline-block;
	width: 190px;
	vertical-align: top;
	margin-left: 20px;
	color: #fff;
	margin-top: 25px;
	background: url(../images/bg_translucent.png) repeat;
	padding: 30px;
}

#rightpanel a:link {
	color: #fff;
	border: 1px solid #fff;
	padding: 2px 7px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#rightpanel a:hover {
	color: #666;
	border: 1px solid #666;
}

#rightpanel a:hover {
	color: #666;
	border: 1px solid #666;
}

.floatleft {
	float: left;
	margin-right: 18px;
}

.floatright {
	float: right;
}

#content {
	display: inline-block;
	vertical-align: top;
	width: 620px;
	min-height: 400px;
}

.landingbuttons {
	margin-top: 15px;
}

.btnleft {
	//margin-top: 5px;
}

.btnright {
	margin-left: 20px;
}

.contenthead {
	color: #666;
}

/* @end */

/* @group FOOTER */

#footer {
	display: block;
	margin-top: 30px;
	text-transform: uppercase;
	font-size: 0.75em;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
}

.footerrights {
	float: right;
}

#footer a:hover {
	text-decoration: underline;
}

/* @end */

/* @group CATEGORY */

.catbox {
	display: inline-block;
	width: 300px;
	margin-left: 8px;
	position: relative;
	left: -10px;
	vertical-align: top;
	margin-bottom: 25px;
}

.catimg {
	margin-bottom: 10px;
}

.cathead {
	text-transform: uppercase;
	
}

.catdescription {
	text-transform: uppercase;
	font-size: 0.75em;
	margin-bottom: 10px;
}

/* @end */

/* @group PRODUCT */

.prodimg {
	display: inline-block;
	width: 300px;
	vertical-align: top;
}
.prodtext {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	margin-left: 16px;
}

.prodhead {
	text-transform: uppercase;
	font-size: 1.1em;
}

.prodtext p {
	text-transform: uppercase;
	font-size: 0.75em;
	background-repeat: repeat;
}

.fb-like {
	display: block;
	clear: both;
	vertical-align: top;
}

.socialmedia {
	display: block;
	margin-top: 35px;
	clear: both;
	
}

.price {
	color: #000;
	/*font-size: 1.1 em;*/

}

.blockspace1 {
		display: inline-block;
	width: 140px;
}

.imgroll {
	margin-left: 10px;
}



/* @end */

/* @group shoppingcart */

.textfieldsingleshort {
	border: 1px solid #999;
	margin-left: 6px;
}

#shoppingcarttable {
	color: #666;
	margin-bottom: 30px;
}

.tablehead {
	height: 30px;
	font-weight: bold;
}

.tabletotal {
	color: #000;
	font-size: 1.1em;
	border-top: 1px dotted #666;
	height: 30px;
}

.tabletotalcol {
	vertical-align: middle;
	height: 30px;
}

.buttonrowright {
	text-align: right;
}

.tablecontent {
	//text-transform: uppercase;
}

.tablecontent2 {
	//text-transform: uppercase;

}



/* @end */

.rowbreak {
	display: block;
	margin-top: 18px;
	text-align: right;
}

input.textsingleline {
	border: 1px solid #999;
	padding: 2px;
	margin-bottom: 8px;
	width: 200px;
	height: 24px;
	color: #666;
	
}

#registrationtable {
	color: #666;
	font-size: 0.9em;
}

/* @group REGISTRATION */

#registrationtable tr {
	height: 28px;
}

#registrationtable td {
	padding-bottom: 15px;
}

.registrationhead {
	color: #000;
	font-size: 1.1em;
}

.regtextsingle {
	border: 1px solid #999;
	padding: 5px;
	height: 12px;
	width: 150px;
}

/* @end */

input {
	font: 1em 'Open Sans', Arial, Verdana, sans-serif;
}

.regtextmulti {
	margin-left: -1px;
	height: 80px;
	width: 220px;
	resize:none;
}

.redx {
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin: 0 0 4px 4px;
}

a.allbtn {
	color: #666;
	text-transform: uppercase;
	font-size: 0.7em;
	padding: 3px 8px;
	border: 1px solid #666;
}

input.inputallbtn {
	color: #666;
	text-transform: uppercase;
	font-size: 0.7em;
	padding: 3px 8px;
	border: 1px solid #666;
	background-color: transparent;
}

input.inputallbtn:hover {
	cursor: pointer;
}

.catprice {
	display: inline-block;
	float: right;
	position: relative;
	top: -35px;
	right: 10px;
	color: #542f63;
	font-weight: bold;
	font-size: 1.1em;
}

#panelright {
	display: inline-block;
	width: 300px;
	color: #000;
	margin-left: 16px;
	vertical-align: top;
}

.panelpadding {
	padding: 14px 20px 20px;
		//background-color: #dedede;
		margin-bottom: 10px;
	border: 1px solid #ebebeb;
	background: url(../images/bg_gradient.gif) repeat-x 0 top;
}

#panelright p {
	margin: 0;
	color: #000;
}

#shoppingcartmini {
	font-size: 0.8em;
	color: #666;
}

#shoppingcartmini td {
	padding: 3px;
	height: 22px;
	vertical-align: middle;
}

.minirowhead {
	color: #000;
}

.minirowtotal {
	color: #000;
	font-weight: bolder;
	font-size: 1.1em;
	height: 30px;
	border-top: 1px dotted #666;
}
code, pre {
  padding: 0 3px 2px;
  font-family: Monaco, Andale Mono, Courier New, monospace;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  background-color: #fee9cc;
  color: rgba(0, 0, 0, 0.75);
  padding: 1px 3px;
}
pre {
  background-color: #f5f5f5;
  display: block;
  padding: 8.5px;
  margin: 0 0 18px;
  line-height: 18px;
  font-size: 12px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

table#sizechart {
}

#sizechart td {
	padding: 10px;	
	border: 1px solid #cbcbcb;
}

#brands a {
	color: #232323;
	font-weight: bold;
	font-size: 1.1em;
}

#brands a:hover {
	text-decoration: underline;
}

.deliverymultiline {
	border: 1px solid #999;
	resize:none;
	width: 440px;
}

#maincontent li {
	color:#666;
	font-size: 1.1em;
}

.msg {
	color: #f42319;
	text-align: center;
}