/*--------------------------*/

/*       Standards	    */

/*--------------------------*/


/* body class */

html {
	background-color: #fff;
	font-size: 0.8em; 
}

body, p {
	font-family: Arial, Helvetica, sans-serif; 
	color: #333;
}

.bodyclass {
	margin: 0 auto;
	padding: 0;
	width: 984px;
	text-align: left;
	background-color: #fff;
}


table, tr, td {
	border-collapse: collapse; 
	padding: 0; 
	margin: 0; 
}

/* TEMPLATE */

.right { float: right }
.left  { float: left  }

#template-content { width: 984px; margin-left: -1px; position:relative; z-index: 1; } 
#template-left    { width: 170px; padding: 0px; vertical-align: top; background-color: #f0f3f5; } 
#template-main    { width: 799px; padding: 15px 0 0 15px; }  

/* GENERIC STYLES */

ul { margin: 15px 25px;}

a, a:link, a:visited,
a.links_main, a.links_main:link, a.links_main:visited { 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #455057;
	text-decoration: none;
}
a:hover, a.links_main:hover { 
	color: #bbb;
	text-decoration: underline;
}

.font_error { font-weight: bold;    font-size: 10pt;    color: #ff0000; }

.buttonstyle {
	background-image: url(/images/madaboutmountai/navBar_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 3;
	padding: 3px 10px 5px;
	font-weight:normal;
	font-size: 1.1em;
	color: #fff;
	border: 1px solid #666;
	margin: 2px 0;
}
.buttonstyle:hover {
cursor: pointer;
	color: #2b2b2b;
}
	
input.btnhov { 
	border-color: ;
}


/* small text class */
.small_main {
	font-weight : normal;
	font-size : 8pt;
}

/* input field class */
.font_input {
	border-style:inset;
	border-width:1px;
	border-color: #999;
	margin: 2px 0;
}



/*---------------------
  
     TOP SECTION     

---------------------*/


#login_tbl {display: none}

/* HEADER */

#header-container{ display: block; width:100%; position: absolute; left:0; background-color: #000}
#header{ display: block; width:984px; margin:0 auto; position: relative; height:108px; }

#logo { position: absolute; }
#logo img { border: 0; margin-top: 0px }

#rightHeader{
	float:right;
	height:108px;
}
#topMenu { 
	float:right;
	width: auto;
	padding: 0;
}

	#userMenu { float:right; display:block; height:32px; margin-right: 0px; background-color:#f0f3f5; }
	#userMenu a {
		height: 22px;
		line-height: 22px;
		display: inline-block;
		padding: 0 19px 0 15px;
		margin: 5px 0px;
		font-weight:normal;
		background-image: url(/images/website/siteMenu_item_bg.png);
		background-repeat: repeat-y;
		background-position: right center;
	}

		#userOptions { float:left; margin: 0; vertical-align:top; }
		
			#loginMsg_tbl {
				margin:3px 0;
				font-size: 0.85em;
				font-weight:bold;
				text-align:right;
				width:974px;
				padding: 0 5px
            }
			#loginMsg_tbl td {color: #000;}
		#userLinks { float:left; margin: 0; vertical-align:top;}
			a#link-basket { 
				margin: 0 10px 0 0;
				padding: 0 25px;
				background-image: url(/images/website/basketLink_bg.jpg);
				background-repeat: no-repeat;
				background-position: right center;
				font-weight:bold;
			}
			a#link-login  {  }

	#contact { float:right; clear:both; display:block; position:relative; margin: 10px 0 5px; width:600px; text-align:right }
	#contact span#callUs { font-weight: bold; font-size: 10pt; color:#000; }
	#contact span#number { font-weight: bold; font-size: 14pt; line-height: 14px; color:#000; }

 #searchbox    { display:block; position:relative; top: 5px; float:right; clear:both; height:25px; width:215px; border: 1px solid #b2b3b3;}
	#search_hdr {color:#ff44aa;font-size: 14pt; font-family: Courier New, Courier, monospace; font-weight:bold;}
	#btn-search   { border: 0; float:right; margin: 5px 5px 0 5px;}
	#search-field { width: 180px; height: 22px; border: 0; padding: 0 5px; color:#666; line-height:22px; float:left}



/*  NAV BAR  */

#catMenu_hdr { display:none; }

#catMenu_tbl {
	position:relative;
	z-index: 2;
	display: block;
	width:984px;
	height:34px;
	background-color: #666;
	background-image: url(/images/madaboutmountai/navBar_bg.jpg);
	background-repeat: repeat-x;
}

/* CATE MENU - Category selection list */

ul.makeMenu {
	list-style-type:none;
	display: table;
	width: 984px;
	padding:0;
	margin:0;
	border:0;
}
ul.makeMenu > li {
	display: table-cell;
	margin: 0;
	width: auto;
	height: 34px;
	padding: 0;
	float:left
}
ul.makeMenu > li > a {
	display: block;
	width: auto;
	padding: 0 25px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 0.9em;
	line-height: 34px;
	border: 0;
	background-image: url(/images/website/navBar_item_bg.png);
	background-repeat: repeat-y;
	background-position: left bottom;
}
ul.makeMenu > li#btn_home > a {background-image:none}
ul.makeMenu > li:hover, ul.makeMenu > li.CSStoHighlight {
}
ul.makeMenu > li:hover > a,
ul.makeMenu > li > a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}


/* display subMenu on RollOver */

ul.makeMenu li:hover > ul {    
	display: block;
}


/* CATE SUB-MENU - Sub-category selection list */

ul.makeMenu > li > ul {  
	display: none;        /* hide subMenu until rollover */ 
	position: absolute;
	height: auto;
	margin: 0;
	padding: 10px 0 20px;
	background-color: #000;
	border: 0;
	width:auto;
	min-width: 130px
}

ul.makeMenu > li > ul > li {
	position:relative;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width:auto;
}
ul.makeMenu > li > ul > li > a {
	display: block;
	padding: 0 30px;
	line-height: 24px;
	font-size:1em;
	color: #fff;
}
ul.makeMenu li ul li:hover, ul.makeMenu li ul li.CSStoHighlight {
	background: none;
}
ul.makeMenu li ul li a:hover,
ul.makeMenu li ul li:hover > a {
	text-decoration: none;
	color: #aaff00;
}



/* CATE SUB-SUB-MENU - Sub-sub-category selection list */

ul.makeMenu ul ul {  
	display: none;
}


/*---------------------
  
    LEFT SECTION     

---------------------*/


ul#leftNav {
    list-style:none;
    margin:15px 0 20px 0px;
    padding:0;
    width:170px;
    height:auto;
    position:relative;
    display:block;
    border: 0;
}

ul#leftNav li {
    list-style:none;
    margin:0;
    padding:0;
}
ul#leftNav li a {
    text-transform: uppercase;
    display:block;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
    margin-left: 20px;
    width:150px;
    color: #000;
}
ul#leftNav ul {
    list-style:none;
    margin: 27px 0 0 0;
    padding:0;
}
ul#leftNav ul li {
    height:27px;
    margin:0;
    padding:0;
}
ul#leftNav ul li a{
    text-transform: none;
    height:27px;
    line-height:25px;
    margin-left: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
    border: 0;
    font-weight:bold;
}
ul#leftNav ul li a:hover{
    background-color:#fff;
}


/*---------------------
  
    MAIN SECTION     

---------------------*/

/* HOME PAGE */

#home_main { margin:0; padding: 0; width:984px; margin-bottom:10px; }

#home_main > #home_main_tbl {
    position:absolute;
    width:245px;
    height:405px;
    margin: -460px 0 0 715px;
    text-align:left;
    background-color: none; 
    background-image: url(/images/website/home_trans_bg.png);
    background-repeat: repeat;
}
#home_main > #home_main_tbl td{
    padding: 10px 15px;
}
#home_main > #home_main_tbl p,
#home_main > #home_main_tbl td {
    font-size:9pt;
    font-weight:bold;
    color: #fff;
}
#home_main > #home_main_tbl > caption {
    height:35px;
}

/* HOME SMALL TABLE */

#home_small_tbl { border:1px solid #878787; }
#home_small_tbl td { padding: 3px 0}

#home_small_tbl table { border-left:1px solid #878787;}
#home_small_tbl td:first-child table { border-left:0;}
#home_small_tbl table td { padding: 0}
#home_small_tbl table img { margin: 0 3px;}
#home_small_tbl table td.home_txt { padding: 0 10px; color:#000; font-weight:bold; vertical-align:top; }


/* HOME CAROUSEL */

.jcarousel-skin-tango .jcarousel-container {
    background: #fff;
    border: 0;
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px dashed#ccc;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 984px;
    height: 44px;
}

.jcarousel-clip {
    width:  870px;
    overflow: hidden;
}

.jcarousel-item {
    width: 150px;
    height: 44px;
    margin-right: 40x;
    margin-left: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 20px;
    height: 44px;
    cursor: pointer;
    background: transparent url(/images/website/btn_next.jpg) no-repeat 0 0;
    display:inline-block!important;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    right: auto;
    background-image: url(/images/website/btn_prev.jpg);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 20px;
    height: 44px;
    cursor: pointer;
    background: transparent url(/images/website/btn_prev.jpg) no-repeat 0 0;
    display:inline-block!important;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    background-image: url(/images/website/btn_next.jpg);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}

#brands-link { text-align:right; }
#brands-link > a { color:#3e8c78; }



/* BREADCRUMBS */
    
/* container */
#breadcrumbs_tbl td {
	border: 0;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
	color: #000;
}

/* parent link */
#breadcrumbs_tbl td a {
	font-weight: normal;
	color: #000;
}

/* current */
#breadcrumbs_tbl td b {
	font-weight: normal;
}


/* CATEGORY HEADER */

/* category name */
#cat_hdr > tbody > tr > td.column_main > b {
    position:relative;
    z-index: 1;
    color:#000;
    font-weight:bold;
}

/* category description */
#cat_hdr > tbody > tr > td.column_main > span.column_main {
    position:relative;
    z-index: 1;
    font-style:italic;
    color: #999;
}

#cat_hdr > tbody > tr > td.column_main > img {
    position:absolute;
    z-index: 0;
    width: 814px;
    top:142px;
    margin-left: -814px;
}


/* SUBCATEGORY LISTINGS */

#catprods_hdr { margin-top:10px; display:none }

#catprods_hdr > tbody > tr > td.column_main {
	display: block;
	float:left;
	background-image: url(/images/website/navBar_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	width: 242px;
	height: 13px;
	padding: 7px 0 13px;
	margin: 0 0 20px 20px;
	border: 1px solid #666;
}
#catprods_hdr > tbody > tr > td.column_main > a {
	font-weight:normal;
	font-size: 1.1em;
color: #fff;
	margin: 2px 0;
}
#catprods_hdr > tbody > tr > td.column_main > a:hover {
cursor: pointer;
	color: #2b2b2b;
}


/* RESULTS FILTER OPTIONS */

#hdr_results { display:block; width:799px; font-weight: bold; background-color: #fff; color: #999; height: 23px; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom:1px dashed #ccc;}

#pageDisplayed { font-weight: bold;}
#pageDisplayed a { text-decoration: underline;}

#sortBy-container { float:right;}

	#sortBy-container form { float:left;}
	select.font_input[name=sortType],
	select.font_input[name=imageType] {
		float:left;
		font-size:12px;
		color: #666;
		margin-right: 4px;
		margin-top: -1px;
		border-width: 1px
	}
	#sortBy-txt { float:left; margin-right: 10px; color: #999; font-weight: bold;}



/* PRODUCTS LISTINGS */

#catprods_tbl { width: 799px; border-collapse: separate  }

/* product container */
#catprods_tbl > tbody > tr > td.column_main {
	width: 240px;
	float:left;
	margin: 20px 9px 25px 10px;
	font-size: 15pt;
	color: #ff0000;
	font-weight:bold;
	text-align: center;
	border:3px solid #fff;
}
/* product container */
#catprods_tbl > tbody > tr > td.column_main:hover {
	border:3px solid #ccc;
}

/* product image */
#catprods_tbl > tbody > tr > td.column_main > table > tbody > tr > td.column_main {width:190px}
#catprods_tbl > tbody > tr > td.column_main > table > tbody > tr > td.column_main > a.links_main > img {border:0;}

/* product name */
#catprods_tbl > tbody > tr > td.column_main > a.links_main {
	color: #455057;
	text-align:center;
	font-size:11pt;
	font-weight:normal;
	line-height: 17px;
	display:inline-block;
	height: 39px;
	vertical-align:middle;
	margin: 5px 0;
	width:190px
}

/* saving price */
#catprods_tbl td.column_main font   {color: #000; font-size:10pt;}
#catprods_tbl td.column_main font b {color: #ff0000; font-size:11pt; display:block; padding: 5px 0;}


/* --- PRODUCT PAGE --------------------- */

#prod_img {width:330px;position:absolute;z-index:2}

#prod_alt_img {width:330px;position:relative}

#prod_img img {max-width:330px; height:auto}
#prod_alt_img img {max-width:100px;}


#prod_tbl {
	position:relative;
	text-align:left
}

.product_brand_logo {float:right;margin-bottom:20px}

/* product info table */
#prod_tbl > tbody > tr.column_main > td > table {
	width: 460px;
	position:relative;
	left: 340px;
	z-index:1;
	text-align:left
}

/* product name (product with item options) */
#prod_tbl > tbody > tr.column_main > td > b {
	position:relative;
	padding-left: 340px;
}

/* product name (product with or without options) */
#prod_tbl > tbody > tr.column_main > td > table > tbody > tr > td.column_main > table > tbody > tr > td.column_main > b,
#prod_tbl > tbody > tr.column_main > td > b {
	color: #455057;
	font-size: 15pt;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	clear:both
}

/* description table */
#prodDescr_tbl  {
	width:460px;
	border-right:1px solid #6d6e71;
}
#prodDescr_tbl th {
    border: 1px solid #fff;
	border-right: 0;
    border-bottom: 1px solid #6d6e71;
    padding: 0 1px;
	cursor: pointer;
}
#prodDescr_tbl th h3 {
    font-size:10pt;
    display:block;
    padding: 10px 10px 10px 30px;
    margin:0;
    border: 1px solid #d7d9da;
    border-bottom: 0;
    background-color: #f0f3f5;
	background-repeat: no-repeat;
	background-position: 3px center;
}
#prodDescr_tbl th.active {
    border: 1px solid #6d6e71;
    border-bottom: 0;
    background-color: #fff;
	cursor: default;
}
#prodDescr_tbl th.active h3 {
    border: 0;
    background-color: #fff;
}
#prodDescr_tbl th.descr h3 {background-image: url(/images/website/icn_descr.png);}
#prodDescr_tbl th.size  h3 {background-image: url(/images/website/icn_size.png);}
#prodDescr_tbl th.info  h3 {background-image: url(/images/website/icn_info.png);}

#prodDescr_tbl th.info {border-right:1px solid #fff;}
#prodDescr_tbl th.info.active {border-right:1px solid #6d6e71;}

#prodDescr_tbl td {display:none}

#prodDescr_tbl td.active{
	display:table-cell;
    border: 1px solid #6d6e71;
    border-top: 0;
    padding: 20px;
    background-image: url(/images/website/prod_descr_bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    height:294px;
    vertical-align:top
}

#prodDescr_tbl td table {display:table; border:1px solid #999}
#prodDescr_tbl td table caption {font-weight:bold}
#prodDescr_tbl td table td,
#prodDescr_tbl td table th {display:table-cell; border:1px solid #999}
#prodDescr_tbl td table th {text-align:left; background-color: #f0f3f5; padding: 5px}
#prodDescr_tbl td table td {text-align:center; background-color: #ffffff}

/* separator */
#prod_tbl hr {
	color: #455057;
	display: block;
	margin: 10px 0 10px 0;
	border-width: 1px 0 0 0;
}

/* Click to Add text */
#prod_tbl > tbody > tr.column_main > td.column_main > b {
	color:#455057;
	font-size: 10pt;
	left: 0;
}



/* ITEM DETAILS */

#prod_tbl > tbody > tr.column_main > td > table#item_Tbl {
	background-color: #fff;
	color: #333;
	left: 0px;
	width: 100%;
}
#item_Tbl td {
	padding-left:20px;
}

/* item image container */
#item_Tbl td[rowspan*="5"] {
	background-image: url(/images/afternoah/product_container.png);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	height:355px;
	width:268px;
	vertical-align:top;
}
/* item image */
#item_Tbl td > img { border:1px solid #455057; margin:20px }
#item_Tbl td > img[src*="_currency"] { border:1px solid #333; margin:0px }

#item_Tbl table{
}
#item_Tbl tbody tr td tbody tr td{
	vertical-align: middle;
	text-transform: none;
	font-size: 14px;
	color: #464646;
	font-weight: normal;
}

/* stock level */
#item9 { color: #ff0000; font-weight: bold; }

/* Kits */
#kitBit.column_main { margin-left: 0; padding: 0;}
#kitBit.column_main table{ margin: 10px 0; padding: 0;}


input.buttonstyle[value="Add"] {
}
input.buttonstyle[value="Add"]:hover {
}

input[value="Continue Shopping"] {
	margin-left: 10px;
}



/* --- BASKET PAGE --------------------- */

#shopcart_tbl, #shopcart_tbl td, #shopcart_tbl table { border-collapse: collapse;  }

/* HEADER TABLE */
#shopcart_hdr {margin-top: 27px;}

#shopcart_hdr, 
#shopcart_hdr tr.tablecontrast {
	display: block;
	font-weight: bold;
	background-color: #666666;
	color: #fff;
	border:0;
}
#shopcart_hdr  tr.tablecontrast td {
	padding: 10px;
	font-size: 12pt;
	font-weight:normal;
}

/* CHECK LIST TABLE */
#shopcart_tbl table.sectionborder_main {margin-top: -20px;}

#shopcart_tbl table.sectionborder_main td {
	color: #464646;
	border: 1px solid #60604b;
	padding: 5px;
	vertical-align: middle;
}

    /* column headers */
    #shopcart_tbl table.sectionborder_main tr.header_main td { background-color: #f0f3f5; font-weight: bold; }

    /* main cells */
    #shopcart_tbl table.sectionborder_main tr.column_main { background-color:#fff}

    /* Qty fake input 
    #shopcart_tbl table.sectionborder_main .font_input {
		color: #464646;
		border:0;
		text-align: center;
		font-weight: bold;
    }
	*/


#shopcart_tbl table:first-child {
	background-image:url('/images/timetide/welcome-bk.jpg');
	background-repeat: no-repeat;
	color: #60604b;
	width: 763px;
	height: 73px;
	margin: 0 0 10px 0;
}
#shopcart_tbl table:first-child td {
	padding-left: 40px;
}
/*
#shopcart_tbl input[value="Amend Basket"] {display:none}
*/

/* CONTINUE SHOPPING BUTTON */
input[value="Continue Shopping"] { 
	display: inline-block;
	width: 157px!important;
}

/* LOAD, SAVE and CANCEL BUTTONS */
#shopcart_tbl input[value="Save"],
#shopcart_tbl input[value="Load"],
#shopcart_tbl input[value="Cancel"] { 
	display: inline-block;
	width: 127px!important;
}
#shopcart_tbl input[value="Save"]:hover,
#shopcart_tbl input[value="Load"]:hover,
#shopcart_tbl input[value="Cancel"]:hover { 
}


/*---------------------
  
    BOTTOM SECTION     

---------------------*/

/* CT link */
td.column_bottom a {}


/* FOOTER 1 */

.footer-container { width:100%; text-align:center; position:absolute; left:0px; }
.footer { width:984px; margin:0 auto; text-align:left; }

#footer1 {
    height: 47px;
    background: #fff url(/images/website/footer1_bg.jpg) repeat-x 0 0;
}
#btn_facebook { display:block; margin-top:8px;}

#footer2 {
    margin-top: 47px;
    height: 230px;
    background: #999 url(/images/website/footer2_bg.jpg) repeat 0 0;
}
#footer2 table {
    width:969px;
    font-weight:bold;
    margin-top: 15px;
    margin-left: 15px;
}
#footer2 table th{
    color: #fff;
	text-align:left;
	font-weight:normal
}
#footer2 table td,
#footer2 table td a{
    color: #cad2d7;
}
#footer2 table img {
    float:right;
}


/*---------------------
  
     GOOGLE CHROME, SAFARI and other WEBKIT BROWSERS     

---------------------*/

    @media screen and (-webkit-min-device-pixel-ratio:0) {
		#cat_hdr > tbody > tr > td.column_main > img {top:0}
    }   

