* {
	text-decoration: none;
}

html {
	background-color: #fff;
	font-family: arial, tahoma;
	font-size: 12px;
}

h4 {
	padding: 0;
	margin: 0;
}

a {
	color: inherit;
}

body {
	padding: 0;
	margin: 0;
	width: 100%;
}

.gloss-form form label  {
	
}

form {
	background: transparent;
}

form input.inputText {
	background: url(../img/gloss-input-text.gif) repeat-x scroll center;
	line-height: 20px;
	height: 20px;
	border: solid #666;
	border-width: 1px;
	margin: 2px 0 2px 0;
	padding: 0 1px 0 1px;
}

form textarea.inputText {
	background: #f5f5f7;
	border: solid #666;
	border-width: 1px;
	margin: 2px 0 2px 0;
	padding: 0 1px 0 1px;
}

.listheader {
	background: url(../img/gloss-input-text.gif) repeat-x scroll center;
	height: 20px;
	line-height: 20px;
	border: solid #666;
	border-width: 1px;
}

.listdata  {
	line-height: 20px;
	background: #f5f5f7;
	border: solid #666;
	border-width: 0 1px 0 1px;
}

form input.inputButton {
	background: url(../img/gloss-input-text.gif) repeat-x;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.horizontal-bar {
	line-height: 20px;
	height: 20px;
}

#top-bar {
	background: url(../img/gloss-thickdark-topbar.png) repeat-x;
	display: block;
	width: 1004px;
	overflow: hidden;
}

#top-bar-nav { 
	background: url(../img/gloss-thicklight-topbar.png) repeat-x;
	width: 462px;
	float: left;
}

#top-bar-nav .spacer { 
	width: 20px;
	height: 20px;
	float: left;
}

#top-bar-cart {
	color: #fff;

}

.dev {
	border: solid #f00;
	border-width: 1px;
}

.bar-spacing {
	width: 34px;
	float: left;
}

/*.banner-spacing {
	width: 21px;
	float: left;
}*/

.page-spacing {
	width: 30px;
	float: left;
}

.page-spacing-2 {
	width: 34px;
	float: left;
}

.page-width {
	min-width: 980px;
}

#page {
	background: #fff url(../img/gloss-page-middle.png) repeat-x;
	background-position: 0 78px;
	display: block;
}

.banner-element {
	height: 78px;
}

#banner-bar-middle {
	width: 339px;
	display: block;
	height: inherit;
	float: left;
	padding: 0 0 0 123px;
}

#banner-bar-middle #box {
	background: url(../img/gloss-box2.gif) no-repeat;
	width: 215px;
	height: 63px;
	margin: 6px 0 0 0;
	text-align: center;
	float: left;
}

#banner-bar-middle #content {
	padding: 0;
	margin: 0;
}

#banner-bar-middle #box #content img.icon {
	padding: 0;
	margin: 0;	
	max-height: 63px;
	max-width: 63px;
}

#banner-bar-right {
	height: inherit;
}

#page-content {
	width: 1004px;
	display: block;
	overflow: hidden;
}

.page-content-container {
	margin-top: 20px;
}

.side-column {
	width: 228px;
	float: left;
}

.middle-column {
	width: 462px;
	float: left;
}

.centered {
	margin: 0 auto 0 auto;
}

.category-icons {
	display: block;
	min-height: 115px;
}

.category-icon {
	display: inline;
	overflow: hidden;

	background: url(../img/gloss-shadow.png) no-repeat scroll bottom center;
	height: 112px;
	width: 112px;
	padding: 0px;
	
}

.category-icon img {
	width: 102px;
	height: 102px;
	padding: 4px;
}

#page-content-left {}

#page-home-text-container {
	display: block;
	overflow: hidden;

	min-height: 200px;

	background: url(../img/gloss-camera2.gif) no-repeat;
	background-position: 4px 0;
}

#page-about-text-container {
	display: block;
	overflow: hidden;

	background: url(../img/gloss-camera.gif) no-repeat;
	background-position: 4px 0;
}

#page-contact-text-container {
	display: block;
	overflow: hidden;
}

.indent {
	float: left;
	width: 20px;
	height: 10px;
}

#page-home-text, #page-contact-text, #page-text-container #text {
	text-align: justify;
	float: right;
	width: 166px;

	display: block;
	overflow: hidden;
}

#page-home-welcome {
	background: url(../img/gloss-text-welcome.gif) no-repeat;
	width: 82px;
	height: 43px;
}

#page-about-about {
	background: url(../img/gloss-text-about.gif) no-repeat;
	width: 53px;
	height: 46px;
}

#page-about-contact {
	background: url(../img/gloss-text-contact.gif) no-repeat;
	width: 67px;
	height: 46px;
}


#page-content-middle {
	display: block;
	overflow: hidden;
}

.page-home-categories-container {
	text-align: center;
	padding-bottom: 16px;
}

.page-home-categories-container img {
	cursor: pointer;
	padding: 4px;
}

#page-home-try-text {
	background: url(../img/gloss-text-try.gif) no-repeat;
	width: 26px; height: 43px;
}

#page-home-buy-text {
	background: url(../img/gloss-text-buy.gif) no-repeat;
	width: 30px; height: 43px;
}

#footer-bar {
	background: url(../img/gloss-thin-bottombar.png) repeat-x;
	display: block;
}

#foot-bar-spacing {
	background: url(../img/gloss-thicklight-bottombar.png) repeat-x;
	width: 17px;
	float: left;
}

#footer-bar-left {
	background: url(../img/gloss-thicklight-bottombar.png) repeat-x;
}

#footer-bar-curve {
	background: url(../img/gloss-curve-bottombar.png) repeat-x;
	width: 34px;
	float: left;
}


/** navigation */
.nav-button {
	height: 20px;
	line-height: 20px;
	float: left;
	display: block;
}

.nav-button-right {
	float: right;
}

#nav-home {
	background: url(../img/gloss-nav-home-up.png) no-repeat;
	width: 37px;
}

#nav-home:hover, .sfhover {
	background: url(../img/gloss-nav-home-hover.png) no-repeat;
}

#nav-about {
	background: url(../img/gloss-nav-about-up.png) no-repeat;
	width: 39px;
}

#nav-about:hover {
	background: url(../img/gloss-nav-about-hover.png) no-repeat;
}

#nav-catalog {
	background: url(../img/gloss-nav-catalog-up.png) no-repeat;
	width: 49px;
}

#nav-catalog:hover {
	background: url(../img/gloss-nav-catalog-hover.png) no-repeat;
}

#nav-faq {
	background: url(../img/gloss-nav-faq-up.png) no-repeat;
	width: 29px;
}

#nav-faq:hover {
	background: url(../img/gloss-nav-faq-hover.png) no-repeat;
}

#nav-links {
	background: url(../img/gloss-nav-links-up.png) no-repeat;
	width: 30px;
}

#nav-links:hover {
	background: url(../img/gloss-nav-links-hover.png) no-repeat;
}

#nav-logout {
	background: url(../img/gloss-nav-logout-up.png) no-repeat;
	width: 41px;
}

#nav-logout:hover {
	background: url(../img/gloss-nav-logout-hover.png) no-repeat;
}

#nav-login {
	background: url(../img/gloss-nav-login-up.png) no-repeat;
	width: 33px;
}

#nav-login:hover {
	background: url(../img/gloss-nav-login-hover.png) no-repeat;
}

#footer-links {
	padding-left: 12px;
}

#footer-links a {
	color: #000;
	font-size: 10px;
}

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

.button {
	line-height: 20px;
	height: 20px;
	display: block;
	padding: 0 12px 0 12px;
	overflow: hidden;
}

.button-blue {
	color: #fff;
	background: url(../img/gloss-button-blue.png) no-repeat;
}

.button-blue2 {
	color: #fff;
	background: url(../img/gloss-button-blue2.png) no-repeat;
}

.button-blue a, .button-blue2 {
	color: #fff;
}

.button-black {
	color: #fff;
	background: url(../img/gloss-button-black.png) no-repeat;
}

.button-black .button {
	padding-top: 1px;
	width: 75px;
	float: left;
	cursor: pointer;
}

.button-black .button .left {
	background: url(../img/gloss-bluebuttononblack-l2.gif) no-repeat;
	width: 7px;
	height: 17px;
	float: left;
}

.button-black .button .middle {
	background: url(../img/gloss-bluebuttononblack-m2.gif) repeat-x;
	margin: 0 7px 0 7px;
	height: 17px;
	line-height: 17px;
	text-align: center;
}

.button-black .button .middle a {
	text-decoration: none;
}

.button-black .button .right {
	background: url(../img/gloss-bluebuttononblack-r2.gif) no-repeat;
	width: 7px;
	height: 17px;
	float: right;
}

.button-black .button:hover .left {
	background: url(../img/gloss-bluebuttononblack-l.gif) no-repeat;
}

.button-black .button:hover .middle {
	background: url(../img/gloss-bluebuttononblack-m.gif) repeat-x;
}

.button-black .button:hover .right {
	background: url(../img/gloss-bluebuttononblack-r.gif) no-repeat;
}

.button-oval-blue {
	padding: 2px 0 0 0;
	display: block;
	float: left;
	overflow: hidden;
	cursor: pointer;
	line-height: 17px;
}

.button-oval-blue .middle a {
	color: #fff;
}

.button-oval-blue .middle a:hover {
	text-decoration: none;
}

.button-oval-blue .left {
	background: url(../img/gloss-bluebuttononwhite-l2.gif) no-repeat;
	width: 7px;
	height: 17px;
	float: left;
}

.button-oval-blue .leftblack {
	background: url(../img/gloss-bluebuttononblack-l2.gif) no-repeat;
	width: 7px;
	height: 17px;
	float: left;
}

.button-oval-blue .middle {
	background: url(../img/gloss-bluebuttononwhite-m2.gif) repeat-x;
	height: 17px;
	text-align: center;
	float: left;
}

.button-oval-blue .middle a {
	text-decoration: none;
}

.button-oval-blue .right {
	background: url(../img/gloss-bluebuttononwhite-r2.gif) no-repeat;
	width: 7px;
	height: 17px;
	float: left;
}

.button-oval-blue .rightblack {
	background: url(../img/gloss-bluebuttononblack-r2.gif) no-repeat;
	width: 7px;
	height: 17px;
	float: left;
}

.button-oval-blue:hover .left {
	background: url(../img/gloss-bluebuttononwhite-l.gif) no-repeat;
}

.button-oval-blue:hover .leftblack {
	background: url(../img/gloss-bluebuttononblack-l.gif) no-repeat;
}

.button-oval-blue:hover .middle {
	background: url(../img/gloss-bluebuttononwhite-m.gif) repeat-x;
}

.button-oval-blue:hover .right {
	background: url(../img/gloss-bluebuttononwhite-r.gif) no-repeat;
}

.button-oval-blue:hover .rightblack {
	background: url(../img/gloss-bluebuttononblack-r.gif) no-repeat;
}



.button-black a {
	color: #fff;
}

.button-white {
	background: url(../img/gloss-button-white.png) no-repeat;
}

.button-white a {
	color: #000;
}

.button a:hover {
	text-decoration: underline;
}

.side-bottom {
	background: url(../img/gloss-side-gradient.png) repeat-x;
	width: 228px;
	height: 68px;
	margin-bottom: 20px;
}

.side-whitespace {
	background: url(../img/side-whitespace.png) repeat-y;
	padding: 2px 12px 0 12px;
}

.side-search {
	/*height: 84px;*/
}

h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.smallicon-search {
	background: url(../img/gloss-smallicon-search.gif) no-repeat;
	display: block;
	width: 17px;
	height: 17px;
	cursor: pointer;
}

.smallicon-shipping {
	/*float: left;*/
	background: url(../img/gloss-smallicon-shipping.gif) no-repeat;
	display: block;
	width: 17px;
	height: 17px;
	cursor: pointer;
}

.smallicon-cart {
	background: url(../img/gloss-smallicon-cart.gif) no-repeat;
	display: block;
	width: 17px;
	height: 17px;
}

.smallicon-remove {
	float: right;
	background: url(../img/gloss-smallicon-remove.gif) no-repeat right;
	display: block;
	padding-right: 20px;
	height: 17px;
	cursor: pointer;
}

.smallicon-details {
	float: right;
	background: url(../img/gloss-smallicon-details.gif) no-repeat right;
	display: block;
	padding-right: 20px;
	height: 17px;
	cursor: pointer;
	margin-left: 8px;
}