@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; background:#7c929c url(../images/bg.gif); color: #666666; font-weight:normal; font-size: 12px; font-family:Arial, Helvetica, sans-serif}

p { Arial, Helvetica, sans-serif; font-weight: normal; color: #666666; font-size:12px; margin:0; padding:0; font-weight:normal;}
p a:link, p a:visited { color:#397e9e; text-decoration: none; font-weight:bold}
p a:hover { color:#7b7b20; text-decoration: underline}

a {color: #397e9e; font-size:12px;}
a:visited {color:#397e9e; text-decoration: none;}
a:hover {color: #7b7b20;}
a:active { color:#000000;}

h1 { font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; margin:0; padding:0}
h2 { font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px; margin:0; padding:0; color:#596a63}
h3 { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; margin:0; padding:0; color:#ae1202; text-align:center}

.big { Arial, Helvetica, sans-serif; font-weight: normal; color: #666666; font-size:18px; margin:0; padding:0; font-weight:normal;}


/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper { width:968px; margin:0 auto; z-index:1}

/*
---------------------------------------------
03. MAIN BOX, BORDER TOP, MIDDLE AND BOTTOM
---------------------------------------------
*/

#mainbox { width:968px;margin:0; padding:0; float:left; margin-top:10px; padding-bottom:25px}
.bordertop { width:968px; height:18px; background:url(../images/box_top.png) no-repeat; float:left;}
.bordermiddle { width:964px; background:#ffffff url(../images/box_middle.gif) no-repeat; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; float:left;}
.borderbottom { width:968px; height:18px; background:url(../images/box_border_bottom.png) no-repeat; float:left;}


/*
---------------------------------------------
04. TOP BAR, LOGO AND SEARCH
---------------------------------------------
*/

#topbar { width:964px; float:left}
#topbar #logo { float:left; padding-left:3px; margin-top: -14px; margin-bottom: -12px;}
#topbar #search { width:600px; height:40px; float: right;}

#search fieldset { border:none; float: right; width:700px; margin-right:7px; padding:0;}
#search label {font-family: Arial, Helvetica, sans-serif; font-size:19px; color:#0386ba; float:left; padding-right:5px; padding-left:5px; padding-top:3px;
letter-spacing: 0.07px; 
font-weight:normal}
#search input { border:1px solid #000000; float:left; margin-right:10px; width:262px; height: 20px; font-size:17px; 
padding:4px; background-color:#FFFFFF; padd
ing-left:5px; color:#000; padding-bottom:3px; line-height: 19px;}


/*
---------------------------------------------
05. TOP NAVIGATION
---------------------------------------------
*/


#nav-shadow { width:957px; height:32px; float:left; padding-bottom: 3px; padding-top: 3px;}
#nav {height:26px;width:957px; margin: 0 auto; padding: 0; list-style: none; padding-left: 7px; }
#nav li { float: left; margin: 0; padding: 0 0 0 0px; list-style: none; text-align:center}
#nav a { float: left; padding: 5px 24px; text-decoration: none; color: #fff;font-size:14px; font-weight:bold; text-transform: capitalize; font-family:Arial, Helvetica, sans-serif}
#nav a:hover, #nav a.active { font-family:Arial, Helvetica, sans-serif; }
#nav a.active { font-weight: bold; background: #adadad url(../images/nav_hover.jpg) repeat-x bottom left; color:#3c5f70; border-right:2px solid #9ea2a4}




#nav a#home {width: 157px;height:25px;background: url(../images/nav_home.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#grandtour {width: 145px;height:25px;background: url(../images/nav_grandtour.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#toprated {width: 132px;height:27px;background: url(../images/nav_toprated.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:6px;text-decoration:none; line-height:1.8em;}

#nav a#newreleases {width: 122px;height:25px;background: url(../images/nav_recommended.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#faq {width: 119px;height:25px;background: url(../images/nav_faq.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#aboutus {width: 126px;height:25px;background: url(../images/nav_aboutus.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#help {width: 151px;height:25px;background: url(../images/nav_help.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#home_selected {width: 157px;height:25px;background: url(../images/nav_home_selected.gif);background-position: 0 0; color:#fff; font-size:12px; 
margin:0; padding:0; font-weight: bold; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#grandtour_selected {width: 145px;height:25px;background: url(../images/nav_grandtour_selected.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#toprated_selected {width: 135px;height:27px;background: url(../images/nav_toprated_selected.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:6px;text-decoration:none; line-height:1.8em;}

#nav a#newreleases_selected {width: 125px;height:25px;background: url(../images/nav_recommended_selected.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#faq_selected {width: 119px;height:25px;background: url(../images/nav_faq_selected.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#aboutus_selected {width: 126px;height:25px;background: url(../images/nav_aboutus_selected.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}

#nav a#help_selected {width: 151px;height:25px;background: url(../images/nav_help_selected.gif);background-position: 0 0; color:#fff; font-size:12px; margin:0; padding:0; font-weight: normal; text-align:center; padding-top:8px;text-decoration:none; line-height:1.3em;}



/*
---------------------------------------------
06. PANEL LEFT, CATEGORY
---------------------------------------------
*/

#panel-left { width:150px; background-color:#66CCFF;float:left;}

#category { width:146px; background-color:#f5f8f9; float:left; padding-top:4px; padding-bottom:4px; padding-left:4px;}
#category h1 { font-size:14px; color:#bb0e01; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}

.sidelinks {width: 150px;font-size:11px;color: #494949; float:left; margin-left:4px; margin-top:10px }
.sidelinks ul { list-style:none; margin:0; padding:0; border-bottom: 1px dashed #96a49f; width:138px}
.sidelinks li {margin: 0; width:135px;}
.sidelinks li a {display: block;padding: 3px 0px 3px 4px;border-top: 1px dashed #96a49f;color: #403F3E;text-decoration: none;width:100%; font-weight:bold}
.sidelinks li a:hover {color: #403F3E; background-color:#dee8e4}

/*
---------------------------------------------
07. PANEL MIDDLE, HEADER AND CONTENTS
---------------------------------------------
*/

#panel-middle { width:631px; float:left; padding-left:9px; padding-bottom:50px; margin-left: 1px solid #dddddd;}

#panel-middle h1 { text-decoration: none; font-family: georgia; font-size: 25px; color: #608593; line-height: 29px; letter-spacing: -1.2px; margin-left: 12px; margin-top: 5px;}

#panel-middle-view { width:791px; float:left; padding-left:9px; padding-bottom:50px; margin-left: 1px dashed #dddddd;}

#header { background-color:#596a63; width:630px; float:left; padding-top:10px; margin-left: -2px;}
#header p { color:#FFFFFF; padding-left:7px; padding-right:10px; padding-bottom:10px}
#header .ad_header { width:630px; height:204px; margin:0; padding:0}

#buttonlinks { width:436px; height:60px; float:left; padding-left:120px; margin-top:10px}
.buttons { float:left; margin-right:12px}

#gradient_separator { background:url(../images/gradient_separator.gif) repeat-x; width:626px; float:left;}

#movieoftheday { width:620px; height:297px; background:url(../images/bg_movieoftheday.gif) no-repeat; float:left; padding-left:10px; padding-right:6px; padding-top:6px}

#movietitle { width:565px; float:left;}
#movieinfo { width:365px; float:left;}
#movieinfo h2 { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:1.1em; margin:0; padding:5px 3px 0 0; color:#596a63; text-transform:uppercase}
#movieinfo p { font-size:11px; margin:0; padding:0; padding-bottom:3px}
#movieinfo p a:link, #movieinfo p a:visited { text-decoration: none; font-size:11px; color:#6d6d43; font-weight:normal; text-decoration:underline}
#movieinfo p a:hover { text-decoration: underline; color:#0386ba}


#viewmovie { width:205px; height:158px; float:left; padding-right:3x;}

#vmovietitle { width:205px; float:left;}
#vmovieinfo { width:205px; float:left;}
#vmovieimg { width:150px; height: 214px; float:left;}
#vmovieinfo h2 { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; margin:0; padding:0; color:#596a63; 
text-transform:uppercase}
#vmovieinfo p { font-size:11px; margin:0; padding:0; padding-bottom:3px}
#vmovieinfo p a:link, #movieinfo p a:visited { text-decoration: none; color:#6d6d43; font-weight:normal; text-decoration:underline}
#vmovieinfo p a:hover { text-decoration: underline; color:#0386ba}

.button_watchnow_detail { width:180px; height:30px; float:left; margin-left:390px; top:-215px; text-align: center; position: relative;}
.button_watchnow_detail_home { width:180px; height:30px; float:left; margin-left:410px; top:-70px; text-align: center; position: relative;}

#screenshot { width:255px; float:right; margin:0; padding:0}
#screenshot h1 { font-size:13px; color:#bb0d00; font-family:Arial, Helvetica, sans-serif}
.movie_screenshot { width:124px; height:92px; background-color:#adad62; float:left; margin-right:2px; margin-bottom:2px}

#3buttons { float:left; padding-top:5px; width: 600px;}

#mostwatched { width:615px;float:left; padding-left:10px; padding-right:6px; padding-top:6px;  border-bottom:1px solid #dddddd; padding-bottom:20px;}
.headingbar { width:620px; height:42px;}
.headingbar .heading { float:left}

.button_nextback { width:80px; height:29px; float:right; margin-top:10px}
.button_bullets { width:28px; float:left}
.button_back { width:26px; float:left}
.button_next {width:26px; float:left}

.movies { width:140px; float:left; margin-top:5px; margin-right:10px; margin-left:7px}
.movies p { text-align:center; font-size:11px; padding-top:4px}
.movies .movie_shadow { width:140px; height:200px; float:left; background:url(../images/video_shadow.gif)}
.movies .movie_thumb { width:135px; height:194px; margin-top:1px }
.movies .button_watchnowvideo { width:90px; height:23px; padding-left:20px; margin-top:5px; margin-bottom:2px}

.rating { width:86px; margin-left:25px; margin-top:5px}
.star { float:left}

#recentlyadded { width:600px;float:left; padding-left:10px; padding-right:6px; padding-top:6px;  border-bottom:1px solid #ddd; padding-bottom:20px;}


/*
---------------------------------------------
08. PANEL RIGHT, LOGIN AND FEATURED VODS
---------------------------------------------
*/

#panel-right { width:164px; float: right; margin-right:1px; padding-left: 3px;}

#login { width:158px; float:left; height: 160px;}
#login h1 { font-size:14px; font-weight:bold; text-align:center; padding-bottom:6px; color:#CC0000; font-family:Arial, Helvetica, sans-serif}

#login .login_box_top { width:158px; height:8px; background:url(../images/bg_login_top.gif)}
#login .login_box_middle { width:146px; background-color:#e7eaf1; padding-left:6px; padding-right:6px;}
#login .login_box_bottom { width:158px; height:8px; background:url(../images/bg_login_bottom.gif)}

.button_signin { width:73px; height:27px; float:left; margin-left:35px; margin-top:5px}

#login .login_box_middle fieldset { border:none; width:148px;margin:0; padding:0}
#login .login_box_middle fieldset  label { font-size:12px}
#login .login_box_middle fieldset  input { border:1px solid #000000; background-color:#FFFFFF; width:132px; padding:4px; margin-bottom:3px}

.banners { width:160px; height:160px; float: left; text-align:center; margin-top:10px; padding-left:0px}

#featuredvods { background-color:#fff; width:158px; float:left; margin-top:1px; padding-top:2px; padding-bottom:2px}
#featuredvods h1 { width:143px; height:19px; background-color:#bc1003; text-align:center; margin-left:7px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; padding-top:3px;}

#featuredvods h2 { text-align:center;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#bc1003; padding-top:5px; }

.featuredvod_thumb { width:137px; height:196px; float:left; margin-left:10px; margin-bottom:5px; margin-top:8px}


/*
---------------------------------------------
09. MISCELLANEOUS STYLES
---------------------------------------------
*/

img { border:none}
.clear {clear: both;font-size: 0;height: 0;line-height: 0;overflow: hidden;}	
.clearfix:after { /* clear floats */  content:".";   display:block;   height:0; clear:both;   visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

input, textarea, select {font-family:Arial, Helvetica, sans-serif;}

hr { display: none; }
img {border: none; }
fieldset br{ clear:both;}
fieldset{border:none;}
* { margin:0; padding:0; list-style-type:none;}


/*
---------------------------------------------
10. TOURPAGE STYLES
---------------------------------------------
*/

#panetlright-tourpage { width:939px; float:left; margin:0; padding:0}

.video{ padding: 5px 0 0 33px; width: 150px;} 
#category{ border:none;}
h2.watchvodsampls{ background:url(../images/heading_watchvodsamples.gif) no-repeat top left; width: 184px; height:30px;}

#vod-plan #video{ width: 582px; height: 458px; padding: 0 10px 0 0; float:left; font-size:11px}
#vod-plan #video h3{ color:#FFFFFF; margin: 2px 0 0 0; font-weight:bold; padding: 5px; background:#7C929C; font-size:16px; text-align:left}
#vod-plan #join{ float:right; width: 215px;}
#vod-plan fieldset{ font-size:11px; padding: 10px 0 0 0; line-height:1.2em; border:none}
#vod-plan fieldset span{ color:#48788D; font-weight: bold; font-size:12px;}
#vod-plan fieldset span span{ color:#307502; font-size:12px;}
#vod-plan fieldset label{ font-weight:bold;  color:#456574; margin-right: 210px; margin-top: 1px; padding-top: 5px; height: 23px; font-size:14px; float: right;}
#vod-plan fieldset input.text{ width: 177px; height:23px; border:1px solid #646464; margin-right: 20px; margin-top: -17px; float: right; padding-top:0px; 
padding-bottom: 3px; font-size:18px; }
#vod-plan fieldset p{ text-align:center; padding: 10px 0;}
#vod-plan h3{ color:#B30404; padding: 0 0 5px 0; font-size:15px; text-align:left}
#vod-plan p{ font-size:12px; color:#494848; font-weight:bold;}

#vodsamples {padding: 10px 0 25px 0;}
#vodsamples h2{ float:left;}
h2.mostwatchedmovies{ background:url(../images/heading_mostwatchedmovies.gif) no-repeat top left; width: 285px; height:39px; float:left}
h2.mostrecentlyadded{ background:url(../images/heading_mostrecentlyadded.gif) no-repeat top left; width: 311px; height:39px;}
#vodsamples .page{ float:right;}
#vodsamples .page img{ float:left;}
#vodsamples .page .dot{ margin: 6px 5px 0 0;}
#vodsamples-wrapper{ clear:both;}
#vodsamples .video{ text-align:center; font-size:11px; line-height:1.3em; width: 138px; padding: 0 8px; float:left; margin-right:20px; margin-left:20px; margin-top:10px}
#vodsamples .video img{ margin: 0 0 3px 0;} 
#vodsamples .video a{ color:#C7453B !important; text-decoration:none !important; font-weight:bold; font-size:12px;}

h2.watchvodsampls{ background:url(../images/heading_watchvodsamples.gif) no-repeat top left; width: 184px; height:30px;}

.unlimited-access{ text-align:center; padding: 10px 0 0 0 }
.rating-video { width:86px; margin-left:27px; margin-top:5px; float:left}

p.readmore { padding: 30px 10px 0 0 !important; text-align:right; font-weight:bold;}
p.readmore a{ text-decoration:none !important;}


/*
---------------------------------------------
11. VOD DETAILS PAGES
---------------------------------------------
*/

#heading { padding: 0 0 5px 0;}
#heading h2{ text-indent:0; color:#BB0E01; font-weight:normal; font-size:14px;float:left;}
#heading h2 span{ color:#486876; font-weight:bold; font-size:20px; padding-top:5px}
#heading a.joinnow{ float:right;}

#bg_thethirst { width:615px; height:330px; background:url(../images/bg_thethirst.gif) no-repeat; float:left; padding-left:10px; padding-right:22px; padding-top:18px}
#thethirst { width:170px; float:left; height:330px;}
#thethirst h1 { font-size:22px; font-weight:bold; color:#bb0d00; }

#movieinfo_detail { width:180px; float:left; margin-top:30px}
#movieinfo_detail h2 { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:14px; margin:0; padding:0; color:#596a63; text-transform:uppercase}
#movieinfo_detail h2 a:link, #movieinfo_detail h2 a:visited { color:#66C0000; text-decoration:none}
#movieinfo_detail h2 a:hover { color:#66C0000; text-decoration:none}

#movieinfo_detail p { font-size:11px; margin:0; padding:0; padding-bottom:3px}
#movieinfo_detail p a:link, #movieinfo_detail p a:visited { text-decoration: none; color:#bb0d00; font-weight:bold; text-decoration:underline}
#movieinfo_detail p a:hover { text-decoration: underline; color:#bb0d00}

.shadow_thirstmovie { width:166px; height:236px; float:left; background:url(../images/shadow_thethirstmovie.gif) no-repeat; padding-left:1px; margin-bottom:3px;}
.thumb_thirstmovie { width:160px; height:230px; float:left;}
#thethirst h2 { font-size:12px; color:#CC0000; font-weight:bold; padding-top:5px}
#thethirst h2 a:link, #thethirst h2 a:visited { color:#be1e12; text-decoration:none; padding-left:6px; padding-right:6px}
#thethirst h2 a:hover { color:#be1e12; text-decoration: underline}

#tabbed {margin: 10px 0 0 0;}
#tabbed ul#tab-menu li{ float:left;list-style:none; padding: 0 12px 0 0; }
#tabbed ul#tab-menu li.last{padding:0; list-style:none}
#tabbed ul#tab-menu li a{ display:block; float:left; background:url(../images/bg_tab.gif) no-repeat top left; width: 150px; height:20px; font-weight:bold; font-size:12px; text-align:center; padding: 5px 0 0 0; text-decoration:none !important; color:#FFF !important; }
#tabbed ul#tab-menu li a:hover,#tabbed ul#tab-menu li a.active{ background-position: 0 -25px !important;}

#tabbed .box{ border:1px solid #B4B3B3; padding: 10px 0; min-height:200px; height:auto !important; height:200px; background:url(../images/bg_tabbox.gif) repeat-y top left; width:634px;}
#tabbed .box h3{ font-size:14px; margin:0; padding: 0; line-height:1.4em; color:#BC1003; text-align:left}
#tabbed .box .sidebar_link { padding: 0 0 0 0px; width: 148px; float:left; text-decoration: none;}
#tabbed .box .sidebar_link h3{ text-decoration: none; font-size:14px; margin:0; padding: 0; line-height:1.4em; color:#BC1003; text-align:left; padding-left:8px}
#tabbed .box .sidebar_link ul li { text-decoration: none; color:#5E5D5D; font-weight:bold; font-size:11px; padding: 0 0 4px 0; margin: 0 0 0 22px; list-style-type:square; text-decoration: none;}
#tabbed .box .box-content{ float:left; width: 438px; padding: 0 0 0 15px;}
#tabbed .box .box-content p{ font-size:11px; line-height:1.5em}

#hotrecommend { width:630px;float:left; padding-left:10px; padding-right:6px; padding-top:6px;  padding-bottom:20px; margin-bottom:20px;border-top:1px solid #dddddd; margin-top:10px; }

#sidebar-menu{ background:url(../images/bg_sidebarmenutop.gif) no-repeat top left; width: 161px; margin:0; padding:0; margin-top:10px; float:left; margin-right:2px }
#sidebar-menu h3{ background:#8c8c44; color:#FFF; text-align:center; padding: 5px 0; color:#FFFFFF; font-size:12px; text-align:left; padding-left:5px}
#sidebar-menu ul{ padding: 0 0 5px 0; list-style:none; width:137px; text-align:left; font-size:11px; margin-left:0px; margin-top:0px; margin-bottom:0px}
#sidebar-menu ul li{ margin:0; padding:3; padding-top: 1px; padding-bottom: 1px; font-size:11px; color:#4E665B; font-weight:normal;text-align:left; 
border-bottom:1px dotted #4E665B;  width:127px;}
#sidebar-menu li.last{ border-bottom:none;}
#sidebar-menu a.completelist{ text-align:right !important; color:#4E665B !important; font-size:11px; padding: 0 0 0px 0; display:block; text-decoration:none !important}
#sidebar-menu a.completelist span{ color:#213C70 !important;text-decoration: none;}
#sidebar-menu li a{ color:#4E665B !important; font-size:11px; text-decoration:none !important; }
#sidebar-menu li a:hover{ color:#BD180B !important;}
#sidebar-menu-wrapper{ background:url(../images/bg_sidebarmenubottom.gif) no-repeat bottom left; padding: 3px 0;}
#sidebar-menu-container{ border-left:1px solid #5D8877; border-right:1px solid #5D8877; padding: 0 5px; }

/*
---------------------------------------------
SIGNUP PAGE
---------------------------------------------
*/

#content_signup { margin:0; padding:0; float:left; width:960px}
#signup{ width: 743px; margin: 0 auto; padding: 20px 0 100px 0;}
#signup h2{ color:#BC1003; font-size:21px; font-weight:normal; margin: 0 0 20px 0; border-bottom:1px solid #BFBFBF; padding: 0 0 9px 0; text-align:left} 
#signup h3{ font-size:17px; font-weight:normal; padding: 0 0 3px 5px; color:#636363; text-align:left} 
#signup .col{width: 365px;float:left;}
.signup-box{ background:url(../images/signupbox.gif) no-repeat top left; width: 405px; height:179px; padding: 15px 0 2px 0;}
.signup-box-selplan{ background:url(../images/signupbox_selectplan.jpg) no-repeat top left; width: 405px; height:379px; padding: 15px 0 2px 0;}

.signup-box  label{ float:left; display:block; color:#636363; font-size:11px; text-align:right; padding: 3px 5px 0 0;}
.signup-box  input.text,
.signup-box  select{ width: 140px; border:1px solid #E2E3EA; margin: 0 0 8px 0; float:left; height:20px; border-top:1px solid #ABADB3; }

.signup-box2 { background:url(../images/bg_contactinfo.gif) no-repeat top left; width: 405px; height:233px; padding: 10px 0 0px 0;}
.signup-box2  label{ float:left; display:block; color:#636363; font-size:11px; text-align:right; padding: 3px 15px 0 0; margin-left: -5px;}
.signup-box2  input.text,
.signup-box2  select{ width: 140px; border:1px solid #E2E3EA; margin: 0 0 8px 0; float:left; height:23px; border-top:1px solid #ABADB3; }

fieldset { border:none;  margin-left: 15px;}
fieldset.login label{ width: 140px; border: none; padding: 7px;}
fieldset.login input.text{ width: 140px; }
fieldset.contactinfo label, fieldset.payment label{ width: 90px; padding: 7px;}

fieldset.contactinfo .mi{ width: 20px !important;}
fieldset .zip{ width: 56px !important;} 
fieldset.contactinfo .phone{ width: 85px !important; margin-right: 0px !important; margin-left: 30px;}
fieldset.contactinfo select.state{ width: 50px !important; height: 19px;}
fieldset.agree{ padding: 0px 20px 10px 10px; font-size:11px; color:#6A6A6A; margin-left: 1px;}
fieldset.agree input{ float:left; margin: 5px 5px 20px 0;}
fieldset.selectplan{ color:#636363; padding: 20px 0 0 30px; margin-left: -10px;}
fieldset.selectplan p{ float:left; width: 300px; line-height:14px; padding: 0 0 30px 0;}
fieldset.selectplan input{ float:left; margin: 0 5px 10px 0;}
fieldset.selectplan span{ font-size:13px; color:#48788D; display:block; font-weight:bold;}

fieldset.selectplan img{vertical-align:middle;}
fieldset.selectplan span strong{ color:#307502;}
fieldset.payment .date{ width: 50px !important; margin-right:5px; height: 19px;}
fieldset.payment span.note{ font-size:10px; float:left; color:#636363; display:block; padding: 0 0 0 5px; width: 190px;}
fieldset.payment .logos{ text-align:center; font-size:1.1em; color:#6A6A6A; width:290px; margin: 0 auto; padding: 0 0 20px 0; font-weight:bold;}
fieldset.payment .logos span{ color:#961818;}
#signup .right{ float:right !important;}


/*
---------------------------------------------
MY ACCOUNT
---------------------------------------------
*/

#myaccount { width: 600px; margin: 0 auto; padding: 20px 0 100px 0;}
#myaccount h1{ 	text-decoration: none; font-family: georgia; font-size: 25px; color: #608593; line-height: 29px; letter-spacing: -1.2px;} 


/*
---------------------------------------------
 FOOTER
---------------------------------------------
*/

#footer { width:1000px; margin-top:20px; clear:both; margin:0; padding:0; float:left; padding-bottom:30px}
#footer p { width:1000px; text-align:center; padding:0; margin:0; padding-top:15px; font-size:11px}

.footerlinks { Arial, Helvetica, sans-serif; font-weight: normal; color: #666666; font-size:12px; margin:0; padding:0; font-weight:normal;text-align:center;}
.footerlinks a:link, .footerlinks a:visited { color:#397e9e; text-decoration: none; font-weight:bold}
.footerlinks a:hover { color:#7b7b20; text-decoration: underline}
.footer_selected { color:#grey; text-decoration: underline}
.footer_selected a:link, .footer_selected a:visited { color:#grey; text-decoration: underline}

.r25  {
	text-decoration: none; font-family: georgia; font-size: 25px;
	color: #0386ba; line-height: 21px; letter-spacing: -1.2px;
	}

.red25  {
	text-decoration: none; font-family: georgia; font-size: 25px;
	color: #cc0000; line-height: 25px; letter-spacing: -1.2px;
	}

.r17  {
	text-decoration: none; font-family: georgia; font-size: 17px;
	color: #cc0000; line-height: 25px; letter-spacing: -1.2px;
	}

.r15  {
	text-decoration: none; font-family: arial, georgia; font-size: 15px;
	color: #cc0000; line-height: 25px; letter-spacing: -1.2px;
	}

.r21 {
	text-decoration: none; font-family: georgia, arial, verdana; font-size: 19px; 
	color: #0386ba; line-height: 21px; letter-spacing: -0.2px;
	}

.b25  {
	text-decoration: none; font-family: georgia; font-size: 25px;
	color: #608593; line-height: 29px; letter-spacing: -1.2px;
	}

.b15  {
	text-decoration: none; font-family: arial, georgia; font-size: 15px;
	color: #608593; line-height: 29px; letter-spacing: -0.3px;
	}

.g25  {
	text-decoration: none; font-family: georgia; font-size: 25px;
	color: #999933; line-height: 29px; letter-spacing: -1.2px;
	}

.g17  {
	text-decoration: none; font-family: georgia; font-size: 17px;
	color: #999933; line-height: 19px; letter-spacing: -1.2px;
	}

.g21  {
	text-decoration: none; font-family: georgia; font-size: 21px;
	color: #999933; line-height: 29px; letter-spacing: -1.2px;
	}

.r29  {
	text-decoration: none; font-family: georgia; font-size: 27px;
	color: #cc0000; line-height: 27px; letter-spacing: -1.2px;
	}

.b29  {
	text-decoration: none; font-family: georgia; font-size: 27px;
	color: #608593; line-height: 27px; letter-spacing: -1.2px;
	}


.b21  {
	text-decoration: none; font-family: georgia; font-size: 21px;
	color: #608593; line-height: 29px; letter-spacing: -1.2px;
	}

.b19  {
	text-decoration: none; font-family: georgia; font-size: 21px;
	color: #608593; line-height: 29px; letter-spacing: -1.2px;
	}

.b17a {
	text-decoration: none; font-family: arial, georgia; font-size: 17px;
	color: #608593; line-height: 17px; letter-spacing: -0.9px; font-weight: bold;
	}

.gr17a {
	text-decoration: none; font-family: arial, georgia; font-size: 17px;
	color: #999933; line-height: 17px; letter-spacing: -0.3px; font-weight: bold;
	}

.r21v  {
	text-decoration: none; font-family: verdana, georgia; font-size: 19px;
	color: #666666; line-height: 25px; letter-spacing: -1.2px;
	}

td.header {
padding: 3px;
color: #fff; font-family: arial, tahoma, verdana; font-weight: bold; font-size:12px; background: #608593; text-align: center;
 }

td.vod {text-align: center;}

.commentbox{
background-color: #ececec;
width: 550px;
padding: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}



#overlay{ 
    background-image: url(../images/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(../images/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="../images/overlay.png", sizingMethod="scale");
}

#box{
    background:#FFFFFF;
	margin: 0;
	padding: 0;
    border:2px solid #000000;
	overflow: auto;
}

#box #close{
    position:absolute;    
    top:0px;
    right:0px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:12px;
	padding:10px;
}





.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}



.shiftcontainer2 {
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shiftcontainer3 {

left: 6px; /*Number should match -left shadow depth below*/
top: 6px; /*Number should match -top shadow depth below*/

}

.shiftcontainer4 {
position: relative;
left: 6px; /*Number should match -left shadow depth below*/
top: 16px; /*Number should match -top shadow depth below*/

}

.shiftcontainer5 {
position: relative;
left: 6px; /*Number should match -left shadow depth below*/
top: 16px; /*Number should match -top shadow depth below*/

}

.shiftcontainer6 {
position: relative;
left: 6px; /*Number should match -left shadow depth below*/
top: 16px; /*Number should match -top shadow depth below*/

}

.shadowcontainer {
width: 100px; /* container width*/
height: 160px;
background: transparent url(../Images/bigshadow.gif) no-repeat bottom right;

}

.shadowcontainer2 {
width: 100px; /* container width*/
background: transparent url(../Images/bigshadow.gif) no-repeat bottom right;
left: 5px;
top: 15px;
}

.shadowcontainer3 {
position: relative;
width: 135px; /* container width*/
height: 192px;
background: transparent url(../Images/bigshadow.gif) no-repeat bottom right;
left: 9px;
top: 9px;
}

.shadowcontainer4 {
position: relative;
width: 135px; /* container width*/
height: 192px;
background: transparent url(../Images/bigshadow.gif) no-repeat bottom right;
left: 5px;
top: 14px;
}

.shadowcontainer5 {
position: relative;
width: 160px; /* container width*/
height: 240px;
background: transparent url(../Images/bigshadow.gif) no-repeat bottom right;
left: 5px;
top: 5px;
}

.shadowcontainer6 {
position: relative;
width: 479px; /* container width*/
height: 1px;
background: transparent url(../Images/bigshadow.gif) no-repeat bottom right;
left: 1px;
top: 12px;
}


.shadowcontainer2 .innerdiv {
/* Add container height here if desired */
background-color: white;
border: 1px solid #bbb;
padding: 3px;
height: 160px;
position: relative;
left: -4px; /*shadow depth*/
top: -4px; /*shadow depth*/
}

.shadowcontainer3 .innerdiv1 {
/* Add container height here if desired */
background-color: white;
border: 1px solid #333;
padding: 0px;
width: 135px;
height: 192px;
position: relative; 
left: -6px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shadowcontainer4 .innerdiv2 {
/* Add container height here if desired */
background-color: white;
border: 1px solid #bbb;
padding: 0px;
width: 135px;
height: 192px;
position: relative;
left: -6px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shadowcontainer5 .innerdiv3 {
/* Add container height here if desired */
background-color: white;
border: 1px solid #bbb;
padding: 0px;
width: 160px;
height: 240px;
position: relative;
left: -6px; /*shadow depth*/
top: -3px; /*shadow depth*/
}

.shadowcontainer6 .innerdiv4 {
/* Add container height here if desired */
background-color: #f5f5f6;
border: 1px solid #bbb;
padding: 0px;
width: 479px;
height: 190px;
position: relative;
left: -5px; /*shadow depth*/
top: -4px; /*shadow depth*/
}

.sample-border {
border: 1px solid #bbb;
}

/* pagenation styles   */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #088abc;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #088abc;
color: #000;
background-color: #e9e9c5;
}

.pagination a.currentpage{
background-color: #088abc;
color: #FFF !important;
border-color: #088abc;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #088abc;
border-color: #088abc;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

input.signin
{
	display: block;	
	position: relative; top: 15px;
	left: 15px; padding-bottom: 3px;
	height: 36px;
	width: 142px;
	background: url(../images/button_submit.png) no-repeat; font-size: 21px; color: white; line-height: 37px; border: 0px; font-weight: bold;
}

/* cell hover styles   */


.alt1
{
        background: #F0F0E1;
        color: #000000;
}
.alt2
{
        background: #F0F0E1;
        color: #000000;
}
.alt1Active, .alt2Active { background: #DCDCBA; cursor: hand; }

div.hr { border: 1px solid #000; width: 630px; position: relative; }

p.separator {border-top: 1px solid #dddddd; position: relative;}