.close {
color: red;
cursor: pointer; 
}

/*--------------------------------------------------------------------------*/

#rotator {
	position:relative;
	margin:auto;
	width:150px;
	height:200px;
}

#rotator img {
width:150px;
height:200px;
display:none;
position:absolute;
top:0;
left:0;
}

fieldset {
  font:80% sans-serif;
  }
label {
  float:left;
  margin-right:0.9em;
  padding-top:0.5em;
  text-align:right;
  font-weight:bold;
  clear:both;
  }

.small {
width:40px;
}

dd {
margin:6px;
}

#backto {
float: right;
margin: 10px;
}
/**
 * = Temax
 *
 * @author	Ivan Zhekov <http://joneff.info>
 */


/*--------------------------------------------------------------------------*/




/**
 * #region	Imports
 */




/*--------------------------------------------------------------------------*/




/**
 * == Imports
 */




/**
 * === Reset styles
 */
@import "reset-remix.css";




/*--------------------------------------------------------------------------*/




/**
 * #region	Basic styling
 */




/*--------------------------------------------------------------------------*/




/**
 * == Elements
 */




/**
 * === Root elements
 */
html {
	background: #ffffff url("../images/site-tile.gif") left 193px repeat-x;
}
body {
	color: #000000;
	background: transparent;
	border-top: 2px solid #000000;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.3;
	text-align: left;
}
#site-wrap {
	margin: 0 auto;
	width: 920px;
	position: relative;
}




/**
 * === Block Elements
 */
div {}
p {}
blockquotes {}




/**
 * === Headings
 */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em;
	color: @title-color;
	font-family: @title-font-family;
}
h1 {
	font-size: 2em;
	font-weight: normal;
}
h2 {
	font-size: 1.7em;
	font-weight: normal;
}
h3 {
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
	font-size: 1.2em;
	font-weight: normal;
}
h5 {
	font-size: 1em;
	font-weight: bold;
}
h6 {
	font-size: .8em;
	font-weight: bold;
}




/**
 * === Tables
 */
table {}
caption {}
thead, tbody ,tfoot {}
th, td {
	vertical-align: top;
}




/**
 * === Lists
 */
ol, ul {}




/**
 * === Quotes
 */
blockquote {}
cite {}




/**
 * === Links
 */
a {
	color: #c92b0a;
	text-decoration: underline;
}
a:hover {
	color: #c92b0a;
	text-decoration: underline;
}
a:focus {
	outline: 1px dotted;
}




/**
 * === Phrase elements
 */
i, em {}
b, strong {}
small {}
big {}




/**
 * === Images
 */
img, a img {}




/*--------------------------------------------------------------------------*/




/**
 * == Forms
 */
form {}


.text {
	padding: 1px;
	border: 1px solid #aeaeae;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.button {
	padding: 4px;
	border: none;
	color: #c92b0a;
	background: transparent url("../images/button-bullet.gif") left center no-repeat;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}


.buttons {
	margin: 2em 0 0 0;
	text-align: center;
}




/*--------------------------------------------------------------------------*/




/**
 * == Utility classes
 */




/**
 * === Text alignment
 */
.align-left			{text-align: left;}
.align-right			{text-align: right;}
.align-center			{text-align: center;}
.align-justify			{text-align: justify;}




/**
 * === Positioning classes
 */
.float-left, .left		{float: left;}
.float-right, .right		{float: right;}




/**
 * === Sizing classes
 */
.halfwidth, .half-width		{width: 45%;}
.fullwidth, .full-width		{width: 99%;}




/**
 * === Icon classes
 */
.image-link {}
.image-icon {}
.image-button {
	vertical-align: bottom;
}




/**
 * ==== Hide text
 */
.hide-text span 			{display: none;}




/**
 * === Visual clear
 */
.clear {
	clear: both;
}
.empty  {
	height: 1px!important;
	font-size: 1px!important;
	line-height: 1px!important;
}


.clear-fix {
	clear: both;
	height: 1px!important;
	font-size: 1px!important;
	line-height: 1px!important;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.clear-after {
	_height: 1%;
	min-height: 1%;
}
.clear-after:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
}




/*--------------------------------------------------------------------------*/




/**
 * #region	Layout
 */




/*--------------------------------------------------------------------------*/




/**
 * == Site title
 */
#site-title {
	margin: 0;
	width: 200px;
	height: 100px;
	position: absolute;
	top: 50px;
	z-index: 2;
}
#site-title a {
	width: 200px;
	height: 100px;
	background: url("../images/site-logo.jpg") left top no-repeat;
	display: block;
}
#site-title a span {
	display: none;
}




/*--------------------------------------------------------------------------*/




/**
 * == Navigation
 */
#nav {
	_height: 1%;
	min-height: 1%;
	position: absolute;
	top: 12px;
	right: 0;
	z-index: 2;
}
#nav:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}


#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	margin: 0 0 0 2px;
	float: left;
	display: inline;
}




/**
 * === Navigation links
 */
#nav a {
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	display: inline;
	float: left;
}
#nav a:hover,
#nav .current a {
	color: #ffffff;
	background: #c92b0a;
}


#nav a .wrap {
	height: 22px;
	line-height: 22px;
	background: url("../images/nav-left-bg.gif") left top no-repeat;
	_float: left;
	display: block;
}
#nav a .inner-wrap {
	padding: 0 8px;
	height: 22px;
	line-height: 22px;
	background: url("../images/nav-right-bg.gif") right top no-repeat;
	_float: left;
	display: block;
cursor: pointer;
cursor: hand;
}




/*--------------------------------------------------------------------------*/




/**
 * == Header
 */
#header {
	height: 310px;
	position: relative;
	z-index: 1;
}




/**
 * === Loyal customers
 */
#header #loyal-customers {
	width: 207px;
	font-size: 10px;
	position: absolute;
	top: 200px;
	left: 0;
	z-index: 2;
}
#header #loyal-customers h2.title {
	margin: 0;
	width: 207px;
	height: 56px;
}
#header #loyal-customers h2.title a {
	width: 207px;
	height: 56px;
	background: url("../images/loyal-customer-bg.gif") left top no-repeat;
	display: block;
}
#header #loyal-customers h2.title a span {
	display: none;
}
#header #loyal-customers .content {
	margin: 0 0 0 10px;
}
#header #loyal-customers .content a {
	color: #000000;
}




/**
 * === Sub header
 */
#header #sub-header {
	padding: 16px 0 0 15px;
	width: 703px;
	height: 262px;
	background: url("../images/sub-header-bg.gif") left top no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
}
#header #sub-header .caption {
	margin: 0;
	padding: 0 0 0 10px;
	width: 660px;
	height: 48px;
	color: #ffffff;
	background: url("../images/sub-header-caption-bg.png") left top no-repeat;
	font-size: 20px;
	line-height: 48px;
	text-transform: uppercase;
	position: absolute;
	bottom: 10px;
	left: 25px;
}




/**
 * === Flash header
 */
#header #flash-header {
	width: 920px;
	height: 262px;
	position: absolute;
	right: 0;
	bottom: 0;
}




/*--------------------------------------------------------------------------*/




/**
 * == Middle
 *
 * @see			self-clearing
 */
#middle {
	_height: 1%;
	min-height: 1%;
	clear: both;
}
#middle:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}




/**
 * === Main region
 */
.main, .sidebar {
	overflow: hidden;
}
.main .wrapper,
.sidebar .wrapper {
	height: 100%;
}




/*--------------------------------------------------------------------------*/




/**
 * == Layouts
 */




/**
 * === Single column layout
 */
.layout-c #content {}
.layout-c #sb-a {}
.layout-c #sb-b {}




/**
 * === Two column layouts
 */
.layout-cs #content {}
.layout-cs #sb-a {}
.layout-cs #sb-b {}




.layout-sc #content {}
.layout-sc #sb-a {}
.layout-sc #sb-b {}





/**
 * === Three column layouts
 */
.layout-css #content {}
.layout-css #sb-a {}
.layout-css #sb-b {}




.layout-scs #content {
	margin: 0 0 0 216px;
	width: 546px;
	float: left;
	display: inline;
}
.layout-scs #sb-a {
	margin: 0 0 0 -751px;
	width: 196px;
	float: left;
	display: inline;
}
.layout-scs #sb-b {
	margin: 0 0 0 10px;
	width: 148px;
	float: left;
	display: inline;
}




.layout-ssc #content {}
.layout-ssc #sb-a {}
.layout-ssc #sb-b {}





/*--------------------------------------------------------------------------*/




/**
 * == Sidebar
 *
 * @see		sidebar-modules
 */
.sidebar {}
.sidebar .wrapper {}




/**
 * === Sidebar section
 */
.sidebar .section {
	margin: 15px 0 0 0;
	padding: 10px 5px;
	_height: 1%;
	min-height: 1%;
	background: url("../images/sb-section-tile.gif") repeat-x;
	clear: both;
}
.sidebar .section:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}




/**
 * === Sidebar titles
 */
.sidebar h2.title {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.sidebar h1, .sidebar h2, .sidebar h3,
.sidebar h4, .sidebar h5, .sidebar h6 {
	margin: 1em 0 .5em;
	color: inherit;
	font-family: inherit;
	font-size: 1em;
	font-weight: bold;
}




/**
 * === Sidebar content
 */
.sidebar .content {
	margin: .5em;
	padding: 0;
}
.sidebar p {
	margin: .75em 0;
}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar ul li {
	margin: 0;
	padding: 0 0 0 10px;
	_height: 1%;
	min-height: 1%;
	background-image: url("../images/sb-bullet.gif");
	background-position: left center;
	background-repeat: no-repeat;
	clear: both;
}




/**
 * === Sidebar links
 */
.sidebar a {
	font-weight: bold;
	text-decoration: none;
}
.sidebar a:hover {
	text-decoration: underline;
}




/**
 * === Sidebar extra content
 */
.sidebar .buttons {
	margin: 1em;
	padding: .5em 0;
	text-align: center;
}




/*--------------------------------------------------------------------------*/




/**
 * == Main region
 */
.main {}
.main .wrapper {}




/**
 * === Main region section
 */
.main .section {
	margin: 15px 0 0 0;
	padding: 10px;
	_height: 1%;
	min-height: 1%;
	background: url("../images/main-section-tile.gif") repeat-x;
	clear: both;
}
.main .section:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}




/**
 * === main titles
 */
.main h2.title {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}




/**
 * === Main region content
 */
.main .content {}
.main p {}
.main ul {}
.main blockquote {}




/**
 * === Main region links
 */
.main a {}
.main a:hover {
	text-decoration: none;
}




/*--------------------------------------------------------------------------*/




/**
 * == Footer
 */
#footer {
	margin: 20px 0 0 0;
	padding: 10px;
	height: 1%;
	background: url("../images/footer-tile.gif") repeat-x;
	font-size: 10px;
}
#footer:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
}




/**
 * == Footer links
 */
#footer a {}
#footer a:hover {}




/**
 * == Footer menus
 */
#footer p {
	margin: 0;
}
#footer .primary {
	float: left;
}
#footer .secondary {
	float: right;
}




/*--------------------------------------------------------------------------*/




/**
 * #region	Sidebar modules
 */




/*--------------------------------------------------------------------------*/




/**
 * == Sidebar modules
 */




/**
 * === Brochure
 */
.sidebar .brochure {
	padding: 0;
	background: #eff1f2 url("../images/sb-section-top-b.gif") left top no-repeat;
	font-size: 10px;
}
.sidebar .brochure h2.title {
	display: none;
}
.sidebar .brochure .content {
	margin: 0;
	padding: 7px;
	background: url("../images/sb-section-bottom-b.gif") left bottom no-repeat;
}
.sidebar .brochure p.download {
	margin-top: 0;
	padding: 0 7px;
	background: #ffffff url("../images/sb-download-bg.gif") no-repeat;
	height: 26px;
	line-height: 26px;
}
.sidebar .brochure a {
	color: #000000;
	text-decoration: underline;
}
.sidebar .brochure a.image-link {
	padding: 0 0 0 16px;
	background-position: left center;
	background-repeat: no-repeat;
}
.sidebar .brochure a.file-pdf-link {
	background-image: url("../images/icon-pdf.gif");
}




/**
 * === Menu
 */
.sidebar .menu {
	padding: 0;
	background: #f5ab2e url("../images/sb-menu-top.gif") left top no-repeat;
}
.sidebar .menu h2.title {
	display: none;
}
.sidebar .menu .content {
	margin: 0;
	background: url("../images/sb-menu-bottom.gif") left bottom no-repeat;
}
.sidebar .menu ul {
	padding: 0;
}
.sidebar .menu ul li {
	padding: 0;
	background: none;
}
.sidebar .menu ul li a {
	padding: 5px 20px;
	color: #000000;
	background: url("../images/sb-bullet.gif") 10px center no-repeat;
	border-bottom: 1px solid #fbde52;
	display: block;
}
.sidebar .menu ul li a:hover,
.sidebar .menu ul li a.current {
	background-color: #fbde52;
	text-decoration: none;
}
.sidebar .menu ul li.last-child a,
.sidebar .menu ul li:last-child a {
	border-bottom: none;
}




/*--------------------------------------------------------------------------*/




/**
 * #region	Content modules
 */




/*--------------------------------------------------------------------------*/




/**
 * == Content modules
 */




/**
 * === Contact form
 */
.main .contact-form {
	border-top: 1px dashed #aeaeae;
}
.main .contact-form h2.title {
	padding: 5px;
	background: #f1f3f4;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}
.main .contact-form .content {}
.main .contact-form label {
	margin: 5px;
	float: left;
	clear: left;
}
.main .contact-form label .text {
	margin: 2px 0 0 0;
	width: 185px;
	display: block;
}
.main .contact-form label textarea.text {
	width: 320px;
	height: 100px;
}
.main .contact-form .note {
	padding: 5px;
	color: #919292;
	background: #f1f3f4;	
}




/**
 * === Description
 */
.main .description {}
.main .description .thumb {
	border: 5px solid #ffda75;
}
.main .description .thumb img {
	width: 100%;
}




/**
 * === Pager
 */
.main .pager {
	padding: 5px;
	color: #434241;
	background: #f1f3f4;
	text-align: center;
}
.main .pager a {
	color: #434241;
	text-decoration: none;
}
.main .pager a:hover {
	color: #c92b0a;
}
.main .pager a.current,
.main .pager a.current:hover {
	padding: 2px 5px;
	color: #ffffff;
	background: #c92b0a;
}




/**
 * === Promotions
 */
.main .promotions {}
.main .promotions .content {
	padding: 0;
	_height: 1%;
	min-height: 1%;
}
.main .promotions .content:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
}
.main .promotions ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main .promotions ul li {
	margin: 5px 3px 10px 3px;
	width: 124px;
	text-align: center;
	font-weight: bold;
	float: left;
}
.main .promotions ul li .thumb {
	margin: 0 auto 5px auto;
	width: 117px;
	/*height: 83px;*/
	border: 1px solid #ffda75;
	display: block;
}




/**
 * === Stie welcome
 */
 
.main .site-welcome .content {
 font-size: 11px;
}
.main .site-welcome {
}
.main .site-welcome .welcome-line {
	color: #ed1c24;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: bold;
}




/*--------------------------------------------------------------------------*/




/**
 * == Entry type
 */




/**
 * === Product
 */
.entry.product {
	margin: 1em 0;
	padding: 0 0 0 130px;
	_heigth: 1%;
	min-height: 1%;
	border-bottom: 1px dashed #aeaeae;
}
.entry.product:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
}
.entry.product .thumb {
	margin: 0 0 0 -130px;
	width: 114px;
	height: 83px;
	border: 5px solid #ffda75;
	float: left;
}
.entry.product .entry-title {
	padding: 2px 5px;
	color: #c92b0a;
	background: #f1f3f4;
	font-size: 1em;
	font-weight: bold;
}
.entry.product .entry-title .price {
	float: right;
}
.entry.product .entry-content {
	padding: 5px;
}
.entry.product .entry-footer {
	padding: 2px 5px;
}




/**
 * === Single product
 */
.single-product .entry.product {
	margin: 1em 0;
	padding: 0 0 0 335px;
	border: 0;
}
.single-product .entry.product .thumb {
	margin: 0 0 0 -335px;
	width: 315px;
	height: auto;
	border: 5px solid #ffda75;
	float: left;
}
.single-product .entry.product .thumb img {
	width: 315px;
}
.single-product .entry.product .entry-title {
	padding: 2px 5px;
	color: #c92b0a;
	background: #f1f3f4;
	font-size: 1em;
	font-weight: bold;
}
.entry.product .entry-content {
	padding: 5px;
}
.single-product .entry-content .price {
	color: #c92b0a;
	font-weight: bold;
}
.entry.product .entry-footer {
	padding: 2px 5px;
}