@charset "windows-1253";
/* CSS Document */


body,td {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #444;
}
body {
	background-color: #FFF;
	background-image: url(../images/my-bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 8px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}
a {
	outline: 0px;
	color: #666;
	text-decoration: none;
}

h1 {
	font-size: 17px;
	font-weight: normal;
	color: #FF2E00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	text-align: left;
}
h2 {
	font-size: 15px;
	font-weight: normal;
	color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FF2E00;
	margin: 0px;
	text-decoration:blink;
}

/* --------------------------  sitename -------------------------- */
.sitename {
}
.sitename b {
	font-size: 15px;
	color: #FF2E00;
}

/* --------------------------  top menu -------------------------- */
.buttons-one {
	color: #06C;
	padding-top: 4px;
	display:block;
	float:left;
}
.buttons-one a {
	color: #06C;
	text-decoration: none;
	padding-right: 15px;
	display: block;
	float: left;
	margin-bottom: 4px;
	white-space: nowrap;
}
.buttons-one a:hover {
	color: #FF2E00;
	text-decoration: none;
}
.buttons-one img {
	display:block;
	float:left;
	padding-right:2px;
}

/* ---------------------------  path bar --------------------------- */
.path {
	margin-bottom: 8px;
	background-color: #666;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 6px;
}
.path a {
	color: #ccc;
	text-decoration: none;
	white-space: nowrap;
}
.path a:hover {
	color: #FFF;
}

/* ---------------------------  content positioning --------------------------- */
.position-all {
	width: 100%;
}
.position-menu {
	float: left;
	width: 25%;
}
.position-content {
	float: left;
	width: 90%;
}

/* ----------------------  categories menu ---------------------- */
.position-menu ul {
	width: 95%;
}
.position-menu li {
	list-style-type: none;
	margin-bottom: 3px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.position-menu li ul {
	margin-left: 8px;
	margin-bottom: 3px;
	display: none;
}
.position-menu li ul li {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: none;
}
.position-menu li img {
	display:inline-block;
	vertical-align: -20%;
}
.position-menu li a {
	color: #06C;
	text-decoration: none;
	display:inline-block;
}
.position-menu li a:hover {
	color: #FF2E00;
}
.opclall {
	color: #ccc;
	font-size: 10px;
	padding-top: 8px;
	padding-bottom: 4px;
}
.opclall a {
	color: #ccc;
	text-decoration: underline;
}
.opclall a:hover {
	color: #666;
}

/* ---------------------- tabs ---------------------- */
.edit-select {
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #999265;
	padding-left: 8px;
}
.edit-select a {
	background-color: #B6B18F;
	font-weight: bold;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right:4px;
	display:block;
	float:left;
}
.edit-select a:hover {
	color: #000;
}
.edit-select .on {
	background-color: #999265;
	font-weight: bold;
	color: #FFF;
	padding-right: 6px;
	padding-left: 6px;
}

/* ---------------------- div table ---------------------- */
.tout {
	border-width: 1px;
	border-style: solid;
	padding-left:2px;
	padding-top:2px;
	background-color: #FFF;
}
.tdiv {
	display: table;
	width: 100%;
}
.trow {
	display: table-row;
}
.tcolh {
	text-align: center;
	font-weight: bold;
	display: table-cell;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	vertical-align: middle;
}
.tcol01, .tcol02 {
	display: table-cell;
	text-align: center;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	vertical-align: middle;
}
.tcol01 {
	background-color: #FFF;
	padding: 0px;
}
.trow li {
	list-style-type: none;
}
.trow li img {
	vertical-align: -40%;
}
li input,
li textarea,
li select {
	margin-bottom: 0px;
}

/* ---------------------- color 1 ---------------------- */
[title=color1] h1 {
	background-color: #FF2E00;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 4px;
	display:block;
	margin: 0px;
}
[title=color1] button {
	background-color: #FF2E00;
	color: #FFF;
	border: 1px solid #FF2E00;
}
[title=color1] button:hover {
	color: #FF2E00;
	background-color: #FFF;
	border-color: #FF2E00;
}
[title=color1] input,
[title=color1] textarea,
[title=color1] select {
	border-color:#FF2E00;
}
.col1border {
	border: 1px solid #FF2E00;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #FFF;
	background-image: url(../images/bk-lines-right.gif);
	background-repeat: repeat;
	background-position: left top;
}

/* ---------------------- color 2 ---------------------- */
[title=color2] .tout {
	border-color: #999265;
}
[title=color2] .tcolh {
	background-color: #999265;
	color: #FFF;
}
[title=color2] .tcol02 {
	background-color: #ebeae1;
}
[title=color2] button {
	background-color: #999265;
	color: #FFF;
	border: 1px solid #999265;
}
[title=color2] button:hover {
	color: #999265;
	background-color: #FFF;
	border-color: #999265;
}
[title=color2] input,
[title=color2] textarea,
[title=color2] select {
	border-color:#999265;
}
.col2border {
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #f2f1eb;
	border: 1px solid #999265;
}

/* ---------------------- color 3 ---------------------- */
[title=color3] .tout {
	border-color:#666;
}
[title=color3] .tcolh {
	background-color:#666;
	color: #FFF;
}
[title=color3] .tcol02 {
	background-color:#e9e9e9;
}
[title=color3] button {
	background-color: #666;
	color: #FFF;
	border: 1px solid #666;
}
[title=color3] button:hover {
	color: #666;
	background-color: #FFF;
	border-color: #666;
}
[title=color3] input,
[title=color3] textarea,
[title=color3] select {
	border-color:#666;
}
.col3border {
	border: 1px dotted #666;
	background-color: #f2f2f2;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-image: url(../images/bk-lines-left.gif);
	background-repeat: repeat;
	background-position: left top;
}

/* ----------------------  forms, fields, buttons ------------------- */
form {
}
form input,textarea,select {
	color: #000;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	margin-top:2px;
	margin-bottom: 4px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	resize: none;
}
.colfields90 {
	width:96%;
}
.checkbox {
	vertical-align: -15%;
	border:none;
	margin: 0px;
	padding: 0px;
}
button {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 4px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	cursor: pointer;
}

/* ---------------------------  help, comments --------------------------- */
.hlpcom {
	font-size:10px;
	margin-top: 8px;
}
@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,greek);


#entirecont {
	overflow: auto;
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
}
.content {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.top {
	background-image: url(../layout/bk-op-01.png);
	background-repeat: repeat;
	height: 105px;
}
.top .address {
	float: left;
	margin-left: 90px;
	color: #a0a0a0;
	font-size: 14px;
	margin-top: 15px;
}
.top .address .phone {
	font-size: 26px;
	font-weight: 700;
	white-space: nowrap;
	color: #ed0000;
	text-shadow: 2px 2px 0px #000000;
}
.top .addthis {
	margin-left:15px;
	float: left;
}
.bans4 {
	background-image: url(../layout/bk-op-03.png);
	background-repeat: repeat;
	padding-top: 12px;
	padding-bottom: 8px;
	display: none;
}
.bans4 h1 {
	font-size: 18px;
	font-weight: bold;
}
.bans4 a {
	color:#FFF;
	text-decoration:none;
}
.colmenu {
	float: left;
	width: 210px;
	background-image: url(../layout/bk-op-04.png);
	background-repeat: repeat;
	padding-top: 4px;
	padding-bottom: 20px;
}
/* menu */
.menu {
}
/*all buttons */
.menu a {
	display: block;
	text-decoration: none;
	padding-left: 12px;
	line-height: 1.5em;
	padding-bottom: 2px;
}
.menu a:hover {
	color: #FFF;
}
/*level 1 */
.menu a.mbtcl {
}
.menu a.mbtop {
	background-color: #444;
}
.menu div {
	display: none;
	background-color: #555;
}
/*level 2 */
.menu div a.mbtop {
	background-color: #555;
}
.menu div div {
	background-color: #666;
}
/*level 3 */
.menu div div a.mbtop {
	background-color: #666;
}
.menu div div div {
	background-color: #777;
	max-height: 194px;
	overflow: auto;
	padding-left: 8px;
}
/*level 4 */
.menu div div div a.mbtop {
	background-color: #777;
}
.menu div div div div {
	height:auto;
	background-color: #777;
	line-height: 1em;
	font-size:11px;
}
/* end menu */
.colmain {
	float: left;
	width: 770px;
	background-image: url(../layout/bk-op-01.png);
	background-repeat: repeat;
}
.prdlist {
	margin: 0 10 0 0;
}
.prdlist h1 {
	font-size: 16px;
	margin-bottom: 8px;
}
.prdcont {
	display: table;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.prdimg {
	display: table-cell;
	vertical-align: top;
	width: 60px;
	padding-left: 5px;
	padding-right: 12px;
	height: 60px;
}
.prdimg img {
	width: 60px;
	height: 60px;
}
.prdcontent {
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}
.prdlogo {
	display: table-cell;
	vertical-align: top;
	padding-right: 15px;
	padding-right: 5px;
	width: 80px;
	text-align: center;
	padding-top: 8px;
}
.prdexp {
	display: none;
}
/*.prdclsd {
	overflow: auto;
	padding: 4px;
	cursor: pointer;
	display: block;
}
.prdclsd img {
	float: left;
	padding-right: 12px;
}
.prdopn {
	padding: 4px;
	overflow: auto;
	display: block;
}
.prdopn img {
	float: left;
	padding-right: 12px;
	display: inline-block;
}
*/.prdnam {
	font-size: 16px;
	font-weight: 400;
	color: #FFEC00;
	text-decoration: none;
}
.prdsml {
	font-size: 12px;
	color: #777;
	margin-bottom: 4px;
}
.prdprice {
	color: #FFED00;
	font-size: 16px;
	font-weight: 400;
}
.prd-add {
	color: #F10000;
	font-size: 11px;
}
.prd-add img {
	vertical-align: -20%;
	margin-left: 12px;
}
.prd-add a {
	color: #F10000;
	text-decoration: none;
}

.my-cart {
	display: block;
	background-color: #E30613;
	padding-left: 16px;
}




.cartprdlist {
	margin: 20px;
}
/*.cartprdlist .prdlist h1 {
	font-size: 22px;
	margin-bottom: 8px;
}*/
.cartprdlist .prdcont {
	display: table;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cartprdlist .prdimg {
	display: table-cell;
	vertical-align: top;
	width: 30px;
	padding-left: 5px;
	padding-right: 12px;
	height: 30px;
}
.cartprdlist .prdimg img {
	width: 30px;
	height: 30px;
}
.cartprdlist .prdcontent {
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}
/*.cartprdlist .prdexp {
	display: block;
}*/
.cartprdlist .prdnam {
	font-size: 13px;
	font-weight: 400;
	color: #FFEC00;
	text-decoration: none;
}
.cartprdlist .prdsml {
	font-size: 10px;
	color: #777;
	line-height: 11px;
}
.cartprdlist .prdquan {
	display: table-cell;
	width: 40px;
	text-align: center;
}

.cartprdlist .prdquan input {
	width: 20px;
	text-align: right;
}
.cartprdlist .prdprice {
	font-size: 14px;
	font-weight: 400;
	display: table-cell;
	color: #666;
	text-align: right;
	padding-right: 10px;
	width: 60px;
}
.cartprdlist .prddel {
	font-size: 12px;
	display: table-cell;
	text-align: right;
	padding-right: 10px;
	width: 25px;
}
.cartprdlist .prddel a {
	text-decoration: none;
}




.prdcolorcont {
	margin-right: 12px;
	margin-bottom: 8px;
}
.prdcolor {
	height: 17px;
	width: 17px;
	display: inline-block;
	margin-right: 6px;
}
.txtcon {
	margin: 20px;
	text-align: left;
}
.txtcon h1 {
	color: #CC8301;
	font-size: 24px;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 6px;
}
.txtcon h2 {
	font-size: 20px;
	font-weight: 700;
	color: #ed0000;
	text-shadow: 2px 2px 0px #000000;
	margin-top: 6px;
	margin-bottom: 6px;
}
.txtcon h3 {
	font-size: 18px;
	color: #FFF;
	font-weight: 500;
	margin-top: 6px;
	margin-bottom: 6px;
}
.galthumb {
	border: 4px solid #282828;
	margin-top: 6px;
	margin-right: 6px;
}
form {
}
form .required {
	font-size: 11px;
	color: #F8BA00;
}
form .dtable {
	display: table;
}
form .dtable .drow {
	display: table-row;
}
form .dtable .dcell {
	display: table-cell;
	padding-right: 10px;
	color: #666666;
	vertical-align: middle;
}
input, select, textarea {
	font-family: "Ubuntu", "Segoe UI", "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: 300;
	background-color: #FFFFFF;
	border: 1px solid #222222;
	color: #666666;
	padding: 2px;
	line-height: 1.2em;
	margin-bottom: 6px;
	margin-right: 2px;
	box-shadow: 0px 0px 3px 0px #4e4e4e;
	margin-top: 3px;
	resize: none;
}
button {
	font-family: "Ubuntu", "Segoe UI", "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: 300;
	background-color: #cc8301;
	border: 1px solid #434F5B;
	color: #000;
	padding: 2px;
	line-height: 1.2em;
	margin-bottom: 6px;
	margin-right: 2px;
	box-shadow: 0px 0px 3px 0px #4e4e4e;
	cursor: pointer;
}
.copyright {
	font-size: 11px;
	background-color: #282828;
	text-align: center;
	color: #505050;
	padding-top: 4px;
	padding-bottom: 5px;
}
.copyright a {
	color: #505050;
}
.copyright a:hover {
	color: #FFF;
}