/* -------------------------------------------------------------- 

   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)

-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";

/* This Site
-------------------------------------------------------------- */
body {
    font-family: 'Nobile', arial, sans-serif;
    font-size: 11pt;
    text-align : center;
    letter-spacing: -0.03em;
    line-height: 18px;
    font-weight: normal;
    background-color: #333;
    margin : 0px;
    background : url('/images/body_bg.png') top center repeat;
    color : #333;
}

h1, h2, h3, h4, #main_nav {
    font-family: 'Nobile', arial, serif;
}

table td {
    padding : 5px;
}

.standout {
    font-weight : bold;
}

#wrapper {
    width : 1000px;
    margin : 0px auto 0px auto;
    text-align: left;
}

.float_clear {
    float : left;
    clear : both;
}

#content_topbar {
    width : 100%;
    height : 40px;
    line-height: 40px;
    overflow: hidden;
    margin : 0px 0px 10px 0px;
    color : #fff;
}

#content_topbar #company_logo {
    float : left;
    margin : 0px 120px 0px 0px;
}

#content_topbar a, #content_topbar a:visited {
    color : #fff;
}

#content_topbar .social {
}

#content_masthead {
    width : 100%;
    height : 300px;
    background-color : #fff;
    overflow : hidden;
    padding : 0px 0px 0px 0px;
    margin : 0px 0px 10px 0px;
}

#content_body {
    width : 960px;
    padding : 20px;
    margin : 0px 0px 10px 0px;
    background-color : #fff;
}

#content_body_gallery {
    float : right;
    width : 400px;
    margin : 0px 0px 20px 20px;
    border-left : 1px dotted #ccc;
}

#content_foot {
    width : 960px;
    height : 40px;
    background-color : #000;
    color : #fff;
    line-height : 40px;
    padding : 0px 20px 0px 20px;
    text-align: center;
    font-size : 0.9em;
}

#content_foot a,
#content_foot a:visited {
    margin : 0px 20px 0px 0px;
    color : #fff;
}

#main_nav {
    width : 300px;
    position : relative;
    z-index : 80;
    left : 680px;
    top : -350px;
    font-size : 1.5em;
    line-height : 1.2em;
    text-align : right;
}

#main_nav a {
    display : block;
    clear : both;
}

#main_nav .active {
    text-decoration : underline; !important;
}

#section_logo {
    position : relative;
    z-index : 80;
    left : 0px;
    top : -280px;
    width : 175px;
    height : 68px;
}

.offers {
    float : left;
    clear : both;
    margin : 0px 0px 10px 0px;
    padding : 0px 0px;
    height : 100px;
    width : 1000px;
}

.offers a {
    float : left;
    clear : none;
}

.offers .adv_seperator {
    float : left;
    clear : none;
    width : 10px;
    height : 10px;
}

.cycle {
    z-index : 10;
}

/*articles*/

.article {
    font-size : 1em;
    margin : 0px 0px 20px 20px;
    padding : 0px 0px 20px 0px;
    border-bottom : 1px solid #ccc;
}

.article h3 {
    font-size : 1.2em;
}

.article p {
    margin : 0px 0px 10px 0px;
    padding : 0px;
}


.article .article_foot {
    font-size : 0.7em;
    letter-spacing: 1px;
}

/*galleries*/

.gallery {
    float : left;
    margin : 0px 20px 20px 20px;
}

.gallery .gallery_image {
    float : left;
    clear : none;
    border : 1px solid #666;
    background-color : #f6f6f6;
    margin : 4px;
    width : 40px;
    height : 40px;
}

.gallery .gallery_image img {
    height : 100px;
}

#customer_form {
    margin-top : 20px;
}

#customer_form .row {
    float : left;
    clear : none;
    width : 200px;
    border : 1px solid #ccc;
    padding : 10px;
}

#customer_form .button-row {
    float : left;
    clear : both;
    width : 940px;
    border : 0px solid #ccc;
    border-top : 2px solid #ccc;
    border-bottom : 2px solid #ccc;
    margin-top : 20px;
}

#customer_form .row .clientThumbnailsTitle, #customer_form .row .clientThumbnailsImage {
    float : left;
    clear : both;
    width : 100%;
    margin-bottom : 10px;
    text-align : center;
    overflow : hidden;
}

#customer_form .row .clientThumbnailsSelect {
    float : left;
    clear : both;
    width : 100%;
    margin-top : 10px;
    text-align : center;
}

.imageoptions {
    float : left;
    clear : both;
    width : 100%;
    margin-bottom : 20px;
    padding-bottom : 20px;
    border-bottom : 1px solid #ccc;
}

.imageoptions .imagePreview {
    float : left;
    clear : none;
    width : 250px;
}

.imageoptions .imagePreview, .imageoptions .imageOptions, .imageoptions .imageRemove {
    float : left;
    clear : none;
}

.imageoptions .imageOptions {
     width : 615px;
     margin-left : 20px;
}

.imageoptions .imageOptions .option, .imageoptions .imageOptions .option_label {
    float : left;
    clear : both;
    font-size : 0.8em;
}

.imageoptions .imageRemove {
    width : 75px
}

.imageoptions .imageRemove img {
    margin-top : 40px;
}

.order_total {
    float: left;
    clear : both;
    margin : 0px 0px 20px 0px;
    padding: 10px 0px 10px 0px;
    width : 100%;
    background-color: #f6f6f6;
    border-top : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
    color : #000;
}

.bigger_button {
    padding : 20px;
    font-size : 1.2em;
}

p.error {
    background-color : #D81B23;
    color : #fff;
    padding : 5px 0px 5px 0px;
    width : 100%;
}

.extraFields {
    float : left;
    clear : both;
    width : 100%;
    margin : 20px 0px 20px 0px;
}