/************************
* UI RESET
************************/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*****************
* Helper classes
******************/
ul.horizontal_list {list-style-type:none;}
ul.horizontal_list li {display:inline;}
.floatleft {float:left;}
.floatright {float:right;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.clear {clear:both; display:block;}
.width100 {width:100%;}
.margin10 {margin:10px;}
.padding10 {padding:10px;}
.marginside10 {margin:0px 10px;}
.margintop10 {margin:10px 0;}
.noborder {border:0}
p{line-height:1.3em;}
.onclick{cursor:pointer;}
p.blanktext{font:normal 11px Tahoma,sans-serif;color:#d0d0d0;padding:5px;}
a:focus{outline:none;}

/********************
 * Basic Rules for static pages
 * *******************/
div.page_body p
{
  line-height:1.4em;
  margin:5px 0px;
}

div.page_body strong
{
  font-weight:bold;
}

div.page_body em
{
  font-style:italic;
}

div.page_body ul,
div.page_body ol
{
  margin:5px 0px 5px 15px;

}

div.page_body ul li,
div.page_body ol li
{
  padding:3px;
  list-style-type:disc;
  list-style-position:inside;
}

div.page_body table
{
  width:100%;
}



/* alert & notice */
div.notice
{
  padding:10px;
}

div#notice_placeholder
{
/*  height:35px; */
  width:364px;
/*  margin-bottom:30px; */
}

div.notice ul 
{
  margin-left:20px;
  margin-top:5px;
}

div.notice ul li
{
  list-style-type:circle;
  padding:2px;
}

div#alert
{
  color:#8f4c39;
  border:1px solid #d31b1d;
  background-color:#FFEEEE;
}

div#notice
{
  color:#539b50;
  border:1px solid #075a03;
  background-color:#d5ffd3;
}



/* Store front end */
body
{
  background:#fafcfd url(/images/store/body_bg.jpg) 0 0 repeat-x;
  font:normal 12px Arial,Tahoma,sans-serif;
}

h1 {
  display:block;
  height:78px;
  width:286px;
  margin:20px 0px;
}
h1 a {
  display:block;
  height:78px;
  width:286px;
  text-indent:-9999px;
  background:transparent url(/images/store/logo.png) 0 0 no-repeat;
}

h1.left {
  float:left;
}

#home_pricing h1,
#home_faq h1
{
  margin:30px 0px 45px 0px;
}

#home_pricing h3,
#home_portfolio h3
{
  border-bottom:1px solid #787878;
  color:#787878;
  font:20px Tahoma,sans-serif;
  padding-bottom:5px;
}

#try_demo
{
  background:transparent url(/images/store/try_bg.png) 0 0 no-repeat;
  width:340px;
  height:118px;
  float:right;
  text-align:center;
}

#try_demo h3
{
  margin:20px 0px 5px 0px;
  color:#527a83;
  font:bold 16px Arial,sans-serif;
}

#try_demo ul 
{
  width:246px;
  margin:auto;
}

#try_demo ul li
{
  float:left;
  width:123px;
  height:28px;
}

#try_demo ul li a
{
  font:normal 12px "Arial Black", Arial, sans-serif;
  line-height:28px;
  color:white;
  text-decoration:none;
}

#try_demo ul li#user
{
  background:transparent url(/images/store/user_demo_bg.png) 0 0 no-repeat;
}

#try_demo ul li#admin
{
  background:transparent url(/images/store/admin_demo_bg.png) 0 0 no-repeat;
}

#mission_statement {
  width:auto;
  overflow:hidden;
  margin-bottom:20px;
}
#video
{
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border:1px solid #c7d4d7;
  background-color:#e9f5f8;
  padding:20px;
  width:481px;
  float:left;
  margin-left:20px;
}

#statement
{
  float:right;
  width:328px;
  margin-right:50px;
}

#statement h2
{
    text-shadow: 2px 2px 2px #b8cbd0;
    font:normal 35px "Arial Black", Arial,sans-serif;
    line-height:32px;
    text-align:center;
    margin:35px 0px 30px 0px;
}

#statement h2 span
{
    font-size:28px; 
    display:block;
}

#statement p
{
  text-align:justify;
  font:normal 12px Arial,sans-serif;
  color:#527a83;
  line-height:1.5em; 
}

#statement p b
{
  display:block;
  font-size:14px;
}

#statement p a
{
  display:block;
  background:transparent url(/images/store/start_btn.png) center no-repeat;
  width:317px;
  height:90px;
  margin:40px 0px 0px 0px;
  text-indent:-9999px;
}

div#header
{
  width:100%:
  clear:both;
  height:42px;
  background:transparent url(/images/store/header_bg.jpg) 0 0 repeat-x;
  border-bottom:1px solid #b9cdd2;
  box-shadow: 0 2px 0 #999;
  -moz-box-shadow: 0 2px 0 #999;
  -webkit-box-shadow: 0 2px 0 #999;
}

div#header h4
{
  font:normal 14px Arial,sans-serif;
  color:#c2c6c6;
  float:right;
  line-height:42px;
}

div#header h4 a
{
  color:#ccffff;
  text-decoration:none;
}

div#header ul li
{
  float:left;
}

div#header ul li.selected
{
  background:transparent url(/images/header_selected_bg.jpg) 0 0 repeat-x;  
}

div#header ul li.selected a
{
  font-weight:bold;
}

div#header ul li a
{
  background:transparent url(/images/store/header_sepa.jpg) center right no-repeat;
  height:18px;
  display:block;
  padding:12px 10px;
  color:white;
  text-decoration:none;
}

div#header div.center
{
  width:994px;
  margin:auto;
}

div#main
{
  margin:auto;
  width:994px;
  position:relative;
}

div#main div.faq h2,
div#main div#slider_area div.faq h3.big,
div#main h2.section_name
{
  font:normal 22px Tahoma,sans-serif;
  color:#787878;
  border-bottom:1px solid #787878;
  padding-bottom:5px;
}

div#intro_head
{
  background:transparent url(/images/store/head_logo_clean.jpg) center center no-repeat;
  width:960px;
  height:384px;
  padding:0px 18px;
  position:relative;
}

img.alignbottom
{
  vertical-align:bottom;
}

div#intro_head p a,
div#intro_head p a:visited
{
  color:white;
}

div#signup_head h2,
div#faq_head h2,
div#pricing_header h2,
div#after_header h2
{
  font:normal 26px Arial,Tahoma,sans-serif;
  width:400px;
  color:white;
  margin-bottom:20px;
}

div#intro_head h2
{
  font:normal 20px Arial,Tahoma,sans-serif;
  width:260px;
  color:white;
  margin:140px 0px 25px 20px;
}

div#intro_head p
{
  width:260px;
  font:normal 13px Arial,Tahoma,sans-serif;
  color:white;
  margin-left:20px;
  line-height:1.4em;
}

div#intro_head p a
{
  display:block;
  margin:5px 0px;
}

div#pricing_header h2,
div#after_header h2
{
  width:700px;
  margin-bottom:10px;
}

a#demo_btn
{
  background:transparent url(/images/store/demo_btn.png) 0 0 no-repeat;
  display:block;
  width:75px;
  height:40px;
margin-top:25px;
}

a#start_btn
{
  background:transparent url(/images/store/start_btn.png) 0 0 no-repeat;
  display:block;
  position:absolute;
  top:20px;
  left:737px;
  width:246px;
  height:73px;
  z-index:100;
}

div#fold
{
  background:transparent url(/images/store/fold_bg.jpg) 0 0  no-repeat;
  width:910px;
  height:95px;
  margin:0px 17px;
  padding:0px 25px;
}

div#fold img 
{
  margin:0px 7px;
  cursor:pointer;
}

div#slider_area
{
  background:white;
  width:920px;
  padding:20px 20px 0px 20px;
  margin:0px 17px;
  position:relative;
  height:290px;
}

div#teaser_area
{
  background:white;
  width:920px;
  padding:20px 20px 0px 20px;
  margin:0px 17px;
  position:relative;
  height:350px;
}


div#slider_area h4,
div#teaser_area h4
{
  font:bold 14px Verdana,sans-serif;
}

div#pricing_faq
{
  background:white;
  width:920px;
  padding:20px 20px 0px 20px;
  margin:0px 17px;
  position:relative;
  height:auto;
}

body#home_faq div#pricing_faq,
body#home_process_subscription div#pricing_faq,
body#home_payment div#pricing_faq
{
  background:white url(/images/store/slider_bg.png) 0 0 no-repeat;
}

div#slider_area div#movie_links
{
  margin:14px 0px 0px 0px;
}

div#slider_area div.movie_tab
{
  background:transparent url(/images/store/movie_tabs.png) 0 0 no-repeat;
  width:259px;
  height:84px;
  padding:15px;
  margin-top:1px;
  color:white;
  cursor:pointer;
}

div#slider_area div.movie_tab.selected
{
  background:transparent url(/images/store/movie_tabs.png) 0px -114px no-repeat;
}

div#slider_area div.movie_tab h4
{
  font:normal 16px Arial,sans-serif;
  color:white;
}

div#slider_area div#movie
{
  background:transparent url(/images/store/movie_bg.gif) 0 0 no-repeat;
  width:319px;
  height:242px;
  margin:10px 0px;
}

div#slider_area blockquote
{
  width:250px;
  height:190px;
  padding:50px 20px 0px 20px;
  margin:10px 0px 0px 10px;
  font:normal 22px Tahoma,sans-serif;
  color:transparent;
  line-height:30px;
  background:transparent url(/images/quote_bg.png) center center no-repeat;
  text-indent:-9999px;
}

div#screenshots
{
  background:white url(/images/store/screenshot_bg.jpg) center bottom repeat-x;
  width:920px;
  padding:0px 20px 20px 20px;
  margin:0px 17px;
}

div#main div#screenshots div + h3
{
  margin-top:20px;
}

div#screenshots ul
{
  margin:10px 0px;
}

div#screenshots ul li
{
  margin:10px 14px;
  width:156px;
  height:138px;
  display:block;
  float:left;
  position:relative;
}

div#screenshots ul li a
{
  position:absolute;
  top:110px;
  left:130px;
}

/* Pricing table page */
div#pricing_header
{
  background: transparent url(/images/store/header_pricing_bg.jpg) 0 0 no-repeat;
  width:880px;
  height:278px;
  margin:0px 17px;
  padding:0px 40px 0px 40px;
  position:relative;
}

div#pricing_header p,
div#after_header p
{
  color:white;
  font:normal 12px Arial,sans-serif;
}

div#pricing_table
{
  background: black url(/images/store/table_pricing_bg.jpg) top center no-repeat;
  width:960px;
  margin:0px 17px;
  padding:11px 0px;
}

div#pricing_table div.fpa
{
  margin:5px 15px 5px 5px;
  color:#888;
  font:normal 10px Arial,sans-serif;
}

div#pricing_table table
{
  width:920px;
  margin:0px 22px;
}

div#pricing_table table tr td
{
  background-color:#1c1c1c;
  border-bottom:1px solid #393a3d;
  color:white;
  padding:4px;
  font:normal 14px Arial,sans-serif;
}

div#pricing_table table tr.buttons td
{
  padding:15px 6px 6px 6px;
  background-color:transparent;
  border:none;
}

div#pricing_table table tr td.label
{
  width:170px;
  font:bold 11px Arial,sans-serif;
}

div#pricing_table table tr td.label span.tip
{
  color:#8AB31A;
}

div#pricing_table table tr td.column
{
  width:130px;
  text-align:center;
}

div#slider_area div.faq,
div#pricing_faq div.faq,
div#signup_details div.faq
{
  width:49%;
  margin:10px 0px;
}

div#pricing_faq div.faq.big_faq
{
  width:100%;
  margin-bottom:25px;
}

div.faq ul.faqlist
{
  margin-left:20px;
}

div.faq ul.faqlist li
{
  margin:10px 0;
  list-style-type:disc;
}

div.faq ul.faqlist li a
{
  color:#333333;
}

div#slider_area div.faq p,
div#pricing_faq div.faq p,
div#signup_details div.faq p
{
  line-height:1.45em;
  text-align:justify;
}

div#pricing_faq div.faq ul.faq li
{
	padding:5px;
	margin-left:20px;
	list-style-type:disc;
}

div#slider_area p.faq b,
div#signup_details div.faq b,
div#slider_area div.faq h3,
div#pricing_faq div.faq h3
{
  font-weight:bold;
  margin-bottom:10px;
  display:block;
  margin-bottom:0;
  border:0;
  font-size:12px;
  color:#000000;
  font-family:Aria,Tahoma,sans-serif;
}

div#slider_area div.faq p + h3,
div#pricing_faq div.faq p + h3
{
  margin-top:20px;
}


/* faq */
div#faq_head
{
  background:transparent url(/images/store/form_header_faq.jpg) 0 0 no-repeat;
  width:880px;
  height:244px;
  margin:0px 17px;
  padding:0px 40px 0px 40px;
  color:white;
  position:relative;
}

/* Signup Page */
div#signup_head
{
  background:transparent url(/images/store/form_header_form.jpg) 0 0 no-repeat;
  height:109px;
  margin:0px 17px;
  color:white;
  position:relative;
}

div#signup_head.small
{
  background:transparent url(/images/store/form_header_form.jpg) 0 0 no-repeat;
  height:192px;
  margin-top:3px;
  padding-left:20px;
}

div#signup_head.small h1
{
  margin-bottom:45px;
}

div#signup_name,
div#shop_name
{
  background:transparent url(/images/store/form_name_bg.jpg) repeat-x scroll 0 0;
  font-family:Arial,Tahoma,sans-serif;
  font-size:20px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:25px;
  line-height:33px;
  margin:0 17px;
  padding:15px;
  text-align:center;
  position:relative;
}

div#shop_name a
{
  color:white;
}

div#shop_name
{
  padding:10px;
  height:35px;
  background:transparent url(/images/store/shop_name_bg.jpg) repeat-x scroll 0 0;
}

fieldset#signup_name
{
  font:bold 16px Arial,sans-serif;
}

div#signup_details fieldset#signup_name input
{
  padding:3px;
  margin-right:5px;
  width:250px;
  font:bold 16px Arial,sans-serif;
}

div#signup_details input.ok
{
  border:1px solid green;
  background:white url(/images/tick.png) right center no-repeat;
}

div#signup_details input.error
{
  border:1px solid #a70101;
  background:white url(/images/delete.png) right center no-repeat;
}

fieldset#signup_name img
{
  vertical-align:middle;
}

div#teaser_video
{
  height:340px;
  width:480px;
  background-color:#efefef;
}

div#intro_video
{
  height:260px;
  margin:0px 0 5px 10px;
  width:600px;
}

div#signup_details
{
  background:white url(/images/store/signup_bg.png) 0px 0px no-repeat;
  width:920px;
  padding:20px;
  margin:0px 17px;
}

div#signup_details form
{
  margin-right:20px;
}


div#signup_details fieldset
{
  /*background:transparent url(/images/store/screenshot_bg.jpg) center bottom repeat-x;*/
  border-bottom:1px solid #d4d4d4;
  padding:25px 10px;
  line-height:30px;
  margin-bottom:20px;
}

div#signup_details fieldset.last
{
 border:none;
 margin-bottom:0;
 padding-bottom:5px;
}

div#signup_details fieldset img
{
  vertical-align:middle;
}

div#signup_details fieldset p
{
  padding:3px 12px;
  margin-bottom:5px;
}

div#signup_details fieldset legend
{
  font:normal 20px Arial,sans-serif;
  padding:0px 0px;
}

div#signup_details fieldset legend a
{
  font-size:18px;
  vertical-align:top;
}

div#signup_details fieldset label
{
    display:block;
    float:left;
    width:125px;
    text-align:right;
    padding-right:5px;
}

div#signup_details fieldset b
{
    display:block;
    float:left;
    width:210px;
    text-align:right;
    padding-right:5px;
}

div#signup_details input
{
  border:1px solid #b0b0b0;
  padding:3px;
}

div#signup_details input.fieldWithErrors
{
  border:1px solid #a70101;
  background:transparent url(/images/delete.png) right center no-repeat;
}

div#signup_details input.submit
{
  background:transparent url(/images/store/create_shop_button.gif) 0 0 no-repeat;
  height:40px;
  width:205px;
  border:0;
}

div#signup_details input.submitting
{
  background:transparent url(/images/store/create_shop_button.gif) 0 -40px no-repeat;
  height:40px;
  width:205px;
  border:0;
}

div#signup_details p b
{
  display:block;
  margin:10px 0px 5px 0px;
  font-size:14px;
}

/* Teaser */
div#teaser_area blockquote.horizontal
{
  width:385px;
  height:90px;
  background:transparent url(/images/quote_vertical_bg.png) center center no-repeat;
  font-size:15px;
  color:transparent;
  text-indent:-9999px;
  padding:85px 20px 0px 20px;
}

div#email_me
{
  height:180px;
  width:425px;
}

div#email_me p
{
  font:normal 12px Verdana,sans-serif;
  color:#3d3d3d;
  margin:10px 0px 0px 0px;
  line-height:1.3em;
}

div#email_me span#subscribed
{
  color:#454545;
  font:bold 11px Arial,sans-serif;
}

div#email_me input
{
  background:transparent url(/images/email_me_input.png) 0 0 no-repeat;
  width:297px;
  height:31px;
  font-size:18px;
  padding:8px 5px 0px;
  border:medium none;
  vertical-align:middle;
  font-family: Arial,sans-serif;
}

div#email_me button
{
  background:transparent url(/images/email_me_btn.png) 0 0 no-repeat;
  vertical-align:middle;
  border:none;
  width:118px;
  height:39px;
}

/* footer */
div#footer
{
  background:transparent url(/images/store/footer_bg.png) 0 0 no-repeat;
  height:40px;
  width:920px;
  padding:13px 20px 5px 20px;
  margin:0px 17px;
  color:white;
} 

span#name_is_ok
{
  font-size:14px;
  color:green;
}
span#name_is_not_ok
{
  font-size:14px;
  color:red;
}

div#after_header.cancel
{
  background:white url(/images/store/form_header_cancel.jpg) center bottom repeat-x;
  width:920px;
  padding:135px 20px 20px 20px;
  margin:0px 17px;
  height:89px;
}

div#after_header.success
{
  background:white url(/images/store/form_header_success.jpg) center bottom repeat-x;
  width:920px;
  padding:135px 20px 20px 20px;
  margin:0px 17px;
  height:89px;
}

ul.synopsis li
{
	list-style-type:disc;
	margin-left:20px;
	padding:5px 0px;
	font:normal 13px Arial,sans-serif;
}

ul.synopsis li label
{
	font-weight:bold;
        display:block;
        padding:3px 0px;
}

div#pricing_faq div.faq h3.big
{
  font-size:16px;
}

div#terms div.textarea
{
    height:200px;
    border:1px inset #dfdfdf;
    overflow:scroll;
    padding:5px;
    line-height:1.3em;
    text-align:justify;
}

div#terms div.textarea h3
{
    display:block;
    font:bold 14px Arial,Tahoma,sans-serif;
    width:100%;
    margin:5px 0px 2px 0px;
    text-align:left;
}

div#credit_card_info 
{
  height:150px;
}

table#credit_card
{
  width:100%;
  font:normal 12px Arial,sans-serif;
}

table#credit_card input
{
  border:1px solid #ccc;
  color:#454545;
  padding:2px;
}

table#credit_card tr th
{
  font:bold 14px Arial,sans-serif;
}

table#credit_card tr td
{
  padding:10px 5px;
}

table#credit_card tr td img
{
  vertical-align:middle;
}

table#credit_card tr td button#pay_plan
{
  background:transparent url(/images/pay_plan_btn.png) 0 0 no-repeat;
  border:none;
  width:102px;
  height:30px;
}


table#payment_analysis
{
  width:90%;
  font:normal 12px Arial,sans-serif;
}

table#payment_analysis tr td,
table#payment_analysis tr th
{
  padding:5px;
}

table#payment_analysis tr.last td,
table#payment_analysis tr.last th
{
  border-top:1px solid #454545;
  font-size:14px;
  padding:7px 3px;
}

table#payment_analysis tr td
{
  text-align:right;
}

span#total_cost
{
  font-weight:bold;
}

div#ajax_loading
{
    background-color:black;
    color:white;
    font-weight:bold;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    opacity:0.6;
    width:100%;
    height:100%;
    text-align:center;
    font:bold 16px Verdana,sans-serif;
}


#headsup_for_ie6
{
  display:none;
}

a.fold_icon
{
  display:block;
  width:160px;
  height:160px;
  float:left;
  margin:13px 18px;
}


/* Portfolio Site styling */
div#portfolio_head
{
  background:transparent url(../images/store/portfolio_head_bg.jpg) 0 0 no-repeat;
  height:183px;
  width:960px;
  margin:0px 17px;
}


div#portfolio_head h2
{
  font:normal 26px Arial,Tahoma,sans-serif;
  color:white;
  margin:45px 0px 0px 30px;
  text-shadow:2px 2px 2px #000;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
height:315px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
}

div#portfolio_shops
{
  padding:20px;
  background-color:white;
  margin:0px 17px;
}

div#portfolio_shops ul li
{
  padding:8px;
  float:left;
  margin-right:5px;
  margin-bottom:15px;
  box-shadow:1px 1px 6px #999;
  -moz-box-shadow: 1px 1px 6px #999;
  -webkit-box-shadow: 1px 1px 6px #999;
  height:190px;
  width:205px;
  overflow:hidden;
}

div#portfolio_shops ul li.selected
{
}

div#portfolio_shops ul li img
{
  margin-bottom:5px;
  width:205px;
  height:120px;
}

div#portfolio_shops ul li p
{
  width:200px;
  font:normal 11px Arial,sans-serif;
}

div#portfolio_shops ul li h4
{
  width:200px;
  margin-bottom:8px;
}

div#portfolio_shops ul li h4 a
{
  font:bold 14px Arial,sans-serif;
  color:#297599;
}

div#other_shops
{
  background:white none repeat scroll 0 0;
  margin:0 17px;
  padding:20px 20px 0;
  position:relative;
  width:920px;
}

div#other_shops ul li
{
  padding:6px;
  float:left;
  margin-right:5px;
  margin-bottom:15px;
  box-shadow:1px 1px 6px #999;
  -moz-box-shadow: 1px 1px 6px #999;
  -webkit-box-shadow: 1px 1px 6px #999;
  height:57px;
  width:205px; 
  background:transparent url(/images/portfolio/small_portfolio_bg.jpg) 0 0 repeat-x;
  border:3px solid transparent;
}

div#other_shops ul li:hover
{
  border:3px solid #d5ebf1;
}

div#other_shops ul li h5 a
{
  font:bold 13px Arial,sans-serif;
  color:#297599;
  text-decoration:none;
}

div#other_shops ul li p.tagline
{
  font:normal 11px Arial,sans-serif;
  border-bottom:1px dotted #999999;
  color:#333;
  padding:3px 0px;
  height:25px;
}

div#other_shops ul li p.entrydate
{
  font:normal 10px Arial,sans-serif;
  padding:3px 0px 3px 20px;
  background:transparent url(/images/store/cross.gif) left center no-repeat;
}

/* Coda Slider Backgrounds */

div#slider
{
  height:138px;
  margin:0px 17px;
}

div.panel
{
  width:960px;
  height:138px;
}

div.panel p a 
{
  display:block;
  color:white;
}

div.panel.coda_1
{
  background:transparent url(/images/store/coda_1_bg.jpg) center top no-repeat;
}

div.panel.coda_1 h2
{
  width:275px;
}

div.panel.coda_1 p
{
  width:475px;
}

div.panel.coda_2
{
  background:transparent url(/images/store/coda_2_bg.jpg) center top no-repeat;
}

div.panel.coda_2 p,
div.panel.coda_3 p,
div.panel.coda_4 p
{
  width:500px;
}

div.panel.coda_3
{
  background:transparent url(/images/store/coda_3_bg.jpg) center top no-repeat;
}

div.panel.coda_4
{
  background:transparent url(/images/store/coda_4_bg.jpg) center top no-repeat;
}

div.panel h2
{
  font:normal 24px Helvetica,Tahoma,sans-serif;
  text-shadow:2px 2px 2px #000;
  color:white;
  margin-top:20px;
  margin-left:20px;
}

div.panel p
{
  margin-left:20px;
  margin-top:5px;
  line-height:1.4em;
  color:white;
}

#index_columns
{
  background-color:white;
  margin:0px 17px;
  padding:30px 10px;
  overflow:hidden;
}

#index_columns h3
{
  font:bold 24px Helvetica,Tahoma,sans-serif;
  text-shadow: 1px 1px 2px #818385;
  padding:0px 0px 3px 3px;
  border-bottom:3px solid #f4f4f4;
}

#index_columns div
{
  float:left;
  width:32%;
  padding:1% 0.5%
}

#index_columns div ul 
{
  margin:20px 0px;
}

#index_columns div ul li
{
  padding:5px 0px;
}

#index_columns div ul li blockquote
{
  font:normal 12px Arial,sans-serif;
  color:#000;
  background:transparent url(/images/store/blockquote_bg.png) center no-repeat;
  width:266px;
  height:79px;
  padding:27px 15px;
  text-align:center;
}

#testimonials ul li p
{
  text-align:right;
}
#testimonials ul li p a
{
  color:#2b789c;
  display:block;
}

#faq h4
{
  font:bold 18px Georgia,serif;
  color:#666;
  font-style: italic;
  margin:25px 5px 5px 5px;
}

#index_columns #faq ul
{
  padding-bottom:5px;
  border-bottom:1px solid #dfdddd;
  margin:0px 5px;
}

#faq ul li
{
  list-style-type:disc;
  list-style-position:inside;
}

#faq ul li a
{
  color:#333;
  font-size:11px 
}

#index_columns #latest_shops
{
  width:30%;
  margin:0 1%;
  background-color:#f3f3f3;
}

#latest_shops ul
{
  margin-top:10px;
}

#latest_shops ul li
{
  background-color:#e4e4e4;
  box-shadow:2px 2px 2px #f8f9fa;
  -moz-box-shadow: 2px 2px 3px #f8f9fa;
  -webkit-box-shadow: 2px 2px 3px #f8f9fa;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin:10px 5px;
  overflow:hidden;
}

#latest_shops ul li img
{
  float:left;
  margin:3px 10px 3px 3px;
  padding:3px;
  border:1px solid #ccc;
  background-color:white;
  width:60px;
  height:60px;
}

#latest_shops ul li h4
{
  margin-top:3px;
}

#latest_shops ul li h4 a
{
  font-size:14px;
  color:#333;
  text-decoration:none;
  font-weight:bold;
}

#latest_shops ul li p
{
  margin-top:5px;
}

/* New Signup page */

div#selected_plan_table table
{
  width:100%;
  font:normal 11px Arial,sans-serif;
  margin-bottom:50px;
}

div#selected_plan_table table thead tr th 
{
  border-top: #59acd1 2px solid;
  border-bottom: #c9c9c9 1px solid;
  background-color:#ededed;
  padding:5px;
  text-align:center;
}

div#selected_plan_table table thead tr th.plan
{
  width:17%;
}

div#selected_plan_table table thead tr th.plan span.title 
{
  display:block;
  font-weight:bold;
  font-size:16px;
}

div#selected_plan_table table tbody tr th,
div#selected_plan_table table tbody tr td
{
  padding:8px 5px;
  text-align:center;
  border-bottom:1px #CACACA solid;
}

div#selected_plan_table table tbody tr th
{
  font-weight:bold;
  text-align:left;
}

div#selected_plan_table table thead tr th.selected
{
  font-weight:bold;
  font-size:16px;
}

div#selected_plan_table table tbody tr td.selected
{
  background-color:#e3f2f5;
  font-weight:bold;
  font-size:14px;
}

div#coupon
{
  margin:20px 0px;
}

div#terms
{
  margin-top:20px;
}

div#terms div#coupon p
{
  padding:0px 0px 15px 0px;
  margin:0px;
}

div#coupon label
{
  font-weight:bold;
}

div#signup_details div#terms label
{
  display:inline;
  width:auto;
  float:none;
}

div#signup_details p.signup_hint
{
  font:normal 12px Arial,sans-serif;
  color:#666;
  width:430px;
  position:absolute;
  right:10px;
  top:-10px;
  border:1px solid #efefef;
  padding:5px;
  line-height:1.5em;
}

div#signup_details p.signup_hint.domain
{
  top:-20px;
}

div#signup_details p.signup_hint strong
{
  font-weight:bold;
}

div#signup_details div.hint_wrapper
{
  position:relative;
}
 
img#google_seal
{
  position:absolute;
  top:-10px;
  left:307px;
}

#cert {
  text-align:center;
}


/* wrapper */
  .highslide {
    cursor: url(/graphics/zoomin.cur), pointer;
    outline: none;
  }

  .highslide-html {
    background-color: white;
  }

  .highslide-html-content {
    position: absolute;
    display: none;
  }

  .highslide-active-anchor img {
    visibility: hidden;
  }

  .highslide img {
    /*border: 2px solid gray;*/
  }

  .highslide:hover img {
    /*border: 2px solid white;*/
  }

  .highslide-wrapper {
    background: white;
  }

  .highslide-wrapper .highslide-html-content {
      width: 300px;
      padding: 5px;
  }

  .highslide-wrapper .highslide-header ul {
      margin: 0;
      padding: 0;
      text-align: right;
  }

  .highslide-wrapper .highslide-header ul li {
      display: inline;
      padding-left: 1em;
  }

  .highslide-wrapper .highslide-header ul li.highslide-previous, 
  .highslide-wrapper .highslide-header ul li.highslide-next {
      display: none;
  }

  .highslide-wrapper .highslide-header a {
      font-weight: bold;
      color: gray;
      text-transform: uppercase;
      text-decoration: none;
  }

  .highslide-wrapper .highslide-header a:hover {
      color: black;
  }

  .highslide-wrapper .highslide-header .highslide-move a {
      cursor: move;
  }

  .highslide-wrapper .highslide-footer {
      height: 11px;
  }

  .highslide-wrapper .highslide-footer .highslide-resize {
      float: right;
      height: 11px;
      width: 11px;
      background: url(/graphics/resize.gif);
  }
/* for the image */
  .highslide-image {
    border: 2px solid white;
  }

  .highslide-image-blur {
  }
/* for the caption */
  .highslide-caption {
    display: none;

    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
  }

  .highslide-caption .tip {
    color: #666;
    margin: 5px 0px 0px 20px;
  }

/* loading */
  .highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
  }

/* credits */
  a.highslide-credits,
  a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
  }

  a.highslide-credits:hover,
  a.highslide-credits:hover i {
    color: white;
    background-color: gray;
  }

/* others */
  .highslide-move {
    cursor: move;
  }

  a.highslide-full-expand {
    background: url(/graphics/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
  }
/* These are not Highslide core CSS rules, but define the styles of the caption. */
  .control {
    position: relative;
    margin: 0 5px;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .control.close {
    float: right;
  }

  .control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
  }

  .control, .control * {
    color: #666;
  }
/* These must always be last */
  .highslide-display-block {
    display: block;
  }

  .highslide-display-none {
    display: none;
  }


/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
    margin-left:10px;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
        text-align:left;
}

/* the default style */
.prototip .yellowie{
	color: #808080;
        font:12px Arial,Verdana,sans-serif;
        color:#333333;
}
.prototip .yellowie .toolbar {
	background: #f1f1f1;
	font-weight: bold;
        text-align:left;
}
.prototip .yellowie .title { padding: 5px; }
.prototip .yellowie .content {
	padding: 5px;
	background: #fff;
        text-align:left;
        line-height:16px;
}

.prototip .yellowie ul
{
  margin-left:20px;
}
.prototip .yellowie ul li
{
  padding:4px;
  list-style-type:circle;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
width: 250px;
color: #000;
}
.prototip .creamy .toolbar {
background: #F8DF84;
font-size:12px;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
background: #F8DF84;
padding: 5px;
}

.prototip .creamy .toolbar img
{
  margin:3px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
        text-align:left;
}

/* darkgrey */
.prototip .errorneous {
	width: 250px;
	color: #fff;
}
.prototip .errorneous .toolbar {
	background: #a70101;
	font-weight: bold;
}
.prototip .errorneous .title { padding: 5px; }
.prototip .errorneous .content {
	background: #808080;
	padding: 5px;
    text-align:left;
}


/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */