/************************
	layout
**************************/

body { background:#222; }

#doc2
{ background:#000; color:#999; }

#hd
{ padding:10px; }

#bd
{ padding:10px; }

#ft
{ padding:10px; }


/*********************
	HEADER
*********************/
#hd table
{ width:100%; border:none; }

#hd .logo div
{ height:75px; overflow:hidden; }

#hd .nav
{ text-align:center; height:72px; padding-top:49px; white-space:nowrap; }

#hd .hd-links
{ color:#aaa; font-weight:bold; float:right; margin-right:10px; }

#hd .sub-nav
{ height:28px; background:#eee url('/img/bg/sub-nav_black.gif') no-repeat top; white-space:nowrap; padding-top:7px; text-align:center; }

#hd .sub-nav .text
{ width:250px; padding:2px 3px; }

#hd .sub-nav .button
{ padding-left:10px; padding-right:10px; background:#000; color:#fff; padding-top:2px; padding-bottom:2px; }

#hd .sub-nav input, #hd .sub-nav select { border:solid 1px #555; }


/************************
	NAVIGATION
************************/

#hd .nav
{ height:26px; white-space:nowrap; clear:both; }

#hd .nav li
{
	float:left; border:solid 1px #444; border-bottom:none; margin-right:10px; font-weight:bold;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

#hd .nav li a:link,
#hd .nav li a:visited,
#hd .nav li a:hover,
#hd .nav li a:active
{ color:#fff; background:#CCCDD2 url('/img/bg/grad-purple1_black.gif') repeat-x top; padding:0 16px; height:25px; line-height:25px; margin:0px; display:block; vertical-align:middle; text-decoration:none; }

#hd .nav li a:hover
{ color:#fff; background:#CCCDD2 url('/img/bg/grad-purple1_black.gif') repeat-x top; }

#hd .nav li.sel a:link,
#hd .nav li.sel a:visited,
#hd .nav li.sel a:hover,
#hd .nav li.sel a:active
{ color:#fff; background:#d6d6d6 url('/img/bg/grad-gray5_black.gif') repeat-x bottom; font-weight:bold; }



/*
	Required for IE
*/
* html .nav li a,
* html .sub-nav li a
{ width:25px; }



/************************
	content-nav
************************/
.content-nav {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */

	font-size:12px;
	background:#f3f3f3;
	padding:15px 15px;
	margin-top:-20px;
}
.content-nav a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */

	background:#eee;
	border:solid 1px #ddd;
	padding:5px;
}
.content-nav a:hover {
	background:#ddd;
	text-decoration:none;
}
.content-nav b {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */

	background:#ddd;
	border:solid 1px #ddd;
	padding:5px;
}

/********************
	FOOTER
********************/

#ft
{ font-size:11px; }

#ft-search
{ font-size:13px; border-top:solid 1px #d6d6d6; background:#222; color:#fff; text-align:center; padding:8px 0; }

#ft-search .text
{ width:250px; padding:2px 3px; }

#ft-search .button
{ padding-left:10px; padding-right:10px; background:#000; color:#fff; padding-top:2px; padding-bottom:2px; }

#ft-contact
{ color:#555; border-top:solid 1px #d6d6d6; background:#222; color:#fff; text-align:center; padding:3px; }

#ft-copy
{ color:#555; border-top:solid 1px #d6d6d6; padding-top:5px; text-align:center; }

#ft-search input, #ft-search select { border:solid 1px #555; line-height:16px; }


/********************
	GRID
********************/
.full-grid .grid-cell
{ width:118px; float:left; text-align:center; }



/********************
	FORM
********************/
.form-hd { background:#31619c; margin:0px; padding:3px 10px; }
.form-bd { background:#fff; margin:0px; padding:3px 10px; border-left:solid 1px #bbb; border-right:solid 1px #bbb; }
.form-ft { background:#f0f0f0; margin:0px; padding:3px 10px; border:solid 1px #bbb; border-top:solid 1px #ddd; }
.form-hd .button, .form-hd .abutton { text-decoration:none; padding:0px 20px; background:#21517c; color:#fff; border-bottom:solid 1px #01316c; border-right:solid 1px #01316c; border-top:solid 1px #61949c; border-left:solid 1px #61949c; }
.form-ft .button, .form-ft .abutton { text-decoration:none; padding:0px 20px; background:#fff; color:#404040; border-bottom:solid 1px #666666; border-right:solid 1px #666666; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; }

.form-hd .button, .form-ft .button { font-weight:bold; }
.form-hd .abutton, .form-ft .abutton { padding-top:1px; padding-bottom:1px; }

.field { margin:12px 0px; }
.field label { float:left; width:160px; text-align:right; font-weight:bold; color:#333; margin-right:10px; }
.field div { float:left; }
.field p { font-size:85%; color:#555; }
.field .text { width:250px; }
.field .textarea { width:350px; height:100px; }
.field .select { }
.field .select-date { float:left; }
.field .button { padding:0px 20px; margin-right:10px; }





/****************************
	BUTTON
****************************/
.button-div,
.abutton-div
{  }

.abutton-div a:link, .abutton-div a:visited, .abutton a:hover, .abutton a:active
{ color:#369; background: url('/img/bg/grad-purple1.gif') repeat-x bottom; font-weight:bold; text-decoration:none; padding:3px 20px; border:solid 1px #CCCDD2; height:25px; line-height:25px; display:inline-block; vertical-align:middle; }



/***************************
	LIST
***************************/
.tlist {
	width:100%;
}
.tlist th {
	background:#666;
	border:solid 1px #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	padding:3px 5px;
	color:#fff;
}
.tlist td
{ vertical-align:top; padding:10px 5px; border-bottom:dotted 1px #d8d8d8; }

.tlist tr.inactive td
{ background: #ddd; color: #888; }

.tlist th a:link, .tlist th a:visited, .tlist th a:hover, .tlist th a:active
{ float:right; color:#fff; font-size:77%; font-weight:normal; }

.tlist .minify { width:1px; }
.tlist .nowrap { white-space:nowrap; }

.image { padding:1px; background:url('/img/site/vs_s2_dropshadow_black.gif') bottom right no-repeat; }
.image img { border:solid 1px #000; }

.tlist .user { font-size:13px; font-weight:bold; padding-bottom:3px; }
.tlist .title { font-size: 15px; font-weight:bold; }
.tlist .date { font-size:11px; color:#888; font-weight:normal; }
.tlist .price { font-size:12px; color:#693; font-weight:bold; padding-bottom:3px; }
.tlist .body { font-size:12px; color:#000; margin:5px 0; }
.tlist .funct { font-size:10px; padding-top:5px; text-transform:uppercase; }


.dotted-bottom-border { background:url('/img/bg/dot-999966.gif') repeat-x bottom; }
.dotted-top-border { background:url('/img/bg/dot-999966.gif') repeat-x top; }



.grid-picture .grid-cell { width:185px; margin:20px 0px 0px; float:left; }
	.grid-picture .frame { border:solid 1px #ccc; padding:1px; margin-left:30px; }
	.grid-picture .info { font-size:11px; color:#999; }
	.grid-picture .action { color:#ccc; font-size:12px; text-align:center; }
	.grid-picture .action a { text-decoration:none; margin:5px 5px;}


.grid-picture-f .grid-cell { width:146px; margin:20px 0px 0px; float:left; }
	.grid-picture-f .frame { border:solid 1px #ccc; padding:1px; margin-left:10px; }
	.grid-picture-f .info { font-size:11px; color:#999; }
	.grid-picture-f .action { color:#ccc; font-size:12px; text-align:center; }
	.grid-picture-f .action a { text-decoration:none; margin:5px 10px;}


.grid-picture-g {}
.grid-picture-g .grid-cell { width:161px; margin:20px 0px 0px; float:left; text-align:right; }
.grid-picture-g .grid-cell-first { width:120px; text-align:left; }
	.grid-picture-g .frame { border:solid 1px #ccc; padding:1px; margin-left:10px; }
	.grid-picture-g .info { font-size:11px; color:#999; }
	.grid-picture-g .action { color:#ccc; font-size:12px; text-align:center; }
	.grid-picture-g .action a { text-decoration:none; margin:5px 10px;}

.grid-picture-g .grid-cell-first .frame { margin-left:0px; }

/****************************
	PAGE BLOCK
****************************/
.sect-hd
{ padding:3px 0px; font-size:16px; background:#222; font-weight:bold; }

.sect-sub-hd
{ padding:3px 7px 5px; background:#222; border-top:solid 1px #555; }

.sect-bd
{ background:#000; padding:3px 0px; }

.sect-ft
{ background:#666; padding:3px 10px; }

.sect-hd .action
{ float:right; font-size:14px; color:#666; }

.sect-hd .action a:link,
.sect-hd .action a:visited,
.sect-hd .action a:hover,
.sect-hd .action a:active
{ text-decoration:underline; }


.sect-sub-hd a:link,
.sect-sub-hd a:visited,
.sect-sub-hd a:hover,
.sect-sub-hd a:active
{ font-size:11px; font-weight:bold; margin:0px 4px; }

.sect-sub-hd b
{ font-size:11px; }

.sect-bd .about img { max-width:300px; }

/**********************
	NOTICES
**********************/
.success-notice
{ border: solid 1px #003300; color: #003300; background: #ccffcc; margin: 18px 0px; padding: 10px; }

.failure-notice
{ border: solid 1px #cc0000; color: #cc0000; background: #ffcccc; margin: 18px 0px; padding: 10px; }

.attention-notice_disabled_temporarily
{ border: solid 1px #cc6600; color: #cc6600; background: #ffffcc; margin: 18px 0px; padding: 10px; }



/*********************
	GENERAL
*********************/
.clear
{ clear:both; font-size:1px; } /* this is for ones which do not self clear, such as hd, ft */

body
{ line-height:138.5%; /* default 18px */ font-family:arial; }

img
{ vertical-align:middle; /* absmiddle is depricated */ }

img.frame
{ border:solid 1px #ddd; padding:1px; }

a:link,
a:visited,
a:hover,
a:active
{ color:#fff; text-decoration:none; }

a:hover
{ text-decoration:underline; }

h1
{ margin:0px; padding:5px 0px; color:#fff; font-weight:bold; font-size:22px; }

h2
{ float:right; margin-top:5px; margin-right:5px; vertical-align:middle; }




/**********************
	ALERT
**********************/
.alert {
	background: #fff;
	color: #DA241B;
	font-size:150%;
	padding:30px;
	line-height:150%;
	margin-bottom:20px;
}

.alert a {
	background: #ffc;
	color: #DA241B;
	text-decoration: underline;
}

/**********************
	SELF CLEAR
**********************/
.field:after
{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.field
{ display:inline-block; }

/* Hides from IE-mac, this is part of the field self clear \*/
* html .field
{ height: 1%; }

.field
{ display:block; }
/* End hide from IE-mac */




/************************
	page navigator
************************/
.pagination
{ margin:30px 0px; text-align:center; font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; }

.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active
{ text-decoration: none; font-weight:bold; border:solid 1px #bbb; padding:8px 8px; margin:1px 5px; color:#bbb; }

.pagination li {
	display:inline;
}
.pagination li.active {
	font-weight:bold; color:#000; background:#fff; border:#fff;
	padding:9px 0px;
}

.pagination li.active a {
	border:#fff;
}




/************************
	video page
************************/
div.playerDIV { background:#000; }


/************************
	about page
************************/
.bio_name {
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
	.bio_name span {
		font-size:14px;
		color:#bc7905;
	}
.thinborderfloat {
	float: left;
	border: solid 1px #333;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}


/************************
	right column
************************/
.side-box .tlist .title a { color:orange; }


/***********************
        rentals
***********************/
.row * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row *:before,
.row *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
    margin: 0px;
}
.list-categories ,
.list-products {
    display: table;
    width: 100%;
}
.list-categories .row ,
.list-products .row {
    margin: 4px 0px;
    display: table-row;
}
.list-categories .category ,
.list-products .category {
    padding: 4px;
    display: table-cell;
    width: 25%;
    box-sizing: border-box;
    vertical-align: top;
}
.list-categories .category-box ,
.list-products .category-box {
    background-color: #fff;
    border-radius: 5px;
    padding: 6px 4px 5px 4px;

}
.list-categories .category-box {
    min-height: 170px;
}
.list-products .category-box {
    min-height: 180px;
}
.list-categories .category .image ,
.list-products .category .image {
    background: none;
    padding: 0px;
    height: 120px;
}
.list-categories .category .image {
    height: 120px;
}
.list-products .category .image {
    height: 110px;
}
.list-categories .category .image a ,
.list-products .category .image a {
    display: block;
    text-align: center;

}
.list-categories .category .image img {
    border: 0px;
    max-height: 120px;
    max-width: 120px;
}
.list-products .category .image img {
    border: 0px;
    max-height: 110px;
    max-width: 120px;
}
.list-categories .category .title ,
.list-products .category .title {
    display: table;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.list-categories .category .title a ,
.list-products .category .title a {
    color: #333;
    display: table-cell;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    padding-top: 5px;
    /*height: 34px;*/
}
.list-categories .category .title a:hover ,
.list-products .category .title a:hover {
    text-decoration: none;
}
.h1 {
    font-size: 36px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #fff;
    padding-left: 10px;
}
.h3 {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #fefefe;
    line-height: 2;
    text-transform: uppercase;
    padding-left: 10px;
}
.p1 {
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #858585;
    line-height: 1.5;
}
.view-rental .row .sect-bd {
    color: #fff;
    font-size: 14px;
}
.view-rental .info {
    padding: 0px 10px;
}
.view-rental .thumbnails {
    padding: 40px 0px 20px 0px;
}
.view-rental .thumbnails .row {
    margin: 0px -15px;
    padding: 8px 0px;
}
.view-rental .big-image img {
    width: 380px;
}
.view-rental img.rounded {
    border-radius: 5px;
}
.view-rental img.rounded2 {
    border-radius: 10px;
}