m/* ========================================================================== */

/*  General Resets and Fixes                                                  */

/* ========================================================================== */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd,  ul, 

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: top;

}

.support-reg-table, .tcat {
	vertical-align: middle;
}


/* remember to define focus styles! */

:focus {	outline: 0; }



ol, ul {  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */

table {	border-collapse: separate;	border-spacing: 0; }

caption, th, td {	text-align: left;	font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {	content: ""; }

blockquote, q {	quotes: "" ""; }

blockquote { background:url(../images/quotes.png) no-repeat; background-position:0px 4px; padding:15px; padding-left:58px; padding-top:0px; font-style:oblique;  margin-bottom:15px; }

blockquote strong { font-weight:bold; font-size:15px; }



/* ========================================================================== */

/*  General & Helper Styles                                                   */

/* ========================================================================== */

body {   margin:0px;

         padding:0px;

         background:#393939;

         color:#444444;

         font-family:Arial, Helvetica, "Lucida Grande";

         font-size:12px;

         line-height:18px;

     }



.containit {

  min-width:940px;

  width:940px;

  margin-left:auto;

  margin-right:auto;

  padding-left:10px;

  padding-right:10px;

}

.style-switcher {

  border-top:1px solid #444444;

  position:fixed;

  z-index:999;

  top:40%;

  left:0px;

  background:transparent;

  color:#ffffff;

  padding:0px;

}

ul.style-switcher li a img {

  width:20px;

  height:20px;

  border-bottom:1px solid #444444;

  border-left:1px solid #444444;

  border-right:1px solid #444444;

}

ul.style-switcher li { }

#browserWarning a { color:#ffcda7; text-decoration:underline; }

#browserWarning a:hover { color:#ffffff; text-decoration:underline; }



.main-content {

  background:#ffffff url(../images/main-content-background.jpg) top repeat-x;

  color:#606060;

  min-width:960px;

  min-height:200px;

  font-size:14px;

  line-height:22px;

  padding-bottom:20px;

}

.smalltext,.smalltext font,tcat img {
 line-height:14px;
 vertical-align:middle;
}


.support_table {


}

a { color:#1084b2; }

a:hover { color:#4b9aad; }

p {

  margin-top:0px;

  margin-bottom:15px;

}

a img {

  border:none;

}

.rel {

  position:relative; z-index:2;

}

.abs {

  position:absolute; z-index:2;

}

.vm {

  vertical-align:middle;

}

.smaller-font {   font-size:13px; }

.small {

  font-size:10px; line-height:14px;

}

.big {

  font-size:20px; line-height:26px;

}

.fl{

  float:left;

}

.fr {

  float:right;

}

.mt10 {

  margin-top:10px;

}

.mb10 {

  margin-bottom:10px;

}

.pt10 {

  padding-top:10px;

}

.pt15 {

  padding-top:15px;

}

.mb2 {

  margin-bottom:2px;

}

.pt2 {

  padding-top:2px;

}

.mb4 {

  margin-bottom:4px;

}

.pt4 {

  padding-top:4px;

}

.pb10 {

  padding-bottom:10px;

}

.mt15 {

  margin-top:15px;

}

.mt20 {

  margin-top:20px;

}

.mb20 {

  margin-bottom:20px;

}

.pt20 {

  padding-top:20px;

}

.pb20 {

  padding-bottom:20px;

}

.mt0 {

  margin-top:0px !important;

}

.pt0 {

  padding-top:0px !important;

}

.mb0 {

  margin-bottom:0px !important;

}

.pb0 {

  padding-bottom:0px !important;

}

.separator {

  border-top:1px dotted #dbdbdb;

  padding-top:10px;

  margin-top:10px;

}

table.bottomborder {
	margin-bottom:10px;
	border-bottom:1px dotted #dbdbdb;

}

.center {

  text-align:center;

}

.right {

  text-align:right;

}

.left {

  text-align:left;

}

.block {

  display:block;

}

.italic{

  font-style:oblique;

}

.clear { clear:both; }

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */

.wide-horz-divider {

  background:url(../images/wide-horz-divider.jpg) center; height:1px; width:940px;

}

.border-vert-left {

  background: url(../images/tall-vert-divider.jpg) left bottom no-repeat;

}

.border-vert-right {

  background: url(../images/tall-vert-divider.jpg) right top no-repeat;

}

.border-vert-left-alt {

  background: url(../images/tall-vert-divider-alt.jpg) left top no-repeat;

}

.border-vert-right-alt {

  background: url(../images/tall-vert-divider-alt.jpg) right top no-repeat;

}

.boxed {

  border:1px solid #dfdfdf; padding:15px;

    }

.boxed-harder {

  border:1px solid #d2d2d2;  padding:15px;

   }

.with-background {  background:url(../images/roundabout-item-bg.png) repeat-x bottom; }



.banner125px {

  width:125px;

  margin-right:20px;

  margin-bottom:20px;

  float:left;

}

.banner125px-last {

  width:125px;

  margin-right:0px;

  margin-bottom:20px;

  float:left;

}

.meta {

  font-size:12px;

  background:url(../images/icons/icon-comments.png) no-repeat left;

  padding-left:25px;

}



/* ========================================================================== */

/*  Main Navigation                                                           */

/* ========================================================================== */

.main-menu {  min-width:960px; background: #3a3a3a url(../images/menu-background.png) repeat-x top;   height:80px;  }

.main-menu .ornament { height:80px; background: transparent url(../images/main-menu-ornament.png) no-repeat center; }

.main-menu .logo {  position: absolute;
	margin-left: auto; 
	margin-right: auto;
	padding-left:-15px;
 z-index:100 }

.main-menu .menu {  padding-top:23px;  float:right;  text-align:right; font-size:15px;  }

.menu .last { background:transparent; margin-right:0px; padding-right:0px;}

.menu .last a{  padding-right:0px;}



.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

    z-index:99999;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;
	

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:	block;
	
	text-transform:uppercase;
	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0px;

	top:			12px; /* match top ul list item height */

	z-index:		99999;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10.8em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

/*** arrows **/

ul.sf-menu a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.8em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}



/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; 	top: 1em; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

}

.sf-shadow ul.sf-shadow-off { 	background: transparent; }



#navigation { position:relative; z-index:999999; }



#navigation ul { float:right;  margin:0 0 0 0; }

#navigation li { display:block; float:left;  background: url(../images/main-menu-divider.png) no-repeat right;  }



#navigation a {

    text-align:center;

	display:block;

	padding:8px 8px 8px 15px;

    padding-right:25px;

    padding-left:22px;

	float:left;

	color:#FFFFFF;

	text-decoration:none;

}



#navigation a:hover a {  text-decoration:none; }

#navigation ul ul {  margin:26px 0 0 0; width:192px; text-transform:none;  padding-top:20px; }

#navigation ul ul ul {  margin:-1px 0 0 32px; text-transform:none; 	border-bottom:none; }

#navigation ul ul li { margin-left:0px;  }



#navigation ul ul li a {

    background:#313131;

	margin-left:0px;

	width:170px;

	padding:10px 10px 10px 12px;

    text-align:left;

    font-size:14px;

    line-height:19px;

}

#navigation ul ul { }

#navigation ul ul li a:hover { background:#252525; }

#navigation a:hover, #navigation .active a {  color:#65c3eb;  }

#navigation ul ul {  background: transparent url(../images/menu-ul-top.png) top repeat-x;  }

#navigation ul ul ul {

      background:transparent;

      padding-top:0px;

       }

#navigation ul ul li { 	 border-bottom:1px solid #434343; background:transparent;  }

#navigation .last {  border:none; background:transparent; }





/* ========================================================================== */

/*  Header Stylings Home and Inner                                            */

/* ========================================================================== */

.bg1 {  background: #175586 url(../images/slide-1-background.jpg) center top no-repeat; }
.bg2 {  background: #51781f url(../images/slide-5-background.jpg) center top no-repeat; }


.ipb_table tr.header { height:20px}


.header {   min-width:960px; height:387px; overflow:hidden; position:relative; z-index:5;  }

.header-alt {   min-width:960px; height:277px !important;  position:relative; z-index:5;  }

.header-alt-sec {  min-width:960px; height:310px;  position:relative; z-index:5;  }



.header-inner {  min-width:960px; height:100px;  position:relative; z-index:5;  }



.header .slide { width:100%; height:387px; color:#ffffff; }

.header-alt .slide { width:100%; height:277px !important; color:#ffffff; }

.header-alt-sec .slide { width:100%; height:310px; color:#ffffff; }



.header-inner .background { width:100%; height:100px; color:#ffffff; }

.header-inner h1 { padding-top:30px; float:left; }

.header-inner .buttons { padding-top:29px; float:right;}

.header-inner .subtitle { padding-top:42px; float:right; }

.header-inner .subtitle h3 { color:#ffffff; font-style:oblique; }

.header a { color:white}
.header a:hover { color:#dddddd;text-decoration:none}


.header a.big-home-button:hover { color:#000000;text-decoration:none}

.header h2 {
	text-shadow: #6374AB 0 1px 2px;

}

.header-alt .slide p, .header .slide p, .header-alt-sec .slide p { font-size:14px; }



.pt-alt {    padding-top:110px; }

.pt-alt-sec {    padding-top:80px; }



.height-limit1 {  height:88px; overflow:hidden;  }

.height-limit2 {  height:110px; overflow:hidden;  }

.height-limit3 {  height:152px; overflow:hidden;  }



.ornament-right {    background:url(../images/header-ornament-right.png) no-repeat top center;   height:387px;  }

.ornament-left {    background:url(../images/header-ornament-left.png) no-repeat top center;  height:387px;  }



.icon-to-left {  float:left;  padding-right:14px;  padding-bottom:10px; }

.icon-to-right {   float:right;  padding-left:14px;  padding-bottom:10px; }



.top-shadow {

  background: url(../images/top-shadow.png) repeat-x;

  height:22px;

  width:100%;

  position:absolute;

  z-index:30;

  top:0px;

  left:0px;

}

.bottom-shadow {

  background: url(../images/bottom-shadow.png) repeat-x;

  height:22px;

  width:100%;

  position:absolute;

  z-index:30;

  bottom:0px;

  left:0px;

}





/* ========================================================================== */

/*  Column Arrangements & Grid                                                */

/* ========================================================================== */

.full-width {

  width:940px;

  padding-top:20px;

}

/* one half */

.full-width .one-half {

  width:470px;

  float:left;

  padding-right:0px;

  padding-bottom:20px;

}

.full-width .one-half-last {

  width:470px;

  margin-right:0px;

  float:left;

  padding-right:0px;

  padding-bottom:20px;

}

.full-width .one-half .pad, .full-width .one-half-last .pad {  padding-left:20px; padding-right:20px; }

.full-width .one-half .padleft, .full-width .one-half-last .padleft {  padding-left:20px;  }

.full-width .one-half .padright, .full-width .one-half-last .padright {  padding-right:20px;  }



/* one third */

.full-width .one-third {

  width:300px;

  margin-right:20px;

  float:left;

  padding-right:0px;

  padding-bottom:20px;

}

.full-width .one-third-last {

  width:300px;

  margin-right:0px;

  float:left;

  padding-right:0px;

  padding-bottom:20px;

}

.full-width .one-third .pad, .full-width .one-third-last .pad {  padding-left:20px; padding-right:20px; }

.full-width .one-third .padleft, .full-width .one-third-last .padleft {  padding-left:20px;  }

.full-width .one-third .padright, .full-width .one-third-last .padright {  padding-right:20px;  }



.full-width .one-third .image, .full-width .one-third-last .image {

  border:1px solid #dbdbdb;

  width:284px;

  height:auto;

  margin-bottom:10px;

  margin-top:15px;

}

.full-width .one-third .image img, .full-width .one-third-last .image img {  width:276px; height:156px; border:4px solid #ffffff; padding:0px; margin:0px; }



/* two thirds */

.full-width .two-third {

  width:620px;

  margin-right:20px;

  float:left;

  padding-right:0px;

  padding-bottom:20px;

}

.full-width .two-third-last {

  width:620px;

  margin-right:0px;

  float:left;

  padding-right:0px;

  padding-bottom:20px;

}

.full-width .two-third .pad, .full-width .two-third-last .pad {  padding-left:20px; padding-right:20px; }

.full-width .two-third .padleft, .full-width .two-third-last .padleft {  padding-left:20px;  }

.full-width .two-third .padright, .full-width .two-third-last .padright {  padding-right:20px;  }

.full-width .two-third .image, .full-width .two-third-last .image {

  border:1px solid #dbdbdb;

  width:598px;

  height:auto;

  margin-bottom:0px;

  margin-top:15px;

}

.full-width .two-third .image img, .full-width .two-third-last .image img {  width:590px; border:4px solid #ffffff; padding:0px; margin:0px;   }

.full-width .two-third .image-shadow, .full-width .two-third-last .image-shadow {

  padding-top:22px;

  background: url(../images/pj-shadow-wide.jpg) top center no-repeat;

}



/* one fourth */

.full-width .one-fourth {

  width:220px;

  margin-right:20px;

  float:left;

  padding-bottom:20px;

}

.full-width .one-fourth-last {

  width:220px;

  margin-right:0px;

  float:left;

  padding-bottom:20px;

}

.full-width .three-fourth {

  width:700px;

  margin-right:20px;

  float:left;

  padding-bottom:20px;

}

.full-width .three-fourth-last {

  width:720px;

  margin-right:0px;

  float:left;

  padding-bottom:20px;

}

.full-width .one-fourth .image, .full-width .one-fourth-last .image ,.full-width .three-fourth .image, .full-width .three-fourth-last .image {

  border:1px solid #dbdbdb;

  width:214px;

  height:124px;

  margin-bottom:10px;

  margin-top:15px;

}

.full-width .one-fourth .image img, .full-width .one-fourth-last .image img {   width:206px; border:4px solid #ffffff; padding:0px; margin:0px; }

.full-width .one-fourth .text, .full-width .one-fourth-last .text { margin-bottom:12px;}

.text-button { padding-bottom:0px; }

.text-button a { text-decoration:none; font-size:14px; }

.text-button a:hover { text-decoration:none; }

.full-width .one-fourth .pad, .full-width .one-fourth-last .pad {  padding-left:20px; padding-right:20px; }

.full-width .one-fourth .padleft, .full-width .one-fourth-last .padleft {  padding-left:20px;  }

.full-width .one-fourth .padright, .full-width .one-fourth-last .padright {  padding-right:20px;  }



/* one fifth */

.full-width .one-fifth {

  width:172px;

  margin-right:20px;

  float:left;

  padding-bottom:20px;

}

.full-width .one-fifth-last {

  width:172px;

  margin-right:0px;

  float:left;

  padding-bottom:20px;

}

.full-width .one-fifth .pad, .full-width .one-fifth-last .pad {  padding-left:10px; padding-right:10px; }

.full-width .one-fifth .padleft, .full-width .one-fifth-last .padleft {  padding-left:10px;  }

.full-width .one-fifth .padright, .full-width .one-fifth-last .padright {  padding-right:10px;  }



/* one sixt */

.full-width .one-sixt {

  width:140px;

  margin-right:20px;

  float:left;

  padding-bottom:20px;

}

.full-width .one-sixt-last {

  width:140px;

  margin-right:0px;

  float:left;

  padding-bottom:20px;

}

.full-width .one-sixt .pad, .full-width .one-sixt-last .pad {  padding-left:20px; padding-right:20px; }

.full-width .one-sixt .padleft, .full-width .one-sixt-last .padleft {  padding-left:20px;  }

.full-width .one-sixt .padright, .full-width .one-sixt-last .padright {  padding-right:20px;  }



.full-width  .col1 {  width:700px; float:left; padding-right:20px; padding-top:20px;  }

.full-width  .col2 {  width:220px; float:left; padding-top:20px; }



/* one half of whatever you want */

.half-this {

  width:50%;

  float:left;

}

.half-this-last {

  width:50%;

  float:left;

}

.half-this .padright, .half-this-last .padright {

  padding-right:20px;

}

.half-this .padleft, .half-this-last .padleft {

  padding-left:20px;

}

/* set ul ol defaults */

.full-width ul, .full-width ol {

  margin-bottom:20px;

}

.full-width ul li {

  padding-left:18px;

  margin-left:4px;

  background:url(../images/bullet-bread.png) no-repeat left;

  margin-bottom:4px;

}

.full-width ol {

  list-style:decimal;

  margin-left:24px;

}

.full-width ol li {

  padding-left:0px;

  margin-left:4px;

  margin-bottom:4px;

}





/* ========================================================================== */

/* Generic Text Headings Styles & Breadcrumbs                                 */

/* ========================================================================== */

h1 {

 margin-top:0px;

 margin-bottom:12px;

 font-size:35px;

 line-height:39px;



}



h2 {

  font-size:22px;

  line-height:28px;

  font-weight:normal;

  margin-top:0px;

  margin-bottom:10px;

 

}

h3 {

  margin-top:0px;

  margin-bottom:10px;

  color:#555555;

  font-size:19px;

  font-weight:normal;

}

h4 {

  font-size:17px;

  line-height:22px;

  font-weight:normal;

  margin-top:0px;

  margin-bottom:10px;

}

h5 {

  color:#1084b2;

  margin-top:10px;

  margin-bottom:8px;

  font-size:14px;

  line-height:19px;

  text-transform:uppercase;

}



.breadcrumbs {

  padding-bottom:7px;

  padding-top:13px;

  padding-left:20px;

  background:url(../images/arrow-small-bread.png) no-repeat left;

  float:left;

  width:49%;

}

.breadcrumbs ul {

  list-style:none;

  margin:0px;

  padding:0px;

}

.breadcrumbs ul li {

  background:url(../images/bullet-bread.png) no-repeat left;

  float:left;

  padding-left:14px;

  margin-right:5px;

  font-size:11px;

}

.breadcrumbs .first {

  padding-left:0px;

  background:none;

}

.breadcrumbs a {

  text-decoration:none;

}

.breadcrumbs a:hover {

  text-decoration:underline;

}



.blinks {

  float:right;

  width:40%;

  padding-bottom:0px;

  padding-top:13px;

  text-align:right;

}

.blinks ul {

  list-style:none;

  margin:0px;

  padding:0px;

}

.blinks ul li {

  background:none !important;

  padding-left:0px;

  float:right;

  padding-right:14px;

  margin-left:5px;

  font-size:11px;

}

.blinks a {

  text-decoration:none;

}

.blinks a:hover {

  text-decoration:underline;

}





/* ========================================================================== */

/* Footers                                                                    */

/* ========================================================================== */



/* Big footer */

.top-shadow-footer {

  background: url(../images/top-shadow-footer.png) repeat-x;

  height:22px;

  width:100%;

  position:absolute;

  z-index:30;

  top:0px;

  left:0px;

}

.big-footer {

  background:#175586 url(../images/slide-1-background.jpg) top center no-repeat;

  min-height:200px;

  min-width:960px;

  font-size:12px;

  line-height:19px;

  padding-bottom:24px;

  padding-top:10px;

  color:#ffffff;

  position:relative;

}

.big-footer .big a {
	text-decoration: underline;
}

.big-footer .panel {

  padding-bottom:0px;

}

.big-footer h3 {

  margin-top:0px;

  text-transform:uppercase;

}

.big-footer h4 {

  margin-top:0px;

  text-transform:uppercase;

  letter-spacing:-0.02em;

}

.big-footer .border-vert-left {   background: url(../images/faux-footer-divider.png) top left no-repeat;  min-height:190px;  }

.big-footer .border-vert-right {   background: url(../images/faux-footer-divider.png) top right no-repeat;  min-height:190px;  }

.big-footer ul {  margin:0px;  padding:0px;  list-style:none; }

.big-footer ul li {    padding-left:0px !important;   margin-left:0px !important;  background:url(../images/footer-big-li-divider.png) bottom repeat-x !important; margin-bottom:2px;   padding-top:5px; padding-bottom:5px;  }

.big-footer ul .last {  background:transparent !important; border:none;  }

.big-footer a { text-decoration:underline; color:#ffffff; }

.big-footer a:hover { text-decoration:none; color:#ffffff;  }

.newsletter .field {

  background:url(../images/newsletter-input-bakground.png) no-repeat; width:146px; height:26px;

  border:0px; font-size:12px; padding-left:10px;

}





/* Small Footer */

.small-footer {

  background: #353535 url(../images/footer-background.jpg) repeat-x top;

  background-position:0px -1px;

  min-height:20px;

  min-width:960px;

  color:#9c9c9c;

  padding-top:25px;

  padding-bottom:20px;

  line-height:19px;

}

.small-footer .with-border {

    border-bottom:1px dotted #9c9c9c;

    padding-bottom:15px;

    margin-bottom:15px;

}

.small-footer a {

  color:#9c9c9c; text-decoration:underline;

}
.small-footer .social a {
text-decoration:none;
}
.small-footer a:hover {

  color:#ffffff; text-decoration:none;

}

.small-footer .social ul { list-style:none; margin:0px; padding:0px; }

.small-footer .social ul li {  display:block; float:left; padding-left:10px; padding-right:5px; border-left:1px dotted #7a7a7a; margin-left:8px; }

.small-footer .social ul li a img { margin-right:5px; }

.small-footer .copy {

  width:520px;

  float:left;

}

.small-footer .social {

  width:auto;

  float:right;

}



/* ========================================================================== */

/*  Buttons                                                                   */

/* ========================================================================== */

a.btn-big { background: transparent url(../images/buttons/btn-big-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 59px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #555555; font-family: Arial, Helvetica, sans-serif;  font-size:18px; font-weight:bold; }

a.btn-big span { background: transparent url(../images/buttons/btn-big-left.jpg) no-repeat; display: block; line-height: 59px; padding: 0px 0 5px 18px; text-align:center; }

a.btn-big:hover { background: transparent url(../images/buttons/btn-big-righth.jpg) no-repeat scroll top right;  }

a.btn-big:hover span{ background: transparent url(../images/buttons/btn-big-lefth.jpg) no-repeat;  color:#444444 !important; text-align:center; }



a.btn-big-light { background: transparent url(../images/buttons/btn-big-rightlight.jpg) no-repeat scroll top right; display: block;  float: left; height: 59px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #555555; font-family: Arial, Helvetica, sans-serif;  font-size:18px; font-weight:bold; }

a.btn-big-light span { background: transparent url(../images/buttons/btn-big-leftlight.jpg) no-repeat; display: block; line-height: 59px; padding: 0px 0 5px 18px; text-align:center; }

a.btn-big-light:hover { background: transparent url(../images/buttons/btn-big-rightlighth.jpg) no-repeat scroll top right;  }

a.btn-big-light:hover span{ background: transparent url(../images/buttons/btn-big-leftlighth.jpg) no-repeat;  color:#444444 !important; text-align:center; }



a.btn-green-big { background: transparent url(../images/buttons/btn-big-green-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 59px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif;  font-size:18px; font-weight:bold; }

a.btn-green-big span { background: transparent url(../images/buttons/btn-big-green-left.jpg) no-repeat; display: block; line-height: 59px; padding: 0px 0 5px 18px; text-align:center; }

a.btn-green-big:hover { background: transparent url(../images/buttons/btn-big-green-righth.jpg) no-repeat scroll top right;  }

a.btn-green-big:hover span{ background: transparent url(../images/buttons/btn-big-green-lefth.jpg) no-repeat;  color:#ffffff !important; text-align:center; }



a.btn-orange-big { background: transparent url(../images/buttons/btn-big-orange-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 59px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif;  font-size:18px; font-weight:bold; }

a.btn-orange-big span { background: transparent url(../images/buttons/btn-big-orange-left.jpg) no-repeat; display: block; line-height: 59px; padding: 0px 0 5px 18px; text-align:center; }

a.btn-orange-big:hover { background: transparent url(../images/buttons/btn-big-orange-righth.jpg) no-repeat scroll top right;  }

a.btn-orange-big:hover span{ background: transparent url(../images/buttons/btn-big-orange-lefth.jpg) no-repeat;  color:#ffffff !important; text-align:center; }





a.btn-medium { background: transparent url(../images/buttons/btn-medium-right.jpg) no-repeat scroll top right; display: block; height: 39px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #555555; font-family: Arial, Helvetica, sans-serif;  font-size:14px; font-weight:bold; }

a.btn-medium span { background: transparent url(../images/buttons/btn-medium-left.jpg) no-repeat; display: block; line-height: 39px; padding: 0px 0 5px 18px; text-align:center; }

a.btn-medium:hover { background: transparent url(../images/buttons/btn-medium-righth.jpg) no-repeat scroll top right;  }

a.btn-medium:hover span{ background: transparent url(../images/buttons/btn-medium-lefth.jpg) no-repeat;  color:#444444 !important; text-align:center; }


/* nocufon fix- fxes issues with the quicksand gallery removing button capions */
a.btn-medium-nocufon { background: transparent url(../images/buttons/btn-medium-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 39px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #555555; font-family: Arial, Helvetica, sans-serif;  font-size:14px; font-weight:normal; }
a.btn-medium-nocufon span { background: transparent url(../images/buttons/btn-medium-left.jpg) no-repeat; display: block; line-height: 39px; padding: 0px 0 5px 18px; text-align:center; }
a.btn-medium-nocufon:hover { background: transparent url(../images/buttons/btn-medium-righth.jpg) no-repeat scroll top right;  }
a.btn-medium-nocufon:hover span{ background: transparent url(../images/buttons/btn-medium-lefth.jpg) no-repeat;  color:#444444 !important; text-align:center; }


a.btn-small-nocufon { background: transparent url(../images/buttons/btn-small-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 29px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #555555; font-family: Arial, Helvetica, sans-serif;  font-size:12px; font-weight:bold; }
a.btn-small-nocufon span { background: transparent url(../images/buttons/btn-small-left.jpg) no-repeat; display: block; line-height: 29px; padding: 0px 0 6px 18px; text-align:center; }
a.btn-small-nocufon:hover { background: transparent url(../images/buttons/btn-small-righth.jpg) no-repeat scroll top right;  }
a.btn-small-nocufon:hover span{ background: transparent url(../images/buttons/btn-small-lefth.jpg) no-repeat;  color:#444444 !important; text-align:center; }



a.btn-green-medium { background: transparent url(../images/buttons/btn-medium-green-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 39px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif;  font-size:14px; font-weight:bold; }

a.btn-green-medium span { background: transparent url(../images/buttons/btn-medium-green-left.jpg) no-repeat; display: block; line-height: 39px; padding: 0px 0 5px 18px; text-align:center; }

a.btn-green-medium:hover { background: transparent url(../images/buttons/btn-medium-green-righth.jpg) no-repeat scroll top right;  }

a.btn-green-medium:hover span{ background: transparent url(../images/buttons/btn-medium-green-lefth.jpg) no-repeat;  color:#ffffff !important; text-align:center; }



a.btn-orange-medium { background: transparent url(../images/buttons/btn-medium-orange-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 39px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif;  font-size:14px; font-weight:bold; }

a.btn-orange-medium span { background: transparent url(../images/buttons/btn-medium-orange-left.jpg) no-repeat; display: block; line-height: 39px; padding: 0px 0 5px 18px; text-align:center; }

a.btn-orange-medium:hover { background: transparent url(../images/buttons/btn-medium-orange-righth.jpg) no-repeat scroll top right;  }

a.btn-orange-medium:hover span{ background: transparent url(../images/buttons/btn-medium-orange-lefth.jpg) no-repeat;  color:#ffffff !important; text-align:center; }





a.btn-small { background: transparent url(../images/buttons/btn-small-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 29px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #555555; font-family: Arial, Helvetica, sans-serif;  font-size:12px; font-weight:bold; }

a.btn-small span { background: transparent url(../images/buttons/btn-small-left.jpg) no-repeat; display: block; line-height: 29px; padding: 0px 0 6px 18px; text-align:center; }

a.btn-small:hover { background: transparent url(../images/buttons/btn-small-righth.jpg) no-repeat scroll top right;  }

a.btn-small:hover span{ background: transparent url(../images/buttons/btn-small-lefth.jpg) no-repeat;  color:#444444 !important; text-align:center; }



a.btn-green-small { background: transparent url(../images/buttons/btn-small-green-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 29px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif;  font-size:12px; font-weight:bold; }

a.btn-green-small span { background: transparent url(../images/buttons/btn-small-green-left.jpg) no-repeat; display: block; line-height: 29px; padding: 0px 0 6px 18px; text-align:center; }

a.btn-green-small:hover { background: transparent url(../images/buttons/btn-small-green-righth.jpg) no-repeat scroll top right;  }

a.btn-green-small:hover span{ background: transparent url(../images/buttons/btn-small-green-lefth.jpg) no-repeat;  color:#ffffff !important; text-align:center; }



a.btn-orange-small { background: transparent url(../images/buttons/btn-small-orange-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 29px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif;  font-size:12px; font-weight:bold; }

a.btn-orange-small span { background: transparent url(../images/buttons/btn-small-orange-left.jpg) no-repeat; display: block; line-height: 29px; padding: 0px 0 6px 18px; text-align:center; }

a.btn-orange-small:hover { background: transparent url(../images/buttons/btn-small-orange-righth.jpg) no-repeat scroll top right;  }

a.btn-orange-small:hover span{ background: transparent url(../images/buttons/btn-small-orange-lefth.jpg) no-repeat;  color:#ffffff !important; text-align:center; }



.form-button { border:0px; margin:0px; padding:0px; background: transparent url(../images/buttons/btn-medium-right.jpg) no-repeat scroll top right; display: block;  float: left; height: 39px; margin-right: 6px; padding-right: 18px;  text-decoration: none; color: #555555; font-family: Arial, Helvetica, sans-serif;  font-size:14px; font-weight:bold; }

.form-button span { border:0px; margin:0px; padding:0px; background: transparent url(../images/buttons/btn-medium-left.jpg) no-repeat; display: block; line-height: 39px; padding: 0px 0 5px 18px; text-align:center; margin-top:-1px; }

.form-button:hover { border:0px; margin:0px; padding:0px; background: transparent url(../images/buttons/btn-medium-righth.jpg) no-repeat scroll top right; margin-right: 6px;  padding-right: 18px;  }

.form-button:hover span{ border:0px; margin:0px; padding:0px; background: transparent url(../images/buttons/btn-medium-lefth.jpg) no-repeat;  color:#444444 !important; padding: 0px 0 5px 18px;text-align:center; margin-top:-1px; }



.form-button-left {   text-align:left;  float:left; padding-top:8px; }

.form-button-right {  text-align:right; float:right; padding-top:8px; }



.textbutton { padding-bottom:10px; padding-top:5px; }

.textbutton a, .textbutton a { text-decoration:none; }

.textbutton a:hover, .textbutton a:hover { text-decoration:none; }



a.big-home-button {

  background:url(../images/button-header1.png) no-repeat;

  width:295px;

  height:47px;

  padding-top:24px;

  padding-left:20px;

  padding-right:17px;

  font-size:23px;

  color:#494949;

  text-decoration:none;

  display:block;

  letter-spacing:-0.01em;

}

a.big-home-button:hover {

  text-decoration:none;

}



/* ========================================================================== */

/* Form Styles                                                                */

/* ========================================================================== */

form ol {  margin:0px;  padding:0px; }

form ol.forms .inputError {   border: 1px solid red; }

form ol.forms .inputError:focus {  border-color: #77bef6; }

form ol.forms .inputError textarea:focus {  border-color: #77bef6; }

form .required { color:#5eb2f0; font-weight:normal; font-family:"Lucida Sans Unicode", Arial, sans-serif; }

form .error { color: #f00; font-size:11px; }

form ol.forms {  list-style: none; margin: 0px;  padding:0px; width: 100%; }

form ol.forms li { margin-bottom: 15px; position: relative; width:auto; height:auto; }

form ol.forms label { cursor: pointer;  display: block;	font-weight: bold;	padding-right: 20px; width: 200px; margin-bottom:3px; }

form input,

form textarea,

form select { border: 1px solid #cdcdcd; background: url(../images/input-background.png) top left; font: inherit;  padding: 6px; width:auto; display: block;  }


form input.yellowbutton, form input.bluebutton {
padding:0px;
}


form input {
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
}

form input:focus, form textarea:focus, form select:focus {  border-color: #77bef6; }

form input:hover, form textarea:hover, form select:focus {  border-color: #77bef6; }

form ol.forms li.screenReader {  height:1px; margin-bottom: 0; }

form ol.forms .inline {   min-height:1px; width: auto; text-align:left; }

form ol.forms .inline input { display: inline; float: left; width: auto; margin-right:10px; }

form ol.forms .inline textarea { display: inline; float: left; width: auto; margin-right:10px; }

form ol.forms .inline select { display: inline; float: left; width: auto; margin-right:10px; }

form ol.forms .inline label { display: inline; float: left; width: auto;}

form ol.forms .nostyle { border:0px; background:transparent; }

form ol.forms h3 { margin-top:20px; margin-bottom:20px; padding:0px; padding-bottom:10px; border-bottom:1px solid #dbdbdb; }

/* contact forms gets special treatment*/

.screenReader { left: -9999px; position: absolute; top: -9999px; }

.contactThanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

form .field {  float:left; margin-right:10px; }

form.store-form input.submit-button{
	float:right;
}

form.store-form input.order-button {
	float:right;
}
form.store-form input.product-check {

	display:inline;
}
form.store-form .bundle-row {

	padding:20px;
}


/* ========================================================================== */

/* Notification  boxes                                                        */

/* ========================================================================== */

.success { background:#d0eaa5 url(../images/icons/success-check.png) no-repeat; background-position:15px 50%; border: 1px solid #a3c964;  padding:22px; color:#5d792e;  padding-left:80px; margin-top:10px; }

.success a { text-decoration:underline; color:#5d792e; }

.success a:hover { text-decoration:underline; color:#5d792e; }



.errors { background:#e9c8c1 url(../images/icons/error-cross.png) no-repeat; background-position:15px 50%; border: 1px solid #e06e53; padding:22px; color:#b4381b;  padding-left:80px; margin-top:10px;  }

.errors a { text-decoration:underline; color:#b4381b; }

.errors a:hover { text-decoration:underline; color:#b4381b; }



.notification { background:#fff1a8 url(../images/icons/notification-triangle.png) no-repeat; background-position:15px 50%; border: 1px solid #d7bd45; padding:22px; color:#b4381b;  padding-left:80px; margin-top:10px;  }

.notification a { text-decoration:underline; color:#b4381b; }

.notification a:hover { text-decoration:underline; color:#b4381b; }


.note { background:#84C1DB url(http://www.ragesw.com/_include/images/slide-1-background.jpg) no-repeat; background-position:-100px -100px; border: 1px solid #175787;  padding:22px; color:white;  padding-left:10px; margin-top:10px; }

.note a { text-decoration:underline; color:white; }

.note a:hover { text-decoration:underline; color:#175787; }

.note h3 {
	color:white;
}



.appbundle { background:#faf5e5 url(/images/icons/delivery.png) no-repeat; background-position:8px 22px; border: 1px solid #e8dcc0; padding:22px; color:#b4381b;padding-left:80px; margin-top:10px; 
	
}



p span.header {
font-size:1.3em;
padding-bottom:5px;
}

/* ========================================================================== */

/* Content Lists                                                              */

/* ========================================================================== */



.pack-list {

  list-style:none;

  margin:0px;

  padding:0px;

  padding-bottom:20px;

}

.pack-list li {

  padding-left:0px !important;

  margin-left:0px !important;

  margin-bottom:0px !important;

  background:transparent !important;

  border-bottom:1px dotted #dbdbdb;

  padding-bottom:5px;

  padding-top:5px;

}

.pack-list .last {   border:none; }

.pack-list a {   text-decoration:none;  }

.pack-list a:hover {   text-decoration:none;  }



/* used for the sidebar menu style */

.menu-list {

  list-style:none;

  margin:0px;

  padding:0px;

  padding-bottom:10px;

}

.menu-list li {

  padding-left:0px !important;

  margin-left:0px !important;

  margin-bottom:0px !important;

  background:transparent !important;

  border-top:1px dotted #dbdbdb;

  padding-bottom:5px;

  padding-top:5px;

}

.menu-list .last {   border:none; }

.menu-list a {   text-decoration:none;  }

.menu-list a:hover {   text-decoration:none;  }

.menu-list .current {

  font-style:oblique;

}

.menu-list .current a {

    color:#444444;

}

.menu-list .current a:hover {

    color:#444444;

}



/* Pricing col one third size */

.pricing-big {   position:relative;   }

ul.pricing-col {

  width:298px;

  float:left;

  margin-right:20px;

  padding:0px;

  margin-top:15px;

  border:1px solid #d0d0d0;

}

ul.pricing-col li {

  background:none;

  margin-left:0px;

  margin-top:0px;

  margin-bottom:0px;

  padding-left:0px;

  padding-right:10px;

  padding-top:5px;

  padding-bottom:5px;

  border-bottom:1px solid #dbdbdb;

}

ul.pricing-col li.yes {

  background:url(../images/icons/icon-check.png) no-repeat;

  background-position:20px 5px;

  padding-left:50px;

}

ul.pricing-col li.no {

  background:url(../images/icons/icon-no.png) no-repeat;

  background-position:20px 5px;

  padding-left:50px;

}

ul.pricing-col li.button {

  background:#f1f1f1;

  text-align:center;

  padding-left:30px;

  padding-right:30px;

  border:none;

  padding-top:15px;

  padding-bottom:15px;

}

ul.pricing-col li.button .btn-medium, ul.pricing-col li.button .btn-green-medium, ul.pricing-col li.button .btn-orange-medium {

  float:none;

  margin-left:auto;

  margin-right:auto;

  margin-top:0px;

  margin-bottom:0px;

  overflow:hidden;

}

ul.pricing-col .top {

  background:#f1f1f1 url(../images/slide-1-background.jpg) top repeat-x;

  color:#ffffff;

  border-bottom:1px solid #dbdbdb;

  font-size:17px;

  text-align:center;

  padding-top:10px;

  padding-bottom:10px;

}

ul.pricing-col .top h2 {

  font-weight:bold;

  margin-bottom:0px;

}

ul.pricing-col .price {

  font-size:18px;

  font-weight:bold;

  color:#ffffff;

}

.pricing-last {

  margin-right:0px !important;

}

.pricing-list h5 {

  border-bottom:1px dotted #dbdbdb;

  padding-bottom:8px;

}







/* Pricing col one third size Highlighted */

ul.highlight {

  position:relative;

  top:-15px;

  font-size:15px;

  width:298px;

  float:left;

  margin-right:20px;

  padding:0px;

  border:1px solid #d0d0d0;

  margin-bottom:10px;

}

ul.highlight li {

  background:none;

  margin-left:0px;

  margin-top:0px;

  margin-bottom:0px;

  padding-left:0px;

  padding-right:10px;

  padding-top:7px;

  padding-bottom:7px;

  border-bottom:1px solid #dbdbdb;

}

ul.highlight li.yes {

  background:url(../images/icons/icon-check.png) no-repeat;

  background-position:20px 5px;

  padding-left:50px;

}

ul.highlight li.no {

  background:url(../images/icons/icon-no.png) no-repeat;

  background-position:20px 5px;

  padding-left:50px;

}

ul.highlight li.button {

  background:#f1f1f1;

  text-align:center;

  padding-left:30px;

  padding-right:30px;

  border:none;

  padding-top:15px;

  padding-bottom:15px;

}

ul.highlight li.button .btn-medium, ul.highlight li.button .btn-green-medium, ul.highlight li.button .btn-orange-medium {

  float:none;

  margin-left:auto;

  margin-right:auto;

  margin-top:3px;

  margin-bottom:3px;

  overflow:hidden;

}

ul.highlight .top {

  background:#f1f1f1 url(../images/slide-1-background.jpg) top repeat-x;

  color:#ffffff;

  border-bottom:1px solid #dbdbdb;

  font-size:17px;

  text-align:center;

  padding-top:15px;

  padding-bottom:15px;

}

ul.highlight .top h2 {

  font-weight:bold;

  font-size:30px;

  margin-bottom:0px;

}

ul.highlight .price {

  font-size:18px;

  font-weight:bold;

  color:#ffffff;

}

highlight .pricing-last {

  margin-right:0px !important;

}







/* Pricing col one fourth size  */

.pricing-small {

  position:relative;

}

ul.pricing-col-small {

  width:218px;

  float:left;

  margin-right:20px;

  padding:0px;

  border:1px solid #dbdbdb;

}

ul.pricing-col-small li {

  background:none;

  margin-left:0px;

  margin-top:0px;

  margin-bottom:0px;

  padding-left:0px;

  padding-right:10px;

  padding-top:5px;

  padding-bottom:5px;

  border-bottom:1px solid #dbdbdb;

}

ul.pricing-col-small li.yes {

  background:url(../images/icons/icon-check.png) no-repeat;

  background-position:20px 5px;

  padding-left:50px;

}

ul.pricing-col-small li.no {

  background:url(../images/icons/icon-no.png) no-repeat;

  background-position:20px 5px;

  padding-left:50px;

}

ul.pricing-col-small li.button {

  background:#f1f1f1;

  text-align:center;

  padding-left:30px;

  padding-right:30px;

  border:none;

  padding-top:15px;

  padding-bottom:15px;

}

ul.pricing-col-small li.button .btn-medium, ul.pricing-col-small li.button .btn-green-medium, ul.pricing-col-small li.button .btn-orange-medium{

  float:none;

  margin-left:auto;

  margin-right:auto;

  margin-top:0px;

  margin-bottom:0px;

  overflow:hidden;

}

ul.pricing-col-small .top {

  background:#f1f1f1 url(../images/slide-1-background.jpg) top repeat-x;

  color:#ffffff;

  border-bottom:1px solid #dbdbdb;

  font-size:17px;

  text-align:center;

  padding-top:10px;

  padding-bottom:10px;

}

ul.pricing-col-small .top h2 {

  font-weight:bold;

  margin-bottom:0px;

}

ul.pricing-col-small .price {

  font-size:18px;

  font-weight:bold;

  color:#ffffff;

}

.pricing-last-small {

  margin-right:0px !important;

}

.pricing-list-small h5 {

  border-bottom:1px dotted #dbdbdb;

  padding-bottom:8px;

}







/* Pricing col one fourth size Highlighted */

ul.highlight-small {

  width:216px;

  position:relative;

  top:-15px;

  float:left;

  margin-right:20px;

  padding:0px;

  margin-bottom:0px;

  font-size:15px;

  border:2px solid #50a6c9;

}

ul.highlight-small li {

  background:none;

  margin-left:0px;

  margin-top:0px;

  margin-bottom:0px;

  padding-left:0px;

  padding-right:10px;

  padding-top:7px;

  padding-bottom:7px;

  border-bottom:1px solid #dbdbdb;

}

ul.highlight-small li.yes {

  background:url(../images/icons/icon-check.png) no-repeat;

  background-position:20px 7px;

  padding-left:50px;

}

ul.highlight-small li.no {

  background:url(../images/icons/icon-no.png) no-repeat;

  background-position:20px 7px;

  padding-left:50px;

}

ul.highlight-small li.button {

  background:#f1f1f1;

  text-align:center;

  padding-left:30px;

  padding-right:30px;

  border:none;

  padding-top:15px;

  padding-bottom:15px;

}

ul.highlight-small li.button .btn-medium, ul.highlight-small li.button .btn-green-medium, ul.highlight-small li.button .btn-orange-medium{

  float:none;

  margin-left:auto;

  margin-right:auto;

  margin-top:0px;

  margin-bottom:0px;

  overflow:hidden;

}

ul.highlight-small .top {

  background:#f1f1f1 url(../images/slide-1-background.jpg) top repeat-x;

  color:#ffffff;

  border-bottom:1px solid #dbdbdb;

  font-size:17px;

  text-align:center;

  padding-top:15px;

  padding-bottom:15px;

}

ul.highlight-small .top h2 {

  font-weight:bold;

  font-size:30px;

  margin-bottom:0px;

}

ul.highlight-small .price {

  font-size:18px;

  font-weight:bold;

  color:#ffffff;

}

.highlight-small .pricing-last-small {

  margin-right:0px !important;

}

.highlight-small .pricing-list-small h5 {

  border-bottom:1px dotted #dbdbdb;

  padding-bottom:8px;

}





/* Gallery list filter */

ul.gallery-main {

  list-style:none;

  margin:0px;

  padding:0px;

  margin-top:10px;

  margin-bottom:10px;

}

ul.gallery-main li {

  background:#ffffff url(../images/buttons/gallery-filter-off-left.jpg) no-repeat left;

  color:#555555;

  display:block;

  float:left;

  cursor:pointer;

  margin-bottom:8px;

  margin-top:5px;

  margin-right:5px;

  margin-left:5px;

  height:38px;

}

ul.gallery-main li a {

  background: url(../images/buttons/gallery-filter-off-right.jpg) no-repeat right;

  color:#555555;

  display:block;

  margin:0px;

  padding-left:0px;

  padding-right:20px;

  padding-top:8px;

  text-align:center;

  height:30px;

}

ul.gallery-main li.current-cat {

  background:#ffffff url(../images/buttons/gallery-filter-on-left.jpg) no-repeat left;

  color:#ffffff;

  display:block;

  float:left;

  cursor:pointer;

  margin-bottom:8px;

  margin-top:5px;

  margin-right:5px;

  margin-left:5px;

  height:38px;

}

ul.gallery-main li.current-cat  a {

  background: url(../images/buttons/gallery-filter-on-right.jpg) no-repeat right;

  color:#ffffff;

  display:block;

  margin:0px;

  padding-left:0px;

  padding-right:20px;

  padding-top:8px;

  text-align:center;

  height:30px;

}






a.play-it { background:url('/images/overlay-video-small.png')}



/* Gallery grid item */

.gallery-item img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }

.gallery-item img.poverlay { position: absolute; left: 4px; top: 4px;	}

.gallery-item {

  padding-left:0px;

  width:290px;

  height:auto;

  overflow:hidden;

  display:block;

  float:left;

  margin-right:11px;

  margin-left:11px;

  margin-bottom:20px;

}

.less-spacing {

  margin-right:20px;

  margin-left:0px;

}

.gallery-item .gallery-image {

  border:1px solid #dbdbdb;

  background:#ffffff;

  padding:4px;

  margin-bottom:0px;

  position:relative;

  width:auto;

  height:170px;

}

.gallery-item .gallery-image img {

  width:280px;

  height:170px;

}

.gallery-item h6 {

  padding-top:9px;

  font-size:16px;

  background: url(../images/pj-shadow.jpg) no-repeat center;

}







/* Gallery list item */

.gallery-item-list img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }

.gallery-item-list img.poverlay { position: absolute; left: 4px; top: 4px;	}

.gallery-item-list {

  padding-left:0px;

  margin-left:0px;

  width:930px;

  height:auto;

  overflow:hidden;

  display:block;

  float:left;

  margin-right:11px;

  margin-left:11px;

  margin-bottom:20px;

  padding-bottom:1px;

  background:url(../images/wide-horz-divider.jpg) no-repeat bottom center;

}

.gallery-item-list .image {

  border:1px solid #dbdbdb;

  background:#ffffff;

  padding:4px;

  position:relative;

  width:329px;

  height:200px;

}

.gallery-item-list .image img {

  width:329px;

  height:200px;

}

.gallery-item-list .detail {

  width:565px;

  padding-top:5px;

  font-size:14px;

  line-height:22px;

  float:left;

}


.gallery-item-list h6 {

  padding-top:0px;

  background:none;

  font-size:20px;

  font-weight:bold;

  margin-bottom:4px;

}

.gallery-item-list h6 a {

  text-decoration:none;

}

.gallery-item-list h6 a:hover {

  text-decoration:none;

}

.gallery-item-list .meta {

  background:url(../images/arrow-small-bread.png) no-repeat left;

  padding-left:17px;

}

.gallery-item-list .meta a {

  display:block;

  float:left;

  border-right:1px dotted #dbdbbd;

  padding-left:11px;

  padding-right:11px;

}

.gallery-item-list a.last {

  border:none !important;

  padding-right:0px !important;

}

.gallery-item-list .pjshadow {

   background: url(../images/pj-shadow-wider.jpg) no-repeat top center;

   width:339px;

   height:30px;

}

.gallery-item-list .pjitem {

  width:339px;

  float:left;

  margin-right:20px;

}


/* feature list items */
.feature-item .pjitem {

  width:239px;

  float:left;

  margin-right:20px;

}

.feature-item {
	width:300px;
}

.feature-item .detail {

  width:365px;

  padding-top:5px;

  font-size:14px;

  line-height:22px;

  float:left;

}


/* Blog posts grid style */

ul.blog-post-grid-list {

 list-style:none;

 margin:0px;

 padding:0px;

}



ul.blog-post-grid-list li {

  background:none;  

  padding-left:0px;

  margin-left:0px;

  width:290px;

  height:320px;

  overflow:hidden;

  display:block;

  float:left;

  margin-right:20px;

  margin-bottom:28px;

}

ul.blog-post-grid-list .post-image {

  border:1px solid #dbdbdb;

  background:#ffffff;

  padding:4px;

  margin-bottom:0px;

  position:relative;

  width:auto;

  height:170px;

}

ul.blog-post-grid-list .post-image img {

  width:280px;

  height:170px;

}

ul.blog-post-grid-list .meta {

  font-size:11px;

  line-height:17px;

  margin-bottom:10px;

  padding-left:20px;

  background:url(../images/icons/icon-comments.png) no-repeat left;

}

ul.blog-post-grid-list h3 {

  background:url(../images/pj-shadow.jpg) top center no-repeat;

  padding-top:15px;

}



ul.blog-post-grid-list h3 a {

  text-decoration:none;

}

ul.blog-post-grid-list h3 a:hover {

  text-decoration:none;

}

ul.blog-post-grid-list img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }

ul.blog-post-grid-list img.poverlay { position: absolute; left: 4px; top: 4px;	}

ul.blog-post-grid-list .nobg { background:none !important; padding-top:0px; }

.fixheight li { height:140px !important } /* fix height for noimage grid */







/* Blog post full list style */

ul.blog-post-full-list {

 list-style:none;

 margin:0px;

 padding:0px;

}



ul.blog-post-full-list li {

  background:none;

  padding-left:0px;

  margin-left:0px;

  width:600px;

  overflow:hidden;

  display:inline-block;

  float:left;

  margin-bottom:20px;

  padding-bottom:5px;

  border-bottom:1px dotted #dbdbdb;

}

ul.blog-post-full-list .post-image {

  border:1px solid #dbdbdb;

  background:#ffffff;

  padding:4px;

  margin-bottom:0px;

  position:relative;

  width:auto;

  height:170px;

}

ul.blog-post-full-list .post-image img {

  width:590px;

  height:170px;

}

ul.blog-post-full-list .meta {

  font-size:11px;

  line-height:17px;

  margin-bottom:10px;

  padding-left:20px;

  background:url(../images/icons/icon-comments.png) no-repeat left;

}

ul.blog-post-full-list h3 {

  margin-bottom:4px;

}

ul.blog-post-full-list h3 a {

  text-decoration:none;

}

ul.blog-post-full-list h3 a:hover {

  text-decoration:none;

}

ul.blog-post-full-list img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }

ul.blog-post-full-list img.poverlay { position: absolute; left: 4px; top: 4px;	}

ul.blog-post-full-list .std {

  padding-top:18px;

  background: url(../images/pj-shadow-wide.jpg) top center no-repeat;

}

ul.blog-post-full-list .nobg {

  background:none; padding-top:0px;

}









/* Generic parination */

ul.pagination {

  list-style:none !important;

  margin:0px;

  padding:0px;

  width:100%;

}

ul.pagination li {

  padding-left:0px;

  margin-left:0px;

  background:none !important;

  margin:0px;

  padding:0px;

  float:left;

  display:block;

}

ul.pagination li a {

  display:block;

  padding:8px;

  padding-left:15px;

  padding-right:15px;

  background:#f1f1f1;

  border:1px solid #dbdbdb;

  color:#444444;

  font-weight:bold;

  float:left;

  margin-right:10px;

  text-decoration:none;

}

ul.pagination li a:hover {

  background:#dbdbdb;

  border:1px solid #b2b2b2;

}

ul.pagination li.active a, ul.pagination li.active a:hover {

  background:#bee1ef;

  border:1px solid #a7d5e7;

  color:#329ac3;

}

ul.pagination .prevnext {

  padding-top:5px;

  padding-bottom:5px;

}





/* Services list with icons */

ul.services {

  list-style:none; display:table; clear:both;

}

ul.services .first {

  border:none;

}



ul.services li {

  display:block;

  float:left;

  width:450px;

  background:transparent;

  padding-left:0px;

  margin-left:0px;

  padding-bottom:10px;

  padding-top:15px;

  border-top:1px dotted #dbdbdb;

}

ul.services li .service-icon {

  width:135px;

  float:left;

  display:table-cell;

}

ul.services li .service-desc {

  width:315px;

  display:table-cell;

}

ul.services li .service-desc h4 {

  margin-bottom:8px;

}

ul.services li .service-desc p {

  margin-bottom:8px;

}





/* Services list with icons smaller size */

ul.services-smaller {

  list-style:none; display:table; clear:both;

}

ul.services-smaller .first {

  border:none;

}

ul.services-smaller li {

  display:block;

  float:left;

  width:300px;

  background:transparent;

  padding-left:0px;

  margin-left:0px;

  padding-bottom:10px;

  padding-top:15px;

  border-top:1px dotted #dbdbdb;

}

ul.services-smaller li .service-icon {

  width:85px;

  float:left;

  display:table-cell;

}

ul.services-smaller li .service-icon img {

  width:70px;

  height:70px;

}

ul.services-smaller li .service-desc {

  display:table-cell;

  padding-right:10px;

}

ul.services-smaller li .service-desc h4 {

  margin-bottom:8px;

}

ul.services-smaller li .service-desc p {

  margin-bottom:8px;

}





/* List with check icon */

ul.checklist {

  list-style:none;

}

ul.checklist li {

  background:url(../images/icons/icon-check.png) no-repeat left top;

  padding-left:30px;

  line-height:20px;

  margin-bottom:6px;

}

/* blog search stylings */

.blog-search {

  padding-bottom:20px;

}

.blog-search-field {

  border:1px solid #dbdbdb;

  background: url(../images/input-background.png) no-repeat top left;

  padding:5px;

  font-size:13px;

  width:200px;

  height:18px;

}

/* video thumb styling */

.video {

  border:1px solid #dbdbdb;

  padding:6px;

  background: #ffffff url(../images/roundabout-item-bg.gif) bottom repeat-x;

}







/* Generic tabs  */

ul.css-tabs {

	margin:0 !important;

	padding:0;

	height:40px;

	border-bottom:1px solid #dbdbdb;

}

/* single tab */

ul.css-tabs li {

	float:left;

	padding:0;

	margin:0;

	list-style-type:none;

}

/* link inside the tab. uses a background image */

ul.css-tabs a {

	float:left;

	font-size:12px;

    text-transform:uppercase;

	display:block;

	padding:9px 20px;

	text-decoration:none;

	border:1px solid #dbdbdb;

	border-bottom:0px;

	height:20px;

	background-color:#efefef;

	color:#444444;

	margin-right:2px;

	position:relative;

	top:1px;

	outline:0;

}

ul.css-tabs a:hover {

	background-color:#F7F7F7;

	color:#333;

}

/* selected tab */

ul.css-tabs a.current {

	background-color:#fff;

	border-bottom:1px solid #fff;

	color:#000;

	cursor:default;

}

/* tab pane */

.css-panes div {

	display:none;

	border:1px solid #dbdbdb;

	border-width:0 1px 1px 1px;

	min-height:50px;

	padding:15px 20px;

	background-color:#fff;

    margin-bottom:20px;

}



.table-header h2  {
	background:#fff url(../images/accordion-heading-bg.png) bottom right repeat-x;

	margin:0;

	padding:5px 15px 20px;
	margin-bottom:30px;
	font-size:14px;

	font-weight:normal;

	border-left:2px solid #ffffff;

	border-right:2px solid #ffffff;

	border-top:2px solid #ffffff;

    color:#333333;

    text-transform:uppercase;
    cursor:default;
}



/* Generic accordion. decorated with rounded borders and gradient background image */


.store-table {
	border: 1px solid #c0c0c0;
	padding:5px;
	


}

.accordion{

	background:#333;

	width: auto;

    margin-bottom:15px;

	border:1px solid #dbdbdb;

	background:#fafafa;

}

.table-header {

	background:#333;

	width: auto;

    margin-bottom:15px;
	padding-bottom:15px;

	background:#fafafa;
}

.accordion .last, .table-header .last {

   border-bottom:2px solid #ffffff;

}

/* accordion header */

.accordion h2,.table-header h2 {

	background:#fff url(../images/accordion-heading-bg.png) bottom right repeat-x;

	margin:0;

	padding:5px 15px;

	font-size:14px;

	font-weight:normal;

	border-left:2px solid #ffffff;

	border-right:2px solid #ffffff;

	border-top:2px solid #ffffff;

	cursor:pointer;

    color:#333333;

    text-transform:uppercase;

}

/* currently active header */

.accordion h2.current, .table-header h2.current {

	cursor:default;

	background:#fff url(../images/accordion-heading-bg-current.png) bottom right repeat-x;

    text-transform:uppercase;

}

/* accordion pane */

.accordion .pane, .table-header .pane {

	border:1px solid #ffffff;

	border-width:0 2px;

	display:none;

	height:auto;

	padding:15px;

	color:#444444;

	font-size:13px;

    line-height:19px;

}

/* a title inside pane */

.accordion .pane h3, .table-header .pane h3 {

	font-weight:normal;

	font-size:16px;

	color:#444444;

    margin-bottom:6px;

}





/* Accordion used on the faq page */

.accordion-faq {

	width: auto;

    margin-bottom:15px;

}

/* accordion header */

.accordion-faq span {

    display:block;

	background:#ffffff url(../images/faq-open-left.jpg) top left no-repeat;

	margin:0px;

    margin-bottom:5px;

	padding-top:8px;

    padding-bottom:5px;

    padding-left:50px;

    padding-right:0px;

	font-size:17px;

	font-weight:normal;

	cursor:pointer;

    color:#1084b2;

}

/* currently active header */

.accordion-faq span.current {

	cursor:default;

	background:#ffffff url(../images/faq-close-left.jpg) top left no-repeat;

}

/* accordion pane */

.accordion-faq .pane {

    background:url(../images/faq-pane.jpg) no-repeat bottom left;

	display:none;

	height:auto;

	padding:15px;

	color:#444444;

	font-size:13px;

    line-height:19px;

    margin-bottom:15px;

    padding-left:49px;

    padding-right:30px;

}

/* a title inside pane */

.accordion-faq .pane h3 {

	font-weight:normal;

	font-size:16px;

	color:#444444;

    margin-bottom:6px;

}







/* This contains the scrollable image carousel */

.image-carousel {

  position:relative;

  z-index:9;

  margin-bottom:20px;

}

.image-carousel  small {

  font-size:10px;

  text-transform:uppercase;

  margin-top:4px;

  margin-bottom:4px;

}

/*	root element for the scrollable. when scrolling occurs this element stays still. */

.scrollable {

	/* required settings */

	position:relative;

	overflow:hidden;

	width: 597px;

	height:128px;

	/* custom decorations */

	border:1px solid #dbdbdb;

}

/* 	root element for scrollable items. Must be absolutely positioned

	and it should have a extremely large width to accomodate scrollable items.

	it's enough that you set the width and height for the root element and

	not for this element.  */

.scrollable .items {

	/* this cannot be too large */

	width:20000em;

	position:absolute;

	clear:both;

}

.items div {

	float:left;

	width:557px;

    padding-left:20px;

    padding-right:20px;

}

/* single scrollable item */

.scrollable img {

	float:left;

	margin:20px 0px 20px 13px;

	background-color:#fff;

	padding:2px;

	border:2px solid #ccc;

	width:115px;

	height:80px;

}

.items div a:hover img {

  border:2px solid #3d84c5;

}

/* active item */

.scrollable .active {

	border:2px solid #3d84c5;

	position:relative;

	cursor:default;

}

/* this makes it possible to add next button beside scrollable */

.scrollable { 	float:left; }

/* prev, next, prevPage and nextPage buttons */

a.browse {

	background:url(../images/hori_large.png) no-repeat;

	display:block;

	width:30px;

	height:30px;

	margin:40px 10px;

	cursor:pointer;

	font-size:1px;

}

/* right */

a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px; position:absolute; top:10px; right:-10px; z-index:100; }

a.right:hover 		{ background-position:-30px -30px; }

a.right:active 	{ background-position:-60px -30px; }

/* left */

a.left				{ margin-left: 0px; position:absolute; top:10px; left:-10px; z-index:100; }

a.left:hover  		{ background-position:-30px 0; }

a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */

a.disabled {  	visibility:hidden !important; }






.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 18px; padding: 18px 24px 19px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
		

	.green.awesome:hover						{ background-color: #749a02; }
	
	.gray.awesome, .gray.awesome:visited		{ background-color: #a0a0a0; }
	.gray.awesome:hover	{ background-color: #858585; }
	
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }


