@charset "utf-8";



body {
    margin: 0px;

}

br {
    clear: both;
}

.right {
    float:right;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

#container {
    margin: 0 auto;
    width: 952px;
    text-align:left;
} 

#logoheader {
    padding-top: 20px;
    padding-bottom: 18px;
}

#navheader {
    height: 47px;
    width: 952px;
    background: url(../images/headerback.jpg) no-repeat;

    padding-top: 12px;

}

#navmission {
    padding-left:30px;
    float: left;
}

#navmission2 {
    padding-left:30px;
    float: left;
}

#navinspired {
    padding-left:20px;
    float: left;

}

#navinspired2 {
    padding-left:20px;
    float: left;

}

#navstore {
    padding-left:35px;
    float: left;
}

#main {
    position:relative;
    height: 378px;
    background-color: #ececec;

}

#lady {
    position:relative;
}

#mainBuild {
    position:relative;
    height: 433px;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: none #e8e8e8;
    border-left: 1px solid #e8e8e8;
    /*background: url(../images/buildback.png) repeat-x;*/
}

#mainInspire {
    position:relative;
    height: 393px;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: none #e8e8e8;
    border-left: 1px solid #e8e8e8;
    background: url(../images/inspired/inspiredback.jpg) repeat-x;
}

#mainnav {

}

#mainnav .button{
    float: left;
}

.buttonpopup{
    float: left;
    position:relative;
    width: 240px;
}

#itembox {

    padding-left:42px;

}

#itembox #headertext {
    padding-top:40px;
}



#itembox #stepText {
    padding-top:26px;
}

.sIFR-hasFlash #  {

    visibility: hidden;
    font-family: Verdana;


}

#itembox #stepHeader {
    font-size:3em;
    margin-bottom: 10px;
    letter-spacing: 12px;
    width: 600px;
}

.sIFR-hasFlash .bigbuilderText {
    visibility: hidden;
    font-family: Verdana;

}

#itembox .bigbuilderText {

    font-size:21px;
    width: 400px;
}

.sIFR-hasFlash .builderText {
    visibility: hidden;
    font-family: Verdana;

}

#flash_box{
    display:none;
}

#flash_box2{
    display:none;
}

#itembox .builderTextContainer {
    width:420px;
    clear: both;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
    padding-bottom: 10px;
}

#itembox .builderContainer {
    width:873px;
    clear: both;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
    padding-bottom: 10px;
}

#itembox .bottomLine {
    width: 773px;
    clear: both;
}

#itembox .builderContainer .box{
    float:right;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    padding-bottom: 8px;
    width: 440px;
}

#itembox .builderContainer .box .innerbox{
    float:right;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    padding-bottom: 8px;
}


#itembox .builderContainer .box textarea {
    width: 421px;
    height: 60px;
    border: 1px solid #e1e1e1;
    margin-left: 5px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;

}

#itembox .builderContainer .box textarea.big {

    height: 260px;


}

#itembox .builderContainer .box input {
    width: 421px;
    height: 24px;
    border: 1px solid #e1e1e1;
    margin-left: 5px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;

}


#itembox .builderText {

    font-size:20px;
    width: 400px;
}

#itembox #progresstext {
    padding-top:18px;
    padding-bottom: 9px;
}

#itembox #progress {
    width: 876px;
    height: 10px;
    background: url(../images/progressbackground.png);
}


#itembox #bottomItems {
    padding-bottom: 0px;
    width: 876px;
    clear: both;
    margin-top: 67px;

}

#itembox #bottomItems .icon {
    float: left;
}

#itembox #bottomItems .text {
    padding-top: 3px;
    padding-left: 3px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    float:left;
}

.bubbleInfo {
    position: relative;

}
.trigger {
    padding-top: 3px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    float:left;
    cursor: pointer;
}

/* Bubble pop-up */

.popup {
    position: absolute;
    display: none;
    z-index: 50;
    border-collapse: collapse;
    width: 541px;
    height: 111px;
    background: url(../images/popupbox.gif) no-repeat;
}

.popuptext {
    position:relative;
    margin: 20px 10px 20px 20px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    height: 70px;


}

.popuptext .top{
    position:absolute; top:0;
}


.popuptext a{
    margin: 20px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #E98D1D;
    text-decoration:none;

}

.popuptext .bottom{
    position:absolute; top:60%;
    width: 501px;
}
.popuptext .bottom .name{
    font: 14px Arial, Helvetica, sans-serif;
    color: #76BEE9;
    padding-top: 10px;
    float:left;
}

.popuptext .bottom .morelink{
    padding-top: 10px;
    float:right;
}


.buildInfo {
    position: relative;

}


.buildpopup {
    position: absolute;
    display: none;
    z-index: 50;
    border-collapse: collapse;
    width: 216px;
    height: 86px;
    background-color:#E98D1D;
}

#itembox #text {
    width: 340px;
    font: 13px Arial, Helvetica, sans-serif;
    color: #767f84;
    padding-top:25px;
    padding-bottom: 28px;
}



#itembox #indextext {
    width: 340px;
    font: 13px Arial, Helvetica, sans-serif;
    color: #767f84;
    padding-top:15px;
    padding-bottom: 28px;
}

#itembox #indextext a{
    width: 340px;
    font: 13px Arial, Helvetica, sans-serif;
    color: #e98d1d;
    text-decoration: none;
}

#buildbutton {
    width: 183px;

}


.buildInfo {
    position: relative;

}


.buildpopup {
    position: absolute;
    display: none;
    z-index: 50;
    border-collapse: collapse;
    width: 216px;
    height: 86px;
    background: url(../images/popuporange.gif) no-repeat;
}

.buildpopuptext {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin-left: 13px;
    margin-top: 10px;
}

.buildpopuptext a{
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 16px;
}

.buildpopuptext a:hover{
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #495964;
    line-height: 16px;
}



#panelinside {
    padding-top: 52px;
    padding-left:22px;
    width: 200px;
    height: 248px;

}

.panelinsidewide {
    padding-top: 52px;
    padding-left:55px;
    width: 200px;

}


.panelinsidewide #header {

}

.panelinsidewide #text {
    font: 11px Arial, Helvetica, sans-serif;
    color: #636467;
    padding-top: 25px;

}

.panelinsidewide #text a{
    font: 11px Arial, Helvetica, sans-serif;
    color: #e98d1d;
    text-decoration:none;
    position: relative;

}

#panelinside #header {

}

#panelinside #text {
    font: 11px Arial, Helvetica, sans-serif;
    color: #636467;
    padding-top: 25px;
}

#panelinside #text a{
    font: 11px Arial, Helvetica, sans-serif;
    color: #e98d1d;
    text-decoration:none;
    position: relative;

}


#div-1 {
    position:relative;
    width: 928px;

}

.button_size {
    padding-top: 20px;
    padding-left: 65px;
}

.button2_size {
    padding-top: 20px;
    padding-left: 77px;
}

.button3_size {
    padding-top: 20px;
    padding-left: 84px;
}

.button4_size {
    padding-top: 20px;
    padding-left: 64px;
}

.button_1 {
    float:left;
    height: 50px;
    width: 238px;
    background: url(../images/button_left_side.jpg) no-repeat;
    cursor: pointer;
}

.button_2 {
    float:left;
    height: 50px;
    width: 238px;
    background: url(../images/button_left_gradient.jpg) no-repeat;
    cursor: pointer;
}

.button_3 {
    float:left;
    height: 50px;
    width: 238px;
    background: url(../images/button_left_gradient.jpg) no-repeat;
    cursor: pointer;
}

.button_4 {
    float:left;
    height: 50px;
    width: 238px;
    background: url(../images/button_right_side_gradient.jpg) no-repeat;
    cursor: pointer;
}

#button1_position {
    position:absolute;
    overflow:hidden;
    height: 257px;
    width: 270px;
    left: 0px;
    top: -257px;
    display:none;
}


#button2_position {
    position:absolute;
    overflow:hidden;
    height: 257px;
    width: 302px;
    left: 206px;
    top: -257px;
    display:none;
}

#button3_position {
    position:absolute;
    overflow:hidden;
    height: 257px;
    width: 302px;
    left: 444px;
    top: -257px;
}
#button4_position {
    position:absolute;
    overflow:hidden;
    height: 257px;
    width: 302px;
    left: 666px;
    top: -257px;
}

#button1_popup {  
    width: 270px;
    position: relative;
    top: 257px;
    height: 258px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
    background: url(../images/popupleftback.png) no-repeat;;
    -moz-opacity: .9;
    KhtmlOpacity: .9;
    opacity: .9;
} 

#button2_popup {
    width: 302px;
    position: relative;
    top: 257px;
    height: 258px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
    background: url(../images/popupback.png) no-repeat;;
    -moz-opacity: .9;
    KhtmlOpacity: .9;
    opacity: .9;
}  


#button3_popup {
    width: 302px;
    position: relative;
    top: 257px;
    height: 258px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
    background: url(../images/popupback.png) no-repeat;;
    -moz-opacity: .9;
    KhtmlOpacity: .9;
    opacity: .9;
} 

#button4_popup {
    width: 270px;
    position: relative;
    top: 257px;
    height: 258px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
    background: url(../images/popuprightback.png) no-repeat;
    -moz-opacity: .9;
    KhtmlOpacity: .9;
    opacity: .9;
} 

#backgray  {
    background-color:#000000;
    height: 448px;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: none #e8e8e8;
    border-left: 1px solid #e8e8e8;
    overflow:hidden;
    width: 951px;
    left: 0px;
    top: 10px;
    z-index: 25;
    filter:alpha(opacity=80);
    -moz-opacity: .8;
    KhtmlOpacity: .8;
    opacity: .8;
    margin-bottom: 33px;

    position:relative;


}  

#smallloginText{
    font: 11px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    -moz-opacity: 1;
    KhtmlOpacity: 1;
    opacity: 1;
    visibility:visible;
    left: 0px;

    top: 0px;
    margin-left: 25px;
}

#loginText{

    z-index: 26;
    font: 14px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    -moz-opacity: 1;
    KhtmlOpacity: 1;
    opacity: 1;
    visibility:visible;
    left: 0px;
    width: 951px;
    height: 428px;
    top: 0px;
    padding-top:97px;
}

#loginText .emailBox{
    float: left;
    font: 15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    width: 367px;
    padding-top: 25px;
}

#loginText .formBox{
    float: right;
    font: 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    width: 317px;
    padding-top: 25px;

}


#loginText .formBox label{
    float:right;
    padding-right: 12px;
}

#loginText  .formBox input{
    float:right;
    width: 239px;
    height: 18px;
    border: 0px;
    margin-left: 5px;
    background: #FFFFFF;
    margin-bottom: 5px;

}


#loginText .loginBox {

    padding-left:72px;
    clear: both;
    width: 813px;

}

#loginText .loginBox img{
    vertical-align:middle;
}

#loginText .bottomloginBox {
    padding-top: 20px;
    padding-left:72px;
    clear: both;
    width: 813px;

}

#loginText .bottomloginBox img{
    vertical-align:middle;
}

#loginText .loginText {

    -moz-opacity: 1.0;
    KhtmlOpacity: 1.0;
    opacity: 1.0;

}

.inspirePhotoColumn{
    float: right;
    height: 374px;
}

.inspirePhotoColumn a{
    text-decoration:none;
}

.inspirePhotoColumn .image1{
    width: 164px;
    height: 99px;
    margin: 2px;
    position:relative;
    cursor:pointer;
}

.inspirePhotoColumn .image2{
    width: 164px;
    height: 98px;
    margin: 2px;
    position:relative;
    cursor:pointer;
}

.inspirePhotoColumn .image3{
    width: 164px;
    height: 175px;
    margin: 2px;
    position:relative;
    cursor:pointer;
}

.inspirePhotoColumn .image4{
    width: 155px;
    height: 154px;
    margin: 2px;
    position:relative;
    cursor:pointer;
}

.inspirePhotoColumn .image5{
    width: 155px;
    height: 129px;
    margin: 2px;
    position:relative;
    cursor:pointer;
}

.inspirePhotoColumn .image6{
    width: 172px;
    height: 163px;
    margin: 2px;
    position:relative;
    cursor:pointer;
}

.inspirePhotoColumn .image7{
    width: 172px;
    height: 210px;
    margin: 2px;
    position:relative;
    cursor:pointer;
}

.inspirePhotoColumn .image8{
    width: 156px;
    height: 88px;
    margin:3px 2px 2px;
    position:relative;
    cursor:pointer;
}

.orangeoverlay  {
    background-color:#f9a51a;
    width: 100%;
    height: 100%;
    position:absolute;
    overflow:hidden;
    left: 0px;
    top: 0px;
    z-index: 25;
    filter:alpha(opacity=60);
    -moz-opacity: .6;
    KhtmlOpacity: .6;
    opacity: .6;
    text-align:center;

}  


.orangeoverlaytext  {
    width: 100%;
    height: 100%;
    position:absolute;
    overflow:hidden;
    left: 0px;
    top: 0px;
    z-index: 26;
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    KhtmlOpacity: 1;
    opacity: 1;
    text-align:center;
    font: normal 18px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
} 

.orangeoverlaytext  a{
    font: normal 18px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
} 

#center-image1 {
    margin-top: 25px;
}

#center-image2 {
    margin-top: 35px;
}

#center-image3 {
    margin-top: 70px;
}

#center-image4 {
    margin-top: 63px;
}

#center-image5 {
    margin-top: 40px;
}

#center-image6 {
    margin-top: 61px;
}

#center-image7 {
    margin-top: 85px;
}

#center-image8 {
    margin-top: 20px;
}

#inspireleft {
    width: 440px;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
    padding-bottom: 10px;
    float: left;
}

#inspireright {
    width: 240px;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
    padding-bottom: 10px;
    float: right;
    margin-right: 85px;
    padding-top: 30px;

}



#inspireleft .line{
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
    padding-bottom: 10px;

}

#inspireleft ol li{
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
    padding-bottom: 10px;
    list-style:decimal;
    padding-left: 10px;

}

.boxheader{
    margin: 0px;
    padding: 0px;
    width: 952px;
    height: 11px;
    overflow:hidden;
    position:relative;
}

.boxfooter{
    margin: 0px;
    padding: 0px;
    width: 952px;
    height: 10px;
    overflow:hidden;
    background: url(../images/backfooter.jpg) no-repeat top;
}

.mainbox {
    width: 950px;
    background: #fbfbfb url(../images/backbottom.jpg) no-repeat bottom;
    border-right: 1px solid #eaeced;
    border-left: 1px solid #eaeced;
    position:relative;
    padding-bottom: 28px;
    overflow:hidden;
}


.error-box {
    font: 12px Arial, Helvetica, sans-serif;
    color: #76BEE9;
    padding: 5px;
    margin: 10px;
    font-weight: bold;
}

#message_success {
    font: 25px Arial, Helvetica, sans-serif;
    color: #f9a51a;
    margin-bottom: 10px;
}

#message_error {
    color: #FF0000;
    margin-bottom: 10px;
}

.sIFR-hasFlash .inspireText {

    visibility: hidden;
    font-family: Verdana;

}

.shareHeader{
    font-size:23px;
    margin-bottom: 10px;
}

.sIFR-hasFlash .shareHeader {

    visibility: hidden;
    font-family: Verdana;

}

.inspireText{
    font-size:23px;
    margin-bottom: 10px;
}

a.orange_link:link { color: #e98d1d; text-decoration: none }
a.orange_link:visited { color: #e98d1d; text-decoration: none }
a.orange_link:hover { color: #e98d1d; text-decoration: none }

#email_friend {
    display: none;
}

.orangeicon {
    float: left;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
}

.orangeicon a{

    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
    text-decoration: none;
}

.orangeicon img {
    vertical-align:middle;
    padding-bottom: 2px;
}

.smalltext {
    padding-top: 3px;
    padding-left: 3px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    float:left;
}

.smalltext a{
    padding-top: 3px;
    padding-left: 3px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    float:left;
    text-decoration: none;
}

.smalltext_nofloat {
    padding-top: 3px;
    padding-left: 3px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
}

.smalltext_nofloat a{
    padding-top: 3px;
    padding-left: 3px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    text-decoration: none;
}


#inspireRightText{
    margin-top: 53px;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #5C6F7B;
}

#inspireRightText a{
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #5C6F7B;
    text-decoration:none;
}

#inspireRightText li{
    line-height: 35px;
    text-indent: 25px;

}

#inspireRightText li.selected{
    padding-top: 6px;
    height: 27px;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #E98D1D;
    background: url(../images/button.png) no-repeat left center;
}

#inspireRightText li.selected a{

    font: bold 13px Arial, Helvetica, sans-serif;
    color: #E98D1D;
    text-decoration: none;
}

#topHeader {
    padding-bottom: 0px;
    width: 576px;
    clear: both;

}

.sIFR-hasFlash .smallHeader {

    visibility: hidden;
    font-family: Verdana;

}

.smallHeader{
    font-size:20px;
    margin-bottom: 10px;
}

#liveright {
    width: 240px;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
    padding-bottom: 10px;
    float: right;
    margin-right: 85px;

}

.hide_div {
    display: none;
}

.bullets {
    list-style:disc;
    margin-left: 25px;
}

.shareEmail input{

    width: 339px;
    height: 18px;
    border: 1px solid #e1e1e1;
    background: #FFFFFF;
    margin-bottom: 5px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;

}

.shareEmail textarea{
    width: 339px;
    height: 80px;
    border: 1px solid #e1e1e1;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
}

.orange{
    font: 13px Arial, Helvetica, sans-serif;
    color: #e98d1d;
    text-decoration: none;
}

.methodHeader {
    padding-bottom: 12px;
    padding-top: 5px;
    margin-top: 20px;
    border-top: 1px solid #e1e1e1;

}

.social img{
    padding-right: 12px;
}

.rightsocial {
    text-align: left;
    width: 540px;
    float: right;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    padding-right: 30px;
}

.leftsocial {
    padding-top: 3px;
    padding-left: 3px;
    width: 300px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
    float:left;
}

.shareBadge textarea{
    width: 309px;
    height: 80px;
    border: 1px solid #e1e1e1;
    font: 12px Arial, Helvetica, sans-serif;
    color: #8A9297;
}


#footer{

}

#footer #inside_nav {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 15px;
    color:#898989;
    font: 10px/15px Arial, Helvetica, sans-serif;
}
#footer ul {
    clear:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
#footer ul li {
    float:left;
    padding-right:4px;
}

#footer #inside_nav a {
    color:#898989;
    text-decoration:none;
}

/* greatness wall styles*/
#itembox #wall-text {
    width: 590px;
    height:496px;
     font: 13px Arial, Helvetica, sans-serif;
    color: #767f84;
    background-color:#ffffff;
    border:1px solid silver;
}
#itembox #wall-scroller {
    width: 570px;
    height:425px;
     font: 13px Arial, Helvetica, sans-serif;
    color: #767f84;
    padding:10px;
    border:0px solid #ffffff;
    background-color:#ffffff;
    border:1px solid silver;
    overflow-y:scroll;
    overflow-x:hidden;
}
.wall-right{
    float:right;
}

#itembox #wall-headertext {
    padding-top:0px;
}

#wallright {
    width: 240px;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #767F84;
    padding-bottom: 10px;
    float: right;
    margin-right: 30px;
   padding-top:80px;
}

.wall-right-panel{
    background-color:#ffffff;
    border:1px solid silver;
    padding:20px;
    padding-top:10px;
    margin-bottom:25px;
}

.panel-heading{
    color: #E98D1D;
    font-weight:bold;
    padding:0px;
}

.panel-heading-large{
    color: #E98D1D;
    padding:0px;
    font: normal 14pt Arial, Helvetica, sans-serif;
}

.wall-page-heading{
    color: #E98D1D;
    padding:0 0 8px;
}

.count-table{
    font: normal 13px Arial, Helvetica, sans-serif;
}

.count-box{
    background-color:gray;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    line-height:30px;
    border:solid 2px #ffffff;
    font: bold 16pt Arial, Helvetica, sans-serif;
    padding:3px 5px;
}

.wall-counter{
    color: #E98D1D;
    font: normal 14pt Arial, Helvetica, sans-serif;
}

#wallRightText li{
    line-height:20px;
}

#wallRightText li.selected{
    color: #E98D1D;
}

#wallRightText li a{
    color: #5C6F7B;
    text-decoration: none;
}