/*
Author:           Łukasz Girek
Author URI:       http://www.rzepak.pure.pl/
Project:          PureCorp
Description:      Themeforest Item.
Delicious - A font by Jos Buivenga (exljbris) -> www.exljbris.nl 
*/
/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,p, blockquote,
pre, a, abbr, acronym, address, big, cite, code,del, dfn, em,
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup,
tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form,
label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
/*    background: transparent;
*/}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
/*    border-collapse: collapse;
    border-spacing: 0;*/
}
    
    
/* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */    
.rounded {
    -moz-border-radius: 5px;/* Firefox */
    -webkit-border-radius: 5px;/* Safari */
}
/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html {
    min-height:101%;
}

body {
    color:#666;
    background:transparent url(../img/page_bg_img.jpg) repeat-x scroll 0 0;
    /*background:#E7E7E7 url(../img/background_lighter.png) repeat-x scroll 0 0;*/
    font-size:14px;
    font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif;
    line-height:20px;
}

a {
    color:#888888;
    
}
a:hover {
    color:#000;
}
a:active {
    color:#000;
}
a:visited {
    color:#888888;

}
.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}  /* for IE/Mac */
.padd10 {
    padding-right:10px;
}

h1 {
    font-size:22px;
    margin:0px;
}
h2 {
    font-size:16px;
    margin:5px 0px;
}
h3 {
    font-size:14px;
    margin:0px;
}
/* ------------------------------------------------------------------------------------
STRUCTURE                     */
#container_top {
    background:url(../img/bg_topline.jpg) repeat-x bottom #fff;
    width:100%;
}
#content_top {
    background:url(../img/bg_topline.jpg) repeat-x bottom #fff;
    width:960px;
    margin: 0px auto;
    height:128px;
    position:relative;
}
#content {
    width:960px;
    margin:0px auto;
    background:#fff;
    border-left:1px solid #DDD;
    border-right:1px solid #DDD;
    text-align:left;
    margin-top:1px;
    _margin-top:2px;

}

#top_menu {
    background:url(../img/menu_top.jpg) no-repeat top center #323232;
    width:960px;
    margin-top:2px;
    height:36px;
}
#top_menu ul {
    margin:0px;
    padding:0px;
    list-style:none;
    font-size:15px;
    padding-left:5px;
}
#top_menu ul li {
    float:left;
    display:block;
}
#top_menu ul li a {
    text-decoration:none;
    color:#fff;
    display:block;
    padding:10px 15px 10px 15px;
    border-right:1px solid #606060;
}
#top_menu ul li a:hover {
    background:url(../img/hover.jpg) top repeat-x #606060;
}
    
#footer {
    background:#323232;
    width:960px;
    margin-top:10px;
}
#footer a {
    text-decoration:none;
}
#footer {
    background:#eee;
}
.section {
    padding:20px;
}
.section img {
    padding:5px;
    border:1px solid #eee;
    margin:9px;
}
.section p {
    padding:5px 0px;
}
/* ------------------------------------------------------------------------------------
CUSTOM                 */

/* LOGO --------- */
div#logo h1 {
    margin:0px;
    margin-left:0px;
}
div#logo h1 a {
    /*display:block;*/
    /*background:url(../img/logo-kuukie.jpg) no-repeat left bottom;*/
    width:493px;
    height:89px;
    /*border: 1px solid black;*/
    /*text-indent:-9999px;*/
}

/* Login form (client area) --------- */
div#clientarea {
    position:absolute;
    top:-66px;
    right:0px;background:url(../img/client.gif) no-repeat bottom;
    width:263px;
    padding-bottom:0px;
    padding-top:2px;
    z-index:0;
}
div#clientarea .links {
    color:white;
    width:250px;
    height:50px;
    margin:6px;
}
div#clientarea .links a {
    color:#909090;
}
div#clientarea #my-cart {
    color:white;
    height:23px;
    padding-left:173px;
    padding-top:2px;
}

/* Login form (client area) --------- */
div#clientarea2 {
    position:absolute;
    top:-66px;
    right:130px;background:url(../img/client2.gif) no-repeat bottom;
    width:263px;
    padding-bottom:0px;
    padding-top:2px;
    z-index:1;
}
div#clientarea2 .links {
    color:white;
    width:250px;
    height:50px;
    margin:6px;
}
div#clientarea2 .links a {
    color:white;
}
div#clientarea2 #my-cart {
    color:white;
    height:23px;
    padding-left:173px;
    padding-top:2px;
}

/* First page promo top --------- */
div#promotext {
    width:420px;
    padding:10px;
    padding-left:30px;
    padding-top:30px;
    font-size:12px;
}
div#promotext h1 {
}
div#promotext ul {
    margin-top:20px;
    margin-bottom:30px;
    width:380px;
    /*background:url(../img/dot.jpg) top repeat-x #639426;*/
    padding:10px;
    /*border:1px dashed #333;*/
}
div#promotext p {
    margin-top:20px;
    margin-bottom:30px;
    width:380px;
}
/*flickr promotext--By Luke*/
div#flickr-promotext {
    width:460px;
    padding:10px;
    padding-left:50px;
    padding-top:30px;
    font-size:12px;
}
div#flickr-promotext p,
div#flickr-promotext ul {
	width:400px;
	padding:10px;
    background:none;
    background-color:#FFF9ED;
    border:1px solid #ffdd99;
    font-size:14px;
	margin-top:20px;
}
/*end flickr promotext*/

div#promoimg {
    width:500px;
    /*padding:20px;*/
    /*background:url(../img/promoimage.jpg) no-repeat bottom;*/
    height:320px;
}

div#promo {
    /*background:url(../img/contentbg.jpg) bottom repeat-x #8cbb51;*/
    color:#333333;
    margin-top:-2px;
    *margin-top:1px;
    _margin-top:0px;
}
div#buttons {
    width:360px;
    margin-top:40px;
    margin-left:0px;
}

/* Buttons Tour and Demo --------- */
a#tour {
    display:block;
    width:300px;
    height:31px;
    background:url(../img/button.png) top;
    /*text-indent:-9999px;*/
    color:white;
    font-size:22px;
    padding-top:12px;
    text-align:center;
    text-decoration:none;
}
a:hover#tour {
    display:block;
    width:300px;
    height:31px;
    background:url(../img/button.png) 0px 43px;
}
a#test {
    display:block;
    width:169px;
    height:43px;
    background:url(../img/test.jpg) top;
    text-indent:-9999px;
}
a:hover#test {
    display:block;
    width:169px;
    height:43px;
    background:url(../img/test.jpg) 0px 43px;
}

/* Features on home page with icons --------- */
div#features {
    background:url(../img/descbg.jpg) repeat-x top #fff;
    width:960px;
    padding-bottom:10px;
    margin-top:-10px\9;
    *margin-top:0px;
}
div#features h2 {
    margin:0px;
    padding:20px 20px;
}
ul#feat {
    width:600px;
    margin-top:0px;
    margin-left:16px;
}
ul#feat li {
    float:left;
    display:block;
    width:200px;
    padding-left:75px;
    margin:10px;
    margin-bottom:20px;
}
ul#feat li h3 {
    margin:0px;
    text-transform:uppercase;
}
#f_clock {
    background:url(../img/fico_clock.jpg) top left no-repeat;
}
#f_monitor {
    background:url(../img/fico_monitor.jpg) top left no-repeat;
}
#f_pen {
    background:url(../img/fico_pen.jpg) top left no-repeat;
}
#f_search {
    background:url(../img/fico_search.jpg) top left no-repeat;
}
#f_secure {
    background:url(../img/fico_secure.jpg) top left no-repeat;
}
#f_stamp {
    background:url(../img/fico_stamp.jpg) top left no-repeat;
}


/* From the blog box --------- */
div#recentonblog h2 {
    padding-left:0px;
}
div#recentonblog h2 a {
    color:#666;
    text-decoration:none;
}
div#recentonblog h3 a {
    color:#999;
    text-decoration:none;
}
div#recentonblog ul li {
    margin:0px 0px 10px 0px;
    padding:5px 0px;
    border-bottom:1px dashed #eee;
}
div#recentonblog ul li p {
    padding:10px 0px;
}
div#recentonblog {
    width:300px;
    border-left:0px solid #eee;
    border-bottom:0px solid #eee;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:10px;
    background:url(../img/recentbg.jpg) no-repeat left bottom;
}
span.date {
    color:#999;
    padding-left:20px;
    background:url(../img/date.jpg) no-repeat left top;
    display:block;
    height:15px;
    margin-top:5px;
    font-size:9px;
}
a.more {
    color:#999;
    padding-right:10px;
    background:url(../img/more.jpg) no-repeat right center;
    text-decoration:none;
}


/* Testimonials --------- */
div#testimonials h2 {
    margin:0px;
    padding:0px 0px 5px 12px;
}
div#testimonials {
    color: #323232;
    background:url(../img/descbg.jpg) repeat-x top #fff;
    margin:0 0 24px;
    padding:15px 10px 10px;
    width:940px;
    height:70px;
}
div.avatar {
    background:url(../img/avatar_bg.jpg) no-repeat;
    width:46px;
    height:44px;
    float:right;
}
div.avatar img {
    padding-left:6px;
    padding-top:4px;
}

blockquote {
    color:#868686;
    font-family: "Trebuchet MS", serif;
    font-size: 16px;
    letter-spacing: normal;
    padding:0px 0px 0px 25px;
    line-height:18px;
    background:url(../img/quotetop.jpg) no-repeat top left #fff;
}
blockquote span {
    background:url(../img/quotebottom.jpg) no-repeat top right;
    padding-right:25px;
}
div#testimonialslist  p {
    margin-right:30px;
    margin-top:5px;
    color:#6a6a6a;
    font-family: Verdana, serif;
    font-size: 13px;
    margin-left:10px;
    background:#fff;
}
div#testimonialslist {
    margin-top:10px;
}
.tstm_author {
    background-image:none;
    background-color:#fff;
    font-size:12px;
    font-weight:normal;
}

.pics_container {
    overflow:hidden;
    /*height:263px;
    width:372px;
    padding-top:24px;
    padding-left:10px;*/
} 
.pics img {
    top:0;
    left:0;
} 

/* Footers boxes --------- */
.column {
    width:200px;
    padding:10px 20px;
}
#tweet p {
    padding:10px;
    border:1px solid #5e5e5e;
    font-size:13px;
    line-height:18px;
    background:#474747;
}
#tweet img {
    margin-top:10px;
}

#quickcontact img {
    padding:5px;
    border:1px solid #808080;
    background:#474747;
    margin-right:20px;
}
#quickcontact a {
    color:#fff;
}


#bottom {
    background:url(../img/bottombg.jpg) repeat-x top #323232;
    width:960px;
    color:#fff;
    margin-top:-10px\9; /* \9 ie8's hack */
    *margin-top:0px;     /* * ie6 & ie7's hack */
}
#bottomline {
    background:url(../img/bottom.jpg) repeat-x bottom #323232;
    width:940px;
    padding:8px 10px;
    color:#6a6a6a;
    border-top:1px dashed #6e6e6e;
    margin-top:-10px\9; /* \9 ie8's hack */
    *margin-top:-2px;    /* * ie6 & ie7's hack */
}
#bottomline a {
    color:#6a6a6a;
    text-decoration:none;
}
#bottom h2 {
    color:#fff;
    margin-bottom:10px;
}


/* BLOG  --------- */

#blog {
    width:960px;
}
#head {
    background:url(../img/contentbg.jpg) bottom repeat-x #8cbb51;
    color:#fff;
    border-bottom:1px solid #496f1a;
    *margin-top:1px;
    _margin-top:0px;
}
#head h2 {
    padding:10px;
    margin:0px;
}
#posts {
    width:660px;
    padding:10px;
    padding-top:20px;
    padding-right:10px;
	float:left; /*by luke*/
}
.post_content {
     width:600px;
     min-height:150px;
}
.post_content p {
    padding:20px 10px 20px 0px;
}
.post_content h2 {
    color:#578c15;
}
.post {
    background:url(../img/post_bottom.jpg) no-repeat bottom center;
    padding-bottom:40px;
}
.post_meta {
    background:url(../img/whitedot.jpg) top repeat-x #eee;
    padding:2px 5px;
    border:1px solid #ddd;
    color:#a1a1a1;
    margin:5px 0px;
}
.post_meta a.categorylink {
    background:#fff;
    text-decoration:none;
}
.post_meta a {
    text-decoration:none;
    color:#323232;
}
.post_date {
    margin-top:40px;
    background:url(../img/datebg.jpg) no-repeat;
    width:49px;
    height:54px;
    padding-top:8px;
    color:#868686;
    line-height:16px;
}        
.post_date .day {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:28px;
    text-align:center;
}
.post_date .month {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    text-align:center;
}
.post_date .hour {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:14px;
    text-align:center;
    margin-top:-5px;
}

.pagination {
    margin-top:0px;
}
.pagination a, .pagination span {
    background: #fff;
    padding:5px;
    margin:2px;
    border:1px solid #d9d9d9;
    text-decoration:none;
}


/* Blog sidebar --------- */
#sidebar {
    padding-top:20px;
    padding-left:20px;
    margin-left:20px;
    /*
    border-left:1px solid #eee;
    background:url(../img/sidebar_bg.jpg) repeat-y left;
    */
    width:240px;
}
#sidebar .widget {
    padding-bottom:10px;
}
#sidebar h2 {
    padding-bottom:5px;
}
#sidebar ul {
    margin-left:10px;
    list-style:circle;
}
#sidebar ul li {
    padding:2px;
}
#sidebar ul ul {
    margin-left:10px;
}
#sidebar .widget img {
    float:left;
    padding:4px 4px 4px 4px;
    border:1px solid #ddd;
    margin:4px 8px 4px 0px
}
#sidebar #baner {
    margin:10px 0px
}
#sidebar a {
    text-decoration:none;
}


/* Price page and table --------- */
#pricefaq li {
    display:block;
    float:left;
    width:250px;
    padding:20px;
    border:1px solid #eee;
    margin:5px;
}

table#prices {
    width:100%;
    margin-bottom:20px;
    margin-top:20px;
}
table#prices td {
    background:url(../img/tabletdbg.jpg) repeat-y left #8cbb51;
    text-align:center;
}
table#prices td.tdname {
    background:url(../img/tdname.jpg) top left no-repeat #323232;
    padding:5px 0px 5px 5px;
    width:190px;
    vertical-align:middle;
    color:#fff;
    text-align:left;
}
table#prices th {
    /*font-size:16px;*/
    text-align:center;
    background:url(../img/thbg.jpg) bottom repeat-x;
    color:#fff;
    height:25px;
    vertical-align:bottom;
    padding-bottom:3px;
}
span.yes {
    display:block;
    background:url(../img/yes.jpg) no-repeat;
    width:16px;
    height:16px;
    text-indent:-9999px;
    margin-left:50%;
    margin-top:4px;
}
span.no {
    display:block;
    background:url(../img/no.jpg) no-repeat;
    width:16px;
    height:16px;
    text-indent:-9999px;
    margin-left:50%;
}
span.option {
    display:block;
    background:url(../img/option.jpg) no-repeat;
    width:16px;
    height:16px;
    text-indent:-9999px;
    margin-left:50%;
}
table#prices td.totalprice {
    color:#fff;
    font-size:16px;
    padding-top:7px;
    background:url(../img/tabletdprices.jpg) repeat-x top #8cbb51;
}


/* Tour page --------- */
#tour {
    background:url(../img/toursidebar.jpg) repeat-y -45px;
}
#sidebar_tour {
    width:190px;
    padding-top:20px;
}
#sidebar_tour li.current {
    background:#fff;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    padding:10px 0px 10px 10px;
} /* Use this class for hover --------- */
#sidebar_tour li {
    padding:10px 0px 10px 10px;
    border-bottom:1px solid #ddd;
}
#sidebar_tour a {
    text-decoration:none;
}
#tour_content {
    margin-right:30px\9;
    margin-left:20px;
    padding-top:20px;
    width:720px;
    padding-bottom:30px;
}
#tour_content ul#count {
    margin-top:20px;
}
#tour_content ul#count li {
    font-size:25px;
    padding:10px;
    padding-left:65px;
    height:40px;
    padding-top:15px;
}

.one {
    background:url(../img/1.jpg) top left no-repeat;
}
.two {
    background:url(../img/2.jpg) top left no-repeat;
}
.three {
    background:url(../img/3.jpg) top left no-repeat;
}
.four {
    background:url(../img/4.jpg) top left no-repeat;
}
.five {
    background:url(../img/5.jpg) top left no-repeat;
}

/* Contact Form --------- */
.message {
    display:none;
}
.contact {
    text-align:right;
    width:400px;
}
.contact ul {
    list-style-type:none;
}
.contact li {
    list-style-type:none;
    margin:5px 0px;
}
.contact li.special {
    display:none;
}
.contact label {
    float:left;
    line-height:25px;
}
.contact input {
    width:260px;
    border:1px solid #ddd;
    background:url(../img/whitedot.jpg) top repeat-x #eee;
    padding:5px;
}
.contact textarea {
    width:260px;
    border:1px solid #ddd;
    background:url(../img/whitedot.jpg) top repeat-x #eee;
    padding:5px;
}
input.send {
    margin-top:30px;
    margin-right:10px;
    border:1px solid #606060;
    color:#fff;
    background:#232323;
    padding:3px;
    font-size: 14px;
    text-transform:uppercase;
}
#alert {
    margin-top:5px;
    width:390px;
    border:1px solid #ddd;
    background:url(../img/whitedot.jpg) top repeat-x #eee;
    padding:5px 5px 5px 5px;
}
#contact_info {
    text-align:center;
    width:450px;
    margin-top:5px;
    border:1px solid #ddd;
    background:url(../img/whitedot.jpg) top repeat-x #eee;
    padding:5px 5px 5px 5px;
}


/* Genreal  Form --------- */
.form {
    text-align:right;
    width:400px;
}
.form ul {
    list-style-type:none;
}
.form li {
    list-style-type:none;
    margin:5px 0px;
}
.form li.special {
    display:none;
}
.form label {
    float:left;
    padding-top:4px;
}
.form input {
    width:260px;
    border:1px solid #ddd;
    background:url(../img/whitedot.jpg) top repeat-x #eee;
    padding:5px;
}
.form textarea {
    width:260px;
    border:1px solid #ddd;
    background:url(../img/whitedot.jpg) top repeat-x #eee;
    padding:5px;
}
.form select {
    width:272px;
    border:1px solid #ddd;
    background:url(../img/whitedot.jpg) top repeat-x #eee;
    padding:5px;
}

/* CSS PERSO */
/* Upload */
#files {
    overflow:auto;
    height:390px;
    width:650px;
    border-top: solid 1px #AAA;
    padding:0;
}

.empty-upload-image,
.upload-image {
    border-left: solid 1px #AAA;
    border-right: solid 1px #AAA;
    border-bottom: dotted 1px #AAA;
    list-style: none;
    height:76px;
}

.upload-image-first {
    border-top: solid 1px #AAA;
}

.upload-image-last {
    border-bottom: solid 1px #AAA;
}

.empty-upload-image .preview,
.upload-image .preview {
    margin: 3px;
    float:left;
}
.empty-upload-image .right,
.upload-image .right {
    width:530px;
    float:left;
    margin:4px;
}

.empty-upload-image h3,
.upload-image h3 {
    margin:6px;
}

.empty-upload-image h3 span,
.upload-image h3 span {
    margin-left:10px;
    font-size:13px;
}

.upload-image .actions {
    float:right;
}

.upload-image .progress {
    width:530px;
    border:1px solid #BEBEBE;
}
.upload-image .progress,
.upload-image .progress .status {
    background:#FFFFFF url(../images/progress.png) repeat-x scroll left bottom;
    color:#FFFFFF;
    font-size:12px;
    height:20px;
}

.upload-image .progress .status {
    background-position:left top;
}

.upload-image .uploaded {
    border:none;
}

.upload-image .uploaded,
.upload-image .uploaded .status {
    background:none;
    color:#666666;
    font-size:12px;
    height:20px;
    margin-left:4px;
    margin-top:-5px;
}

.upload-image .error {
    border:none;
}

.upload-image .error,
.upload-image .error .status {
    background:none;
    color:red;
    font-size:12px;
    height:40px;
    margin-left:4px;
    margin-top:-5px;
}

input.new {
    color: #aaa;
}

.front-form ul {
    margin:0px;
}
.front-form ul li {
    list-style: none;
    display: inline;
}

.front-form ul li input {
    /* TODO, style radio button */
}

/* jQuery tools */
div.scrollable {
    border:1px solid #E3E3E3;
    height:50px;
    overflow:hidden;
    padding:10px 0;
    position:relative;
    width:220px;
}
div.scrollable div.items {
    clear:both;
    margin-left:10px;
    position:absolute;
    width:20000em;
}
div.scrollable div.items div {
    float:left;
    font-family:'bitstream vera sans';
    font-size:30px;
    margin-right:20px;
    /*padding:25px 0;*/
    text-align:center;
    /*width:110px;*/
    margin:5px;
}
div.scrollable div.items div.active {
    background-color:#FFFFFF;
    border:3px solid #c2e199;
    margin:0px;
}
div.scrollable {
    float:left;
}
a.prev, a.next, a.prevPage, a.nextPage {
    background:transparent url(../images/jqtools/left.png) no-repeat scroll 0 0;
    cursor:pointer;
    display:block;
    float:left;
    height:18px;
    margin:25px 5px;
    width:18px;
}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
    background-position:0 -18px;
}
a.disabled {
    visibility:hidden !important;
}
a.next, a.nextPage {
    background-image:url(../images/jqtools/right.png);
    clear:right;
}
div.navi {
    height:20px;
    /*margin-left:328px;
    width:200px;*/
}
div.navi a {
    background:transparent url(../images/jqtools/navigator.png) no-repeat scroll 0 0;
    cursor:pointer;
    float:left;
    height:8px;
    margin:3px;
    width:8px;
}
div.navi a:hover {
    background-position:0 -8px;
}
div.navi a.active {
    background-position:0 -16px;
}

/* Form errors */
/*.errorlist {
    left:340px;
    margin-top:-20px;
    position:relative;
    top:30px;
    width:600px;
}*/

ul.errorlist {
    margin: 0;
    padding: 0;
}
.errorlist li {
    background-color: #E34247;
    color: white;
    display: block;
    margin: 0 0 3px;
    padding: 4px 5px;
}

.quantity {
    font-size: 14px;
    font-weight: bold;
}

a.button {
    display:block;
    width:300px;
    height:31px;
    background:url(../img/button.png) top;
    /*text-indent:-9999px;*/
    color:white;
    font-size:22px;
    padding-top:12px;
    text-align:center;
    text-decoration:none;
}
a:hover.button {
    display:block;
    width:300px;
    height:31px;
    background:url(../img/button.png) 0px 43px;
}

.design {
    width:260px;
    border:none;
    padding:5px;
}

.disabled {
    color: grey;
}

.settings {
    display:none;
    padding:2px 0px 6px;
    border-bottom:solid 1px black;
    height:21px;
}

.toolbar {
    margin:0 2px -6px;
    padding: 2px;
}
.toolbar:hover {
    background-color: #C2CBE0;
    border: solid 1px #0A246A;
    margin:-1px 1px -7px;
}
.selected-toolbar {
    background-color: #C2CBE0;
    border: solid 1px #0A246A;
    margin: -1px 1px -7px;
}

.toolbar-select,
.toolbar-color {
    margin:2px 4px -4px;
}

.colorbox {
    display: none;
    position: absolute;
    left: 1px;
    top: 19px;
    width: 130px;
    background-color: #FEFEFE;
    border: solid 1px #808080;
}

.color-entity {
    cursor: pointer;
    width: 15px;
    height: 15px;
    border: solid 1px #808080;
}
.color-entity:hover {
    border: solid 1px #0A246A;
}

.more-colors {
    cursor: pointer;
    padding: 1px;
}
.more-colors:hover {
    padding: 0px;
    border: solid 1px #0A246A;
    background-color: #C2CBE0;
}
.color-rect {
    position: absolute;
    left: 3px;
    top: 14px;
    width: 16px;
    height: 4px;
    font-size: 1px;
}

/*
** Layouts
*/
.layout-selector img {
    padding: 0px;
}
.layout-selector img.selected {
    border: solid 2px #FF620B;
    padding: 0px;
}
.layout-picture {
    display: none;
}

/*
** Steps
*/
.step { /* IE6 overload */
    float:right;
    width:130px!important;
    width:127px;
}

/*
** Locations
*/
.location select {
    width:90px;
}

/*
** Gallery
*/
/*.gallery ul li {
    float: left;
    margin: 4px;
    padding: 5px;
}

.gallery ul li.active {
    padding: 2px;
    border: solid 3px #8CBB51;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}*/

#gallery { float: left; width: 65%; min-height: 28em; } * html #gallery { height: 28em; } /* IE6 */
.gallery.custom-state-active { background: #eee; }
.gallery li, body li.gallery-li { float: left; width: 96px;padding: 0.3em; margin: 0 0.3em 0.3em 0; text-align: center;}
.gallery li a, body li.gallery-li a { float: right; }
.gallery li a.ui-icon-zoomin, body li.gallery-li a.ui-icon-zoomin { float: left; }
.gallery li img , body li.gallery-li img { width: 100%; cursor: move; }
body li.gallery-li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
#accordion ul li {height:118px;}
#dropbox { float: right; width: 166px; min-height: 28em; padding: 1%;} * html #trash { height: 28em; } /* IE6 */

#dropbox h4 { line-height: 16px; margin: 0 0 0.3em; }
#dropbox h4 .ui-icon { float: left; }
#dropbox .gallery h5 { display: none; }

.ui-accordion .ui-accordion-content {
    padding: 1em 1em !important;
}

.checkout_btn_cart {
background:transparent url(../img/checkout_btn_cart.png) no-repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
cursor:pointer;
display:inline-block;
float:right;
font-size:16px;
font-weight:bold;
height:25px;
line-height:25px;
margin-right:6px;
margin-top:4px;
*margin-top:-18px;
text-align:center;
width:95px;
}


/* link-button */
.product a{display:block}
a.linkbutton:visited{color:#FFF;}
a.linkbutton {
    background:transparent url(../img/buttoncenter.png) repeat-x scroll 0 0;
    color:#FFF;
    display:block;
    float:left;
    font-size:1.1em;
    font-weight:bold;
    height:32px;
    margin:0 10px 10px 0;
    padding:0 14px 0 30px;
    position:relative;
    text-decoration:none;
}
a.linkbutton span{height:36px;}

a.linkbutton span.left{
    background:transparent url(../img/buttonleft.png) no-repeat scroll left top;
display:block;
left:0;
position:absolute;
top:0;
width:36px;
    }
a.linkbutton span.middle {
left:2px;
position:relative;
top:5px;
white-space:nowrap;
}

a.linkbutton span.right {
background:transparent url(../img/buttonright.png) no-repeat scroll right top;
display:block;
position:absolute;
right:0;
top:0;
width:6px;
}

a.linkbutton.alt {
background-image:url(../img/buttoncenter_alt.jpg);
color:#FFFFFF;
height:40px;
padding:0 14px 0 36px;
}

a.linkbutton.alt span {
height:40px;
}
a.linkbutton.alt span.left {
background-image:url(../img/buttonleft_alt.jpg);
width:36px;
}
a.linkbutton.alt span.middle {
line-height:18px;
top:10px;
}
a.linkbutton.alt span.right {
background-image:url(../img/buttonright_alt.jpg);
width:10px;
background-repeat:no-repeat;
}

/* Text side */
.suggest {
    display: none;
    bottom:7px;
    right:7px;
    color:#AFAFAF;
    font-size:12px;
    font-style:italic;
    position:absolute
}
.hidden-suggest {
    display: none !important;
}

/* kevin */
ul.cart_links{
    margin-left:10px
}
*+html ul.cart_links{
    margin-left:-100px;
}
*+html li.cart_links_li_num{
    margin-left:40px;
}
*+html ul.cart_links li.cart_links_li_total{
    margin-top:5px;
    margin-left:-25px;
}

*+html div#my-cart{
    margin-left:-20px;
}

ul.work_links{
    margin-left:10px;
}
*+html ul.work_links{
    margin-left:-90px;
}
*+html div.links ul.work_links li.order_history_1{
    margin-left:45px;
}

div#logo img{
    margin:0 0 0 10px;
    _margin:0 0 0 -245px;
    _behavior:url('/assets/img/iepngfix.htc'); 
}
*+html div#logo img{
    margin-left:-245px;
}

*+html li.cart_links_li_total_2{
    margin-top:5px;
    margin-left:100px;
}
*+html .cart_empty{
    margin-left:-50px;
}

<!--
*+html div#top_menu{
    margin-bottom:200px;
}-->
/* Used in picture not active*/
.no_active {
    FILTER: Alpha(opacity=30);
    -moz-opacity:.3;
    opacity:0.3;
    }
    
/*Class used in fix png in IE*/
.fixpng {
    _behavior:url('/assets/img/iepngfix.htc');    
}

/*Home Page Image Navigation*/
#image-nav
{
    margin-top: -25px;
    margin-left:360px;
    position: absolute;
}
#image-nav a
{
    background: transparent url(../images/flashbutton.png) no-repeat scroll -15px 0;
    color: #000000;
    float: left;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin: 2px;
    text-align: center;
    vertical-align:middle;
    width: 15px;
    text-decoration:none;
}
#image-nav a.activeSlide 
{
    background: transparent url(../images/flashbutton.png) no-repeat scroll 0 0;
    color: #FFFFFF;
    height: 15px;
    line-height: 15px;
    width: 15px;
    text-decoration:none;
}
#image-nav a:hover {
    background: transparent url(../images/flashbutton.png) no-repeat scroll 0 0;
    color: #FFFFFF;
    height: 15px;
    line-height: 15px;
    width: 15px;
    text-decoration:none;
}
/* End Home Page Image Navigation*/


/*New Home Page*/
#product-container {
    padding:15px 0px 15px 15px;
    width:605px;    
    margin-top:15px;
}
.product-list {
    display:block;
    float:left;
    width:130px;
    height:120px;
    margin-right:6px;
    text-align:center;
    padding:0px 5px;
}
.product-list-title {
    border-bottom:1px dotted #666666;
    line-height:25px;
    font-weight:bold;
}
.product-info {
    color:#000;
    font-size:12px;
}
/*li.active {
    background-color:#f0f9e4;
    border:2px solid #8DC70A;
    border-bottom:none;

    
}*/
li.active {
    background-color:#ffffff;
    border:1px solid #cccccc;
    border-bottom:none;
}

#product-detail-box {
    margin-top:-30px;
}
.product-detail span {
    display:inline;
    float:left;
    margin:12px;
    text-align:center;
    width:150px;
    height:180px;
    _height:190px;
    

}
.product-detail {
    padding:20px 24px;
    display:none;
    width:530px;
    height:428px;
    border:1px solid #cccccc;
    background-color:#ffffff;
}
.detail-active {
    display:block;
}
/*End New Home Page*/