/*
Theme Name: Monsoon Theme
Theme URI: http://www.stoneedge.com/
Description: Custom design and build for Monsoon.
Version: 1.0
Author: Paragon
Author URI: http://iamparagon.com
Tags: green, gray, purple
*/

/*
----------------------------------------------
COMMON
----------------------------------------------
*/
@import url('css/reset.css');
@import url('css/fonts.css');
* { outline: none; }
.clear { clear:both; }
/*
----------------------------------------------
END COMMON
----------------------------------------------
*/



/*----------------------------------------------COLOR AND TYPE----------------------------------------------*/
/*
-----------
GLOBAL
-----------
*/
html, body { background:#f0f0f0; }
body {
color: #252525; text-align:center; font-family: Trebuchet, "trebuchet MS", Helvetica, Jamrul, sans-serif;
font-size:12px; line-height: 16px;
}

h1, h2, h3, h4, #sidebar h2 { font-weight: bold; }
h1 { font-size: 1.8em; color: #222222; }
h2 { font-size: 1.6em; color:#629c42; }
h3 { font-size: 1.3em; color:#629c42; }
h4 { font-size: 1.2em; color:#629c42; }

strong { font-weight: bold; }
strong.search { font-size: 1.6em; }

a { color:#629c42; text-decoration:none; }
a:hover { color:#629c42; }
a img { border:none; }

strong.search a { text-decoration: underline; }

p { line-height:1.5em;}

li { list-style-type:none; }

#msg { background: #a92224; text-align: center; color: #fff; font-weight: bold; }
#msg a { color: #fff; text-decoration: underline; }

#logo a
{ text-indent: -9999em; }
/*
-----------
END GLOBAL
-----------
*/


/*
-----------
MAIN
-----------
*/
#header_wrapper,
#logo_tagline,
#content
{ text-align: left; }

/*Header */
#header_wrapper { }
#top { }
#tagline { color:#FFFFFF; }

#logo a { background: url('img/logo-monsoon.png') no-repeat; }

#toplinks { font-size: 1.2em; }
#toplinks li { list-style-type:none; background: center left url('img/gray_line.png') no-repeat; }
#toplinks li:first-child { background: none; }
#toplinks li a {color:#4a4a4a;}
#toplinks li a:hover {color:#4a4a4a;}


#main_nav { font-weight: bold; text-align: left; background: url('img/bkg-topnav.png'); }
#main_nav a { color:#333333; font-size:1.2em; }
#main_nav ul { list-style-type: none; }
#main_nav li { background:url('img/menu_dividers.jpg') no-repeat; z-index:2; }
#main_nav li:first-child { background-image:none; }
#main_nav li.page-item-13 a { color:#73af55; text-transform: uppercase; }

#main_nav li:hover, #main_nav li.current_page_item { color:#73af55; background: #ffffff; }
#main_nav ul ul li.current_page_item,
#main_nav ul ul li:first-child.current_page_item { background: #dcdcdc; }

#main_nav ul ul {
background: #dcdcdc; text-align: left; font-size: .8em; font-weight: normal;
border: 1px solid #ededed; border-bottom: 0;
}
#main_nav ul ul li { background-image: none;}

#main_nav ul ul ul { font-size: 1em; }

#main_nav li.current_page_item a,
#main_nav li.current_page_ancestor a
{ color:#73af55; }

#main_nav li.page-item-13 li a,
#main_nav li.current_page_item li a,
#main_nav li.current_page_ancestor li a
{ color:#3d3d3d; text-transform: none; }

#main_nav li.page-item-13 li a:hover,
#main_nav li.current_page_item li a:hover,
#main_nav li.current_page_ancestor li a:hover
{ color:#73af55; text-transform: none; }

#main_nav ul ul li:hover { background: #6d8e35 !important; }
#main_nav ul ul li:hover a { color: #ffffff !important; }
#main_nav ul ul li:hover li a { color:#333333 !important; }
#main_nav ul ul ul li:hover { background: #6d8e35 !important; }
#main_nav ul ul ul li:hover a { color: #ffffff !important; }
#main_nav ul ul ul li:hover li a { color:#333333 !important; }

/* Content */
#body_content { /* background: url('img/bkg_tile.gif') repeat-y; */ }
.body_spacing { background: #fff; }
#page_wrapper { background: url('img/bkg_tile2.gif') repeat-y; }
#content { background:#FFFFFF;}



/*Footer */
#footer { }
#footer_mid { background: #6c6c6c url('img/bkg-footer.png'); }
#footer_links ul { list-style-type: none; list-style-image: none; text-align: center; }
#footer_links a { color:#FFFFFF; text-transform:uppercase; }
#footer_links a:hover { color:#dfdfdf; }
#footer_links li { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF;}
#footer_links li:first-child { border:none;}

#copyright{text-align:center; color:#878278;}
/*
-----------
END MAIN
-----------
*/

/*
-----------
HOME
-----------
*/
#home_subheader { background:#707070; }
#subheader_promo {}
#latest {color:#FFFFFF; }
#latest h2 { color:#FFFFFF; text-transform:uppercase; font-size:1.3em;}
#latest p {font-size:1.1em; line-height:1.6em;}
#latest a {color:#FFFFFF;}
#latest a:hover {color:#786592;}

/*features*/
#features {background:url('img/features_backg.jpg'); background-repeat:repeat-x; }
#features a{color:#626262; font-size:1.1em;}
#features a:hover {color:#786592;}
#features ul{text-align:left;list-style-type: none;}
#features li.page-item-23 {background:url('img/manage_orders_icon.gif') no-repeat;}
#features li.page-item-25 {background:url('img/inventory_icon.gif') no-repeat;}
#features li.page-item-27 {background:url('img/packing_icon.gif') no-repeat;}
#features li.page-item-29 {background:url('img/integrate_icon.gif') no-repeat;}
#features li.page-item-31 {background:url('img/customers_icon.gif') no-repeat;}
#features li.page-item-33 {background:url('img/reporting_icon.gif') no-repeat;}

/*left column*/
#left_col {}
#left_col h2, #downloads a { color: #639b42; }
#downloads {}
#downloads a:hover {/*color:#FF0000;*/}
#downloads li {background-image:url('img/bullet-arrow.png'); background-repeat:no-repeat; }
#downloads li a { color: #786592; }


/*mid column*/
#mid_col { }
#mid_col p {font-size: 1.25em;}


/*right column*/
#right_col {  }
#promo_box1 h2, #promo_box2 h2, #promo_box3 h2 {color:#639b42;}
#promo_box1 p {font-style:italic; color:#333333;}
.underline {background:url('img/emboss_line.jpg') no-repeat; background-position:bottom;}
.box_top { background:url('img/greybox_top.jpg') no-repeat;}
.grey_box {background:url('img/greybox_backg.jpg') repeat-y;}
.box_bot { background:url('img/greybox_bot.jpg') no-repeat;}

/*
-----------
END HOME
-----------
*/


/*
-----------
SUBPAGES
-----------
*/
/*submenu*/
#submenu { background:#ebebeb; }
#submenu a { line-height: 1.8em; font-size:1.1em; color:#093745;}
#submenu a:hover { color:#629c42; }

#submenu ul ul li a { color:#786592;}
#submenu ul ul li a:hover { color:#786592; }

#submenu ul ul { background: #e2e2e2; border-top: 1px #fff solid; }
#submenu ul ul ul { border: 0 !important; }

#submenu li { border-top: 1px #ffffff solid; border-bottom: 1px #dadada solid; background: 6px 9px url('img/grey_arrow.gif') no-repeat; }
#submenu li li { color: #3b3b3b; font-size: 10px; border: 0px; background: none; }
#submenu li li li { font-size: 10px; }
#submenu li li li div { background: 28px 8px url('img/sub_link_arrow.gif') no-repeat; }

#submenu ul li.current_page_ancestor,
#submenu ul li.current_page_item
{ background-image: url('img/arrow-down.png'); }

#submenu li li.current_page_ancestor,
#submenu li li.current_page_item
{ background-image: none; }

#submenu ul li.current_page_ancestor a,
#submenu ul li.current_page_item a 
{ font-weight: bold; }

#submenu ul li.current_page_ancestor li a,
#submenu ul li.current_page_item li a 
{ font-weight: normal; }

#submenu ul li ul li.current_page_ancestor a { font-weight: bold; }
#submenu ul li ul li.current_page_ancestor li a { font-weight: normal; }

#submenu ul li ul li.current_page_item a { color: #629c42 !important; font-weight: bold !important; }
#submenu ul li ul li.current_page_item li a { color: #093745 !important; font-weight: normal !important; }

/*subheader*/
#page_subheader {background: #464e50 url('img/bkg-subheader.png'); background-repeat:repeat-x;}
#page_subheader h1 {color:#FFFFFF;}

/*right content*/
#right_content { color: #363636; }
#right_content a:hover { text-decoration: underline; }

#intro_text { font-size:1.5em; color:#555555; line-height: 1.45em; font-style:italic; background: url('img/intro_text_backg.jpg') repeat-x; }

#page_group {  }

#page_text ul li { background: 0 .5em url('img/bullet.png') no-repeat; }
#page_text ol li { list-style-type: decimal; }
#page_text sup { vertical-align: super; }
#page_text em { font-style: italic; }

#pageleft_col h2, #right_content h2 {color:#629c42;}
#page_text { }

h2.right_content {
background: 0 3px url('img/page_h2_backg.jpg'); background-repeat:repeat-x;
border-top:#ebebeb; border-top-style:solid; border-top-width:1px;
border-bottom:#ebebeb; border-bottom-style:solid; border-bottom-width:1px;
}

/*call out box */
#callout { text-align:center; }
#callout_top { background:url('img/callout_top.gif') no-repeat top;}
#callout_body {background:url('img/callout_backg.gif') repeat-y; }
#callout h2 {font-size:1.3em; line-height:1.5em;}
#callout_bot {background:url('img/callout_bot.gif') no-repeat bottom;}
.emboss_line {background:url('img/emboss_backg.gif') repeat-x;}
#callout_btn {background:url('img/callout_btn.jpg') no-repeat center center; }
#callout_btn a{color:#fff; text-transform:uppercase; font-weight:bold;}
#callout_btn a:hover {color:#fff; background:url('img/callout_btn-over.jpg') no-repeat center center;}

.entry { border-bottom-width:2px; border-bottom-style:dotted; border-bottom-color:#dddddd;}
.entry p { line-height: 1.7em; }

.list_data { font-weight: bold; color: #363636; }

/*
-----------
END SUBPAGES
-----------
*/



/*
-----------
BLOG
-----------
*/
#posts { }
#posts p { line-height: 1.6em; color:#333333; }
#posts h2 { font-size: 1.8em; }
#posts h3 { font-size:0.8em; text-transform: capitalize; color:#666666; font-weight: normal; }

.storytitle { font-size: 2.5em; line-height:.1em; }

/*
.post { }
.post.nobar { border-bottom: none; }
*/
/*
-----------
END BLOG
-----------
*/




/*
-----------
FORMS
-----------
*/
.SubscribblyEmail { border:1px solid #CCCCCC; background-color:white; }
.entry form {  }

.searchform {  }
.search_field { font-size: 1.1em; border:1px solid #CCCCCC; background-color:white; color: #898989; font-style: italic; }
.submit { color: #fff; background: url('img/search-monsoon.png'); border: 0px; cursor:default; cursor:pointer; }
/*
-----------
END FORMS
-----------
*/
/*------------------------------------------------------END COLOR AND TYPE----------------------------------------------*/



/*----------------------------------------------------SIZE AND PLACEMENT----------------------------------------------*/

/*
-----------
GLOBAL
-----------*/
body { margin: 0; }
.alignleft { float: left; }
.alignright { float: right; }

img.alignleft { padding: 0 5px 5px 0; }
img.alignright { padding: 0 0 5px 5px; }

h1, h3 { padding-bottom: .5em; }
p { padding: 0 0 1.4em 0;}

strong.search { display: block; margin-bottom: 1em; }

#msg p { display: block; padding: 10px 0; }

.clear.space { height: 10px; }
/*
-----------
END GLOBAL
-----------
*/


/*
-----------
MAIN
-----------
*/
h2 { padding: 0 0 15px 0; }

/*Header */
#header_wrapper { position: relative; margin: 0px auto; width: 960px; height: 120px; }
#header_center {width: 960px; }

#logo { position: absolute; top: 35px; }
#logo a { display: block; width: 582px; height: 44px; }

#search_links {margin: 50px 0 0 0; }
#search_links input[type=text] { margin-right: 5px; }

/* cjk:7/30/13 removed right: -257px */
/* #toplinks { position: relative; top: 35px; right: -257px; text-align: right; } */
#toplinks { position: relative; top: 35px; text-align: right; }
#toplinks li { display:inline; padding: 0 0 0 15px; margin: 0 0 0 10px; }

/* Content */
#content { margin: 0 auto; width: 960px; }
#content_top {width:960px;}
.top_crnr { width: 6px; }

/* Main Nav */
/* functionality */
#main_nav ul {  }
#main_nav ul li { float: left; display: block; }

#main_nav a { display: block; }
#main_nav a:hover {  }

#main_nav li { position: relative; }
#main_nav ul ul { position: absolute; display: block;}
#main_nav ul ul ul { position: absolute; top: 0; left: 100%; display: block; }

div#main_nav ul ul,
div#main_nav ul li:hover ul ul,
div#main_nav ul ul li:hover ul ul
{left: -999em;}

#main_nav ul li:hover ul { left: auto; }

div#main_nav ul ul li:hover ul,
div#main_nav ul ul ul li:hover ul
{left: 100%;}

/* style */
#main_nav { width: 960px; height: 41px; }
#main_nav a { padding: 13px 32px 12px 32px; }

#main_nav ul ul { display: block; width: 200px; margin-left: 1px; }
#main_nav li.page-item-9 ul { width: 100%; }
#main_nav ul ul ul { margin: -1px 0 0 1px; }

#main_nav ul ul li {
	float: none;
	display: block;
	padding-left: 10px;
	background-color: #EBEBEB;
	border-bottom: 1px solid #DADADA;
	border-top: 1px solid #FFF;
}
#main_nav ul ul li:first-child { border-top: none; }
#main_nav ul ul li a { padding: 1em .5em 1em .5em; }

#main_nav li.page-item-7 ul { margin-left: 0;}


/*Footer*/
#footer { margin: 0 auto; width: 960px;}
#footer_mid {width:960px; height:57px;}
#footer_links { padding: 18px 0 0 0; }
#footer_links ul { margin: 0;  padding: 0; }
#footer_links li{ display: inline; }
#footer_links li div {display:inline; padding: 0 25px 0 25px;}

#copyright { margin: 10px 0 20px 0; }
/*
-----------
END MAIN
-----------
*/


/*
-----------
 HOME
-----------
*/
#home_subheader { width: 950px; height:231px; margin: 5px 5px 0 5px; }

/*Body Content */
#body_content { margin: 0 5px 0 0px;}
.body_spacing { height: 5px; }
.body_spacing.home { height: 10px; }

#latest { width: 210px; margin: 15px 15px 0 0; }
#latest h2 { margin: 10px 0 5px 0; padding: 0; }
#latest p { margin: 0; padding: 0 0 1em 0; }
#demo_btn {margin: 10px 0 10px 0;}

/*features */
#features { height: 79px; }
#features ul { margin: 20px 0 0 20px;}
#features li { float:left; width: 145px; margin: 0 10px 0 0; }
#features li img { float: left; padding: 0 5px 0 0; }
#features li:last-child { width: 155px; }
#features p { padding: 0 0 7px 0; }

/*left column*/
#left_col { width: 170px; }
#downloads {width: 155px; margin: 0 0 0 15px;}
#downloads ul {margin: 5px 0 0 0;}
#downloads li { padding: 0 0 20px 30px;}

#mallnav {width: 155px; margin: 15px 0 50px 15px; }


/*middle column */
#mid_col { width:930px; margin: 0 0 0 10px; padding: 0 0 0 10px; }
#pic {  }
#welcome_text { width: 275px;}
#welcome_text.full { width: auto; }

/*right col*/
#right_col { width:314px;}
#promo1, #promo2, #promo3 { padding:15px 20px 20px 20px;}
#promo_box1, #promo_box2, #promo_box3 {width: 314px;}
#promo_box2 {margin: 10px 0 0 0;}
#promo_box3 {margin: 10px 0 0 0;}
#promo1 p {padding:15px 0 0 0;}
#testimonials_logo {margin: 15px 0 0 0;}
#cart_logos {margin: 10px 0 0 0;}
#OMusers_btn {margin: 20px 0 0 0;}

.box_top, .box_bot { height:8px; }
/*
-----------
END HOME
-----------
*/



/*
------------
SUBPAGES
------------
*/

/*wrapper*/
#page_wrapper {margin:0 5px 0 5px;}

/*Left col*/
#pageleft_col { width:216px; margin: 0 0 10px 0;}


/*page body*/
#page_body { width: 733px;}

/*submenu*/
#submenu { margin: -1px 0 1em 0; }
#submenu ul ul { display: none; }

#submenu li.current_page_ancestor ul,
#submenu li.current_page_parent ul,
#submenu li.current_page_item ul
{ display: block; }

#submenu li { display: block; }
#submenu li div { padding: 4px 0 4px 20px; }
#submenu li li div { padding: 1px 0 1px 25px; }
#submenu li li li div { padding-left: 40px }

/*right content*/
#right_content { margin: 0 0 0 5px;}

/*page subheader*/
#page_subheader { height:65px; margin: 0 0 1px 0;}
#page_subheader h1 {padding: 30px 0 0 15px;}
#page_subheader p { padding: 0; }
#intro_text {padding: 15px; margin: 0px 0 5px 0;}
#page_text { }

h2.right_content { padding: 19px 15px 15px 10px; margin: 0 0 10px 10px; }

#page_group { margin: 5px 0 0 20px; padding-top: 5px; }

#page_text { width: 555px; }
#page_text.full { width: 695px; }

#page_text ul,
#page_text ol
{ padding: 0 0 1em 0; }

#page_text ul li,
#page_text ol li
{ margin: 0 0 5px 0; }

#page_text ul li { margin-left: 20px; padding-left: 10px; }
#page_text ol li { margin-left: 40px; }

.more-link { display: block; padding-top: .5em; }


/*callout box */
#callout { width:148px; }
#callout h2 { padding: 5px 0 10px 0; }
#callout_divider {width: 140px; height:3px; margin: 0 0 5px 5px;}
#callout_btn {margin: 5px 0 0 7px; height:35px; width: 135px}
#callout_text  {padding: 8px 0px 5px 0px;}
#callout_text a{padding:8px 35px 10px 35px;}
#callout_top, #callout_bot { height: 6px;}


.list_data {float:left}
.list_text {float:right; width:460px; margin: 0 0 0 10px;}
.list_text.full { width: 550px; }
.list_text.complete { float: left; width: auto; }
.entry { margin:15px 0 0 0;}
.entry.list { margin: 0; padding: 15px 0 10px 0; }

/* search */
.navigation { width: 695px; }
.navigation .alignleft,
.navigation .alignright
{ padding: 10px 0; }


/*
------------
END SUBPAGE
------------
*/





/*
-----------
BLOG
-----------
*/
#posts { float:left; width: 650px; margin: 10px 0 40px 0; padding: 0 40px 0 40px; }
.feedback { padding: 0 0 10px 0; }
.navigation { padding: 10px 0; }

.comment { padding: 1em 0; }
/*
-----------
END BLOG
-----------
*/




/*
-----------
FORMS
-----------
*/
.SubscribblyEmail { }

.post input, .post textarea { padding: 4px; width: 300px; }
.post input[type=submit] { width: auto; }

.searchform { }
.search_field { float:left; height:16px; margin: 0; padding: 3px 0 0 0;}
.searchform input[type=text] { width: 170px; margin-bottom: 5px; padding: 5px; }
.submit { width: 75px; height: 28px; }

select { width: 130px; }

#commentform { margin: 5px 10px 0 0; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0 0 5px auto; float: right; }

#respond:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
/*
-----------
END FORMS
-----------
*/
/*----------------------------------------------END SIZE AND PLACEMENT----------------------------------------------*/

@import url('custom_styles.css');