@charset "utf-8";
/* CSS Document */
/* WebAppSkins.com */

/* main */
body, html { margin:0; padding:0; background-color:#335C90;}
.clr { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden;}
.container { margin:0; padding:0; width:100%; font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#3c3c3c;}
fieldset { clear:both; margin:10px 0; padding:10px; }
p { margin:0 0 16px 0; padding:0;}
a { color:#3c3c3c; text-decoration:underline;}
br {clear:both;}
img{border:none;}
h2 { margin:0; padding:0; font:normal 30px/1.5em Arial, Helvetica, sans-serif;}
p.light { color:#999;}
p.nobottom { margin-bottom:0;}
p.bot8px { margin-bottom:8px;}
p.p_center { text-align:center;}
p.p_right { text-align:right;}
p.bigprice { margin:0 0 4px 0; font:normal 30px/1.2em Arial, Helvetica, sans-serif;}
p.timeclock { margin:0 0 4px 0; font:normal 30px/1.2em Arial, Helvetica, sans-serif; text-align:center;}
p.timeclock img { margin:-3px 4px -3px 0; border:none;}
.linehr { margin-bottom:16px; background:#d7d7d7 url(images/linehr.gif) repeat-x top; height:2px; line-height:0px; font-size:0px;}

/* header */
.header { color:#a4c5ee; background:#335c91 url(images/header_bg_right.jpg) no-repeat top right; min-width:1220px;}
.header img.logo { float:left; border:none;}
.header .right { padding-right:36px; float:right; width:500px; }
.header .right a { color:#fff;}
.header .right p { margin-top:17px; padding:8px 16px; float:right;}
.header .right .dark { background-color:#295287;}
.header .right .light { background-color:#355e93; border:1px solid #43699a;}
.header .right ul { margin:16px 0 0 0; padding:8px 4px; float:right; list-style:none;}
.header .right ul li { padding:0 12px; float:left; border-left:1px solid #a4c5ee;}
.header .right ul li.first { border-left:none;}
.header .right img { margin:0 12px 0 0; border:none;}
.header .right img.logout { margin-top:-4px; margin-bottom:-4px;}
.header .menu { padding-right:36px; margin:0; background:url(images/menu_bg.gif) repeat-x top;}
.header .menu .rightblock { margin:0; padding:0; float:right; width:auto; background:url(images/menu_balloon.gif) repeat-x top;}
.header .menu .rightblock div { background:url(images/menu_balloon_left.gif) no-repeat top left;}
.header .menu .rightblock div div { padding:18px 6px 18px 6px; background:url(images/menu_balloon_right.gif) no-repeat top right; text-align:right;}
.header .menu .rightblock a { margin:0 2px; padding:5px 0; font-weight:bold; color:#335c91; text-decoration:none; background:url(images/button_white.gif) repeat-x top;}
.header .menu .rightblock a img { margin:-4px 4px -4px 0; padding:0; border:none;}
.header .menu .rightblock a span { padding:5px 0 5px 12px; background:url(images/button_white_left.gif) no-repeat top left;}
.header .menu .rightblock a span span { padding:5px 12px 5px 0; background:url(images/button_white_right.gif) no-repeat top right;}
.header .menu ul { margin:0 0 0 24px; padding:0; float:left; list-style:none;}
.header .menu ul li { margin:0; padding:0 0 0 2px; float:left; background:url(images/menu_split.gif) no-repeat right top;}
.header .menu ul li a { display:block; padding:0 12px; color:#fff; text-decoration:none;}
.header .menu ul li a img { margin:0 0 0 8px; border:none;}
.header .menu ul li a span { display:block;}
.header .menu ul li a span span { padding:0 0 0 16px;}
.header .menu ul li a span span span { padding:19px 16px 19px 0;}
.header .menu ul li a:hover span { background:url(images/menu_balloon.gif) repeat-x top; }
.header .menu ul li a:hover span span { background:url(images/menu_balloon_left.gif) no-repeat top left;}
.header .menu ul li a:hover span span span { background:url(images/menu_balloon_right.gif) no-repeat top right;}
.header .menu ul ul, .header .menu ul ul ul { margin:0; padding:0; list-style:none;}
.header .menu ul ul, .header .menu ul li:hover ul ul { display:none; position:absolute;}
.header .menu ul ul { margin:0 0 0 -4px; padding:0; width:200px; background-color:#2f5586;}
.header .menu ul ul ul { left:178px; margin:-30px 0 0 0; z-index:2;}
.header .menu ul li:hover ul, .header .menu ul li:hover li:hover ul { display:block;}
.header .menu ul ul li  { margin:1px 0 0 0; padding:0; float:none; background-color:#335c91; background-image:none; border-top:1px solid #416798; border-left:1px solid #416798; border-right:1px solid #305687; border-bottom:1px solid #305687;}
.header .menu ul ul li a { display:block; padding:8px 18px; color:#fff; background:url(images/li_square_white.gif) no-repeat 10px 16px;}
.header .menu ul ul li.active { background:#335c91 url(images/dropleft_arrow.gif) no-repeat 160px 13px; }

/* footer */
.footer { background:#335c91 url(images/footer_bg.jpg) repeat-x top; }
.footer .bgr { padding-right:24px; background:url(images/footer_bg_right.jpg) no-repeat top right;}
.footer img.logo { float:left; border:none;}
.footer div.f_right { float:right; width:400px}
.footer a { color:#b8ddf9;}
.footer a span { font-weight:bold; color:#fff;}
.footer ul { margin:0; padding:20px 0 0 0; float:right; list-style:none;}
.footer ul li { float:left; border-left:1px solid #b7d1f1;}
.footer ul li.first { border-left:none;}
.footer ul li a { padding:0 12px;}
.footer p { margin:0; padding:32px 0 0 0; color:#b7d1f1; text-align:right;}
.footer p img { margin:-6px 8px; border:none;}

/* content */
.content { background:#fff url(images/content_bg.gif) repeat-x top;}
.content_res { margin:0 auto; padding:32px 0; width:99%;}
.gadget { margin-bottom:12px;}
.leftblock { margin-right:10px; float:left; width:100%;}
.rightblock { width:249px; float:left;}
.gadget h3 { margin:8px 0 0 0; padding:8px 0; font:bold 12px/1.5em Arial, Helvetica, sans-serif;}
.gadget h3 img.calendar { margin:-6px 4px -6px 0; border:none;}
.gadget .titlebar { margin-bottom:2px; border:1px solid #cfcfcf;}
.gadget .titlebar h3 { margin:0; padding:8px 32px 7px 16px; font:bold 12px/1.5em Arial, Helvetica, sans-serif; background:#aaa url(images/dropdown_bg.gif) repeat-x top; border:1px solid #fff;}
.gadget .titlebar a { margin:1px 1px 0 0; float:right;}
.gadget .titlebar a img, .gadget .error a img { border:none;}
.gadget .titlebar a.hidegadget { background:#335c91 url(images/button_dropup_bl.gif) no-repeat center center;}
.gadget .titlebar a.closegadget { background:#335c91 url(images/button_close_bl.gif) no-repeat center center;}
.gadget .error_tit { margin-bottom:2px; padding:0;}
.gadget .error_tit h3 { margin:0 60px 0 0; padding:9px 0 10px 16px; font:bold 12px/1.5em Arial, Helvetica, sans-serif; color:#fff;}
.gadget .error_tit a.hideerr { margin:2px 2px 0 0; float:right;}
.gadget .error_tit a.closeerr { margin:2px 4px 0 0; float:right;}
.gadget .error_tit img { border:none;}
.gadget .error_msg { padding:16px; background-color:#fffbe0; border:1px solid #ff5e3b;}
.gadget .error_msg p { margin:0; padding:0; color:#3c3c3c;}
.gadget .error_msg a { font-weight:bold;}
.err_or .error_tit { background-color:#ff5e3b;}
.err_bl .error_tit { background-color:#335c91;}
.err_gr .error_tit { background-color:#9d9d9d;}
.err_or .error_tit a.hideerr { background:#df5132 url(images/button_dropup_or.gif) no-repeat center center;}
.err_bl .error_tit a.hideerr { background:#33507b url(images/button_dropup_bl.gif) no-repeat center center;}
.err_gr .error_tit a.hideerr { background:#7e7e7e url(images/button_dropup_gr.gif) no-repeat center center;}
.err_or .error_tit a.closeerr { background:#df5132 url(images/button_close_or.gif) no-repeat center center;}
.err_bl .error_tit a.closeerr { background:#33507b url(images/button_close_bl.gif) no-repeat center center;}
.err_gr .error_tit a.closeerr { background:#7e7e7e url(images/button_close_gr.gif) no-repeat center center;}
.err_or .error_msg a { color:#ff5e3b;}
.err_bl .error_msg a { color:#335c91;}
.err_gr .error_msg a { color:#3c3c3c;}
.gadget .gadgetblock { padding:12px 16px; background-color:#f4f4f4; border:1px solid #cfcfcf;}
.gadgets3par { margin-left:-4px; margin-right:-4px;}
.gadget3inline { margin-left:4px; margin-right:4px; float:left; width:247px;}
.gadget ul.grayarrow { margin:0; padding:0; list-style:none;}
.gadget ul.grayarrow li { background:url(images/li_arrow.gif) no-repeat 0px 10px;}
.gadget ul.grayarrow li a { display:block; margin:0; padding:6px 0 6px 16px; color:#335c91;}
.gadget ul.withlines li { border-top:1px solid #fff; border-bottom:1px solid #d7d7d7;}             /** "ul.withlines" use only with ul.grayarrow or other defined "ul" */
.gadget ul.withlines li.first { border-top:none;}
.gadget ul.withlines li.last { border-bottom:none;}
.gadget a.colourbutton { padding:6px 0 8px 10px; color:#fff; text-decoration:none;}
.gadget a.colourbutton span { padding:6px 10px 8px 0;}
.gadget a.colourbutton span span { padding:6px 12px 8px 6px;}   /* must have two alikes padding */
.gadget a.button_orange { background:url(images/button_orange_left.gif) no-repeat top left;}
.gadget a.button_orange span { background:url(images/button_orange_right.gif) no-repeat top right;}
.gadget a.button_orange span span { background:#ff5e3b url(images/button_orange.gif) repeat-x top;}
.gadget a.button_blue { background:url(images/button_blue_left.gif) no-repeat top left;}
.gadget a.button_blue span { background:url(images/button_blue_right.gif) no-repeat top right;}
.gadget a.button_blue span span { background:#ff5e3b url(images/button_blue.gif) repeat-x top;}
.gadget .shadowpar { margin:0 0 -12px 0; padding-left:6px;}
.gadget .pixshadow { margin:4px 5px 12px 5px; padding:4px; float:left; background-color:#ececec;}
.gadget .pixshadow img { margin-top:-8px; margin-left:-8px; padding:2px; background-color:#fff; border:1px solid #d7d7d7;}
.gadget table.gwlines { margin:0; padding:0;}
.gadget table.gwlines th { padding:5px 3px; font-weight:bold; text-align:left; background-color:#fff; border-bottom:1px solid #d7d7d7;}
.gadget table.gwlines td { padding:5px 3px; text-align:left; border-top:1px solid #fff; border-bottom:1px solid #d7d7d7;}
.gadget table.gwlines tr.last td { border-bottom:none;}
.gadget table.arborder { margin-bottom:8px; border:1px solid #d7d7d7;}
.gadget table .lrborder { border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.gadget table th.calign { text-align:center;}
.gadget table td.ralign { text-align:right; padding-right:12px;}
.gadget img.tabpimpa { border:none;}
.gadget .blockshadow { margin:4px 0 8px 4px; padding:4px; background-color:#ececec;}
.gadget .blockshadow div.bs_content { margin-top:-8px; margin-left:-8px; padding:10px 12px; background-color:#fff; border:1px solid #d7d7d7;}
.gadget .blockshadow div.bs_content img.context { margin-right:8px; float:left; border:none;}
.gadget .blockshadow div.bs_content div.context { float:left; width:126px;}
.gadget .blockshadow div.bs_content div.context h4 { margin:0 0 6px 0; padding:0 0 6px 0; font: bold 16px/1.2em Arial, Helvetica, sans-serif; border-bottom:1px solid #d7d7d7;}
.gadget .iconblockpar { margin:0 0 -16px 0; padding:8px 6px 0 6px;}
.gadget .iconblockshade { margin:0 12px 12px 12px; float:left; width:118px;}
.gadget .blockshadow div.iconblock { padding:6px 24px 0px 24px;}
.gadget .blockshadow div.iconblock img { border:none;}
.gadget .blockshadow div.iconblock p { text-align:center;}
.gadget .blockshadow div.iconblock a { color:#999;}
.gadget .whiteblock { padding:12px 20px; background-color:#fff; border:1px solid #d7d7d7;}
.gadget .whiteblock img { border:none;}
.gadget .whiteblock img.cardpay { float:left;}
.gadget .whiteblock img.cardlogo { margin:-6px 0 -8px 0;}
.gadget .whiteblock .priceblock { padding:8px 20px; float:left;}
.gadget .whiteblock .cardsblock { padding:0 0 0 20px; float:right; border-left:1px solid #d7d7d7;}
.gadget .whiteblock .pimpabtn { margin:-2px 0;}
.gadget .whiteblock .specpad { padding-top:12px;}
.gadget .clocktime { width:110px; float:left;}
.gadget .clockdate { padding-left:4px; float:left;}
.gadget .vertsortable_head { cursor:move;}
.gadget .horizsortable_head { cursor:move;}

/* contact */
form { margin:0; padding:0; }
form ol { margin:0; padding:0; list-style:none;}
form ol li { display:block; margin:0; padding:0 0 8px 0;}
form label, form input.text, form textarea, form select { font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#3c3c3c;}
form label { display:block; margin:0; padding:0;}
form input.text, form textarea, form select { margin:4px 0; padding:4px; background:#fff; border:1px solid #999;}
form input.text { height:15px;}
form textarea { /*height:82px;*/ }
form select { padding:2px; height:25px;}
form a.pnbtn { padding:4px 8px; text-decoration:none; background-color:#fff; border:1px solid #d7d7d7;}
.form_quickcontact input.text { width:140px;}
.form_quickcontact textarea { width:204px;}
.form_login { margin-bottom:8px;}
.form_login input.text { width:140px;}
form input.text { width:140px;}
.form_example textarea { width:450px;}
.form_example input.mini { width:64px; text-align:center;}
.form_example input.small { width:120px;}
.form_example input.medium { width:180px;}
.form_example input.large { width:450px;}
.form_example input.date { width:16px;}
.form_example input.year { width:32px;}
.form_example select { width:450px;}
.form_example select.cntresults { float:right; width:100px;}
.form_example label.small { float:left; width:132px;}
.form_example label.date { float:left; width:35px;}
.form_example label.year { float:left; width:50px;}

/* DATEPICKER */
/* ========================================================== begin ====================================================================== */
/* Interaction states */
/*.ui-state-default, .ui-widget-content .ui-state-default { border:1px solid #f3f3f3; text-align:center;} */   /* days (border must have) */
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border:1px dotted #d7d7d7;} */   /* hovered day */
/*.ui-state-active, .ui-widget-content .ui-state-active { border:1px solid #d7d7d7;} */   /* selected day */
/*.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { }*/

/* Interaction Cues */
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight {border:1px solid #d7d7d7; background:#fff; text-align:center;} */    /* today */

/* Datepicker */
/*.ui-datepicker { margin-top:8px; margin-bottom:16px;}  
.ui-datepicker .ui-datepicker-header { position:relative; padding:4px 0; border:1px solid #d7d7d7; background:#fff;}         
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; padding-top:3px; top:2px; width:36px; height:23px; text-decoration:none;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border:none;}
.ui-datepicker .ui-datepicker-prev { left:8px; background:url(images/arrow_prev.gif) no-repeat 2px 8px; text-align:right;}
.ui-datepicker .ui-datepicker-next { left:56px; background:url(images/arrow_next.gif) no-repeat 28px 8px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block;}
.ui-datepicker .ui-datepicker-title { margin:0; padding-right:12px; line-height:1.8em; text-align:right;}
.ui-datepicker table { width:100%; border-collapse:collapse;}
.ui-datepicker th { padding:6px 4px; text-align:center; font-weight:bold; background:url(images/linehr.gif) repeat-x bottom;}
.ui-datepicker td { padding:0;}
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:4px; text-decoration:none; }*/
/* ========================================================== end ====================================================================== */

/* dialogs */
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}
#dialogboxes .window { position:absolute; display:none; padding:2px; left:0; top:0; width:382px; z-index:9999; background-color:#335c91;}
#dialogboxes .window .gadget { margin-bottom:0px;}
#dialogboxes .window .gadget .gadget { margin-bottom:12px;}

/* site content */
#contentSelectDelete{ clear: both; padding: 10px; margin: 5px 0 0 0; width:100%; }
        #contentSelectDelete input { border: 0px; margin: 3px; float: left; }
        #contentSelectDelete br {clear: both;}
        #contentSelectDelete label { margin: 3px 0 0 3px; float: left; }
        
#contentAddEdit{ /*padding: 10px; margin: 5px auto 5px 0; float: left; width:98%;*/ }
        #contentAddEdit label { margin: 3px 0 0 3px; float: left; }
        #contentAddEdit input { margin: 3px 3px 0 0; float: right; width: 12em;}
        #contentAddEdit br { clear: both; margin: 0 0 3px 0;}
        #contentAddEdit textarea { margin: 10px 0 0 0; float:right; width: 98%; height: 500px; }
        #contentAddEdit select {margin: 3px 3px 0 0; float: right; width: 15em;}
        
#contentSubSelectDelete{ clear: both; padding: 10px; margin: 5px auto 5px 0; width:100%; }
        #contentSubSelectDelete input { border: 0px; margin: 3px; float: left; }
        #contentSubSelectDelete br { clear: both;}
        #contentSubSelectDelete label { margin: 3px 0 0 3px; float: left; }

#contentCurrent { padding: 10px; margin: 5px auto 5px 0; float: left; width:100%; }
        #contentCurrent form { float: left; margin-right:3px; }
        #contentCurrent label { float: left; margin-left: 10px; }
        #contentCurrent br { clear: both; }
        #contentCurrent span.indent { width: 20px; float: left; }
        #contentCurrent img { float: left; }
        
#addEditForm{}
        #addEditForm label { margin: 3px 0 0 3px; float: left; }
        #addEditForm input{	margin: 3px 3px 0 0; float: right;width: 18em;}
        #addEditForm br { clear: both; margin: 0 0 3px 0; }
        #addEditForm select { margin: 3px 3px 0 0; float: right;width: 20em; }	
        #addEditForm textarea {float:right; margin:3px 0; width:98%;}
        
#selectDelete{}
        #selectDelete input { border: 0px; margin: 3px; float: left; }
        #selectDelete label { margin: 3px 0 0 10px; float: left; }
        #selectDelete br { clear: both; }
        
.addEditSmallForm{}
        .addEditSmallForm label { margin: 3px 0 0 3px; float: left; }
        .addEditSmallForm input{	margin: 3px 3px 0 0; float: right; width: 12em;}
        .addEditSmallForm br { clear: both; margin: 0 0 3px 0; }
        .addEditSmallForm select { margin: 3px 3px 0 0; float: right; width: 12em; }	
        .addEditSmallForm textarea {float:right; margin:3px 0; width:13em;}
        
.selectDeleteSmall{}
        .selectDeleteSmall input { border: 0px; margin: 3px; float: left; }
        .selectDeleteSmall label { margin: 3px 0 0 10px; float: left; }
        .selectDeleteSmall br { clear: both; }
        
.taptitle{ padding:5px 4px; width:98%; background: #E5EFFD; /*#E5EFFD*/ margin: 3px 0 0 0; }
.listImg{float: left; width: 105px; height: 90px; margin: 5px;}

.browseImg{float:right;}

#newsletterDetails{padding:10px;}
        #newsletterDetails label{margin-right:5px;}
        #newsletterDetails input{margin:5px 5px 5px 0;}
        #newsletterDetails select{margin:5px 5px 5px 0;}
        
        #createNewsletterMail{margin:10px; padding:10px;border:solid 1px #666;  background:#FFF;}
        #createNewsletterMail label{margin:5px 3px 5px 0; width:20%; float:left;}
        #createNewsletterMail input{width:75%; margin:3px 0;}
        #createNewsletterMail textarea{width:75%; margin:3px 0; height:140px;}
        #createNewsletterMail select{margin:3px 0;}

#adminSearch{ margin-bottom:10px; }
    #adminSearch label{ float:left; margin:3px 2px; }
    #adminSearch input{ float:left; margin:0 2px; width:6em; }
    #adminSearch select{ float:left; margin:0 2px; width:9.5em; padding: 0px; }
    
#orders { padding: .8em 1em .8em 1em; margin:10px 0;  }
        #orderSearch { margin:20px auto; }
        #orderSearch label { float:left; margin:3px 10px 0 0; }
        
            #orderListFilter{width:38%; padding:10px; margin-left:20px; float:right; border:solid 1px #666;}
        #orderList{clear:both; margin:15px 0;}
        
div.admineditdesign{ width:50%; float:left; }
    div.admineditdesign br { clear:both; }
    div.admineditdesign textarea { width:95%; height:150px;  }



#subTable {
width:90%;
border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;
margin:1em auto;
border-collapse:collapse;
}
#subTable th{
        background: #fff;
}
#subTable td {
color:#678197;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:.3em 1em;
text-align:center;
max-width:200px; word-wrap:break-word;
}

#subTable tr.odd td,
#subTable tr.odd .column1 {
background:#f4f9fe ;
}
#subTable .column1 {
background:#f9fcfe;
}