/*--- LAYOUT ---*/

.preference { width: 992px; margin: 30px auto; font-family: Arial,sans-serif; background: #ebf5e4; }

/* Newsletter settings  */

.pref-title { width: 992px; height: 40px; background: url(/Content/images/preference-title.jpg) left top no-repeat; position: relative; }
.pref-title h2 { color: #bef202; font-size: 26px; position: absolute; left: 10px; top: 5px; 
font-family: Arial, sans-serif;
font-size: 26px;
font-style: normal;
font-variant: normal;
font-weight: normal; }
.pref-title .message { font-size: 14px; color: #FFF; position: absolute; top: 13px; right: 212px; }
.pref-title .open { font-size: 18px; color: #bef202; right: 53px; position: absolute; top: 10px; }

/* Form */

.pref-open {  }
.pref-open form {  }
.pref-open form .section { overflow: hidden; border-bottom: 1px dotted #CCC; padding: 15px 0;  padding-bottom: 25px;}
.pref-open form .section h3 { font-size: 17px; font-weight: bold; color: #1b676b; padding-bottom: 10px; }
.pref-open form .section table {  }
.pref-open form .section table td { vertical-align: middle; }
.pref-open form .section table td label { font-size: 14px; color: #383a35; padding-left: 30px; }

.pref-open form .section .filter-category { width: 730px; float: left; }
.pref-open form .section .filter-category table { border-right: 1px solid #CCC; }

.pref-open form .section .filter-cost { width: 250px; float: right; }

.pref-open form .section .filter-category table tr td,
.pref-open form .section .filter-cost table tr td { padding: 5px; }

/* Save Preference button */

.save { text-align: center; margin-top: 25px; }
.save button { width: 188px; height: 33px; background: url(/Content/images/save.jpg) left top no-repeat; border: 0; font-size: 15px; color: #FFF; font-weight: bold; text-transform: uppercase; cursor: pointer; }

/*--- LAYOUT ---*/
/* NOTE: .home-categoty { margin: 30px auto; } is only for the demo */

.home-category { width: 738px; margin: 30px auto; }
.home-filter-category { border-right: 1px dotted #CCC; }
.navigation { width: 738px; height: 49px; background: url(/Content/images/navigation-bg.png) left top no-repeat; }
.filters { width: 738px; height: 40px; border-top: 1px solid #FFF; border-bottom: 1px dotted #CCC; background: #ebf5e4; }
.message { padding: 20px; }
.category-items {  }
.category-items .item-box { border-top: 1px dotted #CCC; padding: 20px 10px 10px 10px; }

/*--- CONTENT ---*/

/* TOP NAVIGATION */

.navigation {  }
.navigation ul { padding: 12px 0 0 20px; width: 100%; }
.navigation ul li { float: left; margin-right: 7px; position: relative; }
.navigation ul .separator { margin-right: 40px; }
.navigation ul li a { height: 26px; display: block; text-align: center; float: left; font: bold 13px Arial,sans-serif; border: 1px solid #144d50; border-radus: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: url(http://www.mydeals.gr/content/images/menu-bg.jpg) left top repeat-x; padding: 0 20px; line-height: 26px; color: #FFF; }
.navigation ul li a:hover,
.navigation ul li .current { background: url(/Content/images/menu-bg.jpg) left -26px repeat-x; color: #333; }
.navigation ul li label { font: 13px Arial,sans-serif; color: #FFF; padding-left: 25px; }
.navigation ul li ul { width: 260px; height: 200px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: none; position: absolute; top: 28px; left: 0; z-index: 9999; border: 1px solid #bfbfbf; background: #f2ffc5; padding: 0; } 
.navigation ul li ul li { border-top: 1px solid #CCC; float: left; margin-right: 0; width: 130px; }
.navigation ul li ul li:first-child { border-top: 0; } 
.navigation ul li ul li a { text-align: left; border: 0; float: none; background: none; padding: 0; color: #666; text-indent: 10px; }
.navigation ul li ul li a:hover { background: none; }


#nav-menu li.hover ul { display: block; }
#nav-menu > li:hover ul { display: block; } 

.checkbox { width: 18px; height: 18px; background: url(/Content/images/checkbox.jpg) no-repeat; display: block; }
.custom-checkbox, .custom-radio	{ position: relative; margin: 5px 10px 0 0; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input { position: absolute; left: 0; top: 0; z-index: 0; margin: 0;}

/* IE7 */
*:first-child+html .custom-checkbox input,
*:first-child+html .custom-radio input { left: -2px; top: -3px; }

.custom-checkbox label, 
.custom-radio label { display: block; position: relative; z-index: 1; cursor: pointer; }

/* states */
.custom-checkbox label { background: url(/Content/images/checkbox.jpg) no-repeat; }
.custom-radio label { background: url(/Content/images/radio.jpg) no-repeat; }

.custom-checkbox label { background-position: 0 0; height: 18px; } 
.custom-radio label	{ background-position: 0 0; height: 14px; }
.custom-checkbox label.checked { background-position: 0 -16px; }
.custom-radio label.checked	{ background-position: 0 -14px;  }

/* FILTERS */

.filters { overflow: hidden; }
.filters ul { overflow: hidden; padding: 5px 0 0 20px; width: 100%; }
.filters ul li { float: left;  }
.filters ul li a,
.filters ul li select,
.filters ul li label { float: left; display: block; }
.filters ul li .map { width: 132px; height: 28px; background: url(/Content/images/map.jpg) left top no-repeat; font: bold 11px Arial,sans-serif; line-height: 34px; color: #1b676b; text-align: center; text-indent: 10px; margin-right: 11px;  }
.filters ul li .search { border: 0; width: 296px; height: 26px; background: url(/Content/images/search.jpg) left top no-repeat; font: 12px Arial,sans-serif; color: #383a35; line-height: 22px; text-indent: 10px; position: relative; top: 6px; margin-right: 30px; }
.filters ul li label,
.filters ul li select { float: left; margin-right: 10px; }
.filters ul li label { font: 12px Arial,sans-serif; color: #383a35; position: relative; top: 4px; }
.filters ul li div { position: relative; overflow: hidden; position: relative; top: 5px; }
.filters ul li span.select { position: absolute; bottom: 0; color: #707070; font: 12px Arial,sans-serif; right: 10px; width: 128px; height: 22px; line-height: 22px; text-indent: 10px; background: url(/Content/images/select.jpg) left top no-repeat; cursor: pointer; z-index: 1; float: left; color: #383a35; }
.filters ul li select.select { position: relative; z-index: 10; width: 128px !important; height: 22px !important; line-height: 22px; cursor: pointer; }
.filters ul li .grid,
.filters ul li .list,
.filters ul li .list_ac,
.filters ul li .grid_ac { height: 22px; line-height: 22px; display: block; text-align: center; text-indent: 10px; font-weight: bold; font-size: 11px; font-family: Arial,sans-serif; margin: 5px 5px 0 0; }
.filters ul li .grid { width: 72px; background: url(http://mydealsgr.s3.amazonaws.com/Content/images/grid2.jpg) left top no-repeat; color: #FFF; }
.filters ul li .list { width: 66px; background: url(/Content/images/list.jpg) left top no-repeat; color: #405b55; }

.filters ul li .grid_ac { width: 86px; background: url(/Content/images/grid.jpg) left top no-repeat; color: #FFF; }
.filters ul li .list_ac { width: 66px; background: url(http://mydealsgr.s3.amazonaws.com/Content/images/list2.jpg) left top no-repeat; color: #405b55; }

/* MESSAGE */

.message {  }
.message h2 { color: #1b676b; font: bold 16px Arial,sans-serif; padding-bottom: 10px; }
.message p { font: 14px Arial,sans-serif; color: #383a35; line-height: 21px; }

/* CATEGORY ITEMS */

.item-box { overflow: hidden; width: 100%; }
.item-box .item-image,
.item-box .item-info,
.item-box .dislay-offer { float: left; }
.item-box .item-image { width: 166px; margin-right: 20px; }
.item-box .item-info { width: 320px; margin-right: 20px; }
.item-box .dislay-offer { width: 191px; }

.item-box .item-image img { border: 1px solid #999; }
.item-box .item-image .category-name { width: 166px; height: 27px; background: url(/Content/images/category-name.jpg) left top no-repeat; color: #FFF; font: bold 13px Arial,sans-serif; text-align: center; line-height: 27px; display: block; margin-top: 10px; }
 
/* NOTE: *display: inline; zoom: 1; is IE7 hack for display: inline-block work please put in conditional comments */
.item-box .item-info .desc p { color: #383a35; font: 15px Arial,sans-serif; line-height: 21px; }
.item-box .item-info .desc p a { color: #1b676b; text-decoration: underline; font: bold 12px Arial,sans-serif; }
.item-box .item-info .provider { border: dotted #CCC; border-width: 1px 0; padding: 10px 0; overflow: hidden; margin-top: 10px; }
.item-box .item-info .provider p { float: right; font: 12px Arial,sans-serif; color: #333; } 
.item-box .item-info .provider p strong { color: #1b676b; }
.item-box .item-info .provider p:first-child { float: left; }
.item-box .item-info .tags { padding: 10px 0; border-bottom: 1px dotted #CCC; background: #ebf5e4; text-align: center; }
.item-box .item-info .tags a { font: 12px Arial,sans-serif; color: #669718; }
.item-box .item-info .tags a:hover { text-decoration: underline; }
.item-box .item-info .social { padding: 10px 0; overflow: hidden; }
.item-box .item-info .social .social-sites { float: left; }
.item-box .item-info .social .participation { float: right; }
.item-box .item-info .social .participation p { font: bold 12px Arial,sans-serif; color: #1b676b; padding-right: 5px; }
.item-box .item-info .social .participation p i { width: 47px; height: 21px; display: inline-block; background: url(/Content/images/participations.png) left top no-repeat; color: #FFF; text-align: center; line-height: 21px; *display: inline; zoom: 1; } 

.dislay-offer { width: 191px; height: 168px; background: url(/Content/images/category-info.png) left top no-repeat; }
.dislay-offer .price { height: 46px; text-align: center; font: bold 28px Arial,sans-serif; line-height: 46px; display: block; color: #FFF; }
.dislay-offer ul { height: 54px; text-align: center; }
.dislay-offer ul li { display: inline-block; *display: inline; zoom: 1; font: bold 11px Arial,sans-serif; padding: 15px 5px 0 5px; background: url(/Content/images/dislay-offer-separator.jpg) left bottom no-repeat; }
.dislay-offer ul li:first-child { background: none; }
.dislay-offer ul li span { display: block; font-size: 12px; }
.dislay-offer ul li .name { font-size: 12px; }
.dislay-offer .time { height: 24px; display: block; font: bold 11px Arial,sans-serif; color: #FFF; line-height: 24px; text-align: center; }
.dislay-offer .status { height: 44px; text-align: center; display: block; font: bold 14px Arial,sans-serif; text-transform: uppercase; line-height: 44px; color: #FFF; }

.popup { display:none; width: 321px; height: 223px; margin: auto; background: url(popup/popup-bg.png) left top no-repeat; text-align: center; position: fixed; font-family: Arial; top:0; left:0; }
.popup .close { width: 23px; height: 23px; background: url(popup/close.jpg) left top no-repeat; position: absolute; right: 20px; top: 20px; }

.popup .content { width: 230px; margin: 0 auto; position: relative; top: 35px; }
.popup form { position: relative; }
.popup form label { display: block; font-size: 14px; color: #383a35; padding-bottom: 10px; }
.popup form input,
.popup form div,
.popup form button { width: 207px; height: 28px; display: inline-block; font-size: 14px; color: #333; *display: block; zoom: 1; margin-bottom: 10px; }
.popup form input { background: url(popup/input-popup.jpg) left top no-repeat; }
.popup form div { position: relative; }
.popup form div span.select { position: absolute; bottom: 0; color: #707070; font: 12px Arial,sans-serif; right: 0; width: 207px; height: 28px; line-height: 28px; text-indent: 10px; background: url(popup/select-popup.jpg) left top no-repeat; cursor: pointer; z-index: 1; color: #383a35; text-align: left; }
.popup form div select.select { position: relative; z-index: 10; width: 207px !important; height: 28px !important; line-height: 28px; cursor: pointer; }
.popup form button { background: url(popup/sign-up-popup.jpg) left top no-repeat; border: 0; font-weight: bold; font-size: 15px; color: #FFF; text-align: center; line-height: 28px; text-transform: uppercase; cursor: pointer; }

.special-offer { font-family: Arial; width: 696px; margin: 0px auto; }
.special-offer .title-expire { font-size: 16px; color: #666; line-height: 21px; padding-bottom: 15px; display: block; } 
.special-offer .title-valid { font-size: 16px; color: #2c6264; line-height: 21px; padding-bottom: 15px; display: block; } 
.special-offer .msg { font-size: 13px; color: #666; line-height: 21px; clear: both; padding-top: 20px; }

.image-offer { width: 341px; float: left; }
.image-offer .relative { width: 341px; height: 266px; position: relative; }
.image-offer .relative img { border: 1px solid #999; }
.image-offer .relative .expire { width: 90px; height: 91px; background: url(/Content/images/expired-image.png) left top no-repeat; display: block; position: absolute; bottom: 0; right: -1px; }
.image-offer .category { width: 341px; height: 27px; background: url(/Content/images/singleoffer-category-title.jpg) left top no-repeat; font-size: 13px; font-weight: bold; color: #FFF; text-align: center ; line-height: 27px; margin-top: 15px; }

.about-offer { width: 335px; float: right; }
.about-offer .table-offer { width: 335px; height: 185px; background: url(/Content/images/expired.jpg) left top no-repeat; margin-bottom: 30px; }
.about-offer .table-offer ul { width: 100%; height: 79px; overflow: hidden; }
.about-offer .table-offer ul li { height: 79px; text-align: center; float: left; white-space: nowrap; }
.about-offer .table-offer ul .first { width: 112px; font-size: 28px; line-height: 79px;  color: #FFF; font-weight: bold; text-indent: 15px; }
.about-offer .table-offer ul .other { width: 74px; font-size: 13px; font-weight: bold; color: #333; background: url(/Content/images/expired-separator.jpg) left center no-repeat; }
.about-offer .table-offer ul .nobg { background: none; }
.about-offer .table-offer ul .other span { padding-top: 20px; display: block; }
.about-offer .table-offer ul .other b { display: block; font-size: 17px; padding-top: 10px; }

.about-offer .table-offer .expired-offer { width: 324px; height:31px; line-height: 31px; text-align: center; display: block; color: #FFF; font-size: 13px; font-weight: bold; position: relative; top: 14px; float: right; }

.about-offer .table-offer .buy { width: 335px; height: 46px; position: relative; top: 60px; }
.about-offer .table-offer .buy .participation { position: absolute; color: #1b676b; font-weight: bold; font-size: 12px; top: 35%; left: 10px; }
.about-offer .table-offer .buy .participation i { width: 34px; height: 21px; display: inline-block; *display: inline; zoom: 1; text-align: center; line-height: 21px; background: url(/Content/images/participation-i-bg.jpg) left top no-repeat; font-weight: bold; color: #FFF; font-size: 12px; }
.about-offer .table-offer .buy .buy-message { width: 178px; height: 46px; line-height: 46px; font-weight: bold; font-size: 20px; color: #FFF; right: 0; top: 0; position: absolute; text-align: center; }

.about-offer .valid { background: url(/Content/images/valid.png) left top no-repeat; }

.about-offer .provider { border: dotted #CCC; border-width: 1px 0; padding: 10px 0; overflow: hidden; margin-top: 10px;  }
.about-offer .provider p { font-size: 12px !important; color: #333 !important; float: right; }
.about-offer .provider p strong { color: #1b676b !important; font-size: 12px !important; display: inline !important; }
.about-offer .provider p:first-child { float: left; }
.about-offer .tags { padding: 10px 0; text-align: center; }
.about-offer .tags a { font: 12px Arial,sans-serif; color: #669718; }
.about-offer .tags a:hover { text-decoration: underline; }


.contentbar 
{
    padding: 0px;
    height: inherit;
}

.widget,
.widget-desc { width: 954px; margin: 25px auto; overflow: hidden; }

.widget-title { width: 954px; height: 38px; background: url(http://www.mydeals.gr/content/images/widget-title-bg.jpg) left top no-repeat; margin-bottom: 35px; }
.widget-title i { font: bold 15px Arial,sans-serif; color: #FFF; padding-left: 15px; line-height: 38px; }

.widget .tool { width: 472px; float: left; }
.widget .preview { width: 300px; float: right; }

.widget-desc .row1 {
width: 55%;
float: left;
}
.widget-desc .row2 {
width: 45%;
float: right;
}

.settings { width: 472px; height: 209px; background: url(http://www.mydeals.gr/content/images/settings-bg.jpg) left top no-repeat; }
.settings .inner { padding: 20px; }
.settings .inner table { width: 100%; }
.settings .inner table tr { height: 40px; overflow: hidden; }
.settings .inner table tr td { vertical-align: middle; }
.settings .inner table tr td label { font: 14px Arial,sans-serif; color: #383a35; padding-right: 15px; }
.settings .inner table tr td label small { font: 12px Arial,sans-serif; color: #70766a; }
.settings .inner table tr td div { position: relative; }
.settings .inner table tr td span.select { position: absolute; bottom: 0; color: #666; font: 12px Arial,sans-serif; left: 0; width: 238px; height: 28px; line-height: 28px; text-indent: 10px; background: url(http://www.mydeals.gr/content/images/selectcombo.png) left top no-repeat; cursor: pointer; z-index: 1; float: left; }
.settings .inner table tr td select.select { position: relative; z-index: 10; width: 238px !important; height: 28px !important; line-height: 28px; cursor: pointer; }
.settings .inner table tr td table tr td input { width: 113px; background: url(http://www.mydeals.gr/content/images/input-small.png) left top no-repeat; }
.settings .inner table tr td table tr td i { display: block; font: 11px Arial,sans-serif; color: #666; text-transform: lowercase; padding-top: 5px; }	

.settings .inner table tr td .colors { overflow: hidden; }
.settings .inner table tr td .colors li { float: left; margin-left: 6px; }
.settings .inner table tr td .colors li:first-child { margin-left: 0; }
.settings .inner table tr td .colors li a { width: 34px; height: 33px; display: block; float: left; position: relative; z-index: 1; text-indent: -9999px; overflow: hidden; }
.settings .inner table tr td .colors li .dark-green { background: url(http://www.mydeals.gr/content/images/colors.png) left top no-repeat; }
.settings .inner table tr td .colors li .green { background: url(http://www.mydeals.gr/content/images/colors.png) -40px top no-repeat; }
.settings .inner table tr td .colors li .purple { background: url(http://www.mydeals.gr/content/images/colors.png) -80px top no-repeat; }
.settings .inner table tr td .colors li .light-green { background: url(http://www.mydeals.gr/content/images/colors.png) -121px top no-repeat; }
.settings .inner table tr td .colors li .orange { background: url(http://www.mydeals.gr/content/images/colors.png) -162px top no-repeat; }
.settings .inner table tr td .colors li .blue { background: url(http://www.mydeals.gr/content/images/colors.png) -203px top no-repeat; }
.settings .inner table tr td .colors li .selected i { width: 34px; height: 33px; display: block; position: relative; z-index: 2; background: url(http://www.mydeals.gr/content/images/choose-color.png) left top no-repeat; }

.sign-up { margin-top: 35px; }
.sign-up h2 { font: bold 15px Arial,sans-serif; color: #1b676b; }
.sign-up .second { padding-top: 30px; }
.sign-up p { padding-top: 10px; overflow: hidden; font: 15px Arial,sans-serif; color: #383a35; line-height: 21px; }
.sign-up p span { float: left; }
.sign-up p input,
.sign-up p button { width: 208px; float: right; }	
.sign-up p input { background: url(http://www.mydeals.gr/content/images/input-big.jpg) left top no-repeat; }
.sign-up p button { height: 28px; background: url(http://www.mydeals.gr/content/images/button.jpg) left top no-repeat; font: bold 15px Arial,sans-serif; color: #FFF; border: 0; cursor: pointer; }	
	
.code { width: 472px; height: 250px; background: url(http://www.mydeals.gr/content/images/code-bg.jpg) left top no-repeat; margin-top: 30px; }
.code .inner { padding: 20px; }	
.code .inner pre { font: 12px Arial,sans-serif; color: #373737; white-space: pre-line; text-align: left; line-height: 21px; }	

.preview h3 { font: bold 15px Arial,sans-serif; color: #1b676b; padding-bottom: 20px; }
.preview .use-widget { color: #1d858b; text-decoration: underline; font: 11px Arial,sans-serif; }


.widget-box { overflow: hidden; }
.widget-box .title { width: 300px; height: 38px; position: relative; }
.widget-box .title .widget-box-title_gradient { width: 300px; height: 38px; background-image: url(http://www.mydeals.gr/content/images/widget-box-title_gradient.png); position: absolute; left: 0; top: 0; }
.widget-box .title .widget-box-title_gradient .widget-box-title_whites { width: 300px; height: 38px; background-image: url(http://www.mydeals.gr/content/images/widget-box-title_whites.png); position: absolute; left: 0; top: 0; }

.widget-box .title i { font: bold 15px Arial,sans-serif; color: #FFF; padding-left: 10px; line-height: 38px; }
.widget-box .content { border: solid #bbc9b8; border-width: 0 1px 1px 1px; overflow: hidden; }
.widget-box .content .item { border-top: 1px dotted #CCC; padding: 10px 0; margin: 10px 0; overflow: hidden; }
.widget-box .content .item:first-child { border-top: 0; margin-top: 0; } 
.widget-box .content .item img { float: left; margin-right: 8px; border: 1px solid #999; }
.widget-box .content .item p { font: bold 12px Arial,sans-serif; color: #1b676b; }
.widget-box .content .item span { font: 12px Arial,sans-serif; color: #383a35; line-height: 18px; }

.widget-box .content .item .price { width: 88px; height: 25px; position: relative; }
.widget-box .content .item .price .item_price_gradient { width: 88px; height: 25px; position: absolute; left: 0; top: 0; background-image: url(http://www.mydeals.gr/content/images/item_price_gradient.png); }
.widget-box .content .item .price .item_price_gradient .item_price_whites { width: 88px; height: 25px; position: absolute; left: 0; top: 0; background-image: url(http://www.mydeals.gr/content/images/item_price_whites.png); }
.widget-box .content .item .price ins { font: bold 17px Arial,sans-serif; color: #FFF; text-align: center; line-height: 25px; display: block; }

.widget-box .content .item .timer { width: 124px; height: 26px; text-align: center;  background: url(http://www.mydeals.gr/content/images/timer.jpg) left top no-repeat; font: bold 11px Arial,sans-serif; line-height: 26px; }
.widget-box .content .item .timer ins { position: relative; left: 7px; }
.widget-box .content .item .investments { width: 59px; height: 25px; font: bold 11px Arial, sans-serif; text-align: center; color: #383a35; }
.widget-box .content .item .investments ins { display: block; font: bold 12px Arial,sans-serif; color: #1b676b; }

.widget-box .content .item-info,
.widget-box .content .item-price { padding: 0 5px; }
.widget-box .content .item-price { padding-top: 5px; overflow: hidden; }
.widget-box .content .item-price i { float: left; display: block; margin-left: 7px; }
.widget-box .content .item-price i:first-child { margin-left: 0; } 

.mydeals { width: 298px; height: 31px; background: url(http://www.mydeals.gr/content/images/powered.jpg) left top no-repeat; }

.widget-desc {  }
.widget-desc strong { font: bold 15px Arial,sans-serif; color: #1b676b; padding-bottom: 15px; display: block; }
.widget-desc p { padding: 0 20px 20px 0; font: 15px Arial,sans-serif; line-height: 21px; }
.widget-desc .row1 { width: 55%; float: left; }
.widget-desc .row2 { width: 45%; float: right; }
.widget-desc .row2 ul li { font: 15px Arial,sans-serif; line-height: 21px; background: url(http://www.mydeals.gr/content/images/widget-bullet.jpg) left 5px no-repeat; padding-left: 25px; margin-bottom: 15px; }

iframe body { margin: 0; padding: 0; }

.widget-box .content .item-info � { text-decoration: none; }