Jump to content

turkspartan

Members
  • Posts

    62
  • Joined

  • Last visited

Everything posted by turkspartan

  1. Thanks for the reply, but I am not sure if I understand. Do I add this into the css file? I did that and nothing changed. I don't know if I have to put it anywhere specific
  2. Thank you so much for trying to help, but <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />in the header wont help. It made no difference at all.I really need help here and don't know what to do :'(
  3. Do you have IE8? I think its fine on other IE's. Yeah but, I wouldn't even know where to begin since I don't know what is messing it up in the first place.
  4. Website works just fine in all browsers except in IE8. Everything is much smaller in IE8 including slider and body of the page. Even the fonts look bad because of it. I made sure my browsers zoom is at 100%. What could be causing this? Thank you. I really need help. I am guessing it can be a wrapper issue? @import url("../CherryFramework/style.css");@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700);@import url(//fonts.googleapis.com/css?family=Archivo+Narrow:700);body { background:#cbc7d4 url(images/body.jpg) repeat 50% 0%; }@media (max-width: 767px) { body { padding:0; }}.floater {text-shadow: 0px 2px 2px rgba(0,0,0,0.8); font-size:18px; }.floater a:hover { text-decoration:none; color:#72aad0;}.main-holder input[type="text"], .main-holder input[type="email"], .main-holder textarea { background:none; min-height:41px; margin:0; padding:11px 14px !important; border:1px solid #e4e4e4; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; resize:none; font-family:'Ubuntu', sans-serif; font-size:12px; font-weight:400; color:#7d7d7d;}html.ie8 .main-holder input[type="text"], html.ie8 .main-holder input[type="email"], html.ie8 .main-holder textarea { min-height:17px; }.main-holder input[type="submit"], .main-holder input[type="reset"] { background:url(images/button.gif) repeat-x 0% 0%; height:42px; overflow:hidden; margin:0 10px 0 0; padding:0 21px 0 21px; line-height:42px; font-family:'Ubuntu', sans-serif; font-size:13px; font-weight:400; border:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-decoration:none; color:#fff;}.main-holder input[type="submit"]:focus, .main-holder input[type="reset"]:focus { background:url(images/button.gif) repeat-x 0% 0%; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}.main-holder input[type="submit"]:hover, .main-holder input[type="reset"]:hover { background-position:0% -42px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}.search-form input[type="text"] { min-height:42px; }@media (min-width: 768px) and (max-width: 979px) { .search-form input[type="text"] { width:180px; }}html.ie8 .search-form input[type="text"] { width:200px; }@media (max-width: 480px) { .search-form input[type="text"] { width:180px; }}.bottomlink { font-size:11px;}h1 { letter-spacing:0px; text-transform:uppercase;}h1 a { text-decoration:none; color:#474747;}h1 a:hover { text-decoration:none; color:#72aad0;}h2 { margin-bottom:27px; letter-spacing:-1px; text-transform:uppercase;}h2 a { text-decoration:none; color:#474747;}h2 a:hover { text-decoration:none; color:#72aad0;}h2 em { display:block; margin:0 0 -15px 0; font-style:normal;}h3 { margin-bottom:8px; letter-spacing:-1px; text-transform:uppercase; }h3 a:hover { text-decoration:none; color:#72aad0;}h4 { margin-bottom:28px; text-transform:uppercase;}h4 a { text-decoration:none; }h4 a:hover { text-decoration:none; color:#242424;}h5 { letter-spacing:0px; }h5 a { text-decoration:none; color:#474747;}h5 a:hover { text-decoration:none; color:#72aad0;}h6 { text-transform:uppercase; }p { margin:0 0 18px 0; }img.alignnone { background:#fff; padding:5px; border:1px solid #ebebeb;}@media (min-width: 979px) and (max-width: 1200px) { img.alignnone { max-width:96%; }}html.ie8 img.alignnone { max-width:96%; }@media (min-width: 768px) and (max-width: 979px) { img.alignnone { max-width:96%; }}@media (max-width: 480px) { img.alignnone { max-width:96%; }}img.alignleft { margin:0 30px 10px 0; padding:5px; border:1px solid #ebebeb;}@media (min-width: 979px) and (max-width: 1200px) { img.alignleft { max-width:96%; }}html.ie8 img.alignleft { max-width:96%; }@media (min-width: 768px) and (max-width: 979px) { img.alignleft { max-width:96%; }}@media (max-width: 480px) { img.alignleft { max-width:96%; }}img.alignright { margin:0 0 10px 30px; padding:5px; }@media (min-width: 979px) and (max-width: 1200px) { img.alignright { max-width:96%; }}html.ie8 img.alignright { max-width:96%; }@media (min-width: 768px) and (max-width: 979px) { img.alignright { max-width:96%; }}@media (max-width: 480px) { img.alignright { max-width:96%; }}.header { background:#fff url(images/header.gif) repeat-x 50% 100%; margin:0; padding:25px 0 37px 0; border:none;}@media (max-width: 767px) { .header { padding:25px 20px 37px 20px; text-align:center; }}.header .logo { margin:0; }@media (min-width: 979px) and (max-width: 1200px) { .header .logo { width:auto; }}html.ie8 .header .logo { width:auto; }@media (min-width: 768px) and (max-width: 979px) { .header .logo { width:auto; }}@media (max-width: 767px) { .header .logo { display:inline-block; float:none; width:auto; vertical-align:top; }}.header .logo img { float:left; margin-top:25px;}@media (min-width: 979px) and (max-width: 1200px) { .header .logo img { float:none; }}html.ie8 .header .logo img { float:none; }@media (min-width: 768px) and (max-width: 979px) { .header .logo img { float:none; }}@media (max-width: 767px) { .header .logo img { float:none; }}.header .logo .logo_h__txt { float:left; margin:38px 2px 0 0; padding:0; letter-spacing:-2px; text-transform:uppercase;}.header .logo .logo_h__txt a { text-decoration:none; }.header .logo .logo_h__txt a:hover { color:#2f2f2f; }.header .logo p { background:url(images/logo_line.gif) no-repeat 0% 0%; float:left; margin:46px 0 0 10px; padding:0 0 0 8px; line-height:34px; font-size:11px; color:#b2b3b3;}@media (min-width: 979px) and (max-width: 1200px) { .header .logo p { background:none; float:none; width:100%; overflow:hidden; margin:0; padding:0; line-height:18px; text-align:center; }}html.ie8 .header .logo p { background:none; float:none; width:100%; overflow:hidden; margin:0; padding:0; line-height:18px; text-align:center;}@media (min-width: 768px) and (max-width: 979px) { .header .logo p { background:none; float:none; width:100%; overflow:hidden; margin:0; padding:0; line-height:18px; text-align:center; }}@media (max-width: 767px) { .header .logo p { background:none; float:none; width:100%; overflow:hidden; margin:0; padding:0; line-height:18px; text-align:center; }}.header .nav__primary { margin:48px 9px 0 0; }@media (min-width: 979px) and (max-width: 1200px) { .header .nav__primary { margin-right:0; }}html.ie8 .header .nav__primary { margin-right:0; }@media (min-width: 768px) and (max-width: 979px) { .header .nav__primary { margin-right:0; }}@media (max-width: 767px) { .header .nav__primary { margin:20px 0 0 0; }}.header .nav__primary .sf-menu ul { background:#303030; width:116px; padding:31px 0 15px 0;}.header .nav__primary .sf-menu > li { background:none; margin:0 0 0 8px;}@media (min-width: 768px) and (max-width: 979px) { .header .nav__primary .sf-menu > li { margin:0 0 0 1px; }}.header .nav__primary .sf-menu > li > a { background:url(images/menu.gif) repeat-x 0% -100px; padding:6px 12px 8px 12px; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-transform:uppercase; text-decoration:none;}.header .nav__primary .sf-menu > li li { background:none; margin:0 0 16px 0; text-align:left;}.header .nav__primary .sf-menu > li li a { padding:0 10px; border:none; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; text-transform:uppercase; text-decoration:none; color:#8e8e8e;}.header .nav__primary .sf-menu > li li .sf-sub-indicator { display:none; }.header .nav__primary .sf-menu > li li li a { color:#fff; }.header .nav__primary .sf-sub-indicator { background:url(images/arrows-ffffff.gif) no-repeat 0% 0%; width:7px; height:4px; margin:0 -3px 0 0; top:25px; right:50%;}.header .nav__primary .sf-menu li:hover ul, .header .nav__primary .sf-menu li.sfHover ul { margin:0 0 0 -58px; top:36px; left:50%;}.header .nav__primary ul.sf-menu li li:hover ul, .header .nav__primary ul.sf-menu li li.sfHover ul { background:#72aad0; margin:0; top:-31px; left:116px;}.header .nav__primary .sf-menu > li > a:hover, .header .nav__primary .sf-menu > li.sfHover> a, .header .nav__primary .sf-menu > li.current-menu-item > a, .header .nav__primary .sf-menu > li.current_page_item > a { background:url(images/menu.gif) repeat-x 0% 0%; color:#fff;}li.current-menu-item > a, .header .nav__primary .sf-menu > li.current_page_item > a:hover { background:url(images/menu1.gif) repeat-x 0% 0%; color:#fff;}.header .nav__primary .sf-menu > li > a:hover .sf-sub-indicator, .header .nav__primary .sf-menu > li.sfHover> a .sf-sub-indicator, .header .nav__primary .sf-menu > li.current-menu-item > a .sf-sub-indicator, .header .nav__primary .sf-menu > li.current_page_item > a .sf-sub-indicator { display:none; }.header .nav__primary .sf-menu li li > a:hover, .header .nav__primary .sf-menu li li.sfHover > a, .header .nav__primary .sf-menu li li.current-menu-item > a, .header .nav__primary .sf-menu li li.current_page_item > a { background:none; color:#fff;}.header .nav__primary .sf-menu li li li > a:hover, .header .nav__primary .sf-menu li li li.sfHover > a, .header .nav__primary .sf-menu li li li.current-menu-item > a, .header .nav__primary .sf-menu li li li.current_page_item > a { background:none; color:#000;}#slider-wrapper { background:url(images/slider.jpg) repeat 50% 0%; position:relative; overflow:visible; padding:20px 0 19px 0; border-bottom:10px solid #e1e1e1;}#slider-wrapper:before { background:url(images/slider.jpg) repeat 50% 0%; display:block; width:100%; height:100%; overflow:hidden; border-bottom:10px solid #e1e1e1; position:absolute; top:0; left:-100%; z-index:1; content:'';}#slider-wrapper:after { background:url(images/slider.jpg) repeat 50% 0%; display:block; width:100%; height:100%; overflow:hidden; border-bottom:10px solid #e1e1e1; position:absolute; top:0; right:-100%; z-index:1; content:'';}#slider-wrapper .container { position:relative; margin:0 0 0 -5px; border-left:4px solid rgba(255,255,255,0.1); border-right:4px solid rgba(255,255,255,0.1); border-top:4px solid rgba(255,255,255,0.1); border-bottom: -webkit-box-shadow: 0px 4px 4px #3d3d3d;-moz-box-shadow: 0px 4px 4px #3d3d3d;box-shadow: 0px 4px 4px #3d3d3d; z-index:2;}html.ie8 #slider-wrapper .container { border:4px solid #7eb4d7; }#slider-wrapper .camera_wrap { margin:0 !important; }@media (max-width: 480px) { #slider-wrapper .camera_wrap { height:101px !important; }}#slider-wrapper .camera_caption { width:530px; height:1px; position:absolute; top:130px; left:48px;}@media (min-width: 979px) and (max-width: 1200px) { #slider-wrapper .camera_caption { top:80px; }}html.ie8 #slider-wrapper .camera_caption { top:80px; }@media (min-width: 768px) and (max-width: 979px) { #slider-wrapper .camera_caption { width:400px; top:30px; }}@media (max-width: 767px) { #slider-wrapper .camera_caption { width:250px; top:10px; left:30px; }}#slider-wrapper .camera_caption div { background:none; padding:0;}#slider-wrapper .camera_caption strong { display:block; margin:0 0 -12px 0; letter-spacing:-4px; line-height:90px; font-family:'Ubuntu', sans-serif; font-size:90px; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,0.2); text-transform:uppercase; color:#fff;}@media (min-width: 768px) and (max-width: 979px) { #slider-wrapper .camera_caption strong { margin:0 0 -8px 0; line-height:70px; font-size:70px; }}@media (max-width: 767px) { #slider-wrapper .camera_caption strong { margin:0; letter-spacing:-1px; line-height:30px; font-size:30px; }}#slider-wrapper .camera_caption em { display:block; margin:0 0 9px 0; letter-spacing:-2px; line-height:36px; font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:700; font-style:normal; text-shadow:1px 1px 0 rgba(0,0,0,0.2); text-transform:uppercase; color:#fff;}@media (min-width: 768px) and (max-width: 979px) { #slider-wrapper .camera_caption em { line-height:30px; font-size:30px; }}@media (max-width: 767px) { #slider-wrapper .camera_caption em { line-height:20px; font-size:20px; }}#slider-wrapper .camera_caption p { line-height:18px; font-family:'Ubuntu', sans-serif; font-size:13px; font-weight:700; font-style:normal; text-shadow:1px 1px 0 rgba(0,0,0,0.2); text-transform:uppercase; color:#fff;}@media (max-width: 767px) { #slider-wrapper .camera_caption p { line-height:14px; font-size:10px; }}@media (max-width: 480px) { #slider-wrapper .camera_caption p { display:none; }}#slider-wrapper .camera_pag { position:absolute; left:48px; bottom:35px;}@media (max-width: 767px) { #slider-wrapper .camera_pag { left:30px; bottom:10px; }}#slider-wrapper .camera_pag ul li { background:url(images/pagination.png) no-repeat 0% 0%; display:inline-block; width:14px; height:14px; max-height:14px; margin:0 4px 0 0; vertical-align:top;}#slider-wrapper .camera_pag ul li.cameracurrent { background-position:0% -14px; }#slider-wrapper .camera_pag ul li:hover { background-position:0% -14px; }#slider-wrapper .camera_pag ul li span { display:none; }#slider-wrapper .camera_thumbs { position:absolute; right:48px; top:29px;}#slider-wrapper .camera_thumbs .camera_thumbs_cont { background:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}#slider-wrapper .camera_thumbs .camera_thumbs_cont ul { padding:0; }#slider-wrapper .camera_thumbs .camera_thumbs_cont ul li img { margin:0; }#slider-wrapper .camera_next { margin:0; top:auto; right:48px; bottom:26px;}#slider-wrapper .camera_commands { margin:0; top:auto; right:89px; bottom:26px;}#slider-wrapper .camera_prev { margin:0; top:auto; right:130px; bottom:26px; left:auto;}.content-holder {letter-spacing:0.3px;background: rgba(255,255,255,1);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(63%, rgba(255,255,255,1)), color-stop(90%, rgba(239,241,246,1)), color-stop(100%, rgba(233,236,242,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(239,241,246,1) 90%, rgba(233,236,242,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9ecf2', GradientType=0 );min-height: 100%; width:100%; overflow:hidden; margin:0; padding:15px 0 16px 0;}@media (max-width: 767px) { .content-holder { width:auto; padding:15px 20px 16px 20px; }}body.home .content-holder { padding:0 0 16px 0; }@media (max-width: 767px) { body.home .content-holder { padding:0 20px 16px 20px; }}.content-holder #content { padding-top:37px; }#sidebar { padding-top:37px; }#sidebar ul { margin:0; padding:0;}#sidebar ul li { background:url(images/marker.png) no-repeat 0% 19px; margin:0; padding:15px 0 16px 19px; list-style:none; line-height:18px; font-size:13px; font-weight:400; border-top:1px solid #ddd; color:#72aad0;}#sidebar ul li:before { display:none; }#sidebar ul li:first-child { border:none; }#sidebar ul li a { text-decoration:none; color:#72aad0;}#sidebar ul li a:hover { text-decoration:none; color:#4c4c4c;}#sidebar ul li ul { margin:15px 0 -16px 0; border-top:1px solid #ddd;}#sidebar ul.social li { background:none; padding-left:0; line-height:36px;}#sidebar ul.social li .social_ico { margin:0 10px 0 0; }.box { background:#f5f5f5 url(images/box.gif) repeat-x 0% 100%; position:relative; margin:0 0 16px 0; padding:39px 0 52px 0;}.box:before { background:#f5f5f5 url(images/box.gif) repeat-x 0% 100%; width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:-100%; content:'';}.box:after { background:#f5f5f5 url(images/box.gif) repeat-x 0% 100%; width:100%; height:100%; overflow:hidden; position:absolute; top:0; right:-100%; content:'';}.service-box { background:none; margin:0 0 75px 0; padding:0; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}@media (min-width: 768px) and (max-width: 979px) { .service-box { margin:0 0 35px 0; }}@media (max-width: 767px) { .service-box { margin:0 0 35px 0; }}.service-box:hover h2 { color:#72aad0; }.service-box.extra { margin:0; }@media (max-width: 767px) { .service-box.extra { margin:0 0 35px 0; }}.service-box .icon { float:left; margin:0 13px 0 0;}@media (min-width: 768px) and (max-width: 979px) { .service-box .icon { float:none; margin:0 0 13px 0; }}.service-box h2 { margin:0 0 -4px 0; padding:6px 0 0 0; letter-spacing:-1px; line-height:34px; text-transform:uppercase; }@media (min-width: 979px) and (max-width: 1200px) { .service-box h2 { padding:0; line-height:24px; font-size:18px; }}html.ie8 .service-box h2 { padding:0; line-height:24px; font-size:18px;}@media (min-width: 768px) and (max-width: 979px) { .service-box h2 { padding:0; line-height:24px; font-size:18px; }}@media (max-width: 767px) { .service-box h2 { padding:0; }}@media (max-width: 480px) { .service-box h2 { margin:0; padding:6px 0 0 0; line-height:16px; font-size:16px; }}.service-box .service-box_txt { margin:0; line-height:21px; font-size:13px; color:#767575;}@media (min-width: 979px) and (max-width: 1200px) { .service-box .service-box_txt { line-height:18px; font-size:12px; }}html.ie8 .service-box .service-box_txt { line-height:18px; font-size:12px;}@media (min-width: 768px) and (max-width: 979px) { .service-box .service-box_txt { line-height:18px; font-size:12px; }}@media (max-width: 480px) { .service-box .service-box_txt { line-height:18px; font-size:11px; }}.service-box .btn-align { text-align:left; }.service-box .btn-align a { background:none; height:auto; margin:0; padding:0; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; line-height:18px; font-size:12px; font-weight:700; text-shadow:none; text-transform:uppercase; text-decoration:none; color:#474747;}.service-box .btn-align a:focus { background:none; color:#474747;}.service-box .btn-align a:hover { text-decoration:none; color:#72aad0;}.carousel-wrap { margin:0 0 30px 0; }.carousel-wrap h2 { margin-bottom:29px; padding:0 0 25px 0; border-bottom:1px solid #eee;}.carousel-wrap ul li { color:#7d7d7d; }.carousel-wrap ul li .framing { background:#fff; margin:0 0 19px 0; padding:5px; border:1px solid #ebebeb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}.carousel-wrap ul li .framing .featured-thumbnail { margin:0; }.carousel-wrap ul li .framing h5 { background:#e6e6e6 url(images/title.gif) repeat-x 0% 0%; margin:0; padding:16px 18px 14px 18px; letter-spacing:normal; line-height:18px; font-family:'Ubuntu', sans-serif; font-size:12px; font-weight:400; text-transform:uppercase; color:#63a9cd;}.carousel-wrap ul li .framing h5 a { text-decoration:none; color:#63a9cd;}.carousel-wrap ul li .framing h5 a:hover { text-decoration:none; color:#292929;}.carousel-wrap ul li p.excerpt { margin:0 0 19px 0; }.carousel-wrap span.es-nav-next { background:url(images/next.png) no-repeat 0% 0%; display:block; width:10px; height:15px; overflow:hidden; margin:0; padding:0; top:-73px; right:0px;}.carousel-wrap span.es-nav-next:hover { background-position:0% -15px; }.carousel-wrap span.es-nav-prev { background:url(images/prev.png) no-repeat 0% 0%; display:block; width:10px; height:15px; overflow:hidden; margin:0; padding:0; top:-73px; right:22px;}.carousel-wrap span.es-nav-prev:hover { background-position:0% -15px; }a.btn-primary { background:url(images/button.gif) repeat-x 0% 0%; display:inline-block; height:42px; overflow:hidden; margin:0; padding:0 21px 0 21px; line-height:42px; font-family:'Ubuntu', sans-serif; font-size:13px; font-weight:400; border:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-decoration:none; color:#fff;}a.btn-primary:focus { background:url(images/button.gif) repeat-x 0% 0%; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}a.btn-primary:hover { background-position:0% -42px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}.info_box { background:#f1f3f4; overflow:hidden; padding:57px 50px 50px 49px; border:1px solid #e9e8e8; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}.info_box img { background:none; float:right; margin:42px 0 0 81px; padding:0; border:none;}@media (min-width: 979px) and (max-width: 1200px) { .info_box img { width:50%; height:auto; }}html.ie8 .info_box img { width:50%; height:auto;}@media (min-width: 768px) and (max-width: 979px) { .info_box img { float:none; margin:0 0 42px 0; }}@media (max-width: 767px) { .info_box img { float:none; margin:0 0 42px 0; }}.info_box p { margin:0 0 15px 0; }.info_box p:first-child { margin:0; }.info_box strong { display:block; margin:0 0 4px 0; padding:0; letter-spacing:-1px; line-height:34px; font-family:'Ubuntu', sans-serif; font-size:30px; font-weight:700; text-transform:uppercase; color:#474747;}.info_box em { display:block; overflow:hidden; margin:0; padding:0 80px 0 0; line-height:24px; font-size:14px; font-weight:700; font-style:normal; text-transform:uppercase; color:#4a4a4a;}@media (min-width: 979px) and (max-width: 1200px) { .info_box em { padding:0; }}html.ie8 .info_box em { padding:0; }@media (min-width: 768px) and (max-width: 979px) { .info_box em { padding:0; }}@media (max-width: 767px) { .info_box em { padding:0; }}@media (max-width: 480px) { .info_box em { line-height:20px; font-size:12px; }}div.list.custom-list { overflow:hidden; padding:1px 0 17px 0;}div.list.custom-list ul { margin:0; padding:0;}div.list.custom-list ul li { background:url(images/marker.png) no-repeat 0% 19px; margin:0; padding:15px 0 16px 19px; list-style:none; line-height:18px; font-size:13px; font-weight:400; border-top:1px solid #ddd; color:#72aad0;}div.list.custom-list ul li:before { display:none; }div.list.custom-list ul li:first-child { border:none; }div.list.custom-list ul li a { text-decoration:none; color:#72aad0;}div.list.custom-list ul li a:hover { text-decoration:none; color:#4c4c4c;}div.list.custom-list ul li ul { margin:15px 0 -16px 0; border-top:1px solid #ddd;}.sm_hr { background:#eee; height:1px; overflow:hidden; margin:37px 0 17px 0; padding:0; line-height:0; font-size:0;}ul.clients { margin:0 !important; padding:11px 0 0 0 !important;}@media (min-width: 979px) and (max-width: 1200px) { ul.clients { padding:0 0 0 0 !important; }}html.ie8 ul.clients { padding:0 0 0 0 !important; }@media (min-width: 768px) and (max-width: 979px) { ul.clients { padding:0 0 0 0 !important; }}ul.clients li { display:inline-block; margin:0 0 0 38px; vertical-align:top;}@media (min-width: 979px) and (max-width: 1200px) { ul.clients li { margin:0 38px 5px 0 !important; }}html.ie8 ul.clients li { margin:0 38px 5px 0 !important; }@media (min-width: 768px) and (max-width: 979px) { ul.clients li { margin:0 38px 5px 0 !important; }}@media (max-width: 767px) { ul.clients li { margin:0 38px 5px 0 !important; }}ul.clients li:first-child { margin:0; }ul.clients li .thumbnail { background:none; margin:0; padding:0; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}ul.clients li h5 { display:none; }.spacer { height:28px; }ul.services li { margin-bottom:20px; }@media (max-width: 767px) { ul.services li { width:100%; overflow:hidden; }}ul.services li .thumbnail { margin:0 0 10px 0; }@media (max-width: 767px) { ul.services li .thumbnail { width:40%; margin:0 20px 10px 0; }}html.ie8 ul.services li .thumbnail img { max-width:inherit; }@media (max-width: 767px) { ul.services li .clear { display:none; }}ul.services li h5 { margin-bottom:10px; line-height:18px; font-size:12px; text-transform:uppercase; color:#63a9cd;}ul.services li h5 a { text-decoration:none; color:#63a9cd;}ul.services li h5 a:hover { text-decoration:none; color:#474747;}ul.team { padding:4px 0 0 0; }ul.team li { margin-bottom:14px; line-height:18px; font-size:12px; color:#7d7d7d;}@media (max-width: 767px) { ul.team li { width:100%; overflow:hidden; }}ul.team li .thumbnail { margin:0 0 18px 0; }@media (max-width: 767px) { ul.team li .thumbnail { margin:0 20px 10px 0; }}html.ie8 ul.team li .thumbnail img { max-width:inherit; }@media (max-width: 767px) { ul.team li .clear { display:none; }}ul.team li h5 { margin:0 0 10px 0; letter-spacing:normal; line-height:18px; font-size:12px; text-transform:uppercase; color:#63a9cd;}ul.team li h5 a { text-decoration:none; color:#63a9cd;}ul.team li h5 a:hover { text-decoration:none; color:#474747;}span.dropcap { background:none; float:left; width:auto; height:auto; margin:5px 17px 10px 0; padding:0 5px 0 0; letter-spacing:-3px; line-height:48px; font-family:'Ubuntu', sans-serif; font-size:48px; font-weight:700; color:#72aad0;}.testimonials { padding:0 0 0 7px; }.testimonials .testi-item { background:url(images/quotes.png) no-repeat 0% 0%; margin:0 0 30px 0; padding:0 0 0 46px;}.testimonials .testi-item blockquote { background:none; margin:0; padding:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}.testimonials .testi-item blockquote:before, .testimonials .testi-item blockquote:after { display:none; }.testimonials .testi-item blockquote a { text-decoration:none; color:#7d7d7d;}.testimonials .testi-item blockquote a:hover { text-decoration:none; color:#474747;}.testimonials .testi-item small.testi-meta { padding:10px 20px 0 0; line-height:18px; font-size:12px; text-align:right; text-transform:uppercase; color:#63a9cd;}.footer { background:url(images/footer.gif) repeat-x 50% 0%; margin:0; padding:35px 0 35px 0; border:none;}@media (max-width: 767px) { .footer { padding:35px 20px 35px 20px; }}@media (min-width: 768px) and (max-width: 979px) { .footer h4 { font-size:16px; }}.footer ul { margin:0; padding:0;}@media (max-width: 767px) { .footer ul { padding:0 0 20px 0; }}.footer ul li { background:url(images/marker.gif) no-repeat 0% 7px; margin:0 0 12px 0; padding:0 0 0 10px; list-style:none; line-height:18px; font-size:10px; text-transform:uppercase; color:#828890;}.footer ul li a { text-decoration:none; color:#828890;}.footer ul li a:hover { text-decoration:none; color:#242424;}.footer div.info { margin:0 0 19px 0; padding:9px 0 0 0; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#797979;}@media (min-width: 768px) and (max-width: 979px) { .footer div.info { line-height:16px; font-size:11px; }}.footer div.info strong { display:block; position:relative; margin:0 0 21px 0; padding:0 0 0 30px; font-weight:400;}@media (min-width: 768px) and (max-width: 979px) { .footer div.info strong { padding:25px 0 0 0; }}.footer div.info strong:before { background:url(images/icon_home.png) no-repeat 0% 0%; display:block; width:19px; height:16px; overflow:hidden; position:absolute; top:4px; left:0; content:'';}.footer div.info em { display:block; position:relative; padding:0 0 0 35px; font-style:normal;}@media (min-width: 768px) and (max-width: 979px) { .footer div.info em { padding:25px 0 0 0; }}.footer div.info em:before { background:url(images/icon_phone.png) no-repeat 0% 0%; display:block; width:20px; height:20px; overflow:hidden; position:absolute; top:2px; left:0; content:'';}.footer .footer-text { width:100%; overflow:hidden; margin:0 0 22px 0; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#000;}@media (max-width: 767px) { .footer .footer-text { text-align:left; }}.footer .footer-text strong { display:block; line-height:18px; font-family:'Ubuntu', sans-serif; font-size:18px;}.footer .footer-text strong a { text-decoration:none; color:#000;}.footer .footer-text strong a:hover { text-decoration:none; color:#72aad0;}.footer .footer-text a { text-decoration:none; color:#72aad0;}.footer .footer-text a:hover { text-decoration:none; color:#272727;}.footer ul.social li { background:none; display:inline-block; margin:0 4px 0 0; padding:0; vertical-align:top;}.footer nav.footer-nav { width:100%; overflow:hidden; margin:0; padding:18px 0 0 0;}.footer nav.footer-nav ul { float:left; }.footer nav.footer-nav ul li { background:none; margin:0 14px 0 0; padding:0;}.footer nav.footer-nav ul li.current-menu-item a { text-decoration:none; color:#242424;}.footer nav.footer-nav ul li a:hover { text-decoration:none; color:#242424;}#back-top-wrapper p#back-top { margin:0; }#back-top-wrapper p#back-top a { width:42px; }#back-top-wrapper p#back-top a:hover span { background-position:0% -42px; }#back-top-wrapper p#back-top a span { background:url(images/up-arrow.png) no-repeat 0% 0%; width:42px; height:42px; overflow:hidden; margin:0; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}.thumbnail { background:#fff; padding:5px; border:1px solid #ebebeb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}.title-section h1 { margin-bottom:5px; }.title-section ul { background:none; margin:0; padding:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}.title-section ul li { line-height:18px; font-size:12px; text-shadow:none; color:#7d7d7d;}.title-section ul li.active { color:#72aad0; }.title-section ul li.divider { line-height:0; font-size:0;}.title-section ul li.divider:before { display:inline-block; margin:0 9px; vertical-align:top; line-height:18px; font-size:12px; color:#7d7d7d; content:'|';}.title-section ul li a { text-decoration:none; color:#7d7d7d;}.title-section ul li a:hover { text-decoration:none; color:#72aad0;}.post_meta { line-height:20px; font-size:12px; color:#7d7d7d;}.post_meta i { color:#72aad0; }.post_meta a { text-decoration:none; color:#7d7d7d;}.post_meta a:hover { text-decoration:none; color:#72aad0;}.post-author { margin:0 0 60px 0; padding:30px; border:1px solid #e2e2e2;}.post-author h3 { margin:0 0 18px 0; letter-spacing:normal; line-height:18px; font-size:12px; text-transform:none; color:#7d7d7d;}.post-author h3 a { text-transform:capitalize; text-decoration:none; color:#7d7d7d;}.post-author h3 a:hover { text-decoration:none; color:#72aad0;}.post-author p.post-author_gravatar { background:none; margin:5px 20px 0 0;}.post-author p.post-author_gravatar img { background:none; padding:0; border:1px solid #e2e2e2;}.post-author .post-author_link p { margin:0; }.post-author .post-author_link p a { text-transform:capitalize; text-decoration:none; color:#7d7d7d;}.post-author .post-author_link p a:hover { text-decoration:none; color:#72aad0;}.related-posts { margin:0 0 60px 0; }.related-posts h3 { margin:0 0 20px 0; }.related-posts ul li { line-height:18px; font-size:12px; text-transform:uppercase; color:#63a9cd;}.related-posts ul li a { text-decoration:none; color:#63a9cd;}.related-posts ul li a:hover { text-decoration:none; color:#474747;}ol.comment-list li .comment-body { background:none !important; border:1px solid #e2e2e2;}@media (max-width: 480px) { ol.comment-list li .comment-body .extra-wrap { overflow:visible; }}ol.comment-list li .comment-body span.author { line-height:18px; font-size:12px; font-weight:400; text-align:left; color:#7d7d7d;}@media (max-width: 480px) { ol.comment-list li .comment-body span.author { color:#474747; }}ol.comment-list li .comment-body .reply { margin:0 0 0 60px; }ol.comment-list li .comment-body .reply a { line-height:20px; font-size:12px; text-decoration:none; color:#7d7d7d;}ol.comment-list li .comment-body .reply a:hover { text-decoration:none; color:#72aad0;}ol.comment-list li .comment-body .comment-meta { line-height:20px; font-size:12px; color:#72aad0;}.cancel-comment-reply { padding:0 0 10px 0; }.wpcf7-form span.wpcf7-not-valid-tip { line-height:30px; }.wpcf7-form .ajax-loader { margin:11px 0 0 0; }.wpcf7-form .wpcf7-response-output { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}#portfolio-grid li .thumbnail { margin:0 0 20px 0; }.filter-wrapper { padding:0 0 15px 0; }.type-portfolio .thumbnail.large { margin:0; }ul.pager { margin-top:40px; }ul.pager li a { background:url(images/button.gif) repeat-x 0% 0%; display:inline-block; height:42px; overflow:hidden; margin:0; padding:0 21px 0 21px; line-height:42px; font-family:'Ubuntu', sans-serif; font-size:13px; font-weight:400; border:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-decoration:none; color:#fff;}ul.pager li a:focus { background:url(images/button.gif) repeat-x 0% 0%; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}ul.pager li a:hover { background-position:0% -42px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}.grid_gallery figure.gallery_item { background:none; padding:0; border:none;}@media (max-width: 767px) { .error404-holder { text-align:center; }}.error404-holder .error404-holder_num { color:#63a9cd; }.error404-holder h4 { letter-spacing:normal; line-height:18px; font-size:12px; font-weight:400; color:#63a9cd;}article.clients .thumbnail { display:none; }.clearfix { *zoom:1; }.clearfix:before, .clearfix:after { display:table; content:""; line-height:0;}.clearfix:after { clear:both; }.hide-text { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0;}.input-block-level { display:block; width:100%; min-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  5. OMG thank you sooo much! I just took out the white spaces, than it 90% worked... When I took out the comment tags it 100% worked. I don't know why the comments interfered too. Anyways it is all good now! Again thank you so much!
  6. I feel as if there is a problem around line 99 dealing with jQuery /* dCodes Framework: (c) TemplateAccess */(function ($) { jQuery(document).ready(function () { doTabsType1(); doTabsType2(); doAccordion(); }); function doTabsType1() { var tabs = jQuery('.dc_tabs_type_1'); if (tabs.length < 1) { return; } tabs.append("<span class='dc_tabs_type_1_arrow'></span>"); tabs.each(function () { var self = jQuery(this); var handlers = self.children('dt'); var tabContentBlocks = self.children('dd'); var currentTab = tabContentBlocks.eq(0); var arrow = self.children('span').eq(0); var handlersWidth = handlers.eq(0).outerWidth(); var firstHandlerY = handlers.eq(0).position().top + handlers.eq(0).outerHeight() - 17; arrow.css({ 'left': handlersWidth - 17 + 'px', 'top': firstHandlerY + 'px' }); handlers.click(function () { var self = jQuery(this); currentTab.prev().removeClass('current'); currentTab.fadeOut('fast'); currentTab = self.next(); var minus = self.index() == 0 ? 17 : self.outerHeight() / 2 + 17; arrowY = self.position().top + self.outerHeight() - minus; arrow.animate({ 'top': arrowY + 'px' }); currentTab.fadeIn('slow'); self.parent().animate({ 'height': (currentTab.height() + 80) + 'px' }, 500); self.addClass('current'); }); }); tabs.children('dt:first-child').click(); } /* Tabs - Type 2 */ function doTabsType2() { var tabs = jQuery('.dc_tabs_type_2'); if (tabs.length < 1) { return; } tabs.append("<span class='dc_tabs_type_2_arrow'></span>"); tabs.each(function () { var self = jQuery(this); var handlers = self.children('dt'); var tabContentBlocks = self.children('dd'); var currentTab = tabContentBlocks.eq(0); var arrow = self.children('span').eq(0); var handlersWidth = handlers.eq(0).outerWidth(); var firstHandlerY = handlers.eq(0).position().top + handlers.eq(0).outerHeight() - 18; arrow.css({ 'left': handlersWidth / 2 - 7 + 'px' }); handlers.click(function () { var self = jQuery(this); currentTab.prev().removeClass('current'); currentTab.fadeOut('fast'); currentTab = self.next(); arrowY = self.position().left + (self.outerWidth() / 2) - 2; arrow.animate({ 'left': arrowY + 'px' }); currentTab.fadeIn('slow'); self.parent().animate({ 'height': (currentTab.height() + 60 + 40) + 'px' }, 500); self.addClass('current'); }); tabs.children('dt:first-child').click(); }); } function doAccordion() { var accordions = jQuery('.dc_accordion'); if (accordions.length < 1) { return; } accordions.each(function () { var self = jQuery(this); var handlers = self.children('dt'); handlers.click(function () { var self = jQuery(this); self.children('dt.current').removeClass('current').next().slideUp(); self.toggleClass('current'); self.next('dd').slideToggle(); }); }); }}(jQuery));jQuery(function($){ $(".dc_flat_tab_content").hide(); $("ul.flat_tabs li:first").addClass("active").show(); $(".dc_flat_tab_content:first").show(); //On Click Event $("ul.flat_tabs li").click(function () { $("ul.flat_tabs li").removeClass("active"); $(this).addClass("active"); $(".dc_flat_tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; });});
  7. Do I have to go into my code and tell it exactly where to look for the file? I have already posted the code I am using above.
  8. Ok Jquery is taken out. Instead of using a hosted .JS file I uploaded it to my server as <script type="text/javascript" src="/wp-content/themes/help/dc_tabs.js"></script> and it still wont work. http://uamadc.org/uamadc/?page_id=47
  9. I test this code in dreamweaver without using wordpress and it always works, but I can never get .js to work in WP. The CSS section works in wp but I cant get anything to do with .js to work in wp. From what I understand the code in my page cant access whats in the header section. Here is the code that is supposed to go into the header section <!-- DC Tabs CSS --><link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/tabs/css/dc_tabs.css" /><!-- jQuery Library (skip this step if already called on page ) --><script type="text/javascript" src="http://cdn.dcodes.net/2/jquery.min.js"></script> <!-- (do not call twice) --><!-- DC Tabs JS --><script type="text/javascript" src="http://cdn.dcodes.net/2/tabs/js/dc_tabs.js"></script> and this is the part that's supposed to go into my page: <!-- DC vGradient Tabs Start --><section class="dc_gradient-vtabs" style="width:90%; height:auto;"> <!-- Tab 1 Caption --> <input id="vgrad-tab-1" type="radio" name="radio-set2" class="vgrad-tab-selector-1" checked="checked" /> <label for="vgrad-tab-1" class="vgrad-tab-label-1">About</label> <!-- Tab 2 Caption --> <input id="vgrad-tab-2" type="radio" name="radio-set2" class="vgrad-tab-selector-2" /> <label for="vgrad-tab-2" class="vgrad-tab-label-2">Services</label> <!-- Tab 3 Caption --> <input id="vgrad-tab-3" type="radio" name="radio-set2" class="vgrad-tab-selector-3" /> <label for="vgrad-tab-3" class="vgrad-tab-label-3">Work</label> <!-- Tab 4 Caption --> <input id="vgrad-tab-4" type="radio" name="radio-set2" class="vgrad-tab-selector-4" /> <label for="vgrad-tab-4" class="vgrad-tab-label-4">Contact</label> <div class="clear-shadow"></div> <div class="vgradtab-content"> <!-- Tab Content Container --> <!-- Tab 1 Start --> <div class="vgradtab-content-1"> <h2>About us</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in risus nisl. Aenean porta viverra risus, sed pulvinar orci convallis in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> <h3>How we work</h3> <p>Cras pretium augue ut felis lacinia congue. Phasellus consequat mauris ut sapien sagittis suscipit. Integer ut lacus sit amet eros laoreet porta. </p> </div> <!-- Tab 1 End --> <!-- Tab 2 Start --> <div class="vgradtab-content-2"> <h2>Services</h2> <p>Quisque egestas elementum justo, vitae pharetra lorem fermentum sit amet. Ut sodales ipsum quis nunc laoreet condimentum. Aliquam erat volutpat. Integer et tempor leo. Sed semper imperdiet ligula, in gravida enim gravida eget.</p> <h3>Excellence</h3> <p>Nullam sapien neque, accumsan sed placerat a, elementum volutpat purus. Proin feugiat, augue et hendrerit dignissim, dolor quam porttitor ligula, a dignissim felis urna id libero. </p> </div> <!-- Tab 2 End --> <!-- Tab 3 Start --> <div class="vgradtab-content-3"> <h2>Portfolio</h2> <p>Nulla nec augue et metus bibendum viverra. Integer neque odio, placerat quis porttitor eget, bibendum eu risus. Suspendisse erat arcu, placerat vitae posuere sit amet, aliquam a enim. Phasellus ullamcorper blandit consequat.</p> <h3>Examples</h3> <p>Donec velit quam, commodo ac vulputate non, viverra nec massa. Quisque semper convallis sem, a congue nisi posuere a. Ut vel tortor augue. </p> </div> <!-- Tab 3 End --> <!-- Tab 4 Start --> <div class="vgradtab-content-4"> <h2>Contact</h2> <p>Suisque egestas elementum justo, vitae pharetra lorem fermentum sit amet. Ut sodales ipsum quis nunc laoreet condimentum. Aliquam erat volutpat. Integer et tempor leo. Sed semper imperdiet ligula, in gravida enim gravida eget.</p> <h3>Get in touch</h3> <p>Fusce nec nunc arcu. Nam in quam purus. Nullam libero mi, convallis id pellentesque ut, dictum non nulla. Mauris ac quam odio.</p> </div> <!-- Tab 4 End --> </div> <!-- /vgradtab-content --></section><!-- DC vGradient Tabs End --><div class="dc_clear"></div> <!-- line break/clear line --> How do I make this work?
  10. The template I had used used that line of code to call a JS file, so I had used the same line but changed its content to point to where the JS is located. How do I make it request the JS file?
  11. Ok so here is the free given code to make a small online shopping cart. They say it is plug and play, but there has to be more it to. The first few lines says: <link rel="stylesheet" href="includes/dcodes/webstore/css/style.css"> <script type="text/javascript" src="includes/dcodes/jquery.min.js"></script><script src="includes/dcodes/webstore/js/jquery.instant.webstore.js"></script> So obviously there are 3 files. I have gotten the css file to work with this given code, but the 2 .js files dont seem to be connecting to this code at all. So I my guess is I am failing to connect this code to the 2 .js files.... I dont know how to fix it. I put the following in the scripts.php file but it wont work. wp_enqueue_script('jquery-mobilemenu', get_template_directory_uri() . '/includes/dcodes/webstore/js/jquery.instant.webstore.js', '', false, true);wp_enqueue_script('jquery-mobilemenu', get_template_directory_uri() . '/includes/dcodes/jquery.min.js', '', false, true); I also tried this in the header.php file, still no luck. Here's how it looks so far:http://siberianhuskiesva.com/?page_id=260 <!-- DC Instant.Webstore CSS --><link rel="stylesheet" href="dcodes/webstore/css/style.css"><!-- jQuery Library (skip this step if already called on page ) --><script type="text/javascript" src="dcodes/jquery.min.js"></script> <!-- (do not call twice) --><!-- DC Instant.Webstore JS --><script src="dcodes/webstore/js/jquery.instant.webstore.js"></script><!-- DC Instant.Webstore Start --><div id="webstore"> <ul id="webstore-navigation"> <li><a class="current store-tab" href="#catalogue">Catalogue</a></li> <li><a class="store-tab" href="#cart">Cart (<span class="cart-quantity">0</span> items)</a></li> <li><a class="store-tab" href="#checkout">Checkout</a></li> </ul> <div id="webstore-container"> <div id="webstore-container-inner"> <div class="webstore-clear" id="catalogue"> <ul> <!-- item 1 --> <li class="product first-column" data-id="item1"> <div class="webstore-clear"> <div class="webstore-clear"> <img class="left thumb" src="dcodes/webstore/item1.png"> <!-- Add item images to dcodes/webstore/ --> <div class="right"> <h3 class="title">Blue Shirt</h3> <p class="description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mattis velit et elit tempor et aliquet diam suscipit. </p> </div> </div> <div class="right"> <span class="left price">$9.95</span> <button class="left purchase" type="button"><span>Add to Cart</span></button> </div> </div> </li> <!-- item 1 ends --> <!-- item 2 --> <li class="product last-column" data-id="item2"> <div class="webstore-clear"> <div class="webstore-clear"> <img class="left thumb" src="dcodes/webstore/item2.png"> <div class="right"> <h3 class="title">Green Shirt</h3> <p class="description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mattis velit et elit tempor et aliquet diam suscipit. </p> </div> </div> <div class="right"> <span class="left price">$14.95</span> <button class="left purchase" type="button"><span>Add to Cart</span></button> </div> </div> </li> <!-- item 2 ends--> <!-- item 3 --> <li class="product first-column" data-id="item3"> <div class="webstore-clear"> <div class="webstore-clear"> <img class="left thumb" src="dcodes/webstore/item3.png"> <div class="right"> <h3 class="title">Red Shirt</h3> <p class="description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mattis velit et elit tempor et aliquet diam suscipit. </p> </div> </div> <div class="right"> <span class="left price">$6.00</span> <button class="left purchase" type="button"><span>Add to Cart</span></button> </div> </div> </li> <!-- item 3 ends--> <!-- item 4 --> <li class="product last-column" data-id="item4"> <div class="webstore-clear"> <div class="webstore-clear"> <img class="left thumb" src="dcodes/webstore/item4.png"> <div class="right"> <h3 class="title">Black Shirt</h3> <p class="description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mattis velit et elit tempor et aliquet diam suscipit. </p> </div> </div> <div class="right"> <span class="left price">$18.00</span> <button class="left purchase" type="button"><span>Add to Cart</span></button> </div> </div> </li> <!-- item 4 ends--> </ul> </div> <div class="webstore-clear" id="cart"> <div class="cart-is-empty">Your shopping cart is empty.</div> <div class="cart-is-full"> <div class="webstore-clear" id="cart-heading"> <span class="description">Item</span> <span class="quantity">Quantity</span> <span class="price"><span>Price</span><span>Total</span></span> </div> <div class="webstore-clear" id="cart-list"></div> <hr> <div class="webstore-clear"> <button class="left empty" type="button"><span>Empty cart</span></button> <div class="right cart-totals"> <label>Subtotal</label> <span class="cart-subtotal">$0.00</span><br> <label>Shipping</label> <span class="cart-shipping">$0.00</span><br> <label>Tax</label> <span class="cart-tax">$0.00</span><br> <label>Discount</label> <span class="cart-discount">$0.00</span><br> <br> <label>Grand Total</label> <span class="cart-total">$0.00</span><br> <br> <button class="right" type="button" id="checkout-continue-button"><span>Checkout</span></button> </div> <div class="right cart-options"> <label>Discount code</label> <input class="discount"> <br> <select class="shipping"> <option value="">Choose a shipping method</option> </select> </div> </div><em>Try these discount codes: 10PERCENT, 10DOLLARS, FREESHIPPINGOVER100</em> </div> </div> <div class="webstore-clear" id="checkout"> <div class="cart-is-empty">Your shopping cart is empty.</div> <div class="cart-is-full"> <form> <div> <!-- PAYMENT PROCESSORS --> <!-- comment out 3rd party merchant processor to remove from checkout form --> <label> <img src="dcodes/webstore/css/images/credit-mini.png" title="Credit Card" hspace="5" vspace="0" border="0" /> <input type="radio" name="instant_webstore[method]" value="authorizenet" checked> Credit card </label> <label> <img src="dcodes/webstore/css/images/paypal-mini.png" title="PayPal" hspace="5" vspace="0" border="0" /> <input type="radio" name="instant_webstore[method]" value="paypal"> PayPal </label> <label> <img src="dcodes/webstore/css/images/skrill-mini.png" title="Skrill (Moneybookers)" hspace="5" vspace="0" border="0" /> <input type="radio" name="instant_webstore[method]" value="skrill"> Skrill </label> <label> <img src="dcodes/webstore/css/images/googleckout-mini.png" title="Google Checkout" hspace="5" vspace="0" border="0" /> <input type="radio" name="instant_webstore[method]" value="google"> Google Checkout </label> <label> <img src="dcodes/webstore/css/images/amazon-mini.png" title="Amazon Payments" hspace="5" vspace="0" border="0" /> <input type="radio" name="instant_webstore[method]" value="amazon"> Amazon </label> </div> <table cellspacing="0"> <tr> <td><label>Email address *</label></td> <td><input data-validate="required:method=authorizenet" name="instant_webstore[email]"></td> </tr> </table> <table cellspacing="0"> <tr> <td colspan="2"><h3>Billing address</h3></td> </tr> <tr> <td><label>First and last name *</label></td> <td><table cellspacing="0"> <tr> <td><input data-validate="required:method=authorizenet" name="instant_webstore[first_name]"></td> <td><input data-validate="required:method=authorizenet" name="instant_webstore[last_name]"></td> </tr> </table></td> </tr> <tr> <td><label>Address line 1 *</label></td> <td><input data-validate="required:method=authorizenet" name="instant_webstore[address1]"></td> </tr> <tr> <td><label>Address line 2</label></td> <td><input name="instant_webstore[address2]"></td> </tr> <tr> <td><label>City *</label></td> <td><input data-validate="required:method=authorizenet" name="instant_webstore[city]"></td> </tr> <tr> <td><label>State *</label></td> <td><select data-validate="required:method=authorizenet" name="instant_webstore[region]"> <option value="International" selected>Outside US</option> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA">Washington</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </select></td> </tr> <tr> <td><label>Country *</label></td> <td><select data-validate="required:method=authorizenet" name="instant_webstore[country]"> <option value=" " selected>(please select a country)</option> <option value="US">United States </option> <option value="CA">Canada</option> <option value="GB">United Kingdom</option> <option value="FR">France</option> <option value="DE">Germany </option> <option value="AU">Australia</option> <option value="AF">Afghanistan </option> <option value="AL">Albania </option> <option value="DZ">Algeria </option> <option value="AS">American Samoa</option> <option value="AD">Andorra </option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda </option> <option value="AR">Argentina </option> <option value="AM">Armenia </option> <option value="AW">Aruba </option> <option value="AT">Austria </option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas </option> <option value="BH">Bahrain </option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus </option> <option value="BE">Belgium </option> <option value="BZ">Belize</option> <option value="BJ">Benin </option> <option value="BM">Bermuda </option> <option value="BT">Bhutan</option> <option value="BO">Bolivia </option> <option value="BA">Bosnia and Herzegowina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island </option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory</option> <option value="BN">Brunei Darussalam </option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi </option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile </option> <option value="CN">China </option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands </option> <option value="CO">Colombia</option> <option value="KM">Comoros </option> <option value="CG">Congo </option> <option value="CD">Congo, the Democratic Republic of the </option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">Cote d'Ivoire </option> <option value="HR">Croatia (Hrvatska)</option> <option value="CU">Cuba</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark </option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="TP">East Timor</option> <option value="EC">Ecuador </option> <option value="EG">Egypt </option> <option value="SV">El Salvador </option> <option value="GQ">Equatorial Guinea </option> <option value="ER">Eritrea </option> <option value="EE">Estonia </option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas) </option> <option value="FO">Faroe Islands </option> <option value="FJ">Fiji</option> <option value="FI">Finland </option> <option value="FX">France, Metropolitan</option> <option value="GF">French Guiana </option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories </option> <option value="GA">Gabon </option> <option value="GM">Gambia</option> <option value="GE">Georgia </option> <option value="GH">Ghana </option> <option value="GI">Gibraltar </option> <option value="GR">Greece</option> <option value="GL">Greenland </option> <option value="GD">Grenada </option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala </option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau </option> <option value="GY">Guyana</option> <option value="HT">Haiti </option> <option value="HM">Heard and Mc Donald Islands </option> <option value="VA">Holy See (Vatican City State) </option> <option value="HN">Honduras</option> <option value="HK">Hong Kong </option> <option value="HU">Hungary </option> <option value="IS">Iceland </option> <option value="IN">India </option> <option value="ID">Indonesia </option> <option value="IR">Iran (Islamic Republic of)</option> <option value="IQ">Iraq</option> <option value="IE">Ireland </option> <option value="IL">Israel</option> <option value="IT">Italy </option> <option value="JM">Jamaica </option> <option value="JP">Japan </option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya </option> <option value="KI">Kiribati</option> <option value="KP">Korea, Democratic People's Republic of</option> <option value="KR">Korea, Republic of</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon </option> <option value="LS">Lesotho </option> <option value="LR">Liberia </option> <option value="LY">Libyan Arab Jamahiriya</option> <option value="LI">Liechtenstein </option> <option value="LT">Lithuania </option> <option value="LU">Luxembourg</option> <option value="MO">Macau </option> <option value="MK">Macedonia, The Former Yugoslav Republic of</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta </option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius </option> <option value="YT">Mayotte </option> <option value="MX">Mexico</option> <option value="FM">Micronesia, Federated States of </option> <option value="MD">Moldova, Republic of</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="MS">Montserrat</option> <option value="MA">Morocco </option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar </option> <option value="NA">Namibia </option> <option value="NR">Nauru </option> <option value="NP">Nepal </option> <option value="NL">Netherlands </option> <option value="AN">Netherlands Antilles</option> <option value="NC">New Caledonia </option> <option value="NZ">New Zealand </option> <option value="NI">Nicaragua </option> <option value="NE">Niger </option> <option value="NG">Nigeria </option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau </option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines </option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico </option> <option value="QA">Qatar </option> <option value="RE">Reunion </option> <option value="RO">Romania </option> <option value="RU">Russian Federation</option> <option value="RW">Rwanda</option> <option value="KN">Saint Kitts and Nevis </option> <option value="LC">Saint LUCIA </option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa </option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe </option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal </option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore </option> <option value="SK">Slovakia (Slovak Republic)</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands </option> <option value="SO">Somalia </option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="ES">Spain </option> <option value="LK">Sri Lanka </option> <option value="SH">St. Helena</option> <option value="PM">St. Pierre and Miquelon </option> <option value="SD">Sudan </option> <option value="SR">Suriname</option> <option value="SJ">Svalbard and Jan Mayen Islands</option> <option value="SZ">Swaziland </option> <option value="SE">Sweden</option> <option value="CH">Switzerland </option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan, Province of China </option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic of</option> <option value="TH">Thailand</option> <option value="TG">Togo</option> <option value="TK">Tokelau </option> <option value="TO">Tonga </option> <option value="TT">Trinidad and Tobago </option> <option value="TN">Tunisia </option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine </option> <option value="AE">United Arab Emirates</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela</option> <option value="VN">Vietnam</option> <option value="VG">Virgin Islands (British)</option> <option value="VI">Virgin Islands (U.S.)</option> <option value="WF">Wallis and Futuna Islands</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="YU">Yugoslavia</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select></td> </tr> <tr> <td><label>Zip/postal code *</label></td> <td><input data-validate="required:method=authorizenet" name="instant_webstore[postal]" size="10"></td> </tr> </table> <table cellspacing="0" id="checkout-ship-to-address"> <tr> <td><h3>Shipping address</h3></td> <td><table cellspacing="0"> <tr> <td><label> <input type="radio" name="instant_webstore[ship_to_address]" value="0" checked> My shipping address is my billing address </label></td> <td><label> <input type="radio" name="instant_webstore[ship_to_address]" value="1"> I have a different shipping address </label></td> </tr> </table></td> </tr> </table> <table cellspacing="0"> <tr> <td><label>First and last name</label></td> <td><table cellspacing="0"> <tr> <td><input data-validate="required:method=authorizenet;ship_to_address=1" name="instant_webstore[ship_to_first_name]"></td> <td><input data-validate="required:method=authorizenet;ship_to_address=1" name="instant_webstore[ship_to_last_name]"></td> </tr> </table></td> </tr> <tr> <td><label>Address line 1</label></td> <td><input data-validate="required:method=authorizenet;ship_to_address=1" name="instant_webstore[ship_to_address1]"></td> </tr> <tr> <td><label>Address line 2</label></td> <td><input name="instant_webstore[ship_to_address2]"></td> </tr> <tr> <td><label>City</label></td> <td><input data-validate="required:method=authorizenet;ship_to_address=1" name="instant_webstore[ship_to_city]"></td> </tr> <tr> <td><label>State</label></td> <td><select data-validate="required:method=authorizenet;ship_to_address=1" name="instant_webstore[ship_to_region]"> <option value="International" selected>Outside US</option> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA">Washington</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </select></td> </tr> <tr> <td><label>Country</label></td> <td><select data-validate="required:method=authorizenet;ship_to_address=1" name="instant_webstore[ship_to_country]"> <option value=" " selected>(please select a country)</option> <option value="US">United States </option> <option value="CA">Canada</option> <option value="GB">United Kingdom</option> <option value="FR">France</option> <option value="DE">Germany </option> <option value="AU">Australia</option> <option value="AF">Afghanistan </option> <option value="AL">Albania </option> <option value="DZ">Algeria </option> <option value="AS">American Samoa</option> <option value="AD">Andorra </option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda </option> <option value="AR">Argentina </option> <option value="AM">Armenia </option> <option value="AW">Aruba </option> <option value="AT">Austria </option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas </option> <option value="BH">Bahrain </option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus </option> <option value="BE">Belgium </option> <option value="BZ">Belize</option> <option value="BJ">Benin </option> <option value="BM">Bermuda </option> <option value="BT">Bhutan</option> <option value="BO">Bolivia </option> <option value="BA">Bosnia and Herzegowina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island </option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory</option> <option value="BN">Brunei Darussalam </option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi </option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile </option> <option value="CN">China </option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands </option> <option value="CO">Colombia</option> <option value="KM">Comoros </option> <option value="CG">Congo </option> <option value="CD">Congo, the Democratic Republic of the </option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">Cote d'Ivoire </option> <option value="HR">Croatia (Hrvatska)</option> <option value="CU">Cuba</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark </option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="TP">East Timor</option> <option value="EC">Ecuador </option> <option value="EG">Egypt </option> <option value="SV">El Salvador </option> <option value="GQ">Equatorial Guinea </option> <option value="ER">Eritrea </option> <option value="EE">Estonia </option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas) </option> <option value="FO">Faroe Islands </option> <option value="FJ">Fiji</option> <option value="FI">Finland </option> <option value="FX">France, Metropolitan</option> <option value="GF">French Guiana </option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories </option> <option value="GA">Gabon </option> <option value="GM">Gambia</option> <option value="GE">Georgia </option> <option value="GH">Ghana </option> <option value="GI">Gibraltar </option> <option value="GR">Greece</option> <option value="GL">Greenland </option> <option value="GD">Grenada </option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala </option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau </option> <option value="GY">Guyana</option> <option value="HT">Haiti </option> <option value="HM">Heard and Mc Donald Islands </option> <option value="VA">Holy See (Vatican City State) </option> <option value="HN">Honduras</option> <option value="HK">Hong Kong </option> <option value="HU">Hungary </option> <option value="IS">Iceland </option> <option value="IN">India </option> <option value="ID">Indonesia </option> <option value="IR">Iran (Islamic Republic of)</option> <option value="IQ">Iraq</option> <option value="IE">Ireland </option> <option value="IL">Israel</option> <option value="IT">Italy </option> <option value="JM">Jamaica </option> <option value="JP">Japan </option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya </option> <option value="KI">Kiribati</option> <option value="KP">Korea, Democratic People's Republic of</option> <option value="KR">Korea, Republic of</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon </option> <option value="LS">Lesotho </option> <option value="LR">Liberia </option> <option value="LY">Libyan Arab Jamahiriya</option> <option value="LI">Liechtenstein </option> <option value="LT">Lithuania </option> <option value="LU">Luxembourg</option> <option value="MO">Macau </option> <option value="MK">Macedonia, The Former Yugoslav Republic of</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta </option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius </option> <option value="YT">Mayotte </option> <option value="MX">Mexico</option> <option value="FM">Micronesia, Federated States of </option> <option value="MD">Moldova, Republic of</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="MS">Montserrat</option> <option value="MA">Morocco </option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar </option> <option value="NA">Namibia </option> <option value="NR">Nauru </option> <option value="NP">Nepal </option> <option value="NL">Netherlands </option> <option value="AN">Netherlands Antilles</option> <option value="NC">New Caledonia </option> <option value="NZ">New Zealand </option> <option value="NI">Nicaragua </option> <option value="NE">Niger </option> <option value="NG">Nigeria </option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau </option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines </option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico </option> <option value="QA">Qatar </option> <option value="RE">Reunion </option> <option value="RO">Romania </option> <option value="RU">Russian Federation</option> <option value="RW">Rwanda</option> <option value="KN">Saint Kitts and Nevis </option> <option value="LC">Saint LUCIA </option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa </option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe </option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal </option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore </option> <option value="SK">Slovakia (Slovak Republic)</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands </option> <option value="SO">Somalia </option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="ES">Spain </option> <option value="LK">Sri Lanka </option> <option value="SH">St. Helena</option> <option value="PM">St. Pierre and Miquelon </option> <option value="SD">Sudan </option> <option value="SR">Suriname</option> <option value="SJ">Svalbard and Jan Mayen Islands</option> <option value="SZ">Swaziland </option> <option value="SE">Sweden</option> <option value="CH">Switzerland </option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan, Province of China </option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic of</option> <option value="TH">Thailand</option> <option value="TG">Togo</option> <option value="TK">Tokelau </option> <option value="TO">Tonga </option> <option value="TT">Trinidad and Tobago </option> <option value="TN">Tunisia </option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine </option> <option value="AE">United Arab Emirates</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela</option> <option value="VN">Vietnam</option> <option value="VG">Virgin Islands (British)</option> <option value="VI">Virgin Islands (U.S.)</option> <option value="WF">Wallis and Futuna Islands</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="YU">Yugoslavia</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select></td> </tr> <tr> <td><label>Zip/postal code</label></td> <td><input data-validate="required:method=authorizenet;ship_to_address=1" name="instant_webstore[ship_to_postal]" size="10"></td> </tr> </table> <table cellspacing="0"> <tr> <td><label>Credit card number *</label></td> <td><input data-validate="required:method=authorizenet" name="instant_webstore[card_num]"></td> </tr> <tr> <td><label>Expiration date *</label></td> <td><table cellspacing="0"> <tr> <td><input data-validate="required:method=authorizenet" name="instant_webstore[exp_date]"></td> <td></td> </tr> </table></td> </tr> <tr> <td><label>Security code *</label></td> <td><input data-validate="required:method=authorizenet" name="instant_webstore[card_code]" size="10"></td> </tr> </table> <hr> <div class="webstore-clear cart-totals"> <div class="left">* Required fields</div> <div class="right"> <label>Subtotal</label> <span class="cart-subtotal">$0.00</span><br> <label>Shipping</label> <span class="cart-shipping">$0.00</span><br> <label>Tax</label> <span class="cart-tax">$0.00</span><br> <label>Discount</label> <span class="cart-discount">$0.00</span><br> <br> <label>Grand Total</label> <span class="cart-total">$0.00</span><br> <br> <button class="right authorizenet" type="button" id="checkout-order"><span>Place Order</span></button> </div> <div class="right cart-options"> <label>Discount code</label> <input class="discount"> <br> <select class="shipping" data-validate="required"> <option value="">Choose a shipping method</option> </select> </div> </div> </form> </div> </div> </div> </div></div><!-- DC Instant.Webstore End --><!-- DC Instant.Webstore Settings --><script type="text/javascript">$('#cart-list').instant('webstore', {// PAYMENT SETTINGS// To configure advanced settings, edit dcodes/webstore/js/jquery.instant.webstore.js sandbox: false, // enable sandbox to test payment without incurring real charges. Set to false to accept real payments. authorizeNetSignature: 'http://yourdomain.com/dcodes/webstore/authorize.net.php', // return path to authorize.net.php. Make sure you edit this file located in dcodes/webstore/authorize.net.php to configure your Authorize.Net login/key paypaluser: 'paypal', // enter your paypal username, for example if your paypal address is paypal@mydomain.com, enter "paypal" here paypaldomain: 'templateaccess.net', // enter your paypal domain, for example if your paypal address is paypal@mydomain.com, enter "mydomain.com" here skrilluser: '', // enter your skrill (moneybookers) user name skrilldomain: '', // enter your skrill (moneybookers) domain name amazonmerchant: '', // enter your amazon payments username/id googlemerchant: '', // enter your google checkout username/id returnurl: 'http://www.yourdomain.com/thankyou-for-your-order.html', // enter your return URL here after payment success. Return URL should be a thank you/confirmation page. properties: [ 'thumb', 'title', 'description' ], cartitem: '<div class="left"><img src="{thumb}"></div>' + '<div class="right">' + '<span class="title">{title}</span>' + '<span class="description">{description}<span class="gradient"></span></span>' + '<input class="quantity" value="{quantity}">' + '<span class="price"><small><span>{pricesingle}</span></small><span>{pricetotal}</span></span>' + '</div>', discountCodes: { // define coupon codes here '10PERCENT': '10%', // coupon code is 10PERCENT, discount items by 10% '10DOLLARS': 10, // coupon code is 10DOLLARS, discount items by $10 '2FOR10': function () { // coupon code is 2FOR10, let users select any two items for $10 return this.quantity === 2 ? (this.subtotal + this.shipping + this.tax) - 10 : 0; }, 'FREESHIPPINGOVER100': function () { // make shipping free if users spend over $100 return this.subtotal > 100 ? this.shipping : 0; } }, geolocation: true, // Set this to true to use instant.webstore's experimental geolocation, which utilizes services of geoplugin.com, a third-party provider. // tax shipping: enable/disable tax on shipping (edit in dcodes/webstore/js/jquery.instant.webstore.js) shippingType: 'flat', // 'flat' = flat rate shipping fee, 'fixed' = fixed fee per item, 'range', or 'variable' = % based on cost of shopping cart total (e.g. 0.10 = 10%) shippingRate: { 'USPS': 9.95, // 9.95 = $9.95 (fixed) / 0.10 = 10% (variable) 'UPS Ground': 14.95, 'FedEx Express': 21.95 }});</script><div class="dc_clear"></div> <!-- line break/clear line -->
  12. So I am trying to install this to my site, which they provide the code for on the bottom of that page:http://www.dcodes.net/2/docs/webstore.htmlOn the top of that code they provide the 3 file names I need to use. I uploaded the files in my themes folder.I placed the code in header.php of Wordpress. and I got the CSS part of it to work, but the darn .js portion wont work.I had no trouble doing things like this on dreamweaver when the header was a part of my html file, but I guess I am having trouble because this header is a .php file.PLEASE help. I REALLY need help....
×
×
  • Create New...