/*
Enter WP Design & Creation Comments Here
*/
/*////////// GENERAL //////////*/
body {margin:0;background:#FFFFFF url(images/bg.jpg) 0 0 repeat;font-family: 'Century Gothic', Arial, sans-serif; font-weight:normal; color:#333; margin:0; padding:0;}
#container {width:1000px;margin-left:auto;margin-right:auto;}
#container2 {width:1000px;margin-left:auto;margin-right:auto;}
#container3 {width:1000px;margin-left:auto;margin-right:auto;}
/*////////// TYPEOGRAPHY //////////*/
h1 {
	font-size:45px;
	font-weight:300;
	color:#FFF;
	}
h1 span {
	font-size:15px;
	font-weight:100;
	padding:0;
	color:#999;
	text-align: center;
	text-indent: 0px;
	}
h2 {
	color:#FFFFFF;
	font-weight:100;
	}
h3 {font-weight:200;}
h4 { font-weight:500;font-size:17px;}
h5 { font-weight:500;font-size:14px;}
hr { width:100%;clear:left; margin:10px auto 0 auto;}
/* Glyph, by Harry Roberts */
/*hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}*/
		
hr {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
/*hr:after {
    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}*/
	
p {
	font-size:15px;
	line-height:18px;
	color:#333;
}
ul, li { color:#CCC; }
a {}
a:hover {}
a:visited {}

.clearfix { clear:both; }
/*////////// HEADERS //////////*/
#header {
/*background: #666666;url(“images/css_cs_header.jpg") no-repeat
left top;*/
margin:0 0 20px 0;
padding:0;
}
#header_banner { width:100%;height:175px;background:#f0f0f0 url("../images/banner.png") no-repeat left top;margin:0 0 50px 0;padding:0;border-bottom:1px #666666 solid;}
#header_banner .logo{ width:308px;height:108px;padding:48px 0 0 50px;margin:0;}
#header .slider{ width:653px;height:540px;padding:0;float:left;margin:5px 0 25px 0;position: relative;/*** box-shadow: 0 5px 15px #013; ***/}
#header .contacts { width:340px; height:538px;padding:0;float:left;margin:5px 0 25px 7px;background-color:#292929; }

#header .contacts img {
	width:340px;
	height:335px;
	padding:0;
	float:left;
	margin:0 0 4px 0;
}
#header .contacts h2 {
	width:340px;
	padding:12px 0;
	float:left;
	margin:0;
	background-color:#6eaf21;
	font-size:18px;
	text-align:center;
}
#header .contacts ul {
	width:300px;
	height:150px;
	padding:0;
	float:left;
	margin:10px 0 0 40px;
}
#header .contacts ul li{
	width:250px;
	margin:0;
	padding:1px 0 1px 25px;
	float:left;
	list-style:none;
	line-height:24px;
	font-size:15px;
	font-weight:100;
	color:#999;border-bottom:1px #666 solid;
}
#header .contacts ul li.address{
	width:250px;
	background:url("../images/address.png") 0 5px no-repeat;
}
#header .contacts ul li.mail{
	width:250px;
	background:url("../images/mail.png") 0 5px no-repeat;
}
#header .contacts ul li.tel{
	width:250px;
	background:url("../images/tel.png") 0 5px no-repeat;
}
#header .contacts ul li.fax{
	width:250px;
	background:url("../images/tel.png") 0 5px no-repeat;
}

#header p, #header h1, #header h2/**/ {
/*display: none;*/
}
/*////////// CONTENT //////////*/
#content {width:1000px;margin-left:auto;margin-right:auto;height:270px;}
#content h2.welcome {width:1000px;margin-left:auto;margin-right:auto;text-align:center;font-size:34px;font-weight:300;color:#333;background:url("../images/h2-line.png") center center no-repeat;}
#content .product_preview {width:1000px;margin:0;padding:0;text-align:center;}
#content .product_preview img {width:210px;height:140px;margin:0;padding:0;}
#content p.view {
	width:190px;
	margin:10px 47px 10px 0;
	padding:0 20px 0 0;
	text-align:right;
	float:right;
	color:#333;
	background:url("../images/arrow.png") center right no-repeat;
}
#content p.view a {color:#333;text-decoration:none;font-size:14px;}
#content p.view a:hover {color:#000099;text-decoration:none;font-size:14px;}
#welcome_note {width:100%;height:105px;margin:0;padding:0;background:#333;clear:both;}
#welcome_note .w_note {
	width:325px;
	height:75px;
	float:left;
	margin:15px 0;
	padding:0;
	border-right:1px #FFF solid;
	line-height: 74px;
}
#welcome_note .w_note h1{
	margin:0 0 0 50px;
	padding:0;
}
#welcome_note .txt {width:534px;height:75px;float:left;margin:0;padding:0;}
#welcome_note .txt p{margin:26px 20px;padding:0;color:#CCC;font-weight:100;}
#welcome_note a.button {width:75px;height:75px;float:left;margin:15px 0;padding:0;background:url("../images/home-button.png") 0 0 no-repeat;}
#welcome_note a.button:hover {width:75px;height:75px;float:left;margin:15px 0;padding:0;background:url("../images/home-button.png") 0 -75px no-repeat;}
/*////////// ABOUT CONTENT //////////*/

#content .main_panel {
	width:660px;
	height:auto;
	padding:0;
	margin:0 0 28px 0;
	float:left;
	}
#content .main_panel img {
	width:50%;
	height:auto;
	margin:1.5% 5% 5% 0;
	float:left;
	border-top:26px solid #CCC;
	border-bottom:26px solid #CCC;
	}
#content .main_panel p {
	color:#333;
	line-height:25px;
	}
#content .main_panel h2 {
	color:#6eaf21;
	font-size:30px;
	padding-bottom:10px;
	border-bottom:1px #999999 solid;
	}
#content .main_panel h3 {
	color:#6eaf21;
	}
#content .main_panel ul{
	padding:0;
	margin:0 0 0 0;
	}
#content .main_panel ul li{
	color:#333;
	list-style:none;
	font-size:12px;
	line-height:20px;
	padding:0 0 0 20px;
	background:url("../images/bullet.png") 0 4px no-repeat;
	}	
#content .rignt_side_bar {
	width:300px;
	height:auto;
	margin:30px 0 0 30px;
	padding:0 0 30px 0;
	float:left;
	background:#eeedeb;
	/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#eeedeb)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #eeedeb, #f9f9f9); /* Firefox 3.6+ */ background: -moz-linear-gradient(top,#eeedeb, #f9f9f9); /* IE 10 */ background: -ms-linear-gradient(top, #eeedeb, #f9f9f9);
  /* Opera 11.10+ */background: -o-linear-gradient(top, #eeedeb, #f9f9f9);
	}
#content .rignt_side_bar h2 {
	color:#6eaf21;
	font-size:30px;
	padding-bottom:10px;
	margin: 22px 0 0 25px;
	}
#content .rignt_side_bar img {
	width:82%;
	padding:5px;
	margin:0 0 0 8%;
}
#content .rignt_side_bar p {
	width:82%;
	padding:5px;
	margin:10% 0 0 8%;
}
#content .rignt_side_bar a {
	width:50%;
	padding:5px;
	margin:0 25%;
	clear:both; text-align:center;
	line-height:45px;
}
#content .rignt_side_bar ul{
	color:#333;
	}
	#content .rignt_side_bar ul li{
	color:#333;
	list-style:none;
	font-size:12px;
	line-height:20px;
	padding:0;
	background:url("../images/bullet.png") 0 4px no-repeat;
	}
#content .left_side_bar {
	width:300px;
	height:auto;
	margin:30px 0 0 0;
	padding:0 0 30px 0;
	float:left;
	background:#eeedeb;
	/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#eeedeb)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #eeedeb, #f9f9f9); /* Firefox 3.6+ */ background: -moz-linear-gradient(top,#eeedeb, #f9f9f9); /* IE 10 */ background: -ms-linear-gradient(top, #eeedeb, #f9f9f9);
  /* Opera 11.10+ */background: -o-linear-gradient(top, #eeedeb, #f9f9f9);
	}
#content .left_side_bar h3 { color:#6eaf21;font-size:20px;padding-bottom:10px;margin: 22px 0 0 15px; }
#content .left_side_bar img { width:82%; padding:5px; margin:0 0 0 8%; }
#content .left_side_bar p { width:82%; padding:5px; margin:10% 0 0 8%; }
#content .left_side_bar a { width:100%;padding:5px;
	margin:0;
	clear:both;
	text-align:center;
	line-height:32px;
	text-decoration:none;
	color:#333;
}
#content .left_side_bar a:hover {
	color:#6eaf21;
}
#content .left_side_bar li{
	color:#333;
	width:90%;
	float:left;
	list-style:none;
	font-size:16px;
	padding:0;
	margin-left:5%;
	border-top:1px solid #000;
}

/*////////// SERVICES CONTENT //////////*/

#content .full_width {
	width:100%;
	height:auto;
	margin:0 0 5px 0;
	float:left;
	}
#content .full_width h2 {
	width:100%;
	color:#6eaf21;
	font-size:30px;
	padding-bottom:10px;
	border-bottom:1px #999999 solid;
	}
#content .full_width h4 {width:98%;color:#666;font-size:18px;padding:0;text-transform:capitalize;margin:30px auto;}

#content .column {
	width:320px;
	height:380px;
	color:#6eaf21;
	margin:0 0 10px 6px;
	padding:0;
	float:left;
}
#content .column img {border:1px solid #999;margin:0 0 15px 3px;}
#content .column h5 {color:#666;margin:0 3px;font-size:14px;}
#content .column p {color:#666666;margin:10px 0 15px 0;}
	
#content .column a{
	margin:18px 25px 0 0;
	background-color:#ff448b;
	padding:8px 28px;
	color:#FFFFFF;	
	text-decoration:none;
	font-size:12px;
	}
	#content .column a:hover {
	margin:18px 25px 0 0;
	background-color:#6eaf21;
	padding:8px 28px;
		font-size:12px;
	color:#FFFFFF;	
	text-decoration:none;
	}

#content .accessories_column {
	width:300px;
	height:auto;
	color:#6eaf21;
	margin:0 0 10px 9px;
	padding:0 0 30px 0;
	float:left;
	border:0;
}
#content .accessories_column img { width:97%;height:auto;border:1px solid #999;margin:0 0 20px 0; padding:0;}
#content .accessories_column h5 {
	color:#666;
	/* [disabled]margin:0 3px; */
	font-size:14px;
}
#content .accessories_column p { width:95%;color:#666666;margin:10px 0 20px 0;}
	
#content .accessories_column a{
	margin:18px 25px 0 0;
	background-color:#ff448b;
	padding:8px 28px;
	color:#FFFFFF;	
	text-decoration:none;
	font-size:12px;
	}
	#content .accessories_column a:hover {
	margin:18px 25px 0 0;
	background-color:#6eaf21;
	padding:8px 28px;
		font-size:12px;
	color:#FFFFFF;	
	text-decoration:none;
	}

/*/////////// ACCESSORIESS ///////////*/
#content .accessories_width {
	width:66%;
	height:auto;
	margin:0 0 5px 3.5%;
	float:left;
	}
#content .accessories_width h2 {
	width:100%;
	color:#6eaf21;
	font-size:30px;
	padding-bottom:10px;
	border-bottom:1px #999999 solid;
	}
#content .accessories_width h4 {width:98%;color:#666;font-size:18px;padding:0;text-transform:capitalize;margin:30px auto;}

/*////////// INDIVIDUAL PRODUCTS //////////*/

#content .full_width {
	width:100%;
	height:auto;
	margin:0 0 5px 0;
	float:left;
	}
#content .full_width .image {
	width:567px;
	height:371px;
	margin:0 0 10px 0;
	color:#6eaf21;
	font-size:30px;
	padding-bottom:10px;
	float:left;
	}
#content .full_width .image img {
	border:1px #999 solid;
	}
#content .full_width .image-bottom {
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	color:#6eaf21;
	font-size:30px;
	padding-bottom:10px;
	float:left;
	}
#content .full_width .image-bottom img {
	border-top:1px #999 solid;
	width:100%;
	height:auto;
	}
#content .full_width .text {
	width:420px;
	height:362px;
	margin:0 0 13px 10px;
	color:#6eaf21;
	font-size: 0px;
	padding-bottom:10px;
	border-bottom:0px #999999 solid;
	float:left;
	}
#content .full_width .text span {
	margin:20% 0 13px 10px;
	color:#6eaf21;
	font-size:35px;
	padding-top:40px;
	padding-bottom:40px;
	float:left;border-top:1px #999999 solid;border-bottom:1px #999999 solid;
	}

#content .full_width .text span.accessory {
	margin:0 0 13px 10px;
	color:#6eaf21;
	font-size:16px;
	padding-top:25px;
	padding-bottom:25px;
	float:left;border-top:1px #999999 solid;border-bottom:0px #999999 solid;
	}

#content .full_width .text span.accessory_m {
	margin:0 0 13px 10px;
	color:#6eaf21;
	font-size:28px;
	padding-top:25px;
	padding-bottom:25px;
	float:left;border-top:1px #999999 solid;border-bottom:0px #999999 solid;
	}
	
#content .full_width h4.individual_item {
	margin:0 3px;
	font-size:21px;
	padding:0 0 10px 0;
	border-bottom:1px #999999 solid;	
	}
#content .full_width h5.individual_item {
	margin:0 3px;
	font-size:16px;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
	font-weight:500;
	color:#666666;	
	}
#content .full_width p.individual_item {
	color:#666666;
	margin:10px 0 15px 0;
	}
#content .full_width .text ul {
	width:100%;
	height:115px;
	padding:0;
	margin:0  0 10px 0;
	color:#6eaf21;
	font-size:30px;
	padding-bottom:10px;
	border-bottom:1px #999999 solid;
	float:left;
	}
#content .full_width .text ul li{
	color:#333;
	list-style:none;
	font-size:12px;
	line-height:26px;
	padding:0;
	}
	
/*////////// CONTACTS //////////*/

#content .right_column_contact { width:500px;height:300px;margin:20px 0 50px 14px;padding:0;float:left;display:block; }
#content .right_column_contact p.you { margin:0 0 0 50px; padding:0; float:left; display:block; font-size:13px; font-weight:100; color:#666; }
#content .right_column_contact .contact-area {
	width:500px;
	margin:0;
	height: auto;
}
#content .right_column_contact .contact-area input, .contact-area textarea { padding: 5px;width:411px;font-size:12px;margin: 0px 0px 10px 0px;border:1px;}
#content .right_column_contact .contact-area textarea {height:90px;}
#content .right_column_contact .contact-area ul{ width:95%; height:auto; padding:0; margin:0; float:right; }
#content .right_column_contact .contact-area ul li { width:90%; height:auto; padding:2% 3%; margin:1.5% 0; list-style:none; background:#000; }

#content .right_column_contact .contact-area textarea:focus, .contact-area input:focus { border: 1px solid #CCC;}
#content .right_column_contact .contact-area input.submit-button { width:80px;height:30px; margin:0 3px;float:right;background:url("../images/read_more.png") center center no-repeat;padding:6px 0 4px 0;color:#c5191d;}
#content .right_column_contact .contact-area .form_holder { width:411px; height:auto; margin:20px 0 0 50px; float:left; }
#content .left_column_contact { width:450px;height:340px;margin:20px 10px 50px 20px;padding:0;float:left;display:block; }
#content .map { width:100%;height:370px;margin:0;padding:0;float:left;display:block;clear:left;
	position:relative;border:1px solid #CCC; }
#content .map iframe { width:100%;height:100%;margin:0;padding:0;float:left;border:0;border-radius:0px;box-shadow:0;display:block;position: absolute; }

#content .left_column_contact ul { width:100%;margin:45px 0 0 0;padding:0; border:0px solid #000; }
#content .left_column_contact ul li{ width:80%;margin:0 0 0 0;padding:1px 0 1px 25px;float:left;list-style:none;line-height:48px;font-size:16px;font-weight:100;color:#666; border-bottom:1px solid #CCC; }
#content .left_column_contact ul li.address{ width:88%;background:url("../images/address.png") 0 18px no-repeat;}
#content .left_column_contact ul li.mail{ width:88%;background:url("../images/mail.png") 0 18px no-repeat;border-bottom:1px #CCC solid; }
#content .left_column_contact ul li.tel{ width:88%; background:url("../images/tel.png") 0 18px no-repeat; }
#content .left_column_contact ul li.fax{ width:88%;background:url("../images/fax.png") 0 18px no-repeat; }

/*////////// SIDEBARS //////////*/
#sidebarLT {}
#sidebarRT {}
/*////////// NAV //////////*/
#top_navlist {
position: absolute;
width:1000px;
margin-left:auto;
margin-right:auto;
top:175px;
text-align:center;
clear:both;
border-bottom:1px #666666 solid;
background:#11286c;
}

#navlist{
padding: 0;
margin-left: 0;
font-weight:300;
}
#navlist li{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a{
padding: 11px 30px;
margin-left: 3px;
border-bottom: none;
text-decoration: none;
font-size:18px;
letter-spacing:1px;
}
#navlist li a:link { color:#89c77a; }
#navlist li:hover a { color:#ffffff; }
#navlist li a:visited { color:#89c77a;}

#navlist li a.active { color:#ffffff; }


/*////////// SLIDE ELEMENTS //////////*/

#carousel { width: 654px;height: 540px;overflow: hidden;}
			#carousel img { display: block;float: left;}
			#pager {text-align: right;padding: 4px -2px 0 0;}
			#pager a { background-color: #6eaf21;display: inline-block;width: 15px;height: 15px;margin-right: 6px;border-radius: 10px;box-shadow: 0 1px 1px #cef;}
			#pager a.selected {background-color: #ff3366;}
			#pager a span {display: none;}			
			#thumbs {display: none;border: 1px solid rgba(0, 0, 0, 0.8);background-color: rgba(0, 0, 0, 0.5);width: 150px;height: 75px;padding: 10px;position: absolute;top: 420px;right: 6px;}
			#thumbs img {display: block;float: left;}
			
/*////////// PRODUCT PREVIEWS //////////*/

	#inner_thumb {width:89%;height: 142px;margin:0  auto;position:relative;overflow: hidden;}
			#carousel_thumb div { border: 1px solid #999;background: #fff;width:210px;height:140px;float: left;	padding:0;margin: 0 5px;}
			#pager_thumb {text-align: center;margin-top: 20px;color: #666;}
			#pager_thumb a {color: #666;text-decoration: none;display: inline-block;padding:0;}
			#pager_thumb a:hover { color: #333;}
			#pager_thumb a.selected { background-color: #333;color: #ccc;}
			#prev_thumb, #next_thumb { display: block;width: 50px;height: 50px;margin-top: -23px;position: absolute;top: 50%;}
			#prev_thumb {background: url("../images/ui-prev.png") no-repeat;left: 50%;margin-left: -436px;}
			#next_thumb {background: url("../images/ui-next.png") no-repeat;right: 50%;margin-right: -456px;}
			#copy_thumb { text-align: center;width: 100%;position: absolute;bottom: 0;left: 0;}
			#copy_thumb, #copy_thumb a {color: #999;}
			
/*////////// FORMS //////////*/
/*////////// FOOTER //////////*/
#pushbottom {clear:both;}
#footer { width:1000px;height:232px;margin-left:auto;margin-right:auto; } /*background:url(../images/ftr_bg.jpg) top left repeat;*/
	#footer .gsm-logos { border-top:1px solid #000; padding-top:6px; }
	#footer img.logos { width:100%; height:auto; border:0; padding:0; }
	#footer h3{
	text-align:left;
	font-size:18px;
	font-weight:100;
	color:#f72f7b;
	line-height:25px;	
	}
	#footer .popular_links {
	width:190px;
	height:auto;
	margin:0 0 0 40px;
	float:left;
	}
	#footer .popular_links h3{
	margin:10px 0 0 40px;
	}	
	#footer .popular_links ul{
	width:190px;
	margin:8px 0;
	float:left;
	}
	#footer .popular_links ul li{
	width:190px;
	margin:0;
	padding:0 0 0 10px;
	float:left;
	list-style:none;
	line-height:20px;
	font-size:12px;
	color:#999999;
	background:url("../images/bullet.png") 0 5px no-repeat;
	}
	#footer .news_feed {
	width:470px;
	margin:0 0 0 45px;
	float:left;
	}
	#footer .news_feed h3{
	margin:10px 0 0 0;
	
	}
	#footer .news_feed img{
	margin:-1px 25px 0 0;
	}
	#footer .news_feed a{
	margin:18px 25px 0 0;
	background-color:#ff448b;
	padding:8px 28px;
	color:#FFFFFF;	
	text-decoration:none;
	}
	#footer .news_feed a:hover {
	margin:18px 25px 0 0;
	background-color:#6eaf21;
	padding:8px 28px;
	color:#FFFFFF;	
	text-decoration:none;
	}
	#footer .news_feed p{
	line-height:16px;
	margin-bottom:25px;
	}
	#footer .other_links {
	width:240px;
	margin:0;
	float:left;
	}
	#footer .other_links ul{
	width:200px;
	margin:10px 0;
	float:left;
	list-style:none;
	}
	#footer .other_links ul li{
	list-style:none;
	line-height:60px;
	border-bottom:#666666 1px solid;
	color:#CCCCCC;
	font-weight:100;
	letter-spacing:1px;
	background:url("../images/ponter.png") right 7px no-repeat;
	}
	#footer .other_links ul li img { margin:10px 0; }
#copyright {width:1000px;margin:15px 0 0 0;padding:0;float:left;border-top:1px #666666 solid;clear:both;}
#copyright p{ margin:20px 0;padding:0;text-align:center;color:#999;}
/*////////// IMAGES //////////*/
/*////// FUN CLASSES ///////////*/
/*any little extra flares and fun design
elements you want to add can go here*/
