@charset "utf-8";
html, body {
height : 100%;
width : 100%;
margin : 0;
padding : 0;
background-color : #000000;
}
div {
outline : none;
}
a {
outline : none;
}
.wrapper {
width : 100%;
height : 100%;
}
h5 {
color : #c0c0c0;
font-family : Arial, Verdana, Tahoma;
font-size : 24px;
line-height : 24px;
display : inline;
font-weight : normal;
}
a img {
border : 0;
}
.wrapheader {
display : table-cell;
text-align : center;
vertical-align : middle;
width : 100%;
height : 7%;
background : url(../images/wrap-bg.png) repeat;
}
.wrapheader * {
vertical-align : bottom;
}
.wrapheader {
display : block;
}
.wrapheader span {
display : inline-block;
height : 100%;
}
.wrapbody {
display : table-cell;
vertical-align : middle;
width : 100%;
min-height : 82%;
height : 88% !important ;
height : 88%;
}
.wrapbody * {
vertical-align : middle;
}
.wrapbody {
display : block;
}
.wrapbody span {
display : inline-block;
height : 100%;
}
.wrapfooter {
display : table-cell;
text-align : center;
vertical-align : middle;
width : 100%;
height : 3%;
padding : 0;
padding-top : 1%;
margin : 0;
float : left;
min-width : 984px;
background-image : url(../images/wrap-bg3.png);
background-repeat : repeat-x;
background-position : bottom;
width : 100%;
}
.wrapfooter * {
vertical-align : middle;
}
.wrapfooter {
display : block;
}
.wrapfooter span {
display : inline-block;
height : 100%;
width : 1px;
}
#top {
display : inline-block;
padding : 0;
margin : 0;
padding-left : 5%;
min-width : 916px;
float : left;
width : 94%;
height : 100%;
}
#top-left {
float : left;
height : 10%;
text-align : left;
color : #ffffff;
font-family : Arial, Verdana, Tahoma;
font-size : 14px;
width : 70%;
}
#tws {
margin-top : 5px;
padding-right : 5px;
width : 100%;
height : 1000%;
float : left;
background : url(../images/tws-logo.png) no-repeat;
}
#tws-slogan {
display : inline;
float : left;
width : 250px;
padding-top : 5px;
color : #ffffff;
font-family:"Times New Roman", Times, serif;
font-size : 20px;
vertical-align : top;
}
#top-right {
padding-top : 5px;
float : left;
height : 10%;
color : #ffffff;
font-family : Arial, Verdana, Tahoma;
font-size : 14px;
width : 30%;
}
#banner-msg {
padding : 0;
padding-bottom : 1%;
margin : 0;
float : left;
width : 95%;
min-height : 45%;
height : 47% !important ;
height : 47%;
text-align : right;
color : #ffffff;
font-family : Georgia, Arial, Verdana, Tahoma;
font-size : 60px;
}
.txt36wite {
color : #ffffff;
font-family : Georgia, Arial, Verdana, Tahoma;
font-size : 36px;
line-height : 36px;
height : 56px;
display : inline;
}
.txt36fr {
color : #51c2e0;
font-family : Georgia, Arial, Verdana, Tahoma;
font-size : 36px;
line-height : 36px;
height : 56px;
display : inline;
}
#mid-bottom {
padding : 0;
margin : 0;
padding-bottom : 2%;
float : left;
width : 100%;
min-height : 43%;
height : 43% !important ;
height : 43%;
}
#footer-txt {
padding-left : 5%;
padding-right : 5%;
color : #747474;
font-family : Arial, Verdana, Tahoma, Georgia;
font-size : 12px;
}
#footer-btn {
padding : 0;
margin : 0 auto;
width : 200px;
color : #747474;
text-decoration : none;
font-size : 12px;
}
#footer-btn a {
color : #747474;
text-decoration : none;
font-size : 10px;
}
#footer-btn a:hover {
color : #ffffff;
text-decoration : none;
}
#footer-left {
padding : 0;
margin : 0;
float : left;
width : 175px;
display : block;
}
.wraptocenter {
display : table-cell;
text-align : center;
vertical-align : middle;
width : 100%;
height : 50%;
}
.wraptocenter * {
vertical-align : middle;
}
.wraptocenter {
display : block;
}
.wraptocenter span {
display : inline-block;
height : 100%;
}
#tabs {
position : relative;
top : 2px;
display : inline-block;
padding : 0;
margin : 0;
float : left;
min-width : 950px;
width : 96%;
height : 31px;
text-align : right;
padding-right : 4%;
}
.btn-tab {
min-width : 175px;
width : 13%;
height : 24px;
float : right;
padding-right : 0.5em;
border-top : 1px solid #362d30;
border-right : 1px solid #362d30;
border-left : 1px solid #362d30;
background-image : url(../images/tabs-bg.png);
background-repeat : repeat-x;
color : #b8b8b8;
font-family : Georgia, Arial, Verdana, Tahoma;
font-size : 18px;
padding-top : 5px;
text-decoration : none;
}
.btn-tab:hover {
background-image : url(../images/tabs-hover-bg.png);
background-repeat : repeat-x;
color : #383838;
}
.btn-tab a {
color : #b8b8b8;
text-decoration : none;
}
.btn-tab a:hover {
color : #000000;
text-decoration : none;
}
.testimonial {
margin-top : 4px;
margin-bottom : 4px;
margin-right : 4px;
float : left;
overflow : hidden;
width : 22%;
height : 145px;
padding-top : 10px;
padding-left : 10px;
display : block;
color : #ffffff;
font-family : Arial, Verdana, Tahoma, Georgia;
font-size : 11px;
text-decoration : none;
overflow : hidden;
}
.testimonial a {
color : #ffffff;
text-decoration : none;
}
.testimonial a:hover {
color : #ffffff;
text-decoration : underline;
}
.showcase-main {
display : inline-block;
padding : 0;
margin : 0;
float : left;
min-height : 95%;
height : 100% !important ;
height : 100%;
width : 100%;
background-image : url(../images/wrap-bg.png);
background-repeat : repeat;
border-top : 1px solid #362d30;
}
.showcase {
display : inline-block;
padding : 0;
padding-top : 5px;
padding-left : 5%;
margin : 0;
float : left;
min-width : 916px;
height : 55px;
color : #ffffff;
font-family : Georgia, Arial, Verdana, Tahoma;
font-size : 38px;
text-align : left;
}
.showcase-head {
color : #a64564;
font-family : Georgia, Arial, Verdana, Tahoma;
font-size : 38px;
}
.showcase-head1 {
color : #ffffff;
font-family : Georgia, Arial, Verdana, Tahoma;
font-size : 38px;
}
.thumbs {
display : inline-block;
padding : 0;
margin : 0;
float : left;
min-width : 100%;
width : 95% !important ;
width : 95%;
height : 145px;
color : #ffffff;
font-family : Arial, Verdana, Tahoma, Georgia;
font-size : 13px;
text-align : left;
}
.footerlinks {
margin-top : 4px;
margin-bottom : 4px;
margin-right : 4px;
margin-left : 5%;
float : left;
overflow : hidden;
width : 15%;
height : 120px;
padding-top : 10px;
padding-left : 10px;
display : block;
color : #ffffff;
font-family : Arial, Verdana, Tahoma, Georgia;
font-size : 11px;
text-decoration : none;
}
.footerlinks a {
color : #ffffff;
text-decoration : none;
}
.footerlinks a:hover {
color : #ffffff;
text-decoration : underline;
}
.productcatagory {
margin-top : 4px;
margin-bottom : 4px;
margin-right : 4px;
margin-left : 5%;
float : left;
overflow : hidden;
width : 15%;
height : 120px;
padding-top : 10px;
padding-left : 15px;
display : block;
color : #ffffff;
font-family : Arial, Verdana, Tahoma, Georgia;
font-size : 11px;
text-decoration : none;
}
.productcatagory a {
color : #ffffff;
text-decoration : none;
}
.productcatagory a:hover {
color : #5387e0;
text-decoration : none;
}
.productcatagory ul {
padding : 0;
margin : 0;
}
.productcatagory li {
padding : 0;
margin : 0;
list-style : circle;
}
#thumbs-buttons {
padding : 0;
margin : 0;
padding-left : 5%;
padding-right : 10px;
float : left;
width : 26px;
height : 137px;
}
#thumbs-left {
padding : 0;
margin : 0;
float : left;
width : 26px;
height : 40px;
background-image : url(../images/thumbs-btn-bg.png);
background-repeat : no-repeat;
background-position : top;
padding-left : 10px;
}
#thumbs-right {
padding : 0;
margin : 0;
float : left;
width : 26px;
height : 28px;
background-image : url(../images/thumbs-btn-bg.png);
background-repeat : no-repeat;
background-position : bottom;
padding-left : 10px;
}
.white-btn {
color : #ffffff;
font-family : Georgia, Arial, Verdana, Tahoma;
font-size : 21px;
text-decoration : none;
}
.white-btn a {
color : #ffffff;
text-decoration : none;
}
.white-btn a:hover {
color : #ffffff;
text-decoration : none;
}
.grey-btn {
color : #585858;
font-family : Georgia, Arial, Verdana, Tahoma;
font-size : 21px;
}
.grey-btn a {
color : #585858;
text-decoration : none;
}
.grey-btn a:hover {
color : #585858;
text-decoration : none;
}
.stepcarousel {
margin : 0;
padding : 0;
position : relative;
overflow : scroll;
width : 90%;
height : 136px;
}
.stepcarousel .belt {
position : absolute;
left : 0;
top : 0;
}
.stepcarousel .panel {
margin-left : 4px;
margin-right : 4px;
float : left;
overflow : hidden;
width : 198px;
padding : 5px;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
border-top : 1px solid #000000;
border-bottom : 1px solid #000000;
background-color : #141412;
display : block;
}
.stepcarousel .panel-info {
padding-left : 0;
width : 198px;
height : 13px;
float : left;
color : #b8b8b8;
font-family : Arial, Verdana, Tahoma;
font-size : 10px;
padding-top : 8px;
text-decoration : none;
text-align : left;
}
.stepcarousel .panel-info a {
text-decoration : none;
color : #b8b8b8;
}
.stepcarousel .panel-info a:hover {
text-decoration : underline;
color : #b8b8b8;
}
.stepcarousel .grey11 {
color : #696969;
font-family : Arial, Verdana, Tahoma;
font-size : 10px;
text-decoration : none;
}
.stepcarousel .grey11 a {
color : #696969;
text-decoration : none;
}
.stepcarousel .grey11 a:hover {
color : #696969;
text-decoration : underline;
}
.clear {
clear : both;
line-height : 0;
margin : 0;
padding : 0;
}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
line-height:18px;
z-index:100;
background:url(../images/wrap-bg.png) repeat;
width: 210px;
visibility: hidden;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:capitalize;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #362d30;
padding:5px;
text-decoration: none;
font-weight: normal;
color: #5387E0;
}


.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background:url(../images/wrap-bg1.png) repeat;
color:#FFFFFF;

}