/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title: 		The Bond Group Stylesheet
Author: 	Wes Smith / Red Bullet Web Design
Desc: 		Site Global Styles

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* ----- FILE IMPORTS ----- */
@import "layout.css";
@import "navigation.css";
@import "buttons.css";
@import "tables.css";
@import "forms.css";
@import "tabs.css";
@import "shop.css";
@import "shopNavigation.css";

/* ----- GLOBAL RESETS ----- */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ----- GLOBAL BODY STYLES ----- */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#666666; text-align:left;}
img { padding:0; margin:0; display:block;}
p {margin-bottom: 10px;}

/* ----- GLOBAL CLASSES ----- */
.clear { clear:both;}
.hide { display:none;}
.show, .block { display:block;}
.left { float:left !important;}
.right { float:right !important;}
.alignLeft { text-align:left !important;}
.alignCenter { text-align:center !important;}
.alignRight { text-align:right !important;}
.alignJustify { text-align:justify !important;}
.alignBottom { vertical-align:bottom !important;}
.imageRight { float:right; padding:0 0 15px 15px;}
.imageLeft { float:left; padding:0 15px 15px 0;}
.imageCenter { margin:0 auto;}
.inline {display:inline;}
.bold { font-weight:bold;}

/* ----- GLOBAL HEADINGS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-family:"Lucida Sans", arial;}
h1, .shopPageTitle {color:#00156D;}
h2, h3, .boxTitleSmall { color:#00156D; padding-bottom: 10px;}
h1 {font-size:21px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4, h5, h6 { padding-bottom: 10px;}

.boxTitle { color:#00156D; font-size:16px;}
.boxTitleLarge{ color:#00156D; font-size:18px; font-weight: bold; padding-bottom: 15px; line-height:normal;}
.infoBoxTitle { color:#739CAD; font-size:15px; font-weight:bold; padding-bottom: 15px;}
.boxTitleSmall {line-height:14px; font-size:14px; font-weight:bold; }
.boxTitleSmallLightBlue { color:#739CAD; font-size:16px; line-height:14px;font-family:"Lucida Sans", arial;font-weight:bold;}
.pageTitle { color:#0BB2D1; font-size:18px;}
.pageTitle .darker { color:#00156D;}
.bluePersonSilIcon { padding-left: 33px; background: transparent url(/images/bluePersonSil.gif) no-repeat left 2px;}

.cmsPageTitle { color:#0BB2D1; font-size:21px; padding:10px; font-family: "Lucida Sans",arial;}
.cmsPageTitle a { color:#0BB2D1; text-decoration:none; }
.cmsPageTitle a:focus,
.cmsPageTitle a:hover,
.cmsPageTitle a:active { text-decoration:underline; }
.cmsPageTitle h1 { color:#00156D; display:inline; padding:0;}

/* ----- TEXT SIZES ----- */
.large { font-size:14px;}

/* ----- HYPERLINKS ----- */
a { text-decoration:underline; color:#666666; outline:none;}
a:hover { text-decoration:none;}
a span {cursor: pointer; }
.blueLink { color:#0BB2D1;}

/* ----- MAIN LAYOUT PADDING CLASSES ----- */
.pad10 { padding:10px;}
.pad16 { padding:16px;}
.padTB10 { padding:10px 0;}
.padTB20 { padding:20px 0;}
.padLR10 { padding:0 10px;}
.padT5 { padding:5px 0 0 0;}
.padT10 { padding:10px 0 0 0;}
.padB10 { padding:0 0 10px 0;}
.padRBL10 { padding:0 10px 10px 10px;}
.padTRL10 { padding:10px 10px 0 10px;}
.padTB5LR10 { padding:5px 10px;}

/* ----- MAIN LAYOUT MARGIN CLASSES ----- */
.marL10 { margin-left:10px;}
.marR10 { margin-right:10px;}
.marR6 { margin-right:6px;}
.marR7 { margin-right:7px;}
.marR9 { margin-right:9px;}
.marR20 { margin-right:20px;}
.marR30 { margin-right:30px;}
.marR40 { margin-right:40px;}
.marT10 { margin-top:10px;}
.marT20 { margin-top:20px;}
.marT30 { margin-top:30px;}
.marB10 { margin-bottom:10px;}
.marB20 { margin-bottom:20px;}
.marB30 { margin-bottom:30px;}
.marB40 { margin-bottom:40px;}
.marB50 { margin-bottom:50px;}
.marTB10 { margin:10px 0;}

/**
 * Definition Lists
 */
dl{margin:0;}
dl dt{float:left;clear:left;width:20%; margin:0 0 0.5em 0;display:block;}
dl dd{float:left;margin:0 0 0.5em 0;display:block;width:80%;}

/**
 * File types
 */
a.fileFormatLink {padding: 2px 0 2px 20px; background: transparent url(/images/file-icons/page_white_put.png) no-repeat left center;}
a.excelFileType { background-image: url(/images/file-icons/page_white_excel.png); }
a.docFileType { background-image: url(/images/file-icons/page_white_word.png); }
a.pptFileType { background-image: url(/images/file-icons/page_white_powerpoint.png); }
a.zipFileType { background-image: url(/images/file-icons/page_white_zip.png); }
a.imgFileType { background-image: url(/images/file-icons/page_white_picture.png); }
a.pdfFileType { background-image: url(/images/file-icons/page_white_acrobat.png); }

/** CMS CONTENT **/
.cmsContent h2, .cmsContent h3 {padding:20px 0 10px 0;}
#infoTabs .cmsContent h2, #infoTabs .cmsContent h3 {padding:10px 0 10px 0; font-size:14px;}

.cmsContent p {
    margin-bottom: 10px;
}

.cmsContent a {
    color: #0BB2D1;
}

.cmsGenericPage p {
    margin-bottom: 20px;
    font-size:14px;
}

.cmsContent ul, .cmsContent ol {
    margin-bottom: 20px;
    list-style-position: inside;
}

.cmsContent ul {
    list-style-type: disc;
}

.cmsContent ol {
    list-style-type: decimal;
}

.cmsContent li {
    margin-bottom:3px;
}

div#depotMapCanvas {
    width:400px;
    height:400px;
}

/**
 * Corporate Home Page
 */

.majorContainer, .minorContainer {
    position: relative;
}

.majorContainer {
    background: transparent url(../images/corporate-4boxes-bg.gif) repeat-y top left;
	margin-bottom:6px;
}

.majorArticle {
    padding-bottom: 38px;
}

.minorArticle {
    padding-bottom: 20px;
	margin-bottom:10px;
}

.majorContainer h2 a, .minorContainer h3 a {
    text-decoration:none;
    color: #00156D;
}

.majorContainer h2 a:focus, .minorContainer h3 a:focus,
.majorContainer h2 a:hover, .minorContainer h3 a:hover,
.majorContainer h2 a:active, .minorContainer h3 a:active {
    text-decoration: underline;
}

.majorButtons, .minorButtons {
    position: absolute;
    bottom: 0;
}
.minorButtons {
    bottom: 10px;
    width: 167px;
}

.majorButtons {
    width: 215px;
	margin-bottom:6px;
}

.box320 img {border:1px solid #739CAD;}