/* 
	 These are some preset, general styling rules for applying a simple design to s ShoutCMS website. 
	 Basic modifications would include font styling, simple backgrounds on divs, and navigation styling.
	 For anything more advanced you will need to create new rules in this area. 
	 
	 Tip for creating new rules: Use your web browsers' built in developer editor in order to make sure 
	 your rules are specific enough to over-write any default styling associated with the website.
/*


/*   Sections are broken down into (use the number codes to quickly find them):
0.   New Rules {#000}
1.   General Typography, Links, & Misc {#001}
2.   Backgrounds {#002}
3.   Main Navigation, Alt Navigation, Breadcrumb Trail {#003}
4.   Sub Navigation {#004}
5.   Browse Features {#005}
6.   Store {#006}



-----------------------------------------------------------------------------------------------------------


/*   NEW RULES   {#000}
--------------------------------------------------------------------------------------------------------- */
/*   Any new rules you need to create should go here: */ 

.ui-accordion-header {padding: .5em .5em .5em 2.2em}



/*   GENERAL TYPOGRAPHY, LINKS, & MISC   {#001}
--------------------------------------------------------------------------------------------------------- */
html body {
   
}
html #footer {
	
}

/*   Styles for all major headings & titles throughout the website   */
h1, h3, h4, h6, .category-product-title a, .relation-large .related-title a,
.relation-medium .related-title a, .news-title, .category-items-title a,
.alternate-product-Title a, .relatedProductTitle a, .category-product-title a,
.news-title, .product-information h1, #editor-content a {
    
}

/*   Hover style for all major headings & titles throughout the website   */
.category-product-title a:hover, .relation-large .related-title a:hover,
.relation-medium .related-title a:hover, .category-items-title a:hover,
.alternate-product-Title a:hover, .relatedProductTitle a:hover,
.category-product-title a:hover, .news-title:hover, .product-information h1:hover,
#editor-content a:hover {
    
}

/*   Specific website heading styles   */
html h1 {
	
}
html h2 {
	
}
html h3 {
	
}
html h4 {
	
}
html h5 {
	
}
html h6 {
	
}

/*   General website links   */
html a {

}
html a:hover {

}
html #editor-content a {

}
html #footer a {
    
}
html #footer a:hover {

}



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


/*   BACKGROUNDS   {#002}
--------------------------------------------------------------------------------------------------------- */
html {
    
}

/*   
	 If you need to create background styles specifically for the homepage, 
     add #pg-home as a div id to specify the homepage                    
*/

html #layout-wrapper {
    
}
html #layout-header {
    
}
html .top-header {
    
}
html #layout-body {
    
}
html #layout-mid {
    
}
html #layout-mask {
    
}
html .nav {
    
}
html #layout-footer {
    
}
html #footer {

}
html #pg .nav-side table tbody {
    
}



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


/*   MAIN NAVIGATION & ALT NAVIGATION   {#003}
--------------------------------------------------------------------------------------------------------- */
/*   Main menu navigation   */
.nav .flyout ul li {
    
}
.nav .flyout ul li:hover {
    
}
.nav .flyout ul li a {
    
}
.nav .flyout ul li a:hover {
    
}
.nav .flyout ul li.selected a, html .nav .flyout ul li.selected a:hover {
    
}

/*   Dropdown navigation   */
.nav .flyout ul ul {
    
}
.nav .flyout ul li ul li a {
    
}
.nav .flyout ul li ul li a:hover, .nav .flyout ul li.selected ul li a:hover {

}
.nav .flyout ul li.selected ul li a {
    
}
.nav .flyout ul li ul li.selected a {
    
}
.nav .flyout ul li ul li.selected a, html .nav .flyout ul li ul li.selected a:hover {
    
}
.nav .flyout ul li ul li.selected ul li a {
    
}

/*   Site alt navigation ('Sitemap','Contact', 'Search' etc)   */
.nav-alt a {
    
}
.nav-alt a:hover {

}
#search-quick {

}

/*  Breadcrumb trail  */
#breadcrumb a {
    
}
#breadcrumb a:hover {
    
}



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


/*   SUB NAVIGATION   {#004}
--------------------------------------------------------------------------------------------------------- */
/*   Second level sub-navigation   */
html a.navigation-second {
    
}
html a.navigation-second-selected, a.navigation-second-selected:hover {
    
}
html a.navigation-second:hover {
    
}

/*   Third level sub-navigation   */
html a.navigation-third {
    
}
html a.navigation-third-selected, a.navigation-third-selected:hover {
    
}
html a.navigation-third:hover {
    
}

/*   Fourth level sub-navigation   */
html a.navigation-fourth {
    
}
html a.navigation-fourth-selected, a.navigation-fourth-selected:hover {
    
}
html a.navigation-fourth:hover {
    
}

/*   Fifth level sub-navigation   */
html a.navigation-fifth {
    
}
html a.navigation-fifth-selected, a.navigation-fifth-selected:hover {
    
}
html a.navigation-fifth:hover {
    
}



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


/*   BROWSE FEATURES   {#005}
--------------------------------------------------------------------------------------------------------- */
/*   'Read More' links for all browse features   */
html .related-link a {

}
html .related-link a:hover {

}

/*   Title text for carousel   */
#headline_carousel-slider-wrapper h3.related-title a {
    
}
#headline_carousel-slider-wrapper .related-link a {
    
}

/*   Summary text for carousel   */
#headline_carousel-slider-wrapper .related-summary {
    
}

/*   Innerpage carousel font & button styling   */
#page_headline_carousel-slider-wrapper h3.related-title a {
    
}
#page_headline_carousel-slider-wrapper .related-link a {
    
}
#page_headline_carousel-slider-wrapper .related-summary {
    
}

/*   Specific styling for Large Browse Feature titles   */
html .relation-large .related-title {

}

/*   Specific styling for Medium Browse Feature titles   */
html .relation-medium .related-title {

}

/*   Specific styling for Small Browse Feature titles   */
html .relation-small h3.related-title a {

}

/*   Specific styling for List Browse Feature titles   */
html .relation-list .related-title a {

}



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


/* STORE   {#006}
--------------------------------------------------------------------------------------------------------- */
html .product .product-price {

}
html .product .product-price #total_display {

}
html .product .product-price #reg_display {

}


/* Modal Popup CSS */

div.ui-widget-overlay {
    background:#003366;
    z-index:999999;
    opacity: .6;
	filter: Alpha(Opacity=60);
}

div.ui-dialog {
    z-index:1000000;
    width:610px;
}

div#jui-dialog-wrapper {
    background:#fff url(http://www.awna.com/uploads/files/homepage%20images/advisorgraphic.jpg) no-repeat; 

    /*background: #fff;*/
    font-family: arial;
    color: #6a6a6a;
    font-size:14px;
    height: 400px !important;
    width: 610px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 51, 102, 0.34);
    box-shadow: 0 0 1px 1px rgba(0, 51, 102, 0.34);
    overflow-y: hidden;
    line-height: 1.5em;
}

div#jui-dialog-wrapper.ui-dialog-content {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

div.jui-dialog-left {
    /*background:#f5f5f5 url(http://www.adwest.ca/uploads/files/popup_resources/cropped-a.png) no-repeat; */
    background:#fff url(http://www.awna.com/uploads/files/homepage%20images/advisorgraphic.jpg) no-repeat; 
    width: 297px;
    float: left;
    height: 500px;
}

div.jui-dialog-left-middle {
    /*background: url(http://www.adwest.ca/uploads/files/popup_resources/survey.png) 70px no-repeat;
    margin-top: 222px;
    height: 112px;
    background: url(/uploads/files/images/logos/logo.png) 52px 48px no-repeat;*/
    background: url(http://www.awna.com/uploads/files/homepage%20images/advisor-296.png) 2px 18px no-repeat;
    margin-top: 168px;
    height: 108px;
}

div.jui-dialog-left-bottom {
    /*background: url(/uploads/files/images/logos/logo.png) 20px no-repeat;
    margin-top: 200px;*/
    margin-top: 2px;
    height:41px;
}

div.jui-dialog-right {
    width: 313px;
    float:right;
    /* background:#FFF; 
    background-color: #f5f5f5;*/
    padding-top: 172px;
    height: 168px;
    
}

div.jui-dialog-right h3 {
 	margin: 0;
    padding-left: 30px;
    padding-bottom: 5px;
    color: #334f63;
    font-size: 16px;
	/* margin-left: 25px; letter-spacing: .1em; */
}

div.jui-dialog-right p {
    margin-right: 18px;
    margin-left: 25px;
    padding-left: 30px;
    padding-bottom: 35px;
}

p.jui-dialog-lead-text {
    font-weight:bold;
}

p.jui-dialog-blue-text {
    color: #005696;
    font-weight: bold;
}

div.jui-dialog-report {
    background:#4c718d;
    color:#fff;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:21px;
}

div.jui-dialog-report:hover {
    background: #9F9F9F;
    cursor:pointer;
}


div.jui-dialog-report span {
    padding-left: 30px;
    color: #fff;
}

div.jui-dialog-report {
    color: #fff;
}

div.jui-dialog-continue-report:hover {
    cursor: pointer;
}

div.jui-dialog-continue-button {
    background:	#005696 url(http://www.adwest.ca/uploads/files/popup_resources/arrow.png) 260px no-repeat;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
	width: 313px;
	float: right;
}

div.jui-dialog-continue-button span {
    padding-left:30px;
    color: #fff;
}

div.jui-dialog-continue-button:hover {
    background:	#9F9F9F url(http://www.adwest.ca/uploads/files/popup_resources/arrow.png) 260px no-repeat;
    cursor:	pointer;
}

p.checkmark {
	display: block;
	background: url(../images/checkbox.png) no-repeat;
}