add public design files

design/atomic/css/acord/css/style.css

@@ -0,0 +1,37 @@
+/*Âåðòèêàëüíîå ìåíþ*/
+ul.vertmenu { 
+ padding:0; 
+ margin:10px 15px; 
+ text-transform: uppercase;
+}
+ul.vertmenu li { 
+ padding:2px 0; 
+ margin:0; 
+ list-style: none; 
+ BACKGROUND-IMAGE: url(../img/leftmenublock.jpg); 
+ BACKGROUND-REPEAT: repeat-x; 
+ BACKGROUND-POSITION: left top;
+}
+ul.vertmenu li ul { 
+ padding:0;
+ margin:0; 
+ text-indent: 5px;
+ display:none; 
+ text-transform: none;
+}
+ul.vertmenu li ul li { 
+ BACKGROUND-IMAGE: url(../img/leftmenublockinside.jpg); 
+ BACKGROUND-REPEAT: repeat-x; 
+ BACKGROUND-POSITION: left top;
+}
+ul#myvertmenu a { /*Êîíå÷íîå âåðòèêàëüíîå ìåíþ*/
+ padding-left: 8px; 
+ text-decoration: none;
+} 
+ul#myvertmenu a.collapsed { 
+ background:url('../img/collapsed.gif') left 6px no-repeat; 
+}
+ul#myvertmenu a.expanded { 
+ background:url('../img/expanded.gif') left 6px no-repeat; 
+}
+.none{display: none;}

design/atomic/css/acord/js/jquery.cookie.js

@@ -0,0 +1,96 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
+ *       used when the cookie was set.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
+ *                             when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ *                        require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+jQuery.cookie = function(name, value, options) {
+    if (typeof value != 'undefined') { // name and value given, set cookie
+        options = options || {};
+        if (value === null) {
+            value = '';
+            options.expires = -1;
+        }
+        var expires = '';
+        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+            var date;
+            if (typeof options.expires == 'number') {
+                date = new Date();
+                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+            } else {
+                date = options.expires;
+            }
+            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+        }
+        // CAUTION: Needed to parenthesize options.path and options.domain
+        // in the following expressions, otherwise they evaluate to undefined
+        // in the packed version for some reason...
+        var path = options.path ? '; path=' + (options.path) : '';
+        var domain = options.domain ? '; domain=' + (options.domain) : '';
+        var secure = options.secure ? '; secure' : '';
+        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+    } else { // only name given, get cookie
+        var cookieValue = null;
+        if (document.cookie && document.cookie != '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
+                // Does this cookie string begin with the name we want?
+                if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+};

design/atomic/css/acord/js/jquery.simplemenu.js

@@ -0,0 +1,49 @@
+$(document).ready(function() {
+ $('ul#myvertmenu ul').each(function(i) { //Ïðîâåðèòü âñå ïîäìåíþ
+  if ($.cookie('submenuMark-' + i)) {  //Åñëè èíôîðìàöèÿ î ïîäìåíþ ñîõðàíåíà â êóêàõ
+   $(this).show().prev().removeClass('collapsed').addClass('expanded'); //Ïîêàçàòü èõ 
+  }
+  else {
+   $(this).hide().prev().removeClass('expanded').addClass('collapsed'); //Èíà÷å ñêðûòü
+  }
+  $(this).prev().addClass('collapsible').click(function() { //Ïðèñîåäèíèòü îáðàáîò÷èê ñîáûòèÿ
+  var this_i = $('ul#myvertmenu ul').index($(this).next()); //Ïîëó÷èòü èíäåêñ ù¸ëêíóòîãî ïîäìåíþ
+  if ($(this).next().css('display') == 'none') {
+
+   //Êîãäà îòêðûòî ïîäìåíþ, ñâåðíóòü îñòàëüíûå ïîäìåíþ
+   $(this).parent('li').parent('ul').find('ul').each(function(j) {
+    if (j != this_i) {
+     $(this).slideUp(200, function () {
+      $(this).prev().removeClass('expanded').addClass('collapsed');
+      cookieDel($('ul#myvertmenu ul').index($(this)));
+     });
+    }
+   });
+   //Êîíåö áëîêà ñâîðà÷èâàíèÿ îñòàëüíûõ ïîäìåíþ
+
+   $(this).next().slideDown(200, function () { //Ïîêàçàòü ïîäìåíþ
+   $(this).prev().removeClass('collapsed').addClass('expanded');
+   cookieSet(this_i);
+   });
+  }
+  else {
+   $(this).next().slideUp(200, function () { //Ñïðÿòàòü ïîäìåíþ
+    $(this).prev().removeClass('expanded').addClass('collapsed');
+    cookieDel(this_i);
+    $(this).find('ul').each(function() {
+     $(this).hide(0, cookieDel($('ul#myvertmenu ul').index($(this)))).prev().removeClass('expanded').addClass('collapsed');
+    });
+   });
+  }
+  return false; //Íå ñëåäîâàòü ïî ññûëêå; true - ñëåäîâàòü 
+  });
+ });
+});
+
+function cookieSet(index) {
+ $.cookie('submenuMark-' + index, 'opened', {expires: null, path: '/'}); //Ïîñòàâèòü êóêó "ïîäìåíþ ðàñêðûòî"
+}
+
+function cookieDel(index) {
+ $.cookie('submenuMark-' + index, null, {expires: null, path: '/'}); //Óäàëèòü êóêó "ïîäìåíþ ðàñêðûòî"
+}

design/atomic/css/ckeditor.css

@@ -0,0 +1,18 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic); 
+@import url(https://fonts.googleapis.com/css?family=Russo+One&subset=latin,cyrillic);
+
+body {background: #141618 !important;}
+
+a {
+	text-decoration: underline !important;
+	cursor: pointer !important;
+}
+
+img {
+    width: auto; 
+    height: auto;
+	max-width: 100%; 
+    max-height: 100%; 
+   /* max-width: 480px !important; 
+    max-height: 480px !important;*/
+}

design/atomic/css/desktop.css

@@ -0,0 +1,62 @@
+.container { min-width: 970px; }
+.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-44, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-15 { float: left; }
+.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
+.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
+.col-sm-12, .col-md-12, .col-lg-12 { width: 100%; }
+.col-sm-11, .col-md-11, .col-lg-11 { width: 91.66666667%; }
+.col-sm-10, .col-md-10, .col-lg-10 { width: 83.33333333%; }
+.col-sm-9, .col-md-9, .col-lg-9 { width: 75%; }
+.col-sm-8, .col-md-8, .col-lg-8 { width: 66.66666667%; }
+.col-sm-7, .col-md-7, .col-lg-7 { width: 58.33333333%; }
+.col-sm-6, .col-md-6, .col-lg-6 { width: 50%; }
+.col-sm-5, .col-md-5, .col-lg-5 { width: 41.66666667%; }
+.col-sm-4, .col-md-4, .col-lg-4 { width: 33.33333333%; }
+.col-sm-44, .col-md-44, .col-lg-44 { width: 66.33333333%; }
+.col-sm-3, .col-md-3, .col-lg-3 { width: 25%; }
+.col-sm-2, .col-md-2, .col-lg-2 { width: 16.66666667%; }
+.col-sm-1, .col-md-1, .col-lg-1 { width: 8.33333333%; }
+.col-sm-15, .col-md-15, .col-lg-15 { width: 20%; }
+
+.hidden-xs {display: block !important;}
+.collapse { display: block !important; visibility: visible !important; }
+/*.nav > li { float: left !important; }
+.nav > li > a { padding: 15px 10px; }
+.navbar-nav { float: left; }*/
+.navbar-header { float: left; }
+.navbar-right { float: right; }
+.navbar-toggle { display: none !important; }
+
+.modal2.well {margin-bottom: 0;}
+
+
+@media (min-width:1200px) {
+
+    .navbar-nav > li > a {     text-align: center; }
+    header .phone { font-size: 150% !important; }
+    header .top-text1 { font-size: 160% !important; }
+    header .top-text2 { line-height: 1.5em; }
+    header .top-text3 { font-size: 150%; }
+}
+
+@media (max-width:1199px) {
+
+    .navbar-nav > li > a { padding-left: 12px !important; padding-right: 12px !important; }
+    header .phone { font-size: 105% !important; }
+    header .top-text1 { font-size: 130% !important; }
+    header .top-text2 { line-height: 1.15em; }
+    header .top-text3 { font-size: 120%; }
+}
+
+@media (max-width: 767px) {
+    .container-fluid>.navbar-header, 
+    .container>.navbar-collapse {
+        margin-right: 0px;
+        margin-left: -15px;
+    }
+    .navbar { border-radius: 4px; }    
+}
+
+
+
+
+

design/atomic/css/desktop_back.css

@@ -0,0 +1,61 @@
+.container { min-width: 970px; }
+.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-15 { float: left; }
+.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
+.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
+.col-sm-12, .col-md-12, .col-lg-12 { width: 100%; }
+.col-sm-11, .col-md-11, .col-lg-11 { width: 91.66666667%; }
+.col-sm-10, .col-md-10, .col-lg-10 { width: 83.33333333%; }
+.col-sm-9, .col-md-9, .col-lg-9 { width: 75%; }
+.col-sm-8, .col-md-8, .col-lg-8 { width: 66.66666667%; }
+.col-sm-7, .col-md-7, .col-lg-7 { width: 58.33333333%; }
+.col-sm-6, .col-md-6, .col-lg-6 { width: 50%; }
+.col-sm-5, .col-md-5, .col-lg-5 { width: 41.66666667%; }
+.col-sm-4, .col-md-4, .col-lg-4 { width: 33.33333333%; }
+.col-sm-3, .col-md-3, .col-lg-3 { width: 25%; }
+.col-sm-2, .col-md-2, .col-lg-2 { width: 16.66666667%; }
+.col-sm-1, .col-md-1, .col-lg-1 { width: 8.33333333%; }
+.col-sm-15, .col-md-15, .col-lg-15 { width: 20%; }
+
+.hidden-xs {display: block !important;}
+.collapse { display: block !important; visibility: visible !important; }
+/*.nav > li { float: left !important; }
+.nav > li > a { padding: 15px 10px; }
+.navbar-nav { float: left; }*/
+.navbar-header { float: left; }
+.navbar-right { float: right; }
+.navbar-toggle { display: none !important; }
+
+.modal2.well {margin-bottom: 0;}
+
+
+@media (min-width:1200px) {
+
+    .navbar-nav > li > a {     text-align: center; }
+    header .phone { font-size: 150% !important; }
+    header .top-text1 { font-size: 160% !important; }
+    header .top-text2 { line-height: 1.5em; }
+    header .top-text3 { font-size: 150%; }
+}
+
+@media (max-width:1199px) {
+
+    .navbar-nav > li > a { padding-left: 12px !important; padding-right: 12px !important; }
+    header .phone { font-size: 105% !important; }
+    header .top-text1 { font-size: 130% !important; }
+    header .top-text2 { line-height: 1.15em; }
+    header .top-text3 { font-size: 120%; }
+}
+
+@media (max-width: 767px) {
+    .container-fluid>.navbar-header, 
+    .container>.navbar-collapse {
+        margin-right: 0px;
+        margin-left: -15px;
+    }
+    .navbar { border-radius: 4px; }    
+}
+
+
+
+
+

design/atomic/css/mobile.css

@@ -0,0 +1,181 @@
+body {margin-top: 10px;}
+#top-shopcart {display: none;}
+.container { min-width: 320px; }
+.collapse-panel .panel-body {display: none;}
+
+.container-fluid {
+	padding-right: 15px !important;
+}
+
+@media (min-width:1200px) {
+	.product-price { font-size: 145% !important; }
+	.navbar-nav > li > a { padding-left: 20px !important; padding-right: 20px !important; }
+	header .phone { font-size: 125% !important; }
+	header .top-text1 { font-size: 160% !important; }
+	header .top-text2 { line-height: 1.5em; }
+	header .top-text3 { font-size: 150%; }
+}
+
+@media (max-width:1199px) {
+	.top-block li {
+	padding: 0 10px;
+	display: inline;
+}
+	.social li {
+	padding: 9px 0 6px 3px;
+	display: inline-block;
+}
+	.product-price { font-size: 115% !important; }
+.navbar-nav > li > a {
+	padding-left: 4px !important;
+	padding-right: 4px !important;
+	text-align: center;
+}
+	header .phone { font-size: 105% !important; }
+	header .top-text1 { font-size: 130% !important; }
+	header .top-text2 { line-height: 1.15em; }
+	header .top-text3 { font-size: 120%; }
+}
+
+@media (min-width: 767px) and (max-width:991px) {
+	.flexslider .slides > li {
+	background-size: contain !important;
+}
+.blog-unit a span.img {
+	height: 140px;
+	overflow: hidden;
+	display: block;
+}
+.social li {
+	padding: 9px 0 6px 3px;
+	display: inline-block;
+}
+.input-group.top-serch
+{
+	margin-left: 20px;
+}
+
+	header .cart .cart-info {
+	padding-left: 91px;
+	padding-top: 7px;
+}
+	.row.second-line{
+		position: absolute;
+		width: 100vw;
+		left: -33vw;
+	}
+	.navbar {
+	white-space: nowrap;
+	margin-top: 109px;
+}
+
+.top-block ul {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	margin-left: 0;
+}.top-block li {
+	padding: 0 10px;
+	display: inline;
+}
+.top-block {
+
+	margin-top: 0px;
+}
+.top-menu a{ font-size:10px;}
+	.nav>li>a {
+	position: relative;
+	display: block;
+	padding: 5px 5px;
+	font-size: 11px;
+	text-align: center;
+}
+
+	.navbar { white-space: nowrap; }
+	.navbar-right { display: none; }
+	header { height: 135px; font-size: 10px; }
+	header .cart .cart-info table td { white-space: nowrap; }
+
+	footer { font-size: 10px; }
+	footer, .push { height: auto; }
+	.wrapper { margin-bottom: -230px; }
+	.product-name, .product-price {font-size: 12px !important;}
+}
+
+@media (max-width: 767px) {
+	#top-shopcart {
+		display: flex !important;
+		justify-content: space-around;
+	}
+
+	.always-on-top .mobile__header--phone,
+	.always-on-top .cart-info {
+		padding: 7px 15px !Important;
+	}
+
+	.always-on-top .cart-info {
+		display: flex !Important;
+		align-items: center;
+	}
+
+	.always-on-top .mobile__header--phone>div:first-child {
+		margin-top: 0;
+	}
+
+	#cart_informer:before {
+		margin-left: 0;
+	}
+
+	.flexslider { display: none; }
+	a.logo {
+		display: block;
+		text-align: center;
+		padding-top: 15px;
+	}
+
+	.services-view.row .advantage { display: none; }
+
+	a.logo img {width:200px;}
+	.callme_viewform {
+	text-align: center !important;
+	border-radius: 5px;
+	border: 1px solid #fff;
+	padding: 8px 16px;
+	text-decoration: none;
+	text-transform: uppercase;
+	color: #fff;
+	font-size: 12px;
+	float: none !important;
+	margin: auto;
+	margin-top: 10px !important;
+	width: 200px;
+	display: block;
+}
+.always-on-top .cart-info .icon .glyphicon {
+display: none;
+}
+	.top-block { margin-top: 0px; }
+	#hidden-cart {display: block !important;}
+	.flexslider { display: none; }
+	.navbar { margin-top: 15px;}
+	header, footer { height: auto; font-size: 10px;}
+	header .phone { font-size: 12px !important; }
+
+	.panel-heading, .breadcrumb, .badge, .label { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
+	.cart-links a {color: #ffffff;}
+	footer, .push { height: auto; }
+	.wrapper { margin-bottom: auto; }
+	footer .container { padding-top: 25px; padding-bottom: 25px; }
+	#tabs {margin-top: 15px;}
+	#tabs li {float: left;margin: 0 0.2em 0 0;}
+	#tabs a {font-size: 10px; padding: 0.7em 0.5em;}
+	label {font-size: 10px;}
+	#callme {display: none;}
+	.mobile__header--phone {display: block!important;}
+	.mobile__header--phone-link {/*margin-top: 7px;*/ font-size: 14px;}
+}
+@media (max-width: 575.98px) {
+    .brand-card {
+        width: 33%;
+    }
+}

design/atomic/css/old/idealforms.css

@@ -0,0 +1,349 @@
+
+.element {
+  line-height: 1;
+  border: 0;
+  text-decoration: none;
+  font-size: 14px;
+  font-family: Arial, sans-serif;
+}
+/* ---------------------------------------
+	Load Dingbat font for checkmark icon
+----------------------------------------*/
+@font-face {
+  font-family: 'DistroIIBats';
+  src: url('distro2_bats-webfont.eot');
+  src: url('distro2_bats-webfont.eot?#iefix') format('embedded-opentype'), url('distro2_bats-webfont.woff') format('woff'), url('distro2_bats-webfont.svg#DistroIIBats') format('svg'), url('distro2_bats-webfont.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+/* ---------------------------------------
+	Remove default input focus outline
+----------------------------------------*/
+:focus {
+  outline: none;
+  outline-style: none;
+}
+::-moz-focus-inner {
+  border: 0;
+}
+/* ----------------------------------------
+
+	Ideal Forms Styles
+
+	* Be careful editing these values
+	* since everything is measured in ems
+	* you should only change values using
+	* the global variables and colors above.
+
+-----------------------------------------*/
+.idealform {
+  font-size: 14px;
+  font-family: Arial, sans-serif;
+
+
+}
+.idealform :focus, .idealform :active {
+  outline: 0;
+}
+.idealform fieldset {
+  padding: 6px 10px 0 10px;
+  background: #fcfcfc;
+  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), transparent 0 0 0;
+  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), transparent 0 0 0;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), transparent 0 0 0;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+}
+.idealform select, .idealform input[type="radio"], .idealform input[type="checkbox"] {
+  position: absolute;
+  left: -9999px;
+}
+.idealform label,
+.idealform .idealselect,
+.idealform .idealradio,
+.idealform .idealcheck {
+  display: inline-block;
+}
+
+#content .idealform ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+
+.idealform label {
+  vertical-align: top;
+  padding-right: 1em;
+}
+.idealform .main-label {
+  position: relative;
+  font-weight: bold;
+}
+.idealform .main-label span {
+  position: absolute;
+  left: -0.5em;
+  top: -0.3em;
+  font-family: Arial, sans-serif;
+  font-size: 1.5em;
+  color: #d1301b;
+}
+
+.idealform input[type="text"]:focus, .idealform input[type="password"]:focus, .idealform textarea:focus {
+  border: 1px solid #1ba5c7;
+  -moz-box-shadow: 0 0 2px #1ba5c7, transparent 0 0 0;
+  -webkit-box-shadow: 0 0 2px #1ba5c7, transparent 0 0 0;
+  box-shadow: 0 0 2px #1ba5c7, transparent 0 0 0;
+}
+.idealform input[type="submit"], .idealform input[type="reset"], .idealform button {
+  line-height: 1;
+  border: 0;
+  text-decoration: none;
+  font-size: 14px;
+  font-family: Arial, sans-serif;
+  display: inline-block;
+  padding: .5em 1.5em;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.7);
+  border: 1px solid #126d84;
+  font-weight: bold;
+  color: #093540;
+  text-shadow: 1px 1px rgba(255, 255, 255, 0.4);
+  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  -webkit-border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  background: #5fcee9;
+  background: -moz-linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5fcee9), color-stop(100%, #1ba5c7));
+  background: -webkit-linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  background: -o-linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  background: -ms-linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  background: linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fcee9', endColorstr='#1ba5c7',GradientType=0 );
+}
+.idealform input[type="submit"]:hover, .idealform input[type="reset"]:hover, .idealform button:hover {
+  background: #8cdcef;
+  background: -moz-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cdcef), color-stop(100%, #1ba5c7));
+  background: -webkit-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -o-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -ms-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cdcef', endColorstr='#1ba5c7',GradientType=0 );
+}
+.idealform input[type="submit"]:active, .idealform input[type="reset"]:active, .idealform button:active {
+  background: #1ba5c7;
+}
+.idealform .idealselect {
+  /* Title */
+
+  /* Menu */
+
+}
+
+.idealselect ul li{
+border-bottom: 1px solid #E7E7E7;
+border-top: 1px solid white;
+margin: 0;
+}
+
+#content .idealselect ul li{
+margin: 0;
+}
+
+.idealform .idealselect a {
+  line-height: 1;
+  border: 0;
+  text-decoration: none;
+  font-size: 14px;
+  font-family: Arial, sans-serif;
+  display: block;
+  padding: .5em .8em;
+  padding-right: 3em;
+}
+
+
+.idealform .idealselect .idealselect-title {
+  position: relative;
+  font-weight: bold;
+  color: #fff;
+  text-shadow: 1px 1px rgba(9, 53, 64, 0.5);
+  border: 1px solid #3ba7dc;
+  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  background: #5fcee9;
+  background: -moz-linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5fcee9), color-stop(100%, #2D93D3));
+  background: -webkit-linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  background: -o-linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  background: -ms-linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  background: linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fcee9', endColorstr='#2D93D3',GradientType=0 );
+  -webkit-border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  /* Arrow */
+
+}
+.idealform .idealselect .idealselect-title span {
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: inline-block;
+  height: 100%;
+  width: 2em;
+  border-left: 1px solid #1ba5c7;
+  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), transparent 0 0 0;
+  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), transparent 0 0 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), transparent 0 0 0;
+  background: #b9e9f5;
+  background: -moz-linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9e9f5), color-stop(100%, #5fcee9));
+  background: -webkit-linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  background: -o-linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  background: -ms-linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  background: linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e9f5', endColorstr='#5fcee9',GradientType=0 );
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+.idealform .idealselect .idealselect-title small {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  top: 50%;
+  left: 50%;
+  margin: -0.25em 0 0 -0.5em;
+  border-width: .5em;
+  border-style: solid;
+  border-color: #277aa9 transparent transparent transparent;
+}
+.idealform .idealselect ul {
+position: absolute;
+overflow-y: scroll;
+z-index: 999;
+border: 1px solid #CCC;
+border-top: 0;
+background: #E6E6E6;
+background: -moz-linear-gradient(134deg, #E6E6E6 0%, white 100%)
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(100%, #ffffff));
+background: -webkit-linear-gradient(134deg, #E6E6E6 0%, white 100%);
+background: -o-linear-gradient(134deg, #E6E6E6 0%, white 100%);
+background: -ms-linear-gradient(134deg, #E6E6E6 0%, white 100%);
+background: linear-gradient(134deg, #E6E6E6 0%, white 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6E6E6', endColorstr='#ffffff',GradientType=0 );
+-webkit-border-radius: 0 0 4px 4px;
+-moz-border-radius: 0 0 4px 4px;
+border-radius: 0 0 4px 4px;
+text-shadow: 1px 1px 0px white;
+}
+.idealform .idealselect ul li:last-child a {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+.idealform .idealselect ul a {
+  color: #3d3d3d;
+}
+.idealform .idealselect ul a:hover {
+  background: #c9c9c9;
+  color: #3d3d3d;
+  text-shadow: 1px 0px 2px white;
+}
+.idealform .idealselect:hover .idealselect-title {
+  background: #8cdcef;
+  background: -moz-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cdcef), color-stop(100%, #1ba5c7));
+  background: -webkit-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -o-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -ms-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cdcef', endColorstr='#1ba5c7',GradientType=0 );
+}
+.idealform .idealselect:hover .idealselect-title span {
+  background: #e5f7fc;
+  background: -moz-linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5f7fc), color-stop(100%, #5fcee9));
+  background: -webkit-linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  background: -o-linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  background: -ms-linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  background: linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f7fc', endColorstr='#5fcee9',GradientType=0 );
+}
+.idealform .idealselect.open .idealselect-title {
+  -webkit-border-radius: 4px 4px 0 0;
+  -moz-border-radius: 4px 4px 0 0;
+  border-radius: 4px 4px 0 0;
+}
+.idealform .idealselect.open .idealselect-title span {
+  -webkit-border-radius: 0 4px 0 0;
+  -moz-border-radius: 0 4px 0 0;
+  border-radius: 0 4px 0 0;
+}
+.idealform .idealradio, .idealform .idealcheck {
+  margin-top: .3em;
+  /* Check */
+
+  /* Radio */
+
+}
+.idealform .idealradio label, .idealform .idealcheck label {
+  cursor: pointer;
+}
+.idealform .idealradio li, .idealform .idealcheck li {
+  margin-bottom: .6em;
+}
+.idealform .idealradio span, .idealform .idealcheck span {
+  display: inline-block;
+  vertical-align: top;
+  width: 1.2em;
+  height: 1.2em;
+  margin-right: .5em;
+  border: 1px solid #999999;
+  background: #ffffff;
+  background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
+  background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  background: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  background: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  background: linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
+}
+.idealform .idealradio .check, .idealform .idealcheck .check {
+  -webkit-border-radius: 2px 2px 2px 2px;
+  -moz-border-radius: 2px 2px 2px 2px;
+  border-radius: 2px 2px 2px 2px;
+}
+.idealform .idealradio .check.checked, .idealform .idealcheck .check.checked {
+  background: #ffffff;
+  /* Checkmark */
+
+}
+.idealform .idealradio .check.checked:after, .idealform .idealcheck .check.checked:after {
+  content: "|";
+  font-family: 'DistroIIBats';
+  font-size: 1.6em;
+  position: relative;
+  top: -0.3em;
+  left: .1em;
+  color: #d1301b;
+}
+.idealform .idealradio .radio, .idealform .idealcheck .radio {
+  -webkit-border-radius: 1.2em 1.2em 1.2em 1.2em;
+  -moz-border-radius: 1.2em 1.2em 1.2em 1.2em;
+  border-radius: 1.2em 1.2em 1.2em 1.2em;
+}
+.idealform .idealradio .radio.checked, .idealform .idealcheck .radio.checked {
+  -moz-box-shadow: inset 0 0 0 0.3em #ffffff, transparent 0 0 0;
+  -webkit-box-shadow: inset 0 0 0 0.3em #ffffff, transparent 0 0 0;
+  box-shadow: inset 0 0 0 0.3em #ffffff, transparent 0 0 0;
+  filter: 0;
+  /* IE */
+
+  background: #d1301b;
+}

design/atomic/css/old/reset.css

@@ -0,0 +1,29 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	background: transparent;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after, q:before, q:after {
+	content: '';
+	content: none;
+}
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+strong {
+	font-weight: bold;
+}
+.clear{clear: both;}