/**************************
Some common items

**************************/

.left{float:left}
.right{float:right}

blockquote{padding:25px 0 0 0px;font-style:oblique; font-size:14px;}
blockquote p{padding-bottom:15px;}
cite{margin-bottom:12px;}

/**************************
Main typography
**************************/
body{text-align:left;font-family:Arial;font-size:100%;}
h1,h2,h3,h4 {font-family: "Trebuchet MS", Times, serif;font-weight:normal;}
p {clear:both;margin:0px 0 18px 0;line-height:24px;font-size:95%;}
h1 {float:left;font-size:170%;line-height:24px;margin:0px 0 10px 0;text-transform:uppercase}
h2 {clear:both;font-size:140%;line-height:140%;}
h3 {clear:both;font-size:120%;line-height:120%; margin-bottom:8px}
h4 {clear:both;font-size:100%;line-height:100%;margin-bottom:22px;}
h5 {clear:both;font-size:90%;line-height:100%}
h6 {clear:both;font-size:80%;line-height:100%}

/**************************
Feature photo
**************************/
#divSectionHeader {float:left;display:block;padding:0 ; margin:4px 0 10px -6px}
#divSectionHeader img{float:left;padding:15px 6px 18px 15px;display:block;margin-bottom:16px;}
#flashphoto {float:left;height:208px;margin:30px 0px 14px 30px;}/*Only used on homepage*/
#walkthrough #divSectionHeader {float:left;width:100%;padding:12px;margin:0px;}
#walkthrough #divSectionHeader img{float:left;padding:0;display:block;border:5px solid #dcd9ce;margin-left:3px}
#divSectionHeader{/*background:url(featurePhoto.gif) no-repeat left top;*/}

#divSectionHeader img{padding:0;}
#walkthrough #divSectionHeader{background: url(hole-top.gif) no-repeat left top;}
/**************************
 Main layout items
**************************/
#divPage{width:100%;margin:auto;clear:both;position:relative;}
#divRegionMiddle{clear:both;width:920px;padding:0 20px;margin:auto;}
#divColumn1{float:left;padding-top:20px;}
#divColumn99{float:right; padding-bottom:20px; 
background:#DAEDF3;
background: rgba(250,250,250,.5);
padding:12px;font-family:tahoma;
border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -mso-border-radius:8px;
box-shadow: 4px 3px 6px #9BBDC7; -webkit-box-shadow: 3px 3px 6px #9BBDC7; -moz-box-shadow: 1px 1px 10px #9BBDC7;
} 
#divColumn a:link,  #divColumn99 a:visited {text-decoration:underline}
#divColumn2{float:right;} 

/* paste into 3column.css .... */
#divColumn1{width:235px;}
#divColumn99{width:610px;margin:25px 5px 0 0;padding:15px 25px 25px 25px;}

/**************************
 Header & Nav containers
**************************/
#divRegionTop{width:960px;height:245px;margin:auto;position:relative;} /* Contains Logo, header & the 2 navs */
#divSectionLogo {float:left;margin:14px 0 0 -28px; height:169px;}

#divRegionTop h1 {position:absolute; top:74px;left:450px;width:480px;
font-style:italic; text-shadow: #729122 2px 2px 2px; font-size:25px;
}
#divRegionTop p {position:absolute; top:104px;left:450px;width:450px;color:#3d4925;
font-size:14px;line-height:16px;letter-spacing:.06em;text-align:justify;font-weight:bold;}

#divColumn99 h1{margin-top:12px;}
/**************************
 Main nav
**************************/

ul.primaryNav{width:920px;clear:both;list-style: none;text-align:center;height:50px;padding:7px 0 0 24px;margin:-20px 0 0 10px;}

.primaryNav li  {/* Top list */
float:left;position: relative;cursor: default;height:27px; 
font-weight:bold;font-family:Trebuchet MS;text-transform:uppercase;font-size:17px;line-height:18px;display:block;
text-shadow:#729122 1px 1px 1px;;
}
.primaryNav li.navLastItem  {padding:8px 0px 0px 14x;float:right;margin-right:16px;}

.primaryNav a:link,.primaryNav a:visited  {padding:14px 22px 11px 22px;display:block;text-decoration: none;margin-bottom:8px;font-weight:bold;}/* This is the div that holds all the navigation elements */
.primaryNav a:hover, .primaryNav .selected{font-weight:bold;}

/* Everything below here is related to dropdowns */
ul li ul { /* This is the containing box for the drop-downs */
display: none; position: absolute; top: 100%; right: 0px; width:250px;}

.primaryNav li li {padding:0px !important;margin:0 !important;display:block;height:auto;line-height:16px;}
.primaryNav li li a:link,.primaryNav li li a:visited { /* This is the list items in the drop-downs */
display: block;margin:0;padding:8px 4px 8px 12px;
text-align:left;font-style:oblique;font-size:14px;clear:both;}

.primaryNav li>ul {top:39px; left: 0px;z-index:99;}
.primaryNav li.navFirstItem >ul {top:35px; left: 0px;}
.primaryNav li li { display: block; float: left; width:100%;}
li:hover ul, li.over ul {display: block;}

/**************************
 Secondary nav (Feature menu)
**************************/
ul.secondaryNav {list-style:none;letter-spacing:12px;font-style:italic;font-family:georgia;position:absolute;top:22px;right:12px;}
ul.secondaryNav li{float:left;text-align:left;font-size:13px;letter-spacing:1px;display:inline;line-height:16px;}
ul.secondaryNav li a:link,ul.secondaryNav li a:visited{text-decoration:none;text-align:left;padding:0px 16px 0 8px;}

/**************************
Side nav
**************************/
#divLeftSideNav{font-family:Georgia;padding-bottom:1px;width:202px;display:none;}
.sidebarNavTitle {width:164px;font-style:italic;font-size:150%;padding:16px 0 2px 36px;display:none;}
ul.sidebarNavMenu {font-size:80%;list-style-type:none;margin-bottom:20px; }
.sidebarNavMenu li{width:100%;letter-spacing:0.01em;font-weight:bold;text-align:left;margin:0 0 2px 16px}
.sidebarNavMenu li a:link,.sidebarNavMenu li a:visited{display:inline-block;display:block;padding:8px 0px 7px 20px}
.sidebarNavMenu li a{display:inline-block;}
.sidebarNavMenu li a{display:block;}


/**************************
News definition lists
**************************/

.scNewsWidget{float:left;width:225px;}
.scNewsWidget h2{font-family:Arial;font-weight:normal;font-size:120%;
text-transform:uppercase;padding:14px 0px 6px 28px;}

.scNewsWidget dl{font-size:90%;font-family:Verdana;
padding:8px 0 26px 0;
}
.scNewsWidget dt{font-size:82%;line-height:16px;margin:0px 20px 0px 26px;}
.scNewsWidget dt a, .scNewsWidget dd a{font-weight:bold !important ;}
.scNewsWidget dd{font-size:80%;margin:2px 20px 14px 26px;padding:0;}
.scMore {font-weight:bold !important;font-size:14px;}
.scMore a:link, .scMore a:visited {font-weight:bold;padding-right:12px}

/*News Landing page */
.scNewsPagelet h3 {margin:0;float:left;width:75%;}
.scNewsPagelet h3 a:link, .scNewsPagelet h2 a:hover {margin-bottom:0 !important;padding:0 !important;}
.scNewsPagelet h4 {float:right;width:20%;line-height:22px;text-align:right;font-size:12px;margin-bottom:0;font-family:arial}
.scNewsPagelet p{font-size:13px;line-height:18px;clear:both;margin:0;}
.scNewsPagelet .scMore {margin-bottom:16px;}

/* weather widget */
#divLeftWeatherWidget .widgetTitle {position:absolute;top:22px;height:44px;left:22px;z-index:99;font-family:Arial;font-weight:bold;text-transform:uppercase;font-size:90%}
#divLeftWeatherWidget {float:left;width:190px;height:220px;margin:0px 0 0px 12px;position:relative;}
#divLeftWeatherWidget .widgetMiddle {width:84%;position:absolute;top:28px;left:18px;line-height:150%;font-size:90&;}
#divLeftWeatherWidget .accuWeatherLinks {padding:0;margin:auto;text-align:center;font-size:75%;font-family:verdana;letter-spacing:0;}
#divLeftWeatherWidget .accuWeatherLinks a{display:block !important;}
.accuWeatherInfo {text-align:left;}


/**************************
Column1 Special
**************************/
.special{font-family:arial;font-size:12px;padding-bottom:8px;margin:4px auto;}
.special h3{text-transform:uppercase;padding:8px 10px;}
.special h4, .special p{padding:0 12px; margin:0 auto}
.special h4 {font-size:14px;margin-bottom:4px;}
.special p {line-height:16px;margin-bottom:4px;}
.special a:link, .special a:visited {font-weight:bold;padding-right:12px}

/**************************
 Main body
**************************/
#divColumn99 h2 {font-size:150%;margin-bottom:7px;}
#divColumn99 .left{float:left}
#divColumn99 .right{float:right}
#divColumn99 h2, #divColumn99 h3 {clear:both} /* This is just to clear any image based floats */
.highlight {font-family:Georgia;font-style:oblique;letter-spacing:0.1em;line-height:130%;text-align:justify;font-size:110%; padding:18px;}
/*
#primaryNav ul li ul {
display: none; position: absolute; top: 100%; right: 0px;
padding: 0 7px 8px 0; width:220px;}
*/

	/* Lists */
	#divColumn99 ul {top:auto; margin:0 50px 12px 0px;z-index:0}	
	#divColumn99 ol {margin:0 50px 12px 32px;} 
	#divColumn99 ul li {font-size:95%;line-height:18px;text-align:justify;padding-left:24px;}
	#divColumn99 ol li {font-size:95%;margin-bottom:8px;line-height:18px;text-align:justify}
	#divColumn99 ul li {padding-bottom:6px;display:block}
	#divColumn99 ul li ul {display:block;position: relative;margin:8px 0 0 0;padding:10px 7px 0x 0 ; width:auto}
	#divColumn99 ul li ul li{font-size:12px;line-height:12px;text-align:justify;font-weight:normal;padding-left:0;}

	/*images*/
	#divColumn99 img.left{margin:0 15px 10px 0}
	#divColumn99 img.right{margin:0 0 15px 10px}


/**************************
Breadcrumb
**************************/
#scBreadcrumbsWidget{float:left;width:100%;margin:0 0 16px 0;font-size:12px;}
#scBreadcrumbsWidget ul li {margin:0;padding:0px 14px 0px 8px;line-height:auto}
#scBreadcrumbsWidget ul li a {text-decoration:underline;}
li.breadcrumbDepth0{padding:0 12px 0 0 !important ;margin:0;}
#scBreadcrumbsWidget li a {}
li.breadcrumbLevel0 {}

/**************************
Tables
**************************/
table td {padding:5px;}

table.contentTable{line-height:16px;width:100%;margin-bottom:12px;}
table.contentTable th {font-size:100%;padding:12px;font-weight:bold;text-align:left;line-height:130%;}
table.contentTable th.label {text-align:left;}
table.contentTable td {padding:8px 4px 8px 12px;border-top:none;text-align:left;font-size:90%;}
table.contentTable td.first {text-align:left;}
td.label  {font-weight:bold}
tr.scTableSubHeader{font-weight:bold;}
TABLE.contentTable tr.scHighlight td {font-weight:bold}

/**************************
 Shopping Cart
**************************/
input.input {color:#999;font-size:12px;width:170px; height:20px;background: url(../../bluecubetraders/css/searchbox.gif) no-repeat 4px top; border:none;padding:5px 0 0 12px;margin:4px 0}
input.submit {float:right;color:#fff;font-size:12px;width:61px; height:25px;padding:0 0 5px 0;background: url(../../bluecubetraders/css/submit.gif) no-repeat; border:none;clear:left;margin:0 8px 4px 0}
input.submit:hover {color:#666; cursor:pointer}
#divShoppingCartWidget {background:#F0F0F0;margin-bottom:12px;clear:both;}
#divShoppingCartWidget DIV.cartTitle {padding:8px 0 6px 12px;font-size:100%;}
#divShoppingCartWidget DIV.cartItems {line-height:16px;padding:12px;font-size:80%;}
#divShoppingCartWidget DIV.cartItems a {display:block;font-weight:normal;background: url(cart.gif) no-repeat top right; padding-right:20px;}


/**************************
Forms 
**************************/
form.scForm, form.emailForm {float:left; width:96%; padding:12px;margin:0 0 20px 0;clear:both;font-family:tahoma;
border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -mso-border-radius:8px;
box-shadow: 4px 3px 6px #A8CCD5; -webkit-box-shadow: 3px 3px 6px #A8CCD5; -moz-box-shadow: 1px 1px 10px #A8CCD5;
}

label {width:230px;float:left;margin:2px 0 0px 0;line-height:24px;padding:0 0 0 10px;} 
label.required {width:240px;padding-left:10px;}
input.textField, input.fieldText, form.scForm select, form.emailForm select{width:315px !important;float:right;height:20px;margin:2px 0;
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -mso-border-radius:4px;}

label#message, label.message, #txaMessage, textarea{width:97.5%;margin-right:-3px;
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -mso-border-radius:4px;
} 

textarea{font-size:14px;padding:6px;margin-bottom:10px;font-family:tahoma, arial, sans-serif;} 
input.submit {display:block;clear:both;font-size:90%; font-weight:bold;margin:6px 0 0 0;width:136px;height:34px;padding:7px 0px 6px 2px }

/**************************
Buttons
**************************/

/*Newsletter button*/
a:link.button, a:visited.button {clear:both;display:block;width:200px;text-align:center;font-size:18px;font-style:oblique;
height:31px;padding:8px 0 5px 0px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none !important;}
a:link.scSubscribeLink, a:visited.scSubscribeLink, .scShareWidget a:link,.scShareWidget a:visited {display:block;margin:0 0 2px 0;
	width:200px !important;height:23px !important;padding:20px 0px 5px 21px !important;
text-transform:uppercase;font-weight:bold !important;font-size:80%;text-align:left;}


	
/*list of buttons*/
ul.buttons {float:left;margin:0 0px 12px 0px !important; padding:0 !important;}	
ul.buttons li {font-size:95%;padding:0px 4px 0px 0px !important;line-height:18px;margin:0 0px 0 0px;}
ul.buttons li a:link, ul.buttons li a:visited{
height:31px;font-family:"Trebuchet MS";font-size:16px;font-weight:bold;
display:block;text-decoration:none !important;
margin:0 0px 0 0px;padding:10px 36px 0 12px;
} 	
	
/* -------------------------------
 *  Bottom region elements
 * -------------------------------
 */
 
#divRegionBottom{float:left;width:100%;padding:10px 0 4px 0;font-weight:bold;margin-top:20px;padding-top:30px;}

#divRegionBottom h3{text-align:left;margin:0;color:#c8d6e2}
#footerColumn1{float:left;width:160px;margin-right:50px}
#footerColumn2{float:left;width:200px;margin-right:50px}
#footerColumn3{float:left;width:450px;}
#divRegionBottom ul {text-align:left;margin-bottom:10px;}
#divRegionBottom ul li{
	line-height:30px;
	font-size:80%;
	border-bottom:dashed 1px #c8d6e2;}
#divRegionBottom ul li a:link, #divRegionBottom ul li a:visited {display:block;color:#c8d6e2} 
#divRegionBottom ul li a:hover {color:#14324E;text-decoration:none !important;background:#DAEDF3;background: rgba(250,250,250,.5);}

.centerHolder{position:relative;width:930px;margin:auto;text-align:center;} 
	#divRegionBottom img.enjoy{width:573px;margin:0px auto;padding:0;}
	.scContactWidget{padding:0}
	.scContactSection {margin:0px auto 15px auto;display:none}
	.scContactAddress {font-size:15px;line-height:28px;}
	.scContactDetails {font-size:12px;line-height:16px;}
	.scContactDivider {padding:0}
	.scDivider{margin:0 8px;line-height:16px;}


.contentItem{line-height:17px;display:block}

#divSectionBottomNav ul {float:left;width:370px;margin-top:18px;}
#divSectionBottomNav ul li{float:left;text-align:center;border:none}
#divSectionBottomNav a{padding:0px 6px;letter-spacing:1px;font-weight:bold;border:none;}

#divSectionCopyright{float:right;height:16px;margin:20px 0 0 0;line-height:16px;font-size:80%;:}
	#divBrandingLogo {clear:right;width:150px;margin:0 auto;padding:22px 0 20px 0;text-align:center;}
	#divBrandingLogo a{border:none !important;}

/**************************
TWITTER
**************************/

#scTwitterWidget{text-align:left;width:454px;height:213px;}
#scTwitterWidget h2{display:none;}
#scTwitterWidget h3{font-size:16px;display:none;}

#scTwitterWidget dt, .scTwitterTweet {line-height:20px;margin:4px 0 6px 3px;padding:18px 18px 0 18px;}
#scTwitterWidget dd {padding-left:22px;font-size:12px;font-family:tahoma}
#scTwitterWidget a {}

#scTwitterWidget p {margin:74px 0 0 130px;}

/**************************
Non-typical elements
**************************/

#video {float:left;width:371px;height:370px;background: url(video.png) no-repeat left top;margin:26px 0px 0 0px;padding:25px;}
.cta {float:right;width:374px;height:130px;background: url(cta.png) no-repeat left top;margin:30px 0px 20px 0;padding:25px 40px;
position:relative;text-align:left;}
.cta h2 {color:#BBCF92;text-transform:uppercase;font-size:36px}
.cta p {font-size:16px;position:absolute;top:0px;left:0px}
.cta a:link, .cta a:visited {width:264px;height:110px;padding:70px 150px 0 40px;color:#fff;
font-weight:bold;display:block;background: url(arrow.gif) no-repeat 320px 40px;}
.cta a:hover{background: url(arrow-over.gif) no-repeat 317px 37px;color:#28AAE1}

#divRegionBottom .cta {float:right;width:374px;height:90px;background: url(cta-small.png) no-repeat left top;margin:20px 0px 20px 0;
padding:15px 40px;position:relative;text-align:left;}
#divRegionBottom .cta h2 {font-size:26px;}
#divRegionBottom .cta p {font-size:16px;}
#divRegionBottom .cta a:link,#divRegionBottom .cta a:visited {width:264px;height:70px;padding:50px 150px 0 40px;
background: url(arrow-small.gif) no-repeat 340px 30px;}
#divRegionBottom .cta a:hover{background: url(arrow-small-over.gif) no-repeat 337px 27px;color:#28AAE1}




#subheader{width:960px;margin:auto;padding:20px 30px 20px 20px;height:238px}
#subheader p {font-size:94%;line-height:20px}
.info {width:265px;float:left;margin-right:60px;}
.info#last{margin-right:0;}

.homeSectionStrip{width:100%;}

.homeSection{float:left;width:185px;min-height:220px;margin:20px 45px 0 0;}
.homeSection.last{margin-right:0;}
.homeSection h4{padding:15px 0 0px 80px;height:50px;margin-bottom:0;font-size:17px;font-weight:bold;}
.homeSection h4#content{background: url(icon-content.png) no-repeat left top;}
.homeSection h4#marketing{background: url(icon-marketing.png) no-repeat left top;}
.homeSection h4#website{background: url(icon-website.png) no-repeat left top;}
.homeSection h4#reporting{background: url(icon-reporting.png) no-repeat left top;}
.homeSection h4#ecommerce{background: url(icon-ecommerce.png) no-repeat left top;}
.homeSection h4#contact{background: url(icon-contact.png) no-repeat left top;}
.homeSection h4#messaging{background: url(icon-messaging.png) no-repeat left top;}
.homeSection h4#client{background: url(icon-support.png) no-repeat left top;}
.homeSection p{line-height:normal}
.homeSectionStrip {float:left;margin-left:10px;}