body {
	background: #ffffff;
	margin: 0px;
	padding:0px;
        font-size:15px;
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	color: #454545;
	text-align: left;
        height:100%;
}

a
{
    color:#3366aa;
    text-decoration:none;
}

a.force_link
{
    color:#3366aa;
    text-decoration:none;
}

/* Label */
label { width: 80px; padding-left: 20px; margin: 5px; float: left; text-align: left; }


textarea{
    width:255px;
    height:200px;
}

td{
    /*
   font-size:15px;
   font-family: "lucida sans unicode","lucida grande",sans-serif;
    */
    font:13px/18px "lucida sans unicode","lucida grande",sans-serif;
}

li {
    padding-bottom: 10px;
}

h1{
text-decoration:none;
color: #545454;
font-size: 24px;
letter-spacing: 2.8pt;
word-spacing: 0.8pt;
font-family: "lucida sans unicode","lucida grande",sans-serif;
}

.app_title {
    letter-spacing: 2.8pt;
    font-size:28px;
    color: #9b4eb4;
}
.app_subtitle {
    font-size:18px;
    color: #777777;
}


.hilight {
    color:#777777;
    font-size:16px;
}
.welcome_title{
    color:#000000;
    font-size:20px;
}

.page_title{
text-decoration:none;
color: #545454;
font-size: 20px;
letter-spacing: 2.8pt;
word-spacing: 0.8pt;
font-family: "lucida sans unicode","lucida grande",sans-serif;
}

.logo_title{
text-decoration:none;
color: #000000;
font-size: 28px;
letter-spacing: 2.8pt;
word-spacing: 0.8pt;
font-family: "lucida sans unicode","lucida grande",sans-serif;
}

.auth_link {
    font-size:16px;
    color: #777777;
    padding-right:10px;
    
}

.iphone{
    background: url('/images/iphone.png') no-repeat;
    width:304px;
    height:568px;
    text-align:center;
}

.screen_shot{
    margin-top:90px;
}

.header{
    width:800px;
}

.menu_header{
    width:800px;
    margin-top:20px;
    padding-bottom:5px;
    border-bottom:#eeeeee solid 1pt;
}

.footer{
    clear: both;
    padding-top:20px;
    padding-bottom: 50px;
    border-top:#eeeeee solid 1pt;
    width:800px;
    text-align: center;
}

.menu_link{
    text-align: center;
}

#spacer{
   /*
height: 95%;
float: left;
width: 1px;
font-size: 1px; 
padding: 0;
margin: 0;
    */
}

#contentwrap{
   
width: 100%;
padding: 0;
margin: 0;
   
}

#content{
width:800px;
}

.button{
    padding-top:8px;
    background: url('/images/button.png') no-repeat;
    background-position:center; 
    min-width: 120px;
    min-height: 30px;
    width:auto !important;
    width: 120px;
    height:auto !important;
    height:30px;
    text-align: center;
    vertical-align:middle;
}

a:hover.logo_title {
    text-decoration: none;
    text-shadow: 0px 2px 3px #555;
}

a:hover {
    text-decoration:none;
    text-shadow: 0px 2px 3px #3366aa;
}
div:hover.button {
    background: url('/images/button_hover.png') no-repeat;
    background-position:center;
    width:124px;
    height:34px;
    text-decoration: none;
}

br { clear: left; }

.textbox { border: 1px solid #999999;  border-top-color: #CCCCCC;  border-left-color: #CCCCCC; color: #333333;  font: 90% Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }


/* Overlay */
#simplemodal-overlay {background-color:#aaaaaa; cursor:wait;}

/* Container */
#simplemodal-container {height:280px; width:330px; background-color:#fff; border:1px solid #000000; -moz-border-radius: 5px; }
#simplemodal-container a.modalCloseImg {background:url('../images/x.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; left:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}

/* 'Login' Button */
#submit { margin: 5px; padding: 0px; float: left; width: 50px; background-color: white; }

#notification_error { color: red; height: auto; padding: 4px; text-align: center; }

#login_response { overflow: auto; }

#ajax_loading { display: none; font-size: 12px; font-family: Tahoma; }

#logged_in { padding: 5px; margin: 23px 0 100px 43px; padding: 5px; text-align: center; width: 400px; }

#status { margin-top: 20px; width: 310px; }


  /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	#container{
		margin:0 auto;
		position:relative;
		text-align:left;		
		background:#fff;
		margin-bottom:2em;

        }

	#content{
		position:relative;
		}

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
        margin-top:38px;
        margin-left:0px;
        align:center;
        padding:0;
        list-style:none;
        }
#slider2{margin-top:1em;}
#slider li, #slider2 li{
        /*
                define width and height of list item (slide)
                entire slider area will adjust according to the parameters provided here
        */
        width:261px;
        height:470px;
        overflow:hidden;
        }
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
        display:block;
        width:30px;
        height:77px;
        position:absolute;
        left:-30px;
        top:71px;
        z-index:1000;
        }
#nextBtn, #slider1next{
        left:696px;
        }
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
        display:block;
        position:relative;
        width:30px;
        height:77px;
        background:url(../images/btn_prev.gif) no-repeat 0 0;
        }
#nextBtn a, #slider1next a{
        background:url(../images/btn_next.gif) no-repeat 0 0;
        }

/* numeric controls */

ol#controls{
        /*margin:1em 0;*/
        text-align: center;
        margin-left: 15px;
        margin-top:120px;
        padding:0;
        height:28px;
        }
ol#controls li{
        margin:0 10px 0 0;
        padding:0;
        float:left;
        list-style:none;
        height:28px;
        line-height:28px;
        }
ol#controls li a{
        float:left;
        height:28px;
        line-height:28px;
        border:1px solid #ccc;
        /*background:#DAF3F8;*/
        color:#555;
        padding:0 10px;
        text-decoration:none;
        }
ol#controls li.current a{
        background:#000000;
        color:#fff;
        }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

.app_store{
    width:304px;
}

.product {
    font-size:12px;
    width:300px;
}

.text_divider{
    padding-bottom:10px;
    border-bottom: solid 1pt #eee;
}

.content_title{
    min-height: 300px;
    text-align:center;
    width:200px;
    height:auto;
    padding-right: 30px;
    border-right: solid 1pt #eee;
}

.content_text {
    padding-left:30px;
    min-height: 300px;
}


#mytable {
	width: 600px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td.comp {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
        border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}