/*
	Sitename: Deals2Save
	Description: It will be used to give the layout for the whole website. 
*/

/*---------------------------------------------------------------------------*/
/* Common HTML tags. General settings.                                       */
/*---------------------------------------------------------------------------*/
body 
{
	font-size: 75%;
	font-family: arial;
	/*background: #fff url("../images/framework/skin/background_page.png") repeat-y center top;*/
	margin-top: 0;
	margin-bottom : 0;
	/*background-image: url(http://www.myfun.com.au/images/framework/skins_v2/myfun/background_page.png);*/
}

h1
{
    font-family: arial,sans-serif;
    font-size: 1.5em; 
    font-weight:lighter;     
    /*color: #016E9F; */
    color: #0088CC;
    letter-spacing: -0.1px;
}

h2
{
    font-size: 13px;
    color: #576e2a;
}

h3
{
    font-size: 14px;
    color: #576e2a;
}

h4
{
    font-size: 14px;
    color: #016E9F;
}

hr
{
    color: #eeeeee;
}

a:link, span.MsoHyperlink {
    color : Blue;
    text-decoration : none;
}
    a:hover {
        color : Blue;
        text-decoration : underline;
    }
    a:visited {
        color : Blue;
		text-decoration : none;
    }    
    a img, a:hover img, a:visited img {
        color: #FFFFFF;
        border: none;
        text-decoration: none;
    }

img { behavior: url(/css/iepngfix.htc)}
input {
    behavior: url(/css/iepngfix.htc);
    border:1px solid #C2C2C2;
}

textarea {
    behavior: url(/css/iepngfix.htc);
    border:1px solid #C2C2C2;
}

input {
    behavior: url(/css/iepngfix.htc);
    border:1px solid #C2C2C2;
}

select {
    behavior: url(/css/iepngfix.htc);
    border:1px solid #C2C2C2;
}

/*---------------------------------------------------------------------------*/
/* Site layout.                                                              */
/*---------------------------------------------------------------------------*/
#siteBody
{
    background: #fff url("../images/framework/skin/background_page.png") repeat-y center top;    
}

    #siteBody #page
    {
	    width : 930px;
	    margin : 0 auto;
	    background-color: #FFFFFF;
    }

#subheader
{
    height: auto;
    /*height: 81px;*/
    /*background-color :;*/
    background : #FFFFFF url(../images/framework/skin/background_pageheader.jpg) repeat-x bottom;
}

	/*#subheader a.parklogo
	{
		background : url(/images/framework/skins/seaworld/pagelogos/logo_seaworld.png);
		width : 146px;
		height : 71px;
		left : 21px;
		top : 4px;
		cursor : pointer;
	}*/

	#subheader .navigation
	{
	}
		
		#subheader .navigation ul li
		{
			background : url(/images/framework/skins_v2/seaworld/divider_subnavigation.png) top right no-repeat;
		}
		
			#subheader .navigation ul li ul
			{
				background : #00306f url(/images/framework/skins_v2/seaworld/background_subnavdropdown.png) repeat-x;
				border : 1px solid #00a3ff;
			}
		
			#subheader .navigation ul li a
			{
				color : #00307b;
			}
			
			#subheader .navigation ul li a:hover, #subheader .navigation ul li.selected a
			{
				color : #1199da;
			}
			
			#subheader .navigation ul li.selected ul li a, #subheader .navigation ul li ul li a
			{
				background : url(/images/framework/skins_v2/seaworld/bullet_subnavigationarrow.png) 0 6px no-repeat;
				text-decoration : none;
				color : #fff;
			}
			
				#subheader .navigation ul li ul li a:hover, #subheader .navigation ul li.selected ul li a:hover
				{
					color : #fff;
					text-decoration : underline;
				}

    #subheader .deal-category
    {
        margin: 0 auto;
    }
    
        #subheader .deal-category table
        {
            border : none;
            width : 930px;
            padding : 0 1px 1px 1px;
        }
    
            #subheader .deal-category table td a
            {
                /*background : #cccccc;*/
                text-align : left;
                padding-left : 5px;
                color : #00307B;
            }
                #subheader .deal-category table td a:hover
                {
                    /* background : #e9e9e9; */
                    color : #1199DA;
                }
            
/*    #subheader .breadcrumbs
    {
    }

	    #subheader .breadcrumbs ul li
	    {
		    color : #fff;
	    }
    	
		    #subheader .breadcrumbs ul li.top a
		    {
			    color : #00306f;
		    }
    		
		    #subheader .breadcrumbs ul li a
		    {
			    color : #00306f;
			    background : url(/images/framework/skins_v2/seaworld/bullet_breadcrumb.png) 0 4px no-repeat;
		    } */

#subHeaderUser
{
    /*background : url(../images/framework/skin/background_pageheader.jpg);*/
}


#content
{
}

	#content .upper
	{
		height : 200px;
		background : url(/images/framework/skins_v2/myfun/background_upper.jpg);
		position : relative;
	}
	
		#content .upper #scroller
		{
			position : absolute;
			top : 18px;
			left : 9px;
			width : 606px;
			height : 172px;
		}
		
			#content .upper #scroller #scrollercontents
			{
				width : 606px;
				height : 143px;
				overflow : hidden;
				position : relative;
			}
			
				#content .upper #scroller #scrollercontents .container
				{
					position : relative;
					width : 1758px; /*DF*/
				}
				
					#content .upper #scroller #scrollercontents .container .block
					{
						margin-right : 10px;
						float : left;
						height : 170px;
						background : url(/images/framework/skins_v2/myfun/background_scrollershade.png);
						padding : 0 3px;
					}
					
						* html #content .upper #scroller #scrollercontents .container .block { background : none; }
						* html #content .upper #scroller #scrollercontents .container .block {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/framework/skins_v2/myfun/background_scrollershade.png', sizingMethod='scale');} 
					
					
					#content .upper #scroller #scrollercontents .container .last
					{
						margin-right : 0;
					}
					
						#content .upper #scroller #scrollercontents .container .block li
						{
							float : left;
							margin : 0 6px;
							width : 88px;
							height : 143px;
							display : inline;
						}
						
							#content .upper #scroller #scrollercontents .container .block li a
							{
								position : relative;
								cursor : hand;
							}
							
							#content .upper #scroller #scrollercontents .container .block li a img
							{
								width : 88px;
								height : 143px;
								cursor : hand;
							}
						
						#content .upper #scroller #scrollercontents .container p.title
						{
							position : absolute;
							color : #fff;
							font-size : 1.1em;
							font-weight : bold;
							top : 124px;
							left : 263px;
							white-space : nowrap;
						}
/*---------------------------------------------------------------------------*/
/* Member Registration Promo                                                 */
/*---------------------------------------------------------------------------*/
    #content .registration-box {
        position:relative;        
        width: 910px;
        /*height: 260px;*/
        margin: 10px 10px 10px 8px;
        border : solid 1px #C2C2C2;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
    }

        #content .registration-box .promo-detail {
            float:left;
            position:relative;
            width: 580px;
            border : none;
        }

        #content .registration-box .promo-image {
            float: right;
            position:relative;
            height: 260px;
            width: 310px;
            border : none;
        }
						
/*---------------------------------------------------------------------------*/
/* Paging                                                                    */
/*---------------------------------------------------------------------------*/						
    #content .paging {
        position: relative;
        width: 100%;
        padding: 2px 2px 2px 2px;
        border-top: 1px solid #C2C2C2;
        border-bottom: 1px solid #C2C2C2;
        margin : 2px 0 2px 0;
        background : #E9E9E9;
    }
        #content .paging .pagingLink {
            text-align : center;
            margin: 0 auto;    
        }
						
#viewProduct
{
    border-top : 1px solid #b5b5b7;
    /* height: 200px; */
    height: auto;
}

    #viewProduct .dealContent
    {
        width : 925px;        
    }
        
    #viewProduct .header
    {
        border-top : solid 2px black;
        border-bottom : dotted 1px #b5b5b7;
    }    
        
    #viewProduct table .thumbnail
    {
        width : 310px;
        height : 260px;
        vertical-align : middle;
        border-right : dotted 1px #b5b5b7;        
    } 

    #viewProduct table .dealDetail
    {
        width : 620px;
        vertical-align : top; 
    } 
        
        #viewProduct table .dealDetail .dealDetailRight
        {
            height: 100%;
        }

            #viewProduct table .dealDetail .dealDetailRight .dealDetailText
            {
                width : 620px;
                vertical-align : top;
                padding: 2px 2px 2px 2px; 
            } 

            #viewProduct table .dealDetail .dealDetailRight .dealDetailView 
            {
                position : relative;
                width : 620px;
                vertical-align : bottom;
                text-align: right;
                padding : 2px 2px 2px 2px;             
            } 
            
                #viewProduct table .dealDetail .dealDetailRight .dealDetailView a img,
                #viewProduct table .dealDetail .dealDetailRight .dealDetailView a:visited img, 
                #viewProduct table .dealDetail .dealDetailRight .dealDetailView a:hover img
                {
                    color: #FFFFFF;
                    border : none;
                    text-decoration : none;
                }

    #viewProduct table .headerText
    {
        font-size : large;        
        font-family : Arial;
        font-weight : normal;
        color : #000000;
        margin : 2px 2px 2px 2px;
    }

        #viewProduct table .headerText a 
        {
            font-size : large;
            font-family : Arial;
            font-weight : normal;
            color : #000000;
            margin : 2px 2px 2px 2px;
        }

    #viewProduct table .descriptionText
    {        
        font-family : Arial;
        font-size : small;
        margin : 2px 2px 2px 2px;
    }
    
    #viewProduct table .dealLinks
    {        
        font-family : Arial;
        font-size : small;
        margin : 2px 2px 2px 2px;
        border-top : dotted 1px #b5b5b7;
    }    
    
    #viewProduct .dealDetail
    {
        width : 675px;
        height : 100%;
        vertical-align: top;               
    }    

        #viewProduct .dealContent table
        {
            width : 930px;
            vertical-align: top;                    
        }    

        #viewProduct .dealContent .dealPrice
        {
            height : 20px;
            width : 245px;
            border-bottom : dotted 1px #b5b5b7;
            border-right : dotted 1px #b5b5b7;            
        }    

        #viewProduct .dealContent .listPrice
        {
            width : 210px;
            border-bottom : dotted 1px #b5b5b7;
            border-right : dotted 1px #b5b5b7;
        }    
        
        #viewProduct .dealContent .dealType
        {
            width : 230px;        
            border-bottom : dotted 1px #b5b5b7;
            border-right : dotted 1px #b5b5b7;                   
        }    
        
        #viewProduct .dealContent .expiryDate
        {        
            border-bottom : dotted 1px #b5b5b7;                   
        }    

#searchDeals table {
    margin: 0 auto;
}
    #searchDeals table input.textBox {
        width: 300px;
    }
        
#spacer
{
    height: 5px;
}

/*#createAd
{
    position :relative;
    margin : 0 0 0 160px;
    width : 600px;
    background-color: #f2f2f2;
}*/

#registerAccount
{
   margin : 0 0 0 160px;
   width : 600px;
   background-color: #f2f2f2;  
}

.AllTextArea
{
    width : 400px;
}       

.AllTextBox
{
    width: 150px;
}       

.AllTextBoxBigger
{
    width: 250px;
}       

.AllDropDown
{
    width : 154px;
}

.AllWarningText
{
    color: Red;
}

.AllBoldText {
    font-weight: bold;   
}

.center
{
    text-align : center;
}

table#account-creation-form
{
    margin : 0 auto;
    text-align : left;    
}

    table#account-creation-form td.first-column
    {
        width: 130px;
    }

table#deal-creation-form
{
    margin : auto;
    text-align : left;    
}

    table#deal-creation-form td.first-column
    {
        width: 130px;
    }

td.title
{
    padding-top: 10px;
    font-weight: bold;
    border-bottom: dotted 1px #555;
}

/*---------------------------------------------------------------------------*/
/* CSS class                                                                 */
/*---------------------------------------------------------------------------*/
.viewProduct {
    border-top : 1px solid #b5b5b7;
    /* height: 200px; */
    height: auto;
}

    .viewProduct .dealContent {
        width : 925px;        
    }
        
        .viewProduct .dealContent .header {
            border-top : solid 2px black;
            /*border-bottom : dotted 1px #b5b5b7;*/
        }   
            
            .viewProduct .dealContent .headerText {
                font-size : large;        
                font-family : Arial;
                font-weight : normal;
                color : #000000;
                margin : 2px 2px 2px 2px;
            }

                .viewProduct .dealContent .headerText a  {
                    font-size : large;
                    font-family : Arial;
                    font-weight : normal;
                    color : #000000;
                    margin : 2px 2px 2px 2px;
                }
                        
        .viewProduct .dealContent .dealInfo {
            width : 100%;
            border-top : dotted 1px #b5b5b7;
            border-bottom : dotted 1px #b5b5b7;        
        } 

            .viewProduct .dealContent .dealInfo td {
                border-right : dotted 1px #b5b5b7;        
            }
            
            .viewProduct .dealContent .dealInfo td.last {
                border-right : none;        
            }              
        
        .viewProduct .dealContent .thumbnail {
            width : 310px;
            height : 260px;
            vertical-align : middle;
            border-right : dotted 1px #b5b5b7;        
        } 

        .viewProduct .dealContent .dealDetail {
            width : 620px;
            vertical-align : top; 
        } 
            
            .viewProduct .dealContent .dealDetail .dealDetailRight {
                height: 100%;
            }

            .viewProduct .dealContent .dealDetail .dealDetailRight .dealDetailText {
                width : 620px;
                vertical-align : top;
                padding: 2px 2px 2px 2px; 
            } 

            .viewProduct .dealContent .dealDetail .dealDetailRight .dealDetailView {
                position : relative;
                width : 620px;
                vertical-align : bottom;
                text-align: right;
                padding : 2px 2px 2px 2px;             
            } 
            
                .viewProduct .dealContent .dealDetail .dealDetailRight .dealDetailView a img,
                .viewProduct .dealContent .dealDetail .dealDetailRight .dealDetailView a:visited img, 
                .viewProduct .dealContent .dealDetail .dealDetailRight .dealDetailView a:hover img
                {
                    color: #FFFFFF;
                    border : none;
                    text-decoration : none;
                }

        .viewProduct .dealContent .dealFooter {
            border-top : dotted 1px #b5b5b7;
            border-bottom : dotted 1px #b5b5b7;
        }

            .viewProduct .dealContent .dealFooter table td {
                border-right : dotted 1px #b5b5b7;
                padding:0 2px 0 2px;
            }

            .viewProduct .dealContent .dealFooter table td.last {
                border-right : none;            }

/*------------------ To remove later --------------------------------------*/


    /*.viewProduct table .descriptionText
    {        
        font-family : Arial;
        font-size : small;
        margin : 2px 2px 2px 2px;
    }
    
    .viewProduct table .dealLinks
    {        
        font-family : Arial;
        font-size : small;
        margin : 2px 2px 2px 2px;
        border-top : dotted 1px #b5b5b7;
    }    
    
    .viewProduct .dealDetail
    {
        width : 675px;
        height : 100%;
        vertical-align: top;               
    }    

        .viewProduct .dealContent table
        {
            width : 930px;
            vertical-align: top;                    
        }    

        .viewProduct .dealContent .dealPrice
        {
            height : 20px;
            width : 245px;
            border-bottom : dotted 1px #b5b5b7;
            border-right : dotted 1px #b5b5b7;            
        }    

        .viewProduct .dealContent .listPrice
        {
            width : 210px;
            border-bottom : dotted 1px #b5b5b7;
            border-right : dotted 1px #b5b5b7;
        }    
        
        .viewProduct .dealContent .dealType
        {
            width : 230px;        
            border-bottom : dotted 1px #b5b5b7;
            border-right : dotted 1px #b5b5b7;                   
        }    
        
        .viewProduct .dealContent .expiryDate
        {        
            border-bottom : dotted 1px #b5b5b7;                   
        }    
        
        */


/*------------------ To remove later --------------------------------------*/





.middlePane
{
    margin : 0 auto;
    width : 900px;
    background-color: #FFFFFF;
    border : none 0px black;  
}

.contentMain
{
    margin : 0 auto;
    width : 900px;    
    border : none 0px black;
    margin : 0 auto;
    text-align : center;
}

.textContent
{
    text-align : left;
}

/*#login
{
    height : 600px;
    width : 900px;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
}*/

.loginBox
{
    text-align : center;
    margin: 0 auto;
    height : 280px;
    background-color: #FFFFFF;
    width : 360px;        
    border : none;
}

.gridView
{
    width : 900px;
    border : solid 1px gray;
}

.errorbox
{
    background-color : inherit;
}

#imgbox 
{
    vertical-align : middle;
    position : absolute;
    border: 1px solid #999;
    background : #FFFFFF; 
    filter: Alpha(Opacity=100);
    visibility : hidden;
    height : 200px;
    width : 200px;
    z-index : 50;
    overflow : hidden;
    text-align : center;
}

.clearBoth
{
    height : 15px;  
} 

#popCalendar
{
    position : absolute;
    background : #FFFFFF;
    filter: Alpha(Opacity=100);
}

/*---------------------------------------------------------------------------*/
/* User Menu                                                                 */
/*---------------------------------------------------------------------------*/

/* this is the main UL element*/
.userMenu{
	margin: 0px;
	padding: 0px;
	/*visibility:hidden; */		
	list-style:none;	
}

/* these are the inner menus*/
.userMenu ul{
	margin: 0px;
	padding: 0px;		
	list-style:none;
	width:930px;
}

/* these are all the LIs in the menu*/
.userMenu li{
	margin: 0px;
	padding: 0px;	
	width:135px;
	/*padding-bottom:10px;*/
	cursor:pointer;
	text-align: center;
	
}
.userMenu li li{
	margin:0px;
	padding: 0px;	
	background-color: #7cc242;
	width: 147px;
	cursor:pointer;
	padding-bottom:0px;
	}
.dropdown li ul{
	margin: 0px;
	padding: 0px;	
	width: 147px;	
	cursor:pointer;
	text-align: left;		
}
/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.userMenu a{
	font-family: Arial, Helvetica, sans-serif;
	color: #f3e6d9;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}

.dropdown a:hover{

	text-decoration:underline;
}

.userMenu li ul a{
	font-family: Tahoma, "Verdana", Arial;
	color: #f3e6d9;
	font-size: 11px;
	text-align: left;
	width: 127px;	
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	background-color: #7cc242;
}
.userMenu li ul a:hover{
	font-family: Tahoma, "Verdana", Arial;
	color: #f3e6d9;
	font-size: 11px;
	text-align: left;
	width: 127px;	
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	background-color: #ccff99;
	text-decoration: none;
}
/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	
	/*padding-left:20px;*/
	/*width:147px;
	text-align: left;*/	
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
	
	/*width:147px;*/
}

a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active
{
	padding-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f3e6d9;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
a.mainmenu
{
	font-family: Arial, Helvetica, sans-serif;
	color: #f3e6d9;
	font-size: 12px;
	text-align: center;
	text-decoration: underline;
}
#nav
{
	background-image: url(../App_Images/bg_menu.gif);
	background-repeat: no-repeat;
	width: 980px;
	height: 29px;
	/*background-color: #9b877d;*/
}
/*---------------------------------------------------------------------------*/
/* Advertisement                                                             */
/*---------------------------------------------------------------------------*/
.topAdvert
{
    margin: 0 auto;
    height : 100px;
    width : 930px;
    text-align : center;
    vertical-align : middle;
    border : none;        
}
    .topAdvert a img,.topAdvert a:hover img,.topAdvert a:visited img
    {
        color: #FFFFFF;
        text-decoration : none;
        border : none; 
    }
.advertTile
{
    position : relative;
    margin: 0;
    height : 200px;
    width : 450px;
    text-align : center;
    vertical-align : middle;
    border : none;
}

/*---------------------------------------------------------------------------*/
/* Top message in page                                                       */
/*---------------------------------------------------------------------------*/
.page-top-message
{
    margin: 10px 0 10px 0;
}
    .page-top-message .message-text
    {
        width:910px;
        padding:0 10px 10px 10px;
    }
        .page-top-message .message-text p
        {
            font-family: arial,sans-serif;
            font-size: 1.3em; 
            font-weight:normal;   
            /*color: #0088CC;*/
            color: #000000;
            letter-spacing: -0.1px;        
        }
    .page-top-message .message-link
    {
        width:910px;
        padding:0 10px 5px 10px;        
    }
        .page-top-message .message-link a img, .page-top-message .message-link a:hover img, .page-top-message .message-link a:visited img
        {
            color: #FFFFFF;
            text-decoration : none;
            border : none;             
        }

/*---------------------------------------------------------------------------*/
/* Link Exchange                                                             */
/*---------------------------------------------------------------------------*/
.link-exchange
{
    margin : 10px 10px 0 10px;
    width : 900px;
}
    .link-exchange .link .link-title a
    {
        width : 880px;
        color : Maroon;        
    }
    .link-exchange .link .link-description
    {
        width : 880px;
        color : Black;
    }

/*---------------------------------------------------------------------------*/
/* Page Not Found                                                             */
/*---------------------------------------------------------------------------*/
.page-not-found
{
    margin : 10px 10px 0 10px;
    width : 900px;
}

/*---------------------------------------------------------------------------*/
/* Lightbox effect                                                           */
/*---------------------------------------------------------------------------*/
.calendarBox
{
    display: none;
	position: absolute;
	/*top: 50%;*/
	margin: 0 auto;	
	width: 300px;
	height: 300px;
	background-color: #FFFFFF;
	border: solid 1px gray;
	z-index:1001;
	/*-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);*/
}

/*---------------------------------------------------------------------------*/
/* Loading Page                                                              */
/*---------------------------------------------------------------------------*/
.loading-page
{
    background: #FFFFFF; 
    height: 100%;
    width: 100%;
}
    .loading-page .loading-page-image
    {
        position:relative;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        vertical-align: middle;
        text-align: center;
    }
    
    .loading-page .loading-page-frame
    {
        visibility: hidden;
    }