/*** Promotion Home Page ***/
#softy-wrapper
{
    height:100%;
    width:100%;
}

#softy-header
{
   width:520px;
    height:320px;/* 
    background: transparent url(../img/softy/top.jpg) no-repeat 0 0;*/
     font-size:0px! important;
}

#softy-header-alt
{
   width:520px;
    height:260px;/* 
    background: transparent url(../img/softy/top.jpg) no-repeat 0 0;*/
     font-size:0px! important;
}




#softy-container
{
    background:transparent url(../img/softy/repeat.gif) repeat-y 0 0;
}

#softy-bottom
{
    width:520px;
    height:100%;
    min-height:227px;
    background:transparent url(../img/softy/bottom.png) no-repeat bottom left;
    padding-bottom:98px;
}

#softy-bottom .content
{
    width:370px;
    margin-left:74px;
    font-family:Arial, Helvetica, Sans-Serif;
    
}

#softy-bottom .content .top-buttons
{
    width:338px;
    margin:0 auto;
}

#softy-bottom .content .bottom-buttons
{
    padding-top:10px;
    padding-left:92px;
    margin:0 auto;
    float:left;
}

.bottom-buttons .terms
{
}

#softy-bottom .copy
{
clear:both;
color:#FFFFFF;
overflow:hidden;
padding-top:12px;
width:330px;
}
#softy-bottom .disclaimer
{
    clear:both;
    color:#FFF;
    padding-top:12px;
}

#softy-bottom .disclaimer p
{
    padding:5px;
    padding-left:8px;
    padding-right:8px;
    text-align:center;
}

#softy-bottom .copy p
{
    text-align:center;
    font-size:12px;
    padding-left:3px;
    padding-right:3px;
}

#softy-bottom .copy p.heavy
{
    margin-top:6px;
    font-weight:bold;
}

#softy-bottom h3
{
    font-size:16px;
    color:#FFF;
    text-align:center;
    padding-bottom:0px;
    margin-bottom:0px;
}

#softy-bottom .content .top-buttons div, #softy-bottom .content .bottom-buttons div
{
    float:left;
}

#softy-bottom .content .bottom-buttons a.faq
{
    display:block;
    width:94px;
    height:25px;
    background:transparent url(../img/softy/faq_btn.gif) no-repeat 0 0;
}

#softy-bottom .content .bottom-buttons a.faq:hover
{
    background:transparent url(../img/softy/faq_btn.gif) no-repeat 0 -25px;
}

#softy-bottom .content .bottom-buttons a.terms
{
    display:block;
    width:93px;
    height:25px;
    background:transparent url(../img/softy/terms_btn.gif) no-repeat 0 0;
}

#softy-bottom .content .bottom-buttons a.terms:hover
{
    background:transparent url(../img/softy/terms_btn.gif) no-repeat 0 -25px;
}

.top-buttons .gallery
{
    width:94px;
    height:25px;
}
.top-buttons .search
{
    width:187px;
    height:25px;
    background:transparent url(../img/softy/search_btn.gif) no-repeat 0 0;
    float:left;
    padding-left:56px;
    cursor:pointer;
}

.top-buttons .search:hover
{
    background-position:0 -25px;
}

.top-buttons .search img
{
    cursor:pointer;
    margin-top:2px;
}

.top-buttons .search input
{
    margin-top:5px;
    width:100px;
    height:12px;
    border:1px solid #14c2f4;
    font-size:10px;
    font-family:Arial, Helvetica, Sans-Serif;
    padding-left:2px;
    color:#2c7cc1;
    float:left;
    width:68px;
    margin-left:5px;
}

div.step1
{
    margin-top:7px;
    margin-left:4px;
    width:368px;
    height:88px;
    background:transparent url(../img/softy/step1.gif) no-repeat 0 0;
}

div.step1 object, div.step1 embed
{
    float:right;
    margin-top:7px;
    margin-right:6px;
}

div.step2 object, div.step1 embed
{
    float:right;
    margin-right:6px;
    margin-top:87px;
}

div.step2
{
    margin-top:7px;
    margin-left:4px;
    width:368px;
    height:170px;
    background:transparent url(../img/softy/step2.gif) no-repeat 0 0;
}

div#uniquecode-overlay2 span.contact
{
    position:absolute;
    color:#145D93;
    top:106px;
    left:0px;
    padding:8px;
    font-size:11px;
    
}
/*** Promotion Home Page End ***/

/*** Step 1 Page ***/
div.step1-box-head
{
    margin-top:20px;
    width:368px;
    height:42px;
    background:transparent url(../img/softy/step1_box_head.png) no-repeat 0 0;
}

div.step1-box-errors
{
    width:368px;
    background:transparent url(../img/softy/step1_box_tile.gif) repeat-y 0 0;
    display:none;
    padding-top:4px;
    padding-bottom:4px;
}

div.step1-box
{
    width:368px;
    height:352px;
    background:transparent url(../img/softy/step1_box.gif) no-repeat 0 0;
}

div.step1-box-head div.mandatory
{
    color:#FFF;
    padding-top:18px;
    padding-right:18px;
    text-align:right;
    font-style:italic;
    font-size:10px;
}

div.step1-box .barcode-container
{
    padding-top:16px;
    padding-left:25px;
    height:42px;
}

div.step1-box .barcode-container div
{
    width:150px;
    color:#FFF;
    font-weight:bold;
    font-size:12px;
    float:left;
    padding-right:10px;
}


div.step1-box input, div.step1-box select
{
	border:1px solid #14C2F4;
	color:#2C7CC1 !important;
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:12px;
	height:18px;
	padding:3px 2px 1px 4px;
}

div.step1-box select
{
	height:24px;
	padding: 3px 2px 3px 0;
}


div.step1-box .barcode-container input
{
    margin-top:4px;
    width:150px;
}

div.step1-box .form-wrapper
{
    padding-left:12px;
    padding-top:5px;
}
div.step1-box .form-wrapper .short-field, div.step1-box .form-wrapper .long-field
{
    float:left;
    padding-top:3px;
    padding-bottom:2px;
}
div.step1-box .form-wrapper .short-field
{
    width:174px;
}

div.step1-box .form-wrapper .short-field select
{
    width:167px;    
}

div.step1-box .form-wrapper .short-field input
{
    width:160px;    
}

div.step1-box .form-wrapper .long-field
{
    clear:both;
}
div.step1-box .form-wrapper .long-field input
{
    width:334px;
}

div.step1-box .checkboxes
{
    clear:both;
    padding-left:8px;
    padding-top:2px;
}

div.step1-box .checkbox, div.step1-box .checkboxes input, div.step1-box .checkboxes label
{
    float:left;
}

div.step1-box .checkboxes label
{
    width:324px;
    padding-top:6px;
    padding-left:1px;
    font-size:10px;
    color:#fff;
}

div.step1-box div.receipt
{
    clear:both;
    padding-left:12px;
    padding-right:12px;
    padding-top:2px;
    padding-bottom:10px;
    font-style:italic;
    color:#fff100;
}

div.step1-box object
{
    float:right;
    margin-right:15px;
    margin-top:-6px;
}

div.step1-box div#step1-cancel
{
    height:31px;
    width:52px;
    float:left;
    margin-top:21px;
    margin-left:222px;
    cursor:pointer;
    /*background:transparent url(../img/softy/step1_cancel_btn.gif) no-repeat 0 0;*/
}

div.step1-box input.error
{
    border:1px solid red;
    color:Red;
}

div.step1-box-errors div#error-box
{
    width:320px;
    margin-left:14px;
    min-height:30px;
    background-color:#FFF;
    padding:10px;
    color:Red;
}

div#error-box label
{
    background:transparent url(../img/softy/error_icon.gif) no-repeat 0 0;
    display:block;
    min-height:16px;
    padding-left:20px;
}

div#error-box label span
{
    font-weight:bold;
}

div.step1-thanks-box
{
    margin-left:3px;
    height:410px;
    width:367px;
    background:transparent url(../img/softy/step1-thanks.png) no-repeat 0 0;
    position:relative;
}

div.step1-thanks-box span.uniquecode
{
    position:absolute;
    top:110px;
    right:66px;
    font-size:16px;
    font-weight:bold;
    color:#FFF;
}

div.step1-thanks-box #step2Button
{
    position:absolute;
    bottom:24px;
    right:18px;
}

div.step1-thanks-box div.back-to-home
{
    position:absolute;
    bottom:33px;
    right:95px;
}

div.step1-thanks
{
    display:none;
}

div.step1-wrapper div.bottom-buttons
{
    padding-top:64px !important;
}

/*** Step 1 End ***/

/*** Step 2 ***/
#softy-bottom #step2 h4
{
    font-size:14px;
    color:#FFF;
    text-align:left;
    padding-bottom:0px;
    margin-bottom:0px;
}

#softy-bottom #step2 .copy p
{
    text-align:left;
    font-size:11px;
}

#softy-bottom #step2 ul
{
    padding:0px;
    padding-left:14px;
}

div.step2-box-head
{
    margin-top:20px;
    width:368px;
    height:42px;
    background:transparent url(../img/softy/step2-box-top.png) no-repeat 0 0;
}

div.step2-box-errors
{
    width:368px;
    background:transparent url(../img/softy/step1_box_tile.gif) repeat-y 0 0;
    display:none;
    padding-top:4px;
    padding-bottom:4px;
}

div.step2-box-bottom
{
    height:63px;
    width:368px;
    background:transparent url(../img/softy/step2-box-bottom.gif) no-repeat 0 0;
}

div.step2-box
{
    width:368px;
    background:transparent url(../img/softy/step1_box_tile.gif) repeat-y 0 0;
}

div.step2-box-head div.mandatory
{
    color:#FFF;
    padding-top:18px;
    padding-right:18px;
    text-align:right;
    font-style:italic;
    font-size:10px;
}

div.step2-box input, div.step2-box textarea, div.step2-box select
{
    border:1px solid #14C2F4;
    height:18px;
    font-size:12px;
    font-family:Arial, Helvetica, Sans-Serif;
    padding:2px;
    color:#2C7CC1 !important;
    padding:3px 2px 1px 4px;
}



div.step2-box select
{
	height:24px;
	padding: 3px 2px 3px 0;
}












div.step2-box .code-container input
{
    margin-top:4px;
    width:150px;
    float:left;
}

div.step2-box .code-container object
{
    margin-top:8px;
    margin-left:9px;
}

div.step2-box .form-wrapper
{
    padding-left:12px;
    padding-top:5px;
}
div.step2-box .form-wrapper .short-field, div.step2-box .form-wrapper .long-field, div.step2-box .form-wrapper .textarea
{
    float:left;
    padding-top:3px;
    padding-bottom:2px;
}
div.step2-box .form-wrapper .short-field
{
    width:174px;
}

div.step2-box .form-wrapper .short-field input
{
    width:160px;    
}

div.step2-box .form-wrapper .short-field select
{
    width:168px;    
}


div.step2-box .form-wrapper .long-field
{
    clear:both;
}
div.step2-box .form-wrapper .long-field input
{
    width:334px;
}

div.step2-box .checkboxes
{
    clear:both;
    padding-left:8px;
    padding-top:2px;
}

div.step2-box .checkbox, div.step2-box .checkboxes input, div.step2-box .checkboxes label
{
    float:left;
}

div.step2-box .checkboxes label
{
    width:324px;
    padding-top:6px;
    padding-left:1px;
    font-size:10px;
    color:#fff;
}

div.step2-box div.note
{
    clear:both;
    padding-top:2px;
    padding-bottom:4px;
    font-style:italic;
    color:#fff100;
}

div.step2-box div.form-heading
{
    position:relative;
    font-weight:bold;
    font-size:12px;
    color:#FFF;
    padding-left:1px;
    padding-top:8px;
    padding-bottom:3px;
    clear:both;
    padding-right:80px;
}

div.step2-box div.form-heading .right
{
    float:right;
    font-size:10px;
    font-weight:normal;
    font-style:italic;
    position:absolute;
    right:0px;
    padding-right:20px;
}

div.step2-box-bottom object
{
    float:right;
    margin-right:15px;
    margin-top:-6px;
}

div#step2-cancel
{
    height:31px;
    width:52px;
    float:left;
    margin-top:17px;
    margin-left:222px;
    cursor:pointer;
    /*background:transparent url(../img/softy/step1_cancel_btn.gif) no-repeat 0 0;*/
}

div.step2-box div.code-container
{
    height:54px;
    width:100%;
    background: transparent url(../img/softy/step2-uniquecode.gif) no-repeat 0 0;
    margin-left:12px;
}
div.step2-box div.code-container input
{
    margin-top:16px;
    margin-left:130px;
    width:150px;
}

div.step2-box div.textarea
{
    width:100%;
}
div.step2-box div.textarea textarea
{
    width:334px;
    height:84px;
}

div.step2-box input.upload
{
    height:25px;
}

div.step2-box input.error, div.step2-box textarea.error
{
    border:1px solid red;
    color:Red;
}

div.step2-box-errors div#error-box
{
    width:320px;
    margin-left:14px;
    min-height:30px;
    background-color:#FFF;
    padding:10px;
    color:Red;
}

div.step2-box-thanks
{
    height:250px;
    width:368px;
    background:transparent url(../img/softy/step-2-thanks.png) no-repeat 0 0;
    margin-left:3px;
    position:relative;
}

div.step2-box-thanks div#back-to-home
{
    width:57px;
    height:34px;
    position:absolute;
    right:18px;
    bottom:34px;
}

#step2 div.bottom-buttons
{
    padding-top:34px !important;
}


/*** Step 2 End ***/

/*** Gallery ***/
div.gallery-wrapper
{
    width:368px;
    padding:3px;
}

div.gallery-wrapper h2
{
    color:#FFF;
    text-align:center;
    font-size:25px;
    margin-top:0px;
    margin-bottom:12px;
}

div#gallery-items
{
    width:110%;
    margin-left:-3px;
    float:left;
}

div#gallery-items div.item
{
    width:93px;
    height:100px;
    background:transparent url(../img/softy/gallery-item.gif) no-repeat 0 0;
    float:left;   
    position:relative;
}

div#gallery-items div.item div.name
{
    position:absolute;
    bottom:4px;
    left:8px;
    font-size:12px;
    color:#FFF;
    font-weight:bold;
    
}

div.gallery-wrapper div.pagination
{
    clear:both;
	float:left;
    padding-top:12px;
	text-align:center;
	width:100%;
}

div.gallery-wrapper div.pagination a.back
{
    display:block;
    width:74px;
    height:25px;
    background:transparent url(../img/softy/gallery-back.gif) no-repeat 0 0;
    cursor:pointer;
    float:left;
    margin-left:109px;
}

div.gallery-wrapper div.pagination a.next
{
    display:block;
    width:74px;
    height:25px;
    background:transparent url(../img/softy/gallery-next.gif) no-repeat 0 0;
    cursor:pointer;
    float:left;
    margin-left:3px;
}

div.gallery-wrapper div.pagination a.next:hover, div.gallery-wrapper div.pagination a.back:hover
{
    background-position:0 -25px;
}

div.gallery-wrapper div#gallery-top
{
    float:left;
    width:300px;
    height:40px;
    padding-left:30px;
}

div.gallery-wrapper div#gallery-top div.search-box
{
    margin:0 auto;
    width:185px;
    padding-left:56px;
    height:25px;
    background:transparent url(../img/softy/search_btn.gif) no-repeat 0 0;    
}

div.gallery-wrapper div#gallery-top div.search-box:hover
{
    cursor:pointer;
    background-position:0 -25px;
}

div.gallery-wrapper div#gallery-top div.search-box input
{
    border:1px solid #14C2F4;
    height:12px;
    font-size:10px;
    font-family:Arial, Helvetica, Sans-Serif;
    padding:2px;
    color:#97bedf;
    padding-left:4px;
    padding-top:1px;
    padding-bottom:2px;
    margin-top:4px;
    width:68px;
    float:left; 
    margin-left:2px;
}

div.gallery-wrapper div#gallery-top div.search-box a.search-btn
{
    width:22px;
    height:20px;
    float:right;
    display:block;
    margin-right:3px;
    margin-top:3px;
}

a.gallery-item
{
    display:block;
    text-align:center;
    padding-top:5px;
}

div.gallery-wrapper div.searchError
{
    display:none;
    text-align:center;
    color:Red;
}

/*** Gallery End ***/

/*** Profile Page ***/

div.profile-wrapper div#gallery-top
{
    float:left;
    width:300px;
    height:40px;
    padding-left:30px;
}

div#profile-top div.gallery
{
    float:left;
    width:100px;
    height:25px;
    background:transparent url(../img/softy/gallery_btn.gif) no-repeat 0 0; 
}
div.gallery a
{
    display:block;
    width:94px;
    height:25px;
    background:transparent url(../img/softy/gallery_btn.gif) no-repeat 0 0;
}
div.gallery a:hover
{
    background-position:0 -25px;
}

div.profile-wrapper div#profile-top div.search-box
{
    float:left;
    width:200px;
    height:25px;
    background:transparent url(../img/softy/search_btn.gif) no-repeat 0 0;    
}

div#profile-box
{
    width:365px;
    float:left;
    margin-left:3px;
    margin-top:10px;
}

div#profile-box div.profile-box-top
{
    width:100%;
    height:27px;
    background:transparent url(../img/softy/profile-box-top.gif) no-repeat 0 0;
}

div#profile-box div.profile-box-content
{
    width:100%;
    background:transparent url(../img/softy/profile-box-tile.gif) repeat-y 0 0;
}

div#profile-box div.profile-box-bottom
{
    width:100%;
    height:27px;
    background:transparent url(../img/softy/profile-box-bottom.gif) no-repeat 0 0;
}

div#profile-box div.profile-box-content h2
{
    margin:0;
    text-align:center;
    color:#FFF;
    font-size:25px;
    font-weight:bold;
}

div.profile-wrapper div#profile-top
{
    width:338px;
    height:40px;
    margin:0 auto;
}

div.profile-wrapper div#profile-top div.search-box
{
    margin:0 auto;
    width:187px;
    padding-left:56px;
    height:25px;
    background:transparent url(../img/softy/search_btn.gif) no-repeat 0 0;    
}

div.profile-wrapper div#profile-top div.search-box input
{
    border:1px solid #14C2F4;
    height:12px;
    font-size:10px;
    font-family:Arial, Helvetica, Sans-Serif;
    padding:2px;
    color:#97bedf;
    padding-left:4px;
    padding-top:1px;
    padding-bottom:2px;
    margin-top:4px;
    width:70px;
    float:left;
    margin-left:2px;
}

div.profile-wrapper div#profile-top div.search-box a.search-btn
{
    width:22px;
    height:20px;
    float:right;
    display:block;
    margin-right:7px;
    margin-top:3px;
}

div.profile-wrapper div#profile-top div.gallery
{
    float:left;
    width:94px;
    height:25px;
    background:transparent url(../img/softy/search_btn.gif) no-repeat 0 0;    
}

div.profile-wrapper div.profile-box-content div.image
{
    width:360px;
}

div.profile-wrapper div.profile-box-content div.image img
{
    margin-left:48px;
    width:269px;
    margin-top:8px;
}

div.profile-wrapper div.profile-box-content div.copy
{
    font-size:12px;
    text-align:center;
    padding:10px;
    margin-top:4px;
}

/*** Profile End ***/


/*** Terms and conditions ***/

div.terms-and-conditions
{
    color:#FFF;
    padding-bottom:10px;
}

div.terms-and-conditions h3
{
    text-align:center;
    font-size:18px;
}

div.terms-and-conditions h4
{
    text-align:center;
    font-size:16px;
    margin:4px;
    color:#FFF;
}

div.terms-and-conditions h5
{
    margin-bottom:0px;
    font-size:14px;
}

div.terms-and-conditions ul
{
    list-style-type:none;
    padding-left:20px;
}

div.terms-and-conditions div.disclaimer
{
    text-align:center;
}

div.terms-and-conditions table, div.terms-and-conditions td
{
    border:1px solid #FFF;
    font-size:9px;
    text-align:center;
}

div.terms-and-conditions tr.heavy
{
    font-size:10px;
    font-weight:bold;
}

div.terms-and-conditions h3
{
    margin-top:0px;
}
/*** Terms and conditions End ***/

/*** Frequently Asked Questions ***/
div.faq
{
    width:370px;
}
div.faq h3
{
    color:#FFF;
    padding-bottom:10px !important;
}

div.faq p.q
{
    color:#346EAE;
    font-weight:bold;
    font-size:12px !important;
}

div.faq p.a
{
    color:#FFF;
    margin-top:4px;
}

div.faq div.disclaimer
{
    text-align:center;
}

div.faq h3
{
    margin-top:0px;
}
/*** Frequently Asked Questions End ***/












/** NO FLASH **/

#step1-submit img
{
	position:relative;
	top:-5px;
	left:5px;

}


#step2-submit img
{
	position:relative;
	top:-8px;
	left:10px;

}


#step1-clickhere img
{
	position:relative;
	top:10px;
	left:293px;
}


#step2-clickhere img
{
	position:relative;
	top:86px;
	left:293px;
}