@charset "utf-8";


body{margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:100%; background:url(../images/body_bg.jpg) repeat-x #262626}
.clear{clear:both}
h1{padding:0px; margin:0px; color:#000000; font-size:22px}
h2{padding:0px; margin:0px; color:#FFC6C6; font-size:24px; margin-bottom:10px}
form{padding:0px; margin:0px;}

#header_top{width:90%; height:50px; background-color:#181818;}
#header_top #logo{width:850px; float:left; height:auto; font-size:24px; color:#CCCCCC; text-align:left; padding-top:10px; background-image:url(../images/home.png); background-repeat:no-repeat; background-position:5px 8px; padding-left:40px}
#header_top #logo a{font-size:24px; color:#CCCCCC; text-decoration:none}
#header_top #logo a:hover{text-decoration:underline}
#header_top #logo_right{width:40%; height:auto; padding-top:5px; float:right}

#menu{width:90%; height:56px;}
/*----Top MenuSTART*/
#topmenu { height: 40px; padding:0px; padding-top:2px;}
#topmenu .layout { height: 42px; padding:0px }

#topmenu ul { list-style-type: none; padding:0px; margin:0px }
#topmenu ul li { float: left; position: relative; display: inline;/* border-right: 1px solid #ffffff;*/ height: 38px; text-transform:uppercase }
#topmenu ul li.lastitem { border-right: 0px; }
#topmenu ul li a { color: #ffffff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 32px; height: 32px; text-align: center; text-decoration: none; padding: 6px 6px 0 16px; float:left; border-left:1px solid #666666 }
#topmenu ul li a span { display: block; height: 32px; cursor: pointer; float:left; }
#topmenu ul li a span.submenu { float:left }
#topmenu ul li a:hover { background-image: url(../images/menu_hover.gif); background-position:center top; background-repeat:no-repeat; color: #000000; text-decoration: none; }
#topmenu ul li a:hover span.submenu { background-image: url(../images/submenu_hover_arrow.gif); background-position: bottom; background-repeat: no-repeat; }

#topmenu ul li ul { background-color: #CCCCCC; border: 1px solid #797979; border-top: none;  display: block; list-style-type: none; position: absolute; left: 0px; top:6px; visibility: hidden; width: 182px; z-index: 1000; }
#topmenu ul li ul li { border-right: 0px; width: 182px; height: 30px; float: none; display: list-item; text-align: left; margin: 0px; padding:0px }
#topmenu ul li ul li a { color:#333333; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 26px; height: 26px; width: 165px; text-align: left; text-decoration: none; padding: 0px 5px 0px 12px; border:none }
#topmenu ul li ul li a:hover { background-image: none; background-color:#999999; color: #000000; text-decoration: none; }
#topmenu ul li ul li ul { top: 0px; display: none; z-index: 2000; }
/*----Top Menu----<<END*/

#wrapper_top{height:70px; width:90%; text-align:left}
#wrapper_top span{color:#979797; text-transform:uppercase; text-decoration:none; font-weight:bold}
#wrapper_top span a{color:#979797; text-transform:uppercase; text-decoration:underline; margin-right:20px}
#wrapper_top span a:hover{text-decoration:none; color:#FFC6C6; }

#wrapper{
	width:90%;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

	background-color:#f2f2f2;
	text-align:left
}

#wrapper #left_panel{width:75%; float:left; background-image:url(../images/sidebar-bg.png); background-repeat:repeat-y; background-position:right;/* background-color:#*/}
#wrapper #left_panel #content{width:100%; padding:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; -khtml-border-radius-topleft:10px;
-webkit-border-radius-topleft:10px;
border-radius-topleft:10px;-khtml-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
border-radius-bottomleft:10px;
}
#wrapper #left_panel #content p.underh1{color:#666666; font-style:italic; padding:0px; margin:0px}
#wrapper #left_panel #content .holder{background-color:#FFFFFF; border:#9d9d9d 1px solid; -moz-border-radius:5px; padding:5px; width:95%; margin:10px 0 10px 0; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#wrapper .tab_head{background-image:url(../images/tab-head.png); background-repeat:repeat-x; background-position:0px -30px; height:35px; color:#FFC6C6; text-shadow:#666666 1px 1px; font-size:12px; font-weight:bold; padding:0px 10px 0px 10px;}
.tab_head a{color:#FFC6C6; text-shadow:#666666 1px 1px; font-size:12px; font-weight:bold; text-decoration:none}
.tab_head a:hover{text-decoration:underline}
.name_panel{background-color:#e6e6e6; color:#000000; text-shadow:#cccccc 1px 1px; font-size:11px; font-weight:bold}
.td{height:30px; vertical-align:middle; border-right:#cccccc 1px solid; padding:3px; border-right:#cccccc 1px solid}
#wrapper #right_panel{width:25%; float:left; }
.table{border-bottom:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid}

thead{ cursor:pointer;}
#oddeven tr:nth-child(odd)		{ background-color:#eee; }
#oddeven tr:nth-child(even)		{ background-color:#fff; }
/* Button code starts here*/
.button{
	border:0px;
	background-image:url(../images/button.jpg);
	background-repeat:repeat-x;
	width:79px;
	height:27px;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}
.button:hover {
	background-image:url(../images/button_hover.jpg);
}

.button_bg{
	border:0px;
	background-image:url(../images/button_bg.jpg);
	/*background-repeat:repeat-x;*/
	width:140px;
	height:27px;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}
.button_bg:hover {
	background-image:url(../images/button_bg_hover.jpg);
}
/* Button code ends here*/

/* Textfield code starts here*/
.textbox{width:250px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:13px; border:1px solid #999999; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
.textbox1{width:100px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:13px; border:1px solid #999999; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
.textbox:focus{border:1px solid #4c8ea9; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}

.textbox_small{width:200px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:13px; border:1px solid #999999; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
.textbox_small:focus{border:1px solid #4c8ea9; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}

.field_textarea{width:300px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:13px; border:1px solid #999999; height:100px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
.field_textarea:focus{border:1px solid #4c8ea9; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
/* Textfield code end here*/

.error_message
{
width: 850px;
height: 50px
	padding:10px;
	border:1px solid #FF0000;
	background-image:url(../images/error_msgbg.jpg);
	background-repeat:repeat-x;
	/*Rounded Corner*/
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	margin-bottom:10px;
}
.error_img
{
	height:32px;
	width:32px;
	margin:0 0 0 0;
	padding:0px;
	float:left;
}
.error_head
{
	height: 50px;
	width:auto;
	padding:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
}
.clear
{
	clear:both;
}
.success_message{border:1px solid #00CC00;background-image:url(../images/success_msgbg.jpg);}
.success_head{color:#009900;}

.error{border:1px solid #ff3300; color:#ff3300}
.success{border:1px solid #109129; color:#109129}

.tab_even{background-image:url(../images/menu_bg.jpg); background-repeat:repeat-x; color:#084877; height:20px; padding:2px}

.form_table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border:1px solid #9D9D9D;
	margin-bottom:10px;
	background-color:#F2F2F2;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	/*behavior: url(border-radius.htc);*/
}
.form_table a{color:#4E4E4E; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
.form_table .row{color:#000000;}
.form_table .row:hover{background-color:#e5f0f6; color:#1667b0}
.form_table tr.tab_even td{padding:12px; border:0px}
.form_table .table_head{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:600}

.even_tr{background-color:#FFFFFF;}
.odd_tr{background-color:;}
.red_tr_even{background-color:#ffaba3}
.red_tr_odd{background-color:#ff958e}

.prod_name{color:#e1632e; font-size:20px}

.textlink a{ color:#FFFFFF; text-decoration:underline}
.textlink a:hover, .textlink a.active{ color:#FFFFFF; text-decoration:none}


/* Lightbox */
.overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height:5000px;
background-color:#000000;
opacity: 0.6;
}

.overlay_on{
	position: absolute;
	top: 176px;
	left: 220px;
	z-index: 1000;
	width: 90%;
	text-align:center;
}

.tabs_holder_on_layer{width:700px; background:#fefefe; margin:auto; border:1px solid #9dc845; height:auto; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.tabs_holder_on_layer .tabs_header{width:700px; height:35px; background-color:#fefefe; float:left}
.tabs_holder_on_layer .tabs_header .head{}t
.tabs_holder_on_layer .tabs_content_holder{width:500px; height:auto; float:left;}
.tabs_holder_on_layer .tabs_content_holder .tab_contents, .tabs_holder_on_layer .tabs_content_holder .scroller_side{width:700px; height:auto; float:left; display:block; text-align:left}
.tabs_holder_on_layer .tabs_content_holder .tab_contents .tour_head{padding:5px; margin:10px 0 5px 10px}
.tabs_holder_on_layer .tabs_content_holder .tab_contents .tour_des{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fefefe; margin:0 0 10px 15px}

.sel1{width:268px; padding:4px; border:1px solid #dbdbdb; background:#ffffff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}



/*++++++++++++++++++++++++++++++++ Pagination ++++++++++++++++++++++++++++++++++++++++*/

.left_arrow_pagination{float:left; margin:0 10px 0 0; width:17px; display:block; text-align:center; cursor:pointer;}

.right_arrow_pagination{float:left; margin:0 0 0 12px; width:17px; display:block; text-align:center; cursor:pointer;}

.page_num_pagination_current{background-color:#005DA2; float:left; margin-left:2px; color:#FFFFFF; padding:2px 5px 2px 5px; display:block; width:auto; text-align:center; cursor:pointer; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}

.page_num_pagination{background-color:#ffffff; float:left; margin-left:2px; color:#66528F; padding:2px 5px 2px 5px; display:block; width:auto; text-align:center; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}

.dot_pagination{float:left; margin-left:2px; color:#000000; padding:2px; display:block; width:10px; text-align:center;cursor:pointer;}




/*********************************Extra CSS*****************************/

.form_title_header{background:#E9E9E9}

/*********************************LESS MORE CSS*****************************/
.event_list{width:auto; height:180px; overflow:hidden}
.more_events{display:block; width:100%; text-align:center; border:1px dashed #000000; cursor:pointer; margin:0}
.more_events span#less_events{display:block; width:40%; text-align:left; float:left; margin:0 0 0 10%}
.more_events span#more_events{display:block; width:40%; text-align:right; float:left; margin:0 10% 0 0}
.more_events span#less_events:hover, .more_events span#more_events:hover{color:#FF0000}
.more_events:hover{background:#FFFFCC}

.alert-box {
	color:#555;
	border-radius:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
	padding:10px 36px;
	margin:10px;}
	.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
	.notice {
	background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}

body_pagination {
    background: #dfdfdf;
    color: #666;
    font: 14px/24px sans-serif;
}
#container {
    width: 350px;
	float:right;
    margin: 0 auto;
    padding: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #EEE;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #000;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.rcount {
    color: white;
    display: inline-block;
    position: relative;
    padding: 2px 5px;
}

.rcount_badge {
    background-color: #fa3e3e;
    border-radius: 2px;
    color: white;
    padding: 1px 2px;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
}