﻿/* general styles*/
* { margin: 0; padding: 0; 
    quotes: """ """ "'" "'";
    }
img { border: none; }
p { line-height: 20px; text-align: justify; }
a { color: #847e5c; text-decoration: none; }
img, div, input { /*behavior: url(Extras/JavaScript/iepngfix.htc)*/ }
body { background:#fff; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #767259; }
h2, h2 a { font-size: 18px; font-family: Verdana; font-weight: normal; color: #2b2829; margin: 0; padding: 0; float: left; line-height: 31px; display: inline; }
h2 a { text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h2 span { font-size: 12px; color: #85816d; }
.bold {
  font-weight: bold;
}

.bold.red
{
    color: Red;
}

h3
{
	padding: 10px 0px;
	font-weight: normal;
	font-size: 15px;
}


/* common buttons */
.buttons { margin-top: 10px; }
.buttons a { color: #fff; font-weight: bold; font-size: 14px; background: url(images/btn_black.png) no-repeat top right; float: left; width: 128px; height: 22px; display: block; font-size: 10px; padding: 8px 0 0; text-align: center; }
.buttons a:hover { background: url(images/btn_orange.png) top right; }

/* header */
#wrap { width: 966px;  margin: 0 auto; padding-bottom: 30px; }
#header { background: url(images/bkg_header.png) repeat-x top; height: 132px; position: relative; margin: 0 7px 3px; }
#header .ImgLogo { position: absolute; top: 10px; left: 50px; }
#header .text {width: auto; position: absolute; right: 440px; top: 20px; padding: 0; text-align: right; }
#header .text h1 { font-weight: normal; padding: 0; margin: 0; display: inline; font-size: 24px; color: #c0ba9a; font-family: "Times New Roman"; font-style: italic; text-align: right;}
#header .cart { position: relative; top: 25px; right: 30px; text-align: right; color: #c7c7c7; font-size: 10px; }
#header .cart a { color: #c7c7c7; text-decoration: underline; }
#header .cart a:hover { text-decoration: none; }
#header .cart .cartitem { margin-bottom: 8px; }
#header .cart .search { font-size: 8px; }
#header .cart .search input { background: url(images/ico_magnifier.gif) no-repeat 7px 5px #5f5f5f; padding: 3px 0 0 26px; border: none; margin-right: 5px; font-style: italic; font-size: 10px; color: #c7c7c7; height: 18px; width: 150px; }
#header .image {width: 157px; height: 99px; position: absolute; top: 20px; right: 260px;}
*:first-child+html #header .cart .search input { height: 17px; padding: 3px 0 0 24px; }

#menu { background: url(images/bkg_main_menu.jpg) no-repeat top; width: 752px; height: 29px; display: block; margin-bottom: 10px; line-height: 29px; padding-left: 214px}
#menu .btn a { background: url(images/bkg_main_menu_button.jpg); background-repeat: repeat-x; height: 29px; width: 135px; text-align: center; float: left; text-decoration: none; color: #7f795e; font-family: Verdana; font-size: 11px; font-weight: normal; border-right: solid 1px #fff; }
#menu .btn a.first { border-left: solid 1px #fff; }
#menu .btn a:hover { background-color: #f5f4ed; background-image: none;}
#menu .flags { padding-left: 20px; width: 170px; }
#menu .flags .flag
{
    padding: 0;
    padding-top: 7px;
    margin: 0;
    margin-left: 1px;
}


/* content */
#content { padding: 0px 0px 0px 25px;}
#content .banner .text { float: left; width: 260px; margin: 0px 2px 0px 0px; text-align: center; font-family: "Times New Roman"; color: #2a2728; font-style: italic; background: #d7d2b7; font-size: 14px; line-height: 24px; }

#leftmenu {  width: 121px; background: url(images/bkg_menu.png) repeat-x top #ebeadc; border: solid 1px #d2ceb8; padding: 14px 20px; margin: 0 7px 10px 0; }
#leftmenu li { list-style: none; }
#leftmenu li a { text-decoration: none; color: #55513c; background: url(images/icon_10_squiggle.gif) no-repeat left; padding-left: 20px; font-size: 12px; font-family: Verdana; line-height: 30px; }
#leftmenu li a:hover, #leftmenu li a.selected { background: url(images/icon_10_squiggle_black.gif) no-repeat left; color: #2b2828; }
#leftmenu li a.selected { font-weight: bold; }

#content .slideshow { float: left; height: 180px; width: 304px; }
#content .slideshow img { width: 304px; height: 180px; position: absolute; cursor: pointer; z-index: 0; }

#content .slideshow_right { height: 180px; width: 301px; }
#content .slideshow_right img { width: 301px; height: 196px; position: absolute; cursor: pointer; z-index: 0; }

#content .slide { float: left }
#content .slidetop { background: url(images/top20bar.gif) no-repeat top; line-height: 30px; width: 572px; height: 30px; display: block; padding: 0px 0 0 13px; font-family: Verdana; color: #363324; font-style: italic; font-size: 11px; margin-bottom: 3px; }
#content .slidetop span { color: #fff; font-size: 12px; font-weight: bold; font-style: normal; margin-right: 30px; line-height: 26px; }
#content .slidemain { border: solid 1px #d7d2b7; width: 543px; height: 162px; padding: 20px; }
*html #content .slidemain { padding: 20px 20px 0; }
#content .slidemain li {
  list-style: none;
  vertical-align: middle;
}
#content .slidemain li.img { margin: 0 3px; }
#content .slidemain img.nav {
  float: left;
  margin: 0px 5px 0 5px;
}

.slidemain li {background: none !important; padding: 0px !important; }

#content .counter { width: 121px; background: url(images/bkg_menu.png) repeat-x top #ebeadc; border: solid 1px #d2ceb8; padding: 14px 20px; margin: 0 7px 10px 0; }


#content .ads { width: 163px; text-align: center; padding: 12px 0; background: #e5e3d5  }
#content .ads img { margin: 3px 0; }
#content .adsfront { width: 121px; margin-left: 8px; background-color: #E5E2D1; padding: 5px; }
#content .adsfront img { margin-bottom: 7px; }

#content .main { float: left; width: 730px; padding-left: 15px; }
#content .main .text { padding: 0px; line-height: 31px; padding-top: 10px; padding-bottom: 10px;}
#content .main .text p {padding-top: 10px; line-height: 20px;}
#content .main .text a, #content .main .text a:visited {text-decoration: underline;}
#content .main .text a:hover, #content .main .text a:visited:hover {text-decoration: none;}
#content .main a {text-decoration: underline}
#content .main a:hover {text-decoration: none}
#content .main ul { margin: 20px 0; padding: 0;}
#content .main li { margin: 0; padding: 0; list-style: none; line-height: 20px; background: url(images/ico_arrow.png) no-repeat left;  padding-left: 20px}
#content .main li:hover { background: url(images/ico_arrow2.png) no-repeat left; }
#content .main li a, #content .main li a:visited { text-decoration: none; }
#content .main li a:hover, #content .main li a:visited:hover { text-decoration: underline;}

.video{ width: auto; height: auto;}
.normaltext{ text-transform: none; width: 235px; padding-left: 25px; font-size: 11px; }
.normaltext p
{
    padding-bottom: 10px;
}

/* boxes */
.boxtop { background: url(images/bkg_boxtop.png) no-repeat top; width: 730px; height: 11px; display: block; margin-top: 10px; }
.boxtop.small { background: url(images/bkg_boxtop_small.gif) no-repeat top; width: 350px; height: 11px; display: block; margin-top: 10px; }
.box { background: #dfdbc7; padding-left: 20px; padding-bottom: 10px;  border-bottom: solid 1px #fff; position: relative; }
.box.small { background: #dfdbc7; width:330px; padding-left: 20px; padding-bottom: 10px;  border-bottom: solid 1px #fff; position: relative; }
.basket .box { border-bottom: 0px; }
.box .search { background: url(images/ico_magnifier2.png) no-repeat left 4px; padding-left: 30px; font-family: "Verdana"; color: #837d56; font-size: 10px; }
.box .search input { border: none; width: 200px; font-size: 9px; font-style: italic; height: 12px; color: #b1a87c; padding: 4px 5px; margin: 0 10px; }
.box .search a { font-style: italic; font-family: "Times New Roman"; text-decoration: underline; font-size: 10px; font-weight: bold; }
.box .search a:hover { text-decoration: none; }

.box p { margin: 0; line-height: 20px; font-size: 10px; }

.listtitle { background: #edeadc; padding: 8px; padding-right: 20px; font-style: italic; font-size: 10px; font-family: Verdana; color: #5e5734; }
.listtitle.transparent { background-color:Transparent; padding: 0;}
.listtitle .nav a, .listtitle .nav a:visited { text-decoration: underline; text-transform: uppercase; }
.listtitle .nav a:hover, .listtitle .nav a:visited:hover  { text-decoration: none; }
.listtitle .nav div { margin: 0 5px;  padding: 0 5px; }
.listtitle.transparent .nav div { margin: 0 5px; padding: 0 5px;}
.listtitle .off a, .listtitle .off div { color: #dfdbc7!important; }
.listtitle .off div { border-right: solid 1px #dfdbc7; border-left: solid 1px #dfdbc7; }
.list { border: solid 1px #edeadc; padding: 15px 25px; text-transform: uppercase; font-size: 10px; }
.list.footer { background-color: #f1f0e7; width: auto; border-top: 0px; }
.list.footer .thumb
{
	margin-right: 10px;
	border: solid 3px white;
}
.list.footer .thumb.selected
{
	border: solid 3px #c4c2a7;
}
.list.small { width: 298px; }
.list.medium { width: 340px; padding: 3px; }
.list .largeimg { text-align: left}
.listlarge { padding: 3px 3px!important; }
.listlarge td div.cart { background: url(images/ico_cart_brown.png) top right; width: 11px; height: 10px; display: block; margin-left: 20px; }
.listlarge tr:hover, .listlarge tr:hover a { color: #ff6000; cursor: pointer; }
.listlarge tr:hover div.cart { background: url(images/ico_cart_orange.png) top right; }

.dataTableHeaderStyle {padding-left: 20px; padding-top:10px; padding-bottom: 10px; border-top: solid 1px white; border-left: solid 1px #f8f6eb; font-size: 10px; font-family: Verdana; width:200px; color: Black }
.dataTableHeaderStyle.last { border-right: solid 1px white; }

.list table { width: 100%; text-align: left; line-height: 35px;}
.list table th { text-align: left; width: 100px;}
.list table th a { font-weight: bold; text-decoration: underline; color: #a39c78; }
.list table th a.selected { color: #706a4c; }
.list table tr.odd { background: #f3f3f1; }
.list table.price td a { text-decoration: underline; }
.list table.price td a:hover { color: #ff5f02;text-decoration: none; }

.list.readonly table th a { font-weight: bold; text-decoration: none; color: #a39c78; cursor: default; }
.list.readonly table td a { text-decoration: underline; }
.list.readonly table td a:hover { color: #a39c78; text-decoration: none; }

.popout
{
    background-image: url(images/popout_bg.png);
    position: absolute;
    margin-top: -60px;
    right: -35px;
    width: 261px;
    height: 155px;
    padding: 29px 32px 32px 31px;
}

.popout a, .popout a:hover
{
    color: White;
}

.popout .header
{
    height: 34px;
    width: 220px;
    color: White;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 22px 20px;
}

.popout .body
{
    height: 61px;
    width: 220px;
    color: #43423f;
    padding: 0px 20px;
    line-height: 20px;
}

.heading.short.orange
{
    background-image: url(images/heading_bg_orange_short.gif);
    width: 162px;
    height: 44px;
    margin-bottom: 1px;
    color: White;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 44px;
    text-align: center;  
}

.flag
{
    padding: 3px;
    border: solid 1px #d5d2be;
    margin-right: 15px;
    margin-bottom: 10px;
}

/* alphabet */

.letter { padding: 0px 7px }

.basketOverview th, .basketOverview td
{
	padding-left: 15px;
}

/*.tabs { border-bottom: solid 5px #e5e3d6; position: relative; }
.basket .tabs {background: #DFDBC7;}
.tabs .tab a { display: block; width: 140px; text-align: center; background: #ede9dd; height: 18px; position: relative; right: 0; float: right; top: 14px; padding-top: 5px; border-left: solid 1px #fff; }
.tabs .tab a:hover { background: #e5e3d6 }
.tabs .selected a { background: #e5e3d6; font-size: 12px; height: 26px; top: 0; padding-top: 12px; }
.tabs .text { float: left; font-size: 14px; position: relative; top: 10px; left: -20px; }*/

#tabs { border-bottom: solid 5px #a8a282; padding: 0; position: relative; }
#tabs .tab a { text-decoration: none; display: block; width: 140px; text-align: center; background: #DFDBC7; height: 18px; position: relative; right: 30px; float: right; top: 14px; padding-top: 5px; border-left: solid 1px white; }
#tabs .tab a:hover { background: #a8a282; color: #fff }
#tabs .selected a { background: #a8a282; font-size: 14px; height: 26px; top: 0; padding-top: 12px; font-weight: bold; color: #fff; }
#tabs .text1 { float: left; font-size: 14px; position: relative; line-height: normal; margin:0; padding:0; line-height: 30px; margin-left: 25px; }

#tabs .tabMini a {  text-decoration: none; display: block; width: 40px; text-align: center; background: #DFDBC7; height: 18px; position: relative; right: 30px; float: right; top: 14px; padding-top: 5px; border-left: solid 1px #fff; }
#tabs .tabMini a:hover { background: #a8a282; color: #fff }
#tabs .tabMini.selected a { background: #a8a282; font-size: 14px; height: 26px; top: 0; padding-top: 12px; font-weight: bold; color: #fff; }


/*forms */

.textbox { width: 200px; border: solid 1px #dfdbc7; padding: 3px 5px; font-size: 11px; color: #4B4B4C; }
.textarea { width: 200px; height:150px; border: solid 1px #dfdbc7; padding: 3px 5px; font-size: 11px; color: #4B4B4C; }
.dropdown { padding: 3px; border: solid 1px #dfdbc7; font-size: 10px; font-family: Verdana; text-transform: uppercase; width: 212px; }
.checkbox { padding: 3px; }

.form td { color: #333132; text-transform: capitalize; text-align: left }

/* paintings */
#paintings .frame { width: 163px; height: 104px; margin-bottom: 0px; border: solid 3px #e0dbd3;}
#paintings .frame.caption { margin: 0px 3px; width: 163px; height: 50px; margin-bottom: 10px; background-image: url(images/caption_bg.gif); background-repeat: repeat-x; border: 0px; line-height: 18px; padding: 5px 10px;}
#paintings .frame a, #paintings .frame a:visited
{
    text-decoration: none;
}
#paintings .frame a:hover, #paintings .frame a:visited:hover
{
    text-decoration: underline;
} 


/* slide */
.slidemain { position: relative; }
.slidemain .img { float: left; text-align: center; position: relative; }

/* steps */
.steps { margin: 30px 0 40px; }
.step { height: 35px; display: block; float: left; padding: 5px 0 0 50px; margin: 0 20px; color: #4b4b4c; }
*html .step { margin: 0 15px; }
.step1 { background: url(images/ico_step1.png) no-repeat top left; }
.step2 { background: url(images/ico_step2.png) no-repeat top left; }
.step3 { background: url(images/ico_step3.png) no-repeat top left; }
.step4 { background: url(images/ico_step4.png) no-repeat top left; }

/* footer */
#footertop { background: url(images/bkg_footer.png) no-repeat top; width: 966px; height: 7px; display: block; margin-top: 15px; }
#footer .menu { background: #dfdcc6; border-bottom: solid 1px #cdc9af; text-align: right; padding: 0 20px 0 0;height: 20px; font-size: 10px; }

#footer li { display: inline; }
#footer li a { color: #231f20; border-right: solid 1px #231f20; padding-right: 5px; margin-right: 5px; }
#footer li a.last { border: none; margin: 0; padding: 0; }
#footer li a.selected {font-weight: bold; }
#footer li a:hover { text-decoration: underline; }
#footer p {
  font-size: 9px;
  text-align: right;
  margin-top: 10px;
  padding-right: 20px;
}
#footer p a:hover { text-decoration: underline; }

/* other */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.hidden { display: none; }
.shown { display: block; }

.infobar { margin: 10px 0; }
.infobar, .infobar a {  color: #fff; font-weight: bold; font-size: 14px; }
.infobar .bar { background: url(images/bar_orange.png) no-repeat top left; height: 24px; width: 583px; display: block; padding: 6px 0 0 15px; float: left; margin-right: 2px; }
.infobar .bar span { text-transform: uppercase; }
.infobar .btn a { background: url(images/btn_black.png) no-repeat top right; float: left; width: 128px; height: 22px; display: block; font-size: 10px; padding: 8px 0 0; text-align: center; }
.infobar .btn a:hover { background: url(images/btn_orange.png) top right; }

#btn .btn_fixed.orange a {background: url(images/btn_fixed_orange.gif) no-repeat top right; color: White;}
#btn .btn_fixed.orange a:hover {background: url(images/btn_fixed_black.gif) no-repeat top right; color: White;}
#btn .btn_fixed.black a {background: url(images/btn_fixed_black.gif) no-repeat top right; color: White;}
#btn .btn_fixed.black a:hover {background: url(images/btn_fixed_orange.gif) no-repeat top right; color: White;}
#btn .btn_fixed a {float: right; width: 100px; height: 21px; display: block; font-size: 10px; text-align: center; color: White; text-decoration: none; line-height: 21px;}

.btnorange a { background: url(images/btn_orange2.png) no-repeat top; width: 147px; height: 24px; display: block; text-align: center; padding: 12px 0 0; color: #fff; font-weight: bold; text-transform: uppercase; margin: 20px 20px 0 0; }
.btnsilver a { background: url(images/btn_silver.gif) no-repeat top; width: 147px; height: 24px; display: block; text-align: center; padding: 12px 0 0; color: #fff; font-weight: bold; text-transform: uppercase; margin: 20px 20px 0 0; }
.btnsilver.disabled a, .btnsilver.disabled a:visited { color: #969696; text-decoration: none; cursor: default }

.terms, .terms a { margin: 30px 20px 0 0; font-weight: bold; color: #2b2829; text-transform: uppercase; font-size: 10px; }
.terms a { text-decoration: underline; }
.terms a:hover { text-decoration: none; }

/* tooltip */

.tooltip
{
	line-height: 20px;
	font-size: 10px;
}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


.slideImage
{
	border: solid 0px #eaeaea;
	padding: 3px;
	height: 150px;
	width: auto;
	margin-right: 5px;
}


#Alert
{
	width: auto;
	height: auto;
	border: solid 1px #ece8da;
	margin-top: 15px;
	margin-bottom: 15px;
	padding:15px;
	font-weight: normal;
}

#Alert a:hover, #Alert a:visited:hover
{
	text-decoration: underline;
	font-size: 11px;
}

#Alert a, #Alert a:visited
{
	color: #ff7112;
	font-size: 11px;
}

#Alert h3
{
	font-weight: normal;
}

#EmbeddedAlert
{
	padding: 25px;
	font-size: 12px;
	text-transform: none;
	line-height: 24px;
}

.Panel.half
{
    width: 345px;
}

.Panel
{
	width: 729px;
	height: auto;
	margin-bottom: 15px;
}

.Panel.LightBrown .top
{
	height: 10px;
	background-image: url(images/panel_top_lightbrown.gif);
	background-repeat: no-repeat;
}

.Panel.half.VeryLightBrown .top
{
	height: 10px;
	background-image: url(images/panel_h_t_verylightbrown.gif);
	background-repeat: no-repeat;
}

.Panel.half.VeryLightBrown .bottom
{
	height: 10px;
	background-image: url(images/panel_h_b_verylightbrown.gif);
	background-repeat: no-repeat;
}

.Panel.LightBrown .middle
{
	background-color: #e1ddc9;
	padding: 10px 20px 10px 20px;
}

.Panel.LightBrown .bottom
{
	height: 10px;
	background-image: url(images/panel_bottom_lightbrown.gif);
	background-repeat: no-repeat;
}


.Panel.VeryLightBrown .top
{
	height: 10px;
	background-image: url(images/panel_top_verylightbrown.gif);
	background-repeat: no-repeat;
}

.Panel.VeryLightBrown .middle
{
	background-color: #f2efe0;
	padding: 10px 20px 10px 20px;
}

.Panel.VeryLightBrown .bottom
{
	height: 10px;
	background-image: url(images/panel_bottom_verylightbrown.gif);
	background-repeat: no-repeat;
}


.Panel p
{
	padding-bottom: 5px;
}

.icon
{
	padding-right: 10px;
	float: left;
}

.content
{
	padding-left: 15px;
}

.process
{
}

#process a
{
	line-height: normal;
	font-size: 12px;
	width: 105px;
	height: 35px;
	line-height: 35px;
	background-repeat: no-repeat;
	display: block;
	margin-left: -8px;
	padding-left: 25px;
	font-weight: normal;
	text-decoration: none;
	background-image: url(images/process_orange.gif);
	float: left;
	color: White;
}

#process.first a,
#process.first a:visited
{
	background-image: url(images/process_first_orange.gif);
	margin-left: 0px;
	color: White;
	padding-left: 14px;
	width: 116px;
}

.order.on
{
	color: #ff7416;
	border-left: solid 3px #ff7416;
}

.order.on h3
{
	font-weight: bold;
}

.order
{
	border-left: solid 3px #ebeadc;
	padding: 10px 0px 15px 15px;
	margin-top: 20px;
	width: 320px;
	float: left;
	height: 110px
}

.order p
{
	text-align: left;
}

/*Modal Popup*/

.modalBackground
{
	background-color:black;
	filter: alpha(opacity=70);
	opacity: 0.7;	
}

.modalPopup
{
	background-color: #fafafa;
	border: solid 1px white;
	width:auto;
}

.modalPopup .Content
{
	padding: 20px;
	width: 535px;
	color: Black;
}

.modalContainer
{
	width: 535px;
	text-align: left;
	line-height: 25px;
}

.modalContainer .files
{
	font-family: Verdana;
	font-size: 9px;
	text-transform: uppercase;
	color: Black;
	margin-top: 10px;
}

.modalContainer .files .file
{
	height: 18px;
	width: 521px;
	padding: 7px;
	line-height: 18px;
	background-color: #f3f3f3;
	margin-bottom: 2px;
}

.modalContainer .files a,
.modalContainer .files a:visited
{
	color: #000000;
	text-decoration: underline;
}

.modalContainer .files a:hover,
.modalContainer .files a:visited:hover
{
	text-decoration: none;
}


.modalContainer p
{
	padding: 0px 0px 15px 0px;
	margin: 0;
}

.modalPopupHeader
{
	background-color: #a8a282;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(images/modal_header_bg.gif);
	height: 30px;
	padding-left: 20px;
	font-weight: bold;
	color: White;
	line-height: 30px;
	text-align: left;
	width: 555px;
}

.editorTable th
{
	font-weight: normal;
	width: 160px;
	text-align: left;
	font-size: 12px;
	padding-top: 5px;
}

.editorTable
{
	padding: 10px;
}
