/*

SUMMARY: 
This CSS is needed for element positioning, dimensions and sizes. It draws the structure of the html documents.

CUSTOMIZATION: 
There is no need to modify the current CSS to make a new skin. All colors and images are defined in separate file - [skin number].css. To make a new skin, just copy into new file [skin number].css and change the colors and roots for image backgrounds.  Enjoy!

STRUCTURE:
- Common
- Medium size images
- Small thumbnail images
- Tables
- Pages with one column
- Pages with two columns
- Sliding text
- Corners
- Forms
- Navigation
- Footer
*/

/* Common */
html, body{
	height:100%;
}
body{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}
a, a:visited, a:active{
	text-decoration: none;
}
h1, h2, h3, h4, h5, form{
	margin: 0;
	padding: 0;
}
div.container{
	width: 100%;
	text-align: center;
	display: block;
	position: relative;
}

/*******************/
div.content{
	font-size: 13px;
	overflow:hidden;
	position:relative;
}
div.header h1{
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: bold;
	font-size: 14px;
	overflow:hidden;
    padding-left: 11px;
    position: relative;
}
#logowrap{
	position: absolute;
}

div.category h2{
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0 5px 10px; /*asset tag custumized */
}
#gallery div.category h2, #thumb_gallery div.category h2, #pricing div.category h2,  #image div.category h2 {
	padding-right: 30px;	
}
#gallery div.gList div.category h2, #thumb_gallery div.gList div.category h2, #pricing div.gList div.category h2,
	  #image div.gList div.category h2 {
	padding-right: 0px;	
}
div.BLouter {
	margin: 0px;
	padding: 0px 0 5px 10px; /*asset tag custumized */
}
div.bottomline, div.bottomline_i{
	padding: 0px;
	margin: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	height: 1px;
}
div.bottomline_i{
	width: 150px;
}
div.mainimage, #image div.mainimage td, #pricing div.mainimage td, #gallery div.mainimage td, #thumb_gallery div.mainimage td {
	overflow:hidden;
	text-align:center;
	position: relative;
}
div.mainimage img{
	cursor: pointer;
}
#text div.mainimage{
overflow:auto;
}
div.name h3{
	font-size: 12px;
	font-weight: normal;
	position: relative;
}
div.title { display:none; }
#text div.title, #guestbook div.title { display:block; }
div.title h4{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
/*div.itemlist div.list,div.itemlist div.list_hover{
	margin: 0;
	cursor: pointer;
	font-size: 12px;
	margin: 7px 0 0 0; 
	padding-left: 15px; 
	overflow: hidden;
}
*/
div.list a, div.list_hover a,div.list a:hover, div.list_hover a:hover,div.list a:visited, 
	div.list_hover a:visited,div.list a:active, div.list_hover a:active
{
	/*padding-left: 15px;*/
}
#gallery div.thumb, #image div.thumbG{
	padding: 15px 0 0 0; 
}
#image div.thumb, #portfolio div.thumb, #pricing div.thumb,
		#gallery div.thumb, #thumb_gallery div.thumb, div.thumbOver,
		#gallery div.thumbOver, #image div.thumbOver, 
		#thumb_gallery div.thumbOver, #pricing div.thumbOver{
	float: left;
	padding:0px;
	margin: 2px;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align:middle;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
div.wrapThumbI, div.wrapThumb{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
div.wrapThumbI{
	position: absolute; 
}
 div.wrapThumb{
	position: relative; 
}
div.thumbG div.name {
	text-align: left;
}
/*div.gList div.category h2, div.gList div.category div.BLouter{
	padding-left: 0px;
	text-align: left;
	margin-left: -5px;
}*/
div.thumbG div.th_img {
	border-style: solid;
	border-width: 1px;
	text-align: center;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
}
/** remove the border of the Dim thumbnails effect **/
div.thumbG div.th_img div.wrapThumb img.effects_th_1{
	border: none;
}/*****/
div.gList {
	position:absolute;
	right:0px;
	top:0px;
	float:none;
	visibility:hidden;
	z-index: 2;
	padding-top: 15px; /*asset tag customized*/
/*	padding-top:110px;*/
}
#imgLoading {
	height: 37px;
	width:  37px;
	position: absolute;
}
/* Medium size images */
img.img_effects{
	border-style: solid;
	border-width: 1px;
}

/* Small thubmnail images */
#gallery img.small, #image img.small, #portfolio img.small, #pricing img.small, #thumb_gallery img.small{
	border-style: solid;
	border-width: 1px;
}

/* Tables */
td.data,td.value {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 3px;
	font: 12px Helvetica, sans-serif;
}
td.value{
	font-weight: bold;
}
#guestbook td.data,td.value {
	Qborder: none;
}
/* Pages with one column */
#frontpage td.body, #guestbook td.body{
	text-align: center;
	padding: 0 10px 0 10px;
}

/* Pages with two columns */
#text td.body{
	text-align: center;
	padding: 10px;
}
/*
#image td.sidebar, #gallery td.sidebar, #portfolio td.sidebar, #pricing td.sidebar, #text td.sidebar, #thumb_gallery td.sidebar{
	vertical-align: top;
	border-left-style: solid;
	border-left-width: 1px;
}
#gallery td.sidebar,  #thumb_gallery td.sidebar, #text td.sidebar, #pricing td.sidebar, #image td.sidebar {
	padding-top: 15px;
}
*/
td.sidebar{
	vertical-align: top;
	border-left-style: solid;
	border-left-width: 1px;
	padding-top: 15px;
}
.gList {padding-top: 15px;}

#itemlist, div.itemlist {
	overflow: auto;
	/*stef::padding: 0 0 10px 10px;*/
	margin: 0 0 0 10px; /*asset tag customized*/
	position: relative;
}
#gallery td.sidebar .itemlist, #thumb_gallery td.sidebar .itemlist, #image td.sidebar .itemlist, #pricing td.sidebar .itemlist {
}
div.scroll{
	padding: 10px 0 10px 10px;
	overflow: auto;
}
#gallery td.sidebar div.itemlist, #thumb_gallery td.sidebar div.itemlist, #image td.sidebar div.itemlist, #pricing  td.sidebar div.itemlist {
	width: $$scalex(170)$$px;
}

/* Sliding text */
div.slide{
	/* 10.03 visibility: hidden; */
	display: none;
	overflow: auto;
	position: absolute;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	font-size: 13px; 
}
#pricing div.slide{	
	left: 0;
	border-left: none;
	border-right: none;
}
/*#frontpage div.slide{
	left: 191px;
}*/
div.close{
	height: 11px;
	width: 11px;
	/*right: 10px;*/
	float: right;
	position: relative;
	z-index: 2;
	/* bottom: 127px; this is only for Mozilla@Mac, but causes problems with IE7@PC */
}

/* Corners */
div.corner div div div, .cBL{
  padding: 12px;
  text-align:left;
}
div.corner a, .cTR a{
	text-decoration: underline;
}
.cTR, .cTL, .cBR, .cBL {
	position: relative;
	z-index: 1;
}

/* Forms */
input,select,textarea{
	font: 12px Helvetica, sans-serif;
}
textarea{
	height: 60px;
	width: 240px;
}
#GuestName,#Address,#City,#State,#OtherState,#Zip,#Country,#Phone,#Fax,#Email,#Comments{
	width: 240px;
}
#State, #OtherState{
	width: 120px;
}

/* Navigation */
div.navbar{
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 11px !important;
	height: 18px;
	padding: 6px 6px 5px 3px;	/*6px 8px 5px 5px;*/
	font-size: 11px;
}
div.navitem, div.navitem_hover{
	border-width: 1px;
	border-style: solid;
	padding: 1px; /* 15px 1px 15px; */
	text-align: center;
	float: left;
	text-transform: uppercase;
}
#active{
	border-style: solid;
	border-width: 1px;
}
div.separator{
	height: 20px;
	width: 7px;	/*11px;*/
	float: left;
	margin: 0 8px 0 8px;
}
div.info,div.prices{
	border-style: solid;
	border-width: 1px;
	font-size: 9px;
	float: right;
	padding: 0 10px 0 10px;
	margin: 0 0 0 10px;
	height: 12px;
}
div.paging{
	font-size: 9px;
	float: right;
	padding: 0 5px 0 5px;	/* 0 10px 0 10px; */
	margin: 0 0 0 2px;		/* 0 0 0 10px; */
	height: 17px;
}

/* Shadow effect */
#main {
}

/**********************/
#main .sdw2,#main .sdw3,#main .sdw4,#main .sdw5,#main .container {
    position: relative;
    right: 1px;
    bottom: 1px;
}
#main .container {
	border-style: solid;
	border-width: 1px;	
	text-align: left;
	padding: 0;
	position: relative;
	right: 3px;
}
#container{
	/* visibility: hidden;*/
}
#guestbook  #container{
	visibility: visible;
}

/* Footer */
div.footer{
	font-size: 10px;
	padding: 12px 0 0 0;
	text-align: center;
}
span.powered, span.powered_over{
	height: 10px;
	width: 60px;
	padding-left: 12px;
}
.powered, a.powered , a.powered:link,  a.powered:active {
	text-decoration: none;
	padding-left: 15px;
	background: url(../FLogo_small.gif) 0 0 no-repeat;
	height: 10px;
	overflow: hidden;
}
a.powered:hover {
	padding-left: 15px;
	background: url(../FLogo_small.gif) 0 -20px no-repeat;
	height: 10px;
	overflow: hidden;
}
/*custom image tags classes */
.iprev , .inext, .iprev_over , .inext_over 
{
	cursor: pointer;
}

.asset_content
{
	position: relative;
	/*padding: 10px;*/
}

#ibox {
	position: absolute;
}
#tmp_infotext, #tmp_prices, #tmp_next, #tmp_prev {display: none;}

/* social links */
div.header
{
	position: relative;
}
.sl_area{
	position: absolute;
	top: 4px;
	right: 10px;
}
.sl_box{
	position: relative;

}
div.sl_label{
	margin: 8px 10px 0 10px;
	display:block;
	font-size: 11px;
	
	border: none;
	float: right;
	clear: none;
}
.sl_label a, #ShareLabel{
    cursor: default;
    text-transform:none;
    font-weight: normal;
}
{
}
a.a_SLshare, a.a_SLfollow{
	padding-right:5px;

	display: table-cell;
    height: 32px;
    vertical-align: middle;
}
a.a_SLshare img, a.a_SLfollow img{
	border: none;
}
.socLink_follow_box, .socLink_share_box{
	float: right;
}
.socLink_share_box
{
	height: 16px;
	margin-top: 8px;
}
.socLink_follow_box
{
	margin-left: 20px;
}
.socLink_share_box a, .goo_holder{
	float: left;
	padding-right:5px;
}
/* end Social Links */