/*Cross-browser settings
------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,a,blockquote,fieldset,input,hr,table {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,a,pre,code,address,caption,cite,code,em,strong,th,li {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
 font-size: 12px; font-style: normal; font-weight: normal; text-transform: none; letter-spacing: normal; line-height: 18px;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

/*Layout
------------------------------------------------------------*/
*{margin:0;}
html, body {height:100%;}
body {background:#f0f0f0 url(../img/body.png) repeat-x top left; color:#4c4c4c;}
#wrapper{min-height:100%; height:auto !important; height:100%; margin:0 auto; padding:0; margin-bottom:-35px;}
#footer, .push{height:35px;}
#innerwrapper{margin:0 auto; padding:0; border:0 none; width:1000px;}


/*General conditioners
------------------------------------------------------------*/

.blue{color:#3399ff;}
img{border:0;}
.clear{clear:both;}
a:active {outline:none;}
:focus {-moz-outline-style:none;}
a {text-decoration:none; color:#3399ff;}
.bigblue{font-size:19px; font-weight:bold; color:#3399ff; border-bottom:2px solid #fff;}
.bigtitle{font-size:16px; font-weight:bold; color:#3399ff; padding:15px 0 5px 20px;}
.blueita{color:#3399ff; font-weight:bold; }
.ita{font-style:italic;}
span.spacer{margin:0; padding:0; width:15px;}

/*Header section
------------------------------------------------------------*/
#header{margin:0 auto; padding:0;}
#header table{width:100%; height:70px;}
#header .logo1{border:0 none; width:176px; height:70px; margin:0; padding:0;margin-top:-1px; margin-right:-36px;}
#header table ul{margin:0 45px;}
.uppnav ul{margin:0 auto; padding:0; float:left;}
.uppnav li{display: inline; cursor: pointer;}
.uppnav a{float: left; color:#f2f2f2; font-size: 13px; font-weight:700; line-height: 1.4em; text-decoration:none; margin:26px 10px 0 10px; padding:0; 
	border-bottom:2px solid transparent;}
.uppnav a:hover, .uppnav a.active{border-bottom: 2px solid #3399ff;}
#header table input.field{border: 1px solid #c5dbec; background: #fff; font-weight: bold; color: #2e6e9e; outline: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0; padding:5px; width:210px; }
#header table input.button{margin:0; padding:3px !important;}


/*Button section
------------------------------------------------------------*/
.fg-button {outline: none; margin:0 4px 0 0; padding: .3em 0.5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1;}


/*Second navigation section
------------------------------------------------------------*/
ul.bottomnav{list-style-type: none; margin: 0; padding:15px 0 15px 10px; float:left; }
.bottomnav li{display: inline; cursor: pointer;}
.bottomnav a{float: left; outline:none; color:#a6a6a6; font-size: 13px; font-style: normal; font-weight:700;  line-height: 18px; text-decoration:none; margin:0 16px; padding:0; border-bottom:2px solid transparent;}
.bottomnav a:hover, .bottomnav a.active1{border-bottom: 2px solid #3399ff;}
.bottomnav a.bottomnavtitle{cursor:default;}
.bottomnav a.bottomnavtitle:hover{border-bottom:2px solid #fff;}

/*Content section
------------------------------------------------------------*/
#container {margin:15px 0 0 0; padding:0; border:0 none;}
#slider{margin:0; padding:0;}
.main{float:left; margin:10px 0 10px 0; padding:10px; width:550px; border:1px solid #e6e6e6; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sidebar{float:right; margin: 10px 0 10px 10px; padding:10px; width:390px; border:1px solid #e6e6e6; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.bigmain{margin:0 0 10px 0; padding:10px; width:978px; border:1px solid #e6e6e6; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden;}
div.hr {height:1px; background: #e6e6e6 url(../img/hr.png) no-repeat scroll center;}
div.hr hr {display: none;}
.banner{ margin:0; padding:0; border:0 none;}
.banner1{ margin:15px 0 0 84px; padding:0; border:0 none; width:812px; height:240px;}
.banner2{ margin:30px 0 0 50px; padding:0; border:0 none; width:880px; height:175px;}
.banner img{margin:15px 0 0 100px;}
.leftcol,.leftcol1, .rightcol, .nocol{margin:5px; padding:0px; width:473px; float:left;}
.leftcol{border-right:1px solid #dfdfdf;}
.accordioncontainer{margin:25px 10px 0 10px; padding:0;}
.homeaccordioncontainer{margin:15px 5px 0 5px; padding:0;}
.accordioncontainer .ui-accordion-content, .homeaccordioncontainer .ui-accordion-content{margin:0; margin-top:-2px; padding:5px; background:#fcfdfd url(../img/ui-bg_inset-hard_100_fcfdfd_1x100.png) repeat-x scroll 50% bottom; border:1px solid #79b7e7; border-top:0 none;}
.homeaccordioncontainer .ui-accordion .ui-accordion-content {padding:5px; height:200px;}

.accordioncontainer .ui-state-default, .accordioncontainer .ui-widget-content .ui-state-default, .homeaccordioncontainer .ui-state-default, 
.homeaccordioncontainer .ui-widget-content .ui-state-default{background:#dfeffc url(../img/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50%; 
	border:1px solid #c5dbec;}
.accordioncontainer .ui-state-hover, .accordioncontainer .ui-widget-content .ui-state-hover, .homeaccordioncontainer .ui-state-hover, 
.homeaccordioncontainer .ui-widget-content .ui-state-hover{background:#d0e5f5 url(../img/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50%; 
	border:1px solid #79b7e7;}
.accordioncontainer .ui-state-active, .accordioncontainer .ui-widget-content .ui-state-active, .homeaccordioncontainer .ui-state-active, 
.homeaccordioncontainer .ui-widget-content .ui-state-active{background:#f5f8f9 url(../img/ui-bg_inset-hard_100_f5f8f9_1x100.png) repeat-x scroll 50% 50%; 
	border:1px solid #79b7e7;}
.smallleft, .smallmiddle, .smallright{margin:5px; padding:0px; width:312px; float:left;}
.smallleft, .smallmiddle{border-right:1px solid #dfdfdf;}
.smallleft ul, .smallmiddle ul, .smallright ul{margin:5px 10px; padding:2px;}
img.industry{border:0 none; float:left; margin:10px 10px 5px; padding:0;}
table.gall td{vertical-align:middle; padding:0 15px;}
input.field1, textarea.field1{font-family:"Lucida Grande", Tahoma, Arial, sans-serif; color:#333; margin:0; padding:3px; 
	border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; 
	background:#fff url(../img/fieldbg.gif) repeat-x top; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
img.support{margin:0 0 0 24px; padding:10px; border:0 none;}
.nocol a, .leftcol a, .leftcol1 a, .rightcol a, .smallleft a, .smallmiddle a, .smallright a, .bigmain p a, .main a, .sidebar a{text-decoration:none; color:#3399ff;}
.nocol a:hover, .leftcol a:hover, .leftcol1 a:hover, .rightcol a:hover, .smallleft a:hover, .smallmiddle a:hover, .smallright a:hover, .bigmain p a:hover,
.main a:hover, .sidebar a:hover{text-decoration:underline;}
.bigmain a.frontpage{font-size:1px; line-height:1px; margin:0; padding:0;}
.bigmain a.frontpage img{margin:0; padding:0; margin-bottom:-10px;}

/*Text section
------------------------------------------------------------*/
.main h2, .sidebar h2{padding:10px 10px 5px 10px;  text-transform:uppercase; color:#3399ff; font-weight:bold;}
.bigmain h3{font-size:13px; font-weight: bold; line-height: 1.5em; margin:0; padding:10px; color:#18497a; text-indent:20px;}
.bigmain h3.contact{font-size:13px; font-weight: bold; line-height: 1.5em; margin:0; padding:10px; color:#18497a;text-indent:0px !important;}
form.contactform legend{font-size:16px; font-weight: bold; line-height: 1.5em; margin:0; padding:10px 10px 10px 0; color:#18497a; text-indent:30px;}
form.contactform img{padding-left: 156px;}
.bigmain p, .main p, .sidebar p{padding:10px 10px 5px 10px; text-indent:15px;}
.bigmain p.contact{padding:10px 10px 5px 10px; text-indent:0px !important;}
.accordioncontainer h3, .homeaccordioncontainer h3{font-size:13px; font-weight:bold; line-height:16px; margin:0; padding:10px 5px;color:#2E6E9E; text-indent:20px;}
.accordioncontainer h3.ui-state-active, .homeaccordioncontainer h3.ui-state-active{color:#222;}
#inline_example1 h3, #inline_example2 h3, #inline_example3 h3, #inline_example4 h3{font-size:13px; font-weight:bold; line-height:16px; margin:0; 
	padding:10px 5px;color:#2E6E9E; text-indent:10px;}
.leftcol h2, .rightcol h2, .nocol h2{font-size: 13px; line-height: 1.4em; margin:1px 0px 1px 5px; padding:5px; width:448px; background:#eeeeee; color:#222222; 
	border:0 none; border-bottom:1px solid #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.leftcol p, .leftcol1 p, .rightcol p, .nocol p, .leftcol ul, .rightcol ul{margin:0 0 0 5px; padding:10px 30px 10px 5px;}
p.readmore{text-align:right; padding:0 30px 10px 0; margin-top:-5px;}
.smallleft h2, .smallmiddle h2, .smallright h2{font-size: 13px; line-height: 1.4em; margin:1px 0px 1px 3px; padding:5px; width:287px; background:#eeeeee; color:#222222; 
	border:0 none; border-bottom:1px solid #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
p.gallerycomics{margin-left:60px;}

form.contactform {margin:0 0 0 150px; padding:10px;}
form.contactform label { width: 10em; float: left; }
form.contactform label.captchaLabel{margin-top: -10px;text-indent: 0px; padding-left: 18px;}
form.contactform label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
form.contactform p { clear: both; }
form.contactform span.feedbackPanelERROR{color:red;padding-left:180px;}
form.contactform em { font-weight: bold; padding-right: 1em; vertical-align: top; color:#3399ff;}


/*Footer section
------------------------------------------------------------*/
#footer{float:none; clear:both; text-align:center; font-size:10px; }
#footer p{padding:8px 0; background:#eee; border:1px solid #ccc; color:#555555; width:600px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0 auto;}


/*Banner slider section
------------------------------------------------------------*/
/*preload classes*/ 
.svwp {width: 50px; height: 20px; background: #fff;} 
.svwp ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.slideViewer {position: relative; overflow: hidden;  margin: 0 0 1px 0; z-index:100;} 
.slideViewer ul {margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.slideViewer ul li {  float:left; } 
.stripTransmitter { overflow: auto; width: 1%; z-index:500;} 
.stripTransmitter ul { margin: 0 0 0 920px; margin-top:-40px; padding: 0; position: absolute; list-style-type: none; z-index:200;} 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #eee; color: #555; border:1px solid #ccc; 
	text-decoration: none; display: block; outline:none; -moz-border-radius: 3px; -webkit-border-radius: 3px;} 
.stripTransmitter a:hover, a.current{ background: #fff; color: #4c4c4c; border:1px solid #3399ff;outline:none;
}  


/*Overlay carousel section
------------------------------------------------------------*/
.carouselcontainer{float:left; width:502px; height:282px; margin:5px 10px; padding:0;}
.carousel1 {width:500px !important; height:280px !important; padding: 0; overflow: scroll; border: 1px solid #999;}
.carousel1 ul {list-style: none; width: 2500px; margin: 0; padding: 0; position: relative;}
.carousel1 li {display: inline; float: left; z-index:90;}
#btn_lt{z-index:92 !important;}#btn_rt{z-index:93 !important;}



/*Benefits tab section
------------------------------------------------------------*/
.swapdivs{margin:0; padding: 20px;}
#tabSelector {float:left; width:210px;}
#tabSelector li a{width:230px; text-align:left; padding:6px; margin:0px 10px 0 0; color:#333; display:block; text-decoration:none;}
#tabSelector li a:hover{color:#3399ff; }
#tabSelector li a.selected {color:#000; cursor:default; font-weight:bold; background:#f5f8f9 url(../img/ui-bg_inset-hard_100_f5f8f9_1x100.png) repeat-x scroll 50% 50%; 
	border:1px solid #79b7e7; }

.tabContainer {width:680px; height:250px; margin:0px 0 0 235px; padding:0 0 0 10px;}
.tabContainer h3 {padding:40px 0 10px 40px; color:#3399ff;}
.tabContainer p {padding:10px 40px; text-align:left; width:320px; line-height:25px;}
#Tab0{background: #fff url(../img/swap1.jpg) top right no-repeat;height:250px;}
#Tab1{background: #fff url(../img/swap2.jpg) top right no-repeat;height:250px;}
#Tab2{background: #fff url(../img/swap3.jpg) top right no-repeat;height:250px;}
#Tab3{background: #fff url(../img/swap4.jpg) top right no-repeat;height:250px;}
#Tab4{background: #fff url(../img/swap5.jpg) top right no-repeat;height:250px;}
#Tab5{background: #fff url(../img/swap6.jpg) top right no-repeat;height:250px;}
#Tab6{background: #fff url(../img/swap7.jpg) top right no-repeat;height:250px;}

/*Fashion tab section
------------------------------------------------------------*/
.fashiondivs{margin:0; padding: 10px 0;}
.fashioncontainer{width:95%; height:29px; background:#DFEFFC url(../img/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50%; border:1px solid #C5DBEC;
	 -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0 auto; padding:2px;}
#tabfSelector{padding:0 42px; }
ul#tabfSelector li{float:left;}
#tabfSelector li a{text-align:center; font-size: 10.4px; line-height: 1.5em;  padding:6px 10px; margin:0; color:#333; display:block; text-decoration:none;}
#tabfSelector li a:hover{color:#2E6E9E; }
#tabfSelector li a.selected {color:#3399ff; cursor:default; background:#f5f8f9 url(../img/ui-bg_inset-hard_100_f5f8f9_1x100.png) repeat-x scroll 50% 50%; 
	border:1px solid #C5DBEC;  -moz-border-radius: 5px; -webkit-border-radius: 5px;font-weight:normal; }

.tabfContainer {width:970px; margin:0px auto; padding:0;}
.tabfContainer h3 {padding:40px 0 10px 40px; color:#3399ff;}
.tabfContainer h4 {padding:10px 0 10px 40px; color:#2E6E9E; font-weight:bold;}
.tabfContainer p {padding:10px 40px; text-align:left; line-height:25px;}
.fashionimg{float:right; padding:20px 20px 0 10px;}

/*Industry banner section
------------------------------------------------------------*/
ul.thumb {float: left; list-style: none; margin: 0; padding: 0; width: 880px;}
ul.thumb li {margin: 0; padding: 3px; float: left; position: relative; width: 140px; height: 140px;}
ul.thumb li img {width: 130px; height: 130px; border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 0;
	-ms-interpolation-mode: bicubic;}
ul.thumb li img.hover {	background:url(../img/thumb_bg.png) no-repeat center center; border: none;}