html, body {
	height:100%;
	margin: 0 0 20px 0;
}
body {
	background: #000;
	margin: 0 0 20px 0;
	font: 13px Arial;
	color: #000;
}

.awarre {
	width:100%;
	height:36px;
	margin:0 auto 25px auto;
	float:left;
}


a.banner {
	width:551px;
	height:136px;
	background: url(img/carl-ocab-banner.jpg) no-repeat;
	display:block;
	text-indent:-9999%;
}

.shopcart {
	width:491px;
	height:30px;
	text-align:left;
	float:left;
	font:13px Arial, Helvetica, sans-serif;
}
.shopcart .one {
	/*width:73px;*/
	width:69px;
	/*height:30px;*/
	height:21px;
	padding:9px 0 0 4px;
	float: left;
}
.shopcart .two {
	/*width:264px;*/
	width:260px;
	height:21px;
	padding:9px 0 0 4px;
	float: left;
}
.shopcart .three {
	/*width:85px;*/
	width:81px;
	height:21px;
	padding:9px 0 0 4px;
	float: left;
}
.shopcart .four {
	/*width:69px;*/
	width:65px;
	height:21px;
	padding:9px 0 0 4px;
	float: left;
}
.shopcartbody {
	width:491px;
	height:46px;
	text-align:left;
	float:left;
	font:13px Arial, Helvetica, sans-serif;
}
.shopcartbody .one {
	/*width:73px;*/
	width:69px;
	/*height:30px;*/
	height:29px;
	padding:17px 0 0 4px;
	float: left;
}
.shopcartbody .two {
	/*width:264px;*/
	width:260px;
	height:29px;
	padding:17px 0 0 4px;
	float: left;
	text-align:left;
}
.shopcartbody .three {
	/*width:85px;*/
	width:81px;
	height:29px;
	padding:17px 0 0 4px;
	float: left;
	text-align:left;
}
.shopcartbody .four {
	/*width:69px;*/
	width:65px;
	height:29px;
	padding:17px 0 0 4px;
	float: left;
	text-align:center;
}







.navigation {
	width:501px;
	padding: 0 25px;
	margin:0 auto 0 auto;
	height:37px;
	text-align: left;
	font: 10px arial;
	background:#cc0000;
	
}

.navigation ul {list-style:none; margin:0 auto; padding:0; float:left;}
.navigation ul li { display:block; float:left; margin:0; padding:0;}
.navigation a:link ,.navigation a:visited {
	color:#ffffff;
	
	font:11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;
	padding:17px 29px 5px 0;
	height:19px;
	display:inline-block;
	float:left;
	text-decoration:none;
}
.navigation a:hover, .navigation a:active  {
	color:#fff;
	font:11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;
	padding:17px 29px 5px 0;
	height:19px;
	display:inline-block;
	float:left;
	text-decoration:underline;
}











.navigation1 {
	width:511px;
	padding: 0 20px;
	margin:0 auto 0 auto;
	height:40px;
	text-align: left;
	font: 10px arial;
	
}
textarea { font:12px Arial, Helvetica, sans-serif; }
.navigation1 ul {list-style:none; margin:0 auto; padding:0; float:left;}
.navigation1 ul li { display:block; float:left; margin:0; padding:0;}
.navigation1 a:link ,.navigation1 a:visited {
	color:#ffffff;
	text-decoration:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;
	padding:21px 15px 5px 0;
	height:19px;
	display:inline-block;
	float:left;
}
.navigation1 a:hover, .navigation1 a:active  {
	color:#fff;
	text-align:center;
	padding:21px 15px 5px 0;
	height:19px;
	display:inline-block;
	float:left;
	text-decoration:underline;
}








#ucuc   { cursor:pointer; }
#nav {
	width:100%;
	height:20px;
	border-bottom:1px dotted #999;
	font:13px Arial, Helvetica, sans-serif;
	clear:both;
	margin:16px auto 15px auto;
	padding-bottom:6px;
	float:left;
	word-spacing:5px;
	color:#000;
}
#nav a:link, #nav a:visited { color:#00447a; }
.nav_left {
	width:75%;
	height:20px;
	float:left;
}
.nav_right {
	width:20%;
	height:20px;
	float:right;
	text-align:right;
}

a:link, a:visited{
	color: #00447a;
}

#gtop { display:none; position:fixed; right:5px; bottom:5px; padding:10px 20px; text-align:center; background:#FFFFFF; }
#gtop a:link, #gtop a:visited { color:#fff;font:bold 25px arial; text-decoration:none;  }
hr {
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: dotted;
	max-height: 1px;
	border-width: 1px;
	height: 1px;
	margin: 20px 0 10px 0;
	clear: both;
	float:left;
	border-color: #999;
}
.log_left {
	width:26.5%;
	height:20px;
	float:left;
	display: block;
	text-align:right;
	padding-right:2%;
	margin:0px auto 4px auto;
	font: bold 13px arial; color:#000000;
}
.marg_top { width:100%; height:auto; margin-bottom:20px;}
.log_right {
	width:70.3%;
	height:20px;
	float:right;
	text-align:left;
	margin:0px auto 4px auto;
	font: 11px Arial, Helvetica, sans-serif;
	color:#000000;
	vertical-align: top;
	padding-left:1px;
	display: block;
}
.log_right input { font-family:Arial, Helvetica, sans-serif; }
.log_righttext input { font-family:Arial, Helvetica, sans-serif; }
.log_righttext {
	width:70.3%;
	height:auto;
	float:right;
	text-align:left;
	margin:0px auto 4px auto;
	font: 11px Arial, Helvetica, sans-serif; color:#000000;
	vertical-align: top;
	padding-left:1px;
	display: block;
}
.log_img {
	width:80%;
	float: left;
	padding-left:17%;
	margin:0px auto 4px auto;
	height:auto;
	display: block;
	text-align:right;
}
.log_left_med {
	width:33%;
	height:20px;
	float:left;
	text-align:right;
	padding-right:1%;
	margin:0px auto 4px auto;
	font: bold 13px arial;
	color:#000000;
}
.log_right_med {
	width:65.7%;
	height:auto;
	float:right;
	text-align:left;
	margin:0px auto 5px auto;
	font: 11px arial; color:#000000;
}

.log_right input {
		display: block;
		float: left;
		
}
.input_check {
		display: block;
		margin-top:0px;
		padding:0px;
}
.log_right label {
		display: block;
		float: none;
		clear:none;
		margin-top:0px;
}

.textarea { background:#fff; border: 1px solid #9a989b; width:301px; height:66px; font:13px Arial, Helvetica, sans-serif;}
.input_border { background:#fff; border: 1px solid #9a989b; display:block; font:12px Arial, Helvetica, sans-serif; }
.input{
   width:192px;
   height:15px;
   font: Arial, Helvetica, sans-serif;
}
.input1{
   width:213px;
   font:12px Arial, Helvetica, sans-serif;
   height:15px;
   margin-left:5px;
}
.input3{
   width:178px;
   height:15px;
   background:#fff; 
   border: 1px solid #9a989b;
   display:block;
}
select.input4{
   width:180px;
   height:20px;
   background:#fff; 
   border: 1px solid #9a989b;
   display:block;
   scrollbar-base-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:fff;
	scrollbar-track-color:#fff;
	scrollbar-arrow-color:none;
	overflow:auto;
}



.content {
	width:100%;
	height:auto;
}
/*.blur { color:#999; font:12px Arial, Helvetica, sans-serif; }*/
#page {
	margin: 0 auto;
	width: 575px;
}

#white {
	/*border: 3px solid #000;*/
	float:left;
	background: #000;
	width:561px;
	position:relative;
	margin: 0 auto 0 12px;

}
.sign_in { background: url(img/log_in.png) no-repeat; width:122px; height:32px; border:0px; margin:-6px 0px 0px 0px; }
.regist { background:url(img/register.jpg) no-repeat; width:122px; height:33px; border:0px; margin-bottom:3px; }
.submit { background:url(images/submit.png) no-repeat; width:119px; height:33px;border:0px; }
#main {
	height:100%;
	min-height:100%;
	margin: 0 auto 0 auto;
/*	border-top: 1px solid #474747;
	border-left: 1px solid #474747;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;*/
	background:#fff;
	/*width:511px;*/
	width:491px;
	padding:10px 30px 40px 30px;
	border-top:7px solid #cc0000;
	font: Arial, Helvetica, sans-serif;
	
}

/******************************
*                     Headings                        *
******************************/

h1 {
	/*color: #bd0000;*/
	color:#000000;
	/*font: bold 24px Verdana;*/
	font:bold 17px Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 15px 0 0 0;
}

h2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	margin: 20px 0 35px 0;
}

h4 { 
	font: bold 17px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	margin: 15px 0 15px 0;
}



.feedback {
	width:116px;
	height:15px;
	background:#000000;
	font:bold 15px Arial, Helvetica, sans-serif;
	padding:11px;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	position:fixed;
	bottom:0;
	color:#fff;
	left:10%;
	text-transform:uppercase;
	cursor:pointer;
}
.feedback:hover {
	padding-bottom:15px;
}
.feedback a{
	text-decoration:none;
	color:#fff;
}





.leftvid {
	margin: 0 20px 0 0;
	float: left;
}

.left {
	margin: 0 10px 0 0;
	float: left;
}

.center {
	text-align: center;
}

.imgp {
	margin: 10px 0 0 0;
}

.buyyellowbox {
	background: #ffffcc;
	border: 7px dashed #c00;
	width: 446px;
	margin: 0 auto;
	padding: 20px;
}

.buyyellowbox h4 {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000080;
	margin: 0 0 15px 0;
}

.bluebox {
	background: #f0f9fe;
	border: 1px solid #000000;
	width: 453px;
	margin: 0 auto;
	padding: 20px;
}

.bluebox h4 {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000080;
	margin: 0 0 15px 0;
}




.blueright {
	margin: -10px 0 0 0;
	float: right;
	width: 190px;
}




.yellowbox {
	background: #ffffcc;
	border: 1px solid #c00;
	width: 453px;
	margin: 0 auto;
	padding: 20px;
}

.yellowbox h4 {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #e00000;
	margin: 0 0 15px 0;
}

.yellowright {
	margin: -10px 0 0 0;
	float: right;
	width: 355px;
}



.guarantee {
	margin: 0 auto;
	border: 1px solid #eaf4da;
	padding: 0;
	width: 500px;
	background: url(img/guaranteeborder.gif);
}

.guarantee-box {
	border: 1px solid #eaf4da;
	padding: 15px;
	margin: 15px;
	background: #eaf4da;s
}

.me {
	float:right;
	margin: 0 0 10px 10px;

}

.audio {
	float: right;
}



 li {
	margin: 0 0 10px 0;
}

ol li {
	margin: 0 0 10px 0;
}

.alignright {
	float: left;
	margin: 0 10px 0 0;
}


.login_box { width:300px; height:auto; padding:10px 0px 2px 0px; background:#ffffcc; border:3px solid #fdeabf; margin:0; clear:both; }
.login_box_a { width:300px; height:auto; padding:10px 0px 2px 0px; background:#ffffcc; border:3px solid #fdeabf; margin:10px 100px 10px 100px; float:right; }
.login_box a:link, .login_box  a:visited { font:11px Arial; color:#00447a; }
.form-main {padding:1px 2px 7px 2px;margin: 0 auto; text-align:center;}
.form-small { font:12px arial; color:#000000; }
.form-submit {margin:0 auto; padding:5px 0px 0px 0px; width:445px;}
.form-label1 {font: bold 14px arial; color:#000000;padding-right:10px; padding-left:10px; padding-top:20px;}
.form-label2 {font: bold 13px arial; color:#000000;margin-top:7px; float:left;}
.form-label3 {font: bold 14px arial; color:#000000;padding-right:5px; }
.form-text {width:262px;border:1px solid #999999;}
.form-btn {background: url(img/btn.jpg) no-repeat; width:445px; height:60px;display:block; border:0px;}	
#error_box { background:#ffd0d0; border:3px solid #ff9090; width:85%; height:auto; padding:6px 60px 5px 6px; margin:15px 0 10px 0; }
#error_box .e_found { background: url(images/error.png) left no-repeat; padding-left:20px; font:13px Arial; }

#success_box { background:#ffffcc; border:3px solid #ffe9bb; width:85%; height:auto; padding:6px 60px 5px 6px; margin:15px 0px 10px 0px; }

.norm_b { color:#000; }
.cent { text-align:center; }
.bold { font:bold 15px Arial, Helvetica, sans-serif; }
.smallbox {
	width:100%;
	height:30px;
	clear:both;
	float:left;
	margin-top:5px;

}


.paging {
	background:#e0f2ff; padding:10px; float:left; width:93%; margin:10px 0 0 15px; text-align:center; font:bold 11px Arial, Helvetica, sans-serif; color:#000000;
}
.paging span { color:#999999; font:bold 11px Arial, Helvetica, sans-serif;}
.paging a {
	color:#00447a;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#covers {
	width:100%;
	height:auto;
	margin:10px 0px 0px 20px;
	float:left;
}
#box { 
	border:2px solid #ccc;
	width:90%; 
	height:200px; 
	color:#333333; 
	margin:5px auto;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	padding:10px;
}
.tb_bg {
	background:url(img/tb_bg.jpg) repeat-x;
	height:27px;
	width:100%;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
}
.jam td { border:thin solid #fff; }
.jam tr {
	background:#eee;
}
.jam tr:hover {
	background:#ccffcc;
}
.admim { width:100%; text-align:center; float:left; }
.admim img {
	width:50px;
	height:50px;
	padding:10px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:10px;
}
.admim img:hover {
	padding:10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:10px;
}




.form-main .boxcheck {
	height:13px;
	width:13px;
/*	background:url(img/checkbox.png) no-repeat;*/
/*	outline: 1px solid #9a989b;
	border:1px solid #9a989b;*/
	margin:0px 6px 0px 0px;
}

.t_rep {
	height:auto;
	margin:14px 0 15px 0;
	padding-left:1px;
	width:100%;
}

.t_rep p {
	margin-left:9px;
	padding-right:15px;
	padding-bottom:7px;
}

.t_rep a:link, .t_rep a:visited { color:#0000ff;}
.boxtable {	width:100%;	height:auto; text-align:left; margin:4px 0 22px 0; float:left;	padding-left:1px;padding-right:9px;font:normal 12px/18px Arial, Helvetica, sans-serif;}
.boxtable strong { font-weight: bold; }
.boxtable a:link, .boxtable a:visited { color:##00447A;}
.boxtable .col1 { width:50%; float:left; overflow:hidden;text-align:left; padding-left:10px; }
.boxtable .col2 { width:25%;float:left; text-align:left; }
.boxtable .col3 { width:20%;float:right; text-align:left; clear: right;}

.boxfor { width:273px; height:auto; float:left; text-align:right; margin:21px 12px 10px 0px; font: bold 13px arial; padding-right:6px; }
.boxforright { width:200px; height:auto; float:right; margin:25px 0px 21px 0px; font:12px Arial, Helvetica, sans-serif;  }

.boxforright_gray {
	background:#eeeeee;
}
.t_rep_space { margin-bottom:24px; }
.boxforright_gray_S {
	padding:5px 7px 6px 11px;
	height:auto;
	width:100%;
}
.boxforright p { margin-left:12px; }

.mbot { margin-bottom:21px;}
.gray {
	background:#eeeeee;
}
.gray_space {
	padding:4px 0px 5px 7px;
	margin-bottom:-5px;
}

.boxfor textarea {
	width:269px;
	height:117px;
	font:Arial, Helvetica, sans-serif;
}

.input3{
   width:178px;
   height:15px;
   background:#fff; 
   border: 1px solid #9a989b;
   display:block;
   font:Arial, Helvetica, sans-serif;
}

.login_box { width:300px; height:auto; padding:10px 0px 2px 0px; background:#ffffcc; border:3px solid #fdeabf; clear:both; float:left; margin:1px auto 18px auto; }
.login_box_a { width:300px; height:auto; padding:10px 0px 2px 0px; background:#ffffcc; border:3px solid #fdeabf; margin:10px 100px 10px 100px; float:right; }
.login_box a:link, .login_box  a:visited { font:11px Arial; color:#00447a; }
.form-main {padding:1px 2px 7px 2px;margin: 0 auto; text-align:center;}
.form-small { font:12px arial; color:#000000; }
.form-submit {margin:0 auto; padding:5px 0px 0px 0px; width:445px;}
.form-label1 {font: bold 14px arial; color:#000000;padding-right:10px; padding-left:10px; padding-top:20px;}
.form-label2 {font: bold 13px arial; color:#000000;margin-top:7px; float:left;}
.form-label3 {font: bold 14px arial; color:#000000;padding-right:5px; }
.form-text {width:262px;border:1px solid #999999;}

.calendar * { margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday { background: #ddd; }
.calendar .today { font-weight: bold; color: #f00; }
.calendar a { padding: 0 2px; color: #000; text-decoration: none; }
.calendar a:hover { background: #bbb; }
.calendar table { border-collapse: collapse; font-size: 90%; }
.calendar tbody td { width: 20px; }
.calendar td, .calendar th { padding: 1px; text-align: center; }
.calendar thead td { border-bottom: 1px solid #aaa; }
.calendar thead td { font-weight: bold; }
.calendar thead th a { font-size: 95%; font-weight: bold; }
.calendar thead th { padding: 2px 0; vertical-align: middle; background: #ddd; }
.calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; }
.calendaricon { cursor: pointer; }
.calendarlink, .calendaricon { margin: 0 3px; }

.spacef { margin-bottom:25px; float:right;}
.space { margin-top:7px; float:right;}
.box_u { margin:0px auto; }
.boxfor input { margin:4px auto; font:Arial, Helvetica, sans-serif;}
.space_bet { margin:10px 0 6px 0; width: 100%; height:auto; float:left; text-align:right; padding:3px 0px 4px 0px; background:#eeeeee;}
.space_bet_s { margin:0 0 -7px 0; height:auto; float:none;}
.space_bet_r { margin:0 0 -5px 0; width: auto; height:auto; float:none;}

/******************************
*                        Footer                        *
******************************/

#footer {
	background:#000;
	width:511px;
	padding: 0 20px;
	margin:20px auto 20px auto;
	/*border-top: 1px solid #999;*/
	text-align: left;
	/*margin: 20px 0 20px 0;*/
	font: 10px arial;
	/*padding: 10px 0 0 0;*/
	color: #fff;
	
}

.footer a {
	color: #fff;
}	



.contenttwo {
	color:#000;
	width:auto;
	margin:0 0 -20px 0;
	padding-right:10px;
	font: 13px Verdana;
}
.contenttwo h1 {
	color: #bd0000;
	font: bold 24px Verdana;
	text-align: center;
	margin: 15px 0 0 0;
}

.contenttwo h2 {
	font: 15px Verdana;
	font-weight: bold;
	text-align: center;
	color: #000;
	margin: 20px 0 35px 0;
}

.contenttwo h4 { 
	font: 17px Georgia;
	font-weight: bold;
	text-align: center;
	color: #000;
	margin: 15px 0 15px 0;
}

.contenttwo  .yellowbox h4 {
	font: 13px Verdana;
	font-weight: bold;
	text-align: center;
	color: #e00000;
	margin: 0 0 15px 0;
}

/*------------------ Admin side --------------------*/


.myway { background:#ffffff; margin:20px auto; }
.myway thead td{
	background:#e6e6e6;
	padding:5px 0;
}

.myway tbody td {
	background:#ffffff;
	border-bottom:1px solid #ccc;
	margin:0;
	padding:5px;
}
.aw {
	width:auto;
	height:20px;
	padding:0;

}

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