* {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}
html, body{
font:12px normal Arial, Verdana, "san-serif";
}
h3 {
padding-bottom:20px;
text-align:center;
font-size:15px;
}
h4 {
padding-bottom:10px;
font-size:14px;
text-align:center;
}

.wrapper {

width:520px;
}
.selectTabs_first, .selectTabs_second {
margin-bottom:50px;
overflow:hidden;
}
.content p {
padding-bottom:10px;
color:#666;
}
.content div{
display:none;
}
.content .tab1 {
display:block;
}

/*variant 1*/
.selectTabs_first {
padding:3px 3px 0 3px;
border-top:2px solid #009ee8;
border-bottom:2px solid #009ee8;
}
.selectTabs_first .content_wrap {
width:100%;
margin-right:-200px;
background:#f6f3ee;
}
.selectTabs_first .lineTabs {
width:167px;
float:left;
}
.selectTabs_first .lineTabs li {
width:100%;
height:54px;
float:left;
text-indent:15px;
margin-bottom:20px;
color:#fff;
line-height:54px;
}
.selectTabs_first .lineTabs a {
padding-right:10px;
display:block;
background:#009ee8;
position:relative;
font-weight:bold;
font-size:12px;
text-align:left;
color:#fff;
text-transform:uppercase;
width:150px;

}




.selectTabs_first .lineTabs a:last-child {
padding-right:10px;
display:block;
background:#009ee8;
position:relative;
font-weight:bold;
font-size:12px;
text-align:left;
color:#fff;
text-transform:uppercase;
width:150px;

}


.selectTabs_first .lineTabs li.active a {
width:150px;
color:#fff;
font-size:12px;
background:#203863;
}

.selectTabs_first .lineTabs li  a:hover {
width:150px;
color:#fff;
font-size:12px;
background:#017cb5;
}

a.reg{background:#36aee7; height:30px; line-height:20px; color:#fff !important; padding:10px;}
a.regg{background:#36aee7; margin-left:30px; height:30px; line-height:20px; color:#fff !important;  padding:10px;}
a.reg:hover, a.regg:hover{background:#203863; color:#fff;}

.selectTabs_first .content {
width:340px;
float:right;
text-align:left;
height:357px;
}

/*variant 2*/
.selectTabs_second .lineTabs a {
border:1px solid #eee;
}
.selectTabs_second .lineTabs a {
border-bottom-color:#cc0000;
}

.selectTabs_second .lineTabs li {
display:inline-block;
*display:inline;
*zoom:1;
}
.selectTabs_second .lineTabs {
margin-left:20px;
}
.selectTabs_second .lineTabs a {
margin:0 0 -1px -5px;
*margin:0 0 -1px -1px;
padding:0 20px;
height:30px;
line-height:30px;
display:block;
font-size:10px;
color:#000;
font-weight:bold;
text-transform:uppercase;
-moz-border-radius:8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0;
border-radius:8px 8px 0 0;
}
.selectTabs_second .lineTabs li.active a {
position:relative;
color:#cc0000;
border-color:#cc0000;
border-bottom-color:#fff;
}

.selectTabs_second .content {
padding:15px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #cc0000;
}
.selectTabs_second .content .tab2 {
text-align:center;
}
.selectTabs_second .content .tab2 img, .selectTabs_second .content .tab3 img {
border:1px solid #eee;
}
.selectTabs_second .content .tab2 img {
margin: 15px 17px;
}
.selectTabs_second .content .tab3 img {
margin:3px 10px 10px 0;
float:left;  
}