* 				{margin: 0; padding: 0;}
BODY 				{font-size: 100%; color: #000; background: #fff; font-family: Open Sans, Arial, sans-serif; text-align: center;}
H1 			        {font-size: 160%; color: #f33; font-weight: 800; margin: 25px 0 15px 0; text-transform: uppercase;}
H2 	           	        {font-size: 120%; color: #000; font-weight: 800; margin: 20px 0 10px 0;}
H3 				{font-size: 100%; color: #eb1a1a; margin: 10px 0;}
H4 				{font-size: 90%; color: #549f54 margin: 5px 0;}
UL 				{list-style-type: none;}
IMG 				{border: 0; vertical-align: middle;}
TABLE                           {font-size: 100%; border-collapse: collapse;}
TD                              {vertical-align: middle; padding: 2px 5px 2px 0;}
PRE 				{height: 150px; color: #999; background: #f5f5f5; border: 1px #ccc dashed; margin: 5px 0; padding: 15px 20px; overflow: auto;}
IFRAME                          {background: #f5f5f5; border: 1px #ccc dashed;}
FIELDSET 		        {border: 1px #ccc dashed; padding: 15px; margin: 20px 0 20px 0;}
LEGEND	 		        {background: #f5f5f5; font-weight: bold; border: 1px #ccc dashed; padding: 8px 13px;}
INPUT, SELECT, TEXTAREA 	{color: #999; background: #f5f5f5; border: 1px #ddd dashed; font-size: 100%; font-family: Open Sans, Arial, sans-serif; padding: 8px 10px;}
.submit                         {color: #fff !important; background: #444; font-weight: bold; font-size: 95%; border: 1px #000 solid; cursor: pointer; text-transform: uppercase; text-decoration: none; padding: 7px 9px; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.submit:hover,
.submit2:hover,
.add_to_cart:hover,
.ajax_add_to_cart_button:hover  {background: #eb1a1a !important; border-color: #eb1a1a !important;}
SELECT                          {padding: 6px 8px;}
A, A:visited 			{color: #000;}
A:active,               	
A:hover 			{color: #eb1a1a;}

/* General */
.price                          {color: #000 !important; font-size: 100%; font-weight: bold;}
.price-discount                 {text-decoration: none; background:url(../img/strike.gif) 0 55% repeat-x; padding: 0 2px;}
.new, .discount, .on_sale       {color: #fff; background: #549f54; font-size: 80%; padding: 2px 7px; text-transform: uppercase; text-align: center;}
.discount                       {background: #eb1a1a;}
.on_sale                        {background: #000;}
.amount                         {text-align: center; margin: 0 10px 0 0;}
.add_to_cart                    {color: #fff !important; background: #444; font-weight: bold; font-size: 95%; padding: 7px 9px; border: 1px #000 solid; cursor: pointer; text-transform: uppercase; text-decoration: none; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.ajax_add_to_cart_button        {width: 90px; color: #fff !important; background: #444; font-weight: bold; font-size: 95%; text-align: center; display: block; padding: 7px 0; margin: 0 auto; border: 1px #000 solid; cursor: pointer; text-transform: uppercase; text-decoration: none; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}

/* Layout */
#page                           {width: 100%; margin: 0 auto; text-align: left; position: relative;}
#header                         {width: 100%; height: 188px; background: url(../img/bg.gif) 0 100% repeat-x #fff; box-shadow: 0 0 50px #999; border-bottom: 1px #fff solid; position: fixed; left: 0; top: 0; z-index: 20;}
#logo				{width: 465px; height: 147px; overflow: hidden; position: absolute; left: 2%; top: 0; z-index: 1; margin: 0; text-align: center; color: #000; background: transparent !important; font-weight: bold; font-size: 90%; text-decoration: none; display: block; padding: 20px 20px 0 20px; border: 0 !important;}
#logo SPAN			{width: 465px; height: 147px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../img/logo.gif) no-repeat; display: block; cursor: pointer; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;}
#logo A:hover 			{color: #fff;}
#links                          {display: none;}
#slogan                         {width: 400px; color: #fff; font-size: 120%; font-weight: bold; text-align: center; text-shadow: 1px 1px 0 #000; position: absolute; left: 41%; top: 70px; z-index: 10;}
#slogan SPAN                    {color: #f9bd68; margin: 0 5px;}
#container                      {width: 100%; text-align: center; margin: 210px auto 0 auto;}
#center_column                  {width: 80%; margin: 0 auto; text-align: left; position: relative;}
#center_column P                {margin: 10px 0;}
#center_column UL 		{margin: 5px 0;}
#center_column UL LI		{background: url(../img/li.gif) 10px 14px no-repeat; border-top: 1px #ccc dashed; line-height: 1.6em; margin: 0; padding: 6px 10px 6px 35px;}
#center_column OL 		{margin: 5px 0;}
#center_column OL LI 		{list-style-position: inside; border-top: 1px #ccc dashed; line-height: 1.6em; margin: 0; padding: 6px 10px;}
#footer                         {width: 80%; height: 60px; color: #999; border-top: 1px #ccc dashed; clear: both; margin: 30px auto 0 auto;}
#footer #copy                   {font-size: 90%; clear: both; float: left; padding: 20px 0 0 0;}
#footer #author                 {font-size: 90%; float: right; padding: 20px 0 0 0;}
#footer A                       {color: #999;}
#footer A:hover                 {color: #000;}

/* Informations */
#informations         	        {height: 40px; position: absolute; left: 10%; top: 148px; margin: 0; z-index: 100;}
#informations LI 		{float: left; padding: 0; position: relative;}
#informations A,
#informations A:visited		{width: auto; height: 100%; color: #fff; font-weight: bold; padding: 9px 30px; text-decoration: none; display: block;}
#informations A:hover,
#informations .selected,
#informations .selected A       {color: #fff; background: #549f54;}
#informations UL UL  			                {width: 300px; height: auto; background: #549f54; border-top: 1px #fff solid; padding: 12px 0; position: absolute; left: 0; top: 40px;}
#informations UL UL LI 		                        {width: 300px; height: auto; text-align: left;}
#informations UL UL A,
#informations UL UL A:visited                           {color: #fff !important; font-weight: normal; padding: 8px 30px; text-decoration: underline;}
#informations UL UL A:hover,
#informations UL UL .selected A                         {font-weight: bold; text-decoration: none;}
#informations UL UL,
#informations UL LI:hover UL UL,
#informations UL LI:hover LI:hover UL UL,
#informations UL LI:hover LI:hover LI:hover UL UL	{display: none;}
#informations UL LI:hover UL,
#informations UL LI:hover LI:hover UL,
#informations UL LI:hover LI:hover LI:hover UL,
#informations UL LI:hover LI:hover LI:hover LI:hover UL {display: block;}

/* Search box */
#search_header                  {position: absolute; right: 2%; top: 60px; z-index: 10;}
#search_header P                {margin: 0; position: relative;}
#search_header INPUT            {vertical-align: middle; border-color: #fff;}
#search_header #search_query    {width: 230px; padding-right: 40px;}
#search_header .submit          {width: 20px; height: 20px; background: transparent !important; padding: 0; border: 0; position: absolute; right: 10px; top: 10px;}

/* User info */
#user_info  			{color: #fff; background: url(../img/box.gif) 0 100% no-repeat #519c51; margin-bottom: 3px; padding-bottom: 20px;}
#user_info UL 		        {margin: 0 10px; padding-bottom: 5px;}
#user_info LI		        {background: url(../img/sidebar_li.gif) no-repeat; line-height: 1.6em; margin: 0; padding: 10px 5px 9px 50px;}
#user_info #label		{color: #fff; background: url(../img/box_header.gif) no-repeat #000; font-weight: bold; font-size: 120%; text-align: center; padding: 11px 0 26px 0;}
#user_info #label SPAN		{font-weight: normal; font-size: 80%;}
#user_info A		        {color: #000 !important; font-weight: bold; text-decoration: none;}
#user_info A:hover	        {color: #fff !important;}

/* Breadcrumbs */
.breadcrumb                     {color: #999; font-size: 90%; position: absolute; right: 0; top: 10px; z-index: 10; text-align: right;}
.breadcrumb_detail              {width: auto; height: auto; left: 0; top: 50px; text-align: left;}

/* Subcategories */
#subcategories                  {margin: 0; clear: both;}
#subcategories LI               {width: 31.7%; display: inline-block; line-height: 1em !important; padding: 0 !important; margin: 0 2% 20px 0 !important; border: 0 !important;}
#subcategories A                {background: url(../img/li.gif) 15px 15px no-repeat #f5f5f5; display: block; padding: 12px 20px 12px 40px; border: 1px #ccc dashed; text-decoration: none; text-transform: uppercase; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
#subcategories A:hover          {color: #999; background-color: #efefef;}
#subcategories .third           {margin-right: 0 !important;}

/* Sorting */
#form_filter                    {float: left;}
#productsSortForm               {margin: 20px 0; text-align: right;}

/* Pagination */
#pagination UL                  {float: left; margin: 10px 0 0 0 !important; padding: 0;}
#pagination LI                  {background: transparent !important; padding: 0 !important; border: 0 !important; float: left;}
#pagination A                   {margin: 7px 10px 0 0; display: block;}
#pagination .current            {width: 35px; color: #fff; background: #f33 !important; font-weight: bold; padding: 4px 0 !important; margin: 3px 10px 0 0; border-radius: 20px; -moz-border-radius: 20px; text-align: center;}
#pagination .truncate           {padding: 8px 6px 0 0;}
#pagination FORM                {float: right;}

/* Product detail */
#product H1                     {margin-bottom: 50px;}
#product #image-block           {width: 500px; height: auto; float: left; margin: 0 0 20px 0; text-align: center;}
#product #image-block IMG       {width: 100%; height: auto; cursor: pointer; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; margin: auto;}
#product #image-block IMG:hover {opacity: 0.4; filter: alpha(opacity=40);}
#product #product_info .common  {clear: none;}
#product_info                   {margin-left: 520px;}
#product .price                 {font-size: 150%; font-weight: 800; border: #ccc dashed; border-width: 1px 0; background: #f5f5f5; padding: 15px 20px; display: block;}
.up                             {position: relative; top: -6px;}
.down                           {position: relative; left:-18px; top: 6px;}

/* Product attributes */
#attributes TD, .attributes TD  {vertical-align: middle;}
#attributes SELECT,
.attributes SELECT              {width: 215px;}
#attributes P                   {margin: 0 0 5px 0 !important;}
.attributes .attr_name          {width: 50%;}
.attributes                     {width: 220px; min-height: 30px;}
.attributes P                   {margin: 6px 8px 6px 0 !important; float: left;}

/* Download */
#download LI                    {background: url(../img/pdf.gif) 0 50% no-repeat; padding: 5px 0 5px 40px;}

/* Product thumbnails */
#views_block                    {width: 100%; clear: both; margin-top: 20px;}
#views_block LI                 {width: 30%; background: transparent !important; border: 0 !important; float: left; text-align: center; margin: 0 5% 20px 0 !important; padding: 0 !important;}
#views_block IMG                {width: 100%; height: auto;}
#views_block .last              {margin-right: 0 !important;}

/* Product more info */
#product_more_info              {clear: both;}
#more_info_tabs                 {height: 30px; margin: 0 !important;}
#more_info_tabs LI              {background: transparent !important; border: 0 !important; margin: 0; padding: 0 !important; float: left;}
#more_info_tabs A               {width: 168px; background: #eee; font-weight: bold; margin: 0 20px 0 0; padding: 8px 0; display: block; text-align: center; text-decoration: none; text-transform: uppercase;}
#more_info_tabs A:hover,
#more_info_tabs .selected       {color: #fff; background: #549f54; text-decoration: none;}
#idTab1, #idTab2, #idTab3,
#idTab4, #idTab8, #idTab9       {color: #fff; background: #549f54; clear: both; padding: 20px;}
#idTab5, #idTab6, #idTab7       {color: #fff; background: #549f54; clear: both; padding: 32px 28px 20px 30px;}
#idTab5 A, #idTab6 A, #idTab7 A {color: #fff; font-weight: bold;}
#idTab5, #idTab6, #idTab7       {margin-bottom: 20px;}
#idTab5 A:hover,
#idTab6 A:hover,
#idTab7 A:hover                 {color: #ddd;}

/* Order */
#order_step                     {height: 38px; margin: 20px 0 !important;}
#order_step LI                  {background: transparent !important; border: 0 !important; padding: 0 !important; float: left;}
#order_step LI STRONG           {color: #fff; font-size: 130%; vertical-align: middle; margin-right: 10px; padding: 5px 10px 7px 14px; line-height: 38px; border-radius: 20px; -moz-border-radius: 20px;}
#order_step A                   {color: #000; margin: 0 90px 0 0; text-transform: uppercase; text-decoration: none;}
#order_step A:hover             {color: #eb1a1a;}
#order_step A:hover STRONG      {background: #eb1a1a;}
#order_step .step_current       {color: #eb1a1a; margin: 0 90px 0 0; text-transform: uppercase; text-decoration: none;}
#order_step .step_todo          {color: #aaa; margin: 0 90px 0 0; text-transform: uppercase;}
#order_step A STRONG            {color: #fff; background: #000;}
#order_step .step_current STRONG {background: #f33;}
#order_step .step_todo STRONG   {color: #ccc; background: #f5f5f5;}
.payment_module IMG             {margin-right: 20px;}
.payment_module A               {background: url(../img/icon/radio.gif) 15px 50% no-repeat #f5f5f5; border: 1px #ccc dashed; margin: 10px 0; padding: 10px 15px 10px 40px; display: block; text-decoration: none !important;}
.payment_module A:hover         {color: #000; background: url(../img/icon/radio_active.gif) 15px 50% no-repeat #efefef;}
.cart_navigation                {height: 25px;}
.cart_navigation A.submit,
.cart_navigation A.submit2,
.cart_navigation INPUT.submit   {color: #fff; background: #444; font-weight: bold; font-size: 95%; border: 1px #000 solid; cursor: pointer; text-transform: uppercase; padding: 7px 9px; text-decoration: none; float: right; margin-bottom: 20px; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.cart_navigation A.submit       {padding: 7px 9px; float: left;}
.amounts P                      {clear: both; margin: 0 0 10px 0 !important;}
.amounts STRONG                 {float: right;}
#ordermsg                       {width: 100%;}
#ordermsg TEXTAREA,
#sendOrderMessage TEXTAREA      {width: 98%;}

/* Shopping cart */
#cart_summary                           {width: 100%;}
#cart_summary TH                        {color: #000; background: #f5f5f5; border: 1px #ccc dashed; padding: 4px 7px;}
#cart_summary TD                        {background: #fff; border: 1px #ccc dashed; vertical-align: middle; padding: 4px 7px;}
#cart_summary .cart_description H2      {font-size: 100%; margin: 0;}
#cart_summary .cart_availability        {text-align: center;}
#cart_summary .cart_unit                {text-align: right; white-space: nowrap;}
#cart_summary .cart_unit .price         {font-weight: normal; font-size: 100%;}
#cart_summary .cart_quantity            {width: 6em; text-align: right;}
#cart_summary .cart_quantity P          {float: right; position: relative; top: 10px; margin: 0 0 0 10px;}
#cart_summary .cart_quantity .updown    {top: 0;}
#cart_summary .cart_quantity .updown A  {display: block;}
#cart_summary .cart_total               {text-align: right; white-space: nowrap;}
#cart_summary .cart_total .price        {font-size: 100%;}
#cart_summary TFOOT TR TD               {background: transparent; border: 0; line-height: 1.5em; white-space: nowrap;}
#cart_summary .cart_free_shipping       {white-space: normal;}

/* Conditions */
.conditions                     {height: 300px; font-size: 80%; color: #666; background: #f5f5f5; border: 1px #ccc dashed; margin: 20px 0; padding: 10px 15px; overflow: auto;}
.conditions H1, #conditions H2  {color: #666; background: transparent; margin: 0 0 15px 0; padding: 0;}
.conditions H3                  {color: #666; margin: 0; padding: 0;}
.conditions UL                  {margin: 10px 20px; padding: 0; list-style-type: disc;}
.conditions LI                  {background: transparent !important; margin: 0; padding: 0 !important; border: 0 !important;}

/* Tables */
.common                         {width: 100%; background: #fff; clear: both;}
.common TH, .common TD          {border: 1px #ccc dashed; padding: 5px 15px;}
.common TH                      {background: #f5f5f5;}
.common TR:hover                {background: #efefef !important;}
.common #from                   {width: 30%;}
.common .price                  {white-space: nowrap;}
.alt_row                        {background-color: #f5f5f5 !important;}

/* Warnings and errors */
.error,
.warning,
.success                        {color: #444; background: #ff9; border: 1px #ffdb7b solid; margin: 10px 0; padding: 20px;}
.error A, .warning A, .success A {color: #444;}
.error li                       {list-style-position: inside; padding-left: 3em;}
.error p                        {font-weight: bold;}
.warning_inline                 {color: #eb1a1a; font-weight: bold;}
.success_inline                 {font-weight: bold;}

.notice                         {color: #444; margin: 20px 0; font-style: italic; clear: both; background: #ff9; border: 1px #ffdb7b solid; padding: 20px;}
.notice A                       {color: #444;}
.notice A:hover                 {color: #000;}

.statistics 			{width: 15%; color: #fff; background: url(../img/stats.gif) repeat-x #000; margin: 0 2% 20px 0 !important; padding: 15px 0 10px 0; float: left; text-align: center;}
.statistics STRONG 	        {color: #ffdb7b; font-size: 300%; display: block; border-top: 1px #333 solid; margin: 13px 20px 0 20px; padding-top: 5px;}
.statistics A:hover             {text-decoration: none;}
.statistics A:hover STRONG      {color: #f33;}
.last                           {margin-right: 0 !important;}

.box1 				{width: 48%; margin: 0 4% 20px 0; float: left;}
.box2 				{width: 48%; margin: 0 0 20px 0; float: left;}
.box1 .notice, .box2 .notice    {background: transparent; border: 0; font-style: normal; padding: 0;}
.box1 .notice A,
.box2 .notice A                 {font-size: 140%; display: block; color: #fff; background: url(../img/user.png) 30px 50% no-repeat #444; border: 1px #000 solid; font-weight: 800; padding: 12px 20px 12px 90px; text-decoration: none; text-transform: uppercase; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.box2 .notice A                 {background-image: url(../img/cart.png);}
.box1 .notice A:hover,
.box2 .notice A:hover           {color: #fff; background-color: #f33; border: 1px #eb1a1a solid;}
.demo IMG                       {width: 100%; height: auto;}

#webs .box 			{width: 31%; border: 1px #ccc dashed; margin: 0 0.9% 20px 0.9%; float: left; position: relative; overflow: hidden;}
#webs .box:hover IMG            {opacity: 0.1; filter: alpha(opacity=10);}
#webs .desc                     {width: 90%; position: absolute; left: 0; top: 0; display: none; padding: 0 20px;}
#webs .desc H2                  {margin-top: 15px;}
#webs .desc LI                  {background: url(../img/li.gif) 10px 7px no-repeat; line-height: 1.2em; padding: 2px 0 2px 32px;}
#webs IMG                       {width: 100%; height: auto; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}

#themes IMG                     {width: 31%; height: auto; border: 1px #ccc dashed; margin: 0 0.9% 20px 0.9%; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
#themes IMG:hover               {opacity: 0.4; filter: alpha(opacity=40);}
#logos IMG                      {width: 22.6%; height: auto; border: 1px #ccc dashed; margin: 0 0.9% 20px 0.9%;}
#prints IMG                     {width: 100%; height: auto; margin: 0 0 20px 0;}

/* Other useful */
.transferProduct                {border: 1px #777 solid;}       /* effect transfer to cart */
.date                           {font-weight: bold; float: right;}
.prices STRONG			{float: right;}
.my_account LI                  {background: transparent !important; padding: 3px 10px !important;}
.align_center                   {text-align: center;}
.align_right                    {text-align: right;}
.middle                         {vertical-align: middle;}
.align_justify                  {text-align: justify;}
.uppercase                      {text-transform: uppercase;}
.hidden, .collapsed,
.block_hidden_only_for_screen   {display: none;}
.wrap                           {white-space: normal;}
.nowrap                         {white-space: nowrap;}
.bold                           {font-weight: bold;}
.strike                         {text-decoration: line-through;}
.italic                         {font-style: italic;}
.top                            {vertical-align: top;}
.span_link                      {cursor: pointer;}
.span_link:hover                {text-decoration: underline;}
.clear                          {clear: both;}
br.clear                        {clear: both; line-height: 0; font-size: 0; height: 0;}
.cleaner 			{clear: both; margin: 0;}

/* Responsive */
@media screen and (max-width: 1500px) {
        #informations                   {left: 5%;}
        #informations A                 {padding: 9px 26px;}

        .box2 #more_info_tabs A         {width: 155px;}

        #webs .desc                     {font-size: 90%;}
        #webs .desc H3                  {margin: 0;}
}

@media screen and (max-width: 1400px) {
        #center_column, #footer         {width: 85%;}

        #informations                   {left: 3%;}
        #informations A                 {padding: 9px 24px;}

        #order_step A,
        #order_step .step_current,
        #order_step .step_todo          {margin-right: 85px;}

        .box2 #more_info_tabs A         {width: 154px;}
}

@media screen and (max-width: 1300px) {
        #center_column, #footer         {width: 90%;}

        #informations                   {left: 2%;}
        #informations A                 {font-size: 95%; padding: 10px 23px;}

        #subcategories A                {font-size: 90%;}

        #order_step A,
        #order_step .step_current,
        #order_step .step_todo          {margin-right: 80px;}

        .box2 #more_info_tabs A         {width: 150px;}

        #webs .desc H2                  {margin: 15px 0 10px 0;}
}

@media screen and (max-width: 1200px) {
        #center_column, #footer         {width: 92%;}
        #slogan                         {width: auto; text-align: right; right: 1.5%; top: 30px;}

        #informations                   {left: 0;}
        #informations A                 {font-size: 90%; padding: 11px 23px 10px 22px;}

        #search_header                  {top: 75px;}

        #order_step A,
        #order_step .step_current,
        #order_step .step_todo          {margin-right: 70px;}

        .box2 #more_info_tabs A         {width: 138px;}

        #webs .desc H2                  {font-size: 110%; margin: 15px 0 10px 0;}
        #webs .desc H3                  {display: none;}
        #webs .desc LI                  {background: url(../img/li.gif) 10px 8px no-repeat; line-height: 1.2em; padding: 3px 0 3px 32px;}
}

@media screen and (max-width: 1100px) {
        #center_column, #footer         {width: 95%;}

        #informations A                 {font-size: 85%; padding: 11px 18px 10px 18px;}

        #subcategories LI               {width: 48%; margin: 0 3.5% 20px 0 !important;}
        #subcategories A                {font-size: 100%; background: url(../img/li.gif) 15px 15px no-repeat #f5f5f5;}
        #subcategories .third           {margin-right: 3.5% !important;}
        #subcategories .second          {margin-right: 0 !important;}

        #order_step A,
        #order_step .step_current,
        #order_step .step_todo          {margin-right: 60px;}

        .box2 #more_info_tabs A         {width: 131px;}

        #webs .desc H3                  {display: none;}
        #webs .desc LI                  {background: url(../img/li.gif) 10px 6px no-repeat; line-height: 1.1em; padding: 2px 0 2px 32px;}

        #product #image-block           {width: 45%;}
        #product #large                 {width: 100%; height: 100%; text-align: center;}
        #product #image-block IMG       {max-width: 100%; margin: 0 auto;}
        #product_info                   {margin-left: 47%;}
}

@media screen and (max-width: 1018px) {
        H1                              {margin-bottom: 50px;}
        #informations A                 {font-size: 80%; padding: 11px 12px 11px 11px;}

        #order_step A,
        #order_step .step_current,
        #order_step .step_todo          {margin-right: 33px;}

        /*.breadcrumb                     {width: auto; height: auto; position: static; text-align: left;}*/
        .breadcrumb                     {width: auto; height: auto; left: 0; top: 50px; text-align: left;}
        .box2 #more_info_tabs A         {width: 106px;}

        #webs .desc                     {font-size: 80%; padding: 0 15px;}
        #webs .desc H2                  {font-size: 110%; margin: 10px 0;}
        #webs .desc LI                  {background: transparent; line-height: 1.0em; padding: 2px 0;}
        #themes IMG,
        #logos IMG                      {width: 30.5%; margin: 0 1% 20px 1%;}

        .statistics 			{font-size: 90%;}
        .statistics STRONG 	        {font-size: 220%;}

        #footer                         {font-size: 85%;}
}

@media screen and (max-width: 850px) {
        #logo                           {left: 5px;}
        #slogan                         {font-size: 90%;}
        #informations A                 {font-size: 80%; font-weight: normal; padding: 11px 10px 11px 9px;}

        #search_header #search_query    {width: 200px; font-size: 95%;}

        #subcategories LI               {width: 100%; display: block; margin: 0 0 10px 0 !important;}

        #order_step A,
        #order_step .step_current,
        #order_step .step_todo          {margin-right: 14px;}

        .box1, .box2 			{width: 100%; margin: 0; float: left;}
        .box2 #more_info_tabs A         {width: 215px;}
        .statistics 			{width: 29%; font-size: 90%; margin: 0 2% 20px 2% !important;}
        .statistics STRONG 	        {font-size: 220%;}

        #footer                         {font-size: 90%; height: auto !important; background: #fff; padding-bottom: 20px;}
        #footer #copy,
        #footer #author                 {float: none;}
}

@media screen and (max-width: 768px) {
        H1                              {margin-bottom: 15px; line-height: 1em;}
        TABLE                           {font-size: 85%;}

        #header                         {height: 147px; background: url(../img/bg.gif) repeat-x #eb1a1a; position: static;}
        #links                          {display: block; position: absolute; right: 20px; top: 60px; z-index: 10;}
        #links A                        {color: #fff; font-size: 70%; text-decoration: none;}
        #container                      {margin-top: 20px;}

        #informations                   {width: 96%; position: absolute; left: 2%; top: 188px; z-index: 10; display: none;}
        #informations UL                {width: 100%; height: auto; position: static;}
        #informations LI                {height: auto; float: none;}
        #informations A,
        #informations A:visited		{font-weight: bold; font-size: 90%; height: auto; padding: 11px 20px; background: #000; border-top: 1px #fff solid; text-decoration: none;}
        #informations A:hover,
        #informations .selected A       {color: #fff; background: #549f54;}
        #informations UL UL  			                {width: auto; height: auto; background: #ddd; position: static; margin: 0; padding: 10px 0 5px 0;}
        #informations UL UL UL  		                {display: none;}
        #informations UL UL LI 		                        {width: auto; height: auto; text-align: left; margin: 0 !important;}
        #informations UL UL A,
        #informations UL UL A:visited                           {color: #000 !important; background: transparent !important; border: 0; text-decoration: underline; margin: 0; padding: 0 20px 5px 20px;}
        #informations UL UL A:hover,
        #informations UL UL .selected,
        #informations UL UL .selected A                         {font-weight: bold !important; background: transparent !important;}
        #informations UL UL,
        #informations UL LI:hover UL UL,
        #informations UL LI:hover LI:hover UL UL,
        #informations UL LI:hover LI:hover LI:hover UL UL       {display: block;}

        #search_header                  {position: absolute; left: 0; top: 148px; display: none;}
        #search_header #search_query    {width: 93%; font-size: 100%; background: #333; border: 1px #000 solid;}
        #search_header .submit          {right: 1%;}

        #product H1                     {margin-bottom: 15px;}
        #product #image-block           {width: auto; height: auto; float: none;}
        #product_info                   {clear: both; margin-left: 0;}
        #idTab8 TEXTAREA                {width: 95%;}

        #webs .box,
        #themes IMG,
        #logos IMG                      {width: 44%; margin: 0 2.3% 30px 2.3%;}

        #attributes TABLE               {font-size: 100%;}

        .box2 #more_info_tabs A         {width: 168px;}
        .ajax_add_to_cart_button        {width: auto; padding: 6px 10px;}
        .new, .discount, .on_sale       {width: 45px; display: block;}

        #ordermsg TEXTAREA,
        #sendOrderMessage TEXTAREA      {width: 96%;}

        .breadcrumb,
        #slogan,
        #order_step        	        {display: none;}
}

@media screen and (max-width: 610px) {
        #logo				{width: 335px; height: 147px;}
        #logo SPAN			{width: 335px; height: 147px; background: url(../img/logo2.gif) no-repeat;}

        #search_header #search_query    {width: 90%;}
        #search_header .submit          {right: 3%;}

        #webs .desc                     {font-size: 70%; padding: 0 10px;}
        #webs .desc H2                  {font-size: 100%; margin: 5px 0;}
        #webs .desc LI                  {line-height: 1.0em; padding: 1px 0;}

        .common TH, .common TD          {padding: 5px 10px;}

        .box2 #more_info_tabs A         {width: 116px;}
        .ajax_add_to_cart_button        {padding: 5px;}
}

@media screen and (max-width: 450px) and (orientation: portrait) {
        TABLE                           {font-size: 75%;}

        #logo				{width: 255px; height: 147px; left: 0; font-size: 70%;}
        #logo SPAN			{width: 255px; height: 147px; background: url(../img/logo3.gif) no-repeat;}
        #links                          {right: 10px;}
        #container                      {font-size: 90%;}

        #webs .desc                     {font-size: 90%;}
        #webs .desc H2                  {font-size: 110%; margin: 15px 0 10px 0;}
        #webs .desc LI                  {background: url(../img/li.gif) 10px 8px no-repeat; line-height: 1.2em; padding: 4px 0 4px 32px;}
        #webs .box                      {width: 100%; margin: 0 0 20px 0;}
        #themes IMG,
        #logos IMG                      {width: 100%; margin: 0 0 10px 0;}

        #more_info_tabs                 {height: auto; border: 0;}
        #more_info_tabs LI              {float: none;}
        #more_info_tabs A,
        #more_info_tabs A:hover,
        #more_info_tabs .selected       {width: 100%; margin-bottom: 1px;}

        .common TH, .common TD          {padding: 5px;}
        .date                           {font-weight: normal; display: block; float: none;}
        .box2 #more_info_tabs A         {width: 100%;}
        .statistics 			{width: 29%; font-size: 80%; margin: 0 2% 10px 2% !important;}
        .statistics STRONG 	        {font-size: 200%;}

        #ordermsg TEXTAREA,
        #sendOrderMessage TEXTAREA      {width: 93%;}

        #footer                         {font-size: 90%;}
}