DIV.CALENDAR
{
DISPLAY : INLINE-BLOCK;
WIDTH : 950PX;
HEIGHT : 50PX;
border : 1px solid #000;
}
DIV.ICON
{
DISPLAY : INLINE-BLOCK;
WIDTH : 50PX;
HEIGHT : 50PX;
border : 1px solid #000;
}
DIV.DATE
{
DISPLAY : INLINE-BLOCK;
WIDTH : 150PX;
HEIGHT : 50PX;
PADDING-BOTTOM : 5PX;
border : 1px solid #000;
}
DIV.TOUR
{
DISPLAY : INLINE-BLOCK;
WIDTH : 400PX;
HEIGHT : 50PX;
PADDING-BOTTOM : 5PX;
border : 1px solid #000;
}
DIV.DAYS
{
DISPLAY : INLINE-BLOCK;
WIDTH : 160PX;
HEIGHT : 50PX;
PADDING-BOTTOM : 5PX;
border : 1px solid #000;
}
DIV.PRICE
{
DISPLAY : INLINE-BLOCK;
WIDTH : 75PX;
HEIGHT : 50PX;
PADDING-BOTTOM : 5PX;
border : 1px solid #000;
}
/********************************************************************
File:
common.css
Brief:
-
Author:
DigitalCavalry
Author URI:
http://themeforest.net/user/DigitalCavalry
*********************************************************************/
/*********************************************************************
CORE CSS
**********************************************************************/
*
{
margin:0px;
padding:0px;
}
body
{
margin:0px;
padding:0px;
font:normal 12px/17px arial;
color:#333;
background:url(../img/body-bg.jpg) top center repeat-x;
}
#body-container
{
width:1000px;
background-color:transparent;
margin-left:auto;
margin-right:auto;
margin-top : 20px;
}
/*********************************************************************
COMMON CSS
**********************************************************************/
strong
{
font-weight:bold;
}
em
{
font-style:italic;
}
p
{
font:11px/15px Verdana;
margin:0px;
margin-top:12px;
margin-bottom:12px;
}
.alignright {
float:right;
padding:4px;
margin:10px 0px 10px 10px;
}
.alignleft {
float:left;
padding:4px;
margin:10px 10px 10px 0px;
}
.aligncenter {
text-align:center;
padding:4px;
margin:10px 10px 10px 10px;
}
pre
{
padding-left:20px;
line-height:16px;
background-image: url(../img/common/pre_grey.png);
background-position: 0px 0px;
background-repeat: repeat-x repeat-y;
}
blockquote,
blockquote.quote250-left,
blockquote.quote250-right,
blockquote.quote400-left,
blockquote.quote400-right
{
color:#888888;
font-weight:bold;
font-style:italic;
border-left:5px solid #AAAAAA;
padding-left:10px;
padding-right:10px;
margin-left:20px;
margin-top:20px;
margin-bottom:20px;
}
blockquote p,
blockquote.quote250-left p,
blockquote.quote250-right p,
blockquote.quote400-left p,
blockquote.quote400-right p
{
margin:0px;
color:#888888;
font-weight:bold;
font-style:italic;
}
blockquote.quote250-left
{
width:250px;
float:left;
}
blockquote.quote250-right
{
width:250px;
float:right;
}
blockquote.quote400-left
{
width:400px;
float:left;
}
blockquote.quote400-right
{
width:400px;
float:right;
}
blockquote .author,
blockquote.quote250-left .author,
blockquote.quote250-right .author,
blockquote.quote400-left .author,
blockquote.quote400-right .author
{
display:block;
margin-top:10px;
font-weight:normal;
font-style:normal;
text-align:right;
padding-right:10px;
color:#000000;
}
blockquote .author-title,
blockquote.quote250-left .author-title,
blockquote.quote250-right .author-title,
blockquote.quote400-left .author-title,
blockquote.quote400-right .author-title
{
display:block;
margin-top:0px;
font-weight:normal;
font-style:normal;
text-align:right;
padding-right:10px;
font-size:10px;
}
a
{
color:#3399CC;
text-decoration:none;
cursor:pointer;
}
a:hover
{
text-decoration:underline;
}
a.reverse
{
color:#000000;
text-decoration:none;
cursor:pointer;
}
a.reverse:hover
{
text-decoration:underline;
}
h1.number
{
font: normal 20px/20px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
color: #178857;
position: absolute;
top:35px;
right:0px;
display:block;
}
h4.number {
font: normal 20px/20px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
color: #178857;
position: absolute;
top:25px;
right:0px;
display:block;
}
h1
{
font: normal 36px/36px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
color: #000000;
margin:0px;
margin-top:20px;
margin-bottom:10px;
}
h2
{
font: normal 32px/32px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
color: #000000;
margin:0px;
margin-top:20px;
margin-bottom:10px;
}
h3
{
font: normal 28px/28px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
color: #000000;
margin:0px;
margin-top:15px;
margin-bottom:10px;
}
h4
{
font: normal 24px/24px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
color: #000000;
margin:0px;
margin-top:15px;
margin-bottom:10px;
}
h5
{
font: normal 20px/20px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
color: #178857;
margin:0px;
margin-top:15px;
margin-bottom:-10px;
}
h6
{
font: normal 16px/16px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
color: #000000;
margin:0px;
margin-top:15px;
margin-bottom:10px;
}
h6.mini
{
font: normal 13px/13px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
color: #000000;
margin:0px;
margin-top:8px;
margin-bottom:6px;
}
h1 span, h2 span
{
display:block;
color:#AAAAAA;
margin-top:4px;
font: normal 16px/16px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
}
h3 span, h4 span
{
display:block;
color:#AAAAAA;
margin-top:4px;
font: normal 14px/14px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
}
h5 span, h6 span
{
display:block;
color:#AAAAAA;
margin-top:4px;
font: normal 12px/12px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
}
code
{
padding-left:5px;
padding-right:5px;
background-color:#E8E8E8;
color:#000000;
border:1px dotted #CCCCCC;
font-family:monospace;
}
abbr
{
border-bottom:1px solid #DDDDDD;
}
hr
{
margin:0px;
padding:0px;
border:none;
height:0px;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #FFFFFF;
margin-bottom:10px;
display:block;
background-color:transparent;
}
table.styled
{
border-collapse:collapse;
margin-top:10px;
}
.table-description
{
display:block;
margin-top:5px;
text-align:left;
font-weight:normal;
font-style:normal;
font-size:10px;
line-height:10px;
color:#888888;
}
table.styled thead td
{
background-color:#CCCCCC;
text-align:center;
padding:8px 15px 8px 15px;
border:1px solid #CCCCCC;
font-weight: bold;
}
table.styled tbody td
{
background-color:transparent;
text-align:center;
padding:5px 15px 5px 15px;
border:1px solid #DDDDDD;
}
/*********************************************************************
UTL CSS
**********************************************************************/
.hr
{
margin:0px;
padding:0px;
border:none;
height:0px;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #FFFFFF;
margin-bottom:10px;
display:block;
background-color:transparent;
}
.headline
{
color:#AAAAAA;
}
.headline strong
{
color:#000000;
}
.clear-both
{
clear:both;
margin:0px;
padding:0px;
height:1px;
}
/*********************************************************************
PHOTOS CSS
**********************************************************************/
.photo920
{
display:block;
width:920px;
margin-bottom:10px;
line-height:10px;
}
.photo620
{
display:block;
width:620px;
margin-bottom:10px;
line-height:10px;
}
.photo445-left
{
display:block;
float:left;
width:445px;
margin:0px 15px 10px 0px;
line-height:10px;
}
.photo445-right
{
display:block;
float:right;
width:445px;
margin:0px 0px 10px 15px;
line-height:10px;
}
.photo295-left
{
display:block;
float:left;
width:295px;
margin:0px 15px 10px 0px;
line-height:10px;
}
.photo295-right
{
display:block;
float:right;
width:295px;
margin:0px 0px 10px 15px;
line-height:10px;
}
.photo920 span,
.photo620 span,
.photo445-left span,
.photo445-right span,
.photo295-left span,
.photo295-right span
{
display:block;
margin-top:5px;
text-align:left;
font-weight:normal;
font-style:normal;
font-size:10px;
color:#888888;
}
.photo920 img,
.photo620 img,
.photo445-left img,
.photo445-right img,
.photo295-left img,
.photo295-right img
{
border:none;
}
/*********************************************************************
UNORDERED LIST CSS
**********************************************************************/
.list-dot-red
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/dot_red.png");
}
.list-dot-white
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/dot_white.png");
}
.list-dot-black
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/dot_black.png");
}
.list-dot-green
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/dot_green.png");
}
.list-dot-blue
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/dot_blue.png");
}
.list-dot-orange
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/dot_orange.png");
}
.list-square-black
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/square_black.png");
}
.list-square-white
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/square_white.png");
}
.list-square-red
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/square_red.png");
}
.list-square-green
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/square_green.png");
}
.list-square-blue
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/square_blue.png");
}
.list-square-orange
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-image:url("../img/common/list/square_orange.png");
}
/*********************************************************************
ORDERED LIST CSS
**********************************************************************/
ol,
.list-decimal
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-type:decimal;
}
.list-decimal-zero
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-type:decimal-leading-zero;
}
.list-lower-alpha
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-type:lower-alpha;
}
.list-upper-alpha
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-type:upper-alpha;
}
.list-lower-roman
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-type:lower-roman;
}
.list-upper-roman
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-type:upper-roman;
}
.list-none
{
list-style-position:inside;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
list-style-type:none;
}
/*********************************************************************
NAVIGATION CSS
**********************************************************************/
#navigation
{
margin-bottom:0px;
margin-left:0px;
padding-left:0px;
position:absolute;
left:0px;
top:130px;
bottom:5px;
height:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align: left;
z-index:100;
}
#navigation .top
{
padding-right: 17px;
}
/* Horizontall organizer */
#navigation li
{
float: left;
list-style: none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin-right:0px;
margin-left:0px;
position:relative;
z-index:30;
}
/* Styles for next elements after top elements. */
#navigation li a
{
z-index: 10;
height: 27px;
display: block;
float:left;
color:#1b75ae;
text-decoration:none;
font-weight : bold;
overflow: hidden;
line-height:27px;
position:relative;
font:16px Trebuchet MS, Verdana;
}
#navigation li.arrow-down
{
background-image: url('../img/navigation/grey_down.png');
background-position: 100% 30%;
margin-right: 7px;
background-repeat: no-repeat;
}
#navigation li li a
{
z-index: 10;
height: 50px;
display: block;
float:left;
color:#fff;
text-decoration:none;
overflow: hidden;
line-height:50px;
padding:0px 20px 0px;
position:relative;
font:normal 10px Verdana;
}
#navigation li a:hover
{
color:#000;
}
#navigation ul
{
display:none;
left:0px;
position:absolute;
top:27px;
width:200px;
}
#navigation ul
{
margin:0px;
padding:0px;
list-style-type:none;
list-style-position:outside;
background-color:transparent;
opacity:1.00;
filter:alpha(opacity=100); /*IE*/
border-left:0px solid #dddddd;
border-right:0px solid #000;
border-top:0px solid #222222;
}
#navigation ul li
{
background-color:#F2F2F2;
margin:0px;
}
#navigation li ul a
{
width:180px;
height:auto;
float:left;
display:block;
padding:10px;
border-bottom:0px solid #111;
color:#000000;
text-decoration:none;
line-height:10px;
}
#navigation li ul a:hover
{
background-color:#111;
color:#fff;
text-decoration: none;
}
#navigation li ul a.arrow-right
{
background-image: url('../img/navigation/grey_next.png');
background-position: 97% 50%;
background-repeat: no-repeat;
}
#navigation li ul a.arrow-right:hover
{
background-color:#111;
background-image: url('../img/navigation/grey_next.png');
background-position: 97% 50%;
background-repeat: no-repeat;
color:#fff;
}
#navigation ul ul
{
top:0px;
}
#navigation li ul ul
{
left:200px;
}
#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li:hover ul ul ul ul
{
display:none;
border-left:0px solid #DDDDDD;
}
#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li li li li:hover ul
{
display:block;
}
/*********************************************************************
CONTENT CSS
**********************************************************************/
.content-top
{
width:1000px;
height:10px;
background-color:transparent;
background-image:url('../img/skins/grey/contenttop.png');
background-position:0px 0px;
background-repeat:no-repeat;
}
.content-middle
{
width:960px;
padding-left:20px;
padding-bottom:25px;
clear:both;
}
.content-middle-sidebar
{
width:920px;
padding-left:40px;
padding-right:40px;
padding-top:20px;
padding-bottom:25px;
background-color:transparent;
background-image:url('../img/skins/grey/contentmiddle_sidebar.png');
background-position:0px 0px;
background-repeat:repeat-y;
position:relative;
}
.content-middle-sidebar-flat
{
width:920px;
padding-left:40px;
padding-right:40px;
padding-top:20px;
padding-bottom:25px;
background-color:transparent;
background-image:url('../img/skins/grey/contentmiddle_sidebar_flat.png');
background-position:0px 0px;
background-repeat:repeat-y;
position:relative;
}
.content-620
{
width:620px;
float:left;
}
.content-920
{
width:960px;
}
.content-bottom
{
width:1000px;
height:12px;
background-color:transparent;
background-image:url('../img/skins/grey/contentbottom.png');
background-position:0px 0px;
background-repeat:no-repeat;
}
.sidebar-top-mask
{
position:absolute;
top:0px;
right:300px;
background-color:transparent;
width:20px;
height:40px;
background-image:url('../img/skins/grey/sidebar_top_mask.png');
background-position:0px 0px;
background-repeat:no-repeat;
}
.sidebar-bottom-mask
{
position:absolute;
bottom:0px;
right:300px;
background-color:transparent;
width:20px;
height:40px;
background-image:url('../img/skins/grey/sidebar_bottom_mask.png');
background-position:0px 0px;
background-repeat:no-repeat;
}
.sidebar-top-mask-flat
{
position:absolute;
top:0px;
right:302px;
background-color:transparent;
width:20px;
height:40px;
background-image:url('../img/skins/grey/sidebar_top_mask_flat.png');
background-position:0px 0px;
background-repeat:no-repeat;
}
.sidebar-bottom-mask-flat
{
position:absolute;
bottom:0px;
right:302px;
background-color:transparent;
width:20px;
height:40px;
background-image:url('../img/skins/grey/sidebar_bottom_mask_flat.png');
background-position:0px 0px;
background-repeat:no-repeat;
}
.page-title
{
margin-bottom: 5px;
}
.page-title h1
{
margin-bottom: 0px;
margin-top:0px;
}
/*********************************************************************
NAVIGATION TREE CSS
**********************************************************************/
#navigation-tree
{
font: normal 11px/11px Verdana;
color:#BBBBBB;
margin-bottom: 5px;
}
#navigation-tree a.prev
{
font: normal 11px/11px Verdana;
color:#888888;
text-decoration: none;
}
#navigation-tree a.prev:hover
{
color:#000000;
text-decoration: underline;
}
#navigation-tree a.current
{
font: normal 11px/11px Verdana;
color:#888888;
cursor:auto;
text-decoration:none;
}
#navigation-tree a.current:hover
{
text-decoration:none;
}
/*********************************************************************
CONTACT CSS
**********************************************************************/
#contact-form
{
margin:0px;
margin-top:30px;
padding:0px;
}
#contact-form p
{
margin-bottom:8px;
margin-top:0px;
}
#contact-form .label
{
font: normal 10px Verdana;
margin-left:0px;
}
#contact-form .required
{
font: normal 10px Verdana;
margin-left:5px;
color:#888888;
}
#contact-form .text-ctrl
{
background-color:#DDDDDD;
border:1px solid #DEDEDE;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
color:#333333;
padding-left:5px;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
width:200px;
margin-right:8px;
}
#contact-form .textarea-ctrl
{
background-color:#DDDDDD;
border:1px solid #DEDEDE;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
color:#333333;
padding-left:5px;
padding-right:5px;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
width:500px;
max-width:500px;
height:140px;
margin-top:4px;
}
#contact-form .button-ctrl
{
background-color:#EEEEEE;
border:1px solid #DEDEDE;
color:#333333;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
margin:0px;
cursor:pointer;
}
#contact-form .button-ctrl:hover
{
background-color:#000000;
color:#FFFFFF;
}
#contact-form .result
{
padding:5px;
background-color:transparent;
color:#009900;
border:1px solid #DDDDDD;
margin-bottom:10px;
display:none;
}
/*********************************************************************
SEARCH PAGE CSS
**********************************************************************/
#search-page-form
{
background-color:transparent;
margin-bottom:20px;
}
#search-page-form .text-ctrl
{
background-color:#DDDDDD;
border:1px solid #DEDEDE;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
color:#333333;
padding-left:5px;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
width:180px;
margin-right:0px;
}
#search-page-form .button-ctrl
{
background-color:#EEEEEE;
border:1px solid #DEDEDE;
color:#333333;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
margin:0px;
cursor:pointer;
}
#search-page-form .button-ctrl:hover
{
background-color:#000000;
color:#FFFFFF;
}
/* search results */
#search-page-results
{
background-color:transparent;
}
#search-page-results .info
{
margin-bottom:0px;
color:#AAAAAA;
}
#search-page-results .info .data
{
color:#888888;
float:left;
text-decoration: none;
}
#search-page-results .info .data:hover
{
color:#000000;
text-decoration:underline;
}
#search-page-results .info .category
{
color:#888888;
float:left;
text-decoration: none;
}
#search-page-results .info .category:hover
{
color:#000000;
text-decoration: underline;
}
#search-page-results .info .default
{
color:#AAAAAA;
float:left;
}
#search-page-results .info .comments
{
color:#888888;
float:left;
text-decoration: none;
}
#search-page-results .info .comments:hover
{
color:#000000;
text-decoration: underline;
}
#search-page-results h6
{
font-size:13px;
margin-top:0px;
margin-bottom:0px;
}
#search-page-results h6 a
{
color:#000000;
text-decoration:none;
}
#search-page-results h6 a:hover
{
text-decoration:underline;
}
/*********************************************************************
TAG MAP PAGE CSS
**********************************************************************/
#tag-map
{
background-color:transparent;
padding-top:10px;
min-height:500px;
}
#tag-map .column
{
width:200px;
float:left;
}
#tag-map .column-separator
{
width:40px;
height:40px;
float:left;
}
#tag-map ul
{
list-style:none;
}
#tag-map ul li
{
float:left;
margin-right:5px;
color:#BBBBBB;
}
#tag-map ul li a
{
color:#888888;
text-decoration:none;
text-transform:uppercase;
font:10px/12px Verdana;
}
#tag-map ul li a:hover
{
color:#000000;
text-decoration:underline;
}
/*********************************************************************
CATEGORY MAP PAGE CSS
**********************************************************************/
#category-map
{
background-color:transparent;
padding-top:10px;
min-height:500px;
}
#category-map .column
{
width:200px;
float:left;
}
#category-map .column-separator
{
width:40px;
height:40px;
float:left;
}
#category-map ul
{
list-style:none;
}
#category-map ul li
{
float:left;
margin-right:5px;
color:#BBBBBB;
}
#category-map ul li a
{
color:#888888;
text-decoration:none;
text-transform:uppercase;
font:10px/12px Verdana;
}
#category-map ul li a:hover
{
color:#000000;
text-decoration:underline;
}
/*********************************************************************
BLOG CSS
**********************************************************************/
.blog-page-post
{
margin-top:40px;
padding-bottom:0px;
}
.blog-page-post h4
{
margin-top:0px;
}
.blog-page-post .image
{
border:none;
}
.blog-page-post .info
{
margin-bottom:5px;
color:#AAAAAA;
}
.blog-page-post .title
{
text-decoration: none;
color:#000000;
}
.blog-page-post .title:hover
{
text-decoration:underline;
}
.blog-page-post .info .data
{
color:#888888;
float:left;
text-decoration: none;
}
.blog-page-post .info .data:hover
{
color:#000000;
text-decoration:underline;
}
.blog-page-post .info .category
{
color:#888888;
float:left;
text-decoration: none;
}
.blog-page-post .info .category:hover
{
color:#000000;
text-decoration: underline;
}
.blog-page-post .info .default
{
color:#AAAAAA;
float:left;
}
.blog-page-post .info .comments
{
color:#888888;
float:right;
text-decoration: none;
}
.blog-page-post .info .comments:hover
{
color:#000000;
text-decoration: underline;
}
.blog-page-post .moretext
{
color:#888888;
text-decoration:none;
}
.blog-page-post .moretext:hover
{
color:#000000;
text-decoration: underline;
}
.blog-page-post .more-link
{
color:#888888;
text-decoration:none;
}
.blog-page-post .more-link:hover
{
color:#000000;
text-decoration: underline;
}
.blog-page-post .post-subtitle
{
color:#FFFFFF;
font: bold 11px/11px Verdana;
background-color:#000000;
padding:4px 8px 4px 8px;
font: bold 11px/11px Verdana;
}
.blog-page-post .tags
{
background-color:transparent;
color:#BBBBBB;
margin-top:15px;
}
.blog-page-post .tags .tag
{
text-transform:uppercase;
font:10px/12px Verdana;
color:#888888;
text-decoration:none;
}
.blog-page-post .tags .tag:hover
{
color:#000000;
text-decoration: underline;
}
.blog-pagination
{
padding: 30px 0px 0px 0px;
}
.blog-pagination .pages
{
padding: 3px 6px 3px 0px;
color:#BBBBBB;
float:left;
margin-right:4px;
}
.blog-pagination .separator
{
padding: 3px 6px 3px 0px;
color:#BBBBBB;
float:left;
margin-right:4px;
margin-left:6px;
}
.blog-pagination a
{
float:left;
margin:0px 2px 2px 0px;
display: block;
padding: 3px 6px 3px 6px;
border:1px solid #DEDEDE;
background-color:#EEEEEE;
color:#000000;
text-decoration:none;
}
.blog-pagination a:hover
{
background-color:#000000;
color:#FFFFFF;
text-decoration:underline;
}
.blog-pagination a.current
{
float:left;
margin:0px 2px 2px 0px;
display: block;
padding: 3px 6px 3px 6px;
border:1px solid #BBBBBB;
background-color:#DEDEDE;
color:#000000;
text-decoration:none;
cursor: default;
}
.blog-pagination a.current:hover
{
text-decoration:none;
}
/*********************************************************************
PAGE LINKS CSS
**********************************************************************/
.page-links
{
padding: 30px 0px 0px 0px;
}
.page-links a span
{
float:left;
margin:0px 2px 2px 0px;
display: block;
padding: 3px 6px 3px 6px;
border:1px solid #DEDEDE;
background-color:#EEEEEE;
color:#000000;
text-decoration:none;
cursor:pointer;
}
.page-links a span:hover
{
background-color:#000000;
color:#FFFFFF;
text-decoration:underline;
}
.page-links a
{
color:#000000;
text-decoration:none;
}
.page-links a:hover
{
color:#CCCCCC;
text-decoration:underline;
}
.page-links span
{
float:left;
margin:0px 2px 2px 0px;
display: block;
padding: 3px 6px 3px 6px;
border:1px solid #BBBBBB;
background-color:#DEDEDE;
color:#000000;
text-decoration:none;
cursor: default;
}
.page-links span:hover
{
text-decoration:none;
}
.page-links .before
{
padding: 3px 6px 3px 0px;
color:#BBBBBB;
float:left;
margin-right:4px;
border:0px solid #DDDDDD;
background-color:transparent
}
/*********************************************************************
POST AUTHOR CSS
**********************************************************************/
.post-author
{
background-color:transparent;
margin-top:30px;
}
.post-author .image
{
width:60px;
height:60px;
float:left;
margin-right:10px;
margin-top:10px;
}
.post-author .text
{
float:left;
width:550px;
margin-top:10px;
}
.post-author .about
{
color:#888888;
}
.post-author .nickname
{
margin-top:0px;
margin-bottom:5px;
}
/*********************************************************************
SIDEBAR CSS
**********************************************************************/
.sidebar-right
{
width:255px;
float:right;
padding-left:5px;
background-color:transparent;
}
/* widget pages, links, archives, categories */
.sidebar-right ul.widget-pages,
.sidebar-right ul.blogroll,
.sidebar-right ul.widget-archives,
.sidebar-right ul.widget-categories
{
list-style-position:outside;
list-style:none;
}
.sidebar-right ul.widget-pages li,
.sidebar-right ul.blogroll li,
.sidebar-right ul.widget-archives li,
.sidebar-right ul.widget-categories li
{
padding-top:5px;
padding-left:8px;
padding-bottom:5px;
border-bottom:1px solid #E9E9E9;
cursor:pointer;
color:#999999;
}
.sidebar-right ul.widget-pages li:hover,
.sidebar-right ul.widget-pages li:hover > a,
.sidebar-right ul.blogroll li:hover,
.sidebar-right ul.blogroll li:hover > a,
.sidebar-right ul.widget-archives li:hover,
.sidebar-right ul.widget-archives li:hover > a,
.sidebar-right ul.widget-categories li:hover,
.sidebar-right ul.widget-categories li:hover > a
{
background-color:#000000;
color:#FFFFFF;
}
.sidebar-right ul.widget-pages li a,
.sidebar-right ul.blogroll li a,
.sidebar-right ul.widget-archives li a,
.sidebar-right ul.widget-categories li a
{
text-decoration:none;
color:#000000;
}
.sidebar-right ul.widget-pages li a:hover,
.sidebar-right ul.blogroll li a:hover,
.sidebar-right ul.widget-archives li a:hover,
.sidebar-right ul.widget-categories li a:hover
{
color:#FFFFFF;
}
/* widget featured posts */
.sidebar-right ul.widget-featured-posts
{
list-style-position:outside;
list-style:none;
}
.sidebar-right ul.widget-featured-posts li a
{
color:#000000;
text-decoration:none;
}
.sidebar-right ul.widget-featured-posts li a:hover
{
text-decoration:underline;
}
.sidebar-right ul.widget-featured-posts .item
{
width:255px;
margin-bottom:15px;
}
.sidebar-right ul.widget-featured-posts .image
{
display:block;
margin-right:0px;
width:255px;
height:100px;
margin-top:0px;
border:none;
}
.sidebar-right ul.widget-featured-posts h6
{
font: normal 13px/13px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
margin-top:8px;
margin-bottom:6px;
}
.sidebar-right ul.widget-featured-posts .description
{
width:255px;
color:#666666;
}
.sidebar-right ul.widget-featured-posts a.more
{
color:#888888;
text-decoration:none;
}
.sidebar-right ul.widget-featured-posts a.more:hover
{
color:#000000;
text-decoration:underline;
}
/* widget recent posts */
.sidebar-right ul.widget-recent-posts
{
list-style-position:outside;
list-style:none;
}
.sidebar-right ul.widget-recent-posts li a
{
color:#000000;
text-decoration:none;
}
.sidebar-right ul.widget-recent-posts li a:hover
{
text-decoration:underline;
}
.sidebar-right ul.widget-recent-posts .item
{
width:255px;
margin-bottom:8px;
}
.sidebar-right ul.widget-recent-posts .image
{
border:1px solid #999999;
display:block;
float:left;
margin-right:5px;
width:50px;
height:50px;
margin-top:3px;
}
.sidebar-right ul.widget-recent-posts .description
{
float:left;
width:195px;
}
.sidebar-right ul.widget-recent-posts .date
{
color:#888888;
font-size:10px;
}
/* widget search */
.sidebar-right #searchform label
{
color:#000000;
display:none;
}
.sidebar-right #searchform #s
{
background-color:#DDDDDD;
border:1px solid #DEDEDE;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
color:#333333;
padding-left:5px;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
width:175px;
margin-right:0px;
}
.sidebar-right #searchform #searchsubmit
{
background-color:#EEEEEE;
border:1px solid #DEDEDE;
color:#333333;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
margin:0px;
cursor:pointer;
}
.sidebar-right #searchform #searchsubmit:hover
{
background-color:#000000;
color:#FFFFFF;
}
/* widget tags */
.sidebar-right .widget-tags ul
{
list-style:none;
list-style-position:outside;
}
.sidebar-right .widget-tags ul li
{
float:left;
margin-right:5px;
}
.sidebar-right .widget-tags ul a
{
font:10px/12px Verdana;
color:#888888;
text-decoration:none;
text-transform:uppercase;
}
.sidebar-right .widget-tags ul a:hover
{
color:#000000;
text-decoration:underline;
}
/* widget adv 125 */
.sidebar-right .widget-adv-125
{
background-color:transparent;
}
.sidebar-right .widget-adv-125 .item
{
width:125px;
height:125px;
margin-bottom:5px;
float:left;
border:0px solid red;
}
.sidebar-right .widget-adv-125 .item img
{
border:none;
}
/* widget adv 255 */
.sidebar-right .widget-adv-255
{
background-color:transparent;
text-align:center;
}
.sidebar-right .widget-adv-255 img
{
border:none;
}
/*********************************************************************
COMMENTS LIST CSS
**********************************************************************/
.comments-section
{
background-color:transparent;
margin-top:40px;
}
.comments-section .comment
{
margin-top:10px;
padding-bottom:0px;
}
.comments-section .comment .content
{
border:1px solid #DDDDDD;
margin:0px;
margin-bottom:10px;
padding:10px;
position:relative;
}
.comments-section .comment .content .arrow
{
width:15px;
height:9px;
margin:0px;
padding:0px;
position:absolute;
left:23px;
bottom:-9px;
background-color:transparent;
background-repeat:no-repeat;
background-position:0px 0px;
background-image:url('../img/skins/grey/comment.png');
}
.comments-section .comment .content .gravatar
{
width:40px;
height:40px;
border:0px solid #CCCCCC;
float:left;
}
.comments-section .comment .content .gravatar img
{
border:none;
}
.comments-section .comment .content .text
{
margin-left:50px;
}
.comments-section .comment .author
{
font-weight:bold;
padding-left:10px;
padding-right:10px;
}
.comments-section .comment .reply
{
position:absolute;
padding-left:5px;
padding-right:5px;
bottom:-20px;
right:0px;
font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.comments-section .comment .reply a
{
color:#888888;
text-decoration:none;
}
.comments-section .comment .reply a:hover
{
color:#000000;
text-decoration:underline;
}
.comments-section .comment .to-approve
{
padding-top:10px;
color:#888888;
}
.comments-section .comment .time
{
color:#888888;
}
.comments-section .commentlist
{
margin-left:0px;
padding-left:0px;
}
.comments-section .commentlist li
{
list-style:none;
padding-top:0px;
}
.comments-section .commentlist li .text p
{
margin-top:0px;
margin-bottom:0px;
}
.comments-section .commentlist li li
{
margin-left:40px;
}
/*********************************************************************
POST RESPOND/COMMENT FORM
**********************************************************************/
#respond
{
background-color:transparent;
margin-top:25px;
padding-bottom:15px;
position: relative;
}
#respond p
{
margin-bottom:8px;
margin-top:0px;
}
#respond .label
{
font: normal 10px Verdana;
margin-left:0px;
}
#respond .required
{
font: normal 10px Verdana;
margin-left:5px;
color:#888888;
}
#respond .text-ctrl
{
background-color:#DDDDDD;
border:1px solid #DEDEDE;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
color:#333333;
padding-left:5px;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
width:200px;
margin-right:8px;
}
#respond .textarea-ctrl
{
background-color:#DDDDDD;
border:1px solid #DEDEDE;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
color:#333333;
padding-left:5px;
padding-right:5px;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
width:80%;
height:140px;
margin-top:4px;
}
#respond .button-ctrl
{
background-color:#EEEEEE;
border:1px solid #DEDEDE;
color:#333333;
font: normal 13px Arial;
padding-top:4px;
padding-bottom:4px;
margin:0px;
cursor:pointer;
padding-left:10px;
padding-right:10px;
}
#respond .button-ctrl:hover
{
background-color:#000000;
color:#FFFFFF;
}
#respond .cancel-respond
{
font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:12px;
color:#8888888;
text-transform: uppercase;
margin-top: 0px;
margin-right: 0px;
padding-top:8px;
padding-bottom:0px;
}
#respond .cancel-respond a
{
color:#888888;
text-decoration:none;
}
#respond .cancel-respond a:hover
{
color:#000000;
text-decoration:underline;
}
/*********************************************************************
SERVICES CSS
**********************************************************************/
.services-separator
{
height:30px;
background-color:transparent;
margin:0px;
padding:0px;
}
/* big list */
.services-big-list
{
margin-bottom: 0px;
padding-top: 5px;
clear: both;
width: 920px;
}
.services-big-list .item-separator
{
height:15px;
background-color:transparent;
margin:0px;
padding:0px;
}
.services-big-list .header
{
padding-bottom: 5px;
}
.services-big-list .header h6
{
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 10px;
color:#222222;
}
.services-big-list .item
{
width: 920px;
height: 170px;
margin-bottom: 0px;
}
.services-big-list .item .title
{
text-decoration: none;
}
.services-big-list .item .title:hover
{
text-decoration:underline;
}
.services-big-list .item .image
{
margin-right: 20px;
float: left;
padding-top: 0px;
border:none;
}
.services-big-list .description
{
padding:5px 0px 10px;
margin:auto;
}
.services-big-list .description p
{
margin-bottom: 12px 0px 0px;
}
.services-big-list .description h6
{
margin-top: 0px;
color:#666666;
}
.services-big-list .description h6:hover
{
text-decoration:none;
}
.services-big-list .description a h6
{
margin-top: 0px;
color:#666666;
}
.services-big-list .description a h6:hover
{
text-decoration:underline;
}
/* small list */
.services-small-list
{
margin-bottom: 0px;
padding-top: 5px;
clear: both;
width: 920px;
}
.services-small-list .item-separator
{
height:15px;
background-color:transparent;
margin:0px;
padding:0px;
}
.services-small-list .header
{
padding-bottom: 5px;
}
.services-small-list .header h6
{
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 10px;
color:#222222;
}
.services-small-list .left-column
{
float: left;
width: 450px;
}
.services-small-list .right-column
{
float: right;
width: 440px;
}
.services-small-list .item
{
width: 440px;
height: 100px;
margin-bottom: 0px;
}
.services-small-list .item .title
{
text-decoration: none;
}
.services-small-list .item .title:hover
{
text-decoration:underline;
}
.services-small-list .item .image
{
margin-right:20px;
float: left;
border:none;
}
.services-small-list .item .description
{
padding:5px 0px 10px;
margin:auto;
}
.services-small-list .item .description p
{
margin: 12px 0px 0px;
}
.services-small-list .item .description h6
{
margin: 0px;
color:#666666;
}
.services-small-list .item .description h6:hover
{
text-decoration: none;
}
.services-small-list .item .description a h6
{
margin: 0px;
color:#666666;
}
.services-small-list .item .description a h6:hover
{
text-decoration: underline;
}
/* three list */
.services-three-list
{
margin-bottom: 0px;
padding-top: 5px;
width: 920px;
clear: both;
}
.services-three-list .item-separator
{
height:100px;
width:46px;
float:left;
background-color:transparent;
margin:0px;
padding:0px;
}
.services-three-list .item-row-separator
{
height:25px;
background-color:transparent;
margin:0px;
padding:0px;
clear:both;
}
.services-three-list .header
{
padding-bottom: 5px;
}
.services-three-list .header h6
{
margin-bottom:10px;
margin-top: 0px;
text-transform: uppercase;
color:#222222;
}
.services-three-list .item
{
width: 276px;
margin-bottom: 0px;
float: left;
text-align: left;
}
.services-three-list .item .title
{
text-decoration: none;
}
.services-three-list .item .title:hover
{
text-decoration:underline;
}
.services-three-list .item .image
{
margin:0px;
border:none;
}
.services-three-list .item .description
{
padding:0px 0px 0px;
margin-top: 10px;
margin-bottom: 0px;
text-align: left;
width: 276px;
}
.services-three-list .item .description p
{
margin: 12px 0px 0px;
}
.services-three-list .item .description h6
{
margin: 0px;
color:#666666;
text-align: left;
}
.services-three-list .item .description h6:hover
{
text-decoration: none;
}
.services-three-list .item .description a h6
{
margin: 0px;
color:#666666;
text-align: left;
}
.services-three-list .item .description a h6:hover
{
text-decoration: underline;
}
/*********************************************************************
HEADER CSS
**********************************************************************/
#header
{
width:960px;
padding-left:0px;
padding-right:0px;
background-color:transparent;
margin-left:auto;
margin-right:auto;
position:relative;
margin-top:45px;
background-color:transparent;
margin-bottom:10px;
z-index:50;
}
#header .logo
{
position: absolute;
top:0px;
left:0px;
width:260px;
height:60px;
display:block;
background-color:transparent;
background-image:url('../img/header/logo.png');
background-position:0px 0px;
background-repeat:no-repeat;
}
/*********************************************************************
FOOTER CSS
**********************************************************************/
#footer
{
width:950px;
padding-left:25px;
padding-right:25px;
background-color:transparent;
margin-left:auto;
margin-right:auto;
height:100px;
position:relative;
margin-top:2px;
border-top:#F3F3F3 1px solid;
padding-top:1px;
top : -30px;
}
#footer .copyright
{
float:left;
font:10px/10px Verdana;
color:#666666;
clear:both;
}
#footer .top
{
float:right;
font:10px/10px Verdana;
color:#CCC;
}
#footer .footer-copy {
float:left;
clear:both;
font:10px/10px Verdana;
color:#CCC;
margin-bottom:10px;
width:100%;
}
#footer .footer-contact {
clear:both;
color:#666;
font:12px/12px Arial, Helvetica, sans-serif;
float:left;
width:950px;
text-align:center;
margin-bottom:10px;
}
#footer h5 {text-align:center; margin-bottom:1px;}
/*********************************************************************
INDEX CSS
**********************************************************************/
#horizontal-separator-home
{
width:1000px;
height:15px;
background-color:transparent;
}
#horizontal-separator
{
width:1000px;
height:5px;
background-color:transparent;
}
/*********************************************************************
INDEX BOXES CSS
**********************************************************************/
#boxes-container
{
width:960px;
height:210px;
background-color:transparent;
overflow:hidden;
clear:both;
}
.boxes-container
{
width:960px;
height:400px;
background-color:transparent;
overflow:hidden;
clear:both;
}
#boxes-container .box
{
width:300px;
height:200px;
float: left;
position: relative;
}
#boxes-container .box .image
{
position:absolute;
left:0px;
bottom:0px;
border:none;
}
#boxes-container .box h5, #boxes-container .large-box h5
{
color:#000000;
margin:0px;
margin-top:0px;
margin-bottom:4px;
text-decoration: none;
}
#boxes-container .box h5 a
{
text-decoration: none;
}
#boxes-container .box h5 a:hover
{
color:#000;
}
#boxes-container .box .text
{
font: normal 11px/15px Verdana;
color:#000000;
display:block;
margin-top:10px;
}
#boxes-container .box .subtitle
{
font: normal 12px/12px Verdana;
color:#888888;
margin-bottom:6px;
display: block;
margin-top:-10px;
}
#boxes-container .separator
{
width:30px;
height:200px;
float:left;
}
.large-box {
width:630px;
height:400px;
float: left;
position: relative;
margin-right:30px;
}
.home-box-nav {
width:300px;
height:400px;
float: left;
position: relative;
margin-top:20px;
}
.home-box-nav ul {list-style:none;}
.home-box-nav ul li {
border-bottom:#CCC 1px solid;
padding:3px 0px;
margin-bottom:3px;
line-height:20px;
width:300px;
}
.home-box-nav li a {
height:15px;
color:#05695C;
font-size:12px;
}
.home-box-nav li a:hover {text-decoration:none; color:#000}
/*********************************************************************
PORTFOLIO CSS
**********************************************************************/
.portfolio
{
background-color:transparent;
padding-bottom:10px;
padding-top:10px;
}
.portfolio .item
{
width:270px;
float:left;
}
.portfolio .item p
{
margin-top:0px;
margin-bottom:0px;
}
.portfolio .item .camera
{
width:32px;
height:32px;
background-color:transparent;
background-image:url('../img/common/video.png');
background-repeat:no-repeat;
background-position:0px 0px;
right:5px;
bottom:5px;
position: absolute;
opacity:0.90;
filter:alpha(opacity=90); /*IE*/
}
.portfolio .more
{
color:#888888;
text-decoration: none;
}
.portfolio .more:hover
{
color:#000000;
text-decoration:underline
}
.portfolio .more-link
{
color:#888888;
text-decoration: none;
}
.portfolio .more-link:hover
{
color:#000000;
text-decoration:underline
}
.portfolio .item .image-wrapper
{
width:270px;
height:155px;
background-color:#EEEEEE;
border:0px solid #DEDEDE;
position:relative;
overflow:hidden;
cursor:pointer;
margin-bottom:10px;
}
.portfolio .item .title
{
position:absolute;
width:250px;
left:10px;
top:15px;
line-height:21px;
}
.portfolio .item .title a
{
color:#FFFFFF;
font: bold 11px/11px Verdana;
background-color:#000000;
opacity:0.80;
filter:alpha(opacity=80); /*IE*/
padding:4px 8px 4px 8px;
font: bold 11px/11px Verdana;
text-decoration: none;
}
.portfolio .item .title a:hover
{
text-decoration:underline;
}
.portfolio .item .image-wrapper img
{
width:310px;
height:155px;
position:absolute;
top:0px;
left:-20px;
border: 0px solid red;
opacity:1.00;
filter:alpha(opacity=100); /*IE*/
}
.portfolio .item .image-wrapper img:hover
{
opacity:0.80;
filter:alpha(opacity=80); /*IE*/
}
.portfolio .v-separator
{
width:45px;
height:30px;
float:left;
}
.portfolio .h-separator
{
width:920px;
height:40px;
clear:both;
}
/*********************************************************************
GALLERY CSS
**********************************************************************/
.gallery
{
background-color:transparent;
padding-bottom:0px;
padding-top:10px;
}
.gallery h6
{
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 10px;
color:#222222;
}
.gallery .list
{
background-color:transparent;
margin-bottom:20px;
}
.gallery .list a
{
width: 60px;
height: 60px;
margin: 0px 0px 0px 0px;
cursor: pointer;
background-color:#000000;
border:1px solid #AAAAAA;
text-decoration:none;
margin-right:10px;
margin-bottom:10px;
display:block;
float:left;
}
.gallery .list a img
{
opacity:1.0;
filter:alpha(opacity=100); /*IE*/
border:none;
}
.gallery .list a img:hover
{
opacity:0.80;
filter:alpha(opacity=80); /*IE*/
}
/*********************************************************************
INDEX SLIDER WRAPPER CSS
**********************************************************************/
#slider-wrapper-top
{
width:960px;
height:5px;
padding-left:20px;
padding-right:20px;
background-color:transparent;
background-image:url('../img/skins/grey/stop.png');
background-position:0px 0px;
background-repeat:no-repeat;
}
#slider-wrapper-bottom
{
width:960px;
height:5px;
padding-left:20px;
padding-right:20px;
background-color:transparent;
background-image:url('../img/skins/grey/sbottom.png');
background-position:0px 0px;
background-repeat:no-repeat;
}
#slider-wrapper-middle
{
width:960px;
height:420px;
padding-left:20px;
padding-right:20px;
background-color:transparent;
position:relative;
}
#slider-wrapper-middle .clt
{
position:absolute;
left:0px;
top:0px;
width:5px;
height:5px;
background-image:url('../img/skins/grey/clt.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-wrapper-middle .crt
{
position:absolute;
right:0px;
top:0px;
width:5px;
height:5px;
background-image:url('../img/skins/grey/crt.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-wrapper-middle .clb
{
position:absolute;
left:0px;
bottom:0px;
width:5px;
height:5px;
background-image:url('../img/skins/grey/clb.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-wrapper-middle .crb
{
position:absolute;
right:0px;
bottom:0px;
width:5px;
height:5px;
background-image:url('../img/skins/grey/crb.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-wrapper-middle .left
{
position:absolute;
left:0px;
top:0px;
width:20px;
height:420px;
background-image:url('../img/skins/grey/sleft.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-wrapper-middle .right
{
position:absolute;
right:0px;
top:0px;
width:20px;
height:420px;
background-image:url('../img/skins/grey/sright.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
/*********************************************************************
FEATURES SLIDER WRAPPER CSS
**********************************************************************/
#slider-f-wrapper-middle
{
width:960px;
height:200px;
padding-left:20px;
padding-right:20px;
background-color:transparent;
position:relative;
}
#slider-f-wrapper-middle .clt
{
position:absolute;
left:0px;
top:0px;
width:5px;
height:5px;
background-image:url('../img/skins/grey/clt.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-f-wrapper-middle .crt
{
position:absolute;
right:0px;
top:0px;
width:5px;
height:5px;
background-image:url('../img/skins/grey/crt.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-f-wrapper-middle .clb
{
position:absolute;
left:0px;
bottom:0px;
width:5px;
height:5px;
background-image:url('../img/skins/grey/clb.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-f-wrapper-middle .crb
{
position:absolute;
right:0px;
bottom:0px;
width:5px;
height:5px;
background-image:url('../img/skins/grey/crb.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-f-wrapper-middle .left
{
position:absolute;
left:0px;
top:0px;
width:20px;
height:200px;
background-image:url('../img/skins/grey/features/sleft.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
#slider-f-wrapper-middle .right
{
position:absolute;
right:0px;
top:0px;
width:20px;
height:200px;
background-image:url('../img/skins/grey/features/sright.png');
background-position:0px 0px;
background-repeat:no-repeat;
z-index:20;
}
/******************************************
THUMB LIST CSS
*******************************************/
.thumb-list
{
background-color:transparent;
padding:0px;
margin:20px 0px 0px 0px;
}
.thumb-list-desc
{
background-color:transparent;
padding:0px;
margin:20px 0px 20px 0px;
}
.thumb-list-desc .item .title
{
text-decoration: none;
color:#000000;
}
.thumb-list-desc .item .title:hover
{
text-decoration:underline;
}
.thumb-list-desc h6
{
margin-top:0px;
margin-bottom:5px;
font: normal 14px/14px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
}
.thumb-list .popup-img-center,
.thumb-list-desc .popup-img-center
{
background-image:none;
padding-right:0px;
}
.thumb-list .item,
.thumb-list-desc .item
{
height:60px;
margin-bottom:15px;
}
.thumb-list .thumb,
.thumb-list-desc .thumb
{
width: 60px;
height: 60px;
margin: 0px 0px 0px 0px;
cursor: pointer;
background-color:#000000;
border:1px solid #AAAAAA;
text-decoration:none;
margin-right:10px;
margin-bottom:8px;
display:block;
float:left;
}
.thumb-list .thumb img,
.thumb-list-desc .thumb img
{
opacity:1.0;
filter:alpha(opacity=100); /*IE*/
border:none;
}
.thumb-list .thumb img:hover,
.thumb-list-desc .thumb img:hover
{
opacity:0.80;
filter:alpha(opacity=80); /*IE*/
}
/******************************************
DYNAMIC IMAGE PREVIEW CSS
*******************************************/
.popup-img-left, .popup-img-right, .popup-img-center
{
clear: none;
padding-right:13px;
background-repeat:no-repeat;
background-position:100% 30%;
background-image:url('../img/common/image_peppermint.png');
}
#popup-img
{
position:absolute;
padding:0px;
margin: 0px;
z-index:1000;
border: 1px solid #222;
visibility:visible;
overflow: hidden;
background-color: #151515;
background-image: url('../img/ajax/loading12.gif');
background-repeat: no-repeat;
background-position: 50% 50%;
}
#popup-img-image
{
margin:0px;
padding:0px;
overflow: hidden;
}
/*#imgTxtLoader */
#popup-img-loader
{
width:20px;
height:20px;
background-image: url('../img/ajax/loading12.gif');
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #000;
position: absolute;
z-index: 1000;
visibility: visible;
}