
/*cm_sysdb_begin*/
@import url("//fonts.googleapis.com/css?subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,khmer,latin,latin-ext,vietnamese&family=Sacramento:regular");
.cm-background {
background-image: url("/.cm4all/iproc.php/rocky%20bakkies.png");
background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;
}
/*cm_sysdb_end*/

.cm-offline-content {
    color: #3B3B3B;
    background-color: #FFFFFF;
}

body {
	background-color:	#FFFFFF;
}
body, .page_wrapper, .content_main_dho {
	font-family:	Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
.page_wrapper a {
	color:				#3B3B3B;
}
h1, .cm-h1 {
	font-size:		large;
	font-family:	Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h2, #title_wrapper h2 {
	font-size:		x-large;
	font-family:	Sacramento, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h3 {
	font-size:		small;
	font-family:	Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h4, h5, h6 {
	font-family:	Lucida Sans Unicode, Lucida Grande, sans-serif;
}
.title_wrapper h1 {
	font-family:	Sacramento, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}
.title_wrapper h2 {
	font-family:	Sacramento, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}

#cm_navigation a {
	font-size:		small;
	font-family:	Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}



/* ################################################## */
/* ################ INPUT ELEMENTS ################## */
/* ################################################## */
.page_wrapper .cm_widget input[type='text'], .page_wrapper .cm_widget input[type='date'], .page_wrapper .cm_widget input[type='datetime'], 
.page_wrapper .cm_widget input[type='email'], .page_wrapper .cm_widget input[type='number'], .page_wrapper .cm_widget input[type='password'],
.page_wrapper .cm_widget input[type='search'], .page_wrapper .cm_widget input[type='tel'], .page_wrapper .cm_widget input[type='time'],
.page_wrapper .cm_widget input[type='url'], .page_wrapper .cm_widget textarea, .page_wrapper .cm_widget select,
.page_wrapper .cm_widget button, .page_wrapper .cm_widget input[type='button'], .page_wrapper .cm_widget input[type='submit'], .page_wrapper .cm_widget input[type='reset'] {
	border-radius:		0px;
	padding:			9px 14px;
	color:				#3B3B3B;
	background-color:	#FFFFFF;
	background-color:	rgba(59,59,59,0.08);
	border:				1px solid rgba(59,59,59,0.15);
	-webkit-transition:	color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	-moz-transition:	color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	-o-transition:		color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	transition:			color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	
	font-family:	Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
.page_wrapper .cm_widget button, .page_wrapper .cm_widget input[type='button'], .page_wrapper .cm_widget input[type='submit'], .page_wrapper .cm_widget input[type='reset'] {
	cursor:			pointer;
}
.page_wrapper .cm_widget input[type='text']:focus, .page_wrapper .cm_widget input[type='date']:focus, .page_wrapper .cm_widget input[type='datetime']:focus, 
.page_wrapper .cm_widget input[type='email']:focus, .page_wrapper .cm_widget input[type='number']:focus, .page_wrapper .cm_widget input[type='password']:focus,
.page_wrapper .cm_widget input[type='search']:focus, .page_wrapper .cm_widget input[type='tel']:focus, .page_wrapper .cm_widget input[type='time']:focus,
.page_wrapper .cm_widget input[type='url']:focus, .page_wrapper .cm_widget textarea:focus, .page_wrapper .cm_widget select:focus, .page_wrapper .cm_widget select:focus option,
.page_wrapper .cm_widget button:hover, .page_wrapper .cm_widget input[type='button']:hover, .page_wrapper .cm_widget input[type='submit']:hover, .page_wrapper .cm_widget input[type='reset']:hover {
	color:				#FFFFFF;
	color:				rgba(255,255,255,1);
	background-color:	rgba(0,0,0,0.7);
	background-color:	rgba(59,59,59,0.7);
	box-shadow:			0px 0px 15px rgba(0,0,0,0.3);
	outline:			none;
}

.shopWidgetSeperatedDiv input[type='text'], .shopWidgetSeperatedDiv button, .shopWidgetSeperatedDiv input[type='button'], .shopWidgetSeperatedDiv input[type='submit'], .shopWidgetSeperatedDiv input[type='reset'] {
	padding:		8px 3px;
	min-width:		45px;
}	
.shopWidgetSeperatedDiv button, .shopWidgetSeperatedDiv input[type='button'], .shopWidgetSeperatedDiv input[type='submit'], .shopWidgetSeperatedDiv input[type='reset'] {
	background-size: 	cover !important;
	border:				none;
}





.toggle_navigation, .title_wrapper, .logo_wrapper {
	background-color:	#FFFFFF;
}
.toggle_navigation a {
	color:				#3B3B3B;
	color:				rgba(59,59,59,0.7);
}
.title_wrapper {
	color:				#3B3B3B;
	border-bottom:		1px solid #1F1F1F;
	border-bottom:		1px solid rgba(31,31,31,0.4);
}
.logo_wrapper {
	border-bottom:		1px solid #1F1F1F;
	border-bottom:		1px solid rgba(31,31,31,0.4);
}
.toggle_navigation {
	border-bottom:		1px solid #1F1F1F;
	border-bottom:		1px solid rgba(31,31,31,0.4);
}
.page_wrapper {
	background-color:	#FFFFFF;
	color:				#3B3B3B;
}
.page_wrapper h1,
.page_wrapper .cm-h1,
.page_wrapper h2,
.page_wrapper h3 {
	color:			#3B3B3B;;
´}
.sidebar_wrapper {
	color:				#2E2E2E;
	background-color:	#FFFFFF;
	background-color:	rgba(255,255,255,0.06);
}
.sidebar_wrapper h1,
.sidebar_wrapper .cm-h1,
.sidebar_wrapper h2,
..sidebar_wrapper h3 {
	color:			#E00000;;
´}
.sidebar_wrapper a {
	color:				#2E2E2E;
}

.subtitle {
	border-bottom:		5px solid #1F1F1F;
	border-bottom:		5px solid rgba(31,31,31,0.4);
}


.footer_wrapper {
	border-top:			1px solid #1F1F1F;
	border-top:			1px solid rgba(31,31,31,0.4);
}


.scrollup a {
	border:				1px solid #1F1F1F;
	background-color:	#FFFFFF;
	color:				#3B3B3B;
}


.navigation_wrapper {
	border-bottom:		1px solid #1F1F1F;
	border-bottom:		1px solid rgba(31,31,31,0.4);
	background-color:	#FFFFFF;
}

.navigation_wrapper > ul > li:hover,
.navigation_wrapper > ul > li.cm_current {
	border-bottom:		3px solid #3B3B3B;
}
.navigation_wrapper > ul > li > a {
	color:				#3B3B3B;
}
.navigation_wrapper > ul > li > ul > li > a {
	background-color:	#FFFFFF;
	color:				#3B3B3B;
	border-left:		3px solid #FFFFFF;
	border-right:		3px solid #FFFFFF;
}
.navigation_wrapper > ul > li > ul > li > ul > li > a {
	color:				#FFFFFF;
	background-color:	#3B3B3B;
	border-left:		3px solid #3B3B3B;
	border-right:		3px solid #3B3B3B;
}
.navigation_wrapper > ul > li > ul > li:hover > a,
.navigation_wrapper > ul > li > ul > li.cm_current > a {
	border-left:		3px solid #3B3B3B;
	border-right:		3px solid #3B3B3B;
}
.navigation_wrapper > ul > li > ul > li > ul > li:hover > a,
.navigation_wrapper > ul > li > ul > li > ul > li.cm_current > a {
	color:				#3B3B3B;
	background-color:	#FFFFFF;
	border-left:		3px solid #3B3B3B;
	border-right:		3px solid #3B3B3B;
}




.navigation_wrapper li.cm_has_subnavigation > a:after {
    border-color: 		#3B3B3B transparent -moz-use-text-color;
	-webkit-transition:	border-color 0.4s;
	transition:			border-color 0.4s;
}
.navigation_wrapper li.cm_has_subnavigation.cm_current > a:after,
.navigation_wrapper li.cm_has_subnavigation:hover > a:after {
    border-color: 		#3B3B3B transparent -moz-use-text-color;
}
.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation > a:after {
    border-color:		#3B3B3B transparent -moz-use-text-color;
	-webkit-transition:	border-color 0.4s;
	transition:			border-color 0.4s;
}
.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation.cm_current > a:after,
.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation:hover > a:after {
    border-color: 		#3B3B3B transparent -moz-use-text-color;
}



@media only screen and (min-width: 1px) and (max-width: 767px) {    /* ---- Handy Landscape ---- */
	


	.navigation_wrapper > ul > li,
	.navigation_wrapper > ul > li:hover,
	.navigation_wrapper > ul > li.cm_current {
		border-bottom:		1px solid rgba(59,59,59,0.2);
	}
	.navigation_wrapper > ul > li:last-child {
		border-bottom:		none;
	}

}
/*cm4all-vars-extension-force-color-begin*/
.cm4all-header-title-color.cm4all-force-color {
    color: #E00000 !important;
}
.cm4all-header-title-color.cm4all-force-background-color {
    background-color: #E00000 !important;
}
.cm4all-header-title-color.cm4all-force-border-color {
    border-color: #E00000 !important;
} 
.cm4all-header-subtitle-color.cm4all-force-color {
    color: #E00000 !important;
}
.cm4all-header-subtitle-color.cm4all-force-background-color {
    background-color: #E00000 !important;
}
.cm4all-header-subtitle-color.cm4all-force-border-color {
    border-color: #E00000 !important;
} 
.cm4all-header-background-color.cm4all-force-color {
    color: #D5D4D3 !important;
}
.cm4all-header-background-color.cm4all-force-background-color {
    background-color: #D5D4D3 !important;
}
.cm4all-header-background-color.cm4all-force-border-color {
    border-color: #D5D4D3 !important;
} 
.cm4all-header-alt-background-color.cm4all-force-color {
    color: #AFADAC !important;
}
.cm4all-header-alt-background-color.cm4all-force-background-color {
    background-color: #AFADAC !important;
}
.cm4all-header-alt-background-color.cm4all-force-border-color {
    border-color: #AFADAC !important;
} 
.cm4all-header-border-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-header-border-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-header-border-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-header-alt-border-color.cm4all-force-color {
    color: #f6f1e8 !important;
}
.cm4all-header-alt-border-color.cm4all-force-background-color {
    background-color: #f6f1e8 !important;
}
.cm4all-header-alt-border-color.cm4all-force-border-color {
    border-color: #f6f1e8 !important;
} 
.cm4all-content-color.cm4all-force-color {
    color: #3B3B3B !important;
}
.cm4all-content-color.cm4all-force-background-color {
    background-color: #3B3B3B !important;
}
.cm4all-content-color.cm4all-force-border-color {
    border-color: #3B3B3B !important;
} 
.cm4all-content-headline-color.cm4all-force-color {
    color: #3B3B3B !important;
}
.cm4all-content-headline-color.cm4all-force-background-color {
    background-color: #3B3B3B !important;
}
.cm4all-content-headline-color.cm4all-force-border-color {
    border-color: #3B3B3B !important;
} 
.cm4all-content-background-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-content-background-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-content-background-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-content-alt-background-color.cm4all-force-color {
    color: #EDEDED !important;
}
.cm4all-content-alt-background-color.cm4all-force-background-color {
    background-color: #EDEDED !important;
}
.cm4all-content-alt-background-color.cm4all-force-border-color {
    border-color: #EDEDED !important;
} 
.cm4all-content-border-color.cm4all-force-color {
    color: #1F1F1F !important;
}
.cm4all-content-border-color.cm4all-force-background-color {
    background-color: #1F1F1F !important;
}
.cm4all-content-border-color.cm4all-force-border-color {
    border-color: #1F1F1F !important;
} 
.cm4all-content-alt-border-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-content-alt-border-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-content-alt-border-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-content-link-color.cm4all-force-color {
    color: #3B3B3B !important;
}
.cm4all-content-link-color.cm4all-force-background-color {
    background-color: #3B3B3B !important;
}
.cm4all-content-link-color.cm4all-force-border-color {
    border-color: #3B3B3B !important;
} 
.cm4all-content-link-hover-color.cm4all-force-color {
    color: #3B3B3B !important;
}
.cm4all-content-link-hover-color.cm4all-force-background-color {
    background-color: #3B3B3B !important;
}
.cm4all-content-link-hover-color.cm4all-force-border-color {
    border-color: #3B3B3B  !important;
} 
.cm4all-sidebar-color.cm4all-force-color {
    color: #2E2E2E !important;
}
.cm4all-sidebar-color.cm4all-force-background-color {
    background-color: #2E2E2E !important;
}
.cm4all-sidebar-color.cm4all-force-border-color {
    border-color: #2E2E2E !important;
} 
.cm4all-sidebar-headline-color.cm4all-force-color {
    color: #E00000 !important;
}
.cm4all-sidebar-headline-color.cm4all-force-background-color {
    background-color: #E00000 !important;
}
.cm4all-sidebar-headline-color.cm4all-force-border-color {
    border-color: #E00000 !important;
} 
.cm4all-sidebar-background-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-sidebar-background-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-sidebar-background-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-sidebar-alt-background-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-sidebar-alt-background-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-sidebar-alt-background-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-sidebar-border-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-sidebar-border-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-sidebar-border-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-sidebar-alt-border-color.cm4all-force-color {
    color: #CFCFCF !important;
}
.cm4all-sidebar-alt-border-color.cm4all-force-background-color {
    background-color: #CFCFCF !important;
}
.cm4all-sidebar-alt-border-color.cm4all-force-border-color {
    border-color: #CFCFCF !important;
} 
.cm4all-sidebar-link-color.cm4all-force-color {
    color: #2E2E2E !important;
}
.cm4all-sidebar-link-color.cm4all-force-background-color {
    background-color: #2E2E2E !important;
}
.cm4all-sidebar-link-color.cm4all-force-border-color {
    border-color: #2E2E2E !important;
} 
.cm4all-sidebar-link-hover-color.cm4all-force-color {
    color: #E00000 !important;
}
.cm4all-sidebar-link-hover-color.cm4all-force-background-color {
    background-color: #E00000 !important;
}
.cm4all-sidebar-link-hover-color.cm4all-force-border-color {
    border-color: #2E2E2E  !important;
} 
.cm4all-navigation-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-navigation-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-navigation-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-navigation-alt-color.cm4all-force-color {
    color: #FDFCFC !important;
}
.cm4all-navigation-alt-color.cm4all-force-background-color {
    background-color: #FDFCFC !important;
}
.cm4all-navigation-alt-color.cm4all-force-border-color {
    border-color: #FDFCFC !important;
} 
.cm4all-navigation-background-color.cm4all-force-color {
    color: #E00000 !important;
}
.cm4all-navigation-background-color.cm4all-force-background-color {
    background-color: #E00000 !important;
}
.cm4all-navigation-background-color.cm4all-force-border-color {
    border-color: #E00000 !important;
} 
.cm4all-navigation-alt-background-color.cm4all-force-color {
    color: #B90404 !important;
}
.cm4all-navigation-alt-background-color.cm4all-force-background-color {
    background-color: #B90404 !important;
}
.cm4all-navigation-alt-background-color.cm4all-force-border-color {
    border-color: #B90404 !important;
} 
.cm4all-navigation-border-color.cm4all-force-color {
    color: #FCF8F8 !important;
}
.cm4all-navigation-border-color.cm4all-force-background-color {
    background-color: #FCF8F8 !important;
}
.cm4all-navigation-border-color.cm4all-force-border-color {
    border-color: #FCF8F8 !important;
} 
.cm4all-navigation-alt-border-color.cm4all-force-color {
    color: #CFCFCF !important;
}
.cm4all-navigation-alt-border-color.cm4all-force-background-color {
    background-color: #CFCFCF !important;
}
.cm4all-navigation-alt-border-color.cm4all-force-border-color {
    border-color: #CFCFCF !important;
} 
.cm4all-subnavigation-color.cm4all-force-color {
    color: #000000 !important;
}
.cm4all-subnavigation-color.cm4all-force-background-color {
    background-color: #000000 !important;
}
.cm4all-subnavigation-color.cm4all-force-border-color {
    border-color: #000000 !important;
} 
.cm4all-subnavigation-alt-color.cm4all-force-color {
    color: #000000 !important;
}
.cm4all-subnavigation-alt-color.cm4all-force-background-color {
    background-color: #000000 !important;
}
.cm4all-subnavigation-alt-color.cm4all-force-border-color {
    border-color: #000000 !important;
} 
.cm4all-subnavigation-background-color.cm4all-force-color {
    color: #E8E8E8 !important;
}
.cm4all-subnavigation-background-color.cm4all-force-background-color {
    background-color: #E8E8E8 !important;
}
.cm4all-subnavigation-background-color.cm4all-force-border-color {
    border-color: #E8E8E8 !important;
} 
.cm4all-subnavigation-alt-background-color.cm4all-force-color {
    color: #D7D7D5 !important;
}
.cm4all-subnavigation-alt-background-color.cm4all-force-background-color {
    background-color: #D7D7D5 !important;
}
.cm4all-subnavigation-alt-background-color.cm4all-force-border-color {
    border-color: #D7D7D5 !important;
} 
.cm4all-subnavigation-border-color.cm4all-force-color {
    color: #D40202 !important;
}
.cm4all-subnavigation-border-color.cm4all-force-background-color {
    background-color: #D40202 !important;
}
.cm4all-subnavigation-border-color.cm4all-force-border-color {
    border-color: #D40202 !important;
} 
.cm4all-subnavigation-alt-border-color.cm4all-force-color {
    color: #CFCFCF !important;
}
.cm4all-subnavigation-alt-border-color.cm4all-force-background-color {
    background-color: #CFCFCF !important;
}
.cm4all-subnavigation-alt-border-color.cm4all-force-border-color {
    border-color: #CFCFCF !important;
} 
.cm4all-footer-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-footer-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-footer-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
} 
.cm4all-footer-alt-color.cm4all-force-color {
    color: #F0F0F0 !important;
}
.cm4all-footer-alt-color.cm4all-force-background-color {
    background-color: #F0F0F0 !important;
}
.cm4all-footer-alt-color.cm4all-force-border-color {
    border-color: #F0F0F0 !important;
} 
.cm4all-footer-background-color.cm4all-force-color {
    color: #A1A1A1 !important;
}
.cm4all-footer-background-color.cm4all-force-background-color {
    background-color: #A1A1A1 !important;
}
.cm4all-footer-background-color.cm4all-force-border-color {
    border-color: #A1A1A1 !important;
} 
.cm4all-footer-alt-background-color.cm4all-force-color {
    color: #EDEDED !important;
}
.cm4all-footer-alt-background-color.cm4all-force-background-color {
    background-color: #EDEDED !important;
}
.cm4all-footer-alt-background-color.cm4all-force-border-color {
    border-color: #EDEDED !important;
} 
.cm4all-footer-border-color.cm4all-force-color {
    color: #5E5E5E !important;
}
.cm4all-footer-border-color.cm4all-force-background-color {
    background-color: #5E5E5E !important;
}
.cm4all-footer-border-color.cm4all-force-border-color {
    border-color: #5E5E5E !important;
} 
.cm4all-footer-alt-border-color.cm4all-force-color {
    color: #545454 !important;
}
.cm4all-footer-alt-border-color.cm4all-force-background-color {
    background-color: #545454 !important;
}
.cm4all-footer-alt-border-color.cm4all-force-border-color {
    border-color: #545454 !important;
} 
.cm4all-body-background-color.cm4all-force-color {
    color: #FFFFFF !important;
}
.cm4all-body-background-color.cm4all-force-background-color {
    background-color: #FFFFFF !important;
}
.cm4all-body-background-color.cm4all-force-border-color {
    border-color: #FFFFFF !important;
}
/*cm4all-vars-extension-force-color-end*/