/* COMMON */
html,body{
margin: 0;
padding: 0;
background-color: #dbdbdb;
font-family: arial,tahoma,verdana;
font-size: 12px;
text-align: center;
}
a{
outline: none;
}
img{
border: none;
}
.clear{
clear: both;
margin: 0;
padding: 0;
}
#site_container{
width: 990px;
margin: auto;
background-color: #FFFFFF;
text-align: left;
}
.bold{
font-weight: bold;
}
.nomargin{
margin: 0;
padding: 0;
}
.special{
display: none;
}
.error{
margin-bottom: 12px;
border: 2px solid red;
color: red;
font-weight: bold;
text-align: center;
line-height: 22px;
}
.success{
margin-bottom: 12px;
border: 2px solid green;
color: green;
font-weight: bold;
text-align: center;
line-height: 22px;
}
strong{
font-weight: normal;
}
.bold strong{
font-weight: bold;
}

/* CONTENT BOX */
#content{
width: 646px;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}

/* H1 */
h1{
margin: 0;
padding: 0;
color: #3573ba;
font-size: 14px;
font-weight: bold;
text-align: left;
}
h1.flex{
height: 60px;
background-image: url('/solutions/images/common/h1_flex.gif');
background-repeat: no-repeat;
}
h1.flex span{
display: block;
padding-top: 24px;
padding-left: 144px;
}
h1 strong{
font-weight: bold;
}

/* PAGE */
#page{
background-color: #FFFFFF;
}

/* BANNER */
#banner{
height: 235px;
height: 225px;
padding-top: 11px;
background-image: url('/solutions/images/common/banner_bg.gif');
background-repeat: repeat-x;
text-align: left;
}
#banner_content{
width: 954px;
height: 202px;
margin-left: 12px;
padding-left: 12px;
background-image: url('/solutions/images/common/banner_content_bg.gif');
background-repeat: no-repeat;
}
#banner .logo{
display: table-cell;
float: left;
width: 218px;
height: 76px;
margin-top: 7px;
background-image: url('/solutions/images/common/logo.gif');
background-repeat: no-repeat;
}
#introducing{
clear: right;
display: table-cell;
float: right;
width: 700px;
margin-top: 20px;
margin-right: 12px;
font-size: 14px;
color: #427cbf;
font-weight: bold;
text-transform: uppercase;
text-align: right;
}

/* NAV_BANNER */
#nav_banner{
display: table-cell;
float: right;
margin-top: 6px;
margin-right: 8px;
font-weight: bold;
}
#nav_banner a{
padding-left: 8px;
color: #000000;
}
#nav_banner .tel{
padding-top: 12px;
font-size: 12px;
color: #868787;
text-align: right;
}

/* DID YOU KNOW? */
#did_you_know{
clear: both;
width: 306px;
margin-top: 10px;
margin-left: 9px;
border: 3px solid #cccccc;
background-color: #fcfcda;
text-align: justify;
}
#did_you_know .top{
}
#did_you_know .top span{
display: block;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
font-size: 14px;
font-weight: bold;
}
#did_you_know .middle{
margin-top: 8px;
padding-left: 8px;
padding-right: 8px;
}
#did_you_know .bottom{
height: 10px;
}

/* NAV_RIGHT */
#nav_right{
position: relative;
left: 9px;
width: 306px;
margin-top: 10px;
border: 3px solid #cccccc;
background-color: #FFFFFF;
}
#nav_right a{
display: block;
color: #000000;
}
#nav_right a span{
display: block;
padding: 4px;
}

/* NAV_RIGHT_MERCHANTS */
#nav_right_merchants{
position: relative;
left: 9px;
width: 306px;
margin-top: 10px;
border: 3px solid #cccccc;
background-color: #FFFFFF;
}
#nav_right_merchants a{
display: block;
color: #000000;
}
#nav_right_merchants a span{
display: block;
padding: 4px;
}

/* GOOGLE ADSENSE RIGHT */
#google_adsense_right{
position: relative;
left: 9px;
width: 306px;
margin-top: 10px;
border: 3px solid #cccccc;
background-color: #FFFFFF;
text-align: center;
}

/* NUTSHELL - WHAT WE DO IN, IN A NUTSHELL */
.nutshell{
display: table-cell;
float: left;
width: 136px;
margin-top: 4px;
margin-right: 2px;
font-size: 10px;
text-align: justify;
}
.nutshell .middle{
height: 75px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #dbdbdb;
color: #3b3b3b;
}
.nutshell .bottom{
margin-top: 2px;
font-size: 11px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.nutshell .bottom span{
display: block;
padding-top: 4px;
padding-bottom: 4px;
}
.nutshell ul, .nutshell li{
list-style: none;
margin: 0;
padding: 0;
}
.nutshell li{
padding-top: 2px;
padding-left: 17px;
padding-bottom: 2px;
background-image: url('/solutions/images/common/nutshell_bullet.gif');
background-position: left top;
background-repeat: no-repeat;
}
/* NUTSHELL: 01 */
#nutshell_01{
margin-left: 2px;
}
#nutshell_01 .bottom{
background-color: #fb993a;
}
/* NUTSHELL: 02 */
#nutshell_02 .bottom{
background-color: #90fb3a;
}
/* NUTSHELL: 03 */
#nutshell_03 .bottom{
background-color: #5480ff;
}
/* NUTSHELL: 04 */
#nutshell_04 .bottom{
background-color: #ff54f1;
}

/* HEADER BLURB */
#banner #blurb{
display: table-cell;
float: right;
width: 384px;
margin-top: 4px;
margin-right: 4px;
padding-right: 4px;
line-height: 13pt;
text-align: justify;
}
#banner #blurb strong{
font-weight: normal;
}

/* FOOTER PORTFOLIO */
#footer_portfolio{
clear: both;
width: 982px;
height: 242px;
margin-left: 4px;
margin-top: 2px;
background-image: url('/solutions/images/common/footer_portfolio.gif');
background-repeat: repeat-x;
background-position: -2px top;
background-color: #8cafd8;
}
#footer_portfolio a{
position: relative;
display: table-cell;
float: left;
width: 234px;
height: 232px;
margin-top: 5px;
background-image: url('/solutions/images/common/footer_portfolio_bg.gif');
background-position: center center;
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
text-align: center;
cursor: pointer;
}
#footer_portfolio a.first{
margin-left: 22px;
}
#footer_portfolio a .thumbnail{
display: block;
height: 232px;
background-position: center 18px;
background-repeat: no-repeat;
}
#footer_portfolio a .display_url{
position: absolute;
left: 0;
bottom: 14px;
display: block;
width: 234px;
background-position: 8px center;
font-weight: bold;
text-decoration: underline;
}

/* FOOTER */
#footer{
clear: both;
height: 51px;
border-top: 2px solid #dbdbdb;
margin-top: 1px;
}
#footer .copyright{
display: table-cell;
float: left;
width: 32%;
margin-top: 10px;
padding-left: 6px;
text-align: left;
}
#footer .company_number{
display: block;
}
#footer .address{
display: table-cell;
float: left;
width: 32%;
margin-top: 10px;
}
#footer .links{
display: table-cell;
float: right;
width: 32%;
margin-top: 15px;
padding-right: 6px;
text-align: right;
}
#footer .links a{
color: #000000;
padding-left: 6px;
padding-right: 6px;
}

/* COLUMN_RIGHT */
#column_right{
display: table-cell;
width: 330px;
margin-bottom: 8px;
padding-bottom: 6px;
background-image: url('/solutions/images/common/column_right_bg.gif');
background-repeat: repeat-y;
}
#column_right_image{
margin-top: 4px;
margin-left: 7px;
width: 314px;
height: 208px;
border: 1px solid #d0d5db;
background-image: url('/solutions/images/common/column_right_img.jpg');
background-position: center center;
background-repeat: no-repeat;
}

/* UPPERCONTENT */
.uppercontent{
position: relative;
left: -10px;
padding-left: 20px;
text-align: justify;
}
.uppercontent a{
color: #000000;
}


/* HOMEPAGE */
#about_ishop_flex{
position: relative;
right: 4px;
display: table-cell;
float: right;
width: 312px;
text-align: justify;
}
#about_ishop_flex p{
margin: 0;
padding: 0;
padding-right: 4px;
margin-bottom: 12px;
}
#homepage_boxes{
float: left;
width: 315px;
}
.homepage_box{
display: block;
width: 315px;
height: 150px;
margin-left: 6px;
margin-bottom: 6px;
padding-left: 10px;
background-image: url('/solutions/images/page/homepage_box.gif');
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
text-align: left;
cursor: pointer;
}
.homepage_box a.title{
margin: 0;
padding: 0;
color: #3573ba;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.homepage_box a.title span{
display: block;
padding-top: 4px;
}
.homepage_box a.title sup{
text-transform: lowercase;
}
.homepage_box a.image{
display: table-cell;
float: left;
width: 108px;
height: 108px;
margin-top: 2px;
border: 2px solid #dbdbdb;
background-position: center center;
background-repeat: no-repeat;
}
.homepage_box a.developers{
background-image: url('/solutions/images/page/homepage_developers.jpg');
}
.homepage_box a.merchants{
position: relative;
top: 4px;
background-image: url('/solutions/images/page/homepage_merchants.jpg');
}
.homepage_box a.text{
display: table-cell;
float: left;
width: 180px;
margin-top: 4px;
margin-left: 4px;
color: #000000;
text-decoration: none;
text-align: justify;
}
.homepage_box a.text_merchants{
margin-top: 10px;
}
.homepage_box a.text:first-line{
font-weight: bold;
}
.homepage_box a.text .go{
display: table-cell;
float: right;
margin-top: -4px;
color: #000000;
font-weight: bold;
text-decoration: underline;
}
/* FEATURES LIST */
.features_list{
width: 638px;
margin-bottom: 10px;
margin-left: 7px;
}
.features_list .top{
height: 31px;
background-image: url('/solutions/images/common/features_list_top.jpg');
background-repeat: no-repeat;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.features_list .top span{
display: block;
padding-top: 8px;
}
.features_list .middle{
padding: 6px;
border: 2px solid #c2c2c2;
border-top: none;
}
.features_list .middle .item{
width: 618px;
margin-top: 5px;
padding-bottom: 5px;
border-bottom: 2px solid #c2c2c2;
background-image: url('/solutions/images/common/features_bullet.gif');
background-position: left center;
background-repeat: no-repeat;
}
.features_list .middle .item .feature{
display: block;
padding-left: 34px;
}
.features_list .middle .item .description{
display: block;
padding-left: 34px;
text-align: justify;
}


/* PORTFOLIO - ACTUAL PORTFOLIO PAGE */
#portfolio{
padding-left: 10px;
}
#portfolio .entry{
position: relative;
display: block;
float: left;
width: 270px;
margin: 15px;
border: 2px solid #e3e3e3;
}
#portfolio .entry:hover{
border-color: #3573ba;
}
#portfolio a.thumbnail{
display: table-cell;
float: left;
width: 100%;
height: 180px;
background-position: center 6px;
background-repeat: no-repeat;
text-decoration: none;
}
#portfolio a.display_url{
display: block;
width: 100%;
margin-top: 8px;
font-weight: bold;
color: #000000;
text-decoration: underline;
text-align: center;
}

/* CONTACT PAGE */
#contact_form{
display: table-cell;
float: left;
width: 380px;
}
#contact_form .row{
margin-top: 3px;
margin-bottom: 3px;
}
#contact_form .heading{
display: table-cell;
float: left;
width: 100px;
margin-right: 4px;
padding-top: 5px;
font-size: 10px;
font-weight: bold;
text-align: right;
}
#contact_other{
display: table-cell;
float: right;
width: 230px;
text-align: left;
}
#contact_other a{
color: #000000;
}
#contact_form .row input{
width: 260px;
border: 1px solid #cecece;
}
#contact_form .row textarea{
width: 260px;
height: 150px;
border: 1px solid #cecece;
overflow-y: auto;
}
#contact_form .submit{
float: right;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 14px;
background-color: #cecece;
border: 1px solid #cecece;
font-weight: bold;
}

/* SUPPORT */
.support_intro{
clear: both;
margin-top: 12px;
width: 626px;
height: 68px;
color: #444444;
font-size: 14px;
}
.support_intro p{
clear: both;
display: inline;
float: left;
width: 600px;
margin-top: 8px;
padding-left: 12px;
padding-right: 12px;
}
.session_form{
display: inline;
float: left;
width: 312px;
height: 224px;
border-right: 8px solid #FFFFFF;
background-image: url('/solutions/images/page/support_session_form.jpg');
background-repeat: no-repeat;
font-size: 14px;
color: #444444;
}
.session_form .inner{
width: 280px;
}
.session_form form{
margin: 0;
padding: 0;
margin-top: 16px;
margin-left: 32px;
}
.session_form .title{
clear: both;
display: inline;
float: left;
width: 236px;
margin-top: 8px;
font-weight: bold;
}
.session_form input.session_form_input{
display: inline;
float: left;
margin: 0;
width: 236px;
padding: 4px;
border: 1px solid #acacac;
}
.session_form input.submit{
display: inline;
float: right;
margin: 0;
margin-top: 8px;
width: 136px;
height: 32px;
border: 1px solid #acacac;
border: none;
background-image: url('/solutions/images/page/support_session_submit.gif');
background-repeat: no-repeat;
background-color: #ffe5b5;
color: #444444;
font-weight: bold;
cursor: pointer;
}
.session_form_instructions{
color: #444444;
font-size: 10px;
text-align: justify;
}
.session_ensure{
clear: both;
margin-top: 12px;
padding-top: 8px;
width: 626px;
color: #444444;
font-size: 14px;	
}