/* ################################### */
/* ### Cablemax CSS Style Sheet  ##### */
/* ### Author: Junior Madureira  ##### */
/* ### Created: 06/07/2007       ##### */
/* ### Copyright Fourthmedia Ltd.##### */
/* ################################### */

/* ############# COMMON TAGS ############# */
body {
	background:url(images/site_background.gif) top left;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color: #7E7B77;	
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color: #7E7B77;	
}

img {border:0}



/* ############# END COMMON TAGS ############# */

/* ====================
    Links/Buttons
   ====================*/

/* text style for buttons and link buttons used in the store admin pages */
.CATCommandButton_cablemax   
{
    font-family: Arial, Verdana, Tahoma, Helvetica !important;
    font-size: 11px !important;
    font-weight: bold !important;
	color:#7e7b77 !important;
	background-image:url(images/bck_btn_grey.gif) !important;
	border:1px solid #969696 !important;
	padding:1px 7px 1px 7px !important;
	cursor:pointer !important;
	cursor:hand !important;
}
    
/* hyperlink style for buttons and link buttons used in the store admin pages */
A.CATCommandButton_cablemax:link {
    text-decoration:    none !important;
    color: #7e7b77 !important;
}

A.CATCommandButton_cablemax:visited  {
    text-decoration: none !important;
    color: #7e7b77 !important;
}

A.CATCommandButton_cablemax:active   {
    text-decoration:    none !important;
    color: #7e7b77 !important;
}

A.CATCommandButton_cablemax:hover    {
    text-decoration:    none !important;
    color: #7e7b77 !important;
}

/* ############# FORMS ############# */

input {border:1px solid #969696; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
select {border:1px solid #969696; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/* ############# END FORMS ############# */

/* ############# LINKS A TAGS #############*/

a { text-decoration:none; color:#7E7B77 !important}
a:visited { text-decoration:none; color:#7E7B77 !important}
a:active, a:focus { text-decoration:none; color:#7E7B77 !important}
a:hover { text-decoration:underline; color:#83ad01 !important}

a.link_grey_bold {	text-decoration:none;	color:#7E7B77;	font-weight:bold}
a.link_grey_bold:visited {	text-decoration:none;	color:#7E7B77;	font-weight:bold}
a.link_grey_bold:active, a.link_grey_bold:focus {	text-decoration:none;	color:#7E7B77;	font-weight:bold}
a.link_grey_bold:hover {	text-decoration:underline;	color:#83ad01;	font-weight:bold}

a.link_grey_10 {	text-decoration:none;	color:#7E7B77;	font-size:10px}
a.link_grey_10:visited {	text-decoration:none;	color:#7E7B77;	font-size:10px}
a.link_grey_10:active, a.link_grey_10:focus {	text-decoration:none;	color:#7E7B77;	font-size:10px}
a.link_grey_10:hover {	text-decoration:underline;	color:#83ad01;	font-size:10px}

a.link_green {	text-decoration:none;	color:#83ad01;}
a.link_green:visited {	text-decoration:none;	color:#83ad01;}
a.link_green:active, a.link_green:focus {	text-decoration:none;	color:#83ad01;}
a.link_green:hover {	text-decoration:underline;	color:#7E7B77;}

/* ############# END LINKS ############# */

/* ############# TOP MENU STYLES ############# */

.main_dnnmenu_container {	background-color: transparent; width:100% }
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:30px;
	background-color: Transparent;
	width:100%
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-size: 10px;
	text-transform:uppercase;
	border:0px;
	font-family: Arial, Helvetica, sans-serif !important; 
	height:30px;
	padding:0 5px 0 2px;
	text-align:center
}


.main_dnnmenu_itemhover {  
	background: URL("images/bck_mainmenu.gif") repeat-x top;
	color:#000000;
	font-size: 10px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif !important; 
	border:0px;
	padding:8px 5px 9px 2px;	
	cursor: pointer; 
	cursor: hand; 
	text-align:center	
}

.main_dnnmenu_itemhover td {  
	background: URL("images/bck_mainmenu.gif") repeat-x top;
	font-size: 10px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif !important; 
	border:0px;
	padding:8px 5px 9px 2px;
	cursor: pointer; 
	cursor: hand; 
	text-align:center	
}

.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
	display:none;
}

.MainMenu_RootMenuArrow {display:none;}
.MainMenu_MenuArrow {display:none;}
.main_dnnmenu_rootmenuarrow {	display:none;}
.MainMenu_Active{background: URL("images/bck_mainmenu.gif") repeat-x top; color:#000000 !important; }
.MainMenu_Active td {background: URL("images/bck_mainmenu.gif") repeat-x top; color:#000000; }

.MainMenu_SubMenu {
	font-size:10px !important;
	background-color:#413e3d; /* this works*/
	border:0;
	height:20px;
	text-align:left !important
}

.MainMenu_SubMenu td{
	font-size:10px !important;
	background-color:#413e3d; /* this works*/
	border:0;
	padding:0px 10px 0px 5px;
	height:20px;
	text-align:left !important
}

.MainMenu_SubMenu_hover {
	color:#ffffff !important;
	background:url(images/bck_mainmenu.gif) top left repeat-x #8e1536;
	font-size:10px  !important; /* this works */
	border:0;
	height:20px;
	text-align:left !important	
}

/* ############# CONTENT PANES STYLES ############# */
.banner_pane {
	background-color:#FFFFFF;
	text-align:right !important;
	vertical-align:top;
}

.extra_pane {
	padding:10px 20px 20px 0;
	background-color:#FFFFFF;
	background:url(images/bck_pagetitle.gif) repeat-x top left #ffffff;
	vertical-align:top;
	width:165px
}

.content_pane {
	padding:10px 10px 20px 35px;
	background-color:#FFFFFF;
	background:url(images/bck_pagetitle.gif) repeat-x top left #ffffff;
	vertical-align:top
}

/* ############# END CONTENT PANES STYLES ############# */

/* ############# BACKGROUND STYLES ############# */

/*.bck_leftside {
   Mozilla ignores crazy MS image filters, so it will skip the following 
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/bck_leftside.png');
}*/

/* IE ignores styles with [attributes], so it will skip the following. .bck_leftside[class] */
.bck_leftside {
    background:url(images/bck_leftside.png) repeat-y top right;
}

/*.bck_rightside {
   Mozilla ignores crazy MS image filters, so it will skip the following 
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/bck_rightside.png');
}*/
/* IE ignores styles with [attributes], so it will skip the following. */
.bck_rightside {
    background:url(images/bck_rightside.png) repeat-y top left;
}

.bck_leftmenu {
	background:url(images/bck_leftmenu.gif) repeat top left;
	padding:0 0 20px 0;
	vertical-align:top;
	width:270px;
}

.bck_menu {
	background:url(images/bck_menu.gif) repeat-x top left;
	height:30px;
	padding-left:30px;
	color:#FFFFFF;
	vertical-align:top
}

.bck_footer1 {
	background:url(images/bck_footer1.gif) repeat-x top left;
	height:29px;
	text-align:right
}

.bck_footer2 {
	background:url(images/bck_footer2.gif) repeat-x top left;
	height:69px;
	vertical-align:top;
}

.bck_breadcrumb {
	background:url(images/bck_breadcrumb.gif) repeat-x top left;
	height:30px;
	padding-left:35px;
	font-size:10px;
	border-left:1px solid white;
	border-right:1px solid white;
}

.bck_pagetitle {
	background:url(images/bck_pagetitle.gif) repeat-x top left;
	height:49px;
	padding-left:35px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	border-left:1px solid white;
	border-right:1px solid white;
}

.bck_top {
	background:url(images/bck_toplogin.gif) repeat-x top left;
}

.bck_toplogin {
	background:url(images/bck_toplogin.gif) repeat-x top left;
	text-align:right;
	padding-right:20px;
}

.bck_topshopcart {
	background:url(images/bck_topshopcart.gif) repeat-x top left;
	width:349px;
	padding-right:20px
}
/* ############# END BACKGROUND STYLES ############# */

/* ############# SEARCH BOX STYLES ############# */

.search_box {
	background:url(images/bck_search.gif) top left repeat-x;
	height:30px;
	width:270px;
	vertical-align:top;
	padding-top:3px
}

.search_field { width:170px}

.search_td { padding-left:20px; padding-right:10px}

.CATNormalDropDownList_search {
	width:170px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:11px !important
}

.CATContainerBorder { 
	border: 0px #98AAB1 solid !important;
	background-color:transparent
}

/* ############# END SEARCH BOX STYLES ############# */

/* ############# MINIDASHBOARD STYLES ############# */

.minidash_table {
	padding:0 0 35px 0
}

.minidash_photo {
	padding:0;
	vertical-align:top;
	height:95px !important;
	width:110px !important;
	text-align:center
}

.minidash_td_description { 
	font-size:10px;
	height:50px !important;
	width:120px;
}

.CATProductListItem {
	color:#83ad01 !important;
	font-size:16px !important;
	font-weight:bold !important;
}

.minidash_title {
	color:#83ad01 !important;
	font-size:12px !important;
	font-weight:bold !important;
}

a.minidash_title:visited {
	color:#83ad01 !important;
	font-size:12px !important;
	font-weight:bold !important;
}

.minidash_td_title {
	padding-top:20px
}

/* ############# END MINIDASHBOARD STYLES ############# */

/* ############# SHOPPING CART STYLES ############# */

.CatFooterNav {
	border-top:1px dotted #a6a6a6;
	padding-top:5px;
	margin-top:10px

}

.CatBreadcrumb {
	background-color:#ededed;
	height: 15px !important;
	
}

.CATprice {
	color:#990000;
	font-size:14px;
	font-weight:bold
}

.CATHeader_cablemax {
	font-size:14px;
	color:#7E7B77;
	font-weight:bold
}

.CATNormalTextBox_multiple
{
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.CATNormal_cablemax
{
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: normal;
	color:#7E7B77 !important
}

.CATGrid_cablemax
{
	width: 100%;
	background-color: white;
	background-image: none;
	border:0
}

.CATGridHeader_cablemax 
{
	font-weight: bold !important;
	font-size: 11px;	
	color: #83ad01 !important;
	font-family: Arial, Verdana, Tahoma, Helvetica;
}

.CATGridHeader_cablemax td
{
	height: 32px;
	font-weight: bold !important;
	font-size: 11px;	
	color: #83ad01 !important;
	font-family: Arial, Verdana, Tahoma, Helvetica;
	border-bottom:1px solid #7f7f7f !important
}

.CATGridItem_cablemax
{
	font-weight: normal;
	font-size: 11px;
	color: #7E7B77 !important;
	font-family: Arial, Verdana, Tahoma, Helvetica;
    height: 22px;
    background-color: #ffffff !important;
	border:0	
}


.CATGridItemAlt_cablemax
{
	font-weight: normal;
	font-size: 11px;
	color: #7E7B77 !important;
	font-family: Arial, Verdana, Tahoma, Helvetica;
    height: 22px;
    background-color: #f2f2f2 !important;
	border:0	
}

.CATGridFooter_cablemax
{
	background-color: transparent;
	line-height: 8pt;
	border-top:1px solid #7f7f7f
}

.CATAltHeader_cablemax
{
	font-weight: bold;
	font-size: 11px;	
	color: #83ad01;
	font-family: Arial, Verdana, Tahoma, Helvetica;
	border-bottom:1px solid #7f7f7f

}

TD.CATAltHeader_cablemax
{
	height: 32px; 		
}

TD.CATHeaderList_cablemax
{
	height: 2px !important; 		
}

/* ############# GENERAL STYLES ############# */

.CATSubHead {
	font-weight:bold !important;
	color:#7E7B77 !important;
	font-size:11px !important
}

.CATpage_nav { border:0; background-color:transparent; width:100%}
.CATpage_nav td{ border:0; background-color:transparent; width:100%}

.dotted_line {
	border-bottom:1px dotted #a6a6a6;
}

.productdetail_photo {
	padding:0 20px 0 0;
	width:130px !important;
	text-align:center !important
}

.td_productDetail_productname {
	height:10px !important;
}

.td_productdetail_quantity {
	padding-top:3px;
}

.copyright { }

.td_search_box { padding-left:20px; width:170px}

.leftmenu_top {
	background:url(images/bck_categories.gif) no-repeat top left;
	width:270px;
	height:49px;
	vertical-align:top;
}

.td_left_menu { background-image:url(images/bck_leftmenu.gif)}

.footer_links {
	float:left;
	position:absolute;
	z-index:10;
	padding-top:10px;
	padding-left:35px;
}

.footer_img {
	float:right;
	position:relative;
}

.img_ccards {
	padding-top:10px;
	padding-right:15px;
	float:right
}