/*
Description: Custom Theme for Cowboy Studio | Volusion.
Author: Brandon Wright
Version: 1.0
*/

/* Import Reset */
@import "reset.css";


/* Set the html 5 elements as block level */
header, footer, nav, section, article { 
 display:block; 
}

/* Allow to absolutely position elements inside them without declaring each */
/* section, div, ul, li { position:relative; }  */




/* TEMPLATE LAYOUT
-----------------------*/

body{
	text-align:left;
	background: #f5f5f5 url(../images/template/bg.jpg) no-repeat center top fixed;
	line-height: 1.6em;
}

#wrapper{ 
	width: 1025px; 
	margin: 0 auto; 
}

#header{ 
	position:relative;
}



/* MAIN */
#main{ 
	width: 815px; 
	float: left; 
	position: relative;
}

#main .header{
	height: 8px;
	background: url(../images/template/main-header-bg.png) no-repeat;
}

#main .content{
	background: white; 
	padding: 10px; 

}

#main .footer{
	background: url(../images/template/main-footer-bg.png) no-repeat;
	height: 18px;
	padding: 10px;
	overflow: hidden;
} 

#main .footer .main-footer-icon{
	float: right;
	margin-right: 10px;
}


/* SIDEBAR */
#sidebar1{ 
	width: 195px; 
	float: left; 
	margin-right: 10px;
}


/* SIDEBAR */
#sidebar2{ 
	width: 195px; 
	float: right; 
}


.sidebar .section{
	margin: 0 0 15px 0;
}


.sidebar .section .header{ 
	height: 30px; 
	padding:0 10px; 
	background: url(../images/template/sidebar-section-header-orange.png) no-repeat; 
}

.sidebar .section .grey{ 
	background: url(../images/template/sidebar-section-header.png) no-repeat; 
}

.sidebar .section .black{ 
	background: url(../images/template/sidebar-section-header-black.png) no-repeat; 
}

.sidebar .section .footer{ 
	height: 10px; 
	background: url(../images/template/sidebar-section-footer.png) no-repeat;
}

.sidebar .section .content { 
	background: white; padding: 15px 15px 0px 15px;
}



/* Content Area (where the Volusion software takes over */

#content_area{
	margin:0;
	padding:0 10px 10px 10px;
	text-align:left;
}


#content_area a:hover{
	text-decoration:none;
}


#content #content_area table{
	text-align:left;
}


/* FOOTER */
#footer { 
	text-align: right;
	margin:0 0 15px 0;
}


/* Contact CO INFO */

div.company-info{
	float: right;
	width: 275px;
	margin: 0px 10px 25px 0;
	color: white;
	font-family: "Helvetica Neue";
	font-weight: lighter;
	font-size: small;
	text-align: right;
}

div.company-info h2{
	color: #555;
	font-size: 16px;
	line-height: 18px;
	font-weight: lighter;

}

div.company-info a, .company-info a:hover{
	color: #e68100;
}


/* ----- CONTENT AREA ----- */

/*----------COUNTRY -----*/

div.country {
display:block;
position: absolute;
top: 5px;
left: 550px;
z-index: 1;
font-family:Arial; size:13px;

}

a.country_link { text-decoration: underline; color: #ff6600 }
/* ----- LOGO ----- */
h1 {
display:block;
width:202px;
height:74px;
text-indent:-9999px;
background:transparent url(../images/template/logo.png) no-repeat 0 0;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

h1 a {
display:block;
width:100%;
height:100%;
outline:none;
}



/* ELEMENTS */
hr { 
	border: none;
	border-top: 1px dotted #e3e3e3;
	width: 100%;
	text-align: center;
	margin: 5px 0;
 }


/* TYPOGRAPHY AND COLOR */
body{ 
	color: #d1d1d1; 
	font-size:12px;
	font-family: Arial, helvetica, sans-serif;
}

#footer p{ color: #777; font-size: 10px; }

h2{ font-size: 24px; line-height: 32px;}
h3{ font-size: 18px; line-height: 22px;}
h4{ font-size: 14px; line-height: 26px;}
p{font-size: 12px;}
.sidebar p { margin: 0px; }
small{font-size: 10px; color: #f2d32b;}

.sidebar h2 { font-size: 12px; color: white; font-weight: bold;}
.sidebar .grey h2{ color: #333; }
/* Links */
a, a:link {color:; text-decoration: none;} 
a:visited {color:;}
a:hover,a:focus {color:; text-decoration: none; cursor: pointer;}
a:active {}

#footer a:link{ color: black;}

/* CLASSES */
.float-left{float: left!important;}
.float-right{float: right!important;}
.clear{clear:both;}
.image-left{margin: 0 10px 0 0;}
.highlite{ color: #e68100; }


/* LISTS */
ol{ margin-left: 25px; font-size: 10px; }
ol li{ list-style-type: decimal; }
ul {  }
ul li {  }


/* NAVIGATION */

/* Nav bar */
#nav{ 
	margin: 0 0 20px 0;
	height: 50px;
	position: relative;
}

#nav-left-end{
	background: url(../images/template/nav-left.png);
	width: 5px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

#nav-content{
	height: 100%;
	margin: 0 5px;
	background: url(../images/template/nav-bg.png) repeat-x;
}

#nav-right-end{
	background: url(../images/template/nav-right.png);
	width: 5px; 
	height: 100%;
	position: absolute;
	right: 0px;
	top:0px;
}

/* menu */
#nav ul{ 
	margin: 0 0 0 15px;
}

#nav ul li{ 
	float: left;
	margin-right: 15px;
	padding: 15px 0;
}

#nav ul li a{ 
	display: block;
	height: 100%;
	text-transform: uppercase;
	color: #f0f0f0;
	font-size: 12px;
	font-family: "Helvetica Neue";
	border-right: 2px dotted #f0f0f0;
	padding-right: 15px;
	
}

#nav ul li a:hover{
 color: #ffb941;
}


/* SIDEBAR NAVS */
.sidebar .content ul li.nav{ 
	margin: 0 0 0 15px;
	list-style-image: url(../images/template/plus-orange.png);
}

.sidebar ul li {
	border-bottom: 1px dotted #e5e5e5;
	padding: 2px 0;
}


.sidebar ul li a{
	font-size: 12px;
}


/* Footer NAVS */
#main .footer ul li{
	float: left;
	margin: 0 0px 0 0;
}
#main .footer ul li a{
	font-size: 11px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: #333 dotted 2px;
}



/* SEARCH */
#search{
	float: right;
	background: #000;
	width: 180px;
	height: 20px;
	padding: 13px 25px;
}

#search input{ width: 180px; padding: 2px 4px;}

#search-btn{ position: absolute; top: 15px; right: 15px; }

 
/* PAGE SPECIFIC */

/* HomePage Product Slide */
div#slideshow {
	width: 795px; 
	height: 300px; 
	padding: 0px 0 0 0px;
	overflow: hidden;  
	position: relative; z-index: 5;
	margin: -5px 0 0 0;
}


div#slideshow img {
	border: none;
}

div#slideshow ul#nav {
	display: none;
	list-style: none;
	position: absolute; top: 125px; right: 0px; z-index: 15;
	width: 100%;
	border: none!important;
}

div#slideshow ul#nav li#prev {
	float: left; margin: 0 0 0 20px;
	display: inline;
}
div#slideshow ul#nav li#next {
	float: right; margin: 0 20px 0 0;
	display: inline;
}
div#slideshow ul#nav li a {
	display: block; width: 31px; height: 31px; text-indent: -9999px;
}
div#slideshow ul#nav li#prev a {
	background: url(../images/template/prev.png);
}
div#slideshow ul#nav li#next a {
	background: url(../images/template/next.png);
}

div#slideshow ul#slides {
	list-style: none;
}
div#slideshow ul#slides li {
	margin: 0 0 20px 0;
}

#btn_vsharethis{
	position: absolute;
	top: 15px;
	right: 15px;
}




/* CONTENT AREA STYLES - WHY DOES VOLUSION MAKE THIS DIFFICULT !  */


#home table td[width="2%"] {
	padding-left: 15px;
	border-left: 1px dotted #efefef;
	text-align: right;
}


#home td[width="2%"] table[width="185"] td[width="180"] {
	background: #ebf9fa;
}

div.box{padding-right: 10px!important;}

#home #content_area {
	margin-top: -20px;
}



/* FORMS */

form fieldset{
	padding: 10px;
}

form p{ margin: 20px 0; clear: both; }
form p label{float: left; width: 100px; }
form p input{ float:left; padding: 5px; }