body{
background: #fff url(/assets/images/bg.png) repeat-x 0 0;
color:#666;
}

#top .logo a{
background: transparent url(/assets/images/logo.png) no-repeat left top;
}

#headwrap{
 border-bottom-style: none;
}

#headextras{
background: #;
border: 1px solid #;
}

.social_bookmarks .rss a{background: transparent url(/assets/images/rss_16.png) 0 0  no-repeat;}
.social_bookmarks .facebook a{background: transparent url(/assets/images/facebook_16.png) 0 0  no-repeat;}
.social_bookmarks .twitter a{background: transparent url(/assets/images/twitter_16.png) 0 0  no-repeat;}
.social_bookmarks .flickr a{background: transparent url(/assets/images/flickr_16.png) 0 0  no-repeat;}
.social_bookmarks .email a{background: transparent url(/assets/images/email_16.png) 0 0  no-repeat;}

#submit_news{
color:#fff;
background: transparent url(/assets/images/submit_news.png) top right  no-repeat;
}


/*head searchform*/

#head #s{
background: #fff;
color:#555;
}

#head #searchsubmit{
background: transparent url(/assets/images/search.png) 2px center  no-repeat;
}

/*nav pages*/
.nav li a{
color:#aaa;
}

.nav .current a, .nav li a:hover{
color:#000;
}

#top .nav li ul a{
border:1px solid #484848;
border-top:none;
color:#aaa;
background: #0a0a5c; /* drop down background was #222 */
}

#top .nav li ul a:hover{
background:#0d0d75; /* 262626 */
color:#fff;
}

#top .nav li ul {
border-top:1px solid #484848;
}

/*nav categories*/
.catnav_wrapper{
border-left:1px solid #aaa;
border-right:1px solid #fff;
border-bottom:1px solid #aaa;
border-top:1px solid #aaa;
background-image:url(/assets/images/bg.png);
}


.catnav{
border-right:1px solid #aaa;
border-left:1px solid #fff;
}

.catnav li{
border-right:1px solid #fff;
}

.catnav li a{
color:#666666;
border-right:1px solid #aaa;
text-shadow:1px 1px 0px #fff;
}

.catnav .current a, .catnav li a:hover{
color:#464646;
}

#top .catnav li ul a{
border:1px solid #aaa;
border-top:none;
color:#666;
background: #f9f9f9;
}

#top .catnav li ul a:hover{
background:#fff;
color:#464646;
}

#top .catnav li ul {
border-top:1px solid #aaa;
}

/*Featured Area*/

#featured{
border:1px solid #aaa;
border-top:none;

}

.featured{
border-left:1px solid #aaa;
background: #fff url(/assets/images/preload.gif) no-repeat center center;
}

.preloading_background{
background: transparent url(/assets/images/preload.gif) no-repeat 50% 50%;
}

#top .fadeout{
background: transparent url(/assets/images/overlay.png) repeat-y right top;
}

.bottom_left_rounded_corner{
background: transparent url(/assets/images/rounded.png) no-repeat left bottom;
}
.bottom_right_rounded_corner{
background: transparent url(/assets/images/rounded.png) no-repeat right bottom;
}

#top .feature_excerpt{
background: transparent url(/assets/images/transparency.png) repeat 0 0;
border-top:1px solid #eee;
}

#top #featured a{
color:#444;
}

#top .slidecontrolls span{
background:transparent url(/assets/images/slide_controlls.png) no-repeat top right;
}

#top .slidecontrolls .active_item, #top .slidecontrolls span:hover{
background:transparent url(/assets/images/slide_controlls.png) no-repeat top left;
}

.newsselect{
border-left:1px solid #e1e1e1;
background: #fff;
}

.newsselect .single_item{
border-bottom:1px solid #e1e1e1;
width:257px;
}

.newsselect .single_item:hover, .newsselect .active_item{
background-color: #f1f1f1;
text-shadow:1px 1px 0 #FFFFFF;
}

/*CONTENT AREA*/
.entry-previewimage{
border:1px solid #E1E1E1;
}

.entry-head, .entry-head a, .entry-bottom, .entry-bottom a{
color:#888f96;
}

.entry-head .date{background: transparent url(/assets/images/icon-date.png) no-repeat -3px top;}
.entry-head .comments{background: transparent url(/assets/images/icon-comment.png) no-repeat -3px top;}
.entry-head .author{background: transparent url(/assets/images/icon-author.png) no-repeat -2px top;}


.more-link, .entry-bottom .categories{
background: #f6f6f6 url(/assets/images/highlight.png) repeat-x left top;
border:1px solid #e1e1e1;
}

.more-link:hover{
background: #eee url(/assets/images/highlight.png) repeat-x left top;
border:1px solid #aaa;
color:#666;
}

/*pagination*/

#top .pagination span, #top .pagination a{
border:1px solid #e1e1e1;
}

#top .pagination a:hover{
border:1px solid #666;
}

#top .pagination .current{
background: #666;
border:1px solid #222;
color:#fff;
}



/*sidebar*/

.sidebar{
border-left:1px solid #e1e1e1;
}

.sidebar .box li a,  .box .recentcomments, .entry ul li {
background:transparent url(/assets/images/bullet1.png) no-repeat scroll 0 12px;
border-bottom:1px solid #D6D6D6;
}

.box li a,  #footer .box .recentcomments{
background:transparent url(/assets/images/bullet1.png) no-repeat scroll 0 12px;
border-bottom:1px solid #333;
}

#top .entry ul li {
background:transparent url(/assets/images/bullet1.png) no-repeat scroll 0 9px;
}

body .gallery li a, body .flickr li a{
background: transparent none;
border:none;
}

#main ul{
border-top:0px solid #D6D6D6;
list-style:none outside none;
}

#top .box_entry, .community_news h3, .link_list h3{
border-bottom:1px solid #E1E1E1;
}
#footer h3{
border-bottom:1px solid #333;
}


.box img, .entry img{
border:1px solid #E1E1E1;
margin-right:5px;
}

.box a:hover img, .entry a:hover img, .entry-previewimage:hover{
border:1px solid #999;
}



/* footer */
#footerwrap{
background: #222;
}

#footer .box img{
border:1px solid #333;
}

#footer .box img:hover{
border:1px solid #555;
}

/*comments*/

#top #social_icons ul{
border-top:none;
border-bottom:1px solid #e1e1e1;
}

#social_icons .twitter{background: transparent url(/assets/images/twitter_32.png) 0 0  no-repeat;}
#social_icons .fb{background: transparent url(/assets/images/facebook_32.png) 0 0  no-repeat;}
#social_icons .digg{background: transparent url(/assets/images/digg_32.png) 0 0  no-repeat;}
#social_icons .stumble{background: transparent url(/assets/images/stumbleupon_32.png) 0 0  no-repeat;}
#social_icons .deli{background: transparent url(/assets/images/delicious_32.png) 0 0  no-repeat;}
#social_icons .techno{background: transparent url(/assets/images/technorati_32.png) 0 0  no-repeat;}

#author-box{
border-top:1px solid #E1E1E1;
border-bottom:1px solid #E1E1E1;
}

.comment_content {
border:1px solid #E1E1E1;
}
.odd .comment_content{
background: #F6F6F6 url(/assets/images/highlight.png) repeat-x scroll left top;
}

/*CONTACT FORM*/

.text_input, .text_area{
border:1px solid #e1e1e1;
color: #777;
}

#send, #submit{
background: #f6f6f6 url(/assets/images/highlight.png) repeat-x left top;
border:1px solid #e1e1e1;
color: #777;
}


#submit:hover, #send:hover{
background: #eee;
color: #444;
}

.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #FF9000;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}

/*generic*/

h1, h2, h3, h4, h5, h6, legend, #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{
color:#222;
}

#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
color:#888f96;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer legend, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a{
color:#eee;
}

#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
color:#888f96;
}

a{color:#888f96;}
a:hover{color:#333;}
#footer a:hover{color:#fff;}

blockquote {
border-left:5px solid #D6D6D6;
}

.entry li {
list-style-type:none;
padding-left:10px;
}

.entry ul ul{
border:none;
}

pre {
background-color:#FEFEFE;
border:1px solid #DDDDDD;
}

/******************************************
MY EXTRAS
********************************************/


div#content-fullwidth { /* full width area when no side columns - with 20px left padding */
width:960px; /* 960px with only 20px left and right margin - 1000px container width*/
padding:0 0; /* was padding:0 0 50px 0; */
margin: 0 20px 40px 20px;
float: left;
overflow: hidden;
}

div#content td { /* less line height for the listings in the tables and cells from script */
font-family:Arial,Helevtica,Verdana,san-serif;
font-size:13px;
line-height:16px;
}

.strong {
  font-weight: 800;
  }

#main ul.nostyle {
list-style:none outside none;
}

/****************************************
slide control for page_accessories.html
****************************************/

/* THIS IS FOR THE ACCORDIAN ON THE ACCESSORIES PAGE clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}
/* END clearfix */

.service-block {
  float:left;
  width:100%;
  margin-top:0px;
}
.service-block li {
  float:left;
  width:100%;
  margin:10px 0 16px 0;
}
.service-block li h3 {
  float:left;
  width:500px;
  font-size: 16px;
  padding-bottom:0;
}

.slide-control {
  float:right;
  margin:0;
  padding:0;
  height:22px;
  width:80px;
}
.sc-arrow {
  display:block;
  padding:2px 0 0 12px;
}

.scontent {
  display:none;
  float:left;
  width:100%;
}
/*.sline {
  float:left;
  height:1px;
  width:100%;
}*/
.scontent-box {
  float:left;
  margin:0 14px 0 14px;
  padding-bottom:14px;
  width:550px;
}

*:first-child+html .scontent-box {
/*  margin:0 14px 0 14px;*/
}

body .scontent-box p {
  float:none;
  width:auto;
  margin:0 0 10px 0;
}
.scontent-box ul {
  float:left;
  width:100%;
}
.scontent-box ul li {
  float:left;
  margin:0 0 4px 0;
  padding-left:12px;
}
.scontent-box .left-img {
  float:left;
  margin:4px 10px 5px 0;
}


.slide-control {
  background:url(/assets/images/accordian/slide_control.gif) no-repeat;
}
.slide-control a {
  color:#7a7a7a;
  font-size: 10px;
  /*line-height:21px;*/
    text-decoration:none;
}
.slide-control a:hover {
  color:#3184ca;
}
.sc-arrow {
  background:url(/assets/images/accordian/service_arrow.gif) no-repeat 58px -12px;
}

div.active a.sc-arrow{
  background:url(/assets/images/accordian/service_arrow.gif) no-repeat 58px 8px;
}
.scontent { /* hidden div on pages */
  background:#e4e4e4;
}

.sline {
float:left;
height:1px;
width:100%;
}

.sline {/* block underscore */
  border-top:1px solid #c7c7c7;
}
.scontent-box ul li {
  background:url(/assets/images/accordian/list_bullet.gif) no-repeat 0 8px;
}
.ctinput-bg { /* contact input background */
  background:url(/assets/images/accordian/contact_input_bg.gif) no-repeat left;
}
.cttxtarea-bg { /* contact textarea background */
  background:url(/assets/images/accordian/contact_textarea_bg.gif) no-repeat left;
}


/****************************************
gallerific-2.css
******************************************/

div.content {
  width: 660px;
  margin: 0px;
  padding: 0px;
  height: 355px;
  float: left;
}

#portfolio-gallery {
  margin: 20px 0 10px 0;
  padding: 0px;
  float: left;
width: 100%; /*640px*/
  clear: both;
}

div.content a, div.navigation a {
  text-decoration: none;
  /*width: 370px;*/
}
div.content a:hover {
  text-decoration: underline;
}
div.controls {
  margin: 0px;
  padding: 0px;
}
div.controls a {
  padding-right: 5px;
  padding-left: 5px;
}
div.ss-controls {
  float: left;
}
div.nav-controls {
  float: right;
}
div.slideshow-container {
  position: relative;
  margin: 0px;
  padding: 0px;
  float: left;
  clear: both;
}
div.loader {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/assets/images/loader.gif);
  background-repeat: no-repeat;
  background-position: center; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
  margin: 0px;
  padding: 0px;
  float: left;

}
div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
div.slideshow a.advance-link {
  display: block; /* This should be set to be at least the height of the largest image in the slideshow */
  text-align: center;
  width: 650px;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
  text-decoration: none;
}
div.slideshow img {
  margin: 0px;
  padding: 0px;
  border: 5px solid #4D4D4D;
  width: 640px;
}
div.download {
  float: right;
}
div.caption-container {
  position: relative;
  height: 75px;
  float: left;
  width: 300px;
}
span.image-caption {
  display: block;
  position: absolute;
  width: 550px;
  top: 0;
  left: 0;
}
div.caption {
  padding: 12px;
  height: 100px;
  width: 300px;
}
div.image-title {
  font-weight: bold;
  font-size: 1.4em;
}
div.image-desc {
  line-height: 1.3em;
  padding-top: 12px;
  background-color: #333333;
}
div#thumbs {
  margin: 0px;
  float: left;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

div.navigation {
  margin: 0px;
  padding: 0px;
  width: 790px;
  /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
  clear: both;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 650px;
}
ul.thumbs li {
  float: left;
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  margin-right: 20px;
}

a.thumb {
  padding: 0px;
  display: block;
  border: 5px solid #4D4D4D;
  margin-bottom: 5px;
}

ul.thumbs li.selected a.thumb {
  border: 5px solid #ddd;
}
a.thumb:focus {
  outline: none;
}
ul.thumbs img {
  display: block;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
/*div.pagination {
  clear: both;
}
div.navigation div.top {
  margin-bottom: 12px;
  height: 11px;
}
div.navigation div.bottom {
  margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
  display: block;
  float: left;
  margin-right: 2px;
  padding: 4px 7px 2px 7px;
  border: 1px solid #ccc;
  background-color: #CC6633;
}
div.pagination a:hover {
  background-color: #eee;
  text-decoration: none;
}
div.pagination span.current {
  font-weight: bold;
  background-color: #000;
  border-color: #000;
  color: #fff;
}
div.pagination span.ellipsis {
  border: none;
  padding: 5px 0 3px 2px;
}*/
ul.thumbs li.last {
  float: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

/********************************
Tooltips
***********************************/

#tooltips{
  position:absolute;
  border:1px solid #ccc;
  background:#333;
  padding:8px;
  display:none;
  color:#fff;
  z-index:10;
  }

/* // for the top header map */

#mapDesc2 {
border:0 solid #E1E1E1;
font-size:15px;
font-weight:800;
height:30px;
padding:0px;
position:absolute;
right:100px; /* was 70  but overlapped a location dot */
text-align:right;
top:45px;
width:auto;
z-index:15;
/*display: none;*/
}

/* // goodnes */

/******************************************
   CSS STYLES FOR TABS in site_seller.html
*******************************************/

#placetabs {
  width:650px;
  background:url(/assets/images/back_contenttabs_650.png) repeat-y;
}
#placetabs a { text-decoration:none; }
#placetabs a:hover { text-decoration:underline; }

#menutabs {
  width:650px;
  height:39px;
  background:url(/assets/images/back_tabs_650.png) no-repeat;
}
#menutabs li {
  height:36px;
  float:left;
  display:inline;
}
#menutabs li a, #menutabs li a:link, #menutabs li a:visited {
  height:36px;
  float:left;
  display:inline;
  background:url(/assets/images/tabs_left.png) no-repeat;
  font-size:1.1em;
  color:#727272;
  font-weight:bold;
  text-decoration:none;
}
#menutabs .ui-tabs-selected a, #menutabs .ui-tabs-selected a:link, #menutabs .ui-tabs-selected a:visited {
  background-position:0 -36px;
  color:#016a36; /* #276c98 blue colour */
  text-decoration:none;
}
#menutabs .ui-tabs-selected a:hover {
  text-decoration:none;
}
.ui-tabs-hide {
  display: none;
}
#menutabs li a span, #menutabs li a:link span, #menutabs li a:visited span {
  height:25px;
  float:left;
  display:inline;
  background:url(/assets/images/tabs_right.png) no-repeat 100% 0;
  padding:9px 25px 0 25px;
  cursor:pointer;
}
#menutabs li.last a span, #menutabs li.last a:link span, #menutabs li.last a:visited span {
  background:url(/assets/images/tabs_rightlast.png) no-repeat 100% 0;
}
#menutabs li.ui-tabs-selected a span, #menutabs li.ui-tabs-selected a:link span, #menutabs li.ui-tabs-selected a:visited span {
  background-position:100% -36px;
}
.tabscontent {
  width:605px;
  padding:22px 15px 15px 30px;
  margin:0 0 0 1px;
}
.tabscontent h2 {
  padding:7px 0 10px 0;
  font-size:1.4em;
  height:25px;
}
.tabscontent p {
  font-size:1em; /* 1.2em */
  padding:0 23px 10px 0;
  line-height:1.6em; /* 1.6em */
  color:#555555;
}

#tabsbottom, .innercontentbottom {
  width:650px;
  height:24px;
  font-size:0;
  background:url(/assets/images/back_contentbottom_650.png) no-repeat;
}

ul.liststyle{ padding-left:15px;}
ul.liststyle li{ list-style:disc}