/* Global Styles */

/* "html>body" hides style from IE*/

/* Hide from IE-Mac \*/
#example1 {margin-bottom:3em}
#example2 {margin-top:1.5em}
/* End hide */

/* ID for unique items, CLASS for muliple items */


body {
margin: 0 auto; padding: 0; font: 1em "Verdana"; background: /*url(../images/body-bg.jpg) repeat-x*/ #ffffff;
}

#container {
margin: 0 auto;
width : 950px;
}

.alignleft {
  text-align : left;
}

.floatleft {
  float : left;
}

.alignright {
  text-align : right;
}

.floatright {
  float : right;
}

.aligncenter {
  text-align : center;
}

.hide {
  display : none;
}

.clear {
  clear : both;
}

.redtext {
  border : #CC0000 solid 1px;
  color: #CC0000;
  margin : 12px;
  padding : 12px;
  background : #FFFFFF;
}

hr {
  border : #CCCCCC dotted 1px;
  height : 1px;
}

html>body hr {
  border : #000000 solid 0px;
  border-top : #CCCCCC dotted 1px;
  border-bottom : #000000 solid 0px;
  display : block;
  margin : 3px 0px 3px 0px;
  background : #FFFFFF;
}

div.backbutton {
  border : #000000 solid 0px;
  float : left;
  width : 20px;
  height : 30px;
  display : inline;
}

div.nextbutton {
  border : #000000 solid 0px;
  float : left;
  width : 20px;
  height : 30px;
  text-align : right;
  display : inline;
}

div.pagenumbers {
  border : #000000 solid 0px;
  float : left;
  width : 500px;
  height : 20px;
  text-align : center;
  display : inline;
}

strong.pagenumber, a.pagenumber {
  border : #000000 solid 0px;
  background : #EEEEEE;
  padding : 3px;
  margin : 2px;
  text-decoration : none;
}

div.productthumb1 {
  border : #000000 solid 0px;
  background : #EEEEEE;
  width : 200px; 
  float : left; 
  display : block;
  margin : 10px;
  padding : 10px;
}


/* FORM STYLES - START */
form {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}

label {
  font-weight : normal;
}

label.formleft {
  display : block;
  width : 200px;
  float : left;
  text-align : right;
  margin-right : 10px;
  margin-left:20px
}

small.formnote {/* margin left same width as label.formleft width */
  margin : 0px 0px 0px 160px;
  display : block;
}

input.checkbox {
  width : 20px;
  float : left;
}

label.labelright {
  display : block;
  width : 90%;
  float : left;
  margin-right : 6px;
  text-align : left;
  font-size : 9px;
  font-weight : normal;
  color : #000000;
  padding-top : 4px;
}

fieldset {
  margin : 12px;
  padding : 6px;
  width: 630px;
}

#search fieldset {
  margin : 12px 12px 12px 12px;
  padding : 6px;
  width: 290px;
  height: 60px;
  border: 1px solid #cccccc;
}

fieldset.address {
  width : 45%;
  float : left;
  margin : 12px;
  padding : 6px;
}

legend {
  color : #000000;
  font-weight : bolder;
}

.formmsg {
  color: #CC0000;
  padding-top : 6px;
}

.form {
  width : 200px;
}

textarea {
  font-size : 12px;
}

.button {
  background: url(../images/left-menu-h.jpg) repeat-x top left;
  font: bold 10pt "Arial";
  color: #ffffff;
  width: auto;
  height: 27px;
  line-height: 27px;
  cursor: pointer;
  padding:0 10px;
  border:none;
}

.button:active {
  background-position: left bottom;
}
/* FORM STYLES - END */

table {
  margin-top : 12px;
  margin-bottom : 12px;
  border : 0px;
}

caption {
  text-align : left;
}

th {
  background-color : #CCCCCC;
  padding-left : 3px;
  padding-right : 3px;
  padding-top : 3px;
  padding-bottom : 3px;
  font-size : small;
  font-weight: normal;
  text-align : left;
  border : 0px;
}

td.right, td.data, td.center {
  background-color : #EEEEEE;
  padding-left : 3px;
  padding-right : 3px;
  padding-top : 3px;
  padding-bottom : 3px;
  border : 0px;
}

td.right {
  text-align : right;
}

#highlight a.title {
  color: #999999;
  font-size: 18px;
  font-weight:bold;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif, Verdana ;
}

#highlight small {
  color: #000000;
  font-size: 10px;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#highlight p.pricelabel {
  color: #000000;
  font-size: 12px;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#highlight p.price {
  color: #CC0000;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#highlight .mainimg {
	margin-right: 10px;
	margin-left: 10px;
}
	
#highlight {
  background-image: url(../images/highlight_bg.gif);
	background-repeat: none;
	background-position: center top;
}

#highlight legend {
	color: #328CB7;
	font-size:110%;
	font-weight: bolder;
	margin: 0px 0px 0px 10px;
}

#highlight .smallimg_1 {
  float:left;
  margin:10px 0px 0px 0px;
}

#highlight .smallimg_2 {
  float:right;
  margin:10px 0px 0px 0px;
}

#highlight .smallimg_3 {
  float:left;
  margin:3px 0px 0px 0px;
}

.highlightbutton {
  margin:20px 0px 0px 40px;
}

p {
text-align: justify; line-height: 1.6em; padding: .3em 0 .3em 0; margin: 0;
}

a {
color:#ff0000; text-decoration: none;
}

a:hover {
color: #000; text-decoration: underline;
}

h1, h2, h3 {
margin: 5px 0 5px 0; padding: 0;
}

img { 
	border: none;
	}

.spacer {
height: 10px; clear: both; margin: 0; padding: 0;
}

.breaker{
margin: 0px; padding: 0px; line-height: 0px; clear: both;
}

.image-border {
border: 1px solid #76797e;
	}

.left {
float: left;
}

.right {
float: right;
}	

form, ul {
margin: 0;
padding: 0;
}

#wrapper {
margin: 0 auto; width: 100%; font: 12px "Verdana"; color: #022343;
}

#main-container {
margin: 0 auto; width: 950px; height: auto;
}

#top-container {
float: left; width: 950px; height: 186px;
}

#top-right-container {
float: right; width: 181px; height: 186px;padding: 0px 0px 0 0;
}

#top-login-container {
background:url(../images/top-login-bg.jpg) no-repeat;
float: right; width: 165px; padding: 5px 0px 5px 0; height:123px;
}

#top-login-container .top-label{
width: 154px; padding: 0px 0px 3px 0; font:9pt Arial, Helvetica, sans-serif; margin:5px 0 0 9px; height:auto; clear:both;
}

#top-login-container .top-input{
float: right; width: 140px; height: 17px; padding: 3px 0px 0 0; font:8pt Arial, Helvetica, sans-serif;  margin:0px 11px 5px 11px; border:1px solid #ff0000; 
}
#top-login-container .top-button {
  background:url(../images/login-button.gif) no-repeat;
  color: #ffffff;
  width: 64px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  border:none;
  font:9pt Arial, Helvetica, sans-serif;
   }

.top-logo {
float: left;
width: 280px;
padding:6px 0 0 10px;
}

.top-right-link {
float: right; 
background: url(../images/top-right-bg.jpg) no-repeat right top; height: 31px; width: 161px; padding: 8px 20px 0 0; text-align: right; color: #ff0101; font-weight: bold; margin-right:5px;
}

.top-right-link a {
color: #ff0101; text-decoration: none;
}

.top-right-link a:hover {
color: #FFFFFF; text-decoration: underline;
}

#work-area {
float: left; width:926px; height: auto; padding: 10px 10px 0 10px; background: #e6e8e9; border:2px solid #000; border-bottom:none; border-top:none;
}

#work-area h3{
margin:5px 0;
padding:0;
font:bold 13pt "Arial";
}

#movie-area {
float: left; width: 899px; height: auto; border: 3px solid #de5b01; padding: 10px; background:#000;
}

#movie-sample {
float: left; width: 440px; height: auto; margin-right: 10px;
}

#movie-sample-inner {
float: left; width: 320px; height: auto; margin-right: 20px;
}

#about-area {
float: left; width: 205px; height: auto; margin-right: 10px; background: #e6e8e9; padding: 10px;
}


#about-area h1 {
margin: 0 0 0 0; padding: 0 0 10px 0; font: 1.4em "Arial"; font-weight: bold;
}

#about-area p {
margin: 0 0 0 0; padding: 0 0 0 0; font: 1em "tahoma"; line-height: 17px;
}

#new-user-box {
float: left; width: 212px; height: auto;
}

#new-user-box .new-user-title {
float: left; width: 202px; height: 40px; background: url(../images/new-user-box-bg.jpg) repeat-x; font: 1.4em "Arial"; font-weight: bold; line-height: 40px; padding-left: 10px; color:#fff;
}

#new-user-box .new-user-area {
float: left; width: 212px; height: auto; background: #fff; /*border: 2px solid #05abe1;*/
}

#new-user-box .new-user-image-area {
float: left;
 width: 54px; 
 height: 105px; 
 padding: 15px 0px 0px 11px;
 overflow:hidden;
}

#new-user-box .new-user-image {
float: left; width: 50px; height: 50px; border: 2px solid #757575; 
}

#new-user-box .new-user-name {
float: left; font: .8em "Tahoma"; text-align: center; line-height: 16px; width: 54px;
}

#new-user-box .join-now {
float: right; padding: 25px 11px 11px 0;
}

#left-container {
float: left;
width: 165px;
height: auto;
margin: 0 15px 0 0;
}

.advt {
float: left; width: 165px; height: auto; margin: 0 0 10px 0;
}

.advt-bottom-area {
float: left; width: 930px; height: auto; margin: 10px 0 5px 0;
}

.advt-bottom {
float: left; width: 300px; height: auto; padding: 0 5px;
}

#middle-container {
float: left; width: 570px; height: auto; margin: 0 0 0 0px;
}

#member-code {
float: left;
height: 70px;
width:565px;
}

#member-code .login-button {
float: right; padding: 15px 0 0 0;
}

#category-area {
float: left; width: 570px; height: auto; margin: 0 0 0 0px;
}

#category-area .category-title-bg {
float: left; width: 535px; height: 35px; margin: 0 0 0 0px; background: #000; padding: 0 15px 0 15px;
}

#category-area h1 {
float: left; font: 1.6em "Arial"; font-weight: bold; text-transform: uppercase; line-height: 35px; margin: 0; padding: 0; color:#ff0000;
}

#category-area .category-home-link {
text-align: right; font: 1.1em "Arial"; font-weight: bold; color: #d0d0d0; line-height: 35px; margin: 0; padding: 0;
}

#category-area .category-home-link a {
color: #d0d0d0; text-decoration: none;
}

#category-area .category-home-link a:hover {
color: #ff0000; text-decoration: none;
}

#category-area .category-title-arrow {
float: left; width: 63px; height: 13px; background: url(../images/category-title-arrow.jpg) no-repeat;
}

.author-image-area {
float: left; width: 78px; height: 105px; padding: 15px 0 20px 14px;
}

.author-image-area-inner {
float: left; width: 78px; height: auto; padding: 10px 0 15px 23px;
}

.author-image {
float: left; border: 2px solid #bbbbbb; width: 72px; height: 72px; margin: 0px 0 5px 0px; background:#fff; padding:1px;
}

.author-image:hover {
border: 3px solid #ff0000; padding:0px;
}

.category-icon {
float: left; width: 18px; height: 18px; margin: 0 3px 0 0 ;
}

.author-name {
float: left; font: .8em "Tahoma"; color: #022343; line-height: 17px; width: 55px; height: auto; overflow:hidden;
}

.author-name a {
color: #022343; text-decoration: none;
}

.author-name a:hover {
color: #116ea7; text-decoration: none;
}


#right-container {
float: right;
width: 165px;
height: auto;
margin: 0 0 0 5px;
}

#footer {
float: left; height: 91px; width: 950px; padding: 10px 0 0 0;
}

#footer .footer-left{
float: left; color: #878787; font: 1em "Verdana"; line-height: 25px;  
}

#footer .footer-left a {
color: #878787; text-decoration: none;
}

#footer .footer-left a:hover {
color: #FF0000; text-decoration: none;
}

#footer .footer-right{
float: right; color: #878787; font: 1em "Verdana"; line-height: 25px; text-align: right;
}

#footer .footer-right a {
color: #878787; text-decoration: none;
}

#footer .footer-right a:hover {
color: #FF0000; text-decoration: none;
}

#footer .itchimes{
float: right; color: #3a86d1; font: .8 "Verdana"; line-height: 20px; text-align: right;
}

#footer .itchimes a{
color: #3a86d1; text-decoration: none;
}

#footer .itchimes a:hover {
color: #fff; text-decoration: none;
}



/*inner page start*/

#movie-area-inner {
float: left; width: 738px; height: auto; border: 3px solid #de5b01; background:#fff;
}

#movie-area-inner-big {
float: left; width: 919px; height: auto; border: 3px solid #DE5B01; background:#fff;
}

#movie-area-inner h1{
padding: 10px 15px ; margin: 0; font:bold 22px Arial, Helvetica, sans-serif;}

#movie-area-inner p{
text-align: justify; line-height: 1.6em; padding: 10px 15px ; margin: 0; font-size:9pt;
}

#left-menu-container {
float: left;
width: 197px;
padding: 10px 7px 10px 7px;
}

#left-menu-container ul{
margin: 0;
padding: 0 20px 5px 20px;
list-style-type: none;
}

#left-menu-container ul li{
margin: 0;
font: 8pt "Verdana";
color: #02477b;
border-bottom: 1px dashed #02477b;
}

#left-menu-container ul li a{
color: #02477b;
padding: 5px 5px;
display: block;
text-decoration:none;
}

#left-menu-container ul li a:hover{
color: #fff;
font-weight: bold;
background: #04abe1;
}

.category-font {
text-align: center;
font: 21px "Arial";
font-weight: bold;
padding: 10px 0;
}

.profile-img-box {
width: 157px; padding: 0 20px 5px 20px; text-align: center;
}

.user-name {
width:auto; padding: 5px 0px 0px 0px; text-align: center; font: bold 8pt "verdana";
}

#video-container {
width: auto;
height: auto;
float: left;
}

#video-container h2{
margin: 5px 0 5px 20px; padding: 0;
}

#video-container .writebox {
background: #fff; width: 500px; height: 55px; float: left; border: 1px solid #000; color: #ff0000; font: 8pt "Verdana"; padding: 5px; margin-top: 5px;
}

#video-container .write-button {
background: url(../images/button-send.gif) no-repeat bottom; width: 90px; height: 30px; margin: 5px 0 0 200px; font: bold 10pt "verdana"; color: #FFFFFF; border: none; padding: 0 0 0 0; cursor: pointer;
}

#video-area-profile {
width: 697px;
padding: 20px;
height: auto;
background: #FFECEB;
}

#video-area-profile-big {
width: 879px;
padding: 20px;
height: auto;
background: #FFECEB;
}

.video-image-area {
float: left; width: 139px; height: auto; padding: 10px 0px 20px 0px;
}

.video-image {
text-align: center; width: 126px; margin: 0 auto; display: block;
}

.video-image a{
text-align: center; background: #D0D0D0; padding: 3pt; width: 120px; display: block;
}

.video-image a:hover {
background: #03abe1;
}

.video-name {
text-align: center; font: 8pt "Tahoma"; color: #0155d2; line-height: 16px; width: 126px; height: auto; margin: 0 auto; overflow:hidden;
}

.video-name a {
color: #0155d2; text-decoration: none;
}

.video-name a:hover {
color: #000; text-decoration: none;
}

#sub-right-area {
float: left;
width: 505px;
margin-top: 25px;
padding: 0px 10px 10px 10px;
height: auto;
color: #000;
font-size: 8pt;
}

.search-info {
float: left;
width: 505px;
margin-top: 10px;
padding: 0px 10px 10px 10px;
height: auto;
color: #000;
font-size: 8pt;
}

.search-user-name {
font-weight: bold;
text-align: center;
}

#sub-right-area-big {
float: left;
width: 670px;
margin-top:25px;
padding: 0px 10px 10px 10px;
height: auto;
color: #000;
font-size: 8pt;
}

.headings {
color: #000;
font: bold 10pt "Verdana";
}

#video-area {
width: 527px;
height: auto;
/*background: #ffeceb; */
}

.video-area {
width: 527px;
height: auto;
background: #ffeceb;
}

.video-right-text {
float: left;
width: 345px;
font-size: 8pt;
height: auto;
color: #000;
}

.video-right-text-big {
float: left;
width: 530px;
font-size: 8pt;
height: auto;
color: #000;
}

.graffiti-wall-users-area {
width: 500px; height: auto; padding: 5px; margin: 0px 0 0 0; float: left; border-bottom: 1px solid #87eafe;
}

.graffiti-wall-user-image {
width: 50px; height: 60px; padding: 0px 0 0 0; margin: 0px 0 0 0px; float: left; 
}

.graffiti-wall-chat-area {
width: 440px; height: auto; padding: 0px; margin: 0 0 0px 10px; float: left; 
}

.graffiti-wall-username {
color: #ff0000; font: bold 8pt "Verdana"; padding: 0 0px 0 0; clear: both;
}

.graffiti-wall-username a{
color: #ffa4a4; text-decoration: none;
}

.graffiti-wall-username a:hover {
color: #ff0000;
}

.graffiti-wall-chat-text {
float: left; font: 8pt "Verdana"; color: #333333; padding: 0 0px 0px 0px; width: 440px; height: auto; 
}


/*inner page end*/

.terms-area {
float:left;
width:740px
}

.input-box {
width:250px;
height:18px;
font:9pt Arial, Helvetica, sans-serif;
border:1px solid #999999;

}

.select-box {
width:250px;
height:20px;
font:9pt Arial, Helvetica, sans-serif;
border:1px solid #999999;
}

.textarea-box {
width:250px;
font:9pt Arial, Helvetica, sans-serif;
border:1px solid #999999;
}


.login {
width:auto;
float:left;
}


.login ul{
margin: 0;
padding: 0 20px 10px 20px;
list-style-type: none;
}

.login ul li{
background:url(../images/star-icon.gif) no-repeat left;
margin: 0;
font: 9pt "Verdana";
padding: 3px 20px;
color: #02477b;
}

.login  ul li a{
color:#ff0000; text-decoration: none;
}

.login ul li a:hover{
color: #000; text-decoration: underline;
}