/* COLOR CSS FOR MAIN AND RESPONSIVE STARTS HERE */
html, body { background:#FFFFFF; color:#000000; }

a { color:#0149b7; }

a:hover { color:#000000; }

/*.td_a { color:#b4750a; }*/

#header { background:#016fe7; }

#mainwrapper { background:#f8f8f8; }

.logo a { color:#FFFFFF; }

.logo a span { color:#d3d1d3; }

.row_full_bg { background:#f0f0f0; }

.navigation ul li a { color:#0149b7; }

.navigation ul li a:hover { color:#000000; }

.user_name { color:#FFFFFF; }

.user_name span { color:#FFFFFF; }

.user_name a { color:#FFFFFF; }

.user_name a:hover { color:#e7e7e7; }

.account_type { color:#FFFFFF; }

.account_type a { color:#FFFFFF; }

.account_type a:hover { color:#e7e7e7; }

.searchfield { background:#d3d1d3; color:#7a797a; border:1px solid #afadaf !important; }

.searchbtn { background:url(../img/bgray/search.jpg) no-repeat; }

.ctn_info { background:#f0f0f0; color:#000730; }

.useful_links span { color:#000000; }

.useful_links a { color:#0149b7; }

.useful_links a:hover { color:#000000; }

.useful_info span { color:#000000; }

.useful_links_bottom { color:#FFFFFF; }

.useful_links_bottom span { color:#000000; }

.useful_links_bottom a { color:#0149b7; }

.useful_links_bottom a:hover { color:#000000; }

.message_success { background:#2DCC70; color:#FFF; box-shadow: 2px 1px 1px #777777; }

.message_warning { background:#D45300; color:#FFFFFF; box-shadow:2px 1px 2px #777777; }

.message_error { background:#C1392D; color:#FFF; box-shadow:2px 1px 2px #777777; }

.message_info { background:#0084ff; color:#FFF; box-shadow:2px 1px 2px #777777; }

.select_countdown { background:#FFFFFF; color:#222222; }

.create_countdown { background:#016fe7; color:#FFFFFF; }

.create_countdown a { color:#FFFFFF; }

.create_countdown a:hover { background:#FFFFFF; color:#222222; }

.ctn_widgets { background:#f0f0f0; }

.widget_img { background:#FFFFFF; }

.widget_info { background:#eaeaea; }

.selected { background:#016fe7; color:#FFFFFF; }

.selected:hover { color:#FFFFFF; }

.select_this { background:#333333; color:#FFFFFF; }

.select_this:hover { background:#016fe7; color:#FFFFFF; }

.widget_inputs { background:#f0f0f0; }

.inbox { background:#f9f9f9; }

.inbox_input_field p span.helptext, .inbox_input_field span.helptext { color:#b8b8b8; }

.textfield { background:#FFFFFF; border:1px solid #dfdfdf; }

.time_zone { background:#FFFFFF; border:1px solid #dfdfdf; }

.inbox_heading { background:#FFFFFF; }

.inbox_selective { background:#f9f9f9; }

.create_btn { background:#333333; }

.create_btn a { color:#FFFFFF; }

.create_btn a:hover { background:#016fe7; }

.create_btn input[type="submit"]:hover { background:#016fe7; }

#footer { background:#FFFFFF; }

.logo_bottom { color:#7a7a7a; }

.nav_bottom { color:#000000; }

.nav_bottom ul li { color:#000000; }

.nav_bottom ul li a { color:#000000; }

.orange_wrapper { background:#f0f0f0; }

.ctn_list_head, .ctn_list_head a { color:#FFFFFF; }

.ctn_list_head a:hover { color:#CCCCCC; }

.head_bg1 { background:#2e2e2e; }

.head_bg2 { background:#2b2b2b; }

.head_bg3 { background:#262626; }

.ctn_list_row { color:#000000; }

.ctn_list_row a { color:#000000; }

.ctn_list_row span { color:#636363; }

.row_style1 { background:#f2f2f2; }

.row_style2 { background:#e3e3e3; }

.row_style3 { background:#f2f2f2; }

.row_style4 { background:#e7e7e7; }

.row_style5 { background:#d8d8d8; }

.row_style6 { background:#e7e7e7; }

.row_style3 img:hover, .row_style6 img:hover { box-shadow:0px 2px 5px #000000; }

.lighter_bg { background:#a3a3a3; }

.darker_bg { background:#909090; }

.light_row_bg { background:#f6f6f6; }

.dark_row_bg { background:#e8ebec; }

.disabled { color: #c3c3c3; background: #dddddd; border: 1px solid #c3c3c3; }

div.paginator .current { color: #FFFFFF; background: #016fe7; border: 1px solid #0263ce; }

div.paginator a { color: #000000; background: #FFFFFF; border: 1px solid #000000; }

div.paginator a:hover { color: #FFFFFF; background: #016fe7; border: 1px solid #0263ce; }

#pages li a { color: #000000; background: #FFFFFF; border: 1px solid #000000; }

#pages li a:hover { color: #FFFFFF; background: #016fe7; border: 1px solid #0263ce; }

#pages li.nolink { color: #c3c3c3; background: #dddddd; border: 1px solid #c3c3c3; }

#pages li.current { color: #FFFFFF; background: #016fe7; border: 1px solid #0263ce; }

#pages li.skip { color: #666; }

.dashboard_heading { background:url(../img/bgray/title_bg.jpg) repeat-x; }

.dashboard_title { color:#FFFFFF; }

.create_new_btn a { color:#FFFFFF; border:1px solid #2153c2; background:#3470f7; }

.upgrade_btn a { color:#6f6f6f; border:1px solid #d5d4d4; background:#f0f0f0; }

.create_new_btn a:hover, .upgrade_btn a:hover { background:#016fe7; border:1px solid #d88f13; color:#FFFFFF; }

.dashboard_icons { background:#FFFFFF; }

.db_ic a { color:#4d4d4d; }

.db_ic img:hover { border-radius:66px; box-shadow:0px 2px 5px #333333; }

.form_wrapper { background:#FFFFFF; }

.input_field span { color:#7f7f7f; }

.textfield_pwd { border:1px solid #dfdfdf; background:#FFFFFF; }

.textfield_five { border:1px solid #dfdfdf; background:#FFFFFF; }

.click_button { background:#414141; color:#FFFFFF; }

.click_button:hover { background:#016fe7; }

.ac_text { background:#4d4d4d; }

.ac_text a { color:#FFF; }

.ac_text a:hover { color:#dddddd; }

.content_wrapper { background:#FFFFFF; color:#333333; }

.content_wrapper ul li a { color:#0149b7; }

.content_wrapper ul li a:hover { color:#333333; }

.offer_name { color:#FFF; }

.offer_detail { color:#333333; }

.order_details_head { color:#FFF; }

.useraccesses_head { color:#FFFFFF; }

.useraccesses_head a { color:#FFFFFF; }

.useraccesses_head a:hover { color:#000000; }

.centered_btn a { color:#6f6f6f; border:1px solid #d5d4d4; background:#f0f0f0; }

.centered_btn a:hover { background:#016fe7; border:1px solid #0162cb; color:#FFFFFF; }

.tb_head { color:#FFFFFF; }

.tb_head a { color:#FFFFFF; }

.tb_head a:hover { color:#000000; }

.light { background:#a3a3a3; }

.dark { background:#909090; }

.tb_row { color:#2e2e2e; }

.tb_row a { color:#2e2e2e; }

.lighter { background:#f6f6f6; }

.darker { background:#e8ebec; }

.light_0 { background:#e7e7e7; }

.dark_0 { background:#d8d8d8; }

.light_1 { background:#f2f2f2; }

.dark_1 { background:#e3e3e3; }

div.getcode { background:#FFFFFF; }

.list_th { color:#FFFFFF; }

.list_th a { color:#000000; }

.list_th a:hover { color:#FFFFFF; }

div.form form fieldset legend { color: #000000; }

div.form form .input { color: #444; }

div.form form .required label:after { color: #e32; }

div.form form .submit input[type=submit], form button[type=submit] { background:#414141; border:1px solid #000000; color: #fff; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px; }

div.form form .submit input[type=submit]:hover, form button[type=submit]:hover { background: #016FE7; border:1px solid #0668d4; }

div.actions h3 { color:#777; }

.actions ul li a { background:#414141; border:1px solid #000000; color:#FFFFFF !important; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px; }

.actions ul li a:hover { background: #016FE7; border:1px solid #0668d4; color:#FFFFFF !important; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px; }

.actions ul li a:active { background: #016FE7; border:1px solid #0668d4; color:#FFFFFF; }

form .error { background: #FFDACC; }

form .error, form .error-message { color: #9E2424; }

div.index h2 { color: #000000; background:#FFFFFF; }

div.actions h3 { color:#777; }

div.index table { color: #333; }

div.index th { border-bottom:2px solid #555; }

div.index table tr td { border-bottom:1px solid #ddd; }

div.index table tr:nth-child(even) { background: #f9f9f9; }

.actions a { background: #dcdcdc; background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc)); background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc); background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc); background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc); background-image: -o-linear-gradient(top, #fefefe, #dcdcdc); background-image: linear-gradient(top, #fefefe, #dcdcdc); color:#333; border:1px solid #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; text-shadow: #fff 0px 1px 0px; min-width: 0; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-user-select: none; user-select: none; }

.actions a:hover { background: #ededed; border-color: #acacac; }

.actions a:active { background: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee)); background-image: -webkit-linear-gradient(top, #dfdfdf, #eee); background-image: -moz-linear-gradient(top, #dfdfdf, #eee); background-image: -ms-linear-gradient(top, #dfdfdf, #eee); background-image: -o-linear-gradient(top, #dfdfdf, #eee); background-image: linear-gradient(top, #dfdfdf, #eee); text-shadow: #eee 0px 1px 0px; -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); border-color: #aaa; text-decoration: none; }

div.view h2 { color: #000000; background:#FFFFFF; }

div.view dl dd:nth-child(4n+2), dl dt:nth-child(4n+1) { background: #f4f4f4; }

div.freeForm form div.mainInput div.input input { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; }

div.freeForm form div.submit input { background:#414141; color:#FFFFFF; }

div.freeForm form div.submit input:hover { background:#016fe7; }

.payCardTitle h2 { border-bottom: 1px solid #E2E2E2; }

.payCardTDLeft { background: none repeat scroll 0 0 #ffffff; }

.payCardTDRight { background: none repeat scroll 0 0 #ffffff; }

.payCardTDRight input[type=text] { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; }

.payCardTDRight input[type=text]#OfferXCardCode { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; }

.payCardTDRight select { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; }

.payCardTDRight select#OfferXExpDateYear { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; }

.payCardTDRight select#OfferXExpDateMonth { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; }

.payCardTDOtherBox { background:#FFFFFF; }

/* COLOR CSS FOR MAIN AND RESPONSIVE ENDS HERE */


/*cake forms css Starts here*/
div.form { clear: both; padding: 0px 0px 0px 14px; width: 97%; margin-top: 14px; }

/** Forms **/
div.form form { clear: both; padding: 0; width: 100%; }

div.form form fieldset { border: none; padding: 16px 10px; width:96%; }

div.form form fieldset legend { font-size: 16px; font-weight: normal; }

div.form form fieldset fieldset { margin-top: 0; padding: 10px 0 0; }

div.form form fieldset fieldset legend { font-size: 120%; font-weight: normal; }

div.form form fieldset fieldset div { clear: left; margin: 0 20px; }

div.form form div { clear: both; margin-bottom:8px; padding: 10px; vertical-align: text-top; }

div.form form .input { float: left; height: auto; width: 100% }

div.form form .required { font-weight: normal; font-size:14px; line-height:4px; float:left; height:auto; width:100%; }

div.form form .required label:after { content: '*'; display:inline; }

div.form form label { display: block; font-size: 14px; float: left; width: 24%; padding-top:4px; margin-bottom:6px; font-weight: normal; }

div.form form input { width: 72%; font-size: 100%; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; padding: 4px; }

div.form form input[type=number] { width: 32%; font-size: 100%; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; padding: 4px; }
div.form form input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
margin: 0;
}

div.form form textarea { clear: both; font-size: 100%; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; padding: 4px; width:72%; }

div.form form select { clear: both; font-size: 100%; vertical-align: text-bottom; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; padding: 4px; margin-right: 2px; }

div.form form select[multiple=multiple] { width: 72%; }

div.form form option { font-size: 100%; padding: 2px 4px 0px 4px; }

div.form form input[type=checkbox] { clear: left; float: left; margin: 0px 6px 7px 2px; width: auto; }

div.form form div.checkbox label { display: inline; }

div.form form input[type=radio] { float:left; width:auto; margin: 6px 0; padding: 0; line-height: 26px; }

div.form form .radio label { float: left; height: auto; line-height: 14px; margin: 0 0 6px 20px; width: 98px; }

div.form form input[type=submit] { display: block; font-size: 110%; padding: 0px 20px; min-width:120px; }

div.form form button[type=submit] { display: block; font-size: 110%; padding: 0px 20px; min-width:120px; margin-left:220px; }

div.form form div.submit { border: 0; clear: both; margin-top: 10px; width:150px; margin-left:211px; }

div.form form .submit input[type=submit], form button[type=submit] { padding: 5px 20px; border-radius:7px; display:inline-block; }

div.form form .submit input[type=submit]:hover, form button[type=submit]:hover { cursor: pointer; }

div.actions { float:left; padding:32px 2%; width:95%; }

div.actions h3 { padding-top:0; margin-bottom: 16px; font-size:16px; font-weight: normal; }

.actions ul { margin: 0; padding: 0 !important; }

.actions li { float: left; margin:0 0.6em 0.6em 0; list-style-type: none !important; white-space: nowrap; padding: 0; }

.actions ul li a { font-size: 16px; padding: 0px 20px 2px 20px; min-width:140px; margin-right: 2px; max-width: 240px; text-align: center; font-weight:normal; font-weight: normal; display: block; border-radius:7px; box-shadow:none; }

.actions ul li a:hover { text-decoration: none; }

.actions a:active { text-decoration: none; }

/* Form errors */
form .error { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-weight: normal; }

form .error-message { -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; border: none; background: none; margin: 0; padding-left: 4px; padding-right: 0; }

form .error, form .error-message { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; text-shadow: none; }

div.index { clear: both; padding: 0px 0px 0px 14px; width: 97%; margin-top: 14px; }

div.index h2 { width:100%; padding:0px; margin:0px; height:auto; text-transform:none; font-size:16px; font-weight:normal; }

div.actions { float:left; padding:32px 1.5%; }

div.actions h3 { padding-top:0; }

div.index table { border-right:0; clear: both; margin-bottom: 0px; width: 100%; }

div.index th { border:0; text-align: left; padding:4px; }

div.index th a { display: block; padding: 2px 4px; text-decoration: none; }

div.index th a.asc:after { content: ' ⇣'; }

div.index th a.desc:after { content: ' ⇡'; }

div.index table tr td { padding: 6px; font-size: 14px; text-align: left; vertical-align: top; }

div.index th.actions { text-align: center; white-space: nowrap; }

div.index td.actions { text-align: center; white-space: nowrap; }

table td.actions a { margin: 0px 6px; padding:2px 5px; }

.actions a { width: 160px; max-width: 240px; text-align: center; font-weight:normal; padding: 2px 6px; }

.actions a:hover { text-decoration: none; }

.actions a:active { text-decoration: none; }

div.view { clear: both; padding: 0px 0px 0px 14px; width: 97%; margin-top: 14px; }

div.view h2 { width:100%; padding:0px; margin:0px; height:auto; text-transform:none; font-size:16px; font-weight:normal; }

div.view dl { line-height: 2em; margin: 0em 0em; width: 100%; }

div.view dt { font-weight: bold; padding-left: 4px; vertical-align: top; width: 11em; font-size:14px; }

div.view dd { margin-left: 10em; margin-top: -2em; vertical-align: top; }

/*cake forms css Ends here*/

/*cake forms RESPONSIVE css Starts here*/
@media only screen and (min-width: 768px) and (max-width: 999px) {

div.form .radio label { width: 78px; }

fieldset { padding: 16px 0; }

button[type=submit] { margin-left:147px; }

form div.submit { margin-left:137px; }

.actions ul li a { font-size:13px; }
}
 @media only screen and (max-width: 767px) {

div.form .radio label { width: 78px; }

div.form { padding: 0px; }

input[type="radio"] { margin:6px 3px -1px 0px; }

div.form .radio label { width: 76px; margin:0px; }

button[type=submit] { margin-left:80px; }

form div.submit { margin-left:71px; }

.actions ul li a { min-width:90px; max-width: 240px; }

fieldset { padding: 16px 0; }

table td.actions a { float: left; height: 25px; line-height: 25px; margin: 3px 6px; max-width: 100px; padding: 2px 5px; }

div.index { padding: 0px 0px 0px 4px; }
}
 @media only screen and (max-width: 320px) {

input[type=checkbox] { margin-top:10px; }

div.form label { line-height:24px; margin-bottom:14px; }

div.form .radio label { width: 78px; }

input, textarea { width: 71%; margin-top:3px; }

div.form select { font-size:12px; margin-top:4px; min-width: 55px; }

div.form { padding: 0px; }

div.form input[type="radio"] { margin:6px 3px -1px 0px; }

div.form .radio label { width: 99px; margin:0px; }

div.form button[type=submit] { margin-left:72px; }

form div.submit { margin-left:61px; }

.actions ul li a { min-width:213px; max-width: 213px; font-size:12px; }

table td.actions a { float: left; font-size: 12px; height: 20px; line-height: 20px; margin: 3px 6px; max-width: 72px; padding: 2px 5px; }

div.index { padding: 0px 0px 0px 4px; }
}

/*cake forms RESPONSIVE css Ends here*/



/*STYLE FOR MAIN CSS STARTS FROM HERE*/
html, body { width:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; height:100%; }

* { margin:0px; padding:0px; }

img { border:none; }

a { text-decoration:none; }

.clearfix { clear:both; }

.margin_top { margin-top:6px; }

.margin_top_s { margin-top:2px; }

.margin_bottom { margin-top:10px; }

.margin_tb { margin:10px 0; }

/** Layout **/
#container { text-align: left;/*width: 968px;
    margin: 0px auto;
    margin-top: 4px;
    margin-bottom: 8px;
    box-shadow: 1px 1px 4px #888888;*/ }

#header { width: auto; height: 44px; }

.header { width:940px; margin: 0px auto; }

.logo { float:left; }

.logo img { float:left; padding:7px 10px 0px 0px; }

.logo a { float:left; line-height:44px; font-size:14px; font-weight:bold; }

.menu_main { float: right; width: 750px; padding-top:40px; }

#mainwrapper { width:100%; height:auto; float:left; }

.mainwrapper { width:960px; height:auto; margin:auto; }

.row_full { float:left; width:960px; height:auto; }

.row_full_bg { float:left; width:940px; height:31px; padding:2px 10px; }

.navigation { float:left; width:72%; height:31px; line-height:31px; font-family:Arial, Helvetica, sans-serif; }

.navigation ul { }

.navigation ul li { display: inline; list-style:none; text-transform:uppercase; }

.navigation ul li a { padding-right:20px; font-size:12px; font-weight:bold; }

.welcome_box { float: right; height: 34px; padding: 10px 0px 0; width: 304px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }

.user_name { float:left; width:304px; height:25px; text-align:center; line-height:25px; font-weight:bold; overflow:hidden; text-align:right; }

.account_type { float:left; width:304px; height:25px; text-align:center; line-height:25px; font-weight:normal; overflow:hidden; text-align:right; }

.account_type span { font-weight:normal; padding-right:5px; }

.account_type a { padding:0 1px; }

.search_box { float:right; width:220px; height:28px; margin-top:4px; }

.searchfield { float:left; width:185px; height:20px; line-height:16px; border:none; padding:0px 4px 2px 4px; font-size:12px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }

.searchbtn { float:left; margin-left: 1px; width:24px; height:24px; border:none; cursor:pointer; text-indent:-999px; }

.ctn_info { float:left; width: auto; height:auto; padding:5px 14px 7px 14px; margin-top:-5px; }

.ctn_heading { float:left; font-size:17px; width:932px; height:auto; font-family: "Arial Black", Gadget, sans-serif; }

.useful_links { float:left; width:932px; height:auto; margin-top:6px; font-size:13px; font-weight: bold; font-family: "Arial Black", Gadget, sans-serif; }

.useful_links span { float:left; width:100px; height:auto; }

.useful_links a { padding-right:15px; }

.useful_info { float:left; width:932px; height:auto; margin-top:4px; font-size:12px; }

.useful_info span.useful_info_label { float:left; width:100px; height:auto; }

.useful_links_bottom { float:left; width:932px; height:auto; margin-top:4px; font-size:13px; font-weight:bold; font-family: "Arial Black", Gadget, sans-serif; }

.useful_links_bottom span { float:left; width:100px; height:auto; }

.useful_links_bottom a { padding-right:15px; }

.ctn_heading, .useful_links, .useful_links_bottom { font-family:Arial, Helvetica, sans-serif\8; }

.inbox_messages { clear: both; overflow: hidden; width:960px; height:auto; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:4px; }

.nonavigation { margin-bottom:0px !important; }

.message_success { clear: both; overflow: hidden; width:939px; height: auto; line-height:18px; font-weight:bold; font-size:12px; margin-top:4px; margin-bottom: 2px; padding: 4px 10px 4px 10px; }

.message_warning { clear: both; overflow: hidden; width:939px; height: auto; line-height:18px; font-weight:bold; font-size:12px; margin-top:4px; margin-bottom: 2px; padding: 4px 10px 4px 10px; }

.message_error { clear: both; overflow: hidden; width:939px; height: auto; line-height:18px; font-weight:bold; font-size:12px; margin-top:4px; margin-bottom: 2px; padding: 4px 10px 4px 10px; }

.message_info { clear: both; overflow: hidden; width:939px; height: auto; line-height:18px; font-weight:bold; font-size:12px; margin-top:4px; margin-bottom: 2px; padding: 4px 10px 4px 10px; }

.select_countdown { float:left; width:476px; height:53px; font-size:17px; line-height:53px; text-align:center; cursor: pointer; }

.create_countdown { float:right; width:476px; height:53px; font-size:17px; line-height:53px; text-align:center; cursor: pointer; }

.create_countdown a { display:block; }

.ctn_widgets { float:left; width:940px; max-height:400px; height:100%; padding:10px; overflow-y:scroll; position:relative; }

.widget { float:left; width:925px; height: auto; }

.widget_img { float:left; width:925px; height:auto; text-align:center; padding:30px 0; border-top-left-radius:5px; border-top-right-radius:5px; }

.widget_info { float:left; width:885px; height:30px; padding:10px 20px; line-height:30px; margin-bottom:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }

.selected { float:right; width:150px; height:30px; text-align:center; }

.select_this { float:right; width:150px; height:30px; text-align:center; cursor: pointer; }

.widget_inputs { float:left; width:940px; height:auto; padding:10px; }

.inbox { float:left; width:860px; height:auto; padding:20px 40px; border-radius:5px; margin-bottom:3px; }

.box { float:left; width:940px; height:auto; margin-bottom:3px; }

.inbox_heading { float:left; width:860px; height:50px; padding:0px 40px; border-top-left-radius:5px; border-top-right-radius:5px; text-transform:uppercase; line-height:50px; }

.create_btn { width:240px; height:30px; line-height:30px; text-align:center; font-size:16px; border-radius:7px; margin:0px auto 8px auto; }

.create_btn a, .create_btn input[type="submit"] a { display:block; }

.create_btn a:hover, .create_btn input[type="submit"] a:hover { border-radius:7px; }

.create_btn input[type="submit"] { width:240px; height:33px; line-height:29px; text-align:center; font-size:15px; border-radius:7px; margin:0px auto 8px auto; cursor:pointer; font-weight:bold; }

#footer { width:100%; min-height:67px; height:auto; font-family:Arial, Helvetica, sans-serif; }

.footer { width:960px; height:auto; margin:auto; }

.logo_bottom { float:left; width:450px; height:auto; line-height:65px; font-size:11px; padding-left: 8px; }

.logo_bottom img { float:left; width:40px; height:40px; margin:12px 10px 0px 0px; }

.nav_bottom { float:right; width:452px; height:65px; line-height:65px; text-align: right; padding-right: 8px; }

.nav_bottom ul { }

.nav_bottom ul li { list-style:none; display: inline; font-size:11px; }

.nav_bottom ul li a.last_menu { padding:0 0 0 4px; }

.nav_bottom ul li a { padding:0px 4px; }

.nav_bottom ul li a:hover { text-decoration:underline; }

.orange_wrapper { float:left; width:940px; height:auto; padding:10px; margin-bottom:6px; }

.list_row { float:left; width:940px; height:auto; }

div.getcode { float: left; width: 939px; height:auto; }

textarea.getcode { width:96%; padding:2%; border:none; }

.ctn_list_head { float:left; width:313px; height:65px; text-align:center; font-size:17px; line-height:65px; }

.ctn_list_row { float:left; width:273px; height:auto; min-height:86px; text-align:center; font-size:15px; padding:20px; position:relative; }

.content_na { text-align:center; line-height:86px; }

.row_style1 { text-align:left; }

.row_style2 { height:auto; min-height:86px; line-height:28px; }

.row_style4 { text-align:left; }

.row_style5 { height:auto; min-height:86px; line-height:28px; }

.row_style3 img, .row_style6 img { margin:5px 13px 0px 13px; }

/*.manage_table { float:left; width:940px; height:auto; }*/

table.list_table { width:100%; text-align:center; }

.list_tr { height:auto; line-height:40px; font-size:14px; word-wrap:break-word; }

.paginator { float:left; margin: 10px auto; text-align: center; width: 100%; height:48px; }

.numbers { clear: both; margin: 10px auto; padding: 0; font-weight:bold; }

div.paginator .disabled { padding: 4px 8px; margin-right:5px; }

div.paginator div.disabled { display: inline; }

div.paginator .current { padding: 4px 8px; margin-right:5px; }

div.paginator a { padding: 4px 8px; text-decoration: none; margin-right:5px; }

div.paginator .text { float:left; width:100%; text-align:center; line-height:25px; }

div.paginator select { width:50px; margin:0 5px; }

.pagination { float:left; width:100%; height:auto; margin:20px 0; }

#pages { clear: both; margin: 0 auto; padding: 0; }

#pages ul { list-style-type: none; padding: 0; margin: 0; text-align: center; }

#pages li { display: inline; margin: 0 2px 0 0; padding: 0px; line-height: 1.2em; font-weight:bold; }

#pages li a { padding: 4px 8px; text-decoration: none; line-height: 1.2em; }

#pages li.nolink { padding: 4px 8px; }

#pages li.current { padding: 4px 8px; }

#pages li.skip { border: 0px; padding: 1px; }

.more_pages { float:left; width:100%; height:auto; margin-top:20px; text-align:center; }

.select_more { width:50px; margin:0 5px; }

.dashboard_heading { float: left; width:940px; height:65px; border-top-left-radius:5px; border-top-right-radius:5px; }

.dashboard_title { float:left; padding-left:60px; font-size:16px; line-height:65px; text-transform:uppercase; }

.create_new_btn, .upgrade_btn { float:right; margin-right:60px; margin-top:15px; width:260px; height:35px; line-height:35px; text-align:center; font-size:15px; font-weight:bold; }

.create_new_btn a { display:block; border-radius:5px; }

.centered_btn { float:left; width:100%; height:auto; margin-top:15px; margin-bottom:10px; text-align:center; font-size:15px; font-weight:bold; }

.centered_btn a { padding:7px 17px; border-radius:6px; }

.centered_btn a:hover { border-radius:6px; }

.upgrade_btn a { display:block; border-radius:5px; }

.dashboard_icons { float:left; width:900px; height:auto; padding:20px; border-radius:5px; }

.db_ic { float:left; width:132px; height:auto; font-size:14px; text-align:center; margin:24px; }

.my_ic { float:left; width:153px; height:45px; margin:24px 12px; }

.my_account_ic { float: left; height: 45px; margin: 24px 12px; min-width: 153px; }

.ac_ic { float:left; width:45px; height:44px; }

.ac_text { float: left; height: 44px; line-height: 44px; min-width: 80px; padding: 0 0 0 8px; text-align: center; }

.ac_text a { font-size:14px; display:block; }

.ac_end { float:left; width:21px; height:44px; }

.form_wrapper { float:left; width:900px; height:auto; padding:20px; border-radius:5px; }

.input_field { float:left; width:900px; height:auto; margin:5px 0; }

.input_field span { line-height:30px; }

.input_field p { float:left; width:130px; height:auto; font-size:13px; line-height:30px; }

.textfield_pwd { float:left; width:748px; height:28px; padding:0 10px; }

.content_wrapper { float:left; width:900px; height:auto; min-height:110px; padding:20px; font-size:15px; line-height:25px; text-align:justify; border-radius:5px; }

.content_wrapper ul { padding:10px 0px 0px 30px; }

.content_wrapper ul li { list-style:circle; }

.offer_name { float:left; width:470px; height:35px; text-align:center; line-height:35px; font-size:16px; font-weight:normal; }

.offer_detail { float:left; width:470px; height:65px; text-align:center; line-height:65px; font-size:13px; }

.order_details_head { float:left; width:188px; height:35px; text-align:center; font-size:16px; line-height:35px; margin-top:10px; font-weight:normal; }

.order_details_row { float:left; width:188px; height:65px; text-align:center; font-size:13px; line-height:65px; }

.order_details_row a:hover { text-decoration:underline; }

.useraccesses_head { float:left; width:313px; height:35px; text-align:center; font-size:16px; line-height:35px; font-weight:normal; }

.useraccesses_row { float:left; width:33%; padding-right:2px; height:65px; text-align:center; font-size:12px; line-height:65px; }

.useraccesses_row a:hover { text-decoration:underline; }

.current_access { float:left; padding:10px; font-size:16px; }

.feedback_textarea { width:98%; height:90px; padding:1%; font-family:Verdana, Geneva, sans-serif; font-size:12px; }

.tb_head { float:left; /*width:235px;*/ height:35px; text-align:center; font-size:16px; font-weight:normal; line-height:35px; }

.tb_row { float:left; width:235px; height:65px; text-align:center; font-size:12px; line-height:65px; }

.tb_row a:hover { text-decoration:underline; }

/*STYLE FOR MAIN CSS STARTS ENDS HERE*/

/*STYLE FOR RESPONSIVE CSS STARTS FROM HERE*/
@media only screen and (min-width: 767px) and (max-width: 999px) {

.logo { float:left; width:280px; }

#header { width:auto; }

.header { width:96%; height:auto; margin:auto; }

#mainwrapper { width:96%; padding:0 2%; height:auto; float:left; }

.mainwrapper { width:100%; height:auto; margin:auto; }

.row_full { float:left; width:100%; height:auto; }

.row_full_bg { float:left; width:98%; height:auto; padding:2px 1%; }

.menu { margin: 10px 15px 0 40px; }

.navigation { width:72%; }

.navigation ul li a { padding-right:12px; }

.search_box { width:170px; }

.searchfield { width:135px; }

.content_wrapper { width:96%; height:auto; font-size:14px; min-height:110px; padding:2%; }

.offer_name { width:50%; height:35px; text-align:center; line-height:35px; font-size:16px; }

.offer_detail { width:50%; height:65px; text-align:center; line-height:65px; font-size:13px; }

.order_details_head { width:20%; height:35px; text-align:center; font-size:16px; line-height:35px; margin-top:10px; }

.order_details_row { width:20%; height:65px; text-align:center; font-size:13px; line-height:65px; }

.useraccesses_head, .useraccesses_row { width:33%; padding-right:2px; }

.ctn_info { float:left; width:96%; height:auto; padding:5px 2% 7px 2%; }

.ctn_heading { float:left; width:100%; height:auto; }

.useful_links { float:left; width:100%; height:auto; margin-top:5px; }

.useful_info { float:left; width:100%; height:auto; margin-top:5px; }

.select_countdown { float:left; width:49%; height:53px; }

.create_countdown { float:right; width:49%; height:53px; }

.ctn_widgets { float:left; width:96%; max-height:400px; height:100%; padding:2%; overflow-y:scroll; position:relative; }

.widget { float:left; width:100%; height: auto; }

.widget_img { float:left; width:100%; height:auto; text-align:center; padding:20px 0; }

.widget_img img { max-width:580px; max-height:180px; }

.inbox_messages { width:100%; height:auto; margin-top:0px; }

.message_success, .message_warning, .message_error, .message_info { width:98%; line-height:17px; padding:5px 1%; font-size:11px; font-weight:normal; }

.welcome_box { float:right; width:305px; }

.widget_info { float:left; width:96%; height:30px; padding:10px 2%; line-height:30px; margin-bottom:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }

.selected { float:right; width:120px; height:30px; }

.select_this { float:right; width:120px; height:30px; }

.widget_inputs { float:left; width:96%; height:auto; padding:2%; }

.inbox { float:left; width:96%; height:auto; padding:20px 2%; margin-bottom:3px; }

.box { float:left; width:100%; height:auto; margin-bottom:3px; }

.inbox_heading { float:left; width:96%; height:50px; padding:0px 2%; text-transform:uppercase; line-height:50px; }

.useful_links_bottom { float:left; width:100%; height:auto; margin-top:5px; font-size:12px; }

.orange_wrapper { width:96%; padding:13px 2%; }

.list_row { width:100%; }

div.getcode { float: left; width: 99%; height:auto; }

textarea.getcode { width:96%; padding:2%; border:none; }

.manage_table { width:100%; }

.tb_head { width:25%; }

.tb_row { width:23%; word-wrap:break-word; height:auto; line-height:40px; padding:10px 1%; min-height:40px; }

.dashboard_heading { width:640px; }

.dashboard_icons { width:92%; padding:4%; }

.my_account_ic { float: left; height: 45px; margin: 24px 2% 5px; min-width: 29%; }

.ac_text { min-width:62%; padding:0px; }

.my_ic { margin:24px 23px; }

.db_ic { margin: 2% 0%; font-size:12px; width:119px; }

.db_ic img { width:74%; height:71% }

.form_wrapper { width:92%; padding:4%; }

.ctn_list_head { width:31%; font-size:14px; padding:0px 1%; }

.ctn_list_row { padding: 5px 1%; width: 31%; word-wrap:break-word; min-height:84px; font-size:11px; }

.row_style3 img, .row_style6 img { margin:5px 3px 0px 3px; }

.pagination { float:left; width:100%; height:auto; margin:20px 0; }

#pages li a { padding: 4px 8px; }

#pages li.nolink { padding: 4px 8px; }

#pages li.current { padding: 4px 8px; }

#pages li.skip { border: 0px; padding: 1px; }

.more_pages { float:left; width:100%; line-height:30px; }

.select_more { width:50px; margin:0 5px; }

#footer { height:auto; min-height:100px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.footer { float:left; width:100%; height:auto; margin:auto; text-align:center; }

.logo_bottom { float:left; width:99%; height:auto; line-height:38px; font-size:11px; text-align:center; }

.logo_bottom img { float:left; width:40px; height:40px; margin:0px 10px 0px 0px; display:none; }

.nav_bottom { float: right; height: auto; line-height: 30px; width: 100%; text-align:center; padding:0px; margin:0px; }

.nav_bottom ul li { list-style:none; display: inline; font-size:11px; color:#016fe7; text-align:center; }

.nav_bottom ul li a.last_menu { padding:0 0 0 5px; text-align:center; }

.nav_bottom ul li a { padding:0px 5px; }
}
 @media only screen and (max-width: 766px) and (min-width: 480px) {

.logo { float:left; width:280px; margin:2px 0 0 62px; }

#header { width:auto; height:85px; }

.header { width:360px; height:auto; margin:auto; }

#mainwrapper { width:98%; height:auto; float:left; padding:0 1%; }

.mainwrapper { width:98%; height:auto; margin:auto; }

.row_full { float:left; width:100%; height:auto; }

.row_full_bg { float:left; width:96%; height:auto; padding:5px 2%; }

.menu { margin: 10px 15px 0 40px; }

.navigation { width:100%; text-align:center; }

.navigation ul li a { text-align:center; padding-right:5px; font-size:11px; }

.search_box { width:100% }

.searchfield { width:92%; }

.content_wrapper { width:96%; padding:2%; height:auto; font-size:14px; min-height:110px; }

.offer_name { width:50%; height:35px; text-align:center; line-height:35px; font-size:13px; }

.offer_detail { width:50%; height:65px; text-align:center; line-height:65px; font-size:12px; }

.order_details_head { width:20%; height:35px; font-size:11px; line-height:35px; }

.order_details_row { width:20%; height:65px; text-align:center; font-size:11px; line-height:65px; }

.useraccesses_head, .useraccesses_row { width:33%; padding-right:1px; }

.ctn_info { float:left; width:96%; height:auto; padding:5px 2% 7px 2%; }

.ctn_heading { float:left; width:100%; height:auto; }

.useful_links { float:left; width:100%; height:auto; margin-top:5px; }

.useful_info { float:left; width:100%; height:auto; margin-top:5px; }

.select_countdown { float:left; width:50%; height:53px; font-size:14px; }

.create_countdown { float:right; width:49%; height:53px; margin:0 0 0 0; font-size:14px; }

.ctn_widgets { float:left; width:98%; max-height:400px; height:100%; padding:1%; overflow-y:scroll; position:relative; }

.widget { float:left; width:100%; height: auto; }

.widget_img { float:left; width:100%; height:auto; text-align:center; padding:20px 0; }

.widget_img img { max-width:280px; max-height:180px; }

.inbox_messages { width:100%; height:auto; margin-top:0px; }

.message_success, .message_warning, .message_error, .message_info { width:98%; line-height:17px; padding:5px 1%; font-size:11px; font-weight:normal; }

.welcome_box { float:left; width:304px; padding:5px 8px 0px 25px; text-align:center; }

.user_name { text-align:center; }

.account_type { text-align:center; }

.widget_info { float:left; width:96%; height:30px; padding:10px 2%; line-height:30px; margin-bottom:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; font-size:11px; }

.selected { float:right; width:85px; height:30px; }

.select_this { float:right; width:110px; height:30px; }

.widget_inputs { float:left; width:98%; height:auto; padding:1%; }

.inbox { float:left; width:96%; height:auto; padding:20px 2%; margin-bottom:3px; }

.box { float:left; width:100%; height:auto; margin-bottom:3px; }

.inbox_heading { float:left; width:96%; height:50px; padding:0px 2%; border-top-left-radius:5px; border-top-right-radius:5px; text-transform:uppercase; line-height:50px; }

.useful_links_bottom { float:left; width:310px; height:auto; margin-top:5px; font-size:12px; color:#FFFFFF; }

.orange_wrapper { width:96%; padding:2%; }

.list_row { width:100%; }

div.getcode { float: left; width: 99%; height:auto; }

textarea.getcode { width:96%; padding:2%; border:none; }

.manage_table { width:100%; }

.tb_head { width:25%; font-size:12px; }

.tb_row { width:23%; word-wrap:break-word; height:auto; line-height:20px; padding:10px 1%; min-height:40px; }

.dashboard_heading { width:340px; height:125px; text-align:center; }

.dashboard_title { text-align:center; padding:0px; width:340px; }

.upgrade_btn, .create_new_btn { margin-top:0px; }

.upgrade_btn a, .create_new_btn a { margin-left:40px; }

.dashboard_icons { width:92%; padding:5px 4%; }

.my_account_ic { margin:12px 0%; min-width:33%; }

.ac_text { min-width:44%; padding:0; }

.ac_text a { font-size:12px; }

.my_ic { margin:10px 5px; }

.db_ic { margin: 2% 0%; font-size:13px; width:129px; }

.db_ic img { width:80px; height:80px; }

.form_wrapper { width:92%; padding:4%; }

.ctn_list_head { width:31%; padding:0px 1%; font-size:12px; }

.ctn_list_row { width:31%; padding:5px 1%; word-wrap:break-word; min-height:120px; font-size:11px; }

.ctn_list_row img { width:30px; height:45px; }

.row_style3 img, .row_style6 img { margin:5px 3px 0px 3px; }

.paginator { float: left; height: 90px; line-height: 30px; margin: 10px auto; text-align: center; width: 100%; }

.pagination { float:left; width:100%; height:auto; margin:20px 0; }

#pages { line-height:31px; }

#pages li a { padding: 4px 8px; }

#pages li.nolink { padding: 4px 8px; }

#pages li.current { padding: 4px 8px; }

#pages li.skip { border: 0px; padding: 1px; }

.more_pages { float:left; width:100%; line-height:25px; margin-left:10px; margin-top:8px; }

.select_more { width:50px; margin:0 5px; }

#footer {
width:98% height:auto; font-family: Verdana, Arial, Helvetica, sans-serif; }

.footer { float:left; width:100%; height:auto; margin:auto; text-align:center; }

.logo_bottom { float:left; width:98%; height:auto; line-height:38px; font-size:11px; text-align:center; }

.logo_bottom img { float:left; width:40px; height:40px; margin:0px 10px 0px 0px; display:none; }

.nav_bottom { float: right; height: auto; line-height: 30px; width: 100%; text-align:center; padding:0px; margin:0px; }

.nav_bottom ul li { list-style:none; display: inline; font-size:11px; color:#016fe7; text-align:center; }

.nav_bottom ul li a.last_menu { padding:0 0 0 5px; text-align:center; }

.nav_bottom ul li a { padding:0px 5px; }
}
 @media only screen and (max-width: 480px) {

.logo { float:left; width:280px; margin:2px 0 0 80px; }

#header { width:auto; height:85px; }

.header { width:360px; height:auto; margin:auto; }

#mainwrapper { width:98%; height:auto; float:left; padding:0 1%; }

.mainwrapper { width:98%; height:auto; margin:0 auto; }

.row_full { float:left; width:100%; height:auto; }

.row_full_bg { float:left; width:96%; height:auto; padding:10px 2%; }

.menu { margin: 10px 15px 0 40px; }

.navigation { float:left; width:100%; height:40px; line-height:20px; text-align:center; }

.navigation ul { }

.navigation ul li { display: inline; list-style:none; text-transform:uppercase; }

.navigation ul li a { padding:0px 10px; font-size:12px; text-align:center; }

.content_wrapper { width:92%; padding:4%; height:auto; font-size:14px; min-height:110px; }

.offer_name { width:50%; height:35px; text-align:center; line-height:35px; font-size:13px; }

.offer_detail { width:50%; height:65px; text-align:center; line-height:65px; font-size:12px; }

.order_details_head { width:20%; height:35px; font-size:11px; line-height:35px; }

.order_details_row { width:20%; height:65px; text-align:center; font-size:11px; line-height:65px; }

.useraccesses_head, .useraccesses_row { width:33%; padding:0px; }

.search_box { float:left; width:100%; height:21px; margin-top:5px; }

.searchfield { float:left; width:87%; height:22px; line-height:21px; padding:0px 5px; font-size:12px; }

.searchbtn { float:left; width:24px; height:24px; cursor:pointer; border-radius:0px; }

.ctn_info { float:left; width:96%; height:auto; padding:5px 2% 7px 2%; }

.ctn_heading { float:left; width:100%; height:auto; }

.useful_links { float:left; width:100%; height:auto; margin-top:5px; }

.useful_info { float:left; width:100%; height:auto; margin-top:5px; }

.select_countdown { float:left; width:100%; height:53px; font-size:14px; }

.create_countdown { float:right; width:100%; height:53px; margin-top:10px; font-size:14px; }

.ctn_widgets { float:left; width:96%; max-height:400px; height:100%; padding:10px 2%; overflow-y:scroll; position:relative; }

.widget { float:left; width:100%; height: auto; }

.widget_img { float:left; width:100%; height:auto; text-align:center; padding:20px 0; }

.widget_img img { max-width:280px; max-height:180px; }

.inbox_messages { width:100%; height:30px; height:auto; margin-top:0px; }

.message_success, .message_warning, .message_error, .message_info { width:98%; height:auto; line-height:17px; font-size:11px; padding:5px 1%; font-weight:normal; }

.welcome_box { float:left; width:304px; padding:5px 8px 0px 25px; text-align:center; }

.user_name { text-align:center; }

.account_type { text-align:center; }

.widget_info { float:left; width:96%; height:30px; padding:10px 2%; line-height:30px; margin-bottom:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; font-size:11px; }

.selected { float:right; width:80px; height:30px; }

.select_this { float:right; width:80px; height:30px; }

.widget_inputs { float:left; width:96%; height:auto; padding:10px 2%; }

.inbox { float:left; width:92%; height:auto; padding:20px 4%; margin-bottom:3px; }

.box { float:left; width:100%; height:auto; margin-bottom:3px; }

.inbox_heading { float:left; width:92%; height:50px; padding:0px 4%; border-top-left-radius:5px; border-top-right-radius:5px; text-transform:uppercase; line-height:50px; }

.useful_links_bottom { float:left; width:100%; height:auto; margin-top:5px; font-size:12px; }

.orange_wrapper { width:340px; }

.list_row { width:340px; }

div.getcode { float: left; width: 99%; height:auto; }

textarea.getcode { width:96%; padding:2%; border:none; }

.orange_wrapper { width:96%; padding:10px 2%; }

.list_row { width:100%; }

.manage_table { width:100%; }

.list_tr { height:auto; line-height:25px; font-size:12px; word-wrap:break-word; }

.tb_head { width:25%; font-size:13px; }

.tb_row { width:25%; word-wrap:break-word; height:auto; line-height:20px; padding:10px 0; min-height:80px; }

.dashboard_heading { width:340px; height:125px; text-align:center; }

.dashboard_title { text-align:center; padding:0px; width:340px; }

.upgrade_btn, .create_new_btn { margin-top:0px; }

.upgrade_btn a, .create_new_btn a { margin-left:40px; }

.dashboard_icons { width:96%; padding:5px 2%; }

.my_account_ic { margin:8px; min-width:143px; }

.ac_text { min-width:60px; }

.ac_text a { font-size:12px; }

.my_ic { margin:10px 5px; }

.db_ic { width:80px; height:90px; font-size:11px; margin: 4px 13px; }

.db_ic img { width:60px; height:60px; }

.form_wrapper { width:92%; padding:4%; }

.ctn_list_head { width:32%; padding:0 1% 0 0; font-size:12px; }

.ctn_list_row { width:32%; padding:1% 0 0 1%; word-wrap:break-word; min-height:170px; font-size:11px; }

.ctn_list_row img { width:30px; height:45px; }

.row_style3 img, .row_style6 img { margin:5px 3px 0px 3px; }

.paginator { float: left; height: 115px; line-height: 30px; margin: 10px auto; text-align: center; width: 100%; }

.pagination { float:left; width:100%; height:auto; margin:20px 0; }

#pages { line-height:31px; }

#pages li a { padding: 4px 8px; }

#pages li.nolink { padding: 4px 8px; }

#pages li.current { padding: 4px 8px; }

#pages li.skip { border: 0px; padding: 1px; }

.more_pages { float:left; width:100%; line-height:25px; margin-left:10px; margin-top:8px; }

.select_more { width:50px; margin:0 5px; }

#footer { width:98%; height:125px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.footer { width:100%; height:auto; margin:auto; }

.logo_bottom { float:left; width:94%; height:auto; line-height:20px; font-size:10px; margin-left:10px; padding-top:15px; margin-bottom:20px; text-align:center; }

.logo_bottom img { float:left; width:40px; height:40px; margin:0px 10px 0px 0px; display:block; }

.nav_bottom { float: left; height: auto; min-height:50px; line-height: 20px; margin:0px; width: 100%; text-align:center; }

.nav_bottom ul { }

.nav_bottom ul li { list-style:none; display: inline; font-size:10px; text-align:center; }

.nav_bottom ul li a.last_menu { padding:0 0 0 5px; text-align:center; }

.nav_bottom ul li a { padding:0px 5px; }

.nav_bottom ul li a:hover { text-decoration:underline; }

.centered_btn a { font-size:12px; }
}
 @media only screen and (max-width: 320px) {

html, body { width:320px; }

#header { width:100%; height:85px; }

.header { width:100%; height:auto; margin:auto; }

.logo { float:left; width:250px; margin:2px 0 0 62px; }

#mainwrapper { width:98%; height:auto; float:left; }

.mainwrapper { width:300px; height:auto; margin:auto; }

.row_full { float:left; width:300px; height:auto; }

.row_full_bg { float:left; width:94%; height:auto; padding:10px 3%; }

.menu { margin: 5px 20px 0 20px; }

.navigation { float:left; width:283px; height:40px; line-height:20px; text-align:center; }

.navigation ul { }

.navigation ul li { display: inline; list-style:none; text-transform:uppercase; }

.navigation ul li a { padding:0px 2px; font-size:12px; text-align:center; }

.content_wrapper { width:260px; height:auto; font-size:14px; min-height:110px; padding:10px; font-size:12px; text-align:left; }

.offer_name { width:140px; height:35px; text-align:center; line-height:35px; font-size:13px; }

.offer_detail { width:140px; height:40px; text-align:center; line-height:40px; font-size:11px; }

.order_details_head { width:52px; height:50px; font-size:11px; line-height:20px; word-wrap:break-word; padding:13px 2px 0px; }

.order_details_row { width:56px; height:50px; font-size:11px; line-height:20px; word-wrap:break-word; }

.useraccesses_head { width:93px; font-size:14px; }

.useraccesses_row { width:93px; }

.search_box { float:left; width:283px; height:27px; margin-top:10px; }

.searchfield { float:left; width:243px; height:22px; line-height:22px; border:none; padding:0px 5px; font-size:12px; border:1px solid #a86d08; }

.searchbtn { float:left; width:24px; height:24px; border:none; border-radius:0px; cursor:pointer; }

.inbox_messages { width:100%; height:auto; margin-top:0px; }

.message_success, .message_warning, .message_error, .message_info { width:98%; height:auto; line-height:17px; font-size:9px; padding:5px 1%; font-size:11px; font-weight:normal; }

.centered_btn a { padding:7px 15px; border-radius:6px; margin-bottom:10px; font-size:12px; }

.ctn_info { float:left; width:95%; height:auto; padding:5px 2% 7px 3%; }

.ctn_heading { float:left; width:283px; height:auto; }

.useful_links { float:left; width:283px; height:auto; margin-top:5px; font-size:12px; }

.useful_links a, .useful_links_bottom a { padding-right:10px; }

.useful_links span, .useful_links_bottom span { width:90px; }

.useful_links_bottom { float:left; width:283px; height:auto; margin-top:5px; font-size:12px; }

.useful_info { float:left; width:280px; height:auto; margin-top:5px; }

.select_countdown { float:left; width:300px; height:53px; }

.create_countdown { float:left; width:300px; height:53px; margin-top:10px; }

.ctn_widgets { float:left; width:93%; max-height:400px; height:100%; padding:10px 3%; overflow-y:scroll; position:relative; }

.widget { float:left; width:100%; height: auto; }

.widget_img { float:left; max-width:100%; height:auto; text-align:center; padding:20px 0; }

.widget_img img { max-height: 157px; max-width: 240px; }

.welcome_box { float:left; width:280px; height:33px; padding:5px 0px 0px 20px; }

.user_name { width:283px; }

.account_type { width:283px; }

.widget_info { float:left; width:96%; height:30px; padding:15px 2%; line-height:30px; margin-bottom:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; font-size:9px; }

.selected { float:right; width:65px; height:30px; }

.select_this { float:right; width:65px; height:30px; }

.widget_inputs { float:left; width:280px; height:auto; padding:10px; }

.inbox { float:left; width:260px; height:auto; padding:10px; margin-bottom:3px; }

.box { float:left; width:281px; height:auto; margin-bottom:3px; }

.inbox_heading { float:left; width:260px; height:50px; padding:0px 10px; line-height:50px; }

.orange_wrapper { width:96%; padding:2%; }

.list_row { width:280px; }

div.getcode { float: left; width: 279px; height:auto; }

textarea.getcode { width:96%; padding:2%; border:none; }

.manage_table { width:282px; }

.list_tr { height:auto; line-height:23px; font-size:11px; word-wrap:break-word; }

.tb_head { width:70px; font-size:13px; }

.tb_row { width:50px; word-wrap:break-word; height:auto; line-height:20px; padding:10px; min-height:80px; }

.dashboard_heading { width:280px; height:125px; text-align:center; }

.dashboard_title { text-align:center; padding:0px; width:280px; }

.upgrade_btn, .create_new_btn { margin-top:0px; float:left; }

.upgrade_btn a, .create_new_btn a { margin-left:20px; }

.dashboard_icons { width:270px; padding:5px; }

.my_ic { margin:5px 4px; width:124px; height:35px; }

.my_ic img { width:124px; height:35px; }

.db_ic { width:80px; height:90px; font-size:11px; margin: 4px 5px; }

.db_ic img { width:60px; height:60px; }

.my_account_ic { margin:8px; }

.ac_text { width:180px; padding-left:8px; }

.ac_text a { font-size:12px; }

.form_wrapper { width:92%; padding:5px 4%; }

.ctn_list_head { width:93px; font-size:12px; padding:0px; }

.ctn_list_row { width:83px; padding:5px; word-wrap:break-word; min-height:170px; font-size:11px; line-height:24px; }

.ctn_list_row img { width:30px; height:45px; }

.row_style3 img, .row_style6 img { margin:5px 3px 0px 3px; }

.paginator { float: left; height: 115px; line-height: 30px; margin: 10px auto; text-align: center; width: 100%; }

.pagination { float:left; width:300px; height:auto; margin:20px 0; }

#pages { line-height:31px; }

#pages li a { padding: 4px 8px; }

#pages li.nolink { padding: 4px 8px; }

#pages li.current { padding: 4px 8px; }

#pages li.skip { border: 0px; padding: 1px; }

.more_pages { float:left; width:280px; line-height:25px; margin-left:10px; margin-top:8px; }

.select_more { width:50px; margin:0 5px; }

#footer { height:155px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.footer { width:320px; height:auto; margin:auto; }

.logo_bottom { float:left; width:300px; height:auto; line-height:20px; font-size:10px; margin-left:5px; padding-top:15px; margin-bottom:10px; text-align:center; }

.logo_bottom img { float:left; width:40px; height:40px; margin:0px 5px 0px 0px; display:block; }

.nav_bottom { float: left; width: 290px; height: 58px; line-height: 20px; margin-left: 18px; text-align:center; }

.nav_bottom ul { }

.nav_bottom ul li { list-style:none; display: inline; font-size:10px; text-align:center; }

.nav_bottom ul li a.last_menu { padding:0 0 0 5px; text-align:center; }

.nav_bottom ul li a { padding:0px 5px; }

.nav_bottom ul li a:hover { text-decoration:underline; }
}

/*STYLE FOR RESPONSIVE CSS ENDS HERE*/

/*STYLE FOR forms and inputs for MAIN STARTS FROM HERE*/
.fields { float:left; width:900px; height:auto; margin:5px 0; line-height:30px; }

.wide_p { float:left; width:130px; height:auto; font-size:13px; line-height:30px; }

.textfield_five { float:left; width:748px; height:28px; padding:0 10px; }

.click_button { float:right; width:240px; height:30px; border:none; border-radius:5px; cursor:pointer; font-weight:bold; }

.inbox_input_field p { float:left; width:160px; }

div.inbox_input_field .count_down_hide_powered { float: left; margin: 6px 10px 0 0; width:10px; }

div.inbox_input_field input[type="radio"] { float:left; margin:6px 5px 0 0; width:10px; }

.textfield { float:left; width:296px; height:28px; line-height:30px; padding:0 5px; }

.inbox_input_field { float:left; width:860px; height:auto; line-height:24px; padding:5px 0; }

.input_box p { line-height:30px; float:left; min-width:130px; }

.pick_date { float:left; width:30px; height:30px; margin-left:20px; }

.time_zone { float:left; width:448px; height:28px; line-height:30px; padding:3px 0; }

.inbox_selective { float:left; width:860px; height:auto; padding:20px 40px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }

.inbox_selective p { margin-bottom:10px; }

.input_box { float:left; width:860px; height:auto; }

.input_info { float:left; width:80px; height:auto; text-align:center; margin-right:75px; margin-bottom:20px; }

.dropdown_small { float:left; width:80px; }

.input_info_last { float:left; width:80px; height:auto; text-align:center; }

.input_info_single { float:left; width:220px; height:auto; text-align:center; margin-top:10px; line-height:15px; }

#redirect_url { float:left; width:500px; height:auto; line-height:20px; }

#redirect_url span { margin-left:5px; line-height:30px; }

#inputbox2, #inputbox3, #inputbox4, #play_sound { display:none; }

div.sounds_list span.preview { cursor: pointer; background: url(../img/bgray/pause_play_stop.png) no-repeat; font-size:0px; text-indent: -999px; width: 26px; height: 27px; background-position: -31px 0; float:left; margin:1px 0 0 15px; }

div.sounds_list span.preview.playing { background-position: 0 0; }

div.sounds_list span.playing_animation { background: url(../img/bgray/playing_animation.gif) no-repeat; width: 95px; height: 24px; text-indent: -999px; background-size: 95px 24px; float:left; margin:1px 0 0 15px; }

/*STYLE FOR forms and inputs for MAIN STARTS ENDS HERE*/

/*STYLE FOR forms and inputs for RESPONSIVE STARTS FROM HERE*/
@media only screen and (min-width: 768px) and (max-width: 999px) {

.input_field, .fields { width:100%; }

.fields strong, .fields span.value_p { float:right; text-align:left; width:75%; padding:0 20px 0 0; }

.textfield_pwd, .textfield_five { width:75%; float:right }

.inbox_input_field p { float:left; width:122px; }

.textfield { float:left; width:46%; height:28px; line-height:30px; padding:0 5px; }

.inbox_input_field { float:left; width:100%; height:auto; line-height:30px; padding:5px 0; }

.input_box p { line-height:30px; float:left; min-width:122px; }

.time_zone { width:378px; }

.inbox_selective { width:96%; padding:20px 2%; }

.input_box { float:left; width:100%; height:auto; }

.input_info { float:left; width:80px; height:auto; text-align:center; margin:0px 25px 20px 25px; }

.dropdown_small { float:left; width:80px; }

.input_info_last { float:left; width:80px; height:auto; text-align:center; margin:0px 25px 20px 25px; }

.input_info_single { float:left; width:520px; height:auto; text-align:center; margin-top:10px; line-height:15px; }

#redirect_url { float:left; width:610px; height:auto; line-height:25px; }

div.inbox_input_field input[type="radio"] { float:left; margin:8px 5px 0 0; width:10px; }

div.inbox_input_field .count_down_hide_powered { float: left; margin: 9px 10px 0 0; width:10px; }
}
 @media only screen and (max-width: 767px) {

.input_field, .fields { width:100%; }

.fields strong, .fields span.value_p { float:right; text-align:left; width:62%; padding:0 20px 0 0; }

.textfield_pwd, .textfield_five { width:62%; float:right; }

.click_button { width:169px; }

.inbox_input_field p { float:left; width:122px; }

.textfield { float:left; width:50%; height:28px; line-height:30px; padding:0 5px; }

.inbox_input_field { float:left; width:100%; height:auto; line-height:24px; padding:5px 0; }

.input_box p { line-height:30px; float:left; min-width:122px; }

.time_zone { width:178px; }

.inbox_selective { width:96%; padding:20px 2%; }

.input_box { float:left; width:100%; height:auto; }

.input_info { float:left; width:80px; height:auto; text-align:center; margin:0px 25px 20px 25px; }

.dropdown_small { float:left; width:80px; }

.input_info_last { float:left; width:80px; height:auto; text-align:center; margin:0px 25px 20px 25px; }

.input_info_single { float:left; width:220px; height:auto; text-align:center; margin-top:10px; line-height:15px; }

#redirect_url { float:left; width:96%; height:auto; line-height:25px; }

div.inbox_input_field .count_down_hide_powered { float: left; margin: 6px 10px 0 0; width:10px; }
}
 @media only screen and (max-width: 480px) {

.input_field, .fields { width:100%; }

.fields strong, .fields span.value_p { float:right; text-align:left; width:50%; padding:0 20px 0 0; }

.wide_p { width:108px; }

.textfield_pwd, .textfield_five { width:50%; }

.click_button { width:169px; }

.inbox_input_field p { float:left; width:122px; }

.textfield { float:left; width:166px; height:28px; line-height:30px; padding:0 5px; }

.inbox_input_field { float:left; width:100%; height:auto; line-height:24px; padding:5px 0; }

.input_box p { line-height:30px; float:left; min-width:300px; }

.time_zone { width:178px; }

.inbox_selective { width:92%; padding:20px 4%; }

.input_box { float:left; width:300px; height:auto; }

.input_info { float:left; width:80px; height:auto; text-align:center; margin:0px 25px 20px 25px; }

.dropdown_small { float:left; width:80px; }

.input_info_last { float:left; width:80px; height:auto; text-align:center; margin:0px 25px 20px 25px; }

.input_info_single { float:left; width:220px; height:auto; text-align:center; margin-top:10px; line-height:15px; }

#redirect_url { float:left; width:310px; height:auto; line-height:25px; }
}
 @media only screen and (max-width: 320px) {

.wide_p { width:120px; }

.fields strong, .fields span.value_p { float:right; text-align:left; width:120px; }

.input_field, .fields { width:263px; font-size:11px; }

.textfield_pwd, .textfield_five { width:120px; }

.click_button { float:left; width:260px; height:30px; }

.inbox_input_field p { float:left; width:250px; }

.textfield { float:left; width:204px; height:28px; line-height:27px; padding:0 5px; }

.inbox_input_field { float:left; width:235px; height:auto; line-height:24px; padding:5px 10px; }

.input_box p { min-width:266px; }

.time_zone { width:200px; }

.inbox_selective { width:260px; padding:10px; }

.input_box { float:left; width:266px; height:auto; }

.input_info { float:left; width:80px; height:auto; text-align:center; margin:0px 25px 20px 25px; }

.dropdown_small { float:left; width:80px; }

.input_info_last { float:left; width:80px; height:auto; text-align:center; margin:0px 25px 20px 25px; }

.input_info_single { float:left; width:220px; height:auto; text-align:center; margin-top:10px; margin-left:25px; line-height:15px; }

#redirect_url { float:left; width:250px; height:auto; line-height:25px; }
}

/*STYLE FOR forms and inputs for RESPONSIVE ENDS HERE*/



/*Style for new pages starts from here*/

.form-wrapper { float:left; width:100%; height:auto; padding:10px 0; }

.form-wrapper h1 { font-weight:normal; font-size:18px; }

.fields_login { float:left; width:100%; text-align:center; font-size:14px; margin-bottom:10px; line-height:30px; }

.fields_login_remember { text-align: left; padding-left: 228px; float:left; width:650px; font-size:14px; line-height:20px; }

.wide_login { float: left; height: 28px; line-height: 28px; margin-bottom: 10px; text-align: right; width: 217px; font-size:14px; }

.textfield_login { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; float: left; height: 28px; margin: 0 0 0 10px; padding: 0 10px; width: 440px; }

.textfield_short { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; float: left; height: 28px; margin: 0 0 0 10px; padding: 0 10px; width: 240px; }

.textfield_select { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; float: left; height: 28px; margin: 0 0 0 10px; padding: 0 10px; width: 262px; }

.textfield_shortest { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dfdfdf; height: 28px; margin: 0 0 0 10px; padding: 0 10px; width: 120px; }

.login_button { float:right; width:150px; height:30px; background:#414141; color:#FFFFFF; border:none; border-radius:5px; cursor:pointer; font-weight:bold; margin-bottom:15px; margin-right:210px; margin-left:10px; }

.login_button:hover { background:#016fe7; }

.formSubmit { float:right; width:262px; height:30px; background:#414141; color:#FFFFFF; border:none; border-radius:5px; cursor:pointer; font-weight:bold; margin:0px 30px 10px 0px; }

.formSubmit:hover { background:#016fe7; }

.payment_btn { float:right; width:262px; height:30px; background:#414141; color:#FFFFFF; border:none; border-radius:5px; cursor:pointer; font-weight:bold; margin:0 0 10px 10px; }

.payment_btn:hover { background:#016fe7; }

.forgot_password { float:left; width:100%; text-align:center; font-size:14px; line-height: 24px; }

div.form-wrapper .fields { width:100%; font-size:14px; }

div.form-wrapper .wide_p { float:left; width:300px; height:28px; line-height:28px; margin-bottom:10px; text-align:right; font-size:14px; }

div.form-wrapper .textfield_five, div.form-wrapper .textfield_pwd { float:left; width:340px; height:28px; padding:0 10px; margin-bottom:10px; background:#FFFFFF; border:1px solid #dfdfdf; margin-left:10px; }

div.form-wrapper .textfield { float:left; width:363px; height:28px; padding:0 10px; margin-bottom:10px; background:#FFFFFF; border:1px solid #dfdfdf; margin-left:10px; }

.create_ac_btn { float:right; width:240px; height:30px; border:none; border-radius:5px; cursor:pointer; font-weight:bold; margin-right:227px; background:#414141; color:#FFFFFF; }

.create_ac_btn:hover { background-color: #016fe7; }

.box_body2 { float:left; width:100%; height:auto; }

.product_img2 { float:left; width:220px; height:220px; }

.product_content2 { float:left; width:575px; height:auto; min-height:220px; margin-right:25px; }

.pro_name { float:left; width:100%; height:auto; font-weight:bold; }

.download_btn2 { float:left; width:70px; height:70px; }

.downloads { float:left; width:100%; height:auto; }

.downloads h2 { font-weight:normal; text-align:center; font-size:18px; margin-bottom:15px; }

.result { float:left; width:100%; height:auto; background:#EEEEEE; border:1px solid #4D4D4D; margin-bottom:20px; padding: 2% 5%; }

.small_image { float:left; width:20%; height:84px; text-align:center; }

.product { float:left; width:80%; height:auto; text-align:center; }

.title { background:#333333; color:#FFFFFF; height:25px; line-height:25px; }

.title a { color:#CCCCCC; }

.title a:hover { color:#FFFFFF; }

.description, .cat, .download { background:#ACAAAA; color:#FFFFFF; height:25px; line-height:25px; }

.description a, .cat a, .download a { color:#FFFFFF; }

.description a:hover, .cat a:hover, .download a:hover { color:#000000; }

.product_head { float:left; width:100%; height:auto; font-weight:bold; }

.products { float:left; width:100%; height:auto; background:#EEEEEE; margin:20px 0; padding: 1% 0%; }

.product_serial { float:left; width:4%; height:auto; text-align:center; margin:10px 0; font-weight:bold; line-height:120px; }

.product_info { float:left; width:88%; height:auto; background:#FFFFFF; border:1px solid #999; padding:2%; margin:10px 0; }

.product_img { float:left; width:84px; height:84px; margin-right:20px; }

.product_content { float:left; width:610px; }

.download_btn { float:right; width:70px; height:70px; }

.pro_name, .product_cat, .loyalty_bonus { float:left; width:100%; height:auto; font-size:13px; line-height:20px; }

.product_cat { font-weight:bold; color:#016fe7; }

.product_wrapper { float:left; width:100%; height:auto; }

.bonus_box { float:left; width:100%; height:auto; background:#FFFFFF; padding:10px 0; margin-top:5px; }

.bonus_box_head { float:left; width:100%; height:auto; font-size: 14px; font-weight: bold; color:#333333; }

.bonus_box_head span { font-style: italic; font-size: 12px; }

.bonus_box_head span a { color:#333333; }

.bonus_box_head span a:hover { color:#5d5d5d; }

.bonus_txt { width:500px; }

.bonus_btn { width:70px; }

.bonus_unlock { width:50px; }
 @media only screen and (min-width: 768px) and (max-width: 999px) {

.wide_login { width: 25%; }

.textfield_login { float: left; margin-left: 3%; padding: 0 2%; width: 50%; }

.fields_login_remember { float:right; width: 72%; padding-left:0px; }

.fields_login_remember input { float: left; margin-top:4px; }

.fields_login_remember label { float:left; }

.login_button { float:right; width:150px; margin:10px 21% 15px 10px !important; }

div.form-wrapper .wide_p { width:32%; text-align:right; margin:0 2% 0 0; }

div.form-wrapper .textfield_five, div.form-wrapper .textfield_pwd { width:55%; padding:0 1%; margin:0; }

.fields_login { line-height:25px; }

div.form-wrapper .textfield { width:57%; padding:0 1%; margin:0; }

.create_ac_btn { float: right; font-weight: bold; height: 30px; margin: 7px 11% 5px 0; width: 260px; }

.product_serial { width:5%; }

.product_info { width:89%; }

.product_img { float:left; width:11%; height:auto; margin:0; }

.product_content { float:left; width:69%; padding:0 4%; }

.download_btn { float:right; width:11%; height:auto; margin:5px 0 0 0; }

.product_img2 { float:left; width:12%; height:auto; text-align:center; }

.product_img2 img { width:100px; height:100px; }

.product_content2 { float:left; width:74%; height:auto; margin:0px; padding:0 2% }

.download_btn2 { float:left; width:10%; height:auto; text-align:center; margin:5px 0 0 0; }

div.freeForm form div.submit input { float:left !important; width:180px; height:30px; margin:5px 0 0 -83px !important; }

.payCardTDRight { padding: 3px 0px 3px 10px; }

.payCardTDRight div.submit { margin-left:0px; }
}
 @media only screen and (max-width: 767px) {

.wide_login { width: 15%; }

.textfield_login { float: right; margin-left: 0; padding: 0 2%; width: 74%; }

.fields_login_remember { float:right; width: 78%; padding-left:0px; }

.fields_login_remember input { float: left; margin-top:4px; }

.fields_login_remember label { float:left; }

.login_button { float:right; width:150px; margin:10px 0px 15px 10px !important; }

div.form-wrapper .wide_p { width:100%; text-align:left; margin:0; }

div.form-wrapper .textfield_five, div.form-wrapper .textfield_pwd { width:92%; padding:0 1%; margin:0; }

.fields_login { line-height:25px; }

div.form-wrapper .textfield { width:95%; padding:0 1%; margin:0; }

.create_ac_btn { float: left; font-weight: bold; height: 30px; margin: 10px 0 0px -72px; width: 260px; }

.small_image { float:left; width:23%; height:auto; text-align:center; }

.product { float:left; width:77%; height:auto; text-align:center; }

.product_serial { width:10%; }

.product_info { width:81%; }

.product_img { float:left; width:100%; height:auto; margin:0px; text-align:center; }

.product_content { float:left; width:100%; }

.download_btn { float:right; width:100%; height:auto; margin:5px 0 0 0; text-align:center; }

.product_img2 { float:left; width:100%; height:auto; text-align:center; }

.product_img2 img { width:100px; height:100px; }

.product_content2 { float:left; width:100%; height:auto; min-height:50px; margin:0px; }

.download_btn2 { float:left; width:100%; height:auto; text-align:center; margin:5px 0 0 0; }

.bonus_txt { width:250px; }

div.freeForm form div.submit input { float:left !important; width:180px; height:30px; margin:5px 0 0 -17px !important; }

.payCardTable { width:100%; }

.payCardTDRight { padding: 3px 0px 3px 10px; }

.payCardTDRight div.submit { margin-left:0px; }
}
 @media only screen and (max-width: 480px) {

.wide_login { width: 20%; }

.textfield_login { float: right; margin-left: 0; padding: 0 2%; width: 63%; }

.fields_login_remember { float:right; width: 67%; padding-left:0px; }

.fields_login_remember input { float: left; margin-top:4px; }

.fields_login_remember label { float:left; }

.login_button { float:right; width:150px; margin:10px 0px 15px 10px !important; }

div.form-wrapper .wide_p { width:100%; text-align:left; margin:0; }

div.form-wrapper .textfield_five, div.form-wrapper .textfield_pwd { width:90%; padding:0 1%; margin:0; }

.fields_login { line-height:25px; }

div.form-wrapper .textfield { width:92%; padding:0 1%; margin:0; }

.create_ac_btn { float: left; font-weight: bold; height: 30px; margin: 10px 0 0px -72px; width: 260px; }

.small_image { float:left; width:100%; height:auto; text-align:center; }

.product { float:left; width:100%; height:auto; text-align:center; }

.product_serial { width:10%; }

.product_info { width:81%; }

.product_img { float:left; width:100%; height:auto; margin:0px; text-align:center; }

.product_content { float:left; width:100%; }

.download_btn { float:right; width:100%; height:auto; margin:5px 0 0 0; text-align:center; }

.product_img2 { float:left; width:100%; height:auto; text-align:center; }

.product_img2 img { width:100px; height:100px; }

.product_content2 { float:left; width:100%; height:auto; min-height:50px; margin:0px; }

.download_btn2 { float:left; width:100%; height:auto; text-align:center; margin:5px 0 0 0; }

.bonus_txt { width:140px; }

div.freeForm form div.submit input { float:left !important; width:180px; height:30px; margin:5px 0px 6px -17px !important; }

div.freeForm form div.mainInput { margin-top:10px; }
}
 @media only screen and (max-width: 320px) {

.wide_login { width: 78px; }

.textfield_login { width: 150px; }

.fields_login_remember { width: 92%; padding-left:21px; }

.fields_login_remember input { float: left; margin-left: 80px; width: 10px; margin-top:4px; }

.fields_login_remember label { float:left; width: 120px; }

.login_button { float:right; width:150px; margin:10px 10px 15px 10px !important; }

div.form-wrapper .wide_p { width:100%; text-align:left; margin:0; }

div.form-wrapper .textfield_five, div.form-wrapper .textfield_pwd { width:90%; padding:0 1%; margin:0; }

.fields_login { line-height:25px; }

div.form-wrapper .textfield { width:92%; padding:0 1%; margin:0; }

.create_ac_btn { float: left; font-weight: bold; height: 30px; margin: 7px 0 5px -60px; width: 260px; }

.small_image { float:left; width:100%; height:auto; text-align:center; }

.product { float:left; width:100%; height:auto; text-align:center; }

.product_serial { width:10%; }

.product_info { width:81%; }

.product_img { float:left; width:100%; height:auto; margin:0px; text-align:center; }

.product_content { float:left; width:100%; }

.download_btn { float:right; width:100%; height:auto; margin:5px 0 0 0; text-align:center; }

.content_wrapper { width:96%; height:auto; padding:2%; }

.product_img2 { float:left; width:100%; height:auto; text-align:center; }

.product_img2 img { width:100px; height:100px; }

.product_content2 { float:left; width:100%; height:auto; min-height:50px; margin:0px; }

.download_btn2 { float:left; width:100%; height:auto; text-align:center; margin:5px 0 0 0; }

.bonus_txt { width:106px; }

div.freeForm form div.submit input { float:left !important; width:180px; height:30px; margin:5px 0px 6px -7px !important; }

div.freeForm form div.mainInput { margin-top:10px; }
}

/*Style for new pages end here*/


/*CSS imported from "offerFree.css" start from here*/
div.freeForm { display: block; margin: 0px; padding: 0px; }

div.freeForm form fieldset { border: none; margin: 0px; padding: 0px; }

div.freeForm form div.mainInput { clear:both; display: block; float: left; }

div.freeForm form div.mainInput div.hidden { clear:both; display: none; }

div.freeForm form div.mainInput div.lable { float: left; height: 23px; line-height: 23px; margin-bottom: 10px; text-align: left; width: 45px; font-size:14px; }

div.freeForm form div.mainInput div.input { float:left; width: inherit; }

div.freeForm form div.mainInput div.input input { float: left; height: 23px; margin: 0 0 0 10px; padding: 0 10px; width: 180px; }

div.freeForm form div.mainInput div.terms { text-align: right; width: 260px; }

div.freeForm form div.submit { display: block; text-align: center; }

div.freeForm form div.submit input { float:right; width:180px; height:30px; border:none; border-radius:5px; cursor:pointer; font-weight:bold; margin:5px 37px 15px 10px; }

/*CSS imported from "offerFree.css" Ends here*/

/*CSS imported from "offerPaymentCC.css" start from here*/

.payCardMainTable { margin:0 auto; border: none; border: 0px; padding: 5px 5px 5px 5px; }

.payCardBox { }

.payCardTitle { text-align: left; margin-bottom: 20px; padding-bottom: 5px; padding-left: 7px; }

.payCardTitle h2 { text-align: center; margin-bottom: 20px; padding-bottom: 5px; }

.payCardTable { border-collapse: collapse; }

.payCardTDLeft { font-size: 14px; padding: 0 10px 0 0; text-align: right; vertical-align: middle; white-space: nowrap; margin-bottom:10px; }

.payCardTDLeft span { float:right; margin-top:-7px !important; }

.payCardTDRight { padding: 3px 15px 0px 10px; vertical-align: middle; text-align: left; height:10px; }

.payCardTDRight input[type=text] { float: left; height: 23px; padding: 0 10px; width: 240px; margin-bottom:7px; }

.payCardTDRight input[type=text]#OfferXCardCode { float: left; height: 23px; padding: 0 10px; width: 140px; margin-bottom:7px; }

.payCardTDRight select { float: left; height: 23px; padding: 0 10px; width: 262px !important; margin-bottom:7px; }

.payCardTDRight select#OfferXExpDateYear { float: left; height: 23px; padding: 0 10px; width: 126px !important; margin-bottom:7px; }

.payCardTDRight select#OfferXExpDateMonth { float: left; height: 23px; padding: 0 10px; width: 126px !important; margin-left:10px; margin-bottom:7px; }

.payCardTDRight font { float:left; }

.payCardTDOtherBox { vertical-align: middle; padding: 0px 0px 0px 5px; }

.payOtherBox { position:relative; top:7px; }

.payOtherTable { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; }

div.securitySection { vertical-align: bottom; text-align: center; margin: 0px; padding: 0px; float:left; margin-left:-25px; }

div.securitySection div.AuthorizeNetSeal { margin: 0 auto; padding: 10px; }

/*CSS imported from "offerPaymentCC.css" Ends here*/