/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF ;
}


a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family: Verdana, Tahoma; 
		font-size:12px;
		line-height:17px;
		color:#868686;		
	}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:12px; color:#444444;}

a {color:#3d6f92; font-size:12px;}

/*main layout */

#header_tall {background:url(images/header_tall.gif) top repeat-x;}

#main { margin:0 auto;}

#header .left {padding:26px 0 0 0;}
#header .right {padding:46px 11px 0 0;}
#header .right a {color:#868686; font-family:arial; font-size:12px; background:url(images/RSS.gif) no-repeat top right; padding:0 29px 2px 0;}

#menu {background:url(images/menu_tall.gif) top repeat-x; margin:10px 0 2px 0;}
#menu .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%;}
#menu .padding {padding: 0 0;}
#menu li {float:left; width:145px; background:url(images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center; padding:5px 0 5px 0; line-height:26px;}
#menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:12px;}
#menu li a:hover {color:#000000; text-decoration:underline;}
#menu li span {color:#000000; text-decoration:underline;}
#menu .last {background:none;}

#header .content {}
#header .content {width:738px;height:215px;}

#index #header .content {background:url(images/header_bg_biasun_curved.jpg) top left no-repeat; color:#ffffff;}
#index #header .content .text {padding:50px 20px 20px 400px;}
#index #header .content .text .p1{font-size:14px; font-weight:normal; color:#ffffff; padding:5px 5px 5px 5px;}
#index #header .content .text .p2{font-size:26px; font-weight:normal; color:#ffffff; padding:15px 5px 5px 5px}
#index #header .content .text .p3{font-size:14px; font-weight:normal; color:#ffffff; padding:15px 5px 5px 5px;}

#about #header .content {background:url(images/header_bg_biasun_curved.jpg) top left no-repeat; color:#ffffff;}
#about #header .content .text {padding:50px 20px 20px 400px;}
#about #header .content .text .p1{font-size:14px; font-weight:normal; color:#ffffff; padding:5px 5px 5px 5px;}
#about #header .content .text .p2{font-size:26px; font-weight:normal; color:#ffffff; padding:15px 5px 5px 5px}
#about #header .content .text .p3{font-size:14px; font-weight:normal; color:#ffffff; padding:15px 5px 5px 5px;}

#register #header .content {background:url(images/header_bg_biasun_curved_flipped.jpg) top left no-repeat; color:#ffffff;}
#register #header .content .text {padding:40px 400px 20px 20px;}
#register #header .content .text .p2{font-size:26px; font-weight:normal; color:#ffffff; padding:5px 5px 5px 5px}
#register #header .content .text .p3{font-size:14px; font-weight:normal; color:#ffffff; padding:5px 5px 5px 5px;}

#login #header .content {background:url(images/header_bg_biasun_curved.jpg) top left no-repeat; color:#ffffff;}
#login #header .content .text {padding:100px 20px 20px 400px;}

#shop #header .content {background:url(images/header_bg_biasun_curved_flipped.jpg) top left no-repeat; color:#ffffff;}
#shop #header .content .text {padding:50px 400px 20px 20px;}

#checkout #header .content {background:url(images/header_bg_biasun_curved_flipped.jpg) top left no-repeat; color:#ffffff;}
#checkout #header .content .text {padding:50px 400px 20px 20px;}

#userlogin #header .content {background:url(images/header_bg_biasun_curved_flipped.jpg) top left no-repeat; color:#ffffff;}
#userlogin #header .content .text {padding:50px 400px 20px 20px;}

#support #header .content {background:url(images/header_bg_biasun_curved_flipped.jpg) top left no-repeat; color:#ffffff;}
#support #header .content .text {padding:40px 400px 20px 20px;}
#support #header .content .text .p1{font-size:26px; font-weight:normal; color:#ffffff; padding:15px 5px 5px 5px;}
#support #header .content .text .p2{font-size:14px; font-weight:normal; color:#ffffff; padding:5px 5px 5px 5px}

#middle { width:100%;}

#footer .indent {padding:23px 0 0 17px; color:#868686; font-size:12px;}
#footer a {color:#444444; font-weight:bold;}


.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}

.h_text {padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}

.more {text-align:right;}
.more a{background:url(images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}

.date {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

li { color:#3d6f92;}
li a {color:#3d6f92; font-size:11px;}

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}

.b_text {color:#3d6f92;}
/* index */

#index #middle .indent {padding:0 0 0 0;}
#index #middle .columns1 .column1 .padding{background:url(images/west.jpg) top left no-repeat; padding:20px 13px 3px 15px;}
#index #middle .columns1 .column2 .padding{background:url(images/west.jpg) top left no-repeat; padding:20px 13px 3px 15px;}
#index #middle .columns1 .column3 .padding{background:url(images/west.jpg) top left no-repeat; padding:20px 13px 3px 15px;}
#index #middle .columns1 .p1 {padding:1px 0 7px 0;}
#index #middle .columns2 {padding:21px 0 0 0;}
#index #middle .columns2 .column1 .padding {padding:2px 21px 0 17px;}
#index #middle .columns2 .column2 .padding {padding:2px 18px 0 21px;}
#index #middle .columns2 .column1 .p1 {padding:2px 0 15px 0;}
#index #middle .columns2 .column2 .content {padding:2px 0 15px 0;}
#index #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;}


/* index-1 */

#register #middle .indent {padding:10px 0 20px 0;}
#register #middle .column1 .padding1 {padding:1px 20px 0 1px;}
#register #middle .column1 .padding1 .content{padding:1px 0 27px 1px;}
#register #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#register #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#register #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#register #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#register #middle .cols .more {margin-top:-19px;}
#register #middle .cols .p1 {padding:21px 0 1px 0;}

#register #middle .cols {padding:14px 0 0 0;}

#register #middle .column2 .padding{background:url(images/west.jpg) top left no-repeat;padding:9px 13px 3px 15px;}
#register #middle .column2 ul li {font-weight:bold;}
#register #middle .column2 .p1 {padding:1px 0 8px 0;}
#register #middle .column2 .p2 {padding:12px 0 17px 0;}
#register #middle .column2 .p3 {padding:17px 0 17px 0;}

#register #middle .column1 .padding{background:url(images/west.jpg) top left no-repeat;padding:9px 13px 3px 15px;}
#register #middle .column1 ul li {font-weight:bold;}
#register #middle .column1 .p1 {padding:1px 0 8px 0;}
#register #middle .column1 .p2 {padding:12px 0 17px 0;}
#register #middle .column1 .p3 {padding:17px 0 17px 0;}

#register #middle .column3 .padding{background:url(images/west.jpg) top left no-repeat;padding:9px 13px 3px 15px;}
#register #middle .column3 ul li {font-weight:bold;}
#register #middle .column3 .p1 {padding:1px 0 8px 0;}
#register #middle .column3 .p2 {padding:12px 0 17px 0;}
#register #middle .column3 .p3 {padding:17px 0 17px 0;}


/* index-2 */

#login #middle .indent {padding:17px 0 20px 0;}
#login #middle .columns1 .column1 .padding{background:url(images/northeast.jpg) top left no-repeat; padding:2px 13px 3px 50px;}
#login #middle .columns1 .column2 .padding{background:url(images/northwest.jpg) top left no-repeat; padding:2px 13px 3px 15px;}
#login #middle .columns1 .column1 ul {margin-bottom:7px;}
#login #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#login #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;}
#login #middle .columns2 {padding:21px 0 0 0;}
#login #middle .columns2 .column1 .padding {padding:1px 21px 0 17px;}
#login #middle .columns2 .column2 .padding {padding:1px 18px 0 21px;}
#login #middle .columns2 .column1 .p1 {padding:1px 0 10px 0;}
#login #middle .columns2 .column1 .p2 {padding:0 0 4px 0;}
#login #middle .columns2 .column2 .content {padding:1px 0 15px 0;}
#login #middle .columns2 .column2 ul {margin-bottom:1px;}

/* index-3 */

#shop #middle .indent {padding:17px 5px 20px 5px;}
/**
#shop #middle .column1 .padding1 {padding:16px 15px 0 23px;}
#shop #middle .column1 .padding1 .content{padding:5px 0 5px 1px;}
#shop #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#shop #middle .column1 .padding1 .pd {padding:14px 0 0 0;}
#shop #middle .column1 .padding1 .pd2 {padding:10px 0 0 0;}
#shop #middle .column1 .padding1 .pd3 {padding:13px 0 0 0;}
#shop #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#shop #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#shop #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#shop #middle .cols .more {margin-top:-19px;}
#shop #middle .cols .p1 {padding:21px 0 1px 0;}
**/
#shop #middle .cols {padding:14px 2px 0 2px;}

#shop #middle .column1 .padding{background:url(images/west.jpg) top left no-repeat; padding:10px 5px 8px 5px;}
#shop #middle .column1 .p1 {padding:1px 0 11px 0;}
#shop #middle .column1 .p2 {padding:12px 0 11px 0;}
#shop #middle .column1 .p3 {padding:13px 0 6px 0;}

#shop #middle .column2 {padding: 0 5px 0 5px;}
#shop #middle .column2 .padding{padding:10px 5px 8px 5px;}
#shop #middle .column2 .p1 {padding:1px 0 11px 0;}
#shop #middle .column2 .p2 {padding:12px 0 11px 0;}
#shop #middle .column2 .p3 {padding:13px 0 6px 0;}

#userlogin #middle .column2 {padding: 0 5px 0 5px;}
#userlogin #middle .column2 .padding{padding:10px 5px 8px 5px;}
#userlogin #middle .column2 .p1 {padding:1px 0 11px 0;}
#userlogin #middle .column2 .p2 {padding:12px 0 11px 0;}
#userlogin #middle .column2 .p3 {padding:13px 0 6px 0;}

#checkout #middle .column2 {padding: 0 5px 0 5px;}
#checkout #middle .column2 .padding{padding:10px 5px 8px 5px;}
#checkout #middle .column2 .p1 {padding:1px 0 11px 0;}
#checkout #middle .column2 .p2 {padding:12px 0 11px 0;}
#checkout #middle .column2 .p3 {padding:13px 0 6px 0;}

/* index-4 */

#support #middle .indent {padding:17px 0 20px 0;}
#support #middle .column1 .padding1 {padding:2px 22px 0 16px;}
#support #middle .column1 .padding1 .content{padding:2px 0 34px 1px;}
#support #middle .column1 .padding1 .more {padding:0 2px 0 0; line-height:12px;}

#support #middle .column1 .padding2 {padding:34px 23px 0 16px;}
#support #middle .column1 .padding2 .content{padding:6px 0 0 1px;}
#support #middle .column1 .padding2 .more {margin-top:9px;}

#support #middle .column2 .padding{padding:0 13px 3px 15px;}
#support #middle .column2 .margin .padding{padding:0 12px 2px 15px;}
#support #middle .column2 ul {margin:0 0 2px 1px;}
#support #middle .column2 .margin {padding-top:0;}
#support #middle .column2 .p1 {padding:0 0 8px 0;}


/* index-5*/

#index_5 #middle .indent {padding:17px 0 20px 0;}
#index_5 #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px;}
#index_5 #middle .columns1 .column2 .padding{padding:9px 13px 0 15px;}
#index_5 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_5 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_5 #middle .columns1 a{color:#868686; font-size:11px; text-decoration:none;}
#index_5 #middle .columns1 a:hover {text-decoration:underline;}
#index_5 #middle .columns1 .column2 strong{font-size:11px;}

#index_5 #middle .columns2 {padding:22px 0 0 0;}
#index_5 #middle .columns2 .padding {padding:14px 15px 0 17px;}
#index_5 #middle .columns2 .p1 {padding:14px 0 10px 0;}
#index_5 #middle .columns2 .p2 {padding:0 0 4px 0;}

#form .column1 {width:183px;}
#form .column2 {width:521px;}

form .row {height:25px;}
form .row1 {height:34px;}

.input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;}
textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;}
form .div {text-align:right; padding:6px 0 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:33px 15px 17px 17px;}
#index_6 #middle .p1 {padding:6px 0 0 0;}

