/* CSS Document */

/*
 Styles that are elemently global					=====================
*/

textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
}
img {
    border: none;
}
a {
    outline: none;
	text-decoration: none;
	color: #2266CC;
}
a:hover, a:active {
	text-decoration: underline;
}
h1 {
	font-weight: normal;
	line-height: 15px;
	margin: 2px 0 2px 0;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333366;
}
label { cursor: pointer; }
select {
	padding: 5px 2px 5px 2px;
}
button { cursor: pointer; }
input { padding: 2px 2px 2px 5px; }
input:focus { outline-width: 1px; }

/*
 Styles for IMAGES
*/
.midimg { vertical-align: middle; }

/*
 Font styles				=========================
*/
.lalign { text-align: left; }
.calign { text-align: center; }
.ralign { text-align: right; }
.normfont, .normfont td, .normfont th {
	font-size: 12px;
	height: 15px;
}
.sm { font-size:9px; }
.smallfont { font-size: 11px; }
.smallbold { font-size: 11px; font-weight: bold; }
.bigger, input[type = "text"].bigger, input[type = "password"].bigger { font-size: 14px; }
input[type = "text"].bigger, input[type = "password"] { padding: 5px 2px 4px 2px; }

.black { color: #000; }
.white, .widgetHeader .white { color: #fff; }
.white a, .white a:active, .white a:visited { color: #fff; text-decoration: underline; }
.white a:hover { text-decoration: none; }
.huge, input[type = "text"].huge {
	font-size: 18px;
}
.ginormous { font-size: 20px; }
.topAlignPrice {
	font-size: 22px;
	vertical-align: top;
	letter-spacing: 1px;
	color: #AA0000;
}
.super {
	vertical-align: top;
	padding-top: 2px;
	font-size: 65%;
}
.oe { color: #CC6600; }
.brightred { color: #ff0000; }
.red { color: #AA0000; }
.green { color: #6c5830; }
.burnt { color: #b76627; }
.sec {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006666;
}
.grey { color: #666666; }
.emphasis {
    font-size: 14px;
    font-weight: bold;
    color: #7d6330;
}
.darkblue { color: #123456; }
.mono { font-family: Courier, monospace; }

/*
 DIV styles							====================
*/
.fln { clear: both; height: 25px; }
.mline div { padding-left: 2px; padding-right: 2px; }
.lft { float: left; }
.rt, .rt a, .rt button { float: right; }
.sr { height: 20px; }
.pad2 { padding: 2px; }
.pad2wide { padding: 2px 3px 2px 3px; }
.pad2left { padding-left: 2px; }
.pad5 { padding-top: 5px; padding-bottom: 5px; }
.pad5left { padding-left: 5px; }
.pad5right { padding-right: 5px; }
.pad5all { padding: 5px; }
.pad10 { padding-top: 10px; padding-bottom: 10px; }
.padtop3 { padding-top: 3px; }
.padtop5 { padding-top: 5px; }
.padtop10 { padding-top: 10px; }
.padbot5 { padding-bottom: 5px; }
.padbot10 { padding-bottom: 10px; }
.margintop5 { margin-top: 5px; }
.margintop10 { margin-top: 10px; }
.marginleft5 { margin-left: 5px; }
.input_describer, .imp { padding-top: 3px; }
.uline { border-bottom: 1px solid #666; padding-bottom: 3px; }
.overline { border-top: 1px solid #666; }
.overline_light { border-top: 1px solid #ddd; }
.overline_bright { border-top: 1px solid #eee; }
.overline_brown { border-top: 1px solid #ab7d52; }
.rowhilight:hover { background: #eedac7; cursor: pointer; }
.rowglow { background: #fef1e5; }
.rowglow:hover { background: #eedac7; cursor: pointer; color: #990000; }
.srbox { border: 1px solid #ccc; margin-top: 5px; }
.srbox div.line { padding-top: 2px; padding-bottom: 2px; }
.headrow { background: #483c25; color: #faedd5; }
.vsp, .vsp div { line-height: 150%; }

.imgThumb {
	width: 100px;
	padding: 2px;
	text-align: center;
	border: 1px solid #ddd;
	margin: 2px;
}
.imgThumb:hover, .imgThumb:active { border: 1px solid #444; }

.widgetHeader {
	padding: 5px 0 5px 5px;
	width: 95%;
}

/*
 Widths								=====================
*/
.wfull { width: 100%; }
.wf2 { width: 99%; }
.wf3 { width: 97%; }
.wfa { width: 75%; }
.wfb { width: 22%; }
.wfc { width: 25%; }
.whalf { width: 50%; }
.w1 { width: 20px; }
.w4 { width: 30px; }
.w2 { width: 60px; }
.w3 { width: 30px; }
.wa { width: 65px; }
.wa2 { width: 75px; }
.wa3 { width: 85px; } 
.wb { width: 90px; }
.wb1 { width: 100px; }
.wb2 { width: 140px; }
.wb3 { width: 125px; }
.wc { width: 150px; }
.wc1 { width: 175px; }
.wc2 { width: 166px; }
.wd { width: 200px; }
.wda { width: 225px; }
.wdc { width: 255px; }
.wdd { width: 260px; }
.wd1 { width: 250px; }
.wd2 { width: 270px; }
.we { width: 300px; }
.wex { width: 296px; }
.we1 { width: 310px; }
.we4 { width: 330px; }
.we2 { width: 410px; }
.we4 { width: 435px; }
.we3 { width: 444px; }
.wgshort { width: 340px; }
.wga { width: 375px; }
.wg { width: 350px; }
.wf { width: 500px; }
.wf0 { width: 508px; }
.wf1 { width: 490px; }
.wf8 { width: 580px; }
.wf9 { width: 596px; }
.wn { width: 468px; }
.wh { width: 600px; }
.wh1 { width: 664px; }
.wh2 { width: 675px; }
.wh3 { width: 698px; }
.wi { width: 700px; }
.wm { width: 750px; }
.wu { width: 882px }
.wv { width: 890px; }
.wx { width: 900px; }

/*
 Block borders, bgs and	heights					=========================
*/
.yellowborder {
	border: 3px solid #FFFF00;
}
.darkborder {
	border: 1px solid #563418;
}
.darkrightborder {
	border-right: 1px solid #666;
}
.lightborder { border: 1px solid #eee; }
.hilightbox {
	clear: both;
	width: 99%;
	border: 2px dotted #456789;
	background: #eee;
	padding: 10px 3px 10px 3px;
}
.lightbg {
	background: #eee;
}
.brownbg { background: #563418; }
.brownbg2 {
	background: #a97b50;
	color: #eee;
	padding-right: 10px;
}
.brownbg2 a:link, .brownbg2 a:visited { color: #fff; text-decoration: none; line-height: 25px; }
.brownbg2 a:hover, .brownbg2 a:active { text-decoration: underline; }
.whitebg { background: #fff; }
.noborder {
	border: none;
}

/*
 Buttons							=======================
*/
.buttons a:link, .buttons a:visited, input[type = "submit"].buttons, button.buttons {
	/*float: left;*/
    margin-top: 2px;
    margin-right: 2px;
  	padding: 3px;
  	width: auto;
  	border: 1px solid #666;
  	background: #483c25;
  	text-align: center;
  	text-decoration: none;
  	color: #faedd5;
}
.buttons a:hover, input[type = "submit"].buttons:hover, button.buttons:hover {
	background: #333;
}
input[type = "submit"].buttons, input[type = "file"].buttons, button.buttons { cursor: pointer; }

.genericbutton a:link, .genericbutton a:visited, button.genericbutton {
  	padding: 5px 4px 4px 4px;
  	width: auto;
  	text-align: left;
  	text-decoration: none;
  	font: normal 12px Arial;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
	cursor: pointer;
}
.genericbutton:hover .genericbutton:active { color: #000; }

.medbtn a:link, .medbtn a:visited {
	color: #990000; text-decoration: none; font-size: 12px;
	float: left; height: 96%; padding: 3px;
	line-height: 20px;
}
.medbtn a:hover { background-color: #ddddff; color: #990000; }
.headerButton a:link, .headerButton a:visited {
	color: #000; text-decoration: none; font-size: 12px;
	float: left; height: 97%; padding: 3px 8px 3px 8px;
	border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;
	line-height: 20px;
}
.headerButton a:hover, .headerButton a:active { background-color: #ddddff; color: #990000; }
.hbLeft { border-left: 1px solid #ddd; }

.imgbtn {
	padding: 0 0 2px 0;
	border: none;
	height: 30px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.imgbtn:link, .imgbtn:visited { color: #fff; text-decoration: none; line-height: 32px; }

.imgbtnRed100 {
	background: url('../../images/kv/btn_red_100.png') no-repeat center;
	width: 105px;
}
.imgbtnRed150 {
	background: url('../../images/kv/btn_red_150.png') no-repeat center;
	width: 155px;
}
.imgbtnRed200 {
	background: url('../../images/kv/btn_red_200.png') no-repeat center;
	width: 205px;
}
.imgbtnBrown50 {
	background: url('../../images/kv/btn_brown_50.png') no-repeat center;
	width: 55px;
}
.imgbtnBrown80 {
	background: url('../../images/kv/btn_brown_80.png') no-repeat center;
	width: 85px;
}
.imgbtnBrown150 {
	background: url('../../images/kv/btn_brown_150.png') no-repeat center;
	width: 155px;
}
.imgbtnBrown200 {
	background: url('../../images/kv/btn_brown_200.png') no-repeat center;
	width: 205px;
}
.imgbtnGrey80 {
	background: url('../../images/kv/btn_grey_80.png') no-repeat center;
	width: 85px;
}
.imgbtnGrey150 {
	background: url('../../images/kv/btn_grey_150.png') no-repeat center;
	width: 155px;
}
.textbtn {
	background: none;
	border: none;
	height: 18px;
	width: auto;
	color: #2266CC;
	text-decoration: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.textbtn:hover, .textbtn:active { text-decoration: underline; padding: 0; margin: 0; }
.textbtn a:link, .textbtn a:visited { padding: 2px; }
a.textbtn { padding: 3px; margin: 0; }
a.textbtn:hover, a.textbtn:active { background-color: #ddddff; text-decoration: none; margin: 0; }
.tab {
	padding: 0 0 4px 0;
	border: none;
	height: 30px;
	line-height: 35px;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #563418;
	cursor: pointer;
}
.tab:link, .tab:visited, .tab:hover { text-decoration: none; }
.tab120 {
	background: url('../../images/kv/tab120.png') no-repeat center;
	width: 125px;
}
.tab180 {
	background: url('../../images/kv/tab180.png') no-repeat center;
	width: 185px;
}
.tab220 {
	background: url('../../images/kv/tab220.png') no-repeat center;
	width: 225px;
}

/*
 Overlays (layered DIVs)					====================
*/
.ovScreen {
    float: left;
    padding: 2px 2px 2px 4px;
}
.overlay {
    position: absolute;
    z-index: 6;
    margin-top: 0px;
    margin-left: 0px;
    display: none;
}
.popup {
    position: absolute;
    z-index: 9;
	margin-left: 20px;
	padding-bottom: 10px;
	width: 700px;
    border: 5px solid #999;
    background: #fff;
    display: none;
}
.omnipopup {
	position: relative;
	z-index: 8;
	margin-top: -1px;
	border-top: 1px solid #aaa; border-left: 1px solid #aaa;
	border-right: 2px solid #666; border-bottom: 2px solid #666;
    background: #fff;
	padding: 0px;
	color: #000;
	text-align: left;
	/*display: none;*/
}
div.close {
	position: relative;
	z-index: 15;
	width: 100%;
	text-align: right;
	margin: -25px 0 0 20px;
	height: 25px; overflow: visible;
}

/*
	Widget: Rotator
*/
.rotatorOver {
	position: relative;
	z-index: 4;
	text-align: center;
	display: none;
	top: -5px;
}
.rotatorUnder {
	position: relative;
	z-index: 3;
	text-align: center;
	display: block;
}

.rotatorControls {
	position:relative;
	display:inline-block;
	float: right;
	z-index: 5;
	width: 12%;
	margin: 0;
	padding: 0;
}
.rotatorControls li{margin: -33px 0 0 17px;padding:0;list-style:none;position:absolute;top:0;}
.rotatorControls li, .rotatorControls a{height:25px;display:block;}

.rotatorControls li.prev{left:0px;width:25px;}
.rotatorControls li.prev{background:url('../../images/kv/rotator_controls.png') 0 0;}
.rotatorControls li.prev:hover, .rotatorControls li.prev:active{background:url('../../images/kv/rotator_controls.png') 0 -25px;}

.rotatorControls li.pause{left:25px;width:25px;}
.rotatorControls li.pause{background:url('../../images/kv/rotator_controls.png') -25px 0;}
.rotatorControls li.pause:hover, .rotatorControls li.pause:active{background:url('../../images/kv/rotator_controls.png') -25px -25px;}

.rotatorControls li.play{left:25px;width:25px;display:none;}
.rotatorControls li.play{background:url('../../images/kv/rotator_controls.png') -50px 0;}
.rotatorControls li.play:hover, .rotatorControls li.play:active{background:url('../../images/kv/rotator_controls.png') -50px -25px;}

.rotatorControls li.next{left:50px;width:25px;}
.rotatorControls li.next{background:url('../../images/kv/rotator_controls.png') -75px 0;}
.rotatorControls li.next:hover, .rotatorControls li.next:active{background:url('../../images/kv/rotator_controls.png') -75px -25px;}

/*
	Tabs
*/
div.tabFrame {
	clear: both;
    width: 100%;
    background: #eee;
    border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;
    height: 25px;
    overflow: hidden;
}
ul.tab, ul.roundtab, ul.pagetab {
	display:block; position:relative;
	overflow:hidden; background-image:none;
	margin: 0; padding: 0;
}
ul.tab, ul.roundtab { float: left; }
ul.pagetab { float: right; }
.tab li, .roundtab li, .pagetab li {
	display: block;
	position: relative;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	overflow: hidden;
}
.tab li {
	margin: 0;
	height: 20px;
	padding: 2px 20px 5px 10px;
	background: #ccc;
	color: #333;
	border-right: 1px solid #eee;
}
.pagetab li {
	margin: 0 0 0 5px;
	padding: 2px 6px 2px 6px;
	background: #ddddff;
	color: #333;
}
.pagetab li:hover, .pagetab li:active, .pagetab li.on { background: #aaaaff; cursor: pointer; }
.tab li:hover, .tab li.on { background: #666; color: #eee;  }
.roundtab li {
	margin: 2px;
	z-index: 10;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 8px 0 10px 0;
	background: #666;
	color: #eee;
	height: 35px;
}
.roundtab li a:link, .roundtab a:visited {
	width: 100%; height: 100%;
	padding: 15px;
	text-decoration: none;
	color: #eee;
}
.roundtab li:hover, .roundtab li.on { background: #ccc; color: #333; }
.roundtab li a:hover, .roundtab li a:active { color: #333; }
.roundtab li.on a:link, .roundtab li.on a:visited { color: #333; }