/**
 * WidgetStore  : main.css
 *
 * @company    Health Communication Network. 
 * @copyright  Copyright (c) 2011, Health Communication Network. 
 * @developer    Brian Pulliese - Synapse Interactive - www.synapseinteractive.com.au 
 *
 **/  

/* 
	RESET ELEMENTS 
*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/*
   DEFAULT STYLES
*/

body { background: #ffffff;  color: #454545; font-family: Arial, Helvetica, sans-serif; font-size:11px; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif;  color: #333; }
a, a:visited { color: #00A160; text-decoration: underline; }
a:hover, a:active { color: #00A160; text-decoration: underline; }
h1 { color:#005dab; font-size:24px; font-weight:500; margin:12px 0px; }
h2 { color:#596066; font-size:12px; }

/* 
PRE TAG FOR APPLIX FORMATTED TEXT
*/
pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
 font-family: Arial, Helvetica, sans-serif; font-size:11px;
}

/*
   DEFAULT CLASSES
*/
.orange { color: #ff8d06; }
.expired {color:#C00; font-weight:normal;}

/*
   BUTTONS
*/


.btn-add-cart{background:url(../images/addtocart_bg.png) no-repeat; cursor:pointer; width:141px; height:17px; color:#eeeeee; font-size:10px; font-weight:bold; border:none; padding:0px;margin:0px;}
.btn-add-cart.hover{background:url(../images/addtocart_on_bg.png) no-repeat; cursor:pointer; width:141px; height:17px; color:#eeeeee; font-size:10px; font-weight:bold; border:none; padding:0px;margin:0px;}
.btn-add-cart-disabled{background:url(../images/addtocart_disabled_bg.png) no-repeat;cursor:help; width:141px; height:17px; color:#eeeeee; font-size:10px; font-weight:bold; border:none; padding:0px;margin:0px;}
.btn-download{background:url(../images/download_bg.png) no-repeat; cursor:pointer; width:141px; height:17px; color:#596066; font-size:10px; font-weight:bold; border:none; padding:0px;margin:0px;}
.btn-download-disabled{background:url(../images/download_disabled_bg.png) no-repeat;cursor:help; width:141px; height:17px; color:#999; font-size:10px; font-weight:bold; border:none; padding:0px;margin:0px;}
.btn-download.hover{background:url(../images/download_on_bg.png) no-repeat; cursor:pointer; width:141px; height:17px; color:#596066; font-size:10px; font-weight:bold; border:none; padding:0px;margin:0px;}
.cart_controls .btn-download, .cart_controls .btn-download-disabled{float:right;}
.btn-remove{background:url(../images/remove_bg.png) no-repeat; width:89px; height:17px; text-align:center; padding-top:2px;}
.btn-remove.hover{background:url(../images/remove_on_bg.png) no-repeat;}
.btn-remove a{color:#eeeeee; text-decoration:none; font-size:10px; font-weight:bold;}
.btn-continue{float:right; background:url(../images/continueshopping_bg.png) no-repeat; margin-left:10px; width:152px; height:17px; text-align:center; padding-top:3px; }
.btn-continue.hover{background:url(../images/continueshopping_on_bg.png) no-repeat;}
.btn-checkout{float:right; background:url(../images/checkout_bg.png) no-repeat; width:89px; height:17px; text-align:center; padding-top:3px; margin-left:10px;}
.btn-checkout.hover{background:url(../images/checkout_on_bg.png) no-repeat;}
.btn-continue a, .btn-checkout a{color:#596066; font-size:10px; font-weight:bold; text-decoration:none;}


/*
 FLASH NOTICES
 */
div.info { background:#6C3;	color:#030;	 font-size:11px;  }
div.flash-error, div.flash-notice, div.flash-success{padding:.8em; margin-top:20px; border:1px solid #390;	}
#content h2{margin:15px 0px 0px 12px; font-size:14px;}
#content div.error{margin:0px 0px 12px 12px; font-size:12px;}

/*
 STICKY FOOTER & WRAPPER
 Spawned by - http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
*/
/* To turn on sticky footer, uncomment the following 2 lines. 
* {margin: 0;}
html, body {height: 100%;}
*/
.wrapper {	min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; width:1004px;}
.footer, .push { height: 50px; margin: 0px auto; width:1004px;  } 


/*
   HEADER
*/
.header { overflow:hidden; }
.header ul {list-style-type:none; margin:0px;}
.header ul li {float:left;}
.header ul li.title {font-size:18px; color:#6a737b; vertical-align:middle; margin-top:57px;}
.header ul li.search { overflow:auto; background:url(../images/search_field.jpg) no-repeat; width:216px; margin:67px 12px 0px 0px; float:right;}
.header ul li.search input { border:none; float:left; }
.header ul li.search input.field {margin:4px 4px 0px 25px; padding:0px; width:130px; background-color:#f8f8f8; font-size:12px; color: #919193;}

/*
   NAVIGATION BAR
*/
.navigation { background:url(../images/navigation_bg.jpg) no-repeat; overflow:hidden; width:1004px; height:30px; margin-bottom:16px; }
.navigation ul {list-style-type:none; margin:3px 10px 0px 10px;}
.navigation ul li {float:left;display:block;margin-right:6px;background:url(../images/navitem_single_bg.png) no-repeat; width:80px; height:19px; text-align:center; padding-top:5px;}
.navigation ul li.hover, .navigation ul li.active {background:url(../images/navitem_single_on_bg.png) no-repeat;}
.navigation ul li.multi {background:url(../images/navitem_multi_bg.png) no-repeat; text-align:left; padding-left:23px; width:57px; cursor:pointer;}
.navigation ul li.multi.active, .navigation ul li.multi.hover {background:url(../images/navitem_multi_on_bg.png) no-repeat;}
.navigation ul li.multi ul{position:absolute; margin:5px 0px 0px -50px; padding-top:3px;}
.navigation ul li.multi ul li{float:none;background:url(../images/navitem_dropdown_bg.png) repeat-y; width:135px;}
.navigation ul li.multi ul li div{padding:3px;margin:0px 6px;}
.navigation ul li.multi ul li.hover div{background-color:#dfe0e0;}
.navigation ul li.multi ul li.last{background:url(../images/navitem_dropdown_bottom.png) bottom no-repeat; padding-bottom:6px;}
.navigation ul li.developer {background:url(../images/navitem_developer_bg.png) no-repeat; text-align:center; height:24px; width:110px; margin-right:35px;}
.navigation ul li.developer.hover{background:url(../images/navitem_developer_on_bg.png) no-repeat;}
.navigation ul li.new {background:url(../images/navitem_filter_left_bg.png) no-repeat; margin-right:0px; padding-top:5px; height:24px; width:55px; }
.navigation ul li.new.hover, .navigation ul li.new.active {background:url(../images/navitem_filter_left_on_bg.png) no-repeat;  }
.navigation ul li.free {background:url(../images/navitem_filter_right_bg.png) no-repeat; padding-top:5px; height:24px; width:55px;}
.navigation ul li.free.hover, .navigation ul li.free.active {background:url(../images/navitem_filter_right_on_bg.png) no-repeat; }
.navigation ul li a, .navigation ul li span{color:#6a737b; text-decoration:none; font-weight:bold;}
.navigation ul.col2 {float:right; list-style-type:none; margin:0px 10px 0px 10px;}
.navigation ul.col2 li {background:none; width:auto; }
.navigation ul.col2 a{ color: #00A160; text-decoration: underline; font-weight:normal; }
.navigation ul li.logout, .navigation ul li.login {margin:0px 0px 0px 6px; background:url(../images/navitem_single_bg.png) no-repeat; width:80px; height:19px; text-align:center; }
.navigation ul li.logout.hover, .navigation ul li.login.hover{background:url(../images/navitem_single_on_bg.png) no-repeat;}
.navigation ul li.logout a, .navigation ul li.login a {text-decoration:none;font-weight:bold;}
/* CMS ITEM */
.navigation ul li.cms {background:url(../images/cmsnav_bg.png) no-repeat; text-align:left; padding-left:23px; width:97px; cursor:pointer; padding-top:6px;}
.navigation ul li.cms.active, .navigation ul li.cms.hover {background:url(../images/cmsnav_on_bg.png) no-repeat;}
.navigation ul li.cms ul{position:absolute; margin:5px 0px 0px -40px; padding-top:3px;}
.navigation ul li.cms ul li{float:none;background:url(../images/navitem_dropdown_bg.png) repeat-y; width:135px;}
.navigation ul li.cms ul li div{padding:3px;margin:0px 6px;}
.navigation ul li.cms ul li.hover div{background-color:#dfe0e0;}
.navigation ul li.cms ul li.last{background:url(../images/navitem_dropdown_bottom.png) bottom no-repeat; padding-bottom:6px;}


/*
   BREAD CRUMBS
*/
.breadcrumbs {margin:0px 0px 0px 12px; font-size:11px;}


/*
   STAGE
*/
.stage {margin:0px 12px 12px 12px;}
.stage ul {margin:15px 0px !important; }
.stage li { list-style:inside disc !important; margin-left:15px !important; }
.stage ol li {list-style-type: decimal !important;}

/*
   LAYOUTS
*/
.col1{float:left;margin-bottom:20px;}
.col2{float:right;margin-bottom:20px;}


/*
	CATALOG & WIDGET PANELS
*/

.catalog {margin:12px 0px 12px 0px; overflow:hidden;}
.catalog ul.items{overflow:auto;}
.catalog ul.items .empty{margin-left:12px;}
.catalog ul li {float:left; background:url(../images/widget_panel_bg.png) no-repeat; cursor:pointer;  width:308px; height:90px; margin:0px 10px 10px 0px; padding:10px;overflow:hidden;}
.catalog ul li.hover {background:none; background:url(../images/widget_panel_on_bg.png) no-repeat; color:#666;}
.catalog ul li.last {margin-right:0px;}
.catalog ul li div.icon {float:left;width:80px;text-align:center;vertical-align:middle;padding-top:15px;}
.catalog ul li div.briefdetails{float:right;width:220px;overflow:hidden;}
.catalog ul li div.title{font-size:12px; font-weight:bold;}
.catalog ul li div.description{line-height:13px; padding-top:10px;height:38px; overflow:hidden;}
.catalog ul li div.price{float:left;color:#ff8d06; font-size:12px; padding-top:12px;}
.catalog ul li div.control{float:right;padding-top:10px;}

/* Uncomment if you would like to use tables instead */
/*.catalog ul li table {width:310px;  overflow:hidden;}
.catalog ul li td.icon{ width:82px; text-align:center; vertical-align:middle; }
.catalog ul li td.title{ font-size:12px; font-weight:bold;}
.catalog ul li td.description{ line-height:13px; padding-top:10px; }
.catalog ul li td.price{ color:#ff8d06; font-size:12px; padding-top:12px; }
.catalog ul li td.control {padding-top:10px;text-align:right;}*/

/*
	WIDGET DETAILS
*/
.widgetdetails{margin:12px 0px 12px 0px; overflow:hidden; background:url(../images/widget_detail_panel_bg.png) no-repeat top #ebebeb; width:964px;  padding:20px; }
.widgetdetails div.specs{float:left;width:220px;}
.widgetdetails div.description{float:left;margin-left:40px; width:680px;}
.widgetdetails div.description pre{width:680px; }
.widgetdetails div.icon, .widgetdetails div.price, .widgetdetails div.control {text-align:center;}
.widgetdetails div.control{margin-bottom:28px;}
.widgetdetails div.price{color:#ff8d06; font-size:14px;margin:10px 0px;}
.widgetdetails div.specs ul {overflow:hidden; margin:13px 0px;}
.widgetdetails div.specs ul li{}
.widgetdetails div.specs ul li.specs_label{float:left;  }
.widgetdetails div.specs ul li.specs_value{float:right; }


/*
	 YII PAGER
*/
.pager {margin:12px 0px;}
.pager ul.yiiPager {overflow:hidden; width:20em; margin:0px auto !important;  }
.pager ul.yiiPager li {float:left;margin:2px !important; text-align:center; padding:5px 0px 0px 0px; background:none;  width:24px; height:19px;  list-style: none !important; }
.pager ul.yiiPager li a{ text-decoration: none; padding:5px; }
.pager ul.yiiPager li.page{background:url(../images/pagination_page_bg.png) no-repeat; width:24px; height:19px;}
.pager ul.yiiPager li.page.selected{background:url(../images/pagination_page_on_bg.png) no-repeat;}


/*
	CART & ORDER TABLES (@note: moved to grid-view & list-view css)
*/
/*.shopping_cart{width:100%;margin-top:20px;}
.shopping_cart tr{border:1px solid #cfd4d8;}
.shopping_cart tr.heading{border:none; }
.shopping_cart th{font-size:14px; font-weight:bold; padding:10px; }
.shopping_cart td{font-size:12px; vertical-align:middle; background-color:#f8f8f8; padding:10px;}
.shopping_cart td.no{}
.shopping_cart td.icon{width:44px;}
.shopping_cart td.name{}
.shopping_cart td.size{}
.shopping_cart td.price{}
.shopping_cart td.action{width:100px;}
.shopping_cart td.selectbox{width:100px;}
.shopping_cart td.totallabels{text-align:right; font-weight:bold;}
.shopping_cart td.subtotal, .shopping_cart td.taxtotal, .shopping_cart td.grandtotal{height:10px; width:80px;}*/
.cart_controls{overflow:hidden; margin:15px 15px 15px 0px;}

.instructions{border-top:1px solid #999; color:#999; margin-top:20px; padding:5px 0px;}
.instructions ol{margin-bottom:15px;}
.instructions ol li{ list-style-type:decimal; list-style-position:inside;}
.instructions h2{color:#999;font-size:14px;margin:5px 0px 5px 0px;}

/*
	ACCOUNTS (@note: moved to grid-view & list-view css)
*/
/*table.items td, table.items th{padding:20px;font-size:12px;}*/

/*
   LOGIN FORM & ERRORS
*/

.login-form{width:400px;margin:0px auto;font-size:12px;}
.login-form .hint{margin-bottom:20px;}
.login-form input.textBox {  background: none repeat scroll 0 0 #F8F8F8;   border: 1px solid #D0CFCF;    color: #666666;   font-size: 12px;   height: 19px;   margin: 0px;   padding: 4px 2px;   width: 394px;}
.login-form div.errorSummary{  background: none repeat scroll 0 0 #DD1F2C !important;   border-radius: 5px 5px 5px 5px;   color: #FFFFFF;   margin:10px 0px 20px 0px; display: block;   font-size: 12px !important;   font-weight: bold;   padding: 8px 10px !important;}
.login-form div.errorSummary p{display:none; color:}
.login-form div.errorSummary ul{padding:0px !important; }
.login-form div.errorSummary ul li {list-style:none !important;}
.login-form input.error{background: none repeat scroll 0 0 #F8F8F8 !important;   border: 1px solid #D0CFCF !important;    color: #666666 !important;}
.login-form label{margin:10px 0px; font-weight:100 !important;font-size:12px !important;}
.login-form label.error{color:#454545 !important;}
.login-form label span{display:none;}
.login-form input.btn-login {background: url(../images/btn-login.gif) no-repeat scroll 0 0 transparent;   border: medium none;    color: #333333;    font-size: 15px;    height: 39px;    margin: 20px 0px 40px 0px;    width: 137px; cursor:pointer;}
.login-form .loginbtn_container{text-align:right;}



/*
   PROGRESS BAR CART
*/
.progress-bar-container{margin:10px auto 40px; width:437px;}


/*
   FOOTER
*/
.footer { background:url(../images/footer_bg.jpg) no-repeat; overflow:auto; font-size:11px; }
.footer ul { list-style-type:none; margin:9px 10px 0px 10px;}
.footer ul li{ float:left; padding:0px 3px;  }
.footer ul li.copyright{ float:right; }