Site Adresi : www.videobandi.com

Arkadaşlar css den kaynaklandığını söylemişti..

Css kodlarım

/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background:url(body-bg-3.gif) center top repeat-y #1A3265;
}
p{
margin:5px 0px;
}  
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#4b4b4b;
}
#container {
        margin:0px auto;
        padding: 0px;
 
		width:955px;
		border-left:3px solid #FFF;
		border-right:3px solid #FFF;
		text-align:center;
		background-color:#FFF;
		}
		
#header
{
width:955px;
margin:0px auto;
padding:0px;
background: #FFF;
text-align:left;
}
#header-top
{
width:955px;
height:95px;
}
#logo
{
width:313px;
float:left;
padding-left:10px;
padding-top:10px;
}
#logo-right
{
width:936px;
height:95px;
padding-right:10px;
padding-top:3px;
float:right;
}
#top-link
{
padding-top:10px;
padding-bottom:30px;
color:#014C86;
white-space:pre;
}


#main-menu
{
width:955x;
height:30px;
margin:0px auto;
}
/* Menu */

#menu {
	width: 100%;
	height: 32px;
	margin: 0px auto;
	clear:both;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
	height:30px

}

#menu a {
	display: block;
	float: left;
	width: 105px;
	padding:0px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border-right:1px solid #CCCCCC;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	background: #0097ca;
	}

#menu a:hover {
background: #005B8E;
}
-->
#body
{
width:950px;
margin:0px auto;
padding:0px;
height:auto;
text-align:left;
padding: 8px 5px;
}
#body-left
{
width:180px;
height:auto;
text-align:left;
float:left;
}
#body-right
{
width:180px;
height:auto;
margin-right:5px;
text-align:left;
float:right;
}
#shopping-box
{
width:180px;
height:auto;
margin-bottom:10px;
background-color:#F3F3F3;
}

#member-box-top
{
width:160px;
height:38px;
background:url(left-menu-top-member.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}
#menu-top
{
width:160px;
height:10px;
background:url(menu-top.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}

.shopping-box-nav{
	padding-left:16px;	
	color: #4b4b4b;
	margin:0px auto;
	background-color:#F3F3F3;
}

#box-title
{
width:150px;
height:24px;
padding-left:10px;
}

#left-menu
{
width:180px;
height:auto;
margin-bottom:10px;
}
#left-menu-top
{
width:160px;
height:38px;
background:url(left-menu-top.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}
#right-menu
{
width:180px;
height:auto;
margin-bottom:10px;
}
#right-menu-top
{
width:160px;
height:38px;
background:url(left-menu-top.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}
#card-bg
{
background:url(card-bg.gif) left top no-repeat;
width:160px;
height:51px;
padding:10px;
margin-bottom:10px;
}


#newsletter-bg, .newsletter-bg
{
background:url(newsletter-bg.gif) left repeat;
height:51px;
padding:10px;
margin-bottom:10px;
table-layout:auto;
}
/* sub-navigation */
.subnav{
	color: #FFFFFF;
	font: normal 11px/23px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 23px;
	padding-left:0px;
	margin-bottom:10px;
	width:160px;
	padding:0px 10px;
	margin:0px auto;
	background-color:#005B8E;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	list-style: none;
}

.subnav li a {
	color: #FFFFFF;
	display: block;
	padding: 0px 0 0px 5px;
	width: 155px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background:url(border_bottom.jpg) left bottom repeat-x;
}
.subnav lu a {
	color: #FFFFFF;
	display: block;
	margin: 0px 0 0px 15px;
	padding-left:10px;
	width: 135px;
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;

}
.subnav li a:hover {
	color: #005B8E;
	background:url(border_bottom.jpg) left bottom repeat-x #FCFCFC;
}
.subnav lu a:hover {
	color: #005B8E;
	background:url(border_bottom.jpg) left bottom repeat-x #FCFCFC;
}

#left-menu-bottom
{
background:url(left-menu-bottom.gif) left top no-repeat;
height:16px;
width:180px;
}

#right-menu-bottom
{
background:url(left-menu-bottom.gif) left top no-repeat;
height:16px;
width:180px;
}

#body-center{
width:558px;
height:auto;
text-align:left;
float:left;
padding-left:16px;
}
#body-tam{
width:748px;
height:auto;
text-align:left;
float:left;
padding-left:16px;
}
#welcome
{
width:558px;
height:auto;
margin-bottom:9px;
font-size:12px;
}
#welcome-image
{
width:558px;
height:161px;
margin-bottom:10px;
}
#banner-box
{
width:558px;
height:auto;
margin-bottom:10px;
height:106px;
}
#banner1
{
width:184px;
height:106px;
float:left;
}
#banner2
{
width:184px;
height:106px;
float:right;
margin:0px auto;
}
#banner3
{
width:184px;
height:106px;
float:right;
}
#featur-product-box, .dataform-box
{
width:558px;
height:auto;

}
#featured-title, .dataform-box-top
{
width:548px;
height:24px;
margin-bottom:6px;
background:url(featured-bar.gif) left top no-repeat;
padding-left:10px;
}
#yorum-top
{
width:548px;
height:24px;
margin-bottom:6px;
background:url(featured-bar.gif) left top no-repeat;
padding-left:10px;
float:right;
}
#arama-top, .dataform-box-top2
{
width:738px;
height:24px;
margin-bottom:6px;
background:url(aramabar.gif) left top no-repeat;
padding-left:10px;
}
.product-box
{
width:250px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:9px;
padding-bottom:5px;
margin-bottom:7px;
margin-left:5px;
float:left;
height:auto;
}
#video-box
{
width:535px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:9px;
padding-bottom:5px;
margin-bottom:7px;
float:left;
height:auto;
}
#video-box3
{
margin-bottom: 15px;
width:535px;
height:auto;
}
.home_etiket a {	text-decoration: none; }
.home_etiket a:hover { text-decoration: underline; }

#video-box2
{
width:535px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:9px;
padding-bottom:5px;
margin-bottom:7px;
float:left;
height:auto;
}

#categori-image {
	float:right; margin-top:-62px;
}

.product-image
{
width:100px;
height:auto;
float:left;
}
.product-disc
{
width:140px;
height:auto;
float:right;
margin-bottom:2px;
}
#product-disc2
{
width:105px;
height:auto;
float:right;
margin-bottom:2px;
}
#product-list, .product-list
{
width:260px;
padding:0px;
height:20px;
text-align:left;
margin-top:-20px;
float:right;
}
#pagination
{
width:558px;
height:20px;
text-align:right;
white-space:pre;
}

#footer
{
width:955px;
margin:0px auto;
margin-top: 20px;
padding:7px 0px;
height:20px;
background-color:#005B8E;
text-align:center;
line-height:15px;
clear:both;
color:#FFF;
}



.input-box, .input-box-search,.input-box-standard {
width:150px;
height:18px;
background-color:#FFF;
border:1px solid #7F9DB9;
padding-left:3px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #EB0589;
	text-decoration: none;
	margin-right:10px;
}

.information-link, .information-link-newsletter, .information-link-search, .information-link-standard, .information-link-return, .information-link-next{
	margin-right:5px;
	padding:1px 10px;
	background-color:#ECE9D8;
	border:1px solid #998B7E;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #005B8E;
	text-decoration: none;
}

.top-link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #014C86;
	text-decoration: none;
}
.top-link:hover
{
color:#005B8E;
text-decoration:underline;
}

.mail-link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #005B8E;
	text-decoration: none;
}
.mail-link:hover
{
color:#005B8E;
text-decoration:underline;
}
.read-more
{
color:#005B8E;
text-decoration:underline;
}
.read-more:hover
{
color:#FF0000;
text-decoration:underline;
}
.red-link
{
color:#000;
text-decoration:none;
font-weight:bold;
}
.tag-link
{
color:#000;
text-decoration:none;
}
.tag-link:hover
{
color:#FF0000;
text-decoration:none;
}
.red-link:hover
{
color:#FF0000;
text-decoration:underline;
}
.white-text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
}
.mavi-text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0A5495;
	text-decoration: none;
}
.grey-text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #656565;
	text-decoration: none;
}
.pagination-link
{
color:#0000ff;
text-decoration:none;
font-weight:normal;
line-height:20px;
}
.pagination-link:hover
{
color:#BC1200;
text-decoration:underline;
}
.footer-link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}
.footer-link:hover
{
color:#FFD1ED;
text-decoration:underline;
}

/*added rules*/
/*global site rules*/
H2 { text-align:left; color:#000000; font-size:16px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
H3 { text-align:left; color:#000000; font-size:12px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
A {color:#005B8E;text-decoration:underline;}

/*link button rules*/
.information-link-newsletter {float:right; margin-top:4px;}
.information-link-search{margin:0px; padding-top:4px; padding-bottom:4px; margin-top:6px;}
.information-link-standard{ line-height:40px; padding-top:5px; padding-bottom:5px;}
.information-link-return{ line-height:40px;padding-top:5px; padding-bottom:5px;}
.information-link-next{ line-height:40px; padding-top:5px; padding-bottom:5px;}

/*input textbox rules*/
.input-box-search{width:96px; margin-right:1px;}
.input-box-standard{height:16px; width:350px;}

/* smart pager rules*/
.smartpager-link{color:#005B8E;text-decoration:none;}
.smartpager-link:hover{color:#FF0000;text-decoration:underline;}

.product-detail-box{
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:5px;
}

/* STAR RATING */
	.star-rating{
		list-style:none;

		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(alt_star.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(alt_star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}

#featured-title, .dizi-top
{
width:225px;
height:24px;

background:url(dizitop.gif) left top no-repeat;
padding-left:10px;
}
#dizi-box
{
width:215px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:5px;
padding-bottom:5px;
margin-bottom:7px;
float:left;
height:auto;
}
h3
{	background-color:#9FA090;
	color: #ff;
	font-size: 1.5em;
	margin-top:100px;
}



.link
{
text-decoration:none;
font-weight:bold;
}
.link:hover
{
text-decoration:underline;
}


.sublist{
	color: #4b4b4b;
	font: normal 11px/23px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 23px;
	padding-left:0px;
	margin-bottom:10px;
	width:530px;
	padding:0px 10px;
	margin:0px auto;
	background-color:#F3F3F3;
}
.sublist ul {margin: 0; padding: 0;}
.sublist li {
	list-style: none;
}
.sublist li a {
	color: #4b4b4b;
	display: block;
	padding: 0px 0 0px 5px;
	width: 520px;
	text-decoration: none;
	color: #4b4b4b;
	background:url(border_bottom.jpg) left bottom repeat-x;
}
.sublist li a:hover {
	color: #005B8E;
	background:url(border_bottom.jpg) left bottom repeat-x #FCFCFC;
}

#list-box
{
width:530px;
border:1px dotted #C0C2C4;
background-color:#F3F3F3;
padding:9px;
padding-bottom:5px;
margin-bottom:7px;
float:left;
height:auto;
}
#list-image
{
width:200px;
height:auto;
float:left;
}
#list-disc
{
width:320px;
height:auto;
float:right;
margin-bottom:2px;
}





/* sub-navigation */
.subnav2{
	color: #4b4b4b;
	font: normal 11px/23px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 23px;
	padding-left:0px;
	margin-bottom:10px;
	width:160px;
	padding:0px 10px;
	margin:0px auto;
	background-color:#005B8E;
}
.subnav2 ul {margin: 0; padding: 0;}
.subnav2 li {
	list-style: none;
}
#left-menu-bottomx
{
background:url(left-menu-bottomx.gif) left top no-repeat;
height:16px;
width:180px;
}
#menu-topx
{
width:160px;
height:10px;
background:url(menu-topx.gif) left top no-repeat;
padding-left:20px;
line-height:38px;
}

#sub-menu
{
width:955x;
height:30px;
margin:0px auto;
}
/* Menu */

#submenu {

	height: 32px;
	margin: 2px auto;
	margin-left:0px;
	margin-top:4px;
	border-top:1px #ccc solid;
	clear:both;
}

#submenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#submenu li {
	display: inline;
	height:30px

}

#submenu a {
	display: block;
	float: left;
	width: 105px;
	padding:0px;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	border-right:1px solid #CCCCCC;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	background: #0097ca;
	}

#submenu a:hover {
background:#005B8E;
}

.sublist2{
	color: #4b4b4b;

	background-color:#F3F3F3;
}
.sublist2 ul {margin: 0; padding: 0;}
.sublist2 li {
	list-style: none;
}
.sublist2 li a {
	color: #4b4b4b;
	display: block;
	padding: 0px 0 0px 5px;
	width: 520px;
	text-decoration: none;
	color: #4b4b4b;
	background:url(border_bottom.jpg) left bottom repeat-x;
}
.sublist2 li a:hover {
	color: #005B8E;
	background:url(border_bottom.jpg) left bottom repeat-x #FCFCFC;
}

.kisim-top
{
width:55px;
height:24px;
margin-bottom:6px;
background:url(kisimbar.gif) left top no-repeat;
padding-left:7px;
float:left;
}
.kisim-selected
{
width:55px;
height:24px;
margin-bottom:6px;
background:url(kisimbarcurrent.gif) left top no-repeat;
padding-left:7px;
float:left;
}
.right {
	color : #fff;
	float: right;
}
.yorum-top
{
width:548px;
height:24px;
margin-bottom:6px;
background:url(featured-bar.gif) left top no-repeat;
padding-left:10px;
float:right;
}


.yorumlist p {
margin:0; padding:0;
}
.sayfalama {
float:right;
padding:7px
}

.page_icerik {

padding: 2px 0 0 5px;
font: normal 11px Trebuchet MS;
line-height: 17px
}

yardımlarınızı bekliyorum..